#sub.basic .content .info { font-size: 0; text-align: center; margin: 0 0 80px; }
#sub.basic .content .info li { display: inline-block; width: 290px; margin: 0 60px; }
#sub.basic .content .info li:first-child { margin-left: 0; }
#sub.basic .content .info li:last-child { margin-right: 0; }
#sub.basic .content .info li a { display: block; }
#sub.basic .content .info li a img { width: 100%; }
#sub.basic .content .info li a dl dt { font-family: 'Pretendard'; font-size: 28px; font-weight: 700; color: #1b1b1b; margin: 25px 0 0; }
#sub.basic .content .info li a dl dd { font-family: 'Pretendard'; font-size: 20px; font-weight: 500; color: #1b1b1b; margin: 20px 0 0; line-height: 140%; }

@media screen and ( max-width: 1250px ) {
    #sub.basic .content .info { margin: 0 0 72px; }
    #sub.basic .content .info li { width: 260px; margin: 0 50px; }
    #sub.basic .content .info li a dl dt { font-size: 25.5px; margin: 22.5px 0 0; }
    #sub.basic .content .info li a dl dd { font-size: 18px; margin: 18px 0 0; }

}

@media screen and ( max-width: 1024px ) {
    #sub.basic .content .info { margin: 0 0 64px; }
    #sub.basic .content .info li { width: 230px; margin: 0 40px; }
    #sub.basic .content .info li a dl dt { font-size: 23px; margin: 20px 0 0; }
    #sub.basic .content .info li a dl dd { font-size: 16px; margin: 16px 0 0; }
}

@media screen and ( max-width: 768px ) {
    #sub.basic .content .info { margin: 0 0 56px; }
    #sub.basic .content .info li { width: 200px; margin: 0 30px; }
    #sub.basic .content .info li a dl dt { font-size: 20.5px; margin: 18.5px 0 0; }
    #sub.basic .content .info li a dl dd { font-size: 14px; margin: 14px 0 0; }
}

@media screen and ( max-width: 640px ) {
    #sub.basic .content .info { margin: 0 0 48px; }
    #sub.basic .content .info li { width: 170px; margin: 0 20px; max-width: calc(50% - 20px); }
    #sub.basic .content .info li a dl dt { font-size: 18px; margin: 15px 0 0; }
    #sub.basic .content .info li a dl dd { font-size: 12px; margin: 12px 0 0; }
    #sub.basic .content .info li a dl dd br { display: none; }
}





#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 8px; width: 100%; font-size :16px; height: 43px; color: #adadad; font-family: 'Pretendard'; border: 1px solid #c4c4c4; padding: 0 15px; font-weight: 500; }
#sub.login .box .form .auto { text-align: right; font-weight: 500; font-size: 13px; color: #3d3d3d; font-family: 'Pretendard'; 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: 25px 0 20px; line-height: 253%; font-weight: 700; font-size: 17px; background-color:#3d3d3d; 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; position: relative; font-size: 15px; font-weight: 500; color: #3d3d3d; font-family: 'Pretendard'; }
#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: #c4c4c4; }
#sub.login .box .register { border: 1px solid #c4c4c4; margin: 100px 0 0; padding: 50px 40px 40px; text-align: center; }
#sub.login .box .register dl dt { font-family: 'Pretendard'; color: #1b1b1b; font-weight: 700; font-size: 27px; }
#sub.login .box .register dl dt img { margin: 0 0 10px; width: 27px; }
#sub.login .box .register dl dd { font-family: 'Pretendard'; color: #838383; font-weight: 500; font-size: 15px; line-height: 133%; margin: 15px 0 0; }
#sub.login .box .register a { display: inline-block; font-family: 'Pretendard'; color: #1b1b1b; font-weight: 700; font-size: 17px; border: 1px solid #c4c4c4; line-height: 294%; padding: 0 50px; margin: 25px 0 0; }

@media screen and ( max-width: 1250px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 7px; font-size :15px; height: 40px; padding: 0 14px; }
    #sub.login .box .form .auto { font-size: 12.5px; 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: 23px 0 18px; font-size: 16px; }
    #sub.login .box .form .find li a { font-size: 14px; }
    #sub.login .box .register { margin: 90px 0 0; padding: 45px 35px 35px; }
    #sub.login .box .register dl dt { font-size: 25px; }
    #sub.login .box .register dl dt img { margin: 0 0 9px; width: 25px; }
    #sub.login .box .register dl dd { font-size: 14px; margin: 14px 0 0; }
    #sub.login .box .register a { font-size: 16px; padding: 0 45px; margin: 23px 0 0; }
}

