#sub.greetings .image-text { display: flex; align-items: center; justify-content: center; gap: 38px; }
#sub.greetings .image-text .image { width: 36.33%;  }
#sub.greetings .image-text .image img { width: 100%; }
#sub.greetings .image-text .text { flex: 1; }
#sub.greetings .image-text .text dl dt { color: #000; font-family: 'NanumMyeongjo'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 153.333%; }
#sub.greetings .image-text .text dl dt span.s { font-size: 22.5px; }
#sub.greetings .image-text .text dl dd { color: #636363; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.6px; margin: 40px 0 0; }
#sub.greetings .image-text .text dl.black dt { color: #000; }
#sub.greetings .image-text .text dl.black dd { color: #636363; }
#sub.greetings .image-text .text dl.white dt { color: #fff; }
#sub.greetings .image-text .text dl.white dd { color: #929292; }
#sub.greetings .three ul { overflow:hidden; margin: 0 -10px; }
#sub.greetings .three ul li { float: left; width: calc(33.33% - 20px); margin: 0 10px; background-color: #fff; }
#sub.greetings .three ul li dl dt img { width: 100%; }
#sub.greetings .three ul li dl dd { color: #000; font-family: 'Pretendard'; text-align: center; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; padding: 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sub.greetings .three p { margin: 60px 0 0; color: #FFF; text-align: center; font-family: 'NanumMyeongjo'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 153.333%; }
#sub.greetings .three a { display: block; border-radius: 10px; background: #6D8241; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 34px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -1.02px; line-height: 77px; margin: 60px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sub.greetings .three a strong { font-weight: 700; }

@media screen and ( max-width: 1250px ) {
    #sub.greetings .image-text { gap: 34px; }
    #sub.greetings .image-text .text dl dt { font-size: 27px; }
    #sub.greetings .image-text .text dl dt span.s { font-size: 20.5px; }
    #sub.greetings .image-text .text dl dd { font-size: 18px; margin: 36px 0 0; }
    #sub.greetings .three ul { margin: 0 -9px; }
    #sub.greetings .three ul li { width: calc(33.33% - 18px); margin: 0 9px; }
    #sub.greetings .three ul li dl dd { font-size: 23px; padding: 18px 0; }
    #sub.greetings .three p { margin: 54px 0 0; font-size: 27px; }
    #sub.greetings .three a { border-radius: 9px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.25); font-size: 31px; line-height: 70px; margin: 54px 0 0; }
}

@media screen and ( max-width: 1024px ) {
    #sub.greetings .image-text { gap: 30px; }
    #sub.greetings .image-text .text dl dt { font-size: 24px; }
    #sub.greetings .image-text .text dl dt br { display: none; }
    #sub.greetings .image-text .text dl dt span.s { font-size: 18.5px; }
    #sub.greetings .image-text .text dl dd { font-size: 16px; margin: 32px 0 0; }
    #sub.greetings .three ul { margin: 0 -8px; }
    #sub.greetings .three ul li { width: calc(33.33% - 16px); margin: 0 8px; }
    #sub.greetings .three ul li dl dd { font-size: 21px; padding: 16px 0; }
    #sub.greetings .three p { margin: 48px 0 0; font-size: 24px; }
    #sub.greetings .three a { border-radius: 8px; box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.25); font-size: 28px; line-height: 63px; margin: 48px 0 0; }
}

@media screen and ( max-width: 768px ) {
    #sub.greetings .image-text { gap: 26px; }
    #sub.greetings .image-text .text dl dt { font-size: 21px; }
    #sub.greetings .image-text .text dl dt span.s { font-size: 16.5px; }
    #sub.greetings .image-text .text dl dd { font-size: 14px; margin: 28px 0 0; }
    #sub.greetings .three ul { margin: -7px; }
    #sub.greetings .three ul li { width: calc(50% - 14px); margin: 7px; }
    #sub.greetings .three ul li dl dd { font-size: 19px; padding: 14px 0; }
    #sub.greetings .three p { margin: 42px 0 0; font-size: 21px; }
    #sub.greetings .three a { border-radius: 7px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); font-size: 25px; line-height: 56px; margin: 42px 0 0; }
}

@media screen and ( max-width: 640px ) {
    #sub.greetings .image-text { gap: 22px; }
    #sub.greetings .image-text .text dl dt { font-size: 18px; }
    #sub.greetings .image-text .text dl dt span.s { font-size: 14.5px; }
    #sub.greetings .image-text .text dl dd { font-size: 12px; margin: 24px 0 0; }
    #sub.greetings .three ul { margin: -6px; }
    #sub.greetings .three ul li { width: calc(50% - 12px); margin: 6px; }
    #sub.greetings .three ul li dl dd { font-size: 17px; padding: 12px 0; }
    #sub.greetings .three p { margin: 36px 0 0; font-size: 18px; }
    #sub.greetings .three a { border-radius: 6px; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.25); font-size: 22px; line-height: 49px; margin: 36px 0 0; }
}










#sub.members .chart { display: flex; justify-content: space-between; align-items: flex-start; position: relative; }
#sub.members .chart .side { width: 25.83%; position: relative; }
#sub.members .chart .side dl { margin: 0 0 30px; position: relative; z-index: 2; }
#sub.members .chart .side dl:last-child { margin: 0; }
#sub.members .chart .side dl dt { background-color: #fff; }
#sub.members .chart .side dl dt img { width: 100%; }
#sub.members .chart .side dl dd { padding: 20px 10px; background-color: #F9F9F9; color: #000; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; border-top: 1px solid #929292; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sub.members .chart .side .dot { position: absolute; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.50); z-index: 0; }
#sub.members .chart .side.left .dot { right: -37.096%;  }
#sub.members .chart .side.right .dot { left: -37.096%;  }
#sub.members .chart .side .dot:after { content: ''; position: absolute; width: 47.826%; height: 47.826%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 50%; }
#sub.members .chart .side.left:after ,
#sub.members .chart .side.right:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 33.548%); height: 1px; background-color: #fff; z-index: 1; }
#sub.members .chart .side.left:after { left: 0; }
#sub.members .chart .side.right:after { right: 0; }
#sub.members .chart .side.left:before ,
#sub.members .chart .side.right:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 33.548%); height: 65%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 1; border-radius: 20px; }
#sub.members .chart .side.left:before { left: 0; border-right: 1px solid #fff; }
#sub.members .chart .side.right:before { right: 0; border-left: 1px solid #fff; }
#sub.members .chart .block { text-align: center; }
#sub.members .chart .block p { margin:0 0 21px; color: #FFF; font-family: 'Pretendard'; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
#sub.members .chart .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28.33%; }
#sub.members .chart .center img { width: 100%; }

@media screen and ( max-width: 1250px ) {
    #sub.members .chart .side dl { margin: 0 0 27px; }
    #sub.members .chart .side dl dd { padding: 18px 9px; font-size: 22px; }
    #sub.members .chart .side .dot { width: 21px; height: 21px; }
    #sub.members .chart .side.left:before ,
    #sub.members .chart .side.right:before { border-radius: 18px; }
    #sub.members .chart .block p { margin:0 0 19px; font-size: 27px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.members .chart .side dl { margin: 0 0 24px; }
    #sub.members .chart .side dl dd { padding: 16px 8px; font-size: 20px; }
    #sub.members .chart .side .dot { width: 19px; height: 19px; }
    #sub.members .chart .side.left:before ,
    #sub.members .chart .side.right:before { border-radius: 16px; }
    #sub.members .chart .block p { margin:0 0 17px; font-size: 24px; }
}

@media screen and ( max-width: 768px ) {
    #sub.members .chart { padding: calc(49vw + 40px + 10.5px) 0 0; }
    #sub.members .chart .side { width: 49%; }
    #sub.members .chart .side dl { margin: 0 0 21px; }
    #sub.members .chart .side dl dd { padding: 14px 7px; font-size: 18px; }
    #sub.members .chart .side .dot { display: none; }
    #sub.members .chart .side.left:after ,
    #sub.members .chart .side.right:after { content: unset; }
    #sub.members .chart .side.left:before ,
    #sub.members .chart .side.right:before { content: unset; }
    #sub.members .chart .block p { margin:0 0 15px; font-size: 21px; }
    #sub.members .chart .center { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 49vw; }
}

@media screen and ( max-width: 640px ) {
    #sub.members .chart { padding: calc(49vw + 34px + 9px) 0 0; }
    #sub.members .chart .side dl { margin: 0 0 18px; }
    #sub.members .chart .side dl dd { padding: 12px 6px; font-size: 16px; }
    #sub.members .chart .block p { margin:0 0 13px; font-size: 18px; }
}










#sub.location .map-text { display: flex; align-items: center; justify-content: center; gap: 40px; }
#sub.location .map-text .map { width: 50.75%; position: relative; }
#sub.location .map-text .map img { width: 100%; }
#sub.location .map-text .map #kakao_map ,
#sub.location .map-text .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
#sub.location .map-text .text { flex: 1; }
#sub.location .map-text .text dl { display: flex; justify-content: space-between; align-items: flex-start; gap:37.5px; margin: 30px 0; }
#sub.location .map-text .text dl dt { width: 112.5px; color: #636363; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 135%; }
#sub.location .map-text .text dl dd { flex: 1; color: #636363; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 135%; }

@media screen and ( max-width: 1250px ) {
    #sub.location .map-text { gap: 36px; }
    #sub.location .map-text .text dl { gap:33.5px; margin: 27px 0; }
    #sub.location .map-text .text dl dt { width: 100.5px; font-size: 18px; }
    #sub.location .map-text .text dl dd { font-size: 18px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.location .map-text { gap: 32px; }
    #sub.location .map-text .text dl { gap:29.5px; margin: 24px 0; }
    #sub.location .map-text .text dl dt { width: 88.5px; font-size: 16px; }
    #sub.location .map-text .text dl dd { font-size: 16px; }
}

