:root{
	--rateBG: 1.5;
    --tAreaH: 140px;
}



/* 공통 시작*/
body{
    font-family: "Noto Sans KR",'돋움',dotum,helvetica,'sans-serif';
	font-size: var(--body);
	font-weight: 500;
	background: #27273f;
}
h1{
	font-size: 24px;
    font-weight: 500;
}
h2{
    font-size: 18px;
    font-weight: 400;
}
main{
	text-align: center;
}
dt, dd {
    display: block;
    margin: 0;
    padding: 0;
}
dt {
    margin-right: 3px;
    display: inline;
}
dd {
    display: inline;
}
dd::after {
    content: "";
    display: block;
    width: 0; 
    height: 0;
    padding: 0;
}
.marAuto{
    margin: 0 auto;
}
.flex{
	display: flex;
}
.JC-center{
    justify-content: center;
}
.JC-Space{
    justify-content: space-around;
}
.JC-Between{
    justify-content: space-between;
}
.JC-Right{
    justify-content: flex-end;
}
.AI-center{
    align-items: center;
}
.FlexCol{
    flex-direction: column;
}
.W100p{
    width: 100%;
}
.W50p{
    width: 50%;
}
.MB10p{
    margin-bottom: 10px;
}
.flex-1{
    flex: 1;
}
select{
    font-size: 14px;
    color: #5f5f5f;
}
select:focus{
    outline: none;
}
input, textarea{
	background-color: #cdc6cf;
	border: 1px solid #77707e;
}
input:focus, textarea:focus{
    background-color: #f0edf1;
    outline: none;
}
input::placeholder, textarea::placeholder {
    opacity: 1;
}
input:focus::placeholder, textarea:focus::placeholder{
	color: transparent;
}
input.Common {
    margin-right: 8px;
}
.btnBlue{
    background-color: #1e1e32;
    border: 1px solid #636695;
    color: #a9a4db;
    font-weight: 500;
    text-align: center;
    height: 48px;
}
.btnRedwine{
    background-color: #564450;
    border: 1px solid #636695;
    border-left: none;
    color: #ab72c1;
    font-size: 14px;
    text-align: center;
    height: 40px;
}
.btnRedwine2{
    background-color: #321e2b;
    border: 1px solid #956963;
    color: #dba7a4;
    font-weight: 500;
    text-align: center;
    height: 48px;
}
.btnGray{
    background-color: #5a5a69;
    border: 1px solid #636695;
    color: #ECECEC;
    font-weight: 500;
    text-align: center;
    height: 48px;
}
.btnConfirm{
    background-color: #2794c5;
    width: 58px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
}
.btnAdd{
    background-color: #2794c5;
    padding: 2px 6px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 12px;
}
.btnCircle{
    background-color: #27273f;
    width: 40px;
    height: 40px;
    color: #b3b3b3;
    font-weight: 400;
    border-radius: 20px;
    border: 1px solid #686778;
}
.btnCircleSelected{
    background-color: #2d72e1;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 20px;
    border: 1px solid #686778;
    text-align: center;
    padding: 6px 2px 0 0;
}
.btnCircle a{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    padding: 6px 2px 0 0;
    margin: 0;
}
.btnPay a{
    background-color: #2794c5;
    display: block;
    width: 50px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    padding: 14px 0;
}
.btnPay_2 {

}
.btnPay_2 a{
    background-color: #2794c5;
    display: block;
    text-align: center;
    width: 50px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    padding: 10px 0;
    margin: 15px 5px 0 0;
}
.btnPayBig a{
    background-color: #2794c5;
    display: block;
    width: 80px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 18px;
    font-weight: 400;
    border-radius: 4px;
    padding: 10px 0;
}
.btnBooking a{
    background-color: #d8871d;
    display: block;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 14px;
}
button.btnBooking{
    background-color: #d8871d;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 8px 14px;
    cursor: pointer;
    margin: 0 auto;
}
.btnFin{
    background-color: #777777;
    display: block;
    width: 60px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
}
.btnCancel a{
    background-color: seagreen;
    display: block;
    width: 60px;
    color: #ffffff;
    border: 1px solid #585898;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
}
/* 공통 끝*/