@media screen and ( max-width: 1024px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 6px; font-size :14px; height: 37px; padding: 0 13px; }
    #sub.login .box .form .auto { font-size: 12px; 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: 21px 0 16px; font-size: 15px; }
    #sub.login .box .form .find li a { font-size: 13px; }
    #sub.login .box .register { margin: 80px 0 0; padding: 40px 30px 30px; }
    #sub.login .box .register dl dt { font-size: 23px; }
    #sub.login .box .register dl dt img { margin: 0 0 8px; width: 23px; }
    #sub.login .box .register dl dd { font-size: 13px; margin: 13px 0 0; }
    #sub.login .box .register a { font-size: 15px; padding: 0 40px; margin: 21px 0 0; }
}

@media screen and ( max-width: 768px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 5px; font-size :13px; height: 34px; padding: 0 12px; }
    #sub.login .box .form .auto { font-size: 11.5px; 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: 19px 0 14px; font-size: 14px; }
    #sub.login .box .form .find li a { font-size: 12px; }
    #sub.login .box .register { margin: 70px 0 0; padding: 35px 25px 25px; }
    #sub.login .box .register dl dt { font-size: 21px; }
    #sub.login .box .register dl dt img { margin: 0 0 7px; width: 21px; }
    #sub.login .box .register dl dd { font-size: 12px; margin: 12px 0 0; }
    #sub.login .box .register a { font-size: 14px; padding: 0 35px; margin: 19px 0 0; }
}

@media screen and ( max-width: 640px ) {
    #sub.login .box .form input[type=password] ,
    #sub.login .box .form input[type=text] { margin: 0 0 4px; font-size :12px; height: 31px; padding: 0 11px; }
    #sub.login .box .form .auto { font-size: 11px; 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: 17px 0 12px; font-size: 13px; }
    #sub.login .box .form .find li a { font-size: 11px; }
    #sub.login .box .register { margin: 60px 0 0; padding: 30px 20px 20px; }
    #sub.login .box .register dl dt { font-size: 19px; }
    #sub.login .box .register dl dt img { margin: 0 0 6px; }
    #sub.login .box .register dl dd { font-size: 11px; margin: 11px 0 0; }
    #sub.login .box .register a { font-size: 13px; padding: 0 30px; margin: 17px 0 0; }
}





#sub.find .box { max-width: 500px; margin: 0 auto; }
#sub.find .box .form input[type=password] ,
#sub.find .box .form input[type=text] { margin: 0 0 8px; width: 100%; font-size :16px; height: 43px; color: #adadad; font-family: 'Pretendard'; border: 1px solid #c4c4c4; padding: 0 15px; font-weight: 500; }
#sub.find .box .form .btn_submit { display: block; width: 100%; margin: 25px 0 20px; line-height: 253%; font-weight: 700; font-size: 17px; background-color:#3d3d3d; color: #ffffff; text-align:center; }
#sub.find .box .form dl { text-align: center; margin: 0 0 50px; }
#sub.find .box .form dl dt { font-family: 'Pretendard'; color: #1b1b1b; font-weight: 700; font-size: 27px; }
#sub.find .box .form dl dd { font-family: 'Pretendard'; color: #838383; font-weight: 500; font-size: 15px; line-height: 133%; margin: 15px 0 0; }

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

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

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

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





#sub.regist .box { max-width: 500px; margin: 0 auto; }
#sub.regist .box .form p { border: 1px solid #c4c4c4; padding: 20px; text-align: center; font-family: 'Pretendard'; color: #1B1B19; font-weight: 500; font-size: 15px; line-height: 133%; }
#sub.regist .box .form p img { margin: 0 0 10px; width: 27px; }
#sub.regist .box .form dl { border: 1px solid #c4c4c4; margin: 30px 0 0; }
#sub.regist .box .form dl dt { border-bottom: 1px solid #c4c4c4; font-family: 'Pretendard'; color: #1b1b1b; font-weight: 700; font-size: 15px; position: relative; padding: 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 textarea { width: 100%; font-size: 14px; height: 200px; color: #adadad; font-family: 'Pretendard'; border: 1px solid #c4c4c4; font-weight: 500; resize: none; border:none; line-height: 133%; vertical-align: top; padding: 20px; }