@media screen and ( max-width: 768px ) {
    #sub.location .map-text { gap: 28px; flex-direction: column; align-items: stretch; }
    #sub.location .map-text .map { width: auto; }
    #sub.location .map-text .text dl { gap:25.5px; margin: 21px 0; }
    #sub.location .map-text .text dl dt { width: 76.5px; font-size: 14px; }
    #sub.location .map-text .text dl dd { font-size: 14px; }
}

@media screen and ( max-width: 640px ) {
    #sub.location .map-text { gap: 24px; }
    #sub.location .map-text .text dl { gap:21.5px; margin: 18px 0; }
    #sub.location .map-text .text dl dt { width: 68.5px; font-size: 12px; }
    #sub.location .map-text .text dl dd { font-size: 12px; }
}





#sub.procedure1 ul { overflow: hidden; margin: -25px -10px; }
#sub.procedure1 ul li { float: left; width: calc(33.33% - 20px); margin: 25px 10px; background-color: #fff; position: relative; }
#sub.procedure1 ul li .img { padding-bottom: 62.5%; background-size: cover; background-repeat: no-repeat; background-position: center; }
#sub.procedure1 ul li dl { padding: 20px; }
#sub.procedure1 ul li dl dt { color: #000; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; }
#sub.procedure1 ul li dl dd { margin: 15px 0 0; }
#sub.procedure1 ul li dl dd p { color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.64px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px 0 0; }

@media screen and ( max-width: 1250px ) {
    #sub.procedure1 ul { overflow: hidden; margin: -23px -9px; }
    #sub.procedure1 ul li { width: calc(33.33% - 18px); margin: 23px 9px; }
    #sub.procedure1 ul li dl { padding: 18px; }
    #sub.procedure1 ul li dl dt { font-size: 18px; }
    #sub.procedure1 ul li dl dd { margin: 14px 0 0; }
    #sub.procedure1 ul li dl dd p { font-size: 14.5px; padding: 0 9px 0 0; }
}

@media screen and ( max-width: 1024px ) {
    #sub.procedure1 ul { overflow: hidden; margin: -21px -8px; }
    #sub.procedure1 ul li { width: calc(33.33% - 16px); margin: 21px 8px; }
    #sub.procedure1 ul li dl { padding: 16px; }
    #sub.procedure1 ul li dl dt { font-size: 16px; }
    #sub.procedure1 ul li dl dd { margin: 13px 0 0; }
    #sub.procedure1 ul li dl dd p { font-size: 13px; padding: 0 8px 0 0; }
}

@media screen and ( max-width: 768px ) {
    #sub.procedure1 ul { overflow: hidden; margin: -19px -7px; }
    #sub.procedure1 ul li { width: calc(50% - 14px); margin: 19px 7px; }
    #sub.procedure1 ul li dl { padding: 14px; }
    #sub.procedure1 ul li dl dt { font-size: 14px; }
    #sub.procedure1 ul li dl dd { margin: 12px 0 0; }
    #sub.procedure1 ul li dl dd p { font-size: 11.5px; padding: 0 7px 0 0; }
}

@media screen and ( max-width: 640px ) {
    #sub.procedure1 ul { overflow: hidden; margin: -17px -6px; }
    #sub.procedure1 ul li { width: calc(50% - 12px); margin: 17px 6px; }
    #sub.procedure1 ul li dl { padding: 12px; }
    #sub.procedure1 ul li dl dt { font-size: 12px; }
    #sub.procedure1 ul li dl dd { margin: 11px 0 0; }
    #sub.procedure1 ul li dl dd p { font-size: 10px; padding: 0 6px 0 0; }
}





#sub.procedure2 ul li { background-color: #fff; margin: 20px 0; text-align: center; padding: 10px 0; }
#sub.procedure2 ul li.arrow { background-color: transparent; padding: 0; }
#sub.procedure2 ul li.arrow img { width: 18px; }
#sub.procedure2 ul li dl { display: flex; align-items: center; justify-content: center; min-height: 150px; }
#sub.procedure2 ul li dl dt { width: 27.66%; position: relative; color: #000; text-align: center; font-family: 'Pretendard'; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; }
#sub.procedure2 ul li dl dt:after { content: ''; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 1px; height: 70px; background-color: #202020; }
#sub.procedure2 ul li dl dd { flex: 1; text-align: left; color: #000; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding-left: 10%; }

@media screen and ( max-width: 1250px ) {
    #sub.procedure2 ul li { margin: 18px 0; }
    #sub.procedure2 ul li.arrow img { width: 16.5px; }
    #sub.procedure2 ul li dl { min-height: 140px; }
    #sub.procedure2 ul li dl dt { font-size: 20px; }
    #sub.procedure2 ul li dl dt:after { height: 70px; }
    #sub.procedure2 ul li dl dd { font-size: 15px; padding-left: 9%; }
}

@media screen and ( max-width: 1024px ) {
    #sub.procedure2 ul li { margin: 16px 0; }
    #sub.procedure2 ul li.arrow img { width: 15px; }
    #sub.procedure2 ul li dl { min-height: 130px; }
    #sub.procedure2 ul li dl dt { font-size: 18px; }
    #sub.procedure2 ul li dl dt:after { height: 70px; }
    #sub.procedure2 ul li dl dd { font-size: 14px; padding-left: 8%; }
}

@media screen and ( max-width: 768px ) {
    #sub.procedure2 ul li { margin: 14px 0; }
    #sub.procedure2 ul li.arrow img { width: 13.5px; }
    #sub.procedure2 ul li dl { min-height: 120px; }
    #sub.procedure2 ul li dl dt { font-size: 16px; }
    #sub.procedure2 ul li dl dt:after { height: 70px; }
    #sub.procedure2 ul li dl dd { font-size: 13px; padding-left: 7%; }
}

@media screen and ( max-width: 640px ) {
    #sub.procedure2 ul li { margin: 12px 0; }
    #sub.procedure2 ul li.arrow img { width: 12px; }
    #sub.procedure2 ul li dl { min-height: 110px; }
    #sub.procedure2 ul li dl dt { font-size: 14px; }
    #sub.procedure2 ul li dl dt:after { height: 70px; }
    #sub.procedure2 ul li dl dd { font-size: 12px; padding-left: 6%; }
}





#sub.login .box { max-width: 500px; margin: 0 auto; }
#sub.login .box .form input[type=password] ,
#sub.login .box .form input[type=text] { margin: 0 0 10px; width: 100%; font-size: 18px; height: 50px; color: #636363; font-family: 'Pretendard'; border: 1px solid #c4c4c4; padding: 0 20px; font-weight: 500; }
#sub.login .box .form .auto { text-align: right; color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin: 5px 0 0; }
#sub.login .box .form .auto input[type=checkbox] { margin: 0 2px 0 0; }
#sub.login .box .form .btn_submit { display: block; width: 100%; margin: 45px 0 30px; line-height: 295%; font-weight: 700; font-size: 18px; background-color:#000; color: #ffffff; text-align:center; }
#sub.login .box .form .find { overflow: hidden; }
#sub.login .box .form .find li { float: left; width: 50%; text-align: center; }
#sub.login .box .form .find li a { display: block; color: #636363; text-align: center; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; position: relative; }
#sub.login .box .form .find li:first-child a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 100%; background-color: #636363; }
#sub.login .box .register { border: 1px solid #929292; margin: 70px 0 0; padding: 50px 0; text-align: center; }
#sub.login .box .register dl dt { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
#sub.login .box .register dl dt img { margin: 0 0 10px; width: 40px; }
#sub.login .box .register dl dd { color: #636363; text-align: center; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin: 20px 0 0; }
#sub.login .box .register a { display: inline-block; font-family: 'Pretendard'; border: 1px solid #929292; line-height: 294%; padding: 0 30px; margin: 20px 0 0; color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 700; }

@media screen and ( max-width: 1250px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 9px; font-size: 17px; height: 45px; padding: 0 18px; }
    #sub.login .box .form .auto { font-size: 15px; margin: 4.5px 0 0; }
    #sub.login .box .form .auto input[type=checkbox] { margin: 0 1.8px 0 0; }
    #sub.login .box .form .btn_submit { margin: 41px 0 27px; font-size: 17px; }
    #sub.login .box .form .find li a { font-size: 15px; }
    #sub.login .box .register { margin: 63px 0 0; padding: 45px 0; }
    #sub.login .box .register dl dt { font-size: 22px; }
    #sub.login .box .register dl dt img { margin: 0 0 9px; width: 36px; }
    #sub.login .box .register dl dd { font-size: 17px; margin: 18px 0 0; }
    #sub.login .box .register a { padding: 0 27px; margin: 18px 0 0; font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 8px; font-size: 16px; height: 40px; padding: 0 16px; }
    #sub.login .box .form .auto { font-size: 14px; margin: 4px 0 0; }
    #sub.login .box .form .auto input[type=checkbox] { margin: 0 1.6px 0 0; }
    #sub.login .box .form .btn_submit { margin: 37px 0 24px; font-size: 16px; }
    #sub.login .box .form .find li a { font-size: 14px; }
    #sub.login .box .register { margin: 56px 0 0; padding: 40px 0; }
    #sub.login .box .register dl dt { font-size: 20px; }
    #sub.login .box .register dl dt img { margin: 0 0 8px; width: 32px; }
    #sub.login .box .register dl dd { font-size: 16px; margin: 16px 0 0; }
    #sub.login .box .register a { padding: 0 24px; margin: 16px 0 0; font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 7px; font-size: 15px; height: 35px; padding: 0 14px; }
    #sub.login .box .form .auto { font-size: 13px; margin: 3.5px 0 0; }
    #sub.login .box .form .auto input[type=checkbox] { margin: 0 1.4px 0 0; }
    #sub.login .box .form .btn_submit { margin: 33px 0 21px; font-size: 15px; }
    #sub.login .box .form .find li a { font-size: 13px; }
    #sub.login .box .register { margin: 49px 0 0; padding: 35px 0; }
    #sub.login .box .register dl dt { font-size: 18px; }
    #sub.login .box .register dl dt img { margin: 0 0 7px; width: 28px; }
    #sub.login .box .register dl dd { font-size: 15px; margin: 14px 0 0; }
    #sub.login .box .register a { font-size: 14px; padding: 0 35px; margin: 19px 0 0; }
    #sub.login .box .register a { padding: 0 21px; margin: 14px 0 0; font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 6px; font-size: 14px; height: 30px; padding: 0 12px; }
    #sub.login .box .form .auto { font-size: 12px; margin: 3px 0 0; }
    #sub.login .box .form .auto input[type=checkbox] { margin: 0 1.2px 0 0; }
    #sub.login .box .form .btn_submit { margin: 29px 0 17px; font-size: 14px; }
    #sub.login .box .form .find li a { font-size: 12px; }
    #sub.login .box .register { margin: 42px 0 0; padding: 30px 0; }
    #sub.login .box .register dl dt { font-size: 16px; }
    #sub.login .box .register dl dt img { margin: 0 0 6px; width: 24px; }
    #sub.login .box .register dl dd { font-size: 14px; margin: 12px 0 0; }
    #sub.login .box .register a { padding: 0 18px; margin: 12px 0 0; font-size: 12px; }
}





