/*
File Name: style.css
Author: IVYNET
Version: 1.0.0
* SUMMARY:
*     1) Reset
*     2) Promotion Style
*     3) Accessible Accordion Aria
*
*/

/* ************************************** *
* Reset
* ************************************** */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, p, iframe, figure, a, input {
    margin: 0; 
    padding: 0; 
    font-size: inherit; 
    word-break: keep-all; 
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
}

header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption {
    display: block; 
}

table {
    font-size: inherit; 
    border-collapse: separate; 
    border-spacing: 0; 
    table-layout: fixed; 
}

th, td {
    font-weight: normal; 
    word-wrap: break-word; 
    word-break: break-all; 
}

fieldset, iframe {
    border: 0; 
    vertical-align: top; 
}

img {
    border: 0; 
    font-size: 0; 
    vertical-align: top; 
    outline: 0; 
}

li, dd {
    line-height: 1.4; 
    list-style: none; 
    word-break: keep-all; 
}

hr {
    display: block; 
    margin: 0; 
    padding: 0; 
    width: 0; 
    height: 0; 
    border: 0; 
    clear: both; 
}

caption, figcaption {
    overflow: hidden; 
    margin-top: -1px; 
    width: 100%; 
    height: 1px; 
    line-height: 0; 
    font-size: 0; 
    text-indent: -9999px; 
}

legend {
    overflow: hidden; 
    display: block; 
    position: absolute; 
    left: -9999px; 
    width: 0; 
    height: 0; 
    line-height: 0; 
    font-size: 0; 
    text-indent: 9999px; 
    white-space: nowrap; 
}

button {
    padding: 0; 
    font-family: dotum,'돋움'; 
    font-weight: 400; 
    background: none; 
    border: 0; 
    cursor: pointer; 
    -moz-appearance: none; 
    appearance: none; 
    vertical-align: middle; 
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3; 
    font-size: 100%; 
    font-weight: normal; 
}

p {
    line-height: 1.4; 
}

a {
    color: #666666; 
    text-decoration: none; 
}

a:hover, a:focus {
    text-decoration: none; 
}

em, i {
    font-style: normal; 
}

img {
    margin: 0; 
    padding: 0; 
}

strong {
    font-weight: inherit; 
}

select {
    height: 22px; 
    *height: auto; 
    line-height: 22px; 
    color: #888888; 
    font-size: 16px; 
    font-family: dotum,'돋움',sans-serif; 
    vertical-align: middle; 
}

select::-ms-expand {
    display: none; 
}

input {
    margin: 0; 
    padding: 0; 
    line-height: 17px; 
    font-size: inherit; 
    color: #333333; 
    font-weight: 400; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -ms-border-radius: 0; 
    border-radius: 0; 
    vertical-align: middle; 
}

input[type='text'], input[type='password'] {
    border: 1px solid #D3D2D2; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
}

input[type='text']:focus, input[type='password']:focus {
    border-color: #222222; 
}

input[type='text']:disabled, input[type='password']:disabled {
    background-color: #f7f7f7; 
}

input[type='radio'] {
    *margin-right: -3px; 
    width: 13px; 
    height: 13px; 
    vertical-align: -1px; 
}

input[type='checkbox'] {
    width: 13px; 
    height: 13px; 
    vertical-align: -2px; 
    *vertical-align: 0px; 
}

input:checked[type='checkbox'] {
    background-color: #ffffff; 
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
    -ms-appearance: checkbox; 
    appearance: checkbox; 
}

input[type='number'] {
    -webkit-appearance: none; 
    -moz-appearance: textfield; 
    -ms-appearance: textfield; 
    appearance: textfield; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -ms-border-radius: 0; 
    border-radius: 0; 
}

textarea {
    padding: 0; 
    width: 100%; 
    color: #666666; 
    background-color: #ffffff; 
    border: none; 
    box-sizing: border-box; 
    resize: vertical; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -ms-border-radius: 0; 
    border-radius: 0; 
}

button:active {
    outline: none; 
    border: none; 
}

input, textarea, button, select, a {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

textarea:focus {
    outline: none; 
}

button:focus {
    outline: none; 
}

input:focus {
    outline: none; 
}

/* ************************************** *
* Promotion Style
* ************************************** */
.promotion-frame {
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
    max-width: 480px; 
    font-size: 100%; 
    background-color: #f2f2f2;
}

.promotion-frame img {
    display: block; 
    max-width: 100%;
}

.blind-text {
    position: absolute; 
    top: -99999px; 
    left: -99999px; 
    width: 1px; 
    height: 1px; 
    font-size: 0; 
    text-indent: -99999px; 
}

.btn-box > div {
    float: left; 
    width: 49.5%; 
}

.btn-box {
    padding: 0px 6.111%;
}

/* ************************************** *
* Tab Style
* ************************************** */
/* Style the tab */
/*.tab {
    overflow: hidden;
    padding-left: 3.2432%;
    padding-right: 3.2432%;
}*/

/* Style the buttons inside the tab */
.tab button {
    float: left; 
    width: 33.33%; 
    font-size: 0; 
    background-color: transparent; 
    border: none; 
    outline: none; 
    cursor: pointer; 
}

/* Create an active/current tablink class */
.tab button img.active {
    display: none; 
}

.tab button.active img.active {
    display: block; 
    margin: auto; 
}

.tab button img {
    margin: auto; 
}

/* Style the tab content */
.tab-section {
    position: relative; 
}

button.tablinks-data {
    position: absolute; 
    top: 8%; 
    left: 3.4%; 
    padding-bottom: 12%; 
    width: 31%; 
}

button.tablinks.tablinks-insight {
    position: absolute; 
    top: 8%; 
    left: 34.3%; 
    padding-bottom: 12%; 
    width: 31.3%; 
}

button.tablinks.tablinks-program {
    position: absolute; 
    top: 8%; 
    right: 3.1%; 
    padding-bottom: 12%; 
    width: 31.2%; 
}
/* Style the tab content */