@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,800);
@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}
.checkArea {  position:relative; display:block; margin:0 auto 20px; border:0; z-index:10;}
.check_title { position:relative; width:94%; max-width:1280px; margin:0 auto; font-size:15px; line-height:2em; padding:10px 0 0; letter-spacing:0.1em; text-transform:uppercase;}
.checkArea form { position:relative; max-width:1280px; margin:0 auto;}
.checkArea form:after {content:"";display:block;clear:both;}
.checkArea dl { float:left; display:inline-block; vertical-align:bottom; margin-right:5px; }
.checkArea .check_con01 { width:122px;}
.checkArea .check_con02 { width:100px;}
.checkArea dl dt { font-size:12px; color:#333; margin-bottom:0;}
.checkArea dl dd { position:relative;}
.checkArea dl dd .prefix { position:absolute; display:block; width:2.1em; height:2em; right:0; top:6px; text-align:left; z-index:2;}
.checkArea dl dd .prefix i {display: inline-block;  width:1em; height:1em; font-size:1.6em; color:#999; cursor:pointer;}   
.btn_check {
  /*position:absolute; right:0; bottom:1rem;*/
  display: inline-block;
  vertical-align:bottom;
  width:42px;
  height: 32px;
  line-height: 32px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-clip: padding-box;
  border: 0;
  letter-spacing:0.1em;
  cursor: pointer;
  background: url(../images/common/btn_check.png) center center no-repeat;
}
.btn_check:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.btn_check:active {
}
.btn_check:active:before {
  content: none;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: #aaa;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #aaa;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #aaa;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #aaa;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2rem;
    /*margin-bottom: 1rem;*/
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    transition-delay: 0s, 0s;
    transition-duration: 0.45s, 0.45s;
    transition-property: box-shadow, border-color;
    transition-timing-function: ease, ease-in-out;
    width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    border-bottom-color: #999;
    border-left-color: #999;
    border-right-color: #999;
    border-top-color: #999;
    box-shadow: 0 0 5px #999;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fafafa;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #999;
    border-left-color: #999;
    border-right-color: #999;
    border-top-color: #999;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #ddd;
    cursor: default;
}
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default;
}
input.radius[type="text"], input.radius[type="password"], input.radius[type="date"], input.radius[type="datetime"], input.radius[type="datetime-local"], input.radius[type="month"], input.radius[type="week"], input.radius[type="email"], input.radius[type="number"], input.radius[type="search"], input.radius[type="tel"], input.radius[type="time"], input.radius[type="url"], input.radius[type="color"], textarea.radius {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
input[type=text]::-webkit-input-placeholder {color:#aaa;}/* WebKit browsers */
input[type=text]:-moz-placeholder {color:#aaa;opacity:1;}/* Mozilla Firefox 4 to 18 */
input[type=text]::-moz-placeholder {color:#aaa;opacity:1;}/* Mozilla Firefox 19+ */
input[type=text]:-ms-input-placeholder {color:#aaa;}/* Internet Explorer 10+ */
form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}
form .row .prefix-radius.row.collapse .prefix {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
}
form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
}
form .row .postfix-radius.row.collapse .postfix {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}
form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1000px;
    border-top-left-radius: 0;
    border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
    border-bottom-left-radius: 1000px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 1000px;
    border-top-right-radius: 0;
}
form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select {
    border-bottom-left-radius: 1000px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 1000px;
    border-top-right-radius: 0;
}
form .row .postfix-round.row.collapse .postfix {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1000px;
    border-top-left-radius: 0;
    border-top-right-radius: 1000px;
}
textarea[rows] {
    height: auto;
}
textarea {
    max-width: 100%;
}
select {
	width:100%;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position-x: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
    border-bottom-color: #ccc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgba(0, 0, 0, 0.75);
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: normal;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
}
select.radius {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
select:hover {
    background-color: #f3f3f3;
    border-bottom-color: #999;
    border-left-color: #999;
    border-right-color: #999;
    border-top-color: #999;
}
select:disabled {
    background-color: #ddd;
    cursor: default;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0.5rem;
    margin-right: 1rem;
    vertical-align: baseline;
}
input[type="file"] {
    width: 100%;
}

@media  (max-width: 1280px){

}

@media  (max-width: 520px){
.checkArea { position:relative; bottom:auto;}
.checkArea .check_con01 { width:calc(50% - 64px);}
.checkArea .check_con02 { width:20%;}
.btn_check { font-size:12px; padding:0 15px;}

}

@media  (max-width: 350px){
.checkArea .check_con01 { width:calc(50% - 54px);}
.checkArea dl dd .prefix { opacity:0;}
.btn_check { font-size:11px; padding:0 10px;}

}