#sub.find .box { max-width: 500px; margin: 0 auto; }
#sub.find .box .form dl { text-align: center; margin: 0 0 50px; }
#sub.find .box .form dl dt { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
#sub.find .box .form dl dd { color: #636363; text-align: center; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin: 20px 0 0; }
#sub.find .box .form input[type=password] ,
#sub.find .box .form input[type=text] { margin: 0 0 10px; width: 100%; font-size: 18px; height: 50px; color: #636363; font-family: 'Pretendard'; border: 1px solid #c4c4c4; padding: 0 20px; font-weight: 500; }
#sub.find .box .form .btn_submit { display: block; width: 100%; margin: 45px 0 0; line-height: 295%; font-weight: 700; font-size: 18px; background-color:#000; color: #ffffff; text-align:center; }

@media screen and ( max-width: 1250px ) {
    #sub.find .box .form dl { margin: 0 0 45px; }
    #sub.find .box .form dl dt { font-size: 22px; }
    #sub.find .box .form dl dd { font-size: 17px; margin: 18px 0 0; }
    #sub.find .box .form input[type=password] ,
    #sub.find .box .form input[type=text] { margin: 0 0 9px; font-size: 17px; height: 45px; padding: 0 18px; }
    #sub.find .box .form .btn_submit { margin: 41px 0 0; font-size: 17px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.find .box .form dl { margin: 0 0 40px; }
    #sub.find .box .form dl dt { font-size: 20px; }
    #sub.find .box .form dl dd { font-size: 16px; margin: 16px 0 0; }
    #sub.find .box .form input[type=password] ,
    #sub.find .box .form input[type=text] { margin: 0 0 8px; font-size: 16px; height: 40px; padding: 0 16px; }
    #sub.find .box .form .btn_submit { margin: 37px 0 0; font-size: 16px; }
}

@media screen and ( max-width: 768px ) {
    #sub.find .box .form dl { margin: 0 0 35px; }
    #sub.find .box .form dl dt { font-size: 18px; }
    #sub.find .box .form dl dd { font-size: 15px; margin: 14px 0 0; }
    #sub.find .box .form input[type=password] ,
    #sub.find .box .form input[type=text] { margin: 0 0 7px; font-size: 15px; height: 35px; padding: 0 14px; }
    #sub.find .box .form .btn_submit { margin: 33px 0 0; font-size: 15px; }
}

@media screen and ( max-width: 640px ) {
    #sub.find .box .form dl { margin: 0 0 30px; }
    #sub.find .box .form dl dt { font-size: 16px; }
    #sub.find .box .form dl dd { font-size: 14px; margin: 12px 0 0; }
    #sub.find .box .form input[type=password] ,
    #sub.find .box .form input[type=text] { margin: 0 0 6px; font-size: 14px; height: 30px; padding: 0 12px; }
    #sub.find .box .form .btn_submit { margin: 29px 0 0; font-size: 14px; }
}





#sub.regist .box { max-width: 500px; margin: 0 auto; }
#sub.regist .box .form p { border: 1px solid #929292; padding: 30px 20px; color: #000; text-align: center; font-family: 'Pretendard'; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; }
#sub.regist .box .form p img { margin: 0 0 10px; width: 40px; }
#sub.regist .box .form dl { border: 1px solid #929292; margin: 30px 0 0; }
#sub.regist .box .form dl dt { color: #000; position: relative; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; padding: 30px 20px; }
#sub.regist .box .form dl dt input { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); border: 1px solid #c4c4c4; }
#sub.regist .box .form dl dd { padding: 0 20px 30px; }
#sub.regist .box .form dl dd textarea { width: 100%; font-size: 14px; height: 200px; color: #636363; font-family: 'Pretendard'; border: 1px solid #929292; font-weight: 500; resize: none; line-height: 133%; padding: 10px; }
#sub.regist .box .form dl dd table { width: 100%; border-collapse: collapse; table-layout: fixed; }
#sub.regist .box .form dl dd table th ,
#sub.regist .box .form dl dd table td { font-family: 'Pretendard'; font-size: 14px; border: 1px solid #929292; }
#sub.regist .box .form dl dd table th { padding: 5px; background-color: #F9F9F9; color: #000; }
#sub.regist .box .form dl dd table td { padding: 10px; border-top: none; color: #636363; }
#sub.regist .box .form .chk_all { border: 1px solid #929292; padding: 30px 20px; font-family: 'Pretendard'; color: #000; font-weight: 700; font-size: 18px; margin: 30px 0 0; position: relative; }
#sub.regist .box .form .chk_all input { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); border: 1px solid #c4c4c4; }
#sub.regist .box .form .btn_submit { display: block; width: 100%; margin: 30px 0 0; line-height: 295%; font-weight: 700; font-size: 18px; background-color:#000; color: #ffffff; text-align:center; }

#sub.regist .box .form dl dd .f input[type=email] ,
#sub.regist .box .form dl dd .f input[type=file] ,
#sub.regist .box .form dl dd .f input[type=password] ,
#sub.regist .box .form dl dd .f input[type=text] { margin: 0 0 10px; width: 100%; font-size: 18px; height: 46px; color: #636363; font-family: 'Pretendard'; border: 1px solid #929292; padding: 0 20px; font-weight: 500; line-height: 44px; }
#sub.regist .box .form dl dd .f .birth { display: flex; align-items: center; gap: 8px; }
#sub.regist .box .form dl dd .f .sex { margin: 0 0 10px; }
#sub.regist .box .form dl dd .f .sex label { font-size: 18px; line-height: 46px; color: #636363; }
#sub.regist .box .form dl dd .f .tooltip { display: block; color: #636363; font-family: 'Pretendard'; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin: -5px 0 15px; }
#sub.regist .box .form dl dd .f .zip > * { width: 25% !important; }
#sub.regist .box .form dl dd .f .zip > button { margin: 0 0 10px; font-size: 18px; height: 46px; color: #ffffff; font-family: 'Pretendard'; border: none; font-weight: 500; background-color: #636363; }
#sub.regist .box .form dl dd .f .chk_box { margin: 30px 0 0; }
#sub.regist .box .form dl dd .f .chk_box > span { display: block; color: #000; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
#sub.regist .box .form dl dd .f .chk_box > div { margin: 10px 0 0; color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
#sub.regist .box .form dl dd .f .chk_box > div #captcha button { font-size: 0; vertical-align: top; }
#sub.regist .box .form dl dd .f .chk_box > div #captcha #captcha_info { line-height: normal; }