/* 로그인 시작 */
body.LoginBG{
	background: url("../images/LoginBG.png") no-repeat top center, #24213c;
}
header.WithLogo{
	background-image: url("../images/Symbole_LinkyFit.svg");
	background-repeat: no-repeat;
	background-position: center 22px;
	background-size: 30px 31px;
	text-align: center;
	color: #dcdcdc;
	padding: 73px 0 0 0;
}
h1.Login_H1{
	background-image: url("../images/Name_LinkyFit.svg");
	background-repeat: no-repeat;
	background-position: calc(50% - 60px) center;
	background-size: 110px 22px;
	text-align: left;
	padding-left: calc(50% + 4px);
}
h2.Signup_H2{
    color: #dcdcdc;
    margin-bottom: 14px;
}
main.LoginBox{
	margin: 50px 0 0 0;
}
input.checkboxLogin {
    position: relative;
    top: 2px;
    margin-right: 1px;
}
input.ForLogin{
    width: 304px;
	padding: 10px 20px;
    color: #646186;
}
input.ForPW{
    margin:10px 0 0 0;
}
.btnLog{
    width: 304px;
    margin: 30px auto;
}
.btnLog a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.btnLog_2{
    margin: 30px 4px;
    width: 100px;
}
.btnLog_2 a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.idFinding{
    display: flex;
    justify-content: space-between;
    width: 304px;
    margin: 0 auto;
}
.idFinding li{
    color: #7974a4;
    font-size: 12px;
}
.SeparatingWord{
    margin: 0 10px;
}
.othersID{
    display: flex;
    justify-content: center;
    margin: 40px auto 62px auto;
}
.othersID li:nth-child(2){
    margin: 0 38px;
}
/* 로그인 끝 */