#sub.regist .box .form dl dd .f { padding: 20px; }
#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; width: 100%; font-size: 16px; height: 43px; color: #adadad; font-family: 'Pretendard'; border: 1px solid #c4c4c4; padding: 0 15px; font-weight: 500; line-height: 41px; }
#sub.regist .box .form dl dd .f .tooltip { font-size: 13px; color: #8b3547; font-weight: 500; display: block; margin: 0 0 16px; }
#sub.regist .box .form dl dd .f .zip > * { width: 25% !important; }
#sub.regist .box .form dl dd .f .zip > button { margin: 0 0 8px; font-size: 16px; height: 43px; color: #ffffff; font-family: 'Pretendard'; border: none; font-weight: 500; }
#sub.regist .box .form dl dd .f .chk_box > span { display: block; font-family: 'Pretendard'; color: #1b1b1b; margin: 0 0 8px; font-weight: 700; font-size: 15px; }
#sub.regist .box .form dl dd .f .chk_box > div { margin: 0 0 8px; font-size :16px; line-height: 269%; color: #adadad; font-family: 'Pretendard'; font-weight: 500; }
#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; }

#sub.regist .box .form dl dd table { margin: 20px; }
#sub.regist .box .form dl dd table { width: calc(100% - 40px); border-collapse: collapse; table-layout: fixed; }
#sub.regist .box .form dl dd table th ,
#sub.regist .box .form dl dd table td { padding: 5px; font-size: 14px; border: 1px solid #dde7e9; }
#sub.regist .box .form dl dd table th { background-color: #f7f7f9; color: #1b1b1b; }
#sub.regist .box .form dl dd table td { border-top: none; color: #1B1B19; }
#sub.regist .box .form .chk_all { border: 1px solid #c4c4c4; padding: 20px; font-family: 'Pretendard'; color: #1B1B19; font-weight: 500; font-size: 15px; 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: 25px 0 20px; line-height: 253%; font-weight: 700; font-size: 17px; background-color:#3d3d3d; color: #ffffff; text-align:center; }

@media screen and ( max-width: 1250px ) {
    #sub.regist .box .form p { padding: 18px; font-size: 14px; }
    #sub.regist .box .form p img { margin: 0 0 9px; width: 25px; }
    #sub.regist .box .form dl { margin: 27px 0 0; }
    #sub.regist .box .form dl dt { font-size: 14px; padding: 18px; }
    #sub.regist .box .form dl dt input { right: 18px; }
    #sub.regist .box .form dl dd textarea { font-size: 13px; height: 180px; padding: 18px; }

    #sub.regist .box .form dl dd .f { padding: 18px; }
    #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: 39px; padding: 0 14px; line-height: 37px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 12px; margin: 0 0 15px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 7px; font-size: 15px; height: 39px; }
    #sub.regist .box .form dl dd .f .chk_box > span { margin: 0 0 7px; font-size: 14px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 0 0 7px; font-size :15px; }

    #sub.regist .box .form dl dd table { margin: 18px; }
    #sub.regist .box .form dl dd table { width: calc(100% - 36px); }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { padding: 4.5px; font-size: 13px; }
    #sub.regist .box .form .chk_all { padding: 18px; font-size: 14px; margin: 27px 0 0; }
    #sub.regist .box .form .chk_all input { right: 18px; }
    #sub.regist .box .form .btn_submit { margin: 23px 0 18px; font-size: 16px; }
}

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

    #sub.regist .box .form dl dd .f { padding: 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 6px; font-size: 14px; height: 35px; padding: 0 13px; line-height: 33px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 11px; margin: 0 0 14px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 6px; font-size :14px; height: 35px; }
    #sub.regist .box .form dl dd .f .chk_box > span { margin: 0 0 6px; font-size: 13px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 0 0 6px; font-size :14px; }

    #sub.regist .box .form dl dd table { margin: 16px; }
    #sub.regist .box .form dl dd table { width: calc(100% - 32px); }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { padding: 4px; font-size: 12px; }
    #sub.regist .box .form .chk_all { padding: 16px; font-size: 13px; margin: 24px 0 0; }
    #sub.regist .box .form .chk_all input { right: 16px; }
    #sub.regist .box .form .btn_submit { margin: 21px 0 16px; font-size: 15px; }
}

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

    #sub.regist .box .form dl dd .f { padding: 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 5px; font-size: 13px; height: 31px; padding: 0 12px; line-height: 29px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 10px; margin: 0 0 13px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 5px; font-size :13px; height: 31px; }
    #sub.regist .box .form dl dd .f .chk_box > span { margin: 0 0 5px; font-size: 12px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 0 0 5px; font-size :13px; }

    #sub.regist .box .form dl dd table { margin: 14px; }
    #sub.regist .box .form dl dd table { width: calc(100% - 28px); }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { padding: 3.5px; font-size: 11px; }
    #sub.regist .box .form .chk_all { padding: 14px; font-size: 12px; margin: 21px 0 0; }
    #sub.regist .box .form .chk_all input { right: 14px; }
    #sub.regist .box .form .btn_submit { margin: 19px 0 14px; font-size: 14px; }
}