@media screen and ( max-width: 1250px ) {
    #sub.regist .box .form p { padding: 27px 18px; font-size: 13px; }
    #sub.regist .box .form p img { margin: 0 0 9px; width: 36px; }
    #sub.regist .box .form dl { margin: 27px 0 0; }
    #sub.regist .box .form dl dt { font-size: 17px; padding: 27px 18px; }
    #sub.regist .box .form dl dt input { right: 18px; }
    #sub.regist .box .form dl dd { padding: 0 18px 27px; }
    #sub.regist .box .form dl dd textarea { font-size: 13px; height: 180px; padding: 9px; }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { font-size: 13px; }
    #sub.regist .box .form dl dd table th { padding: 4.5px; }
    #sub.regist .box .form dl dd table td { padding: 9px; }
    #sub.regist .box .form .chk_all { padding: 27px 18px; font-size: 17px; margin: 27px 0 0; }
    #sub.regist .box .form .chk_all input { right: 18px; }
    #sub.regist .box .form .btn_submit { margin: 27px 0 0; font-size: 17px; }

    #sub.regist .box .form dl dd .f input[type=email] ,
    #sub.regist .box .form dl dd .f input[type=file] ,
    #sub.regist .box .form dl dd .f input[type=password] ,
    #sub.regist .box .form dl dd .f input[type=text] { margin: 0 0 9px; font-size: 17px; height: 42px; padding: 0 18px; line-height: 40px; }
    #sub.regist .box .form dl dd .f .birth { gap: 7px; }
    #sub.regist .box .form dl dd .f .sex { margin: 0 0 9px; }
    #sub.regist .box .form dl dd .f .sex label { font-size: 17px; line-height: 42px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 11.5px; margin: -4.5px 0 14px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 9px; font-size: 17px; height: 42px; }
    #sub.regist .box .form dl dd .f .chk_box { margin: 27px 0 0; }
    #sub.regist .box .form dl dd .f .chk_box > span { font-size: 15px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 9px 0 0; font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.regist .box .form p { padding: 24px 16px; font-size: 12px; }
    #sub.regist .box .form p img { margin: 0 0 8px; width: 32px; }
    #sub.regist .box .form dl { margin: 24px 0 0; }
    #sub.regist .box .form dl dt { font-size: 16px; padding: 24px 16px; }
    #sub.regist .box .form dl dt input { right: 16px; }
    #sub.regist .box .form dl dd { padding: 0 16px 24px; }
    #sub.regist .box .form dl dd textarea { font-size: 12px; height: 160px; padding: 8px; }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { font-size: 12px; }
    #sub.regist .box .form dl dd table th { padding: 4px; }
    #sub.regist .box .form dl dd table td { padding: 8px; }
    #sub.regist .box .form .chk_all { padding: 24px 16px; font-size: 16px; margin: 24px 0 0; }
    #sub.regist .box .form .chk_all input { right: 16px; }
    #sub.regist .box .form .btn_submit { margin: 24px 0 0; font-size: 16px; }

    #sub.regist .box .form dl dd .f input[type=email] ,
    #sub.regist .box .form dl dd .f input[type=file] ,
    #sub.regist .box .form dl dd .f input[type=password] ,
    #sub.regist .box .form dl dd .f input[type=text] { margin: 0 0 8px; font-size: 16px; height: 38px; padding: 0 16px; line-height: 36px; }
    #sub.regist .box .form dl dd .f .birth { gap: 6px; }
    #sub.regist .box .form dl dd .f .sex { margin: 0 0 8px; }
    #sub.regist .box .form dl dd .f .sex label { font-size: 16px; line-height: 38px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 11px; margin: -4px 0 13px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 8px; font-size: 16px; height: 38px; }
    #sub.regist .box .form dl dd .f .chk_box { margin: 24px 0 0; }
    #sub.regist .box .form dl dd .f .chk_box > span { font-size: 14px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 8px 0 0; font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #sub.regist .box .form p { padding: 21px 14px; font-size: 11px; }
    #sub.regist .box .form p img { margin: 0 0 7px; width: 28px; }
    #sub.regist .box .form dl { margin: 21px 0 0; }
    #sub.regist .box .form dl dt { font-size: 15px; padding: 21px 14px; }
    #sub.regist .box .form dl dt input { right: 14px; }
    #sub.regist .box .form dl dd { padding: 0 14px 21px; }
    #sub.regist .box .form dl dd textarea { font-size: 11px; height: 140px; padding: 7px; }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { font-size: 11px; }
    #sub.regist .box .form dl dd table th { padding: 3.5px; }
    #sub.regist .box .form dl dd table td { padding: 7px; }
    #sub.regist .box .form .chk_all { padding: 21px 14px; font-size: 15px; margin: 21px 0 0; }
    #sub.regist .box .form .chk_all input { right: 14px; }
    #sub.regist .box .form .btn_submit { margin: 21px 0 0; font-size: 15px; }

    #sub.regist .box .form dl dd .f input[type=email] ,
    #sub.regist .box .form dl dd .f input[type=file] ,
    #sub.regist .box .form dl dd .f input[type=password] ,
    #sub.regist .box .form dl dd .f input[type=text] { margin: 0 0 7px; font-size: 15px; height: 34px; padding: 0 14px; line-height: 32px; }
    #sub.regist .box .form dl dd .f .birth { gap: 5px; }
    #sub.regist .box .form dl dd .f .sex { margin: 0 0 7px; }
    #sub.regist .box .form dl dd .f .sex label { font-size: 15px; line-height: 34px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 10.5px; margin: -3.5px 0 12px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 7px; font-size: 15px; height: 34px; }
    #sub.regist .box .form dl dd .f .chk_box { margin: 21px 0 0; }
    #sub.regist .box .form dl dd .f .chk_box > span { font-size: 13px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 7px 0 0; font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #sub.regist .box .form p { padding: 18px 12px; font-size: 10px; }
    #sub.regist .box .form p img { margin: 0 0 6px; width: 24px; }
    #sub.regist .box .form dl { margin: 18px 0 0; }
    #sub.regist .box .form dl dt { font-size: 14px; padding: 18px 12px; }
    #sub.regist .box .form dl dt input { right: 12px; }
    #sub.regist .box .form dl dd { padding: 0 12px 18px; }
    #sub.regist .box .form dl dd textarea { font-size: 10px; height: 120px; padding: 6px; }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { font-size: 10px; }
    #sub.regist .box .form dl dd table th { padding: 3px; }
    #sub.regist .box .form dl dd table td { padding: 6px; }
    #sub.regist .box .form .chk_all { padding: 18px 12px; font-size: 14px; margin: 18px 0 0; }
    #sub.regist .box .form .chk_all input { right: 12px; }
    #sub.regist .box .form .btn_submit { margin: 18px 0 0; font-size: 14px; }

    #sub.regist .box .form dl dd .f input[type=email] ,
    #sub.regist .box .form dl dd .f input[type=file] ,
    #sub.regist .box .form dl dd .f input[type=password] ,
    #sub.regist .box .form dl dd .f input[type=text] { margin: 0 0 6px; font-size: 14px; height: 30px; padding: 0 12px; line-height: 28px; }
    #sub.regist .box .form dl dd .f .birth { gap: 4px; }
    #sub.regist .box .form dl dd .f .sex { margin: 0 0 6px; }
    #sub.regist .box .form dl dd .f .sex label { font-size: 14px; line-height: 30px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 10px; margin: -3px 0 11px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 6px; font-size: 14px; height: 30px; }
    #sub.regist .box .form dl dd .f .chk_box { margin: 18px 0 0; }
    #sub.regist .box .form dl dd .f .chk_box > span { font-size: 12px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 6px 0 0; font-size: 12px; }
}





#sub.mypage .thumb { display: flex; border: 1px solid #c4c4c4; }
#sub.mypage .thumb li { flex: 1; height: 190px; display: flex; justify-content: center; align-items: center; position: relative; }
#sub.mypage .thumb li:before { content: ''; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 1px; height: 80%; background-color: #c4c4c4; }
#sub.mypage .thumb li:last-child:before { content: none; }
#sub.mypage .thumb li dl { display: flex; justify-content: space-between; align-items: center; padding: 0 18px; }
#sub.mypage .thumb li dl dt img { height: 50px; margin: 0 25px 0 0; }
#sub.mypage .thumb li dl dd { white-space: nowrap; }
#sub.mypage .thumb li dl dd p { font-family: 'Pretendard'; font-weight: 700; color: #1b1b1b; font-size: 21px; }
#sub.mypage .thumb li dl dd p strong { font-family: 'Paperlogy'; font-weight: 600; color: #1b1b1b; font-size: 24px; }
#sub.mypage .thumb li dl dd span { display: block; margin: 10px 0 0; font-family: 'Pretendard'; color: #1b1b1b; font-size: 13px; }

#sub.mypage .box { margin: 85px 0 0; overflow: hidden; }
#sub.mypage .box > * { float: left; }
#sub.mypage .box .left { width: 230px; }
#sub.mypage .box .right { width: calc(100% - 230px); }
#sub.mypage .box .left dl { margin: 75px 0 0; }
#sub.mypage .box .left dl:first-child { margin: 0; }
#sub.mypage .box .left dl dt { font-family: 'Pretendard'; font-weight: 700; color: #1b1b1b; font-size: 18px; }
#sub.mypage .box .left dl dd ul { margin: 15px 0 0; }
#sub.mypage .box .left dl dd ul li a { font-family: 'Pretendard'; color: #929292; font-weight: 500; font-size: 14px; line-height: 230%; }
#sub.mypage .box .left dl dd ul li a.active { color: #636363; font-weight: 700; }
#sub.mypage .box .right .title { font-size: 18px; font-family: 'Pretendard'; font-weight: 700; color: #1b1b1b; margin: 0; text-align: left; margin: 0 0 15px; }
#sub.mypage .box .right .list { border-top: 2px solid #5a5a5a; }

#sub.mypage .box .default ul { display: flex; }
#sub.mypage .box .default ul li { flex: 1; justify-content: center; align-items: center; position: relative; height: 160px; display: flex; }
#sub.mypage .box .default ul li:before { content: ''; position: absolute; top: 50%; right: -6px; transform: translate(0, -50%); width: 12px; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../img/sub/mypage_arrow.png'); }
#sub.mypage .box .default ul li:last-child:before { content: unset; }
#sub.mypage .box .default ul li dl { text-align: center; }
#sub.mypage .box .default ul li dl dt { font-family: 'Paperlogy'; font-weight: 600; color: #1b1b1b; font-size: 24px; }
#sub.mypage .box .default ul li dl dd { font-family: 'Pretendard'; color: #1b1b1b; font-size: 13px; margin: 10px 0 0; }
#sub.mypage .box .default ol { display: flex; border: 1px solid #c4c4c4; }
#sub.mypage .box .default ol li { display: flex; flex: 1; justify-content: center; align-items: center; position: relative; height: 60px; }
#sub.mypage .box .default ol li dl { display: flex; justify-content: center; }
#sub.mypage .box .default ol li dl dt { font-family: 'Pretendard'; color: #1b1b1b; font-size: 20px; }
#sub.mypage .box .default ol li dl dd { font-family: 'Paperlogy'; font-weight: 600; color: #1b1b1b; font-size: 24px; margin: 0 0 0 10px; }
#sub.mypage .box .default ol li:before { content: ''; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 1px; height: 65%; background-color: #c4c4c4; }
#sub.mypage .box .default ol li:last-child:before { content: unset; }

#sub.mypage .box .right .list table { border-bottom: 1px solid #d3d3d3; border-collapse: collapse; table-layout: fixed; width: 100%; }
#sub.mypage .box .right .list table thead th { padding: 18px 0; border-bottom: 1px solid #d3d3d3; color:#383838; font-family: 'Pretendard'; font-size: 18px; }
#sub.mypage .box .right .list table tbody td { padding: 15px 0; border-top:1px solid #ccd2d9; font-size: 16px; font-family: 'Pretendard'; text-align: center; }

#sub.mypage .box .right .space { height: 100px; }
#sub.mypage .box .right .form { max-width: 500px; margin: 0 auto; border: 1px solid #929292; padding: 30px 25px; }
#sub.mypage .box .right .form .t { color: #000; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin: 0 0 10px; }
#sub.mypage .box .right .form .t.info { color: #929292; font-size: 14px; font-weight: 500; line-height: 171.429%; letter-spacing: -0.28px; }
#sub.mypage .box .right .form .i label { display: inline-block; color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 20px 0 5px; }
#sub.mypage .box .right .form .i select ,
#sub.mypage .box .right .form .i input[type=text] { height: 46px; width: 100%; padding: 0 20px; color: #636363; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; }
#sub.mypage .box .right .form .r p { color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 20px 0 5px; }
#sub.mypage .box .right .form .r div { position: relative; display: flex; column-gap: 2%; row-gap: 10px; flex-wrap: wrap; }
#sub.mypage .box .right .form .r div input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; top: 50%; left: 50%; }
#sub.mypage .box .right .form .r div label { color: #636363; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; flex: 0 0 49%; border: 1px solid #ccc; text-align: center; line-height: 250%; }
#sub.mypage .box .right .form .r div input[type=radio]:checked + label { background: #636363; color: #fff; border-color: #636363; }

