@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Happiness-Sans", "Noto Sans", Arial, dotum, "sans-serif";
    -webkit-text-size-adjust: none;
}

@font-face {
    font-family: "Happiness-Sans";
    font-style: "normal";
    font-weight: 400;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: local("Happiness-Sans"), url("/css/font/Happiness-Sans-Regular.woff2") format("woff2"), url("/css/font/Happiness-Sans-Regular.woff") format("woff"), url("/css/font/Happiness-Sans-Regular.ttf") format("truetype"), url("/css/font/Happiness-Sans-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
    font-family: "Happiness-Sans";
    font-style: "bold";
    font-weight: 700;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: local("Happiness-Sans"), url("/css/font/Happiness-Sans-Bold.woff2") format("woff2"), url("/css/font/Happiness-Sans-Bold.woff") format("woff"), url("/css/font/Happiness-Sans-Bold.ttf") format("truetype"), url("/css/font/Happiness-Sans-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
    font-family: 'iceHimchan-Rg';
    src: url('/css/font/iceHimchan-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Happiness-Sans-Title";
    font-style: "bold";
    font-weight: 900;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: local("Happiness-Sans-Title"), url("/css/font/Happiness-Sans-Title.woff2") format("woff2"), url("/css/font/Happiness-Sans-Title.woff") format("woff"), url("/css/font/Happiness-Sans-Title.ttf") format("truetype"), url("/css/font/Happiness-Sans-Title.svg#svgFontName") format("svg"); /* Legacy iOS */
}

* {margin:0;padding:0;outline:0;word-break:break-all; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust:none; -webkit-tap-highlight-color: rgba(255,255,255,0);}
.hidden, legend, caption, hr, .blind, .hide {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);}
body {font-family: 'Happiness-Sans',Dotum,verdana,sans-serif;font-size:16px;font-weight:400;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section, article, aside, main, video {margin:0;padding:0;border:0;vertical-align:baseline;}
header, footer, section, article, aside, nav, main, details, menu, figure, figcaption, video {display:block;}
html{}
table {border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all;}
table th, table td {text-align:center;vertical-align:middle;font-weight:normal;font-family: 'Happiness-Sans';}
ol, ul, li {list-style: none outside none;}
a {text-decoration:none; color:#333}
a:hover, a:visited {text-decoration:none;}
button{border:0;background:none;cursor:pointer;padding:0;font-family: 'Happiness-Sans';}
button span{position:relative;font-family: 'Happiness-Sans';}
select{font-family: 'Happiness-Sans';}
strong{font-weight:normal;font-weight:700;}
img {border:0 none; max-width:100%;}
form input, form select, form label, form img {vertical-align: middle;}
fieldset {border: 0 none;}
address {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
iframe {margin: 0; padding: 0;}

/* 기본폰트정의 */
div,
p,
span,
dt,
dd,
li,
label {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

caption,
.hdtext {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    color: transparent;
    position: absolute;
    top: 0;
    left: -99999px;
  }
.touch_disabled{touch-action: none !important; overflow:hidden !important; position:relative !important;}

/* 폼 */
.input, .input_wrap {
    position: relative;
}
.input input[type=text],
.input input[type=password],
.input input[type=number],
.input input[type=button],
.input input[type=email],
.input input[type=date], .input_wrap input[type=text],
.input_wrap input[type=password],
.input_wrap input[type=number],
.input_wrap input[type=button],
.input_wrap input[type=email],
.input_wrap input[type=date] {
    width: 100%;
    height: 48px;
    padding: 0 20px 0 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    outline-color: #171A19;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:active,
.input input[type=password]:active,
.input input[type=number]:active,
.input input[type=button]:active,
.input input[type=email]:active,
.input input[type=date]:active, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:active,
.input_wrap input[type=date]:active {
    border-color: #EAEBEA;
}
.input input[type=text].btn,
.input input[type=password].btn,
.input input[type=number].btn,
.input input[type=button].btn,
.input input[type=email].btn,
.input input[type=date].btn, .input_wrap input[type=text].btn,
.input_wrap input[type=password].btn,
.input_wrap input[type=number].btn,
.input_wrap input[type=button].btn,
.input_wrap input[type=email].btn,
.input_wrap input[type=date].btn {
    padding-right: 126px;
}
.input input[type=text]:-moz-read-only, .input input[type=password]:-moz-read-only, .input input[type=number]:-moz-read-only, .input input[type=button]:-moz-read-only, .input input[type=email]:-moz-read-only, .input input[type=date]:-moz-read-only, .input_wrap input[type=text]:-moz-read-only, .input_wrap input[type=password]:-moz-read-only, .input_wrap input[type=number]:-moz-read-only, .input_wrap input[type=button]:-moz-read-only, .input_wrap input[type=email]:-moz-read-only, .input_wrap input[type=date]:-moz-read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
}
.input input[type=text]:read-only,
.input input[type=password]:read-only,
.input input[type=number]:read-only,
.input input[type=button]:read-only,
.input input[type=email]:read-only,
.input input[type=date]:read-only, .input_wrap input[type=text]:read-only,
.input_wrap input[type=password]:read-only,
.input_wrap input[type=number]:read-only,
.input_wrap input[type=button]:read-only,
.input_wrap input[type=email]:read-only,
.input_wrap input[type=date]:read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
}
.input input[type=text]:disabled,
.input input[type=password]:disabled,
.input input[type=number]:disabled,
.input input[type=button]:disabled,
.input input[type=email]:disabled,
.input input[type=date]:disabled, .input_wrap input[type=text]:disabled,
.input_wrap input[type=password]:disabled,
.input_wrap input[type=number]:disabled,
.input_wrap input[type=button]:disabled,
.input_wrap input[type=email]:disabled,
.input_wrap input[type=date]:disabled {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    color: #D4D6D4;
}
.input input[type=text]::-webkit-input-placeholder, .input input[type=password]::-webkit-input-placeholder, .input input[type=number]::-webkit-input-placeholder, .input input[type=button]::-webkit-input-placeholder, .input input[type=email]::-webkit-input-placeholder, .input input[type=date]::-webkit-input-placeholder, .input_wrap input[type=text]::-webkit-input-placeholder, .input_wrap input[type=password]::-webkit-input-placeholder, .input_wrap input[type=number]::-webkit-input-placeholder, .input_wrap input[type=button]::-webkit-input-placeholder, .input_wrap input[type=email]::-webkit-input-placeholder, .input_wrap input[type=date]::-webkit-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-moz-placeholder, .input input[type=password]:-moz-placeholder, .input input[type=number]:-moz-placeholder, .input input[type=button]:-moz-placeholder, .input input[type=email]:-moz-placeholder, .input input[type=date]:-moz-placeholder, .input_wrap input[type=text]:-moz-placeholder, .input_wrap input[type=password]:-moz-placeholder, .input_wrap input[type=number]:-moz-placeholder, .input_wrap input[type=button]:-moz-placeholder, .input_wrap input[type=email]:-moz-placeholder, .input_wrap input[type=date]:-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::-moz-placeholder, .input input[type=password]::-moz-placeholder, .input input[type=number]::-moz-placeholder, .input input[type=button]::-moz-placeholder, .input input[type=email]::-moz-placeholder, .input input[type=date]::-moz-placeholder, .input_wrap input[type=text]::-moz-placeholder, .input_wrap input[type=password]::-moz-placeholder, .input_wrap input[type=number]::-moz-placeholder, .input_wrap input[type=button]::-moz-placeholder, .input_wrap input[type=email]::-moz-placeholder, .input_wrap input[type=date]::-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-ms-input-placeholder, .input input[type=password]:-ms-input-placeholder, .input input[type=number]:-ms-input-placeholder, .input input[type=button]:-ms-input-placeholder, .input input[type=email]:-ms-input-placeholder, .input input[type=date]:-ms-input-placeholder, .input_wrap input[type=text]:-ms-input-placeholder, .input_wrap input[type=password]:-ms-input-placeholder, .input_wrap input[type=number]:-ms-input-placeholder, .input_wrap input[type=button]:-ms-input-placeholder, .input_wrap input[type=email]:-ms-input-placeholder, .input_wrap input[type=date]:-ms-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::placeholder,
.input input[type=password]::placeholder,
.input input[type=number]::placeholder,
.input input[type=button]::placeholder,
.input input[type=email]::placeholder,
.input input[type=date]::placeholder, .input_wrap input[type=text]::placeholder,
.input_wrap input[type=password]::placeholder,
.input_wrap input[type=number]::placeholder,
.input_wrap input[type=button]::placeholder,
.input_wrap input[type=email]::placeholder,
.input_wrap input[type=date]::placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:focus, .input input[type=text]:active,
.input input[type=password]:focus,
.input input[type=password]:active,
.input input[type=number]:focus,
.input input[type=number]:active,
.input input[type=button]:focus,
.input input[type=button]:active,
.input input[type=email]:focus,
.input input[type=email]:active,
.input input[type=date]:focus,
.input input[type=date]:active, .input_wrap input[type=text]:focus, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:focus,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:focus,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:focus,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:focus,
.input_wrap input[type=email]:active,
.input_wrap input[type=date]:focus,
.input_wrap input[type=date]:active {
    border: 2px solid #00815A;
    outline: transparent;
}
.input .btn_wrap, .input_wrap .btn_wrap {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input + .input_hint, .input_wrap + .input_hint {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input.search_type input[type=text],
.input.search_type input[type=password],
.input.search_type input[type=number],
.input.search_type input[type=button], .input_wrap.search_type input[type=text],
.input_wrap.search_type input[type=password],
.input_wrap.search_type input[type=number],
.input_wrap.search_type input[type=button] {
    padding-right: 20px;
}
.input.search_type input[type=text]:focus, .input.search_type input[type=text]:active, .input.search_type input[type=text]:visited,
.input.search_type input[type=password]:focus,
.input.search_type input[type=password]:active,
.input.search_type input[type=password]:visited,
.input.search_type input[type=number]:focus,
.input.search_type input[type=number]:active,
.input.search_type input[type=number]:visited,
.input.search_type input[type=button]:focus,
.input.search_type input[type=button]:active,
.input.search_type input[type=button]:visited, .input_wrap.search_type input[type=text]:focus, .input_wrap.search_type input[type=text]:active, .input_wrap.search_type input[type=text]:visited,
.input_wrap.search_type input[type=password]:focus,
.input_wrap.search_type input[type=password]:active,
.input_wrap.search_type input[type=password]:visited,
.input_wrap.search_type input[type=number]:focus,
.input_wrap.search_type input[type=number]:active,
.input_wrap.search_type input[type=number]:visited,
.input_wrap.search_type input[type=button]:focus,
.input_wrap.search_type input[type=button]:active,
.input_wrap.search_type input[type=button]:visited {
    outline: none;
    border: 1px solid #EAEBEA;
}
.input.search_type .input.on input[type=text],
.input.search_type .input.on input[type=password],
.input.search_type .input.on input[type=number],
.input.search_type .input.on input[type=button], .input_wrap.search_type .input.on input[type=text],
.input_wrap.search_type .input.on input[type=password],
.input_wrap.search_type .input.on input[type=number],
.input_wrap.search_type .input.on input[type=button] {
    padding-right: 56px;
}
.input.search_type .input .del, .input_wrap.search_type .input .del {
    display: none;
    position: absolute !important;
    top: 16px;
    right: 76px;
    background-color: transparent !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("/images/mobilehome2/ico_input_del.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.input.search_type .input .del > span, .input_wrap.search_type .input .del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.input.search_type .input .del:before, .input_wrap.search_type .input .del:before {
    content: none;
}

.input_wrap > div {
    position: relative;
}
.input_wrap > div:first-child {
    margin-left: 0;
}
.input_wrap + .bar_type {
    margin-top: 20px;
}
.input_wrap.bar_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.bar_type > div {
    width: 100%;
}
.input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 26px;
    left: -12px;
    width: 6px;
    height: 1px;
    background-color: #171A19;
}
.input_wrap.bar_type > div:first-child:before {
    display: none;
}
.input_wrap.bar_type > div + div {
    margin-left: 17px;
}
.input_wrap.date_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.input_wrap.date_type > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 0;
}
.input_wrap.date_type > span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.date_type > span + div {
    margin-left: 8px;
}
.input_wrap.date_type > span + div.btn_wrap {
    position: static;
    margin-left: 8px;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
}
.input_wrap.date_type > span.tit_span {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar + div {
    margin-left: 16px;
}
.input_wrap.date_type + .bar {
    display: block;
    width: 714px;
    height: 24px;
    text-align: center;
}
.input_wrap.mix_type > div {
    margin-left: 12px;
}
.input_wrap.mix_type > span {
    display: inline-block;
    margin: 12px 0 0 8px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.mix_type > span + div {
    margin-left: 8px;
}
.input_wrap.mail_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.mail_type > div {
    width: 100%;
}
.input_wrap.mail_type > div:nth-child(2) {
    margin-left: 32px;
}
.input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    top: 50%;
    left: -22px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input_wrap.cal_type .input {
    position: relative;
}
.input_wrap.cal_type .input > button {
    position: absolute;
    top: 16px;
    right: 20px;
    margin-top: 0;
}
.input_wrap.cal_type .input input:-moz-read-only {
    background-color: #FFFFFF;
}
.input_wrap.cal_type .input input:read-only {
    background-color: #FFFFFF;
}
.input_wrap.normal_type > div {
    margin-left: 8px;
}
.input_wrap.col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.col .input {
    width: 100%;
}
.input_wrap.col .input + button {
    min-width: 104px;
    height: 48px;
    margin-left: 8px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.input_wrap.col .input + button > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.col .input + button + button {
    min-width: 104px;
    height: 48px;
    margin-left: 8px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.input_wrap.col .input + button + button > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.cs_search_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.input_wrap.cs_search_type > .sel_wrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 151px;
}
.input_wrap.cs_search_type > .input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 8px;
}