@media screen and ( max-width: 640px ) {
    #sub.regist .box .form p { padding: 12px; font-size: 11px; }
    #sub.regist .box .form p img { margin: 0 0 6px; width: 19px; }
    #sub.regist .box .form dl { margin: 18px 0 0; }
    #sub.regist .box .form dl dt { font-size: 11px; padding: 12px; }
    #sub.regist .box .form dl dt input { right: 12px; }
    #sub.regist .box .form dl dd textarea { font-size: 10px; height: 120px; padding: 12px; }

    #sub.regist .box .form dl dd .f { padding: 12px; }
    #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 4px; font-size: 12px; height: 27px; padding: 0 11px; line-height: 25px; }
    #sub.regist .box .form dl dd .f .tooltip { font-size: 9px; margin: 0 0 12px; }
    #sub.regist .box .form dl dd .f .zip > button { margin: 0 0 4px; font-size :12px; height: 27px; }
    #sub.regist .box .form dl dd .f .chk_box > span { margin: 0 0 4px; font-size: 11px; }
    #sub.regist .box .form dl dd .f .chk_box > div { margin: 0 0 4px; font-size :12px; }

    #sub.regist .box .form dl dd table { margin: 12px; }
    #sub.regist .box .form dl dd table { width: calc(100% - 24px); }
    #sub.regist .box .form dl dd table th ,
    #sub.regist .box .form dl dd table td { padding: 3px; font-size: 10px; }
    #sub.regist .box .form .chk_all { padding: 12px; font-size: 11px; margin: 18px 0 0; }
    #sub.regist .box .form .chk_all input { right: 12px; }
    #sub.regist .box .form .btn_submit { margin: 17px 0 12px; font-size: 13px; }
}





#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: #1b1b1b; font-size: 13px; line-height: 230%; }
#sub.mypage .box .right .title { font-size: 18px; font-family: 'Pretendard'; font-weight: 700; color: #1b1b1b; }
#sub.mypage .box .right .list { margin: 10px 0 0; 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; }

@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: 12px; }
    #sub.mypage .box .right .title { font-size: 17px; }
    #sub.mypage .box .right .list { margin: 9px 0 0; }

    #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; }
}

@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: 11px; }
    #sub.mypage .box .right .title { font-size: 16px; }
    #sub.mypage .box .right .list { margin: 8px 0 0; }

    #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; }
}

@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: 10px; }
    #sub.mypage .box .right .title { font-size: 15px; }
    #sub.mypage .box .right .list { margin: 7px 0 0; }

    #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; }
}

@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: 9px; }
    #sub.mypage .box .right .title { font-size: 14px; }
    #sub.mypage .box .right .list { margin: 6px 0 0; }

    #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.guide p { color: #000000; font-family: 'Pretendard'; font-size: 16px; font-weight: 300; line-height: 150%; }

@media screen and ( max-width: 1250px ) {
    #sub.guide p { margin: 54px 0 0; font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.guide p { margin: 48px 0 0; font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #sub.guide p { margin: 42px 0 0; font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #sub.guide p { margin: 36px 0 0; font-size: 12px; }
}





#sub.guest .step { color: #1b1b1b; font-family: 'Pretendard'; font-size: 22px; font-weight: 500; margin: 65px 0 10px; }

@media screen and ( max-width: 1250px ) {
    #sub.guest .step { font-size: 20px; margin: 58px 0 9px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.guest .step { font-size: 18px; margin: 51px 0 8px; }
}

@media screen and ( max-width: 768px ) {
    #sub.guest .step { font-size: 16px; margin: 44px 0 7px; }
}

@media screen and ( max-width: 640px ) {
    #sub.guest .step { font-size: 14px; margin: 37px 0 6px; }
}