#sub.mypage .box .right .form .btn_confirm { padding: 0; margin: 30px -1% 0; font-size: 0; border: none; }
#sub.mypage .box .right .form .btn_confirm > * { width: 48%; margin: 0 1%; display: inline-block; text-align: center; font-family: 'Pretendard'; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; height: 50px; line-height: 48px; padding: 0; vertical-align: top; }
#sub.mypage .box .right .form .btn_confirm .btn_submit { color: #FFF; background-color: #000; border: none; }
#sub.mypage .box .right .form .btn_confirm span input { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: top; height: inherit; }
#sub.mypage .box .right .form .btn_confirm.button1 { margin-left: 0; margin-right: 0; } 
#sub.mypage .box .right .form .btn_confirm.button1 > * { width: 100%; margin: 0; }


@media screen and ( max-width: 1250px ) {
    #sub.mypage .thumb li { height: 170px; }
    #sub.mypage .thumb li dl { padding: 0 16px; }
    #sub.mypage .thumb li dl dt img { height: 45px; margin: 0 22.5px 0 0; }
    #sub.mypage .thumb li dl dd p { font-size: 19px; }
    #sub.mypage .thumb li dl dd p strong {font-size: 22px; }
    #sub.mypage .thumb li dl dd span { margin: 9px 0 0; font-size: 12.5px; }

    #sub.mypage .box { margin: 75px 0 0; }
    #sub.mypage .box .left { width: 190px; }
    #sub.mypage .box .right { width: calc(100% - 190px); }
    #sub.mypage .box .left dl { margin: 65px 0 0; }
    #sub.mypage .box .left dl dt { font-size: 17px; }
    #sub.mypage .box .left dl dd ul { margin: 14px 0 0; }
    #sub.mypage .box .left dl dd ul li a { font-size: 13px; }
    #sub.mypage .box .right .title { font-size: 17px; margin: 0 0 14px; }

    #sub.mypage .box .default ul li { height: 140px; }
    #sub.mypage .box .default ul li:before { right: -5.5px; width: 11px; }
    #sub.mypage .box .default ul li dl dt { font-size: 22px; }
    #sub.mypage .box .default ul li dl dd { font-size: 12px; margin: 9px 0 0; }
    #sub.mypage .box .default ol li { height: 55px; }
    #sub.mypage .box .default ol li dl dt { font-size: 18px; }
    #sub.mypage .box .default ol li dl dd { font-size: 22px; margin: 0 0 0 9px; }

    #sub.mypage .box .right .list table thead th { padding: 17px 0; font-size: 16.5px; }
    #sub.mypage .box .right .list table tbody td { padding: 14px 0; font-size: 14.5px; }
        
    #sub.mypage .box .right .form { padding: 27px 23px; }
    #sub.mypage .box .right .form .t { font-size: 17px; margin: 0 0 9px; }
    #sub.mypage .box .right .form .t.info { font-size: 13px; }
    #sub.mypage .box .right .form .i label { font-size: 15px; margin: 18px 0 4.5px; }
    #sub.mypage .box .right .form .i select ,
    #sub.mypage .box .right .form .i input[type=text] { height: 42px; padding: 0 18px; font-size: 17px; }
    #sub.mypage .box .right .form .r p { font-size: 15px; margin: 18px 0 4.5px; }
    #sub.mypage .box .right .form .r div { row-gap: 9px; }
    #sub.mypage .box .right .form .r div label { font-size: 17px; }

    #sub.mypage .box .right .form .btn_confirm { margin: 27px -1% 0; }
    #sub.mypage .box .right .form .btn_confirm > * { font-size: 17px; height: 45px; line-height: 43px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.mypage .thumb li { height: 150px; }
    #sub.mypage .thumb li dl { padding: 0 14px; }
    #sub.mypage .thumb li dl dt img { height: 40px; margin: 0 20px 0 0; }
    #sub.mypage .thumb li dl dd p { font-size: 17px; }
    #sub.mypage .thumb li dl dd p strong {font-size: 20px; }
    #sub.mypage .thumb li dl dd span { margin: 8px 0 0; font-size: 12px; }

    #sub.mypage .box { margin: 65px 0 0; }
    #sub.mypage .box .left { width: 150px; }
    #sub.mypage .box .right { width: calc(100% - 150px); }
    #sub.mypage .box .left dl { margin: 55px 0 0; }
    #sub.mypage .box .left dl dt { font-size: 16px; }
    #sub.mypage .box .left dl dd ul { margin: 13px 0 0; }
    #sub.mypage .box .left dl dd ul li a { font-size: 12px; }
    #sub.mypage .box .right .title { font-size: 16px; margin: 0 0 13px; }

    #sub.mypage .box .default ul li { height: 120px; }
    #sub.mypage .box .default ul li:before { right: -5px; width: 10px; }
    #sub.mypage .box .default ul li dl dt { font-size: 20px; }
    #sub.mypage .box .default ul li dl dd { font-size: 11px; margin: 8px 0 0; }
    #sub.mypage .box .default ol li { height: 50px; }
    #sub.mypage .box .default ol li dl dt { font-size: 16px; }
    #sub.mypage .box .default ol li dl dd { font-size: 20px; margin: 0 0 0 8px; }

    #sub.mypage .box .right .list table thead th { padding: 16px 0; font-size: 15px; }
    #sub.mypage .box .right .list table tbody td { padding: 13px 0; font-size: 13px; }
        
    #sub.mypage .box .right .form { padding: 24px 21px; }
    #sub.mypage .box .right .form .t { font-size: 16px; margin: 0 0 8px; }
    #sub.mypage .box .right .form .t.info { font-size: 12px; }
    #sub.mypage .box .right .form .i label { font-size: 14px; margin: 16px 0 4px; }
    #sub.mypage .box .right .form .i select ,
    #sub.mypage .box .right .form .i input[type=text] { height: 38px; padding: 0 16px; font-size: 16px; }
    #sub.mypage .box .right .form .r p { font-size: 14px; margin: 16px 0 4px; }
    #sub.mypage .box .right .form .r div { row-gap: 8px; }
    #sub.mypage .box .right .form .r div label { font-size: 16px; }

    #sub.mypage .box .right .form .btn_confirm { margin: 24px -1% 0; }
    #sub.mypage .box .right .form .btn_confirm > * { font-size: 16px; height: 40px; line-height: 38px; }
}

@media screen and ( max-width: 768px ) {
    #sub.mypage .thumb li { height: 130px; }
    #sub.mypage .thumb li dl { padding: 0 12px; }
    #sub.mypage .thumb li dl dt img { height: 35px; margin: 0 17.5px 0 0; }
    #sub.mypage .thumb li dl dd p { font-size: 15px; }
    #sub.mypage .thumb li dl dd p strong {font-size: 18px; }
    #sub.mypage .thumb li dl dd span { margin: 7px 0 0; font-size: 11.5px; }

    #sub.mypage .box { margin: 55px 0 0; }
    #sub.mypage .box .left { width: 110px; }
    #sub.mypage .box .right { width: calc(100% - 110px); }
    #sub.mypage .box .left dl { margin: 45px 0 0; }
    #sub.mypage .box .left dl dt { font-size: 15px; }
    #sub.mypage .box .left dl dd ul { margin: 12px 0 0; }
    #sub.mypage .box .left dl dd ul li a { font-size: 11px; }
    #sub.mypage .box .right .title { font-size: 15px; margin: 0 0 12px; }

    #sub.mypage .box .default ul li { height: 100px; }
    #sub.mypage .box .default ul li:before { right: -4.5px; width: 9px; }
    #sub.mypage .box .default ul li dl dt { font-size: 18px; }
    #sub.mypage .box .default ul li dl dd { font-size: 10px; margin: 7px 0 0; }
    #sub.mypage .box .default ol li { height: 45px; }
    #sub.mypage .box .default ol li dl dt { font-size: 14px; }
    #sub.mypage .box .default ol li dl dd { font-size: 18px; margin: 0 0 0 7px; }

    #sub.mypage .box .right .list table thead th { padding: 15px 0; font-size: 13.5px; }
    #sub.mypage .box .right .list table tbody td { padding: 12px 0; font-size: 11.5px; }
        
    #sub.mypage .box .right .form { padding: 21px 19px; }
    #sub.mypage .box .right .form .t { font-size: 15px; margin: 0 0 7px; }
    #sub.mypage .box .right .form .t.info { font-size: 11px; }
    #sub.mypage .box .right .form .i label { font-size: 13px; margin: 14px 0 3.5px; }
    #sub.mypage .box .right .form .i select ,
    #sub.mypage .box .right .form .i input[type=text] { height: 34px; padding: 0 14px; font-size: 15px; }
    #sub.mypage .box .right .form .r p { font-size: 13px; margin: 14px 0 3.5px; }
    #sub.mypage .box .right .form .r div { row-gap: 7px; }
    #sub.mypage .box .right .form .r div label { font-size: 15px; }

    #sub.mypage .box .right .form .btn_confirm { margin: 21px -1% 0; }
    #sub.mypage .box .right .form .btn_confirm > * { font-size: 15px; height: 35px; line-height: 33px; }
}

