@charset 'utf-8';
/* css Reset */
html { font-size: 10px; -webkit-font-smoothing: antialiased }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; }
body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select, button, code, label, em, span, strong { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; margin: 0; padding: 0; word-wrap: break-word; word-break: keep-all; color: #434445; }
img, fieldset { border: 0; max-width: 100%; }
hr { display: none; }
li { list-style: none; }
em, address { font-style: normal; }
label, input, select, textarea { vertical-align: middle; }
legend { font-size: 0; position: absolute; left: -5000px; overflow: hidden; }
caption { line-height: 0; position: relative; left: -5000px; overflow: hidden; height: 0; text-indent: -9999px; direction: ltr }
a:link, a:active, a:visited, a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
label, input, button, select, img { vertical-align: middle; }
input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel] { box-sizing: border-box; height: 30px; padding-left: 8px; padding-right: 8px; border: 1px solid #ddd; border-radius: 2px;}
input[type=file] { height: 30px; }
/* input[type=radio], input[type=checkbox] { position: relative; margin-right: 5px; } */
textarea { box-sizing: border-box; width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 2px; }

input[type=submit], button { cursor: pointer; border: 0; outline: none; }
button { border: 0; background: none; }
button:focus { border: 1px dotted #ccc; }



.hidden { display: none; }
.invisible { line-height: 0; position: absolute; left: -5000px; overflow: hidden; height: 0; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

/* 순수 영문 및 숫자 서체 */
.latin { font-family: arial, verdana, '맑은고딕', sans-serif; }

/* 기본 트랜젠션 변화 길이 */
a, button, input[type=button], *:before, *:after { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }

/* 셀렉트 박스 */
select { box-sizing: border-box; height: 30px; padding: 0 30px 0 5px; border: 1px solid #c0c0c0; border-radius: 0; background: #fff url('../../images/common/ico_selectDown.gif') no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none }
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */

/**
 * 체크박스 및 라디오 버튼
 * input class='hidden' 처리
 * input 다음 element에 class 추가 (checkbox or radio)
 */
.checkbox { padding-left: 20px; background: url('../../images/common/ico_chk.png') no-repeat 0 center; }
input[type='checkbox']:checked + .checkbox { background: url('../../images/common/ico_chk_on.png') no-repeat 0 center; }
.radio { padding-left: 20px; background: url('../../images/common/ico_radio.png') no-repeat 0 center; }
input[type='radio']:checked + .radio { background: url('../../images/common/ico_radio_on.png') no-repeat 0 center; }

/* drop down top tip 공*/
.dropdown { position: relative; }
.dropdown-content { display: none; }
.dropdown:hover .dropdown-content { display: inline-block; }

/* 탭 공통 정의 */
.tab_contents > li { display: none; }
.tab_contents > .active { display: block; }