#sub.shop .shop_list_option { display: none; padding: 50px 0 100px !important; }
#sub.shop .shop_list_option h3 ,
#sub.shop #shop_list_option h3 { font-size: 16px; font-weight: 700; color: #1b1b1b; font-family: 'Pretendard'; line-height: 285%; text-align: left; }
#sub.shop .shop_list { border-top: 2px solid #5a5a5a; width: 100%; table-layout: fixed; border-collapse: collapse;}
#sub.shop .shop_list tr th ,
#sub.shop .shop_list tr td { font-family: 'Pretendard'; border-bottom: 1px solid #c4c4c4; padding: 12px 6px; text-align: center; line-height: 175%; word-break: break-all; letter-spacing: -1px; }
#sub.shop .shop_list tr th { font-size: 15px; background-color: #fafafa; font-weight: 700; }
#sub.shop .shop_list tr td { font-size: 17px; font-weight: 400; }
#sub.shop .shop_list tr td input { border: 1px solid #c4c4c4; border-radius: 3px; width: 100%; text-align: center; line-height: 25px; font-size: 16px; }
#sub.shop .shop_list tr td img { width: 100%; height: auto; }
#sub.shop .shop_list tr td strong { font-weight: 500; }
#sub.shop .shop_list tr td button { font-size: 16px; color: #ffffff; font-weight: 400; border: none; line-height: 175%; background-color: #797979; padding: 0 10px; border-radius: 5px; letter-spacing: -1px;}
#sub.shop .shop_list tr td button.active ,
#sub.shop .shop_list tr td button:hover { background-color: #8b3547; }
#sub.shop .shop_list tr td.empty_table { padding: 100px 0 !important; }
#sub.shop .shop_info { text-align: right; font-family: 'Pretendard'; font-weight: 500; color: #1b1b1b; font-size: 16px; }

#sub.shop .shop_list.search tr th { text-align: left; }
#sub.shop .shop_list.search tr th span { font-weight: 500; }
#sub.shop .shop_list.search tr th span strong { font-weight: 700; color: #8b3547;  font-size: 18px; }
#sub.shop .shop_list.search tr td ul { overflow: hidden; }
#sub.shop .shop_list.search tr td ul li { float: left; width: 25%; text-align: left; }
#sub.shop .shop_list.search tr td ul li label { font-size: 16px; font-family: 'Pretendard'; color: #1b1b1b; font-weight :500; }
#sub.shop .shop_list.search tr td ul li input { width: 24px; height: 24px; border: 1px solid #c4c4c4; border-radius: 3px; margin: 0 0 0 20px; }

#sub.shop .result_keyword { width: 500px; max-width: 100%; margin: 50px auto 100px; position: relative; }
#sub.shop .result_keyword input { width: 100%; border:1px solid #c4c4c4; line-height: 38px; color: #c4c4c4; font-size: 18px; font-family: 'Pretendard'; padding: 0 50px 0 20px; }
#sub.shop .result_keyword button { border: none; background-color: transparent; position: absolute; top: 0; right: 0; width: 50px; text-align: center; height: 100%; }
#sub.shop .result_keyword button img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; }