@media screen and ( max-width: 640px ) {
    #sub.mypage .thumb li { height: 110px; }
    #sub.mypage .thumb li dl { padding: 0 10px; }
    #sub.mypage .thumb li dl dt img { display:none; height: 30px; margin: 0 15px 0 0; }
    #sub.mypage .thumb li dl dd p { font-size: 13px; }
    #sub.mypage .thumb li dl dd p strong {font-size: 16px; }
    #sub.mypage .thumb li dl dd span { margin: 6px 0 0; font-size: 11px; }

    #sub.mypage .box { margin: 45px 0 0; }
    #sub.mypage .box .left { width: 70px; }
    #sub.mypage .box .right { width: calc(100% - 70px); }
    #sub.mypage .box .left dl { margin: 35px 0 0; }
    #sub.mypage .box .left dl dt { font-size: 14px; }
    #sub.mypage .box .left dl dd ul { margin: 11px 0 0; }
    #sub.mypage .box .left dl dd ul li a { font-size: 10px; }
    #sub.mypage .box .right .title { font-size: 14px; margin: 0 0 11px; }

    #sub.mypage .box .default ul li { height: 80px; }
    #sub.mypage .box .default ul li:before { right: -4px; width: 8px; }
    #sub.mypage .box .default ul li dl dt { font-size: 16px; }
    #sub.mypage .box .default ul li dl dd { font-size: 9px; margin: 6px 0 0; }
    #sub.mypage .box .default ol li { height: 40px; }
    #sub.mypage .box .default ol li dl dt { font-size: 12px; }
    #sub.mypage .box .default ol li dl dd { font-size: 16px; margin: 0 0 0 6px; }

    #sub.mypage .box .right .list table thead th { padding: 14px 0; font-size: 12px; }
    #sub.mypage .box .right .list table tbody td { padding: 11px 0; font-size: 10px; }
        
    #sub.mypage .box .right .form { padding: 18px 17px; }
    #sub.mypage .box .right .form .t { font-size: 14px; margin: 0 0 6px; }
    #sub.mypage .box .right .form .t.info { font-size: 10px; }
    #sub.mypage .box .right .form .i label { font-size: 12px; margin: 12px 0 3px; }
    #sub.mypage .box .right .form .i select ,
    #sub.mypage .box .right .form .i input[type=text] { height: 30px; padding: 0 12px; font-size: 14px; }
    #sub.mypage .box .right .form .r p { font-size: 12px; margin: 12px 0 3px; }
    #sub.mypage .box .right .form .r div { row-gap: 6px; }
    #sub.mypage .box .right .form .r div label { font-size: 14px; }

    #sub.mypage .box .right .form .btn_confirm { margin: 14px -1% 0; }
    #sub.mypage .box .right .form .btn_confirm > * { font-size: 14px; height: 30px; line-height: 28px; }
}





#sub.shop .category_list { margin: 0 0 40px; }
#sub.shop .category_list ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 38px; row-gap: 19px;}
#sub.shop .category_list ul li a { color: #929292; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
#sub.shop .category_list ul li a.active { color: #000; }
#sub.shop10 .category_list ul li a.active { color: #fff; }

@media screen and ( max-width: 1250px ) {
    #sub.shop .category_list { margin: 0 0 36px; }
    #sub.shop .category_list ul { column-gap: 35px; row-gap: 17.5px;}
    #sub.shop .category_list ul li a { font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .category_list { margin: 0 0 32px; }
    #sub.shop .category_list ul { column-gap: 32px; row-gap: 16px;}
    #sub.shop .category_list ul li a { font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .category_list { margin: 0 0 28px; }
    #sub.shop .category_list ul { column-gap: 29px; row-gap: 14.5px;}
    #sub.shop .category_list ul li a { font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .category_list { margin: 0 0 24px; }
    #sub.shop .category_list ul { column-gap: 26px; row-gap: 13px;}
    #sub.shop .category_list ul li a { font-size: 12px; }
}

#sub.shop .goods_list ul { overflow: hidden; margin: -25px -10px; }
#sub.shop .goods_list ul li { float: left; width: calc(33.33% - 20px); margin: 25px 10px; background-color: #fff; }
#sub.shop .goods_list ul li.empty_table { float: none; width: auto; padding: 100px 0 !important; text-align: center; }
#sub.shop .goods_list ul li a { display: block; position: relative; }
#sub.shop .goods_list ul li a .img { padding-bottom: 62.5%; background-size: cover; background-repeat: no-repeat; background-position: center; }
#sub.shop .goods_list ul li a dl { padding: 20px; }
#sub.shop .goods_list ul li a dl dt { color: #000; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; }
#sub.shop .goods_list ul li a dl dd { margin: 15px 0 0; }
#sub.shop .goods_list ul li a dl dd p { color: #636363; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.64px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px 0 0; }
#sub.shop .goods_list ul li a .arrow { display: block; position: absolute; bottom: 20px; right: 20px; width: 7px; height: 21px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../img/common/arrow.png'); }

@media screen and ( max-width: 1250px ) {
    #sub.shop .goods_list ul { margin: -23px -9px; }
    #sub.shop .goods_list ul li { width: calc(33.33% - 18px); margin: 23px 9px; }
    #sub.shop .goods_list ul li a dl { padding: 18px; }
    #sub.shop .goods_list ul li a dl dt { font-size: 18px; }
    #sub.shop .goods_list ul li a dl dd { margin: 14px 0 0; }
    #sub.shop .goods_list ul li a dl dd p { font-size: 14.5px; padding: 0 9px 0 0; }
    #sub.shop .goods_list ul li a .arrow { bottom: 18px; right: 18px; width: 6.5px; height: 19px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .goods_list ul { margin: -21px -8px; }
    #sub.shop .goods_list ul li { width: calc(33.33% - 16px); margin: 21px 8px; }
    #sub.shop .goods_list ul li a dl { padding: 16px; }
    #sub.shop .goods_list ul li a dl dt { font-size: 16px; }
    #sub.shop .goods_list ul li a dl dd { margin: 13px 0 0; }
    #sub.shop .goods_list ul li a dl dd p { font-size: 13px; padding: 0 8px 0 0; }
    #sub.shop .goods_list ul li a .arrow { bottom: 16px; right: 16px; width: 6px; height: 17px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .goods_list ul { margin: -19px -7px; }
    #sub.shop .goods_list ul li { width: calc(50% - 14px); margin: 19px 7px; }
    #sub.shop .goods_list ul li a dl { padding: 14px; }
    #sub.shop .goods_list ul li a dl dt { font-size: 14px; }
    #sub.shop .goods_list ul li a dl dd { margin: 12px 0 0; }
    #sub.shop .goods_list ul li a dl dd p { font-size: 11.5px; padding: 0 7px 0 0; }
    #sub.shop .goods_list ul li a .arrow { bottom: 14px; right: 14px; width: 5.5px; height: 15px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .goods_list ul { margin: -17px -6px; }
    #sub.shop .goods_list ul li { width: calc(50% - 12px); margin: 17px 6px; }
    #sub.shop .goods_list ul li a dl { padding: 12px; }
    #sub.shop .goods_list ul li a dl dt { font-size: 12px; }
    #sub.shop .goods_list ul li a dl dd { margin: 11px 0 0; }
    #sub.shop .goods_list ul li a dl dd p { font-size: 10px; padding: 0 6px 0 0; }
    #sub.shop .goods_list ul li a .arrow { bottom: 12px; right: 12px; width: 5px; height: 13px; }
}

#sub.shop .items_list ul { overflow: hidden; margin: -15px -5px; }
#sub.shop .items_list ul li { float: left; width: calc(25% - 10px); margin: 15px 5px; background-color: #fff; }
#sub.shop .items_list ul li.empty_table { float: none; width: auto; padding: 100px 0 !important; text-align: center; }
#sub.shop .items_list ul li a { display: block; position: relative; border: 2px solid #929292; padding: 15px 20px; }
#sub.shop .items_list ul li a .img { padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
#sub.shop .items_list ul li a .icon .sit_icon { display: flex; margin: 10px 0 0; height: 24px; font-size: 0; gap: 6px; justify-content: flex-start; }
#sub.shop .items_list ul li a .icon .sit_icon span { width: calc((100% - (6px * 4)) / 5); flex: 0 0 calc((100% - (10px * 4)) / 5); line-height: 24px; margin: 0; color: #FFF; font-family: 'Pretendard'; font-size: 11px; font-style: normal; font-weight: 600; border-radius: 0; letter-spacing: -0.216px; text-align: center; }
#sub.shop .items_list ul li a .icon .sit_icon span.shop_icon_1 { background-color: #3ec1d3; }
#sub.shop .items_list ul li a .icon .sit_icon span.shop_icon_2 { background-color: #E75959; }
#sub.shop .items_list ul li a .icon .sit_icon span.shop_icon_3 { background-color: #2dd49f; }
#sub.shop .items_list ul li a .icon .sit_icon span.shop_icon_4 { background-color: #F0B62E; }
#sub.shop .items_list ul li a .icon .sit_icon span.shop_icon_5 { background-color: #5061FF; }
#sub.shop .items_list ul li a dl dt { color: #000; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.32px; margin: 10px 0 0; position: relative; padding: 0 70px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sub.shop .items_list ul li a dl dt span { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #E75959; font-family: 'Pretendard'; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.32px; }
#sub.shop .items_list ul li a dl dd { margin: 5px 0 0; }
#sub.shop .items_list ul li a dl dd p { color: #929292; font-family: 'Pretendard'; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sub.shop .items_list ul li a .etc { text-align: right; font-size: 0;  }
#sub.shop .items_list ul li a .etc button { width: 28px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: contain; border: none; background-color: transparent; margin: 0 0 0 5px; }
#sub.shop .items_list ul li a .etc button.cart { background-image:url('../img/sub/shop_cart.png'); }
#sub.shop .items_list ul li a .etc button.wish { background-image:url('../img/sub/shop_favorite_off.png'); }
#sub.shop .items_list ul li a .etc button.wish.active { background-image:url('../img/sub/shop_favorite_on.png'); }


