/* 준비중페이지 */
.ready_page {padding: 425px 70px 480px; text-align: center;background: #F8FAFE;}
@media (max-width:768px) {
    .ready_page {padding: 223px 70px 310px;} 
}
/* 준비중페이지 End */

#body_layout .body_wrap {overflow: hidden;}

/* sub0101 소개 */
.sub01_01 .contents_wrap {max-width: 100%;padding: 0;}
.s0101 .layout {max-width: 1240px;}
.s0101 .top {position: relative; padding-top: 113px;}
.s0101 .top::before {position: absolute; left: 0;top: 0; width: 100%;height: calc(100% + 330px);content: "";background: linear-gradient(180deg, rgba(242,247,255,1) 60%, rgba(242,247,255,0) 100%);z-index: -2;}
.s0101 .top .title {display: block;font-family: 'Jalnan OTF';font-size: 60px; color: #222;line-height: 1.3;letter-spacing: 0;text-align: center;}
.s0101 .top .title b {color: #4478FF;}
.s0101 .top .title .salon {display: inline-block;margin-top: 10px;margin-left: 16px;vertical-align: text-bottom;}
.s0101 .top .text {margin-top: 20px; font-size: 27px; color: #222;line-height: 1.4;letter-spacing: -0.02em;text-align: center;}
.s0101 .top .img {position: relative; margin-top: 30px;text-align: center;}
.s0101 .top .img::before {position: absolute;right: -70px;top: -120px;width: 226px;height: 217px;background: url(/images/wysl/sub01/sub0101_deco1.png);background-size: contain; content: "";z-index: -1;}
.s0101 .top .img::after {position: absolute;left: -200px;bottom: -207px;width: 398px;height: 403px;background: url(/images/wysl/sub01/sub0101_deco2.png);background-size: contain; content: "";z-index: -1;}
.s0101 .top .text_box {display: flex;max-width: 935px; margin: 60px auto 0;}
.s0101 .top .text_box strong {flex-shrink: 0; margin-right: 30px; font-size: 30px; color: #444;}
.s0101 .top .text_box strong b {position: relative;}
.s0101 .top .text_box strong b::before {position: absolute; left: 50%;transform: translateX(-50%); top: -11px; width: 12px;height: 12px;border-radius: 50%;background:#4478FF;content:"";}
.s0101 .top .text_box p {margin-top: 5px;font-size: 23px;color: #222; line-height: 1.4;}
.s0101 .list_wrap {position: relative;}
.s0101 .list_wrap::before {position: absolute;right: -0px; bottom: -150px; width: 156px;background: url(/images/wysl/sub01/sub0101_deco3.png);background-size: contain; height: 298px;content: "";z-index: -1;}
.s0101 .info_list {margin: 280px 0 160px;}
.s0101 .info_list li {display: flex;align-items: center;}
.s0101 .info_list li + li {align-items: flex-end;margin-top: 70px;}
.s0101 .info_list li:nth-child(even) {flex-direction: row-reverse;}
.s0101 .info_list li .text {position: relative; width: 50%; margin-bottom: 60px;}
.s0101 .info_list li:nth-child(odd) .text {margin-right: 7%;}
.s0101 .info_list li .text::before {position: absolute;left: -65px; top: -27px; width: 137px;height: 137px;border-radius: 50%;background: #A4E9FF; content: "";z-index: -1;}
.s0101 .info_list li:nth-child(2) .text::before {left: 189px; top: -19px; background: #98FFD7;}
.s0101 .info_list li .text strong {display: block;font-family: 'Jalnan OTF';font-size: 40px;color: #222;line-height: 1.3; letter-spacing: 0;}
.s0101 .info_list li .text p {margin-top: 25px; font-size: 30px; color: #222;line-height: 1.5;letter-spacing: 0;}
.s0101 .info_list li .illust {position: relative; width: 50%;}
.s0101 .info_list li:nth-child(even) .illust {margin-right: 8%;}
.s0101 .info_list li .illust img {max-width: initial; max-height: initial;}
.s0101 .info_list li:nth-child(2) .illust img {float: right;}
@media (max-width: 1400px){
    .s0101 .info_list li .illust img{position: relative;left: auto !important;top: auto !important;max-width: 100%;}
}
@media (max-width: 1299px){
    .s0101 .layout {max-width: 100%; padding: 0 30px;}
    .s0101 .info_list li .text::before {left: -20px; width: 110px; height: 110px;}
}
@media (max-width: 1240px){
    .s0101 .info_list li .text strong {font-size: 35px;}
    .s0101 .info_list li .text p {font-size: 25px;}
}
@media (max-width: 1024px){
    .s0101 .top .title {font-size: 50px;}
    .s0101 .top .title .salon {width: 180px;}
    .s0101 .top .text {font-size: 24px;}
    .s0101 .top .text_box p {font-size: 22px;}
}
@media (max-width: 900px){
    .s0101 .list_wrap::before {width: 104px;height: 200px;}
    .s0101 .top .img::before {right: -100px;top: -80px;width: 180px;height: 172px;}
    .s0101 .top .img::after {left: -120px; bottom: -120px;width: 250px;height: 253px;}
    .s0101 .info_list {margin: 160px 0 90px;}
    .s0101 .info_list li {flex-direction: column;}
    .s0101 .info_list li + li {align-items: center;}
    .s0101 .info_list li:nth-child(even) {flex-direction: column;}
    .s0101 .info_list li .text {width: 100%;}
    .s0101 .info_list li:nth-child(odd) .text {margin-right: 0;}
    .s0101 .info_list li .illust {width: 100%; max-width: 450px;}
    .s0101 .info_list li:nth-child(even) .illust {margin-right: 0;}
}
@media (max-width: 767px){
    .s0101 .top .title {font-size: 45px;}
    .s0101 .top .title .salon {width: 160px;}
    .s0101 .top .text_box {flex-direction: column;}
    .s0101 .info_list li .text::before {top: -10px;width: 90px; height: 90px;}
    .s0101 .info_list li:nth-child(2) .text::before {left: 160px;top: -5px;}
    .s0101 .info_list li .text p {font-size: 22px;}
}
@media (max-width: 550px){
    .s0101 .top .title {font-size: 40px;}
    .s0101 .top .title .salon {width: 130px;}
    .s0101 .top .text {font-size: 20px;}
    .s0101 .top .text_box strong {font-size: 25px;}
    .s0101 .top .text_box p {font-size: 17px;}
    .s0101 .list_wrap::before {display: none;}
    .s0101 .info_list {margin: 110px 0 0;}
    .s0101 .info_list li .text strong {font-size: 26px;}
    .s0101 .info_list li .text p {font-size: 18px;}
    .s0101 .info_list li .text::before {width: 70px; height: 70px;}
    .s0101 .info_list li:nth-child(2) .text::before {left: 130px;}
}
/* sub0101 소개 End */

/* sub0102 인사말 se01c */
.greetings_se01c{margin-top:130px;background: none;}
.greetings_se01c .top{padding-right:43%;}
.greetings_se01c .top strong{display:block;font-family: 'Jalnan OTF';color:#222;font-size:50px;font-weight:bold;letter-spacing:0;line-height: 1.26;}
.greetings_se01c .top strong b {color: #4478FF;}
.greetings_se01c .top span {display: block;margin-top: 14px;font-family: 'Jalnan OTF';color: #676970;font-size: 22px;letter-spacing: 0;}
.greetings_se01c .bottom{position:relative;}
.greetings_se01c .bottom .inner .borderbox{float:right;width:595px;height:315px;}
.greetings_se01c .bottom .inner p {margin-top:36px;font-size: 18px;color:#222;}
.greetings_se01c .bottom .pic_box{position:absolute;right:0;top:-180px;width:532px;}
.greetings_se01c .bottom .pic_box .img {text-align: center;}

@media(max-width:1200px){
    .greetings_se01c .top{padding-right:0;}
    .greetings_se01c .bottom .inner .borderbox{display:none;}
    .greetings_se01c .bottom .pic_box{position:relative;right:auto;top:auto;width: auto; margin:30px auto;}
}
@media(max-width:767px){
    .greetings_se01c .top strong {font-size: 42px;}
}
@media(max-width:500px){
    .greetings_se01c .top strong {font-size: 33px;}
    .greetings_se01c .top span {font-size: 20px;}
    .greetings_se01c .bottom .inner p {font-size: 16px;}
}
/* sub0102 인사말 se01c End */


/* sub0401 요리산책 */
.recipe {margin-top: 120px;}
.recipe .top .title {display: block;margin-bottom: 40px; font-family: 'Jalnan OTF'; font-size: 36px; color: #000;text-align: center;line-height: 1.3;}
.recipe .top .title b {color: #FF8515;}
.recipe .top .box {position: relative; padding: 65px 80px 80px; background: #fff;border-radius: 25px;box-shadow: 3px 4px 25px 0px rgba(0, 15, 67, 0.15);}
.recipe .top .box .inner {display: flex; flex-wrap: wrap;}
.recipe .top .box .img {overflow: hidden;position: relative; width: 40%; border-radius: 15px;}
.recipe .top .box .img img {display: block;position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 1000%;min-height: 100%;}
.recipe .top .box .text {width: 60%; padding-left: 6%;}
.recipe .top .box .text .title {display: block;margin-bottom: 20px;padding-bottom: 20px; font-family: 'Jalnan OTF';font-size: 24px; color: #222; border-bottom: 2px solid #222;text-align: left;}
.recipe .top .box .text > ul {float: left; width: 50%;border-right: 1px dashed rgba(0,0,0,0.3);}
.recipe .top .box .text > ul:last-child {border: none;}
.recipe .top .box .text > ul > li {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px 0;padding-right: 23%;}
.recipe .top .box .text > ul + ul > li {padding-left: 19%;}
.recipe .top .box .text > ul > li .txt1 {font-weight: bold;font-size: 15px;color: #222;}
.recipe .top .box .text > ul > li .txt2 {font-size: 15px;color: #222;}
.recipe .top .box .txtbox {overflow: hidden;margin-top: 34px; padding: 20px 40px; background: #F3F8FF;border-radius: 15px;}
.recipe .top .box .txtbox ul li {position: relative; margin: 10px 0;padding-left: 110px;}
.recipe .top .box .txtbox ul li.long {padding-left: 150px;}
.recipe .top .box .txtbox ul li .tit {position: absolute; left: 0;top: 0; display: block; font-family: 'Jalnan OTF'; font-weight: bold;font-size: 15px; color: #000;}
.recipe .video {position: relative;}
.recipe .video .title {display: block;margin-top: 90px; font-family: 'Jalnan OTF'; margin-bottom: 20px; font-size: 30px; color: #153B75;}
.recipe .video .box {position: relative;}
.recipe .video .box::before {position: absolute; left: 50%;transform: translateX(-50%);top: 50%; width: 100vw; height: 100vh;content: "";background: #F9FBFF;z-index: -1;}
.recipe .video video {box-shadow: 4px 6px 30px 0px rgba(0, 15, 67, 0.2);border:20px solid #fff; border-radius: 30px;}
.recipe .video .text {overflow: hidden; margin: 0 -10px;}
.recipe .video .text.col2 > .num-list {float: left;width: calc(50% - 20px);}
.recipe .video .text > .num-list {margin: 0 10px;}
.recipe .video .text > .num-list > li {padding-left: 48px; margin: 15px 0; font-size: 18px;font-weight: bold;}
.recipe .video .text > .num-list > li span {width: 28px;height: 28px; margin-right: 10px;line-height: 28px; font-family: 'Jalnan OTF'; font-size: 16px; background: #4478FF;}

@media (max-width:1024px) {
    .recipe .top .box {padding: 50px 50px 60px;}
    .recipe .video .text {margin: 0;}
    .recipe .video .text.col2 > .num-list {float: none; width: 100%;margin: 0;}
}
@media (max-width:900px) {
    .recipe .top .box .inner {flex-direction: column;}
    .recipe .top .box .img {width: 100%;}
    .recipe .top .box .img img {position: relative; left: auto;top: auto;transform: none;max-width: 100%;}
    .recipe .top .box .text {width: 100%; padding-left: 0;margin-top: 20px;}
    .recipe .top .box .txtbox {padding: 10px 25px;}
    .recipe .video .title {margin-top: 70px;}
}
@media (max-width:550px) {
    .recipe .top .box {padding: 40px 30px;}
    .recipe .top .title {font-size: 30px;}
    .recipe .top .box .text .title {font-size: 22px;}
    .recipe .top .box .text > ul {float: none; width: 100%;border: 0;}
    .recipe .top .box .text > ul > li {padding-right: 0;}
    .recipe .top .box .text > ul + ul > li {padding-left: 0;}
    .recipe .top .box .txtbox ul li,
    .recipe .top .box .txtbox ul li.long {padding-left: 0;}
    .recipe .top .box .txtbox ul li .tit {position: relative; left: auto;top: auto;}
    .recipe .video .title {font-size: 26px;}
}
/* sub0401 요리산책 End */