/* 회원가입 시작 */
body.SignupBG{
	background: url("../images/SignupBG.png") no-repeat top center, #24213c;
}
main.SignupBox{
	margin: 60px 0 0 0;
}
main.SignupBox2{
	margin: 30px 0 0 0;
}
ul.normalInfo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul.normalInfo li{
    margin-bottom: 10px;
}
ul.normalInfo li:last-child{
    margin-bottom: 0;
}
ul.normalInfo li textarea{
    width: 202px;
    height: var(--tAreaH);
    padding: 4px 10px;
}
ul.normalInfo li textarea.others{
    width: 196px;
    height: var(--tAreaH);
    padding: 4px 10px;
    margin-left: 27px;
}
input.form_1{
    width: 202px;
    height: 40px;
    padding: 4px 10px;
}
input.form_2{
    width: 160px;
    height: 40px;
    padding: 4px 10px;
}
input.form_3{
    width: 138px;
    height: 40px;
    padding: 4px 10px;
}
input.form_4{
    width: 68px;
    height: 32px;
    padding: 4px 10px;
    margin-left: 112px;
}
input.form_5{
    width: 196px;
    height: 32px;
    padding: 4px 10px;
}
.Divform_1{
    width: 202px;
    height: 40px;
    background-color: #cdc6cf;
	border: 1px solid #77707e;
    color: #646186;
    padding: 7px 0;
}
.Divform_1 ul li{
    margin: 0 10px;
}
label.inputTag{
    width: 101px;
    height: 40px;
    background-color: rgba(203, 203, 203, 0.2);
    color: #cbcbcb;
    font-size: 14px;
    border: 1px solid #77707e;
    border-right: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
label.inputTagTarea{
    width: 101px;
    height: var(--tAreaH);
    background-color: rgba(203, 203, 203, 0.2);
    color: #cbcbcb;
    font-size: 14px;
    border: 1px solid #77707e;
    border-right: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AgreeBox{
    width: 304px;
    background-color: rgba(203, 203, 203, 0.2);
    color: #cbcbcb;
    padding: 11px 16px;
    border: 1px solid #77707e;
    display: block;
    align-items: center;
    justify-content: space-between;
}
.AgreeBox2{
    width: 304px;
    background-color: rgba(203, 203, 203, 0.2);
    color: #cbcbcb;
    padding: 4px 4px 4px 16px;
    border: 1px solid #77707e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.AgreeBox3{
    width: 304px;
    background-color: rgba(203, 203, 203, 0.2);
    color: #cbcbcb;
    padding: 2px 4px 4px 16px;
    border: 1px solid #77707e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.AgreeBox3 .checks{
    position: relative;
    top: 4px;
}
.AgreeBox3 .checks li{
    padding: 0 6px;
}
.AgreeBox3 .checks li input{
    position: relative;
    top: 1px;
}
.Arrow_Agreement{
    display: block;
    height: 26px;
    width: 26px;
    background: url("../images/Arrow_Agreement.png") no-repeat center center;
}
ul.AddressUL li{
    margin-bottom: 0;
}
ul.AddressUL li.AddressTag{
    text-align: left;
    color: #abaabc;
    padding: 0;
    margin-bottom: 2px;
}
.Adr{
    width: 98px;
    text-align: center;
    font-size: 14px;
	border-color: #c4c4c4;
	color: #5f5f5f;
    padding: 4px 0;
    margin: 0;
}
.Sche{
    width: 60px;
    text-align: center;
    font-size: 14px;
	border-color: #c4c4c4;
	color: #5f5f5f;
    padding: 4px 0;
    margin: 0;
}
.unit{
    width:42px;
    color: #cbcbcb;
    font-size: 14px;
    padding: 10px;
}
.unit_2{
    color: #cbcbcb;
    font-size: 14px;
    padding: 0 3px;
}
/* 회원가입 끝 */

/* 로그인 후 시작 */
header.AppHeader{
    background-image: url("../images/Symbole_LinkyFit.svg");
	background-repeat: no-repeat;
	background-position: calc(50% - 144px) center;
	background-size: 30px 31px;
    background-color: #1e1e32;
    color: #abafc4;
    height: 60px;
    display: flex;
    justify-content: center;
    text-align: right;
    margin-bottom: 30px;
}
header .Home{
    position: relative;
    left: -114px;
    top: 10px;
}
header .Home a{
    display: block;
    width: 40px;
    height: 40px;
}
header .UserName{
    position: relative;
    left: 96px;
    top: 18px;
    text-align: right;
}
header .Sitemap{
    position: relative;
    left: 107px;
    top: 15px;
    text-align: right;
}
header .Sitemap a{
    background-image: url("../images/Btn_sitemap.png");
	background-repeat: no-repeat;
    background-position: center center;
	background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}
.MainMenu{
    background-color: #bcbee5;
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 220px);
    z-index: 10;
}
.MainMenu ul{
    width: 300px;
    display: flex;
    justify-content: space-between;
}
.MainMenu ul li:first-child {
    background-image: url("../images/Menu_Icons_1.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:first-child.selected {
    background-image: url("../images/Menu_Icons_1_selected.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:nth-child(2) {
    background-image: url("../images/Menu_Icons_2.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:nth-child(2).selected {
    background-image: url("../images/Menu_Icons_2_selected.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:nth-child(3) {
    background-image: url("../images/Menu_Icons_3.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:nth-child(3).selected {
    background-image: url("../images/Menu_Icons_3_selected.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:last-child {
    background-image: url("../images/Menu_Icons_4.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li:last-child.selected {
    background-image: url("../images/Menu_Icons_4_selected.svg");
	background-repeat: no-repeat;
    background-size: 36px 22px;
    background-position: center 12px;
}
.MainMenu ul li a{
    display: block;
    width: 60px;
    height: 62px;
    color: #636363;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 34px;
}
.BigFrame{
    width: 360px;
}
/* 메인화면 시작 */

.Ad_Top{
    width: 342px;
    height: 128px;
    border: 2px solid #585898;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto 26px auto;
}
.Ad_Top img{
    width: 342px;
    height: 128px;
    object-fit: cover;
    border-radius: 6px;
}
.Notice_Main{
    background-color: #27273f;
    padding: 10px 16px;
    width: 308px;
    margin: 0 auto 26px auto;
    border: 1px solid #6e6e98;
    border-radius: 10px;
}
.Notice_Title{
    display: flex;
    justify-content: space-between;
}
.Notice_Title h2{
    color: #dbddeb;
    font-size: 14px;
}
.Notice_Title a.More{
    display: block;
    background-image: url("../images/Arrow_Right_Blue.png");
	background-repeat: no-repeat;
    background-size: 7px 11px;
    background-position: Right center;
    width: 18px;
    height: 15px;
}
.IndexTitle{
    color: #949ee0;
    font-size: 14px;
    text-align: left;
}
.Notice_Main .Date{
    color: #a9abba;
    font-size: 12px;
    text-align: left;
    margin-bottom: 16px;
}
.Notice_Main ul li:last-child{
    margin-bottom: 0;
}
.ReservationWrap{
    background-color: #27273f;
    width: 308px;
    padding: 12px;
    margin: 0 auto 26px auto;
    border: 1px solid #6e6e98;
    border-radius: 10px;
}
.ReservationCard{
    display: flex;
    background-color: #3c3e63;
    padding: 8px;
    border: 1px solid #6e6e98;
    border-radius: 8px;
    margin-bottom: 8px;
}
.ReservationCard .info{
    padding-top: 6px;
    margin-left: 10px;
}
.ReservationCard .info li{
    margin-bottom: 5px;
}
.ReservationCard img{
    width: 96px;
    height: 80px;
}
.IndexInfo{
    text-align: left;
    color: #a9abba;
    font-size: 12px;
    font-weight: 400;
}
.IndexTitle_Arrow{
    background-image: url("../images/Arrow_Right_Blue.png");
	background-repeat: no-repeat;
    background-size: 7px 11px;
    background-position: Right center;
    color: #949ee0;
    font-size: 14px;
    text-align: left;
}
.IndexTitle_Arrow a{
    display: block;
    width: 156px;
}
.Search_Center{
    width: 308px;
    margin: 0 auto 16px auto;
}
.Search_Center ul{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 26px 0;
}
.Search_Center li{
    border: 1px solid #585898;
    border-radius: 8px;
}
.Search_Center li a{
    display: block;
    width: 147px;
    height: 61px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(26, 26, 42, 0.6);
}
.Search_Center li.Local a{
    background-image: url("../images/btn_Serach_Local.png");
	background-repeat: no-repeat;
    background-size: 147px 61px;
    background-position: center center;
}
.Search_Center li.Sport a{
    background-image: url("../images/btn_Serach_Sport.png");
	background-repeat: no-repeat;
    background-size: 147px 61px;
    background-position: center center;
}
.Ad_Bottom{
    width: 342px;
    height: 100px;
    border: 2px solid #585898;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto 26px auto;
}
.Ad_Bottom img{
    width: 342px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
}
/* 메인화면 끝 */

.BigFrame h1{
    color: #dcdcdc;
    font-weight: 400;
    margin-top: 0;
}
.BigFrame h2{
    color: #dbddeb;
    font-size: 14px;
    margin-bottom: 14px;
}
.Members_Avata{
    width: 136px;
    height: 136px;
    border: 2px solid #595388;
    border-radius: 8px;
    margin: 20px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 146px 146px;
}
.Ex_Man_1{
    background-image: url("../images/Man_EX_1.png");
}
.Ex_Man_2{
    background-image: url("../images/Man_EX_2.png");
}
.Ex_Man_3{
    background-image: url("../images/Man_EX_3.png");
}
.Ex_Man_4{
    background-image: url("../images/Man_EX_4.png");
}
.Ex_Man_5{
    background-image: url("../images/Man_EX_5.png");
}
.Ex_Woman_1{
    background-image: url("../images/Woman_EX_1.png");
}
.Ex_Woman_2{
    background-image: url("../images/Woman_EX_2.png");
}
.Ex_Woman_3{
    background-image: url("../images/Woman_EX_3.png");
}
.Ex_Woman_4{
    background-image: url("../images/Woman_EX_4.png");
}
.Ex_Woman_5{
    background-image: url("../images/Woman_EX_5.png");
}
.MembersInfo{
    background-color: #3c3e63;
    padding: 10px 16px;
    width: 308px;
    margin: 0 auto 26px auto;
    border: 1px solid #6e6e98;
    border-radius: 10px;
}
.MembersInfo_Line{
    display: flex;
    margin-bottom: 16px;
}
.NameTag_1{
    background-color: #2d2d47;
    width: 64px;
    height: 22px;
    color: #a9abba;
    font-size: 14px;
    font-weight: 400;
    border-radius: 11px;
}
.NameTag_2{
    background-color: #2d2d47;
    width: 64px;
    height: 22px;
    color: #a9abba;
    font-size: 14px;
    font-weight: 400;
    border-radius: 11px;
    margin-right: 8px;
}
.NameTag_3{
    background-color: #1c52be;
    width: 64px;
    height: 22px;
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    border-radius: 11px;
    margin-right: 8px;
}
.NameTag_4{
    background-color: #9b379f;
    width: 64px;
    height: 22px;
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    border-radius: 11px;
    margin-right: 8px;
}
.NameTag_5{
    background-color: #ac6810;
    width: 64px;
    height: 22px;
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    border-radius: 11px;
    margin-right: 8px;
}
.InfoText_1{
    color: #949ee0;
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
}
.InfoText_2{
    color: #949ee0;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.InfoText_3{
    color: #a9abba;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.InfoText_4{
    color: #b4b4b4;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.InfoText_5{
    color: #d2d2d6;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.Notice_Frame{
    background-color: #3c3e63;
    padding: 24px 18px;
    width: 338px;
    margin: 0 auto 26px auto;
    border: 1px solid #6e6e98;
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(26, 26, 42, 0.8);
}
.Notice_Line{
    margin-bottom: 14px;
}
.Notice_Frame ul li:last-child{
    margin-bottom: 0;
}
.Notice_Frame .dot{
    flex: 0.03;
    color: #949ee0;
    font-size: 14px;
}
.Notice_Frame .InfoText_1{
    flex: 0.74;
    color: #949ee0;
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    text-align: left;
}
.Notice_Frame .Date{
    flex: 0.23;
    color: #a9abba;
    font-size: 12px;
    text-align: right;
    position: relative;
    top: 1px;
}
.pagination{
    display: flex;
    justify-content: center;
	width: 300px;
	margin: 0 auto;
}
.pagination ul{
	display: flex;
    justify-content: space-between;
	color: #8b8b8b;
	font-size: 14px;
}
.pagination ul li{
	padding: 0;
	text-align: center;
}
.pagination ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background: #27273f;
	margin: 0 auto;
	border-radius: 6px;
}
.pagination ul li.currentPage a{
	color: white;
	background: #6dbbdf;
}
.pagination ul li:first-child a{
	background-color: #27273f;
    background-image: url("../images/Arrow_Right_Gray.png");
    transform: scaleX(-1);
	background-repeat: no-repeat;
    background-size: 7px 11px;
    background-position: center center;
}
.pagination ul li:last-child a{
	background-color: #27273f;
    background-image: url("../images/Arrow_Right_Gray.png");
	background-repeat: no-repeat;
    background-size: 7px 11px;
    background-position: center center;
}
.Notice_View{
    padding: 0 20px;
    margin: 0 auto;
}
.Notice_View p{
    text-align: left;
    color: #a9abba;
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto 40px auto;
}
.PerTerm{
    display: flex;
    justify-content: space-around;
    width: 246px;
    margin-bottom: 20px;
}
.board li{
    text-align: center;
    flex: 1;
    font-size: 14px;
}
.boardBar{
    background-color: #4b4b6b;
    display: flex;
    height: 22px;
    font-size: 14px;
    font-weight: 300;
    color: #d9d9d9;
}
.boardBarLine{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #59597d;
    padding: 12px 0;
}
.boardBarLine li{
    font-size: 14px;
    font-weight: 300;
    color: #d9d9d9;
}
.Buy_Frame{
    width: 338px;
    margin: 0 auto 20px auto;
}
.Buy_Flex{
    width: 338px;
    display: flex;
    gap: 0;
}
.Sport_Frame{
    width: 136px;
    height: 156px;
    border: 2px solid #686890;
    border-radius: 8px;
    margin-right: -14px;
    box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
}
.Sport_Con{
    background-color: #3c3e63;
    background-image: url("../images/Arrow_Right_Gray_Big.png");
	background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: right 10px center;
    border: 1px solid #6e6e98;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    width: 216px;
    height: 156px;
    padding-left: 25px;
    color: #d2d5e4;
    font-weight: 200;
    text-align: left;
    line-height: 1.7;
    padding-top: 22px;
}
.Sport_Con_noBG{
    background-color: #3c3e63;
	background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: right 10px center;
    border: 1px solid #6e6e98;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    width: 216px;
    height: 156px;
    padding-left: 30px;
    color: #d2d5e4;
    font-weight: 200;
    text-align: left;
    line-height: 1.7;
    padding-top: 22px;
}
.Sport_01{
    background-image: url("../images/Buy_Sport_01.png");
	background-repeat: no-repeat;
    background-size: 136px 156px;
    background-position: center center;
}
.Sport_02{
    background-image: url("../images/Buy_Sport_02.png");
	background-repeat: no-repeat;
    background-size: 136px 156px;
    background-position: center center;
}
.Sport_03{
    background-image: url("../images/Buy_Sport_03.png");
	background-repeat: no-repeat;
    background-size: 136px 156px;
    background-position: center center;
}
.ProductList{
    width: 338px;
    margin: 0 auto;
    color: #d2d5e4;
    font-size: 14px;
    font-weight: 300;
}
.ProductCard{
    background-image: url("../images/Arrow_Right_Gray.png");
	background-repeat: no-repeat;
    background-size: 7px 11px;
    background-position: right center;
    padding: 24px 0;
    border-bottom: 1px solid #59597d;
}
.ProductCard_Nolink{
    background-color: #3c3e63;
    display: flex;
    justify-content: center;
    padding: 24px 0;
    border: 1px solid #6e6e98;
    width: 338px;
    margin-bottom: 6px;
}
.ProductCard_Nolink_2{
    background-color: #3c3e63;
    padding: 24px 0;
    border: 1px solid #6e6e98;
    width: 338px;
    margin-bottom: 6px;
}
.picCard img{
	width: 130px;
	height: 108px;
}
.ProductInfo{
    padding-left: 16px;
}
.ProductInfo h3{
    font-size: 16px;
    font-weight: 500;
    color: #949ee0;
    text-align: left;
}
.DetailList {
    display: block;
    text-align:left;
}
.legend_Wrap{
    padding: 10px 0 10px 60px;
    margin: 0;
    border-bottom: 1px solid #59597d;
}
.legend_Line{
    display: flex;
    margin-bottom: 6px;
}
.Pay_Line_Wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Pay_Line{
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #59597d;
    width: 338px;
}
.ProductPrice{
    color: #FFFFFF;
    position: relative;
    top: 15px;
}
.ProductTag{
    position: relative;
    top: 6px;
}
.ProductTag2{
    margin-bottom: 6px;
}
.ReservationStatus{
    display: flex;
    justify-content: space-between;
    width: 340px;
    margin: 20px 0 0 0;
}
.ReservationStatus li{
    background-color: #3f3f5d;
    font-size: 16px;
    color: #ced4e9;
    width: 162px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #585898;
}
.ReservationStatus li a{
    display: block;
    padding: 16px 0 0 24px;
    width: 162px;
    height: 60px;
}
.ReservationStatus li:first-child a{
    background-image: url("../images/Btn_Res_BG_1.png");
	background-repeat: no-repeat;
    background-size: 31px 40px;
    background-position: left 10px center;
}
.ReservationStatus li:last-child a{
    background-image: url("../images/Btn_Res_BG_2.png");
	background-repeat: no-repeat;
    background-size: 31px 40px;
    background-position: left 10px center;
}
.ProductList{
    width: 338px;
    margin: 0 auto;
    color: #d2d5e4;
    font-size: 14px;
    font-weight: 300;
}
.Notes{
    border: 1px solid #585898;
    text-align: left;
    padding: 16px;
    margin: 20px 0 28px 0;
}
.Notes2{
    border: 1px solid #585898;
    text-align: left;
    padding: 16px;
    margin-bottom: 20px;
}
.PurchaseList{
    width: 338px;
    padding: 14px 14px 4px 14px;
    margin: 0 auto;
    color: #24213c;
    border-radius: 8px;
    border: 1px solid #6e6e98;
}
.PurchaseList h2{
    color: #949ee0;
    font-size: 18px;
    font-weight: 400;
}
.PurchaseFrame{
    background-color: #3f3f5d;
    color: #ededed;
    border-radius: 4px;
    border: 1px solid #585898;
    padding: 16px 10px;
    margin-bottom: 10px;
}
.PurchaseFrame2{
    color: #ededed;
    padding: 16px 10px;
    margin-bottom: 10px;
}
.PurchaseFrame3{
    color: #ededed;
    padding: 4px 10px;
}
.Purchase_Line{
    display: flex;
    justify-content: space-between;
}
.RemainedCount{
    color: #d2d2d6;
    font-weight: 300;
}
.Capacity{
    margin-top: 18px;
    font-weight: 300;
}
.CurrentCount{
    font-size: 36px;
}
hr.PurchaseHr{
    border: none;
    height: 1px;
    background-color: #59597d;
    margin: 4px 0 9px 0;
}
hr.PurchaseHr_2{
    border: none;
    height: 1px;
    background-color: #59597d;
    margin: 16px 12px;
}
.PurchaseInfo{
    text-align: left;
    color: #d2d2d6;
    font-size: 12px;
    font-weight: 300;
}
.LastDay{
    color: #ff9e50;
    font-weight: 600;
}
.SelectH3{
    color: #a9abba;
    margin: 8px 0;
}
.SelectionFrame{
    border: 1px solid #49476a;
    padding-bottom: 14px;
    margin-bottom: 10px;
}
ul.SelectBox{
    display: flex;
    padding: 0 12px 12px 12px;
    height: 86px;
    margin-bottom: 10px;
}
ul.SelectBox li:first-child{
    display: flex;
    padding-right: 12px;
}
ul.SelectBox li:nth-child(2) img{
    border: 2px solid #3b3b52;
    width: 80px;
    height: 86px;
}
ul.SelectBox li:last-child{
    background-color: #3b3b52;
    padding: 6px;
    text-align: left;
    font-size: 11px;
    color: #a9abba;
    width: 201px;
    height: 86px;
}
ul.SelectBox li:last-child label{
    font-weight: 600;
    font-size: 12px;
}
ul.CenterBox{
    display: flex;
    padding: 0 12px 12px 12px;
    height: 86px;
    margin-bottom: 10px;
}
ul.CenterBox img{
    width: 80px;
    height: 86px;
}
ul.CenterBox li:first-child{
    width: 80px;
    height: 86px;
}
ul.CenterBox li:last-child {
    background-color: #3b3b52;
    padding: 6px 10px;
    text-align: left;
    font-size: 11px;
    color: #a9abba;
    width: 232px;
    height: 86px;
}
ul.CenterBox li:last-child .name{
    font-weight: 600;
    font-size: 12px;
}
ul.CenterBox li:last-child p{
    margin-top: 6px;
}
ul.BuyingBox{
    display: flex;
    padding: 0 12px 12px 12px;
    height: 86px;
    margin-bottom: 10px;
}
ul.BuyingBox img{
    width: 100%;
    height: 100%;
}
ul.BuyingBox li:first-child{
    width: 80px;
    height: 86px;
}
ul.BuyingBox li:nth-child(2) {
    background-color: #3b3b52;
    padding: 6px 10px;
    text-align: left;
    font-size: 11px;
    color: #a9abba;
    width: 200px;
    height: 86px;
}
ul.BuyingBox li:last-child {
    background-color: #3b3b52;
    padding: 6px;
    text-align: left;
    font-size: 11px;
    color: #a9abba;
    width: auto;
    height: 86px;
}
.PlaceTeacher{
    display: flex;
    justify-content: space-around;
    border: 1px solid #585898;
    color: #a9abba;
    padding: 10px 16px;
    margin-bottom: 10px;
}
ul.PlaceTeacher li:nth-child(odd) {
    flex: 0.2;
    position: relative;
    top: 4px;
}
ul.PlaceTeacher li:nth-child(even) {
    flex: 0.8;
    text-align: left;
    padding-left: 10px;
}
.SelBox{
    text-align: center;
    font-size: 12px;
	border-color: #c4c4c4;
	color: #5f5f5f;
    padding: 4px 2px;
    margin: 0;
}
.SiteMap{
    padding: 20px;
    margin: 0 auto;
    color: #a9abba;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #585898;
}
.SiteMap li{
    margin: 20px 0;
}
.centerPreview{
    display: flex;
    justify-content: center;
}
.centerPreview img{
    width: 28%;
    margin: 0 6px;
}



/* 추가된 영역 */

/* 약관 내용 기본 숨김 */
.agree-content {
    margin-top: 10px;
    padding: 12px;
    font-size: 14px;
    background: #f7f7f7;
    color: #333;
    text-align:left;
}
.agree-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.Arrow_Agreement {
    display: inline-block;
    transition: transform 0.3s;
}
.AgreeBox.open .Arrow_Agreement {
    transform: rotate(180deg);
}

/* 컨텐츠 노출시에 줄바꿈 유지 */
.content {
    white-space: pre-line;
}
.blank-bottom {
	width: 340px;
	margin: 40px auto 60px auto;
    padding: 10px 20px;
    border-top: 1px solid #43436B;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #43436B;
}
.blank-bottom p.Name{
    font-size: 14px;
    font-weight: 600;
}
.blank-bottom .AdressBox{
    margin-bottom: 10px;
}