@media screen and ( max-width: 1250px ) {
    #sub.shop .items_list ul { margin: -14px -4.5px; }
    #sub.shop .items_list ul li { width: calc(25% - 9px); margin: 14px 4.5px; }
    #sub.shop .items_list ul li a { padding: 14px 18px; }
    #sub.shop .items_list ul li a .icon .sit_icon { margin: 9px 0 0; height: 22px; gap: 5.5px; }
    #sub.shop .items_list ul li a .icon .sit_icon span { width: calc((100% - (5.5px * 4)) / 5); flex: 0 0 calc((100% - (9px * 4)) / 5); line-height: 22px; font-size: 10.5px; }
    #sub.shop .items_list ul li a dl dt { font-size: 15px; margin: 9px 0 0; padding: 0 70px 0 0; }
    #sub.shop .items_list ul li a dl dd { margin: 4.5px 0 0; }
    #sub.shop .items_list ul li a dl dd p { font-size: 9px; }
    #sub.shop .items_list ul li a .etc button { width: 26px; height: 26px; margin: 0 0 0 4.5px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .items_list ul { margin: -13px -4px; }
    #sub.shop .items_list ul li { width: calc(33.33% - 8px); margin: 13px 4px; }
    #sub.shop .items_list ul li a { padding: 13px 16px; }
    #sub.shop .items_list ul li a .icon .sit_icon { margin: 8px 0 0; height: 20px; gap: 5px; }
    #sub.shop .items_list ul li a .icon .sit_icon span { width: calc((100% - (5px * 4)) / 5); flex: 0 0 calc((100% - (8px * 4)) / 5); line-height: 20px; font-size: 10px; }
    #sub.shop .items_list ul li a dl dt { font-size: 14px; margin: 8px 0 0; padding: 0 70px 0 0; }
    #sub.shop .items_list ul li a dl dd { margin: 4px 0 0; }
    #sub.shop .items_list ul li a dl dd p { font-size: 8px; }
    #sub.shop .items_list ul li a .etc button { width: 24px; height: 24px; margin: 0 0 0 4px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .items_list ul { margin: -12px -3.5px; }
    #sub.shop .items_list ul li { width: calc(33.33% - 7px); margin: 12px 3.5px; }
    #sub.shop .items_list ul li a { padding: 12px 14px; }
    #sub.shop .items_list ul li a .icon .sit_icon { margin: 7px 0 0; height: 18px; gap: 4.5px; }
    #sub.shop .items_list ul li a .icon .sit_icon span { width: calc((100% - (4.5px * 4)) / 5); flex: 0 0 calc((100% - (7px * 4)) / 5); line-height: 18px; font-size: 9.5px; }
    #sub.shop .items_list ul li a dl dt { font-size: 13px; margin: 7px 0 0; padding: 0 70px 0 0; }
    #sub.shop .items_list ul li a dl dd { margin: 3.5px 0 0; }
    #sub.shop .items_list ul li a dl dd p { font-size: 7px; }
    #sub.shop .items_list ul li a .etc button { width: 22px; height: 22px; margin: 0 0 0 3.5px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .items_list ul { margin: -11px -3px; }
    #sub.shop .items_list ul li { width: calc(50% - 6px); margin: 11px 3px; }
    #sub.shop .items_list ul li a { padding: 11px 12px; }
    #sub.shop .items_list ul li a .icon .sit_icon { margin: 6px 0 0; height: 16px; gap: 4px; }
    #sub.shop .items_list ul li a .icon .sit_icon span { width: calc((100% - (4px * 4)) / 5); flex: 0 0 calc((100% - (6px * 4)) / 5); line-height: 16px; font-size: 9px; }
    #sub.shop .items_list ul li a dl dt { font-size: 12px; margin: 6px 0 0; padding: 0 70px 0 0; }
    #sub.shop .items_list ul li a dl dd { margin: 3px 0 0; }
    #sub.shop .items_list ul li a dl dd p { font-size: 6px; }
    #sub.shop .items_list ul li a .etc button { width: 20px; height: 20px; margin: 0 0 0 3px; }
}

#sub.shop #sit_ov_from { border: none; }
#sub.shop #sit_ov_from #sit_ov_wrap { padding: 0; border: none; width: auto; overflow: hidden; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi { width: 41.66%; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov { width: 58.33%; padding-left: 1.66%; overflow: hidden; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big { float: none; border: 2px solid #ececec; border-radius: 10px; overflow: hidden; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big a img { height: auto; width: 100%; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_thumb { float: none; overflow: hidden; margin: 0 -2% -2%; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_thumb li { float: left; width: 16%; margin: 2%; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_thumb li a img { height: auto; width: 100%; }