@media screen and ( max-width: 1250px ) {
    #sub.shop .shop_list_option { padding: 45px 0 90px !important; }
    #sub.shop .shop_list_option h3 ,
    #sub.shop #shop_list_option h3 { font-size: 15px; }
    #sub.shop .shop_list tr th ,
    #sub.shop .shop_list tr td { padding: 11px 5.5px; }
    #sub.shop .shop_list tr th { font-size: 14px; }
    #sub.shop .shop_list tr td { font-size: 16px; }
    #sub.shop .shop_list tr td input { border-radius: 2.5px; line-height: 23px; font-size: 15px; }
    #sub.shop .shop_list tr td button { font-size: 15px; padding: 0 9px; border-radius: 4.5px; }
    #sub.shop .shop_list tr td.empty_table { padding: 90px 0 !important; }
    #sub.shop .shop_info { font-size: 15px; margin: 14px 0 41px; }

    #sub.shop .shop_list.search tr th span strong { font-size: 17px; }
    #sub.shop .shop_list.search tr td ul li { width: 33.33%;  }
    #sub.shop .shop_list.search tr td ul li label { font-size: 15px; }
    #sub.shop .shop_list.search tr td ul li input { width: 22px; height: 22px; border-radius: 2.5px; margin: 0 0 0 18px; }

    #sub.shop .result_keyword { width: 450px; margin: 45px auto 90px; }
    #sub.shop .result_keyword input { line-height: 35px; font-size: 17px; padding: 0 45px 0 18px; }
    #sub.shop .result_keyword button { width: 45px; }
    #sub.shop .result_keyword button img { width: 18px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .shop_list_option { padding: 40px 0 80px !important; }
    #sub.shop .shop_list_option h3 ,
    #sub.shop #shop_list_option h3 { font-size: 14px; }
    #sub.shop .shop_list tr th ,
    #sub.shop .shop_list tr td { padding: 10px 5px; }
    #sub.shop .shop_list tr th { font-size: 13px; }
    #sub.shop .shop_list tr td { font-size: 15px; }
    #sub.shop .shop_list tr td input { border-radius: 2px; line-height: 21px; font-size: 14px; }
    #sub.shop .shop_list tr td button { font-size: 14px; padding: 0 8px; border-radius: 4px; }
    #sub.shop .shop_list tr td.empty_table { padding: 80px 0 !important; }
    #sub.shop .shop_info { font-size: 14px; margin: 13px 0 37px; }

    #sub.shop .shop_list.search tr th span strong { font-size: 16px; }
    #sub.shop .shop_list.search tr td ul li label { font-size: 14px; }
    #sub.shop .shop_list.search tr td ul li input { width: 20px; height: 20px; border-radius: 2px; margin: 0 0 0 16px; }

    #sub.shop .result_keyword { width: 400px; margin: 40px auto 80px; }
    #sub.shop .result_keyword input { line-height: 32px; font-size: 16px; padding: 0 40px 0 16px; }
    #sub.shop .result_keyword button { width: 40px; }
    #sub.shop .result_keyword button img { width: 16px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .shop_list_option { padding: 35px 0 70px !important; }
    #sub.shop .shop_list_option h3 ,
    #sub.shop #shop_list_option h3 { font-size: 13px; }
    #sub.shop .shop_list tr th ,
    #sub.shop .shop_list tr td { padding: 9px 4.5px; }
    #sub.shop .shop_list tr th { font-size: 12px; }
    #sub.shop .shop_list tr td { font-size: 14px; }
    #sub.shop .shop_list tr td input { border-radius: 1.5px; line-height: 19px; font-size: 13px; }
    #sub.shop .shop_list tr td button { font-size: 13px; padding: 0 7px; border-radius: 3.5px; }
    #sub.shop .shop_list tr td.empty_table { padding: 70px 0 !important; }
    #sub.shop .shop_info { font-size: 13px; margin: 12px 0 33px; }

    #sub.shop .shop_list.search tr th span strong { font-size: 15px; }
    #sub.shop .shop_list.search tr td ul li { width: 50%;  }
    #sub.shop .shop_list.search tr td ul li label { font-size: 13px; }
    #sub.shop .shop_list.search tr td ul li input { width: 18px; height: 18px; border-radius: 1.5px; margin: 0 0 0 14px; }

    #sub.shop .result_keyword { width: 350px; margin: 35px auto 70px; }
    #sub.shop .result_keyword input { line-height: 29px; font-size: 15px; padding: 0 35px 0 14px; }
    #sub.shop .result_keyword button { width: 35px; }
    #sub.shop .result_keyword button img { width: 14px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .shop_list_option { padding: 30px 0 60px !important; }
    #sub.shop .shop_list_option h3 ,
    #sub.shop #shop_list_option h3 { font-size: 12px; }
    #sub.shop .shop_list tr th ,
    #sub.shop .shop_list tr td { padding: 8px 4px; }
    #sub.shop .shop_list tr th { font-size: 11px; }
    #sub.shop .shop_list tr td { font-size: 13px; }
    #sub.shop .shop_list tr td input { border-radius: 1px; line-height: 17px; font-size: 12px; }
    #sub.shop .shop_list tr td button { font-size: 12px; padding: 0 6px; border-radius: 3px; }
    #sub.shop .shop_list tr td.empty_table { padding: 60px 0 !important; }
    #sub.shop .shop_info { font-size: 12px; margin: 11px 0 29px; }

    #sub.shop .shop_list.search tr th span strong { font-size: 14px; }
    #sub.shop .shop_list.search tr td ul li label { font-size: 12px; }
    #sub.shop .shop_list.search tr td ul li input { width: 16px; height: 16px; border-radius: 1px; margin: 0 0 0 12px; }

    #sub.shop .result_keyword { width: 300px; margin: 30px auto 60px; }
    #sub.shop .result_keyword input { line-height: 26px; font-size: 14px; padding: 0 30px 0 12px; }
    #sub.shop .result_keyword button { width: 30px; }
    #sub.shop .result_keyword button img { width: 12px; }
}





