@charset "utf-8";

html,body { height: 100%}
body	{
    padding:0;
    font-family:'Nanum Gothic'; font-weight:400; font-size:16px;
    background:rgb(219,219,219);
}

/*setting */
/*size*/
h1,h2,h3,h4,h5,h6 { margin: 0; font-weight:bold; color:rgb(71,71,71)}
h1 { font-size: 24px}
h2 { font-size: 20px}
h3 { font-size: 18px}
h4 { font-size: 16px}
h5 { font-size: 14px}
h6 { font-size: 12px}
img { vertical-align: top}

li { list-style: none; padding: 0}

a {
    color: rgb(71,71,71);
    text-decoration: none;
}
a:hover,
a:active {
    color: rgb(0,0,0);
}

*:focus {
    outline: 1px solid #fff;
}
input[type="text"],
input[type="tel"] {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.btn.btn-trans { border: 0; background: transparent}
.iblock { display: inline-block; vertical-align: middle}
.noBtn	{ padding:0; margin:0; border:0; background:transparent;  }
.noMg { margin: 0 !important}
.noPd { padding: 0 !important}
.noTopPd { padding-top: 0 !important}
.none { display: none}
.fL { float: left}
.fR { float: right}
.clear { clear: both}

.text-left { text-align: left}
.text-right { text-align: right}
.text-center { text-align: center}

.DH15 { height: 15px}
.DH30 { height: 30px}
.DH60 { height: 60px}

/*//setting */

/*layout*/
.Wrap {
    position: relative;
    max-width:640px;
    height: auto;
    min-height: 100%;
    line-height: 28px;
    margin: 0 auto;
    background: #fff;
    font-size: 16px;
}
.home-header { padding:4% 9.0667% 0}
.home-header h1 {
    padding:44px 0 25px;
    margin: 0 auto;margin-bottom:4px;
    border-bottom:1px solid #000;
    font-family: 'Nanum Myeongjo'; font-weight:700; font-size: 24px
}

.home-header .logo img { width:20%; vertical-align: middle }

.sub-header {
    position: fixed;
    left: 0; right: 0;
    height: 61px;
    line-height:60px;
    padding: 0 4.6%;
    border-bottom: 1px solid rgb(219,219,219);
    background: #FFF;
    z-index:1;
}
.sub-header h3 {
    font-family: "Nanum Myeongjo";
}
.sub-header h3 i {
    font-size: 1.12em;
    margin-right:10px;
}
.section {
    padding: 26px 9.0667% 118px;
}
.footer-box {
    position: absolute;
    bottom:34px; right: 19px;
}

.nextBtn {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    padding: 0 20px;
    border:0;
    border-radius:25px;
    font-size:18px;
    font-weight: normal;
    text-align: center;
    color:#fff;
    background: #717171;
}
.nextBtn:disabled,
.nextBtn:disabled:active {
    cursor: default;
    background: #999;
}
.nextBtn:active {
    background: #333;
}
.nextBtn i,
.nextBtn span {
    display: inline-block;
    vertical-align: middle;
}
.nextBtn i {
    font-size:12px;
}

/** step1 **/
.contents {
    text-align: justify;
    padding:4% 0 7%;
    color: rgb(117,117,117);
}
.cost-box {
    padding:7.5% 0;
    border-top:2px solid #777;
    font-weight: 700;
    font-size: 24px;
}
.cost-box span { font-family: "Nanum Myeongjo"}

/** step2 **/
.frm-cell {
    text-align: left;
    border-top:2px solid rgb(71,71,71);
}
.frm .frm-cell-title { padding:20px 0; }
.frm .frm-cell-list {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.frm input[type="text"],
.frm input[type="tel"] {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    border: 0;
    font-size: 18px;
    font-weight:bold;
}
.frm input[type="text"]::-webkit-input-placeholder,
.frm input[type="tel"]::-webkit-input-placeholder {color:rgb(219,219,219)}
.frm input[type="text"]:-moz-placeholder,
.frm input[type="tel"]:-moz-placeholder {color:rgb(219,219,219)}
.frm input[type="text"]::-moz-placeholder,
.frm input[type="tel"]::-moz-placeholder {color:rgb(219,219,219)}
.frm input[type="text"]:-ms-input-placeholder,
.frm input[type="tel"]:-ms-input-placeholder {color:rgb(219,219,219)}

.frm li {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding:15px 0 18px;
    border-top:1px solid rgb(219,219,219);
}
.frm .label,
.frm label {
    display: block;
    font-size: 14px;
    color:rgb(168,168,168);
}
.frm .frm-photo-box {
    box-sizing: border-box;
    position: relative;
    width: 100px; height: 100px; min-height: 100px;
    border: 1px solid rgb(219,219,219);
    border-radius:0;
}
.frm .photo {
    width: 100px; height: 100px; min-height: 100px;
    border-radius:0;
    line-height: 160%;
    color:rgb(117,117,117);
    /*background-repeat:no-repeat;
    background-position: center center;*/
    background-size: cover;
    background-color:rgb(234,234,234);
}
.frm .uploaded-item-preview {
    position: absolute;
    width: 100px; height: 100px; min-height: 100px;
    top: 0; left: 0;
    border-radius:0;
}
.frm .uploaded-item-preview img {
    width: 100%;
    height: 100%;
}
.frm .uploaded-item-holder {
    position: absolute;
    left:110px; top:0;
    font-size: 12px;
}
.frm .uploaded-item-cell {
    display: inline-block;
    vertical-align: middle;
}
/* uploader */
.message-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    padding:28px;
    background: #fff;
    overflow: auto;
}
.message-box .message-box-title {
    padding:12px 0 15px;
    font-family: 'Nanum Myeongjo';
}
.message-box .contents {
    line-height:160%
}
.messageClose {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid rgb(0,122,255);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #fff;
}

.filebox label {
    display: inline-block;
    padding: 4px 0;
    color:rgb(71,71,71);
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    border: 0;
    cursor: pointer;
    background-color: #fff;
}
.filebox input[type="file"] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px; border: 0;
    overflow: hidden;
    clip:rect(0,0,0,0);
}


