@charset "utf-8";

/* ******************* *
* SUB PAGE
* ******************* */
.sub-page {width: 100%;padding: 70px 0 100px;}
.sub-page .page__contents {width: 100%;}
.sub-page .page-tit {margin-bottom: 50px;}
.sub-page .page-tit .tit {color: #000;font-size: 2.30em;font-weight: 600;text-align: center;}

.sub-page .cont-title {}
.sub-page .cont-title > .title {margin-bottom: 5px;color: #111;font-family: var(--font-NanumHuman);font-size: 2.0em;font-weight: 600;line-height: 1.3;}
.sub-page .cont-title > .title > em {color: var(--color-main);font-style: normal;}
.sub-page .cont-title > .stit {margin-bottom: 5px;color: vaR(--color1);font-size: 1.50em;font-weight: 700;}
.sub-page .cont-title > .mtit {margin-bottom: 5px;font-size: 1.50em;font-weight: 600;}
.sub-page .cont-title > .mtit > span {color: var(--color-main);}
.sub-page .cont-title > .txts {margin-bottom: 16px;color: var(--color-gray);font-size: 17px;}
.sub-page .cont-title > .txts > p:not(:last-child) {margin-bottom: 10px;}

@media all and (max-width: 640px){
    .sub-page .cont-title > .title > .line-br,
    .sub-page .cont-title > .txts > p > .line-br {display: inline;}
}


/* ******************* *
* 워크숍 플레이스
* ******************* */
#place {}
#place .title-cont {margin-bottom: 60px;}
#place .title-cont > .title {font-family: var(--font-NotoSans);font-size: 2.20em;font-weight: 700;}
#place .title-cont > .mtxt {margin-bottom: 5px;font-size: 1.50em;font-weight: 600;}
#place .title-cont > .txt {color: var(--color-gray);font-size: 17px;}
#place .mice-cont {margin-bottom: 130px;}
#place .mice-cont > ul {display: flex;gap: 20px;position: relative;}
#place .mice-cont > ul::before {content: '';display: block;width: 100%;height: 2px;background: #01593f;background: linear-gradient(0deg,#01593f 60%, #ffffff 100%);background: -webkit-linear-gradient(0deg,#01593f 60%, #ffffff 100%);background: -moz-linear-gradient(0deg,#01593f 60%, #FFFFFF 100%);position: absolute;top: 20px;transform: translateY(-50%);z-index: -1;}
#place .mice-cont > ul > li {width: 25%;}
#place .mice-cont > ul > li > .icon {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-bottom: 18px;border-radius: 10px;background: var(--color-main);color: #fff;font-family: var(--font-NanumHuman);font-weight: 700;}
#place .mice-cont > ul > li > .content {}
#place .mice-cont > ul > li > .content > .tit {color: #111;font-family: var(--font-NotoSans);font-size: 1.10em;font-weight: 600;}
#place .mice-cont > ul > li > .content > .txt {color: #424242;font-size: 16px;}
#place .link-cont {position: relative;}
#place .link-cont::before {content: '';display: block;width: 800px;height: 128px;background: url(../img/main/msec02-img_deco.png) center center / cover no-repeat;position: absolute;top: -58px;left: 0;right: 0;margin: auto;z-index: -1;}
#place .link-cont > ul {display: flex;gap: 48px;width: 100%;}
#place .link-cont > ul > li {display: flex;align-items: center;width: 33.333%;height: 382px;border-radius: 15px;box-sizing: border-box;background: #F7F7F7;transition: .35s;}
#place .link-cont > ul > li:hover,
#place .link-cont > ul > li:focus {box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);-webkit-box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);-moz-box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);}
#place .link-cont > ul > li > a {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 35px;width: 100%;padding: 20px;}
#place .link-cont > ul > li > a > .ico {width: 146px;}
#place .link-cont > ul > li > a > .txt-cont {text-align: center;}
#place .link-cont > ul > li > a > .txt-cont > .tit {margin-bottom: 5px;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 700;}
#place .link-cont > ul > li > a > .txt-cont > .txt {min-height: 68px;color: #424242;font-size: 16px;}

@media all and (max-width: 1399px){
    #place .link-cont > ul {gap: 35px;}
}
@media all and (max-width: 1199px){
    #place .mice-cont {margin-bottom: 100px;}
    #place .link-cont > ul {gap: 20px;}
    #place .link-cont > ul > li {height: 340px;}
    #place .link-cont > ul > li > a > .ico {width: 126px;}
}
@media all and (max-width: 1024px){
    #place .mice-cont > ul > li > .content > .txt > .line-br {display: inline;}
    #place .link-cont::before {width: 650px;height: 104px;}
    #place .link-cont > ul {gap: 10px;}
    #place .link-cont > ul > li {height: 310px;}
    #place .link-cont > ul > li > a {gap: 20px;}
    #place .link-cont > ul > li > a > .ico {width: 100px;}
    #place .link-cont > ul > li > a > .txt-cont > .txt {min-height: 90px;}
    #place .link-cont > ul > li > a > .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 768px){
    #place .link-cont::before {width: 560px;height: 90px;}
    #place .link-cont > ul {flex-wrap: wrap;}
    #place .link-cont > ul > li {width: calc(50% - 5px);height: 260px;}
    #place .link-cont > ul > li > a > .ico {width: 80px;}
    #place .link-cont > ul > li > a > .txt-cont > .txt {min-height: auto;}
    #place .link-cont > ul > li > a > .txt-cont > .txt > .line-br {display: block;}
}
@media all and (max-width: 640px){
    #place .mice-cont {margin-bottom: 80px;}
    #place .mice-cont > ul {flex-direction: column;}
    #place .mice-cont > ul::before {width: 2px;height: 87%;top: 0;left: 20px;transform: none;background: linear-gradient(-90deg, #01593f 60%, #ffffff 100%);background: -webkit-linear-gradient(-90deg, #01593f 60%, #ffffff 100%);background: -moz-linear-gradient(-90deg,#01593f 60%, #FFFFFF 100%);}
    #place .mice-cont > ul > li {display: flex;gap: 20px;width: 100%;}
    #place .link-cont::before {width: 420px;height: 68px;}
    #place .link-cont > ul > li {height: 240px;}
    #place .link-cont > ul > li > a {gap: 10px;}
    #place .link-cont > ul > li > a > .ico {width: 70px;}
    #place .link-cont > ul > li > a > .txt-cont > .txt {font-size: 15px;}
    #place .link-cont > ul > li > a > .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    #place .link-cont::before {width: 300px;height: 48px;}
    #place .link-cont > ul > li {width: 100%;}
    #place .mice-cont > ul > li > .icon {flex: 0 0 auto;}
}



/* ******************* *
* 회사소개
* ******************* */
#company {padding: 0;}
#company [class*=cont-box]:not(:last-child) {margin-bottom: 140px;}
#company .cont-box1 .bg {position: relative;}
#company .cont-box1 .bg::before {content: '';display: block;width: 0;padding-top: 21.615%;}
#company .cont-box1 .bg > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#company .cont-box1 .cont-title {margin-bottom: 90px;text-align: center;}
#company .cont-box1 .content > .tit {margin-bottom: 5px;color: vaR(--color1);font-size: 1.50em;font-weight: 700;text-align: center;}
#company .cont-box1 .content ul {display: flex;justify-content: space-between;gap: 30px;width: 92%;margin: 0 auto 40px;}
#company .cont-box1 .content ul > li {width: calc(33.333% - 20px);}
#company .cont-box1 .content ul > li > .ico {width: 190px;margin: 0 auto 20px;}
#company .cont-box1 .content ul > li > .cont {text-align: center;}
#company .cont-box1 .content ul > li > .cont > .tit {margin-bottom: 5px;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 600;}
#company .cont-box1 .content ul > li > .cont > .txt {color: #424242;font-size: 16px;line-height: 1.4;}
#company .cont-box1 .content > .btxt {display: block;max-width: 440px;margin: 0 auto;padding: 7px 10px;border-radius: 18px;background: var(--color1);color: #fff;font-size: 16px;font-weight: 600;text-align: center;line-height: 1.3;}
#company .cont-box2 .content {display: flex;justify-content: space-between;}
#company .cont-box2 .content > .cont-title {width: 46%;padding: 30px 0 0;}
#company .cont-box2 .content > .cont-title > .title {margin-bottom: 20px;}
#company .cont-box2 .content > .img-cont {max-width: 675px;width: 49%;}
#company .cont-box2 .content > .img-cont > img {border-radius: 15px;overflow: hidden;}
#company .cont-box2 .content02 {flex-direction: row-reverse;margin-top: 70px;}
#company .cont-box3 {overflow: hidden;}
#company .cont-box3 .cont-title {text-align: center;}
#company .cont-box3 .cont-title > .title b {display: inline-block;width: 226px;position: relative;top: 5px;}
#company .cont-box3 .content {display: flex;align-items: center;gap: 40px;margin-top: 50px;position: relative;}
#company .cont-box3 .content::before,
#company .cont-box3 .content::after {content: '';display: block;width: 260px;height: 3px;background: var(--color1);position: absolute;top: 0;bottom: 0;margin: auto;}
#company .cont-box3 .content::before {right: 100%;}
#company .cont-box3 .content::after {left: 100%;}
#company .cont-box3 .content ul {display: flex;width: 100%;margin-left: .80em;}
#company .cont-box3 .content ul > li {display: flex;flex-direction: column;justify-content: center;max-width: 340px;width: 36%;aspect-ratio: 1 / 1;margin: 0 -.80em;padding: 20px;border: 3px solid var(--color1);border-radius: 50%;box-sizing: border-box;}
#company .cont-box3 .content ul > li > .tit {color: var(--color1);font-size: 1.50em;font-weight: 600;text-align: center;}
#company .cont-box3 .content ul > li > .txt {margin-top: 10px;color: #696969;font-size: 17px;text-align: center;}
#company .cont-box3 .content > .last {flex: 0 0 auto;max-width: 350px;width: 25%;}
#company .cont-box3 .content > .last > p {color: var(--color1);font-size: 1.50em;font-weight: 600;line-height: 1.3;}
#company .cont-box4 {padding: 60px 0 100px;background: #F5FCFC;}
#company .cont-box4 .cont-title > .title {text-align: center;}
#company .cont-box4 .content ul {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px 48px;margin: 20px auto 40px;}
#company .cont-box4 .content ul > li {display: flex;align-items: center;gap: 20px;max-width: 435px;width: calc(33.333% - 32px);padding: 32px;box-sizing: border-box;border-radius: 15px;background: #fff;}
#company .cont-box4 .content ul > li > .ico {flex: 0 0 auto;width: 93px;aspect-ratio: 1 / 1;border-radius: 50%;background: #E4F7EA;}
#company .cont-box4 .content ul > li > .txt {color: #111;font-size: 1.10em;font-weight: 600;line-height: 1.3;}
#company .cont-box4 .content .btxt {text-align: center;}
#company .cont-box4 .content .btxt > .txt {color: var(--color-main);font-size: 1.50em;font-weight: 600;}
#company .cont-box4 .content .btxt > .tit {color: #111;font-family: var(--font-NanumHuman);font-size: 2.0em;font-weight: 600;}

@media all and (max-width: 1499px){
    #company .cont-box3 .content > .last > p > .line-br {display: inline;}
}
@media all and (max-width: 1399px){
    #company .cont-box2 .content > .cont-title {padding: 0;}
    #company .cont-box2 .content > .cont-title > .title > .line-br,
    #company .cont-box2 .content > .cont-title > .txts > p > .line-br {display: inline;}
    #company .cont-box3 .content > .last > p > .line-br {display: inline;}
    #company .cont-box4 .content ul {gap: 20px 30px;}
    #company .cont-box4 .content ul > li {width: calc(33.333% - 20px);}
    #company .cont-box4 .content ul > li > .ico {width: 75px;}
    #company .cont-box4 .content ul > li > .txt > .line-br {display: inline;}
}
@media all and (max-width: 1199px){
    #company .cont-box1 .content ul > li > .ico {width: 160px;}
    #company .cont-box2 .content > .cont-title {width: 50%;}
    #company .cont-box2 .content > .img-cont {width: 45%;}
    #company .cont-box3 .cont-title > .title b {width: 200px;}
    #company .cont-box3 .content ul {margin-left: .60em;}
    #company .cont-box3 .content ul > li {margin: 0 -.60em;}
    #company .cont-box3 .content ul > li > .tit {font-size: 1.30em;}
    #company .cont-box3 .content > .last > p {font-size: 1.30em;}
    #company .cont-box4 .content ul > li {gap: 12px;padding: 24px 20px;}
    #company .cont-box4 .content ul > li > .ico {width: 70px;}
    #company .cont-box4 .content ul > li > .txt {font-size: 18px;}
}
@media (max-width: 1024px){
    #company [class*=cont-box]:not(:last-child) {margin-bottom: 90px;}
    #company .cont-box1 .content ul {width: 100%;}
    #company .cont-box1 .content ul > li > .ico {width: 120px;}
    #company .cont-box2 .content {flex-direction: column;gap: 30px;}
    #company .cont-box2 .content > .cont-title {max-width: none;width: 100%;}
    #company .cont-box2 .content > .img-cont {max-width: none;width: 100%;}
    #company .cont-box3 .content {gap: 25px;}
    #company .cont-box3 .content ul {margin-left: .50em;}
    #company .cont-box3 .content ul > li {margin: 0 -.50em;}
    #company .cont-box3 .content ul > li > .tit {font-size: 1.11em;}
    #company .cont-box3 .content ul > li > .txt {margin-top: 5px;font-size: 16px;}
    #company .cont-box3 .content ul > li > .txt > .line-br {display: inline;}
    #company .cont-box3 .content > .last > p {font-size: 1.11em;}
    #company .cont-box4 .content ul > li {flex-direction: column;}
    #company .cont-box4 .content ul > li > .txt {text-align: center;}
}
@media all and (max-width: 768px){
    #company .cont-box1 .cont-title {margin-bottom: 60px;}
    #company .cont-box3 .content {flex-direction: column;}
    #company .cont-box3 .content::before, 
    #company .cont-box3 .content::after {display: none;}
    #company .cont-box3 .content ul {justify-content: center;width: 100%;margin: 0 .50em;position: relative;}
    #company .cont-box3 .content ul > li { width: 35%;}
    #company .cont-box3 .content > .last {width: 100%;text-align: center;}
    #company .cont-box4 .content ul > li > .txt {font-size: 16px;}
}
@media all and (max-width: 640px){
    #company .cont-box1 .cont-title {margin-bottom: 40px;}
    #company .cont-box1 .content ul {gap: 10px;}
    #company .cont-box1 .content ul > li {width: calc(33.333% - 7px);}
    #company .cont-box1 .content ul > li > .ico {width: 80px;}
    #company .cont-box1 .content ul > li > .cont > .txt > .line-br {display: inline;}
    #company .cont-box2 .content {gap: 20px;}
    #company .cont-box3 .cont-title > .title b {width: 180px;}
    #company .cont-box3 .content ul > li {border-width: 2px;}
    #company .cont-box3 .content ul > li > .txt {font-size: 14px;}
    #company .cont-box4 .content ul {gap: 5px 10px;}
    #company .cont-box4 .content ul > li {width: calc(33.333% - 7px);padding: 18px 14px;}
    #company .cont-box4 .content ul > li > .txt {font-size: 15px;}
}
@media all and (max-width: 480px){
    #company .cont-box3 .content ul {flex-direction: column;max-width: 260px;margin: 20px auto;}
    #company .cont-box3 .content ul > li {width: 100%;margin: -20px 0;}
    #company .cont-box3 .content ul > li > .txt > .line-br {display: block;}
    #company .cont-box4 .content ul {gap: 10px;}
    #company .cont-box4 .content ul > li {width: calc(50% - 5px);}
}



/* ******************* *
* 강사 신청
* ******************* */
#register [class*=cont-box]:not(:last-child) {margin-bottom: 90px;}
#register .cont-box1 .cinner {display: flex;justify-content: space-between;align-items: center;}
#register .cont-box1 .img-cont {max-width: 705px;width: 51%;}
#register .cont-box1 .cont-title {max-width: 605px;width: 43%;}
#register .cont-box1 .cont-title > a {display: flex;align-items: center;gap: 18px;}
#register .cont-box1 .cont-title > a > .ico {flex: 0 0 auto;width: 51px;height: 51px;border: 2px solid var(--color-main);border-radius: 50%;box-sizing: border-box;}
#register .cont-box1 .cont-title > a > .cont {font-size: 16px;}
#register .cont-box1 .cont-title > a > .cont > .tit {color: var(--color-main);font-family: var(--font-NanumHuman);font-weight: 800;}
#register .cont-box1 .cont-title > a > .cont > .txt {color: var(--color-gray);}
#register .cont-box2 {text-align: center;}
#register .cont-box2 .cinner > .cont-title {position: relative;}
#register .cont-box2 .cinner > .cont-title::after {content: '';display: block;width: 2px;height: 100px;background: var(--color1);background: linear-gradient(-90deg, #53A67F 60%, #ffffff 100%);background: -webkit-linear-gradient(-90deg, #53A67F 60%, #ffffff 100%);background: -moz-linear-gradient(-90deg,#53A67F 60%, #FFFFFF 100%);position: absolute;left: 0;right: 0;top: calc(100% + 22px);margin: auto;}
#register .cont-box2 .cinner > .cont-title  > .mtit {margin-top: 20px;}
#register .cont-box2 .content {margin-top: 150px;}
#register .cont-box2 .content > .img {margin-top: 25px;}
#register .cont-box2 .content > .img > img {margin: 0 auto;}
#register .cont-box3 .cont-title {text-align: center;}
#register .cont-box3 .content ul {display: flex;gap: 34px;margin: 30px auto;}
#register .cont-box3 .content ul > li {display: flex;flex-direction: column;align-items: center;width: 33.333%;padding: 65px 20px;box-sizing: border-box;border-radius: 15px;}
#register .cont-box3 .content ul > li:nth-child(1) {background: #E4F7EA;}
#register .cont-box3 .content ul > li:nth-child(2) {background: #F7F5E4;}
#register .cont-box3 .content ul > li:nth-child(3) {background: #F7EAE4;}
#register .cont-box3 .content ul > li > .ico {width: 167px;}
#register .cont-box3 .content ul > li > .cont > .num {width: 40px;height: 40px;margin: 0 auto 15px;border-radius: 50%;color: #fff;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 800;text-align: center;line-height: 40px;}
#register .cont-box3 .content ul > li:nth-child(1) > .cont > .num {background: #53A67F;}
#register .cont-box3 .content ul > li:nth-child(2) > .cont > .num {background: #DFCE95;}
#register .cont-box3 .content ul > li:nth-child(3) > .cont > .num {background: #F49A91;}
#register .cont-box3 .content ul > li > .cont > .txt {font-size: 1.50em;font-weight: 600;text-align: center;line-height: 1.3;}
#register .cont-box3 .content .banner {display: flex;justify-content: center;align-items: center;width: 100%;height: 250px;/* padding: 86px 40px; */border: 15px;background: #F5FCFC;position: relative;overflow: hidden;}
#register .cont-box3 .content .banner::before,
#register .cont-box3 .content .banner::after {content: '';display: block;position: absolute;bottom: 0;z-index: 0;}
#register .cont-box3 .content .banner::before {width: 315px;height: 100%;background: url(../img/sub/register-img_deco01.png) center center / cover no-repeat;left: 10%;}
#register .cont-box3 .content .banner::after {width: 227px;height: 100%;background: url(../img/sub/register-img_deco02.png) center center / cover no-repeat;right: 12%;}
#register .cont-box3 .content .banner > p {font-size: 1.50em;font-weight: 600;text-align: center;line-height: 1.3;position: relative;z-index: 1;}
#register .cont-box4 {padding: 60px 0 84px;background: #F5FCFC;}
#register .cont-box4 .cont-title {margin-bottom: 38px;}
#register .cont-box4 .content > ul {display: flex;gap: 30px;}
#register .cont-box4 .content > ul > li {width: 25%;}
#register .cont-box4 .content > ul > li > .ico {width: 143px;margin-bottom: 20px;position: relative;}
#register .cont-box4 .content > ul > li > .ico > img {position: relative;z-index: 1;}
#register .cont-box4 .content > ul > li:not(:last-child) > .ico::after {content: '';display: block;max-width: 150px;width: 46%;height: 2px;background: #01593f;background: linear-gradient(0deg, #01593f 60%, #ffffff 100%);background: -webkit-linear-gradient(0deg, #01593f 60%, #ffffff 100%);background: -moz-linear-gradient(0deg,#01593f 60%, #FFFFFF 100%);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;z-index: 0;}
#register .cont-box4 .content > ul > li > .cont > .num {width: 28px;height: 28px;margin-bottom: 10px;border-radius: 50%;background: var(--color1);color: #fff;font-family: var(--font-NanumHuman);font-size: 16px;font-weight: 800;text-align: center;line-height: 28px;}
#register .cont-box4 .content > ul > li > .cont > .tit {margin-bottom: 5px;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 700;line-height: 1.3;}
#register .cont-box4 .content > ul > li > .cont > .txt {color: #424242;font-size: 16px;}
#register .cont-box5 .content {margin-top: 30px;}
#register .cont-box5 .content > ul {display: flex;gap: 25px;}
#register .cont-box5 .content > ul > li {width: 20%;}
#register .cont-box5 .content > ul > li > a {display: flex;justify-content: center;align-items: center;gap: 15px;width: 100%;height: 100%;padding: 22px 10px;border: 2px solid transparent;box-sizing: border-box;border-radius: 15px;background: #F7F7F7;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 700;transition: .35s;}
#register .cont-box5 .content > ul > li > a::before {content: '';display: block;width: 19px;height: 22px;background: url(../img/common/ico-download.svg) center center / cover no-repeat;transition: .35s;}
#register .cont-box5 .content > ul > li > a:hover,
#register .cont-box5 .content > ul > li > a:focus {background: var(--color1);color: #fff;}
#register .cont-box5 .content > ul > li > a:hover::before,
#register .cont-box5 .content > ul > li > a:focus::before {background: url(../img/common/ico-download_w.svg) center center / cover no-repeat;}


@media all and (max-width: 1399px){
    #register .cont-box1 .img-cont {width: 44%;}
    #register .cont-box1 .cont-title {width: 50%;}
    #register .cont-box3 .content ul > li {padding: 50px 20px;}
    #register .cont-box3 .content ul > li > .ico {width: 145px;}
    #register .cont-box3 .content ul > li > .cont > .txt {font-size: 1.20em;}
    #register .cont-box5 .content > ul {gap: 15px;}
    #register .cont-box5 .content > ul > li > a {gap: 10px;padding: 18px 10px;font-size: 18px;}
}
@media all and (max-width: 1199px){
    #register .cont-box1 .cont-title > .txts > p > .line-br {display: inline;}
    #register .cont-box3 .content ul {gap: 15px;}
    #register .cont-box3 .content ul > li > .ico {width: 120px;}
    #register .cont-box3 .content .banner {height: 200px;}
    #register .cont-box3 .content .banner::before {width: 252px;left: 6%;}
    #register .cont-box3 .content .banner::after {width: 178px;right: 5%;}
    #register .cont-box3 .content .banner > p {font-size: 1.40em;}
    #register .cont-box4 .content > ul > li > .cont > .txt > .line-br {display: inline;}
    #register .cont-box5 .content > ul {flex-wrap: wrap;justify-content: center;}
    #register .cont-box5 .content > ul > li {max-width: 260px;width: calc(33.333% - 12px);}
}
@media all and (max-width: 1024px){
    #register .cont-box1 .cinner {flex-direction: column-reverse;gap: 40px;}
    #register .cont-box1 .img-cont {width: 60%;}
    #register .cont-box1 .img-cont > img {margin: 0 auto;}
    #register .cont-box1 .cont-title {max-width: 800px;width: 100%;text-align: center;}
    #register .cont-box1 .cont-title > .txts > p > .line-br {display: block;}
    #register .cont-box1 .cont-title > a {justify-content: center;text-align: left;}
    #register .cont-box3 .content ul > li {gap: 10px;padding: 40px 25px;}
    #register .cont-box3 .content ul > li > .ico {width: 90px;}
    #register .cont-box3 .content ul > li > .cont > .num {width: 32px;height: 32px;font-size: 18px;line-height: 32px;}
    #register .cont-box3 .content ul > li > .cont > .txt {font-size: 1.0em;}
    #register .cont-box3 .content ul > li > .cont > .txt > .line-br {display: inline;}
    #register .cont-box4 .content > ul {flex-wrap: wrap;gap: 40px;}
    #register .cont-box4 .content > ul > li {display: flex;gap: 20px;width: calc(50% - 20px);}
    #register .cont-box4 .content > ul > li > .ico {flex: 0 0 auto;width: 120px;}
    #register .cont-box4 .content > ul > li:not(:last-child) > .ico::after {display: none;}
    #register .cont-box4 .content > ul > li > .cont {width: 100%;}
}
@media all and (max-width: 768px){
    #register [class*=cont-box]:not(:last-child) {margin-bottom: 70px;}
    #register .cont-box3 .content ul > li {padding: 30px 20px;}
    #register .cont-box3 .content ul > li > .ico {width: 70px;}
    #register .cont-box3 .content ul > li > .cont > .num {width: 28px;height: 28px;margin: 0 auto 10px;font-size: 16px;line-height: 28px;}
    #register .cont-box3 .content .banner {height: 160px;}
    #register .cont-box3 .content .banner::before {width: 202px;left: 3%;}
    #register .cont-box3 .content .banner::after {width: 142px;right: 3%;}
    #register .cont-box3 .content .banner > p {font-size: 1.22em;}
    #register .cont-box4 .content > ul {gap: 20px;}
    #register .cont-box4 .content > ul > li {width: calc(50% - 10px);}
    #register .cont-box4 .content > ul > li > .ico {width: 90px;}
    #register .cont-box4 .content > ul > li > .cont > .num {width: 24px;height: 24px;font-size: 14px;line-height: 24px;}
    #register .cont-box5 .content > ul > li > a {padding: 14px 10px;font-size: 16px;}
    #register .cont-box5 .content > ul > li > a::before {width: 14px;height: 16px;}
}
@media all and (max-width: 640px){
    #register .cont-box1 .img-cont {width: 80%;}
    #register .cont-box1 .cont-title > .txts > p > .line-br {display: inline;}
    #register .cont-box3 .content ul {flex-direction: column;}
    #register .cont-box3 .content ul > li {width: 100%;}
    #register .cont-box3 .content ul > li > .cont > .txt > .line-br {display: block;}
    #register .cont-box3 .content .banner {height: auto;padding: 40px 20px 50px;}
    #register .cont-box3 .content .banner::before,
    #register .cont-box3 .content .banner::after {opacity: .2;}
    #register .cont-box3 .content .banner::before {width: 148px;height: 140px;left: 22%;transform: translateX(-50%);}
    #register .cont-box3 .content .banner::after {width: 107px;height: 120px;right: 16%;transform: translateX(50%);}
    #register .cont-box4 .content > ul {gap: 30px;}
    #register .cont-box4 .content > ul > li {width: 100%;}
    #register .cont-box5 .content > ul {gap: 10px;}
    #register .cont-box5 .content > ul > li {width: calc(50% - 5px);}
    #register .cont-box5 .content > ul > li > a {gap: 5px;padding: 12px 10px;border-radius: 5px;font-size: 14px;}
    #register .cont-box5 .content > ul > li > a::before {width: 12px;height: 14px;}
}



/* ******************* *
* 원클릭 플래너
* ******************* */
#oneClick {}
#oneClick .cont-box {}
#oneClick .cont-box .content {margin-top: 45px;}
#oneClick .cont-box .content > form {}
#oneClick .cont-box .content > form > ul {display: flex;flex-wrap: wrap;gap: 50px;margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #EFEFEF;}
#oneClick .cont-box .content > form > ul:not(:last-child) {/* margin-bottom: 50px; */}
#oneClick .cont-box .content > form > ul > li {width: calc(50% - 25px);}
#oneClick .cont-box .content > form > ul > li.col1 {width: 100%;}
#oneClick .cont-box .content > form > ul > li:not(:last-child) {/* margin-bottom: 30px; */}
#oneClick .cont-box .content > form > ul > li > .label {display: block;margin-bottom: 10px;color: #424242;font-size: 18px;font-weight: 700;}
#oneClick .cont-box .content > form > ul > li > .label > span {color: var(--color-main);}
#oneClick .cont-box .content > form > ul > li > .label > em {color: #959393;font-size: 16px;font-style: normal;font-weight: 500;}
#oneClick .cont-box .content > form > ul > li > .cont > input {width: 100%;height: 60px;padding: 17px 28px;border: 1px solid #E6E6E6;border-radius: 15px;box-sizing: border-box;background: #fff;color: #111;font-size: 18px;}
/* #oneClick .cont-box .content > form > ul > li > .cont > input[type="number"]::-webkit-inner-spin-button,
#oneClick .cont-box .content > form > ul > li > .cont > input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
#oneClick .cont-box .content > form > ul > li > .cont > input[type="number"] {-moz-appearance: textfield;}
#oneClick .cont-box .content > form > ul > li > .cont > input[type="number"]:focus-visible {outline: 0;} */
#oneClick .cont-box .content > form > ul > li > .cont > .chks {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 22px;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks > .chk {font-size: 1.10em;cursor: pointer;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks label {display: flex;align-items: center;gap: 5px;padding-left: 26px;color: #424242;font-size: 18px;font-weight: 500;position: relative;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks label::before,
#oneClick .cont-box .content > form > ul > li > .cont > .chks label::after {content: '';display: block;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks label::before {width: 16px;height: 16px;border: 1px solid #D7D7D7;border-radius: 3px;box-sizing: border-box;background: #fff;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks label::after {border: 2px solid #fff;border-top: 0;border-right: 0;width: 10px;height: 6px;transform: rotate(-45deg);margin: 8px 0 0 3px;opacity: 0;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks label:has(input[type=radio]:checked)::before {border: 3pxl solid #000;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks input[type=checkbox] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
#oneClick .cont-box .content > form > ul > li > .cont > .chks input[type=checkbox]:checked + label::before {background: var(--color-main);}
#oneClick .cont-box .content > form > ul > li > .cont > .chks input[type=checkbox]:checked + label::after {opacity: 1;transition: .35s linear;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 30px;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos > .rdo {font-size: 1.10em;cursor: pointer;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos label {display: flex;align-items: center;gap: 5px;padding-right: 6px;color: #424242;font-size: 18px;font-weight: 500;position: relative;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos label::before,
#oneClick .cont-box .content > form > ul > li > .cont > .rdos label::after {content: '';display: block;border-radius: 50%;box-sizing: border-box;position: absolute;top: 0;bottom: 0;left: 100%;margin: auto;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos label::before {width: 16px;height: 16px;border: 1px solid #D7D7D7;background: #fff;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos label::after {width: 8px;height: 8px;background: var(--color-main);left: calc(100% + 4px);margin: auto;opacity: 0;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos input[type=radio] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos .rdo:has(input[type=radio]:checked) label::before {/* border: 4px solid var(--color-main); */}
#oneClick .cont-box .content > form > ul > li > .cont > .rdos .rdo:has(input[type=radio]:checked) label::after {opacity: 1;}
#oneClick .cont-box .content > form > ul > li > .cont > textarea {width: 100%;min-height: 180px;padding: 18px;border: 1px solid #E6E6E6;border-radius: 10px;box-sizing: border-box;background: #fff;color: #111;font-family: var(--font-Pretendard);font-size: 18px;resize: none;}
#oneClick .cont-box .content > form > ul > li > .cont > textarea:focus-visible {outline: 0;}
#oneClick .cont-box .content > form > ul > li.place {position: relative;}
#oneClick .cont-box .content > form > ul > li.place > .cont > .chks {position: absolute;top: 0;left: 92px;}
#oneClick .cont-box .content > form > button {display: flex;justify-content: center;align-items: center;width: 100%;height: 60px;margin: 60px auto 0;padding: 18px;border-radius: 30px;background: var(--color1);color: #fff;font-size: 18px;font-weight: 600;text-align: center;transition: .35s;}
#oneClick .cont-box .content > form > button:hover,
#oneClick .cont-box .content > form > button:focus {background: var(--color-main);}

@media all and (max-width: 1024px){
    #oneClick .cont-box .content > form > ul {gap: 30px;margin-bottom: 30px;padding-bottom: 30px;}
    #oneClick .cont-box .content > form > ul > li {width: calc(50% - 15px);}
    #oneClick .cont-box .content > form > ul > li > .cont > input {height: 50px;padding: 8px 12px;border-radius: 10px;}
}
@media all and (max-width: 768px){
    #oneClick .cont-box .content > form > ul > li {width: 100%;}
}
@media all and (max-width: 640px){
    #oneClick .cont-title > .txts > p > .line-br {display: block;}
}


/* ******************* *
* 워크숍플레이스 입점신청
* ******************* */
#ask .sct-top-banner {margin-bottom: 80px;}
#ask .cont-box1 {padding: 80px 0;text-align: center;}
#ask .cont-box1 .title {margin-bottom: 130px;position: relative;}
#ask .cont-box1 .title::before,
#ask .cont-box1 .title::after {content: '';display: block;width: 2px;height: 98px;position: absolute;left: 0;right: 0;top: calc(100% + 10px);margin: auto;}
#ask .cont-box1 .title::before {background: var(--color1);}
#ask .cont-box1 .title::after {background: rgba(255,255,255,0);background: linear-gradient(-90deg,rgba(255,255,255,0) 0%, #ffffff 100%);background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0) 0%, #ffffff 100%);background: -moz-linear-gradient(-90deg,rgba(255,255,255,0) 0%, #ffffff 100%);opacity: .6;}
#ask .cont-box1 .title > span {color: var(--color-main);}
#ask .cont-box1 .txt1 {margin-bottom: 20px;font-size: 1.25em;font-weight: 600;line-height: 1.3;}
#ask .cont-box1 .txt2 {margin-bottom: 38px;color: #696969;font-size: 17px;}
#ask .cont-box1 .btxt {color: var(--color-main);font-family: var(--font-NanumHuman);font-size: 2.0em;font-weight: 700;}
#ask .cont-box2 {padding: 100px 0;background: #F4FFFA;}
#ask .cont-box2 .cont-title {margin-bottom: 65px;text-align: center;}
#ask .cont-box2 .cont-title > .stit {color: #000;font-family: var(--font-NanumHuman);font-size: 1.50em;font-weight: 900;}
#ask .cont-box2 .cont-title > .title {font-size: 2.50em;font-weight: 700;}
#ask .cont-box2 ul {counter-reset:list-number;max-width: 1100px;width: 100%;margin: 0 auto 50px;position: relative;}
#ask .cont-box2 ul::before {content: '';display: block;max-width: 742px;width: 85%;aspect-ratio: 550 / 153;margin: 0 auto;background: url(../img/sub/ask-img_01.png) center center / cover no-repeat;}
#ask .cont-box2 ul > li {counter-increment:list-number;display: flex;justify-content: center;align-items: center;gap: 15px;/* min-height: 100px; */padding: 19px 25px;border: 3px solid var(--color-main);border-radius: 50px;box-sizing: border-box;background: #fff;}
#ask .cont-box2 ul > li::before {content:counter(list-number);flex: 0 0 auto;display: flex;justify-content: center;align-items: center;width: 42px;aspect-ratio: 1 / 1;border-radius: 10px;background: var(--color-main);color: #fff;font-family: var(--font-NanumHuman);font-size: 1.25em;font-weight: 800;}
#ask .cont-box2 ul > li:not(:last-child) {margin-bottom: 12px;}
#ask .cont-box2 ul > li > p {color: #696969;}
#ask .cont-box2 ul > li > p > span {color: #000;font-weight: 700;}
#ask .cont-box2 .btxt {color: var(--color-main);font-family: var(--font-NanumHuman);font-size: 2.0em;font-weight: 900;text-align: center;}
#ask .cont-box3 {padding: 130px 0 150px;}
#ask .cont-box3 .cont-title {margin-bottom: 80px;text-align: center;}
#ask .cont-box3 ul {counter-reset:list-number;display: flex;gap: 40px;}
#ask .cont-box3 ul > li {counter-increment:list-number;width: 100%;padding: 58px 20px;border: 1px solid #EEE;border-top: 5px solid var(--color1);border-radius: 0 0 20px 20px;box-sizing: border-box;background: #fff;position: relative;}
#ask .cont-box3 ul > li::before {content:counter(list-number);display: flex;justify-content: center;align-items: center;width: 35px;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color1);color: #fff;font-family: var(--font-NanumHuman);font-weight: 800;position: absolute;top: 0;left: 0;right: 0;margin: auto;transform: translateY(-50%);}
#ask .cont-box3 ul > li > .ico {display: block;width: 150px;margin: 0 auto 30px;}
#ask .cont-box3 ul > li > .txt {color: #111;font-family: var(--font-NanumHuman);font-weight: 700;text-align: center;}
#ask .cont-box4 {margin-bottom: 50px;}
#ask .cont-box4 .cont-title {margin-bottom: 46px;text-align: center;}
#ask .cont-box4 .cont-title > .txt {color: #696969;font-size: 17px;}
#ask .cont-box4 .btns {display: flex;justify-content: center;gap: 30px;}
#ask .cont-box4 .btns > a {display: flex;justify-content: center;align-items: center;gap: 15px;max-width: 350px;width: 100%;height: 100%;padding: 22px 10px;border: 2px solid transparent;box-sizing: border-box;border-radius: 15px;background: #F7F7F7;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 700;transition: .35s;}
#ask .cont-box4 .btns > a::before {content: '';display: block;width: 19px;height: 22px;background: url(../img/common/ico-download.svg) center center / cover no-repeat;transition: .35s;}
#ask .cont-box4 .btns > a:hover,
#ask .cont-box4 .btns > a:focus {background: var(--color1);color: #fff;}
#ask .cont-box4 .btns > a:hover::before,
#ask .cont-box4 .btns > a:focus::before {background: url(../img/common/ico-download_w.svg) center center / cover no-repeat;}

@media all and (max-width: 1199px){
    #ask .cont-box3 {padding: 100px 0 120px;}
    #ask .cont-box3 ul {gap: 20px;}
    #ask .cont-box3 ul > li {padding: 45px 20px;}
    #ask .cont-box3 ul > li > .ico {width: 100px;}
}
@media all and (max-width: 1024px){
    #ask .cont-box3 ul {gap: 10px;}
    #ask .cont-box3 ul > li {padding: 45px 20px;}
    #ask .cont-box3 ul > li > .ico {width: 80px;}
}
@media (max-width: 768px){
    #ask .cont-box1 {padding: 50px 0 80px;}
    #ask .cont-box1 .txt1 > .line-br {display: inline;}
    #ask .cont-box2 {padding: 80px 0;}
    #ask .cont-box2 .cont-title {margin-bottom: 50px;}
    #ask .cont-box2 ul > li {gap: 10px;}
    #ask .cont-box2 ul > li::before {width: 36px;font-size: 1.0em;}
    #ask .cont-box3 {padding: 80px 0 100px;}
    #ask .cont-box3 .cont-title {margin-bottom: 50px;}
    #ask .cont-box3 ul {flex-wrap: wrap;}
    #ask .cont-box3 ul > li {width: calc(50% - 10px);}
}
@media all and (max-width: 640px){
    #ask .cont-box2 ul > li {align-items: flex-start;border-radius: 20px;padding: 19px 15px;}
    #ask .cont-box2 ul > li::before {width: 30px;font-size: 14px;}
    #ask .cont-box3 ul > li > .ico {width: 70px;margin: 0 auto 15px;}
    #ask .cont-box4 .btns {flex-wrap: wrap;gap: 10px;max-width: 500px;margin: 0 auto;}
    #ask .cont-box4 .btns > a {gap: 5px;padding: 15px 10px;border-radius: 5px;font-size: 16px;}
    #ask .cont-box4 .btns > a::before {width: 12px;height: 14px;}
}
@media all and (max-width: 480px){
    #ask .cont-box2 ul > li {flex-direction: column;}
    #ask .cont-box3 ul > li {padding: 35px 15px;}
    #ask .cont-box3 ul > li > .ico {width: 60px;}
}



/* ******************* *
* AI 플래너
* ******************* */
#aiPlanner #list .cinner {max-width: 1200px;}
#aiPlanner .cont-title {margin-bottom: 100px;text-align: center;}
#aiPlanner .cont-title > .ico {display: inline-block;margin: 0 auto;}
#aiPlanner .cate-1dep_items {margin-bottom: 80px;}
#aiPlanner .cate-1dep_items .dep-tit {margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #D9D9D9;color: var(--color-main);font-size: 1.40em;font-weight: 600;}
#aiPlanner .cate-1dep_items .dep-cont ul {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
#aiPlanner .cate-1dep_items.step1 .dep-cont ul {justify-content: normal;}
#aiPlanner .cate-1dep_items .dep-cont ul > li {width: calc(20% - 8px);}
#aiPlanner .cate-1dep_items .dep-cont ul.col3 > li {max-width: 320px;width: calc(33.333% - 7px);}
#aiPlanner .cate-1dep_items .dep-cont ul > li > .chk > label {display: flex;justify-content: center;align-items: center;height: 50px;/* padding: 11px 29px; */border: 2px solid #EDEDED;box-sizing: border-box;border-radius: 23px;background: #fff;color: #999;font-size: 18px;font-weight: 500;cursor: pointer;} 
#aiPlanner .cate-1dep_items .dep-cont ul > li > .chk > label:has(input:checked) {border-color: var(--color-main);color: var(--color-main);font-weight: 700;} 
#aiPlanner .cate-1dep_items .dep-cont ul > li > .chk > label > input { position: absolute; bottom: 0; left: 0; opacity: 0; } 
#aiPlanner #btn_submit {display: block;max-width: 600px;width: 90%;height: 60px;margin: 0 auto;border: 0;border-radius: 30px;background: var(--color-main);color: #fff;font-size: 1.10em;font-weight: 700;}

/* 결과 */
#aiPlanner .rlt-list {display: flex;width: 100%;margin-bottom: 100px;padding: 18px 0;border: 2px solid var(--color-main);border-radius: 15px;box-sizing: border-box;}
#aiPlanner .rlt-list > li {width: 20%;padding: 0 25px;position: relative;}
#aiPlanner .rlt-list > li:not(:last-child)::after {content: '';display: block;width: 1px;height: 100%;background: #E6E6E6;position: absolute;top: 0;bottom: 0;right: 0;}
#aiPlanner .rlt-list > li > .label {color: var(--color-main);font-size: 16px;font-weight: 600;}
#aiPlanner .rlt-list > li > .txt {font-size: 18px;font-weight: 500;}
#aiPlanner .rlt-cont-wrap > .title {margin-bottom: 20px;font-size: 1.20em;font-weight: 600;}
#aiPlanner .rlt-cont-wrap > .title > span {color: var(--color1);}
#aiPlanner .rlt-cont-wrap .rlt-cont {}

@media all and (max-width: 1199px){
    #aiPlanner .cate-1dep_items .dep-cont ul > li {width: calc(25% - 7.5px);}
}
@media all and (max-width: 1024px){
    #aiPlanner .rlt-list {flex-wrap: wrap;padding: 0;}
    #aiPlanner .rlt-list > li {width: 50%;padding: 15px 20px;}
    #aiPlanner .rlt-list > li:nth-child(odd) {border-right: 1px solid #E6E6E6;}
    #aiPlanner .rlt-list > li:last-child {border-right: 0;}
    #aiPlanner .rlt-list > li:not(:last-child) {border-bottom: 1px solid #E6E6E6;}
    #aiPlanner .rlt-list > li:not(:last-child)::after {display: none;}
}
@media all and (max-width: 768px){
    #aiPlanner .cont-title {margin-bottom: 80px;}
    #aiPlanner .cont-title > .ico {width: 160px;}
    #aiPlanner .cont-title > .title {font-size: 1.63em;}
    #aiPlanner .cate-1dep_items {margin-bottom: 50px;}
    #aiPlanner .cate-1dep_items .dep-tit {margin-bottom: 20px;font-size: 1.22em;}
    #aiPlanner .cate-1dep_items .dep-cont ul.col3 > li {max-width: none;width: calc(50% - 5px);}
    #aiPlanner .cate-1dep_items .dep-cont ul > li > .chk > label {height: 45px;font-size: 16px;}
    #aiPlanner #btn_submit {max-width: 400px;height: 50px;font-size: 18px;}
}
@media all and (max-width: 640px){
    #aiPlanner .cont-title {margin-bottom: 60px;}
    #aiPlanner .cont-title > .ico {width: 140px;}
    #aiPlanner .cate-1dep_items .dep-cont ul > li {width: calc(33.333% - 6.67px);}
    #aiPlanner .cate-1dep_items .dep-cont ul > li > .chk > label {height: 40px;font-size: 15px;}
    #aiPlanner .rlt-list > li > .label {font-size: 14px;}
    #aiPlanner .rlt-list > li > .txt {font-size: 16px;}
    #aiPlanner .rlt-list {margin-bottom: 50px;}
}
@media all and (max-width: 480px){
    #aiPlanner .cate-1dep_items .dep-cont ul > li {width: calc(50% - 5px);}
    #aiPlanner .cate-1dep_items .dep-cont ul.col3 > li {width: 100%;}
    #aiPlanner .rlt-list > li {width: 100%;border-right: 0 !important;}
}


/* ******************* *
* 전체상품 보기
* ******************* */
#itemAll {}
#itemAll .cont-title {margin-bottom: 105px;position: relative;}
#itemAll .cont-title::after {content: '';display: block;width: 800px;height: 128px;background: url(../img/sub/itemall-img_deco.png) center center / cover  no-repeat;position: absolute;top: calc(100% + 20px);left: 0;right: 0;margin: auto;}
#itemAll .cont-title > .title {text-align: center;}
#itemAll #sct_wrap {margin-bottom: 50px;}
#itemAll .sct_ct > ul:not(:last-child) {margin-bottom: 10px;}

@media all and (max-width: 1024px){
    #itemAll .cont-title {margin-bottom: 80px;}
    #itemAll .cont-title::after {width: 600px;height: 96px;top: calc(100% + 10px);}
}
@media all and (max-width: 768px){
    #itemAll .cont-title {margin-bottom: 60px;}
    #itemAll .cont-title::after {width: 450px;height: 72px;}
}
@media all and (max-width: 640px){
    #itemAll .cont-title {margin-bottom: 50px;}
    #itemAll .cont-title::after {width: 310px;height: 49px;}
}


/* ******************* *
* 상품 상세보기
* ******************* */
#itemView {padding: 70px 0 150px;position: relative;}
#itemView .sit_admin {display: flex;justify-content: flex-end;gap: 10px;}
#itemView .sit_admin a {display: block;min-width: 90px;height: auto;padding: 8px;background: #E04545;color: #fff;font-size: 14px;text-align: center;line-height: 1.0;}
#itemView .sit_admin a:hover {color: #fff;background: #a32424;}