#sub.shop .shop_sort { position: relative; }
#sub.shop .shop_sort h2 { font-family: 'Pretendard'; font-weight: 700; color: #1b1b1b; font-size: 14px; margin: 0; line-height: 285%; }
#sub.shop .shop_sort ul { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); overflow: hidden; }
#sub.shop .shop_sort ul li { float: left; }
#sub.shop .shop_sort ul li a { display: inline-block; font-family: 'Pretendard'; font-weight: 500; color: #797979; font-size: 14px; margin: 0 0 0 30px; }
#sub.shop .shop_sort ul li:first-child a { margin: 0; }
#sub.shop .shop_sort ul li a:hover ,
#sub.shop .shop_sort ul li a.active { font-weight: 700; color: #1b1b1b; }

@media screen and ( max-width: 1250px ) {
    #sub.shop .shop_sort h2 { font-size: 13px; }
    #sub.shop .shop_sort ul li a { font-size: 13px; margin: 0 0 0 27px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .shop_sort h2 { font-size: 12px; }
    #sub.shop .shop_sort ul li a { font-size: 12px; margin: 0 0 0 24px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .shop_sort h2 { font-size: 11px; }
    #sub.shop .shop_sort ul li a { font-size: 11px; margin: 0 0 0 21px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .shop_sort h2 { font-size: 10px; }
    #sub.shop .shop_sort ul li a { font-size: 10px; margin: 0 0 0 18px; }
}





#sub.shop .shop_navigation ul { overflow: hidden; }
#sub.shop .shop_navigation ul li { float: left; position: relative; font-size: 18px; font-family: 'Pretendard'; color: #1b1b1b; padding: 0 25px; line-height: 285%; }
#sub.shop .shop_navigation ul li:first-child { padding-left: 0; }
#sub.shop .shop_navigation ul li:last-child { padding-right: 0; }
#sub.shop .shop_navigation ul li:after { content: '>'; position: absolute; top: 50%; right: -10px; transform: translate(0, -50%); width: 20px; text-align: center; }
#sub.shop .shop_navigation ul li:last-child:after { content: unset; }

@media screen and ( max-width: 1250px ) {
    #sub.shop .shop_navigation ul li { font-size: 17px; padding: 0 23px; }
    #sub.shop .shop_navigation ul li:after { right: -9px; width: 18px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .shop_navigation ul li { font-size: 16px; padding: 0 21px; }
    #sub.shop .shop_navigation ul li:after { right: -8px; width: 16px; }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .shop_navigation ul li { font-size: 15px; padding: 0 19px; }
    #sub.shop .shop_navigation ul li:after { right: -7px; width: 14px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .shop_navigation ul li { font-size: 14px; padding: 0 17px; }
    #sub.shop .shop_navigation ul li:after { right: -6px; width: 12px; }
}





#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_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: #515151; border: 1px solid #515151; 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 > a { line-height: 55px; width: 80px; }

@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; }
}

@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.shop #sit_info { display: block; width: auto; margin: 60px 0 0; border: none; }
#sub.shop #sit_info #sit_tab { display: none; }
#sub.shop #sit_info #sit_buy { display: none; }
#sub.shop #sit_info .sit_inf { margin: 180px 0 0; }
#sub.shop #sit_info .sit_inf h3 { color: #515151; font-weight: 600; font-family: 'Pretendard'; font-size: 20px; line-height: 275%; text-align: center; border-bottom: 2px solid #515151; }
#sub.shop #sit_info .sit_inf .sit_inf_explan { padding: 20px 0 0;  }

@media screen and ( max-width: 1250px ) {
    #sub.shop #sit_info { margin: 54px 0 0; }
    #sub.shop #sit_info .sit_inf { margin: 160px 0 0; }
    #sub.shop #sit_info .sit_inf h3 { font-size: 18px; }
    #sub.shop #sit_info .sit_inf .sit_inf_explan { padding: 18px 0 0;  }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop #sit_info { margin: 48px 0 0; }
    #sub.shop #sit_info .sit_inf { margin: 140px 0 0; }
    #sub.shop #sit_info .sit_inf h3 { font-size: 16px; }
    #sub.shop #sit_info .sit_inf .sit_inf_explan { padding: 16px 0 0;  }
}