/* agree */
.section dt {
    margin: 0;
    font-size:18px; font-weight: bold;
    color: rgb(71,71,71);
}
.section dd {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size:18px;
    color: rgb(117,117,117);
    white-space: pre-line;
    text-align: justify;
}

/** ok */
.ok-title {
    line-height: 35px;
    padding-bottom: 34px;
    font-family: 'Nanum Myeongjo';
    font-size:24px;
}
.ok-link {
    display: inline-block;
    padding-bottom:2px;
    border-bottom:1px solid  rgb(0, 122, 255);
}
    /* custom ui*/
.frm-calendar {
    display: none;
    width:100%;
    max-width:300px;
    padding: 5px;
    overflow: hidden;
}
.ax5-ui-calendar .calendar-control .date-display [data-calendar-display] {
    padding: 4px 10px;
    border: 1px solid rgb(219,219,219);
    border-radius: 4px;
    font-size:14px;
    background: #fff;
    text-decoration:none !important;
    vertical-align: top;
}
.calendar-body td,
.calendar-body td a.calendar-item-day {
    height: 38px !important;
    line-height: 38px !important;
    vertical-align: middle;
}
.ax5-ui-calendar .calendar-body table tbody td.calendar-col-0 .calendar-item-day.live {
    color: #C78B81;
}
.ax5-ui-calendar .calendar-body table tbody td.calendar-col-6 .calendar-item-day.live {
    color: #32B4DC;
}

.ax5modal,
.ax5modal .ax-modal-body {
    border:0;
    border-radius: 0;
}

.mask {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom:0;
    background:rgba(0,0,0,.8);
    z-index: 3;
}

.pure-checkbox input[type="checkbox"] {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px;
    border:1px solid rgb(71,71,71);
    vertical-align: middle;
    background: #FFF;
}
.pure-checkbox input[type="checkbox"]:checked {
    background: royalblue;
}

.expBox {
    width: calc(100% - 110px);
    line-height:130%;
    padding-left:10px;
    font-size: 13px;
    color:#000;
    text-align: justify;
}

.text-info {
    color:deepskyblue;
}
.text-warning {
    color: #DE676A;
}

.text-warning.contents {
    line-height: 100%;
}

.section dt.text-info {
    color:deepskyblue;
}

.scrollBox  {
    box-sizing: border-box;
    width: 100%;
    height: 250px;
    border:1px solid #ddd;
    padding: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.preBox {
    white-space: pre-line;
}

.tbl {
    width: 100%;
}
.tbl th,.tbl td {
    line-height: 120%;
    border:1px solid #ddd;
    padding:6px;
    font-size:12px;
}