@charset "UTF-8";

/* 기본설정 */

* {
	max-height: 10000000px;
	box-sizing: border-box;
}

* {padding:0px; margin:0px;}

/** Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* //HTML5 display-role reset for older browsers */

html {/*font-size: 62.5%;*/}

body {
	font-family: 'Noto Sans KR', sans-serif, Helvetica;
	font-size: 12px;
	color: #333;
	letter-spacing: -1px;
	-webkit-text-size-adjust: none;
	max-width: 100%;
	word-break: keep-all;
}

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


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* //HTML5 display-role reset for older browsers */

html {/*font-size: 62.5%;*/}
fieldset, img, button {border: 0;}

img, input, label {vertical-align: middle;}

table {border-collapse: collapse; border-spacing: 0;}
ul li table thead th {text-align: center;} /*ul li 속에 table thead th 일 때, 크롬, 파이어폭스 등에서 왼쪽정렬 되는 버그로 추가*/

em, address, caption, cite {font-style: normal;}

ol, ul {list-style: none;}

hr {display: none;}

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

a:link, a:visited, a:active {text-decoration: none; display: inline-block;}
a:hover {/*text-decoration: underline;*/ }
a:focus {}
*:focus { outline: none;}



legend {
	position: absolute;
	left: -9999px;
	top: 0;
}

caption {
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

button {
	background: none;
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}


/* padding 영역 벗어나는거 잡아주기 위한 css */
input, textarea, select {    
          box-sizing: border-box; /* Opera/IE 8+ */
}

/* input placeholder */
input {color: #000;}
input[type=radio], input[type=checkbox] {
    width: 14px; 
    height: 14px;
}
input[type=text], input[type=password],input[type=tel], select, textarea {
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
    font-size: 14px;
    border-radius: 0;    
    -webkit-appearance: none; 
    appearance: none;
}
input[type=text], input[type=password], input[type=tel] {
    height: 36px;
    line-height: 36px; 
    border: solid 1px #e0e1e6; 
    padding: 0 5px 0 10px;
    vertical-align: middle; 
    color: #777;
    background: #f5f5f5;
    border: none;
    margin: 0 3px;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
select::-webkit-input-placeholder{ 
    color: #a1a1a1; 
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    letter-spacing: -1px;
}

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

input[readonly='readonly'], input[disabled] {
 background: #ddd;
}


input[type=file] {height: 29px;}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #6a6a6a;
    cursor: pointer;
    float: right;
    width: 15%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    padding: 0 10px;
    vertical-align: middle;
    text-align: center;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
    width: 85%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    padding: 0 5px 0 10px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: none;
    color: #777;
}





.check_group > span {display: inline-block; margin-right: 8px;}

/* 체크박스 */
input[type="checkbox"] {display:none;}

input[type="checkbox"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border-radius: 100%;
    border: 1px solid #aaa;
    cursor: pointer;
    margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;
}

input[type="checkbox"]:checked + label span {
    background: #4d87ff url(../img/sub/check_box_on.png) no-repeat 0 0;
    border: none;
}

input[type="checkbox"]:checked + label{
    color: #4d87ff;
}


/* 라디오 버튼 */
input[type="radio"] {display:none;}

input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/sub/radio.png) no-repeat 0 0;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

input[type="radio"]:checked + label span {
    background: url(../img/sub/radio_on.png) no-repeat 0 0;
}

input[type="radio"]:checked + label{
    color: #100964;
}



select {
  outline: none;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 화살표 없애기 for Safari and Chrome*/
  -moz-appearance: none;    /* 화살표 없애기 for firefox*/
  appearance: none;         /* 화살표 없애기 공통*/
    
    height: 36px;
    line-height: 36px;
    border: solid 1px #e0e1e6;
    background: #fff;
    padding: 0 5px;
    vertical-align: middle;
    color: #777;
    background: #f5f5f5 url("../img/sub/select_icon.png") no-repeat right 8px center; 
    border: none;
    width: 250px;
    margin-left: 5px;
}

/* 화살표 없애기 for IE10, 11*/
select::-ms-expand {
   display: none; 
}

label {margin-left: 0px;}
textarea {
    border:solid 1px #ddd; 
    background: #fff; 
    padding: 10px 0 10px 10px; 
    line-height: 1.5;
    width: 100%;
    background: #f5f5f5;
    border: none;
    color: #777;
}
button, input[type="button"] {
    height: inherit;
    /*background: transparent;*/
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    /*color: inherit;*/
    white-space: nowrap;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.blind {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}

/*  //기본설정 */

@media screen and (max-width: 1024px){}



.w100{width: 100%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}

/*여백*/
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
 
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml65 {margin-left: 65px !important;}

.pl5 {padding-left: 5px !important;}


.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}