@media screen and ( max-width: 768px ) {
    #sub.shop #sit_info { margin: 42px 0 0; }
    #sub.shop #sit_info .sit_inf { margin: 120px 0 0; }
    #sub.shop #sit_info .sit_inf h3 { font-size: 14px; }
    #sub.shop #sit_info .sit_inf .sit_inf_explan { padding: 14px 0 0;  }
}

@media screen and ( max-width: 640px ) {
    #sub.shop #sit_info { margin: 36px 0 0; }
    #sub.shop #sit_info .sit_inf { margin: 100px 0 0; }
    #sub.shop #sit_info .sit_inf h3 { font-size: 12px; }
    #sub.shop #sit_info .sit_inf .sit_inf_explan { padding: 12px 0 0;  }
}





#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 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 #c4c4c4; 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: #8b3547; border: 1px solid #8b3547; } 
#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;  }
}



.sod_left {width:calc(100% - 380px);margin-right:40px;display:block;}
.sod_right {width:340px;display:block;}
#display_pay_button .btn_submit { background-color: #8b3547; border: 1px solid #8b3547; }
.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; }
}





#sub.shop .info { background-color: #212121; padding: 25px 0; }
#sub.shop .info .two { overflow: hidden; position: relative; }
#sub.shop .info .two > * { float: left; }
#sub.shop .info .two .left { width: 300px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
#sub.shop .info .two .left .title_sub > * { display: inline-block; }
#sub.shop .info .two .left .title_sub h4 { font-family: 'Pretendard'; font-size: 34px; font-weight: 700; color: #ffffff; }
#sub.shop .info .two .right { padding: 0 0 0 300px; position: relative; }
#sub.shop .info .two .right p { font-size: 20px; font-family: 'Pretendard'; font-weight: 500; line-height: 160%; color: #d0d0d0; padding: 0 130px 0 0; }
#sub.shop .info .two .right a { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); display: block; background-color: #00b490; font-weight: 600; font-size: 17px; font-family: 'Pretendard'; color: #000000; border-radius: 10px; line-height: 200%; padding: 0 20px; }

@media screen and ( max-width: 1250px ) {
    #sub.shop .info { padding: 23px 0; }
    #sub.shop .info .two .left { width: 260px; }
    #sub.shop .info .two .left .title_sub h4 { font-size: 31px; }
    #sub.shop .info .two .right { padding: 0 0 0 260px; }
    #sub.shop .info .two .right p { font-size: 18px; padding: 0 120px 0 0; }
    #sub.shop .info .two .right a { font-size: 15.5px; border-radius: 9px; padding: 0 18px; }
}

@media screen and ( max-width: 1024px ) {
    #sub.shop .info { padding: 21px 0; }
    #sub.shop .info .two .left { width: 220px; }
    #sub.shop .info .two .left .title_sub h4 { font-size: 28px; }
    #sub.shop .info .two .right { padding: 0 0 0 220px; }
    #sub.shop .info .two .right p { font-size: 16px; padding: 0 0 40px 0; }
    #sub.shop .info .two .right a { font-size: 14px; border-radius: 8px; padding: 0 16px; top: auto; bottom: 0; transform: translate(0, 0); }
}

@media screen and ( max-width: 768px ) {
    #sub.shop .info { padding: 19px 0; }
    #sub.shop .info .two > * { float: none; }
    #sub.shop .info .two .left { width: auto; position: static; top: auto; left: auto; transform: translate(0, 0); }
    #sub.shop .info .two .left .title_sub h4 { font-size: 25px; }
    #sub.shop .info .two .right { padding: 0; }
    #sub.shop .info .two .right p { font-size: 14px; padding: 17.5px 0 35px 0; }
    #sub.shop .info .two .right a { font-size: 12.5px; border-radius: 7px; padding: 0 14px; }
}

@media screen and ( max-width: 640px ) {
    #sub.shop .info { padding: 17px 0; }
    #sub.shop .info .two .left .title_sub h4 { font-size: 22px; }
    #sub.shop .info .two .right p { font-size: 12.5px; padding: 15px 0 30px 0; }
    #sub.shop .info .two .right p br { display: none; }
    #sub.shop .info .two .right a { font-size: 11px; border-radius: 6px; padding: 0 12px; }
}





















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

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

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

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