#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_title { color: #1b1b1b; font-weight: 700; font-family: 'Pretendard'; font-size: 25px; margin: 0 0 30px; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info { padding: 0; margin: 0; border: none; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th ,
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td { line-height: 222%; font-size: 18px; color: #1b1b1b; font-family: 'Pretendard'; padding: 0; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th { font-weight: 600; width: 190px; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td strong { vertical-align: middle; }

#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option { padding: 0; margin: 35px 0 0; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option h3 { display: none; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option .get_item_options > label { display: none; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option select { margin: 0; font-size: 16px; color: #878787; height: 55px; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn { overflow: hidden; margin: 60px -1% 0; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > * { float: left; margin: 0; height: 55px; font-weight: 600; font-size: 20px; border-radius: 0; border: 1px solid #c4c4c4; width: calc(47% - 40px); margin: 0 1%; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > .sit_btn_buy { background-color: #000; border: 1px solid #000; color: #ffffff; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > .sit_btn_cart { background-color: #ffffff; color: #515151; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > .sit_btn_wish:hover ,
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > .sit_btn_wish .fa-heart { color: #E75959; }
#sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > a { line-height: 55px; width: 80px; }

#sub.shop #sit_info #sit_tab { width: 70%; }
#sub.shop #sit_info #sit_buy { width: 30%; }
#sub.shop #sit_info #sit_tab .tab_tit li .selected:after { background-color: #000; }
#sub.shop #sit_info #sit_tab .tab_con #sit_qa #sit_qa_wbtn a.btn02 { background-color: #000; border: 1px solid #000; color: #ffffff; }
#sub.shop #sit_info #sit_buy .sit_sel_option { height: auto; }
#sub.shop #sit_info #sit_buy .sit_order_btn .sit_btn_buy { background-color: #000; border: 1px solid #000; color: #ffffff; }
#sub.shop #sit_info #sit_buy .sit_order_btn .sit_btn_cart { background-color: #ffffff; color: #515151; }
#sit_qa_write .new_win_con .win_btn .btn_submit { background-color: #000; border: 1px solid #000; color: #ffffff; }

@media screen and ( max-width: 1250px ) {
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big { border-radius: 9px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_title { font-size: 23px; margin: 0 0 27px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th ,
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td { font-size: 17px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th { width: 170px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option { margin: 32px 0 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option select { font-size: 15px; height: 50px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn { margin: 54px -1% 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > * { height: 50px; font-size: 19px; width: calc(47% - 36px); }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > a { line-height: 50px; width: 72px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big { border-radius: 8px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_title { font-size: 21px; margin: 0 0 24px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th ,
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td { font-size: 16px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th { width: 150px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option { margin: 29px 0 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option select { font-size: 14px; height: 45px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn { margin: 48px -1% 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > * { height: 45px; font-size: 18px; width: calc(47% - 32px); }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > a { line-height: 45px; width: 64px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi { width: auto; float: none; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov { width: auto; float: none; padding: 50px 0 0; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big { border-radius: 7px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_title { font-size: 19px; margin: 0 0 21px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th ,
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td { font-size: 15px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th { width: 130px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option { margin: 26px 0 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option select { font-size: 13px; height: 40px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn { margin: 42px -1% 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > * { height: 40px; font-size: 17px; width: calc(47% - 28px); }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > a { line-height: 40px; width: 56px; }
    
    #sub.shop #sit_info { display: block; }
    #sub.shop #sit_info #sit_tab { display: block; width: auto; }
    #sub.shop #sit_info #sit_buy { display: block; width: auto; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov { padding: 45px 0 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_pvi #sit_pvi_big { border-radius: 6px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_title { font-size: 17px; margin: 0 0 18px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th ,
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr td { font-size: 14px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_info .sit_ov_tbl tr th { width: 110px; }

    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option { margin: 23px 0 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov .sit_option select { font-size: 12px; height: 35px; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn { margin: 36px -1% 0; }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > * { height: 35px; font-size: 16px; width: calc(47% - 24px); }
    #sub.shop #sit_ov_from #sit_ov_wrap #sit_ov #sit_ov_btn > a { line-height: 35px; width: 48px; }
}





#sub.cart .box { overflow: hidden;  }
#sub.cart .box > div { float: left; }
#sub.cart .box > .tbl_wrap { width: calc(100% - 440px); margin: 0; }
#sub.cart .box > #sod_bsk_tot { width: 420px; padding: 0; margin: 0 0 0 20px; border: none; }

#sub.cart .box > .tbl_wrap table { border-top: 2px solid #5a5a5a; }
#sub.cart .box > .tbl_wrap table tr td { border: none; border-bottom: 1px solid #c4c4c4; padding: 30px 10px; }
#sub.cart .box > .tbl_wrap table tr td.td_prd { padding-left: 110px; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img { top: 30px; left: 10px; width: 80px; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img a img { width: 100%; height: auto; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name { min-height: auto; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a { font-size: 16px; color: #1b1b1b; margin: 0 0 10px; display: inline-block; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a b { font-weight: 500; font-family: 'Pretendard'; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li ,
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li { font-family: 'Pretendard'; font-size: 13px; color: #1b1b1b; line-height: 138%; padding: 0; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt { margin: 0; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li:before { content: '선택옵션\00a0:\00a0'; color: #1b1b1b; margin:0; padding: 0; border-radius: 0; line-height: inherit; background-color: transparent; }
#sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li:before { content: '가격\00a0:\00a0'; color: #1b1b1b; margin:0; padding: 0; border-radius: 0; line-height: inherit; background-color: transparent; }
#sub.cart .box > .tbl_wrap table tr td .sod_option_btn .mod_options { border: 1px solid #c4c4c4; border-radius: 0; font-size: 13px; font-weight: 300; color: #1b1b1b; font-family: 'Pretendard'; margin: 0; height: 30px; }
#sub.cart .box > .tbl_wrap table tr td .sod_option_btn #mod_option_frm .btn_confirm .btn_submit { color: #ffffff; background-color: #000; border: 1px solid #000; } 
#sub.cart .box > .tbl_wrap table tr td input[type=checkbox] { border: 1px solid #c4c4c4; width: 24px; height: 24px; line-height: 100%; }
#sub.cart .box > .tbl_wrap .btn_cart_del { text-align: right; padding: 0; border: none; font-size: 0; margin: 30px 0 0; }
#sub.cart .box > .tbl_wrap .btn_cart_del button { color: #1b1b1b; font-family: 'Pretendard'; height: 38px; border: 1px solid #5c3a3a; border-radius: 0; padding: 0 13px; font-size: 14px; margin-left: 7px; }

#sub.cart .box > #sod_bsk_tot ul { padding: 10px 30px; border: 2px solid #5a5a5a; }
#sub.cart .box > #sod_bsk_tot ul:after { content: unset; }
#sub.cart .box > #sod_bsk_tot ul li { float: none; width: auto; background-color: #ffffff; border: none; font-family: 'Pretendard'; font-size: 21px; font-weight: 500; color: #1b1b1b; padding: 10px 15px; }
#sub.cart .box > #sod_bsk_tot ul li strong { font-family: 'Paperlogy'; font-weight: 500; }
#sub.cart .box > #sod_bsk_tot ul li:first-child { padding-top: 30px; }
#sub.cart .box > #sod_bsk_tot ul li:last-child { border-top: 1px solid #c4c4c4; padding: 30px 15px; margin: 20px 0 0; }
#sub.cart .box > #sod_bsk_tot ul li:last-child span { font-weight: 700; }
#sub.cart .box > #sod_bsk_tot ul li:last-child strong { font-weight: 800; }
#sub.cart .box > #sod_bsk_tot #sod_bsk_act { margin: 15px 0 0; }
#sub.cart .box > #sod_bsk_tot #sod_bsk_act a ,
#sub.cart .box > #sod_bsk_tot #sod_bsk_act button { height: 60px; line-height: 58px; font-family: 'Pretendard'; font-size: 20px; font-weight: 500; width: 100%; margin: 5px 0;  }
#sub.cart .box > #sod_bsk_tot #sod_bsk_act button { color: #ffffff; background-color: #000; border: 1px solid #000; } 
#sub.cart .box > #sod_bsk_tot #sod_bsk_act a { color: #1b1b1b; background-color: #ffffff; border: 1px solid #c4c4c4; }

@media screen and ( max-width: 1250px ) {
    #sub.cart .box > .tbl_wrap { width: calc(100% - 388px); }
    #sub.cart .box > #sod_bsk_tot { width: 370px; margin: 0 0 0 18px; }

    #sub.cart .box > .tbl_wrap table tr td { padding: 27px 9px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd { padding-left: 99px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img { top: 27px; left: 9px; width: 72px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a { font-size: 15px; margin: 0 0 9px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li ,
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li { font-size: 12px; }
    #sub.cart .box > .tbl_wrap table tr td .sod_option_btn .mod_options { font-size: 12px; height: 27px; }
    #sub.cart .box > .tbl_wrap table tr td input[type=checkbox] { width: 22px; height: 22px;}
    #sub.cart .box > .tbl_wrap .btn_cart_del { margin: 27px 0 0; }
    #sub.cart .box > .tbl_wrap .btn_cart_del button { height: 34px; padding: 0 12px; font-size: 13px; margin-left: 6.5px; }

    #sub.cart .box > #sod_bsk_tot ul { padding: 9px 27px; }
    #sub.cart .box > #sod_bsk_tot ul li { font-size: 19px; padding: 9px 14px; }
    #sub.cart .box > #sod_bsk_tot ul li:first-child { padding-top: 27px; }
    #sub.cart .box > #sod_bsk_tot ul li:last-child { padding: 27px 14px; margin: 18px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act { margin: 14px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act a ,
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act button { height: 54px; line-height: 52px; font-size: 18.5px; margin: 4.5px 0;  }
}

@media screen and ( max-width: 1024px ) {
    #sub.cart .box > .tbl_wrap { width: calc(100% - 336px); }
    #sub.cart .box > #sod_bsk_tot { width: 320px; margin: 0 0 0 16px; }

    #sub.cart .box > .tbl_wrap table tr td { padding: 24px 8px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd { padding-left: 88px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img { top: 24px; left: 8px; width: 64px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a { font-size: 14px; margin: 0 0 8px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li ,
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li { font-size: 11px; }
    #sub.cart .box > .tbl_wrap table tr td .sod_option_btn .mod_options { font-size: 11px; height: 24px; }
    #sub.cart .box > .tbl_wrap table tr td input[type=checkbox] { width: 20px; height: 20px;}
    #sub.cart .box > .tbl_wrap .btn_cart_del { margin: 24px 0 0; }
    #sub.cart .box > .tbl_wrap .btn_cart_del button { height: 30px; padding: 0 11px; font-size: 12px; margin-left: 6px; }

    #sub.cart .box > #sod_bsk_tot ul { padding: 8px 24px; }
    #sub.cart .box > #sod_bsk_tot ul li { font-size: 17px; padding: 8px 13px; }
    #sub.cart .box > #sod_bsk_tot ul li:first-child { padding-top: 24px; }
    #sub.cart .box > #sod_bsk_tot ul li:last-child { padding: 24px 13px; margin: 16px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act { margin: 13px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act a ,
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act button { height: 48px; line-height: 46px; font-size: 17px; margin: 4px 0;  }
}

@media screen and ( max-width: 768px ) {
    #sub.cart .box > div { float: none; }
    #sub.cart .box > .tbl_wrap { width: auto; }
    #sub.cart .box > #sod_bsk_tot { width: auto; margin: 50px 0 0; }

    #sub.cart .box > .tbl_wrap table tr td { padding: 21px 7px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd { padding-left: 77px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img { top: 21px; left: 7px; width: 56px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a { font-size: 13px; margin: 0 0 7px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li ,
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li { font-size: 10px; }
    #sub.cart .box > .tbl_wrap table tr td .sod_option_btn .mod_options { font-size: 10px; height: 21px; }
    #sub.cart .box > .tbl_wrap table tr td input[type=checkbox] { width: 18px; height: 18px;}
    #sub.cart .box > .tbl_wrap .btn_cart_del { margin: 21px 0 0; }
    #sub.cart .box > .tbl_wrap .btn_cart_del button { height: 26px; padding: 0 10px; font-size: 11px; margin-left: 5.5px; }

    #sub.cart .box > #sod_bsk_tot ul { padding: 7px 21px; }
    #sub.cart .box > #sod_bsk_tot ul li { font-size: 15px; padding: 7px 12px; }
    #sub.cart .box > #sod_bsk_tot ul li:first-child { padding-top: 21px; }
    #sub.cart .box > #sod_bsk_tot ul li:last-child { padding: 21px 12px; margin: 14px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act { margin: 12px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act a ,
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act button { height: 42px; line-height: 40px; font-size: 15.5px; margin: 3.5px 0;  }
}

@media screen and ( max-width: 640px ) {
    #sub.cart .box > #sod_bsk_tot { margin: 45px 0 0; }

    #sub.cart .box > .tbl_wrap table tr td { padding: 18px 6px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd { padding-left: 66px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_img { top: 18px; left: 6px; width: 48px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name a { font-size: 12px; margin: 0 0 6px; }
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_opt ul li ,
    #sub.cart .box > .tbl_wrap table tr td.td_prd .sod_name .sod_pri ul li { font-size: 9px; }
    #sub.cart .box > .tbl_wrap table tr td .sod_option_btn .mod_options { font-size: 9px; height: 18px; }
    #sub.cart .box > .tbl_wrap table tr td input[type=checkbox] { width: 16px; height: 16px;}
    #sub.cart .box > .tbl_wrap .btn_cart_del { margin: 18px 0 0; }
    #sub.cart .box > .tbl_wrap .btn_cart_del button { height: 22px; padding: 0 9px; font-size: 10px; margin-left: 5px; }

    #sub.cart .box > #sod_bsk_tot ul { padding: 6px 18px; }
    #sub.cart .box > #sod_bsk_tot ul li { font-size: 13px; padding: 6px 11px; }
    #sub.cart .box > #sod_bsk_tot ul li:first-child { padding-top: 18px; }
    #sub.cart .box > #sod_bsk_tot ul li:last-child { padding: 18px 11px; margin: 12px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act { margin: 11px 0 0; }
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act a ,
    #sub.cart .box > #sod_bsk_tot #sod_bsk_act button { height: 36px; line-height: 34px; font-size: 14px; margin: 3px 0;  }
}




















#sub.terms .content p ,
#sub.privacy .content p { color: #000000; font-family: 'Pretendard'; font-size: 16px; font-weight: 300; line-height: 150%; }

@media screen and ( max-width: 1250px ) {
    #sub.terms .content p ,
    #sub.privacy .content p { font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.terms .content p ,
    #sub.privacy .content p { font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #sub.terms .content p ,
    #sub.privacy .content p { font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #sub.terms .content p ,
    #sub.privacy .content p { font-size: 12px; }
}





.sod_left {width:calc(100% - 380px);margin-right:40px;display:block;}
.sod_right {width:340px;display:block;}
#display_pay_button .btn_submit { background-color: #000; border: 1px solid #000; }
#sod_frm_pay input[type="radio"]:checked+.lb_icon { color: #000; font-weight: 700; }
#od_pay_sl input[type="radio"]:checked+.lb_icon { border: 1px solid #000; }
.sod_frm_mobile .sod_list .li_op_wr { min-height: 100px; }
.sod_frm_mobile .sod_opt { margin: 0; }
.sod_frm_mobile .sod_opt li { padding: 0; margin: 0; }
#sod_fin_pay li > span { width:calc(100% - 60px) !important; }

@media screen and ( max-width: 768px ) {
.sod_left { width:auto; float:none; margin-right:0; }
.sod_right { width:auto; float:none; }
}



















@media screen and ( max-width: 1250px ) {
}

@media screen and ( max-width: 1024px ) {
}

@media screen and ( max-width: 768px ) {
}

@media screen and ( max-width: 640px ) {
}