
a.btn {
    line-height: inherit
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0;
    background-color: transparent;
    border: none
}

.btn.btn-block {
    display: block;
    width: 100%
}

.btn.black-gradient {
    background: #323334;
    background: -moz-linear-gradient(90deg, #323334 0, #000 100%);
    background: -webkit-linear-gradient(90deg, #323334 0, #000 100%);
    background: -o-linear-gradient(90deg, #323334 0, #000 100%);
    background: -ms-linear-gradient(90deg, #323334 0, #000 100%);
    background: linear-gradient(180deg, #323334 0, #000 100%);
    color: #fff;
    border-radius: 10px;
    border: 1px solid #0c0c0c
}

.btn.black-gradient:hover {
    opacity: .85
}

.btn.round-primary {
    background-color: #006955;
    border-radius: 25px;
    border: 1px solid #006955;
    color: #fff;
    font-weight: 600
}

.btn.round-primary:active,
.btn.round-primary:focus,
.btn.round-primary:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 25px;
    background-color: #00362c;
    border-color: #00362c
}

.btn.round-black {
    background-color: #000;
    border-radius: 25px;
    border: 1px solid #000;
    color: #fff;
    font-weight: 600
}

.btn.round-black:active,
.btn.round-black:focus,
.btn.round-black:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    opacity: .85
}

.btn.round-white {
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #78787e;
    color: #000
}

.btn.round-white:active,
.btn.round-white:focus,
.btn.round-white:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 25px;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.btn.round-gray {
    background-color: silver;
    border-radius: 25px;
    border: 1px solid silver;
    color: #666;
    font-weight: 600
}

.btn.round-gray:active,
.btn.round-gray:focus,
.btn.round-gray:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 25px;
    background-color: #a7a7a7;
    border-color: #a7a7a7
}

.btn.round-dark-gray {
    background-color: #3c3c3c;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    color: #fff;
    font-weight: 600
}

.btn.round-dark-gray:active,
.btn.round-dark-gray:focus,
.btn.round-dark-gray:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 25px;
    background-color: #232323;
    border-color: #232323
}

.btn.round-light-gray {
    background-color: #eee;
    border-radius: 25px;
    border: 1px solid #eee;
    color: #666;
    font-weight: 600
}

.btn.round-light-gray:active,
.btn.round-light-gray:focus,
.btn.round-light-gray:hover {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 25px;
    background-color: #d5d5d5;
    border-color: #d5d5d5
}

.btn.large {
    font-size: 18px;
    padding: 12px 0
}

.btn.large i {
    font-size: 24px;
    vertical-align: middle;
    line-height: 1
}

.btn.small {
    font-size: 13px;
    padding: 10px 0
}

.btn.small i {
    font-size: 20px;
    vertical-align: middle
}

.btn.xs-small {
    font-size: 12px;
    padding: 8px 0
}

.btn.xs-small i {
    font-size: 16px;
    vertical-align: middle
}

.btn.xxs-small {
    font-size: 12px;
    padding: 6px 0
}

.btn.xxs-small i {
    font-size: 14px;
    vertical-align: middle
}

.btn-ani-h-button {
    position: relative;
    display: inline-block;
    padding: 9px 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #000;
    border: 1px solid transparent
}

.btn-ani-h-button.large {
    font-size: 18px;
    padding: 12px 0
}

.btn-ani-h-button.large span i {
    font-size: 24px
}

.btn-ani-h-button.small {
    font-size: 13px;
    padding: 10px 0
}

.btn-ani-h-button.small span i {
    font-size: 20px
}

.btn-ani-h-button.xs-small {
    font-size: 12px;
    padding: 8px 0
}

.btn-ani-h-button.xs-small span i {
    font-size: 16px
}

.btn-ani-h-button.xxs-small {
    font-size: 12px;
    padding: 6px 0
}

.btn-ani-h-button.xxs-small span i {
    font-size: 14px
}

.btn-ani-h-button span {
    display: inline-block;
    min-width: .3em;
    text-transform: uppercase;
    -webkit-transition: .25s cubic-bezier(.5, -1, .5, 2);
    -o-transition: .25s cubic-bezier(.5, -1, .5, 2);
    transition: .25s cubic-bezier(.5, -1, .5, 2);
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    font-family: SDGothic, sans-serif;
    font-weight: 600;
    position: relative;
    vertical-align: middle;
    line-height: 1 !important;
    color: #fff
}

.btn-ani-h-button span i {
    font-size: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-top: 1px;
    font-family: "Material Design Icons" !important
}

.btn-ani-h-button:before {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: .25s cubic-bezier(.5, -1, .5, 2);
    -o-transition: .25s cubic-bezier(.5, -1, .5, 2);
    transition: .25s cubic-bezier(.5, -1, .5, 2);
    text-transform: uppercase;
    opacity: 1;
    letter-spacing: 2px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #fff;
    font-family: SDGothic, sans-serif;
    font-weight: 400
}

.btn-ani-h-button.font-en:before {
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.btn-ani-h-button:focus:before,
.btn-ani-h-button:hover:before {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.btn-ani-h-button:focus span,
.btn-ani-h-button:hover span {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.btn-ani-h-button:focus span:nth-child(1),
.btn-ani-h-button:hover span:nth-child(1) {
    -webkit-transition-delay: 25ms;
    -o-transition-delay: 25ms;
    transition-delay: 25ms
}

.btn-ani-h-button:focus span:nth-child(2),
.btn-ani-h-button:hover span:nth-child(2) {
    -webkit-transition-delay: .05s;
    -o-transition-delay: .05s;
    transition-delay: .05s
}

.btn-ani-h-button:focus span:nth-child(3),
.btn-ani-h-button:hover span:nth-child(3) {
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.btn-ani-h-button:focus span:nth-child(4),
.btn-ani-h-button:hover span:nth-child(4) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.btn-ani-h-button:focus span:nth-child(5),
.btn-ani-h-button:hover span:nth-child(5) {
    -webkit-transition-delay: .125s;
    -o-transition-delay: .125s;
    transition-delay: .125s
}

.btn-ani-h-button:focus span:nth-child(6),
.btn-ani-h-button:hover span:nth-child(6) {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

.btn-ani-h-button:focus span:nth-child(7),
.btn-ani-h-button:hover span:nth-child(7) {
    -webkit-transition-delay: .175s;
    -o-transition-delay: .175s;
    transition-delay: .175s
}

.btn-ani-h-button:focus span:nth-child(8),
.btn-ani-h-button:hover span:nth-child(8) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.btn-ani-h-button:focus span:nth-child(9),
.btn-ani-h-button:hover span:nth-child(9) {
    -webkit-transition-delay: .225s;
    -o-transition-delay: .225s;
    transition-delay: .225s
}

.btn-ani-h-button:focus span:nth-child(10),
.btn-ani-h-button:hover span:nth-child(10) {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

.btn-ani-h-button.round-primary {
    background-color: #006955;
    border-radius: 25px;
    border-color: #006955;
    color: #fff
}

.btn-ani-h-button.round-primary span,
.btn-ani-h-button.round-primary:before {
    color: #fff
}

.btn-ani-h-button.round-black {
    background-color: #000;
    border-radius: 25px;
    border-color: #000;
    color: #fff
}

.btn-ani-h-button.round-black span,
.btn-ani-h-button.round-black:before {
    color: #fff
}

.btn-ani-h-button.round-gray {
    background-color: silver;
    border-radius: 25px;
    border-color: silver;
    color: #666
}

.btn-ani-h-button.round-gray span,
.btn-ani-h-button.round-gray:before {
    color: #666
}

.btn-ani-h-button.round-white {
    background-color: #fff;
    border-radius: 25px;
    border-color: #78787e;
    color: #000
}

.btn-ani-h-button.round-white span,
.btn-ani-h-button.round-white:before {
    color: #000
}

.btn-ani-h-button.round-border-white {
    background-color: transparent;
    border-radius: 25px;
    border-color: #fff;
    color: #fff
}

.btn-ani-h-button.round-border-white span,
.btn-ani-h-button.round-border-white:before {
    color: #fff
}

.btn-ani-h-button.round-kakao {
    background-color: #fac84e;
    border-color: #fac84e;
    border-radius: 25px;
    color: #000
}

.btn-ani-h-button.round-kakao span,
.btn-ani-h-button.round-kakao:before {
    color: #000
}

.btn-ani-h-button.round-kakao:before {
    padding-left: 27px
}

.btn-ani-h-button.round-kakao:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -13px;
    width: 26px;
    height: 23px;
    -webkit-transition: .25s cubic-bezier(.5, -1, .5, 2);
    -o-transition: .25s cubic-bezier(.5, -1, .5, 2);
    transition: .25s cubic-bezier(.5, -1, .5, 2);
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background-size: cover;
    background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAYAAACiyHcXAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH5AkLCyw3Fsk3BAAABRJJREFUSMe9l3GIHVcZxX/fd2fmzS5No0lag5q2W+jakNTa2qaYGK1SpC2pFKTiH1IKtqIoitU/BJFIoaB/ia2CpmKDhGqVIJRdSoWC0iWNIKmWYE0rrkSEFKtVSLL73sz9jn/se7tvN3nrJm48MAxv5ps5557v3Dv32Yd2TgAQgrNnEkUp3IXCiAB3iABz3imxS2G3h7jW0NUhezsCAHe9IdmsO7OgI8CLwJ/MICVoWzADc2gbSAVENgAKVkeS+FiEPaTMLonLBzeELSuMsE3AZM4A9hlg3oxj7voR8DRwehSJj7ohcW/OdrRp7OkI7hgWsEbUErtzth/2enZM8OCFiNjYtvZk09gvJG65QOJRA7ousj0RYdPAxH8RoWvaxp7LrT2wHuQrEcHdbWO/Btt1rggDxBawKYnbLoWAIVe2AVPADYNYuQQRFPPz/hOJHZdSwJCQK3Jrhzud2FyPBS6gaeyzbWt3/D8EDBDBdW1r+82F7b1+YuP8fHpZ4qpBgRldAMHiRJToXAwXq8xAM+Y7ddzokt+rWBJQlvFA2cmTVZ2313X77qrO15edPFkU+pIZZzDdY649ZpxcekaP1mP5ZndODa6565dlFTebc0SClPjD2Hjs88TzQ27UubWHvGls37J1x6xqul6Y7M2qsldNdrrpegG2EZh61/b5qZvee+aImR6jb1dVMVN14iVznZJAgrLScXf9XqHZlDjZ6cSdOds04u9DTpCzvd8l3ThsUdOzAxF2IgePhoIc/CDCTjQN3yjK+PHmLW21aXP7lnosDgFzWt6qYetLgFTwm7Gx+EivZ3+dn7PHI/jEMJ/EtiLCrjhPuwqg7H8WKqBIideKgmePzlx2f4RN1uPxtVToV21jd5234TKKUhh63FxI9l0zPndOmRj3fv5GhWrxnAodxJA597nzcRNeFPr+aql0B3OBDHdeNhtRl1x/YXUUZnRT0iFbCOGnqk580Ixw5zl3Xh9qx4bhdLUt9Lr29RC7U6EDKelb5xH6r8ISxwhuOp+h/XMnJR1NiZNtY9u6XbsaUFVpU1npeCo0DRTJDXd9E2OrGdvN1UZAm22H5uzB8fHYmWp9dW6OWyPsw4tKTbOenJ+tZDeDCCuUjQi7XOK3bQNNw7eBF4CZprGppgUFz5hrCxh1rQMbNsQjY2P6Qs72Jhju5Jy5qtu177QZMH46zJUKpm3v9omq2/WZyHbrCi3/dNdLEfYB4A13vRJhe+mnvm/lCwq2mvM2d53AwEARbGpbuzIlfidxi8R4f3BHgGsltvZ/n6rH8g12+84J2tbunjvr06OCsxZoKN5reY8EnVpfrKp4LF1z5VtJidck2xhh77tYEWZLx1pQlnqmU8dXDOSDhzp1fNlcP794Ly4IR6sq7nfIsHyFE/DJlPS9S8nuzrNm2gf8e/HaippeSvp8WerTZktr/DrhrCf2p0IfBf6xTNjKSgEp6Ymy1G2eOLgO5L2UeCol7XHTI0C7sqCIsEX25EvBSkmzwEwvX9R+s2vGK2Y8b66DKXE8t6OLi6YZsiUtzLPQgqi25b5lO5s+zDjkrtMRNiktCPekvynsj+6aFRxDvMro79JyET5q3yPeIdmeYQFmnCxKPZyzHU6FiAaQDZwj9wVpTdRDgx+e34PDF170HonLFgudJ1Oh3e46PGjfeqEYpTpnu0sCT/w5Je1HHFo/2hUiFv47nutQBDtS4qmijIeB13M2/odVfVX8BwP5SN660uyaAAAAAElFTkSuQmCC)
}

.btn-ani-h-button.round-kakao:focus:after,
.btn-ani-h-button.round-kakao:hover:after {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.btn-board {
    color: #333;
    font-size: 16px;
    font-weight: 800;
    position: relative;
    line-height: 1;
    font-family: Montserrat, sans-serif
}

.btn-board:before {
    content: "";
    width: 36px;
    height: 12px;
    background-size: cover;
    position: absolute;
    bottom: 2px
}

.btn-board.prev {
    padding-left: 50px;
    display: inline-block
}

.btn-board.prev:before {
    background-color: transparent;
    background-image: url(../../../images/icons/btn-board-arrow-prev.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    left: 0
}

.btn-board.next {
    padding-right: 50px;
    display: inline-block
}

.btn-board.next:before {
    background-color: transparent;
    background-image: url(../../../images/icons/btn-board-arrow-next.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    right: 0
}

.btn-move-top {
    border: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 14px
}

.btn-move-top>i {
    font-size: 22px;
    line-height: 1;
    vertical-align: middle
}

.btn-move-top>span {
    margin-right: 5px;
    font-weight: 600
}

.btn-move-top:active,
.btn-move-top:focus {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.btn-move-top.big {
    font-size: 20px
}

.btn-move-top.big>i {
    font-size: 24px
}

.btn-form {
    font-size: 20px;
    line-height: 1;
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #c8c8c8;
    border: 1px solid #d4d4d4;
    background-color: #fff
}

.btn-form+.btn-form {
    margin-left: 5px
}

.btn-form.modify {
    color: #c8c8c8
}

.btn-form.modify>i {
    margin-left: 3px
}

.btn-form.modify:hover {
    color: #006955 !important
}

.btn-form.delete {
    color: #c8c8c8
}

.btn-form.delete:hover {
    color: #e86a54 !important
}

.btn-form.cancle {
    color: #666
}

.btn-kakao-chat {
    position: fixed;
    right: 50%;
    bottom: 100px;
    transform: translate(750px, 0);
    z-index: 100;
    width: 95px;
    height: 95px;
    background-color: transparent;
    background-image: url(../../../images/common/kakao-logo.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #fae301;
    border-radius: 30px
}

.btn-kakao-chat .btn-ani-h-button span,
.btn-kakao-chat .btn-ani-h-button:before {
    color: #391b1b;
    font-weight: 600
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}
