@charset "utf-8";

/* TITLE */
.top-check-box + .tbl-ty1 {margin-top:40px}

/* BOX */
.top-check-box {padding:28px 0;border:1px solid #dde2ea;background-color:#f8f9fa;text-align:center}
.top-check-box input[type='checkbox'] + label {margin-left:25px;font-size:20px}
.fee-box {margin-top:40px}
.fee-box dl {display:table;width:100%;border:1px solid #dde2ea}
.fee-box dt,
.fee-box dd {display:table-cell;padding:55px 20px;vertical-align:middle}
.fee-box dt {width:16%;background-color:#f5f6f8;font-size:18px;font-weight:bold;color:#333;}
.fee-box dd {text-align:center}
.fee-box dd .fee {display:inline-block;vertical-align:baseline;}
.fee-box dd .fee strong {display:inline-block;font-size:14px;font-weight:normal;vertical-align:text-top}
.fee-box dd .fee .details {display:block;margin-top:15px;font-size:14px}
.fee-box dd .fee .value {display:inline-block;margin-left:14px;font-size:20px;color:#333;vertical-align:baseline;font-weight:bold}
.fee-box dd .fee .value span {font-size:24px}
.fee-box dd .fee.total .value {font-size:24px;font-weight:bold;color:#c70000}
.fee-box dd .fee.total .value span {font-size:28px}
.fee-box dd .sign {display:inline-block;margin:0 42px;font-size:30px;color:#666;vertical-align:baseline;}
.fee-box dd .sign:last-of-type {margin:0 24px 0 130px;}

.sep-value-box {margin-top:50px;}
.sep-value-box dl {padding:40px 50px;border:1px solid #dde2ea;background-color:#f5f6f8;font-size:18px;line-height:28px;color:#333;}
.sep-value-box dl:after {content:'';display:block;clear:both;}
.sep-value-box dt {float:left;font-weight:bold;}
.sep-value-box dd {float:right;}
.sep-value-box dd .price span {color:#c70000;}

/* LIST */
.reg-mail-list {overflow:hidden;margin:40px 0 10px;font-size:16px;font-weight:bold;line-height:26px}
.reg-mail-list dt {float:left;margin-right:15px;color:#333}
.reg-mail-list dd {overflow:hidden;color:#cc1919}

/* MYPAGE */
.mypage-main .user-modify {overflow:hidden;padding:50px;background-color:#f5f6f8;text-align:center;}
.mypage-main .user-modify .user {float:left;margin-top:10px;font-size:28px;line-height:42px;color:#111;}
.mypage-main .user-modify button {float:right;}
.mypage-main .history-list {margin-top:40px;}
.mypage-main .history-list ul {display:table;width:100%;border-collapse:collapse;table-layout:fixed;}
.mypage-main .history-list li {display:table-cell;position:relative;padding:50px;border:1px solid #dde2ea;}
.mypage-main .history-list li [class^='tit-ty'] {margin-top:0;}
.mypage-main .history-list li .txt {font-size:16px;line-height:22px;}
.mypage-main .history-list li .count {position:absolute;right:50px;bottom:50px;font-size:32px;color:#c70000;}
.mypage-main .history-list li a {margin-top:25px;}
.mypage-main .history-prd-list {overflow:hidden;margin-top:40px;}
.mypage-main .history-prd-list .fl {position:relative;width:820px;padding:56px 40px 54px;border:1px solid #dde2ea;box-sizing:border-box;}
.mypage-main .history-prd-list .fl .left {float:left;width:385px;}/* 2019-09-09 수정 */
.mypage-main .history-prd-list .fl .left .tit {display:block;font-size:18px;line-height:25px;color:#111;}
.mypage-main .history-prd-list .fl .left .tit span{margin-left:5px;padding:1px 14px;color:#c70000;border:1px solid #c70000;border-radius:20px;}
.mypage-main .history-prd-list .fl .left .prd {display:block;height:80px;margin-top:28px;font-size:32px;font-weight:bold;line-height:40px;color:#333;}
.mypage-main .history-prd-list .fl .left .prd span {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.mypage-main .history-prd-list .fl .right {float:right;}
.mypage-main .history-prd-list .fl .right img {width:300px;}
.mypage-main .history-prd-list .fl .right .list-ty-dash {margin-top:43px;font-size:14px;}
.mypage-main .history-prd-list .fl dl {overflow:hidden;margin-top:43px;}
.mypage-main .history-prd-list .fl dt {float:left;margin-right:20px;padding-top:5px;color:#333;}
.mypage-main .history-prd-list .fl dd {overflow:hidden;}
.mypage-main .history-prd-list .fl dd strong {font-size:20px;color:#111;}
.mypage-main .history-prd-list .fl dd strong span {font-size:24px;}
.mypage-main .history-prd-list .fl .info {margin-top:15px;line-height:28px;}
.mypage-main .history-prd-list .fl .info span {display:inline-block;vertical-align:top;}
.mypage-main .history-prd-list .fl .info span + span:before {content:'';display:inline-block;width:1px;height:14px;margin:-4px 10px 0;background-color:#dde2ea;vertical-align:middle;}/* 2019-09-09 수정 */
/*.mypage-main .history-prd-list .fl .btn-view {position:absolute;right:40px;top:36px;padding-right:16px;background:url('../img/btn/btn_view_arrow.png') no-repeat 100% 50%;font-size:16px;line-height:22px;color:#333;}*/
.mypage-main .history-prd-list .fl .btn-view {display:inline-block;margin-left:20px;font-weight:normal;font-size:16px;line-height:22px;color:#333;text-decoration:underline;}
.mypage-main .history-prd-list .fr {width:380px;}
.mypage-main .history-prd-list .fr .list {overflow:hidden;padding-right:40px;}
.mypage-main .history-prd-list .fr .list a {display:table;width:100%;border-top:1px dashed #d9dde4;}
.mypage-main .history-prd-list .fr .list li:first-child a {border-top:0;}
.mypage-main .history-prd-list .fr .list .tit,
.mypage-main .history-prd-list .fr .list .txt {display:table-cell;height:117px;vertical-align:middle;}
.mypage-main .history-prd-list .fr .list .tit {font-size:18px;font-weight:bold;line-height:30px;color:#333;}
.mypage-main .history-prd-list .fr .list .txt {padding-right:30px;background:url('../img/btn/btn_count_arrow.png') no-repeat 100% 50%;font-size:28px;line-height:26px;color:#111;text-align:right;}
.mypage-main .history-prd-list .fl.no-data .left{width:auto;text-align:left;}
.mypage-main .history-prd-list .fl.no-data .left .info{line-height:22px;}
.mypage-main .history-prd-list .fl.no-data .right img{width:100px;}
.mypage-main .history-prd-list .fl.no-data .btn-area{position:absolute;right:40px;bottom:54px;}
.mypage-main .register-list {margin-top:40px;}
.mypage-main .register-list ul {display:table;width:100%;background-color:#f8f9fa;table-layout:fixed;}
.mypage-main .register-list li {display:table-cell;position:relative;padding:50px;}
.mypage-main .register-list li .txt {font-size:16px;line-height:22px;}
.mypage-main .register-list li a {margin-top:25px;}
.mypage-main .register-list li[class^='list']:after {content:'';position:absolute;right:40px;top:50%;width:100px;height:100px;margin-top:-50px;background-repeat:no-repeat;background-position:0 0;}
.mypage-main .register-list li.list1:after {background-image:url('../img/ico/ico_register_list01.png');}
.mypage-main .register-list li.list2:after {background-image:url('../img/ico/ico_register_list02.png');}
.mypage-main .register-list li.list3:after {background-image:url('../img/ico/ico_register_list03.png');}

/* MEMBERS */
.login-area {width:840px;margin:50px auto 0;padding-top:54px;border-top:2px solid #22242b}
.login-area .inner {display:table;width:100%;table-layout:fixed}
.login-area .in-box {display:table-cell;vertical-align:top}
.login-area .in-box:first-child {padding-right:20px}
.login-area .in-box:last-child {padding-left:20px}
.login-area .etc-login {margin-top:58px;border-top:1px solid #ededed}
.login-area .login + .txt-ty3 {margin:16px 0 18px;}
.login-area .btn-area + .tit-ty6 {margin:29px 0 6px;}
.member-login [class^='tit-ty'] {margin-top:0}
.member-login input[type='text']:focus,
.member-login input[type='password']:focus {position:relative;z-index:2}
.member-login .inner + .inner {margin-top:-1px}
.member-login .btn-area {margin:14px 0}
.member-login .check-list {text-align:right}
.member-login .tit-txt {margin:-8px 0 15px}
.member-login .security-area {margin-top:38px}
.member-login .security-area dl {margin-bottom:12px}
.member-login .security-area dt {font-size:16px;font-weight:bold;color:#333}
.member-login .security-area dd {position:relative;margin-top:15px;background-color:#f5f6f8}
.member-login .security-area dd .security {width:285px;height:110px;}
.member-login .security-area dd .btn {position:absolute;right:30px;top:28px;}
.member-login .security-area dd .btn button {display:block;width:100%;height:23px;padding:0 8px;border:1px solid #efefef;-webkit-border-radius:2px;border-radius:2px;background-color:#fff;font-size:13px;color:#999;}
.member-login .security-area dd .btn button + button {margin-top:3px;}
.member-login .security-area dd .btn button:before {content:'';display:inline-block;width:13px;height:13px;margin:2px 4px 0 0;background-repeat:no-repeat;background-position:0 0;vertical-align:top;}
.member-login .security-area dd .btn .btn-refresh:before {background-image:url('../img/ico/ico_refresh.png');}
.member-login .security-area dd .btn .btn-voice:before {background-image:url('../img/ico/ico_voice.png');}
.easy-login {margin-top:32px;border-top:1px dashed #dedede}
.etc-login {padding-top:39px;font-size:0;text-align:center}
.etc-login a {display:inline-block;position:relative;margin:0 30px;font-size:13px;color:#999;vertical-align:top}
.etc-login a:before {content:'';position:absolute;left:-29px;top:1px;width:1px;height:12px;background-color:#ddd}
.etc-login a:first-child:before {display:none}
.etc-login .txt {margin-top:30px;font-size:13px}
.etc-login .txt.txt-ty3 {font-size:14px;line-height:20px;}

.narrow-area {width:540px;margin:0 auto}
.sns-list.line + .list-ty-dash {margin-top:15px}

.event-menu {width:370px;margin:0 0 0 30px;}
.event-menu .slick-slide a {display:block;}
.event-menu .slick-slide a > img {width:370px;height:485px;}
.event-menu .slick-dots {position:absolute;left:0;right:0;bottom:24px;text-align:center}
.manager .event-menu .slick-dots {left:40px;right:auto;bottom:32px;}
.event-menu .slick-dots li {overflow:hidden;float:none;display:inline-block;vertical-align:top}
.event-menu .slick-dots li button {display:inline-block;width:8px;height:8px;margin-left:4px;padding:0;border-radius:50%;background-color:#babdc3;text-indent:-9999px;vertical-align:top}
.event-menu .slick-dots li:first-child button {margin-left:0;}
.event-menu .slick-dots li.slick-active button {background-color:#c70000}

.layer .login-area {margin-top:0;padding-top:0;border:0;}
.layer .login-area [class^='tit-ty'] {text-align:center;}
.layer .login-area .txt-ty3 {height:107px;font-size:16px;line-height:26px;text-align:center;}
.layer .login-area .etc-login {margin-top:44px;padding-top:30px;}

/* CUSTOMER */
.compact-area {width:472px;margin:0 auto;text-align:center}
.compact-area .tit {display:block;margin-top:40px;font-size:32px;color:#c70000}
.compact-area .txt {margin-top:15px;font-weight:bold;color:#333}
.compact-area .form {margin:35px 20px 0}
.map-area {overflow:hidden}
.map-area > div {height:557px;box-sizing:border-box}
.map-area .map-list {float:left;position:relative;width:320px;border:1px solid #dde2ea;background-color:#f8f9fa;box-sizing:border-box}
.map-area .map-list .inner {overflow-y:auto;max-height:555px;padding-top:84px;outline:0 none;box-sizing:border-box;}
.map-area .map-list .choice {position:absolute;left:0;right:0;top:0;padding:30px 30px 20px;background-color:#f8f9fa}
.map-area .map-list a {display:block;padding:25px 29px;color:#666}
.map-area .map-list li {border-top:1px dotted #dde2ea}
.map-area .map-list li:first-child {border-top:0}
.map-area .map-list dt {font-size:20px;font-weight:bold;line-height:28px;color:#111}
.map-area .map-list dd.address {margin-top:5px;font-size:14px;line-height:20px}
.map-area .map-list dd.contact {margin-top:19px;font-size:14px;line-height:20px}
.map-area .map-list dd.contact p {font-size:18px;font-weight:bold;line-height:26px;color:#333}
.map-area .map-img {overflow:hidden;border:solid #dde2ea;border-width:1px 1px 1px 0}

/* POPUP */
.layer .sch-top-box {padding:20px;border:1px solid #e0e5ec;background-color:#f8f9fa}
.layer .select-list {margin-top:30px}
.layer .select-list dl {border-top:2px solid #22242b}
.layer .select-list dt {height:70px;background-color:#f5f6f8;font-size:18px;font-weight:bold;line-height:70px;color:#333;text-align:center}
.layer .select-list dd {border-bottom:1px solid #dde2ea}
.layer .select-list dd ul {overflow-y:auto;max-height:225px}
.layer .select-list dd li {height:70px;border-top:1px solid #dde2ea;line-height:70px}
.layer .select-list dd li a {display:block;padding:0 20px;font-size:16px;color:#666}
.layer .select-list dd li strong {color:#c70000}
.layer .select-list .post {overflow-y:auto;max-height:260px;}
.layer .select-list .post table thead th,
.layer .select-list .post table tbody td {border-right:0;border-left:0;text-align:center;}
.layer .select-list .post table tbody td li {overflow:hidden;}
.layer .select-list .post table tbody td li + li {margin-top:15px;}
.layer .select-list .post table tbody td li strong {float:left;width:90px;}
.layer .select-list .post table tbody td li span {display:inline-block;width:45px;height:24px;border:1px solid #c70000;font-size:13px;line-height:24px;color:#c70000;}
.layer .select-list .post table tbody td li p {overflow:hidden;padding-left:40px;text-align:left;}
.layer .select-txt {position:relative;margin-top:12px;padding-left:9px;font-size:13px;color:#999}
.layer .select-txt:before {content:'';position:absolute;left:0;top:6px;height:1px;width:4px;background-color:#999}
.layer .select-txt.txt-ty3 {font-size:14px;line-height:20px;}
.layer .select-txt.txt-ty3:before {top:9px;}
.layer .reg-mail-list {margin:8px 0 0;text-align:center}
.layer .reg-mail-list dt,
.layer .reg-mail-list dd {display:inline-block;color:#666;vertical-align:top}
.layer .reg-mail-list dt {float:none;position:relative}
.layer .reg-mail-list dt:after {content:'';position:absolute;right:-11px;top:7px;width:2px;height:13px;background-color:#babdc3}