/* header */ #header {background-color: #fff;} #header h1 {padding: 11px 0 0 12px; width: 125px;} #header h1 .logo {width: 125px; height: 40px; background: url(../2022/img/logo.png) no-repeat 0 0; background-size: contain;} /* --- common --- */ #subSection {line-height: 1.5;} .pc_br {display: none;} .title-section {display: flex; justify-content: center; align-items: center; width: 100%; height: 250px; background: #fff; border-bottom: 5px solid #f8d164;} .title-section .inner-section {padding-top: 0; height: auto;} .title-section h2 {display: block; margin-bottom: 0; font-size: 40px; font-family: 'GmarketSansMedium'; color: #1b1a1a; font-weight: bold; -webkit-text-stroke-width: 0; line-height: 1.2;} .title-section h2:before {content: '' !important; top: auto;} .title-section h2:after {content: ''; position: absolute;} .title-section h2 em {display: block; color: #f8d164;} .video-view .video-iframe video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .video-frame .video-thumb {height: 100%;} .video-frame .video-thumb img {height: 100%;} .video-view .tab-list li button {display: block; width: 80px;} /* --- 마이나슈 on --- */ /* 마이나슈 이야기 */ #what01 .title-section h2:before {left: -92px; bottom: -82px; width: 77px; height: 141px; background: url(../2022/img/mobile/what0101_ch01.png) no-repeat; background-size: contain;} #what01 .title-section h2:after {right: -130px; bottom: -106px; width: 116.5px; height: 205px; background: url(../2022/img/mobile/what0101_ch02.png) no-repeat; background-size: contain;} .minasu-info {position: relative;} .minasu-info:after {content: ''; position: absolute; left: 0; top: 17px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} .minasu-info .inner-section {padding: 0;} #what01 .minasu-info h3 {display: block; margin: 0 auto 45px; width: 137.5px; height: 33.5px; background: url(../2022/img/mobile/info_tit.png) #fff no-repeat 50%; background-size: contain; font-size: 0; z-index: 5;} .minasu-info h3:before {display: none;} .minasu-info b {display: block; font-size: 16px; text-align: center;} .minasu-info p {margin-top: 22.5px; font-size: 14px;} .minasu-logo {margin-top: 15px;} .minasu-logo .inner-section {padding: 0;} .minasu-logo h4 {font-size: 24px; text-align: center; font-weight: bold;} #what01 .minasu-logo .logo-img {margin: 0 auto 20px; width: calc(100% - 30px);} #what01 .minasu-logo .logo-section p {margin: 0 auto; width: calc(100% - 50px); box-sizing: border-box;} #what01 .active-section h4 {display: block; margin: 0 auto 60px; width: 326px; height: 95px; background: url(../2022/img/active_tit.png) no-repeat; background-size: contain; font-size: 0;} .active-section .active-list li {margin-bottom: 60px;} .active-section .active-list li:last-child {margin-bottom: 0;} #what01 .active-section .active-card dl dt {margin-bottom: 0; font-family: 'GmarketSansMedium'; font-weight: bold; font-size: 32px;} #what01 .active-section .active-card dl dd {font-size: 16px; font-weight: 700; line-height: 1.5;} #what01 .active-section .active-card .active-img {margin: 10px 0 0px;} /* #what01 .active-section .active-list li:last-child .active-img {height: 155px; background-color: #c1c1c1; border: 1px solid #000; box-sizing: border-box; box-shadow: 5px 5px 10px rgba(0,0,0,.25);} */ .active-section .active-list .active-card a {display: block; margin: 0 auto; width: 170px; height: 43px; text-align: center; line-height: 45px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #1b1a1a; border-radius: 50px;} /* 마이나슈 캐릭터 소개 */ #what02 .title-section .inner-section {width: 100%;} #what02 .title-section h2:before {display: none;} #what02 .title-section h2:after {right: 0px; bottom: -108px; width: 128px; height: 169.5px; background: url(../2022/img/mobile/what0201_ch01.png) no-repeat; background-size: contain;} .character-info {position: relative; padding-bottom: 125px;} .character-info:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 65%; background-color: #ffe38e; z-index: -1;} .character-info .inner-section {padding: 0 25px;} .character-info h3 {margin: 0 auto 50px; width: 298.5px; height: 75.5px; background: url(../2022/img/mobile/charInfo_tit.png) no-repeat; background-size: contain; font-size: 0;} .character-info .info-list img {display: block; margin: 0 auto 35px; width: 60%;} /* .character-info .info-list .info p {font-size: 14px; text-align: center;} .character-info .info-list .info p em {font-size: 17px;} */ .character-info .info-list .info .name {display: block; margin-bottom: 20px; font-size: 3vw; text-align: center; font-family: 'GmarketSansMedium'; line-height: 1.3;} .character-info .info-list .info .name b {font-size: 4vw;} /* .character-info .info-list .info p i {color: #e1a700;} */ .character-info .info-list .info ul li {display: flex; font: 2vw;} .character-info .info-list .info ul li span:first-child {margin-right: 5px; min-width: 33px;} .character-info .info-list .info ul li::before {content: '-'; display: inline-block; vertical-align: middle; font-size: 20px; transform: translateY(-6px); margin-right: 7px;} .character-info .info-list .keyword {margin-top: 35px; text-align: center;} .character-info .info-list .keyword img {display: inline-block; margin-right: 15px; width: 26%; vertical-align: middle;} /* 덜 짜게, 덜 달게 */ #what03 .title-section .inner-section {width: 100%;} #what03 .title-section h2 em {margin-left: -13px;} #what03 .title-section h2:after {top: -75px; right: 0; width: 113.5px; height: 161px; background: url(../2022/img/mobile/what0301_ch01.png) no-repeat 50%; background-size: contain;} .amount-section h3 {margin: 0 auto 35px; width: 217px; height: 65px; background: url(../2022/img/mobile/amount_tit.png) no-repeat; background-size: contain; font-size: 0;} .amount-section .inner-section {padding: 0 25px;} .amount-section p {font-size: 14px; text-align: center;} .amount-section .amount-item {margin-top: 65px;} .amount-section .amount-item dl {position: relative; padding: 35px; margin-bottom: 20px; height: 140px; border: 1px solid #f6f2ee;box-sizing: border-box;} #what02 .amount-section .amount-item dl dt {font-size: 15px; line-height: 22px} .amount-section .amount-item dl dt em {font-weight: 700;} .amount-section .amount-item dl dd {font-size: 25px; font-weight: 700;} .amount-section .amount-item dl.card1 {background: url(../img/what02_item2_01.png) no-repeat right 35px center; background-size: auto 129px;} .amount-section .amount-item dl.card2 {background: url(../img/what02_item2_03.png) no-repeat right 5px bottom 15px; background-size: auto 80px;} .amount-section .amount-item dl.card2:before {content:"";position: absolute; left:15px; top: -21px; display: block; width: 52.5px; height: 61px; background: url(../img/what02_item2_02.png) no-repeat center center; background-size: contain;} .intake-status {padding-bottom: 75px; margin-top: 127px;} .intake-status .inner-section {padding: 0 25px;} .intake-status h3 {margin: 0 auto 40px; width: 113.5px; height: 62px; background: url(../2022/img/mobile/intake_tit.png) no-repeat; background-size: contain; font-size: 0;} .intake-status p {font-size: 14px; text-align: center;} .intake-status .status-info {margin-top: 60px;} .intake-status .status-info dt {margin-bottom: 20px; font-size: 20px; font-weight: 700; text-align: center; line-height: 1;} .intake-status .status-info dd {margin-bottom: 45px;} .intake-status .status-info dd em {display: block; padding: 15px 10px 10px; border: 1px solid #f6f2ee; box-sizing: border-box;} .intake-status .status-info dd img {width: 100%;} .intake-status .status-info dd p {margin-top: 10px; font-size: 12px; color: #585858;} .question-section {padding: 125px 0; background-color: #f2f2f2;} .question-section .inner-section {padding: 0 25px;} .question-section h3 {margin: 0 auto 35px; width: 215px; height: 158px; background: url(../2022/img/mobile/qustion_tit.png) no-repeat; background-size: contain; font-size: 0;} .question-section a {display: block; margin: 0 auto; width: 170px; height: 43px; text-align: center; line-height: 45px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #1b1a1a; border-radius: 50px;} /* 저염저당 실천하기 */ #what04 .title-section .inner-section {width: 100%;} #what04 .title-section h2:after {right: 15px; bottom: -68px; width: 123px; height: 123.5px; background: url(../2022/img/mobile/what0401_ch01.png) no-repeat 50%; background-size: contain;} #what04 .content-section {padding-bottom: 125px;} .problem-section {position: relative; padding-bottom: 75px;} .problem-section:after {content: ''; position: absolute; left: 0; top: 22px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box; z-index: -1;} .problem-section .inner-section{padding:0 25px;} .problem-section h3 {margin: 0 auto 20px; width: 187.5px; height: 63.5px; background: url(../2022/img/mobile/problem_tit.png) #fff no-repeat 50%; background-size: contain; font-size: 0;} .problem-section p {font-size: 16px; font-weight: 700; text-align: center;} .problem-section .disease-section {margin-top: 65px;} .problem-section .disease-section dl{margin-bottom:45px;} .problem-section .disease-section dl dt{margin-bottom:25px;font-family: 'GmarketSansMedium';font-size:18px;font-weight:bold;text-align:center;} .problem-section .disease-section dl.natrium dt em{color:#e1a700} .problem-section .disease-section dl.sugars dt em{color:#e1a700} .problem-section .disease-list:after{content:"";clear:both;display:block} .problem-section .disease-list li{float:left;width:50%;border:1px solid #f2f2f2;box-sizing:border-box;} .problem-section .disease-list li em{display:block;width:100%;height:75px;padding-left:90px;line-height:75px;font-size:15px;font-weight:700;box-sizing:border-box;background:no-repeat 10px center;background-size:60px 60px;} .problem-section .disease-list li em.ds1{background-image:url(../img/what03_item2_01.png)} .problem-section .disease-list li em.ds2{background-image:url(../img/what03_item2_02.png)} .problem-section .disease-list li em.ds3{background-image:url(../img/what03_item2_03.png)} .problem-section .disease-list li em.ds4{background-image:url(../img/what03_item2_04.png)} .problem-section .disease-list li em.ds5{background-image:url(../img/what03_item2_05.png)} .problem-section .disease-list li em.ds6{background-image:url(../img/what03_item2_06.png)} .problem-section .disease-list li em.ds7{background-image:url(../img/what03_item2_07.png)} .way-section{position: relative; padding-bottom: 80px;} .way-section:after {content: ''; position: absolute; left: 0; top: 27px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box; z-index: -1;} .way-section .inner-section{padding:0 25px;} .way-section h3 {margin: 0 auto 15px; width: 182.5px; height: 65px; background: url(../2022/img/mobile/way_tit.png) #fff no-repeat 50%; background-size: contain; font-size: 0;} .way-section p {font-size: 16px; font-weight: 700; text-align: center;} .way-section .way-info {margin-top: 65px;} .way-section .way-info dl dt{margin-bottom:30px;} .way-section .way-info dl dd{border:1px solid #f2f2f2;box-sizing:border-box;} .way-section .way-list:after{content:"";clear:both;display:block} .way-section .way-list {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .way-section .way-list li{min-width: 160px; padding:110px 30px 30px;min-height:224px;background:no-repeat 30px 30px;background-size:auto 73px;box-sizing:border-box;} .way-section .way-list li em{font-size:14px;font-weight:700;line-height:21px} .way-section .way-info .natrium dt {margin: 0 auto 20px; width: 257.5px; height: 55px; background: url(../2022/img/mobile/wayAct_tit01.png) no-repeat 50%; background-size: contain; font-size: 0;} .way-section .natrium .way-list li.way1{background-image:url(../img/what03_item4_01.png)} .way-section .natrium .way-list li.way2{background-image:url(../img/what03_item4_02.png)} .way-section .natrium .way-list li.way3{background-image:url(../img/what03_item4_03.png)} .way-section .natrium .way-list li.way4{background-image:url(../img/what03_item4_04.png)} .way-section .natrium .way-list li.way5{background-image:url(../img/what03_item4_05.png)} .way-section .natrium .way-list li.way6{background-image:url(../img/what03_item4_06.png)} .way-section .way-info .sugars dt {margin: 0 auto 20px; width: 257.5px; height: 55px; background: url(../2022/img/mobile/wayAct_tit02.png) no-repeat 50%; background-size: contain; font-size: 0;} .way-section .natrium .way-list li em i{color:#897162} /* .way-section .sugars .way-list li em {font-size: 0; color: transparent;} */ .way-section .sugars .way-list li em i{color:#e1a700} .way-section .sugars .way-list li.way1{background-image:url(../img/what03_item4_07.png)} .way-section .sugars .way-list li.way2{background-image:url(../img/what03_item4_08.png)} .way-section .sugars .way-list li.way3{background-image:url(../img/what03_item4_09.png)} .way-section .sugars .way-list li.way4{background-image:url(../img/what03_item4_10.png)} .way-section .sugars .way-list li.way5{background-image:url(../img/what03_item4_11.png)} .slide-section .inner-section {padding: 0 25px;} .tab-slide .slide-menu .menu-list > li.active button {color: #0063d3;} .slide-section + .way-section:after {display: none;} /* 저당저염 실천본부 */ #what05 .title-section h2:after {left: -100px; bottom: -80px; width: 104.5px; height: 130px; background: url(../2022/img/mobile/what0501_ch01.png) no-repeat 50%; background-size: contain;} .center-section {position: relative; padding-bottom: 10px;} .center-section:after {content: ''; position: absolute; left: 0; top: 27px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box; z-index: -1;} .center-section .inner-section {padding: 0 25px;} .center-section h3 {margin: 0 auto 37.5px; width: 112px; height: 59px; background: url(../2022/img/center_tit.png) #fff no-repeat 50%; background-size: contain; font-size: 0;} .center-section p {font-size: 14px; text-align: center;} .center-section .photo-list {padding-bottom: 100px; margin-top: 65px; zoom: 1} .center-section .photo-list:after{content:"";clear:both;display:block} .center-section .photo-list li {float:left;position:relative;width:calc(100% / 3);} .center-section .photo-list li:after{content:"";display:block;padding-bottom:100%;} .center-section .photo-list li img{position:absolute;left:-10%;top:0;max-width:120%;} .center-section .photo-list li.pt1{z-index:3} .center-section .photo-list li.pt2{z-index:2} .center-section .center-role h4 {margin: 0 auto 8px; width: 196px; height: 54.5px; font-size: 0; background: url(../2022/img/center_subtit01.png) no-repeat; background-size: contain;} .center-section .center-role dl {padding: 18px 0 15px; border-bottom: 1px solid #000;} .center-section .center-role ol li:last-child dl {border-bottom: none;} .center-section .center-role dl dt {font-size: 14px; font-weight: 600; text-align: center;} .center-section .center-role dl dd {font-size: 14px; text-align: center;} .center-section .center-role dl dd i {display: block;} .center-member {padding: 120px 0 125px; background-color: #f2f2f2;} .center-member .inner-section {padding: 0 25px;} .center-member h4 {margin: 0 auto 10px; width: 170px; height: 55px; background: url(../2022/img/mobile/center_subtit02.png) no-repeat; background-size: contain; font-size: 0;} .center-member p {font-size: 14px; text-align: center;} .center-member p em {font-weight: bold;} .center-member h5 {margin: 25px 0 15px; font-size: 16px; text-align: center;} .center-member .member-list{background:#fff;} .center-member .member-list table{width:100%;table-layout:fixed;border-collapse:collapse;} .center-member .member-list table th{padding:16px 0;font-size:14px;font-weight:700;text-align:center;border-top:3px solid #000;border-bottom:1px solid #ededed} .center-member .member-list table td{padding:10px 0;font-size:14px;font-weight:200;text-align:center;} .center-member .member-list table.table2 tr.head{display:none} /* --- 할수있다 마이나슈 --- */ .lets-section {padding-bottom: 0;} .lets-section .title-section {border-bottom-color: #493a30;} .lets-section .title-section h2, .lets-section .title-section h3 {color: #1b1a1a; -webkit-text-stroke: 0;} .lets-section .title-section h2 em {color: #0063d3;} /* 저염저당 레시피 */ #lets01 .title-section .inner-section {width: 100%;} #lets01 .title-section h2:before {bottom: -82px; left: 20px; width: 77px; height: 141px; background: url(../2022/img/mobile/lets0101_ch01.png) no-repeat; background-size: contain;} #lets01 .title-section h2:after {bottom: -108px; right: -1px; width: 101.5px; height: 204.5px; background: url(../2022/img/mobile/lets0101_ch02.png) no-repeat; background-size: contain;} #lets01 .content-section {padding-bottom: 0;} #lets01 .content-section > .inner-section {padding: 0;} #lets01 h3 {margin: 0 auto 30px; width: 309px; height: 165.5px; font-size: 0; background: url(../2022/img/mobile/lets_tit.png) no-repeat; background-size: contain;} #lets01 h3 + p {margin-bottom: 120px; font-size: 14px; text-align: center;} /* #lets01 h3 + p:before {content: ''; display: block; margin: 0 auto 27px; width: 2px; height: 12px; background-color: #000;} */ #lets01 h3 + p em {font-weight: 700;} .recipe-section {padding: 120px 0; background-color: #f2f2f2;} .recipe-section .inner-section {padding: 0 25px;} /* .recipe-section ul {background-color: #e1f0df;} */ .recipe-section ul li {padding: 25px 0 32px; background-color: #fff; border: 1px solid #e5e5e5; border-bottom: none; box-sizing: border-box;} .recipe-section ul li:last-child {border-bottom: 1px solid #e5e5e5;} .recipe-section ul li .recipe-card b {display: block; margin-bottom: 30px; font-family: 'GmarketSansMedium'; font-size: 17px; text-align: center;} .recipe-section ul li .recipe-card .recipe-img {display: block; margin-bottom: 10px; height: 150px; text-align: center;} .recipe-section ul li .recipe-card .recipe-img img {max-width: 100%; max-height: 100%;} .recipe-section ul li .recipe-card p {font-size: 14px; text-align: center; font-weight: 500;} .recipe-section ul li a {display: block; margin: 15px auto 0; width: 170px; height: 42px; text-align: center; line-height: 46px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #000; border-radius: 50px;} /* .recipe-section ul li.event {background-color: #e1f0df;} */ .recipe-section ul li.event {background-color: #e5e5e5;} .recipe-section ul li.event .tit {margin: 0 auto; width: 300px; height: 135px; background: url(../2022/img/lets0101_event.png) no-repeat; background-size: contain; font-size: 0;} .recipe-section ul li.event .txt {margin-bottom: 5px; font-size: 16px; color: #1b1a1a; transform: rotate(-2deg) skew(-3deg); -webkit-transform: rotate(-2deg) skew(-3deg); text-align: center; font-weight: 500;} /* 저감요리 경연대회 */ #lets02 .title-section .inner-section {width: 100%;} #lets02 .title-section h2:before {bottom: -82px; left: 20px; width: 77px; height: 141px; background: url(../2022/img/mobile/lets0101_ch01.png) no-repeat; background-size: contain;} #lets02 .title-section h2:after {bottom: -108px; right: -1px; width: 101.5px; height: 204.5px; background: url(../2022/img/mobile/lets0101_ch02.png) no-repeat; background-size: contain;} #lets02 .content-section {padding-top: 75px; background-color: #f2f2f2;} .contest-section dl {padding-bottom: 25px; margin-bottom: 57px; border: 1px solid #e5e5e5; background-color: #fff; box-sizing: border-box;} .contest-section dl:last-child {margin-bottom: 0;} .contest-section dl dt {position: relative;} .contest-section dl dt span {position: absolute; left: 50%; top: -75px; margin-left: -58px; width: 116px; height: 54.5px; font-size: 0;} .contest-section dl:nth-of-type(1) dt span {background: url(../2022/img/mobile/year_2024.png) no-repeat; background-size: contain;} .contest-section dl:nth-of-type(2) dt span {background: url(../2022/img/mobile/year_2023.png) no-repeat; background-size: contain;} .contest-section dl:nth-of-type(3) dt span {background: url(../2022/img/mobile/year_2022.png) no-repeat; background-size: contain;} .contest-section dl:nth-of-type(4) dt span {background: url(../2022/img/mobile/year_2021.png) no-repeat; background-size: contain;} .contest-section dl:nth-of-type(5) dt span {background: url(../2022/img/mobile/year_2020.png) no-repeat; background-size: contain;} .contest-section dl dt img {display: block; margin: 45px auto 0; width: 45%;} /* .contest-section dl:nth-of-type(4) dt img {width: 80%;} */ .contest-section dl dd p {margin: 15px 0; font-size: 14px; text-align: center; font-weight: 600;} .contest-section dl dd a {display: block; position: relative; width: 100%; height: 100%;} .contest-section dl dd a img {width: 100%;} .contest-section dl dd a:after {content: 'EBS 바로가기'; position: absolute; left: 50%; top: 50%; margin: -17.5px 0 0 -60px; width: 120px; height: 35px; font-family: 'GmarketSansMedium'; font-size: 10px; font-weight: bold; line-height: 38px; background-color: #000; border-radius: 50px; color: #fff; z-index: 5; text-align: center;} .contest-section dl dd span {display: block; margin-top: 5px; font-family: 'GmarketSansMedium'; font-weight: bold; font-size: 10px; text-align: center; letter-spacing: -1px;} /* 식습관 개선 프로그램 */ #lets03 .title-section .inner-section {width: 100%;} /* #lets03 .title-section h2 {margin-top: -5px; letter-spacing: -3px;} */ #lets03 .title-section h2:after {left: 50%; bottom: -75px; margin-left: -199px; width: 398.5px; height: 148.5px; background: url(../2022/img/mobile/lets0302_ch01.png) no-repeat; background-size: contain;} .mb-menu > button {background-color: #493a30;} .lets-section dl.content-title {margin-bottom: 105px;} .lets-section dl.content-title dt {font-family: 'GmarketSansMedium'; font-size: 23px; font-weight: bold; line-height: 1.5;} .lets-section dl.content-title dt em {display: block; color: #0063d3;} .lets-section dl.content-title dd {font-size: 14px; word-break: keep-all;} .video-section .video-view {padding-bottom: 30px;} .video-section .video-view .tab-section .tab-list {position: absolute; left: 0; top: 52px;} .video-section .video-view .video-title {padding: 0 0 25px; font-size: 15px;} .video-section .video-info {margin-bottom: 125px;} .video-section .video-info .info-list dt {background-color: #f2f7fd;} .video-section .video-info .info-list dd {word-break: keep-all;} .video-section .video-info .info-list dd em {color: #0063d3;} #lets03.v1 .video-section .video-view .tab-section .tab-list {top: 74px;} #lets03.v1 .video-section .video-view .video-title, #lets03.v3 .video-section .video-view .video-title {padding-bottom: 70px;} /* 토크콘서트 */ #lets04 .title-section .inner-section {width: 100%;} #lets04 .title-section h2 {width: 100%; line-height: 1.3;} #lets04 .title-section h2:before {bottom: -97px; left: 10px; width: 75px; height: 110.5px; background: url(../2022/img/mobile/lets0401_ch01.png) no-repeat; background-size: contain;} #lets04 .title-section h2:after {bottom: -98px; right: 0px; width: 86.5px; height: 167px; background: url(../2022/img/mobile/lets0401_ch02.png) no-repeat; background-size: contain;} #lets04.v2 .video-section .video-view .video-title {padding-bottom: 70px;} /* 쿠킹클래스 */ #lets05 .title-section .inner-section {width: 100%;} #lets05 .title-section h2:before {bottom: -108px; left: 25px; width: 59.5px; height: 110.5px; background: url(../2022/img/mobile/lets0501_ch01.png) no-repeat; background-size: contain;} #lets05 .title-section h2:after {bottom: -116px; right: 0; width: 104px; height: 157px; background: url(../2022/img/mobile/lets0501_ch02.png) no-repeat; background-size: contain;} #lets05 .content-section {padding-bottom: 0;} #lets05 .recipe-section {background-color: #e5effb;} #lets05 .recipe-section h4 {margin: 0 auto 15px; width: 197.5px; height: 55px; background: url(../2022/img/mobile/recipe_tit.png) no-repeat; background-size: contain; font-size: 0;} #lets05 .recipe-section ul li {padding: 0; border: 1px solid #0063d3;} /* --- 어린이 마이나슈 ---- */ .child-section .title-section {border-bottom-color: #0063d3;} .child-section .title-section h2 em {color: #0063d3;} .child-section .content-section {position: relative;} .child-section .content-section .inner-section {padding: 0 25px;} /* 튼튼먹거리 탐험대 */ #child01 .title-section h2:before {position: relative; right: auto; bottom: auto; display: block; margin: 0 auto 15px; width: 105.5px; height: 48px; background: url(../img/safe02_left_logo.png) no-repeat; background-size: contain;} #child01 .title-section h2 em {display: inline-block;} #child01 .content-section .inner-menu {top: 50px;} #child01 .content-section .inner-menu.fixed {top: 70px;} #child01 div[class^='child-content'] {position: relative;} #child01 div[class^='child-content']:after {content: ''; position: absolute; left: 0; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #child01 div[class^='child-content'] h3 {position: relative; margin: 0 auto 45px; font-size: 0; z-index: 5;} #child01 div[class^='child-content'] p {font-size: 14px; text-align: center;} #child01 .child-content01 {padding-top: 100px;} #child01 .child-content01:after {top: 114px;} #child01 .child-content01 h3 {width: 162px; height: 32px; background: url(../2022/img/child0101_tit01.png) #fff no-repeat 50%; background-size: contain;} #child01 .child-content01 h4 {margin: 65px auto 20px; width: 217px; height: 55px; background: url(../2022/img/child0101_cont01_tit.png) no-repeat 50%; background-size: contain; font-size: 0;} #child01 .child-content01 .video-area dd {margin: 20px 0; font-size: 15px; font-weight: 600; text-align: center;} #child01 .child-content01 .img-list {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; padding: 18px 12px; margin-bottom: 50px; border: 1px solid #e5e5e5; box-sizing: border-box;} #child01 .child-content01 .img-list li img {width: 100%;} #child01 .child-content02 {padding: 100px 0; background-color: #f6f2ee;} #child01 .child-content02:after {top: 112px;} #child01 .child-content02 h3 {width: 81px; height: 26.5px; background: url(../2022/img/child0101_tit02.png) #f6f2ee no-repeat 50%; background-size: contain;} #child01 .child-content02 .item-wrap {margin-top: 65px;} #child01 .child-content02 .item-wrap .item-area {margin-bottom: 25px;} #child01 .child-content02 .item-wrap .item-area:last-child {margin-bottom: 0;} #child01 .child-content02 .item-wrap .item-area h4 {margin-bottom: 20px; font-family: 'GmarketSansMedium'; font-size: 15px; text-align: center;} #child01 .child-content02 .item-wrap .item-area h4 em {font-weight: bold;} #child01 .child-content02 .item-wrap .item-area .img-wrap img {width: 100%;} #child01 .child-content02 .item-wrap .item-area .slick-list, #child01 .child-content02 .item-wrap .item-area .img-wrap img {box-shadow: 5px 5px 10px rgba(0,0,0,.1);} #child01 .child-content03 {padding: 100px 0;} #child01 .child-content03 h3 {width: 329px; height: 62.5px; background: url(../2022/img/child0101_tit03.png) no-repeat; background-size: contain;} #child01 .child-content03:after {top: 123px;} #child01 .child-content03 dl {margin-top: 120px;} #child01 .child-content03 .item-area01 {margin-top: 65px;} #child01 .child-content03 dl dt {margin: 0 auto 20px; width: 197px; height: 55px; font-size: 0;} #child01 .child-content03 .item-area01 dt {background: url(../2022/img/child0101_cont03_tit01.png) no-repeat; background-size: contain;} #child01 .child-content03 .item-area02 dt {background: url(../2022/img/child0101_cont03_tit02.png) no-repeat; background-size: contain;} #child01 .child-content03 .item-area03 dt {background: url(../2022/img/child0101_cont03_tit03.png) no-repeat; background-size: contain;} #child01 .child-content03 dl dd p {margin: 0 auto 20px; height: 18.5px; font-size: 0;} #child01 .child-content03 dl dd .txt01 {width: 44.5px; background: url(../2022/img/child0101_cont03_txt01.png) no-repeat; background-size: contain;} #child01 .child-content03 dl dd .txt02 {width: 31px; background: url(../2022/img/child0101_cont03_txt02.png) no-repeat; background-size: contain;} #child01 .child-content03 .img-box {padding: 30px 20px; margin-bottom: 90px; box-sizing: border-box; border: 1px solid #e7e7e7;} #child01 .child-content03 .img-box img {width: 100%; box-shadow: 3px 5px 11px rgba(0,0,0,.1);} #child01 .child-content03 .slide-view {position: relative; padding: 30px 20px; margin-bottom: 30px; box-sizing: border-box; border: 1px solid #e7e7e7;} #child01 .child-content03 .slide-view .slide-content .slide-no {position: absolute; left: 50%; bottom: -55px; margin-left: -8px; padding-top: 0; font-size: 14px;} #child01 .child-content03 .slide-view .slick-arrow {bottom: -90px;} #child01 .child-content02 .item-wrap .item-area #innerSlide4 li div {position: relative; height:100vw; font-size:16px; color:transparent;} #child01 .child-content02 .item-wrap .item-area #innerSlide4 li:nth-child(1) div {background:#FFF url(/2022/img/child01_item4_img01.jpg) no-repeat center/contain;} #child01 .child-content02 .item-wrap .item-area #innerSlide4 li:nth-child(2) div {background:#FFF url(/2022/img/child01_item4_img02.png) no-repeat center/contain;} #child01 #area03 .slick-track {display: flex; align-items: center;} /* 식품안전 영양교육 */ #child02 .title-section h2:after {left: 50%; bottom: -52px; margin-left: -175px; width: 350px; height: 233px; background: url(../2022/img/mobile/child0201_ch01.png) no-repeat 50%; background-size: contain;} #child02 .title-section h2 em {position: relative; margin-top: 60px; z-index: 5;} .child-content {position: relative;} #innerMenu {top: 0px;} #innerMenu.fixed {padding: 0;} #innerMenu .inner-section {padding: 0;} #innerMenu #selectedMenu {margin: 0 auto; width: calc(100% - 50px); background-color: #0063d3;} #innerMenu #slideMenu li a {display: block; padding: 0 15px; height: 40px; text-align: left; line-height: 40px; font-size: 14px; font-weight: 600; background: none; border: 0;} #innerMenu #slideMenu li a br {display: none;} #innerMenu #slideMenu.active {left: 25px; width: calc(100% - 90px);} #innerMenu #slideMenu li.active a {color: #0063d3; font-weight: bold;} .child-section .content-section .area-content {position: relative; padding: 125px 0;} .child-section .content-section .area-content:after {content: ''; position: absolute; left: 0; top: 142px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} .child-section .content-section .sub-title {position: relative;} .child-section .area-content .sub-title dt {position: relative; margin: 0 auto 20px; font-size: 0;} #area01 .sub-title dt {margin: 10px auto 20px;} .child-section .area-content .sub-title dd {margin-bottom: 70px; text-align: center;} .child-section .area-content .sub-title dd em {font-weight: 600;} .child-section .content-section .slide-view .slick-arrow {border: 1px solid #f3f3f3; box-sizing: border-box;} .child-section .content-section .area-content h4 {margin: 0 auto 20px; font-size: 0;} /* #child02 .content-section #area01 {padding-top: 80px;} #child02 .content-section #area01:after {top: 97px;} #child02 .content-section #area01 .sub-title dt {width: 177px; height: 33.5px; background: url(../2022/img/mobile/child0201_tit01.png) #fff no-repeat; background-size: contain; z-index: 5;} */ /* #child02 .content-section #area01 {background-color: #f6f2ee;} */ #child02 .content-section .edu-item h4 {transform: translateX(3px);} #child02 .content-section #area01 {background-color: #fff;} #child02 .content-section #area01 .sub-title dt {width: 300px; aspect-ratio: 508 / 71; background: #fff url(../2022/img/mobile/child0201_tit01.png) no-repeat; background-size: contain; z-index: 5;} #child02 .content-section #area01 .edu-item:nth-of-type(1) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area01 .edu-item:nth-of-type(2) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit02.png) no-repeat; background-size: contain;} #child02 .content-section #area01 .item1 li {margin-bottom: 60px;} #child02 .content-section #area01 .item1 li:last-child {margin-bottom: 120px;} #child02 .content-section #area01 .item1 dt {margin-bottom: 15px; font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: bold; text-align: center;} #child02 .content-section #area01 .item1 .card-line dd img {display: block; margin: 0 auto; width: 70%;} #child02 .content-section #area01 .card-line a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; border-radius: 50px;} #child02 .content-section #area01 .item2 {zoom: 1} #child02 .content-section #area01 .item2:after {content: ''; display: block; clear: both;} #child02 .content-section #area01 .item2 li {float: left; margin: 0 15px 15px 0; width: calc((100% - 15px) / 2); min-height: 165px; background-color: #fff; border: 1px solid #f2f2f2; box-sizing: border-box;} #child02 .content-section #area01 .item2 li:nth-of-type(1), .child-section .content-section #area02 .item2 li:nth-of-type(2) {margin-top: 0;} #child02 .content-section #area01 .item2 li:nth-child(even) {margin-right: 0;} #child02 .content-section #area01 .item2 dl {padding: 21px 0;} #child02 .content-section #area01 .item2 dt {margin-bottom: 25px; font-size: 14px; font-weight: 600; text-align: center;} #child02 .content-section #area01 .item2 dd {display: flex; justify-content: center; align-items: center; height: 60px;} #child02 .content-section #area01 .item2 li:nth-of-type(1) dd img {width: 40%;} #child02 .content-section #area01 .item2 li:nth-of-type(2) dd img {width: 20%;} #child02 .content-section #area01 .item2 li:nth-of-type(3) dd img {width: 40%;} #child02 .content-section #area01 .item2 li:nth-of-type(4) dd img {width: 35%;} #child02 .content-section #area02 {background-color:#f6f2ee;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(1) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(2) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area02 .sub-title dt {width: 210px; aspect-ratio: 332 / 63; background: url(../2022/img/mobile/child0201_tit02.png) #f6f2ee no-repeat; background-size: contain; z-index: 5;} #child02 .content-section #area02 .item1 li {margin-bottom: 60px;} #child02 .content-section #area02 .item1 li:last-child {margin-bottom: 120px;} #child02 .content-section #area02 .item1 dt {margin-bottom: 15px; font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: bold; text-align: center;} #child02 .content-section #area02 .item1 .card-line dd img {display: block; margin: 0 auto; width: 70%;} #child02 .content-section #area02 .card-line a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; border-radius: 50px;} #child02 .content-section #area02 .item1 .card-line dd {height: unset;} #child02 .content-section #area02 .edu-item:nth-of-type(2) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit02.png) no-repeat; background-size: contain;} #child02 .content-section #area02 .item2 {display: unset; zoom: 1} #child02 .content-section #area02 .item2:after {content: ''; display: block; clear: both;} #child02 .content-section #area02 .item2 li {float: left; margin: 0 15px 15px 0; width: calc((100% - 15px) / 2); min-height: 165px; background-color: #fff; border: 1px solid #f2f2f2; box-sizing: border-box;} #child02 .content-section #area02 .item2 li:nth-of-type(1), .child-section .content-section #area02 .item2 li:nth-of-type(2) {margin-top: 0;} #child02 .content-section #area02 .item2 li:nth-child(even) {margin-right: 0;} #child02 .content-section #area02 .item2 dl {padding: 21px 0;} #child02 .content-section #area02 .item2 dt {margin-bottom: 25px; font-size: 14px; font-weight: 600; text-align: center;} #child02 .content-section #area02 .item2 dd {display: flex; justify-content: center; align-items: center; height: 60px;} #child02 .content-section #area02 .item2 li:nth-of-type(1) dd img {width: 40%;} #child02 .content-section #area02 .item2 li:nth-of-type(2) dd img {width: 20%;} #child02 .content-section #area02 .item2 li:nth-of-type(3) dd img {width: 40%;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(1) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(2) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(3) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area03 .sub-title dt {width: 210px; aspect-ratio: 333 / 63; background: url(../2022/img/mobile/child0201_tit03.png) #fff no-repeat; background-size: contain; z-index: 5;} #child02 .content-section #area03 .item1 li {margin-bottom: 60px;} #child02 .content-section #area03 .item1 li:last-child {margin-bottom: 120px;} #child02 .content-section #area03 .item1 dt {margin-bottom: 15px; font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: bold; text-align: center;} #child02 .content-section #area03 .item1 .card-line dd img {display: block; margin: 0 auto; width: 70%;} #child02 .content-section #area03 .card-line a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; border-radius: 50px;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(3) .item-list img { width: 200px; aspect-ratio: 120 / 156; } #child02 .content-section #area04 {padding: 0;} #child02 .content-section #area04:after {top: 18px;} #child02 .content-section #area04 .sub-title dt {width: 200px; aspect-ratio: 288 / 61; background: url(../2022/img/mobile/child0201_tit04.png) no-repeat; background-size: contain; z-index: 5;} #child02 .content-section #area04 .school-item {margin-bottom: 75px;} #child02 .content-section #area04 .video h4 {width: 177px; height: 55px; background: url(../2022/img/mobile/child0201_scholl_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .video-view .video-iframe {z-index: 0;} #child02 .content-section #area04 .video dd {margin-top: 20px; text-align: center; font-weight: 600;} #child02 .content-section #area04 .fl-box .left h4 {width: 177px; height: 55px; background: url(../2022/img/mobile/child0201_scholl_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .fl-box .left .card-line {padding: 20px 15px; border: 1px solid #f2f2f2; box-sizing: border-box;} #child02 .content-section #area04 .fl-box img {width: 100%;} #child02 .content-section #area04 .fl-box .right .school-item {margin-bottom: 0;} #child02 .content-section #area04 .fl-box .right h4 {width: 177px; height: 55px; background: url(../2022/img/mobile/child0201_scholl_tit03.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .fl-box .right .card-line {padding: 30px 45px; border: 1px solid #f2f2f2; box-sizing: border-box;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(1) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit01.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(2) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit04.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(3) h4 {width: 167.5px; height: 55px; background: url(../2022/img/mobile/child0201_edu_tit03.png) no-repeat; background-size: contain;} #child02 .content-section #area04 .item1 li {margin-bottom: 60px;} #child02 .content-section #area04 .item1 li:last-child {margin-bottom: 120px;} #child02 .content-section #area04 .item1 dt {margin-bottom: 15px; font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: bold; text-align: center;} #child02 .content-section #area04 .item1 .card-line dd img {display: block; margin: 0 auto; width: 70%;} #child02 .content-section #area04 .card-line a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; border-radius: 50px;} /* 어린이 기호식품 */ #child03 .title-section h2:before {position: relative; right: auto; bottom: auto; display: block; margin: 0 auto 15px; width: 120.5px; height: 56.5px; background: url(../img/safe03_left_logo.png) no-repeat; background-size: contain;} #child03 #innerMenu #selectedMenu br, #child03 #innerMenu #slideMenu li button br {display: none;} #child03 .content-section #area01 {padding-top: 80px;} #child03 .content-section #area01:after {top: 95px;} #child03 .content-section #area01 .sub-title:after {content: ''; display: block; margin: 0 auto; width: 113px; height: 136px; background: url(../2022/img/child0301_area01_img01.png) no-repeat; background-size: contain;} #child03 .content-section #area01 .sub-title dt {width: 193.5px; height: 32px; background: url(../2022/img/child0301_tit01.png) #fff no-repeat; background-size: contain; z-index: 5;} #child03 .content-section #area01 .sub-title dd {margin-bottom: 30px; font-family: 'GmarketSansMedium'; line-height: 1.3;} #child03 .content-section #area01 .sub-title dd span {font-size: 17px; font-weight: bold;} #child03 .content-section #area01 .sub-title dd em {color: #0063d3;} #child03 .content-section #area02 {background-color: #f6f2ee;} #child03 .content-section #area02 .sub-title dt {width: 224px; height: 34px; background: url(../2022/img/child0301_tit02.png) #f6f2ee no-repeat; background-size: contain; z-index: 5;} #child03 .content-section #area02 .item0101 {margin-bottom: 60px;} #child03 .content-section #area02 .item-area h4 {width: 217px; height: 55px;} #child03 .content-section #area02 .item0101 h4 {background: url(../2022/img/child0301_area02_tit01.png) no-repeat; background-size: contain;} #child03 .content-section #area02 .item0102 h4 {background: url(../2022/img/child0301_area02_tit02.png) no-repeat; background-size: contain;} #child03 .content-section #area03 .sub-title dt {width: 268px; height: 36px; background: url(../2022/img/child0301_tit03.png) #fff no-repeat; background-size: contain; z-index: 5;} #child03 .food-section{background:#f9f5f8} #child03 .food-tabmenu{position:relative;width:100%;padding:0;box-sizing:border-box;display:block;} #child03 .food-tabmenu #selectedTab{position:relative;display:block;width:100%;padding-right:40px;height:40px;line-height:40px;font-weight:600;text-align:left;font-size:14px;color:#fff;padding:0 15px;border:0;background:#0063d3;z-index:10} #child03 .food-tabmenu #selectedTab:after{content:"";display:block;position:absolute;right:0;top:0;width:40px;height:40px;border-left:1px solid #eadfcc;background:url(../img/icon_path_arrow.png) no-repeat center center;} #child03 .food-tabmenu #tabList{display:none;position:absolute;left:0;top:100%;width:calc(100% - 40px);border:1px solid #574940;border-top:0;box-sizing:border-box;background:#fff;z-index:999} #child03 .food-tabmenu #tabList.active{display:block} #child03 .food-tabmenu #tabList li{border-bottom:1px solid #eeedec} #child03 .food-tabmenu #tabList li button{display:block;padding:0 15px;height:40px;font-weight:700;text-align:left;line-height:40px;font-size:14px;line-height:40px;background:none;border:0} #child03 .food-tabmenu #tabList li.active button{color:#0063d3;} #child03 .food-section .tab-content{display:none;padding:15px;border-bottom:1px solid #ededed;} #child03 .food-section .tab-content.active{display:block} #child03 .product-slide{position:relative;width:100%;} #child03 .product-slide > ul{position:relative;} #child03 .product-slide > ul img{width:100%} #child03 .product-slide .slick-arrow{display:block;position:absolute;left:50%;bottom:-60px;font-size:0;width:40px;height:40px;background:no-repeat center center #fff;background-size: auto 6px;border:0;z-index:1;border:1px solid #f2f2f2} #child03 .product-slide .slick-arrow.slick-prev{margin-left:-70px;background-image:url(../img/icon_slide_arrow_left.png)} #child03 .product-slide .slick-arrow.slick-next{margin-left:35px;background-image:url(../img/icon_slide_arrow_right.png)} #child03 .product-slide .slide-no{padding-top:20px;font-size:14px;line-height:40px;text-align:center;} #child03 .product-slide .slide-no em{font-weight:700;} #child03 .food-section .item-list{width:100%;} #child03 .food-section .item-list li{margin-bottom:8px;box-sizing:border-box;} #child03 .food-section .item-list dl{display:table;width:100%;table-layout:fixed;border-collapse:collapse} #child03 .food-section .item-list dl dt{width:54px;display:table-cell;min-height:54px;vertical-align:middle;background:#fff} #child03 .food-section .item-list dl dt img{width:100%;} #child03 .food-section .item-list dl dd{display:table-cell;vertical-align:top;min-height:54px;padding:8px;background:#fff;border-left:1px solid #f9f5f8;box-sizing:border-box;} #child03 .food-section .item-list dl dd em{display:block;margin-bottom:5px;font-size:14px;font-weight:700;line-height:20px;} #child03 .food-section .item-list dl dd span{font-size:14px;line-height:20px;} #child03 .content-section #area04 {padding-top: 0;} #child03 .content-section #area04:after {top: 14px;} #child03 .content-section #area04 .sub-title dt {width: 124.5px; height: 29.5px; background: url(../2022/img/child0301_tit04.png) #fff no-repeat; background-size: contain; z-index: 5;} #child03 .content-section #area04 .exstore-info {padding: 20px 0 40px;} #child03 .content-section #area04 .exstore-info ol:before {content: ''; display: block; margin: 0 auto 20px; width: 217.5px; height: 165px; background: url(../2022/img/child0301_area04_img01.png) no-repeat; background-size: contain;} #child03 .exstore-info li{padding:20px;border-bottom:1px solid #000;text-align: center;} #child03 .exstore-info li:last-child{border-bottom:0;} #child03 .exstore-info li dl{font-size:14px;line-height:21px;} #child03 .exstore-info li dt{font-weight:700; color: #0063d3;} #child03 .exstore-list{padding:40px 30px;border:1px solid #f2f2f2;} #child03 .exstore-list p{margin-bottom:40px;font-family: 'GmarketSansMedium';font-size:15px;line-height:23px;text-align:center;} #child03 .exstore-list p em{font-weight:700} #child03 .exstore-list .map-img{display:block;margin-bottom:45px;width:100%} #child03 .exstore-list .map-img img{max-width:100%;} #child03 .exstore-list .map-img .year{width:100%; font-family: 'NotoSansKR'; font-size:14px;text-align:right;} #child03 .content-section #area04 .item-area h4 {width: 217px; height: 55px; background: url(../2022/img/child0301_area04_tit01.png) no-repeat; background-size: contain;} #child03 .content-section #area03 a, #child03 .content-section #area04 a {display: block; margin: 20px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; border-radius: 50px;} #child03 .content-section #area05 {padding: 0;} #child03 .content-section #area05:after {top: 14px;} #child03 .content-section #area05 .sub-title dt {width: 162px; height: 31px; background: url(../2022/img/child0301_tit05.png) #fff no-repeat; background-size: contain; z-index: 5;} #child03 .content-section #area05 .item-wrap {margin-top: 40px;} #child03 .content-section #area05 .item0501 {margin-bottom: 60px;} #child03 .content-section #area05 .item0501 h4 {width: 217px; height: 55px; background: url(../2022/img/child0301_area05_tit01.png) no-repeat; background-size: contain;} #child03 .content-section #area05 .item0502 h4 {width: 257px; height: 55px; background: url(../2022/img/child0301_area05_tit02.png) no-repeat; background-size: contain;} #child03 .content-section #area03 a {transform: translateY(90px);} /* 어린이 급식관리 지원센터 */ #child04 h2:before {position: relative; display: block; margin: 0 auto 15px; width: 286px; height: 26.5px; background: url(../img/safe05_left_logo.png) no-repeat; background-size: contain;} #child04 .sub-title:after {content: ''; position: absolute; left: 0; top: 15px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #child04 .sub-title dt {position: relative; margin: 0 auto 45px; width: 213.5px; height: 33.5px; font-size: 0; z-index: 5;} #child04 .sub-title dd {font-size: 14px; text-align: center;} #child04 .item-wrap .item-area h4 {margin: 65px auto 20px; width: 217px; height: 55px; font-size: 0;} #child04 #area01 .sub-title dt {background: url(../2022/img/child0401_tit01.png) #fff no-repeat; background-size: contain;} #child04 #area01 .item0101 h4 {background: url(../2022/img/child0401_area01_tit01.png) no-repeat; background-size: contain;} #child04 #area01 .item0101 .video-area {margin-bottom: 20px;} #child04 #area01 .item0102 {margin: 20px 0 50px;} #child04 #area01 .item0102 h4 {background: url(../2022/img/child0401_area01_tit02.png) no-repeat; background-size: contain;} #child04 #area02 {padding: 50px 0;} #child04 #area02 .sub-title dt {background: url(../2022/img/child0401_tit02.png) #fff no-repeat; background-size: contain;} #child04 #area02 h4 {margin: 65px auto 20px; width: 217px; height: 55px; font-size: 0; background: url(../2022/img/child0401_area02_tit01.png) no-repeat; background-size: contain;} #child04 #area02 .item-area {margin-bottom: 65px;} #child04 #area02 .item-area:last-child {margin-bottom: 0;} #child04 #area02 .item-area > p {margin-bottom: 20px; text-align: center; font-weight: 600;} #child04 #area02 .item-area > p:after {content: ''; display: block; margin: 15px auto; width: 100px; height: 2px; background-color: #000;} /* --- 지키자 식품안전 --- */ .safe-section .title-section {height: 250px !important; border-bottom-color: #0063d3; background-color: #fff;} .safe-section .title-section h2 {color: #1b1a1a;} .safe-section .title-section h2:before {position: relative; display: block; margin: 0 auto 10px; width: 114.5px; height: 37.5px; background: url(../2022/img/safe0201_top.png) no-repeat; background-size: contain;} .safe-section .title-section h2 em {color: #0063d3;} .safe-section .area-content {padding: 0;} /* 나트륨 당류 저감 표시기준 */ #safe01 .title-section {margin: 0 auto; width: 100%; height: 250px; background: url(../2022/img/mobile/safe0101_title.jpg) no-repeat 50%; background-size: contain;} #safe01 .title-section .inner-section {padding-top: 0;} #safe01 .title-section h2 {font-size: 0;} #safe01 .title-section h2:before {display: none;} #safe01 .content-section {position: relative;} #safe01 .content-section:after {content: ''; position: absolute; left: 0; top: 75px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #safe01 .sub-title {margin-bottom: 55px;} #safe01 dt {position: relative; padding-bottom: 0; margin: 0 auto; width: 135px; height: 63px; background: url(../2022/img/mobile/safe0101_tit.png) #fff no-repeat; background-size: contain; font-size: 0; border-bottom: none; z-index: 5;} #safe01 dd {font-size: 16px; font-weight: 600;} #safe01 p {margin: 0 auto 35px; width: 287.5px; height: 116px; background: url(../2022/img/mobile/safe0101_txt.png) no-repeat; background-size: contain; font-size: 0;} #safe01 img {width: 100%;} #safe01 img:first-child {margin-bottom: 40px;} #safe01 .table-container {width: 100%; margin-bottom: 40px; background: #fff;} #safe01 .table-header {display: flex; background-color: #fff;} #safe01 .table-header-cell {padding: 15px 10px; font-size: 16px; font-weight: 700; text-align: center; border-right: 1px solid #fff;} #safe01 .table-header-cell.table-category {flex: 0 0 17.7%; } #safe01 .table-header-cell.table-food-type {flex: 1; border-right: none;} #safe01 .table-section {display: flex; border-top: 3px solid #e0e0e0; border-bottom: 3px solid #e0e0e0;} #safe01 .table-section:last-child {border-top: none; border-bottom: none;} #safe01 .table-category-section {display: flex; flex: 0 0 20%; align-items: stretch; justify-content: center; border-right: 15px solid #fff;} #safe01 .table-category-cell {display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px; background-clip: content-box; background-color: #faf8f6; text-align: center; font-weight: 700; font-size: 16px;} #safe01 .table-content-section {display: flex; flex: 1; flex-direction: column;} #safe01 .table-content-row {display: flex; align-items: center; font-size: 14px; text-align: left; border-bottom: 1px solid #e0e0e0; min-height: 45px;} #safe01 .table-content-row:last-child {border-bottom: none;} #safe01 .table-content-row.table-full-width {padding-left: 20px; background: #fff;} #safe01 .table-content-row.table-split {display: flex; padding: 0;} #safe01 .table-content-left {display: flex; flex: 0 0 18.75%; align-items: center; padding-left: 20px; font-size: 14px; border-right: 1px solid #e0e0e0; background: #fff;} #safe01 .table-content-right {display: flex; flex: 1; align-items: center; padding-left: 35px; font-size: 14px; background: #fff;} #safe01 .guideline {margin-top: 100px;} /* 실천음식점 */ #safe02 .title-section .inner-section {padding-top: 0;} #safe02 .content-section {position: relative; padding-bottom: 0;} #safe02 .content-section:after {content: ''; position: absolute; left: 0; top: 75px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #safe02 .sub-title dt {position: relative; padding-bottom: 0; margin: 0 auto 45px; width: 244px; height: 62.5px; background: #fff url(../2022/img/safe0201_tit.png) no-repeat; background-size: contain; font-size: 0; border-bottom: 0; z-index: 5;} #safe02 #area01 .left {margin-top: 65px;} #safe02 #area01 .left .item-area {position: relative; padding: 30px 12px 18px; margin-bottom: 40px; background-color: #e5effb; border-radius: 10px;} #safe02 #area01 .left h4 {position: absolute; left: 15px; top: -23px; font-size: 0;} #safe02 #area01 .left .item0101 h4 {width: 196px; height: 54.5px; background: url(../2022/img/safe0201_area01_tit01.png) no-repeat; background-size: contain;} #safe02 #area01 .left .item0102 h4 {width: 138.5px; height: 54.5px; background: url(../2022/img/safe0201_area01_tit02.png) no-repeat; background-size: contain;} #safe02 #area01 .left .item-area p {font-size: 14px;} #safe02 #area01 .left .item-area span {font-size: 13px; color: #666;} #safe02 #area02 {padding: 70px 0; background-color: #f2f2f2;} #safe02 #area02 .inner-section {padding: 0 25px;} #safe02 #area02 h4 {margin: 0 auto 45px; height: 55px; font-size: 0;} #safe02 #area02 .item0201 h4 {width: 207.5px; background: url(../2022/img/safe0201_area02_tit02.png) no-repeat; background-size: contain;} #safe02 #area02 .item0202 h4 {width: 247.5px; background: url(../2022/img/safe0201_area02_tit01.png) no-repeat; background-size: contain;} #safe02 #area02 .map-img img {width: 100%;} #safe02 #area02 .year {font-size: 14px; text-align: right;} /* 식품영양성분 DB */ #safe03 .title-section .inner-section {padding-top: 0; width: 100%;} #safe03 .title-section h2:before {display: none;} #safe03 .title-section h2:after {right: -63px; bottom: -116px; width: 240px; height: 138.5px; background: url(../2022/img/safe0301_ch01.png) no-repeat; background-size: 70%;} #safe03 .content-section {position: relative; padding-bottom: 0;} #safe03 .content-section:after {content: ''; position: absolute; left: 0; top: 64px; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #safe03 .sub-title {margin-bottom: 0;} #safe03 .sub-title dt {position: relative; padding-bottom: 0; margin: 0 auto 45px; width: 292px; height: 63px; background: url(../2022/img/safe0301_tit.png) no-repeat; background-size: contain; font-size: 0; border-bottom: 0; z-index: 5;} #safe03 #area01 p {font-size: 14px; text-align: center;} /* #safe03 #area01 p:after {content: ''; display: block; margin: 27px auto 0; width: 2px; height: 12px; background-color: #000;} */ #safe03 #area01 p span {font-size: 12px;} #safe03 #area01 .wrap-img {margin: 45px 0 90px;} #safe03 #area01 .wrap-img li {margin-bottom: 30px;} #safe03 #area01 .wrap-img li img {margin-bottom: 30px; width: 100%; box-shadow: 5px 5px 10px rgba(0,0,0,.1);} #safe03 #area01 .wrap-img li a {display: block; margin: 0 auto; width: 200px; height: 42px; text-align: center; line-height: 46px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #000; border-radius: 50px;} #safe03 #area01 .wrap-img li:first-child a {padding: 10px 0 7px; height: auto; border-radius: 30px; line-height: 1.5;} #safe03 #area02 {padding: 50px 0; background-color: #f2f2f2;} #safe03 #area02 .inner-section {padding: 0 25px;} /* 식품 소비기한 */ #safe04 .title-section .inner-section {padding-top: 0; width: 100%;} #safe04 .title-section h2:before {display: none;} #safe04 .title-section h2:after {right: -18px; bottom: -113px; width: 114.5px; height: 140px; background: url(../2022/img/safe0401_ch01.png) no-repeat; background-size: 75%;} #safe04 .content-section .area-content {position: relative; padding: 50px 0 !important;} #safe04 .content-section .area-content:after {content: ''; position: absolute; left: 0; width: 100%; height: 1px; border: 1px dashed #000; box-sizing: border-box;} #safe04 .content-section .area-content > .inner-section {padding: 0 25px;} #safe04 .sub-title {margin-bottom: 65px;} #safe04 .sub-title dt {position: relative; padding-bottom: 0; margin: 0 auto; font-size: 0; border-bottom: none; z-index: 5;} #safe04 .sub-title dd {font-family: 'GmarketSansMedium';} #safe04 .sub-title dd b {font-weight: bold;} #safe04 #area01:after {top: 68px;} #safe04 #area01 .sub-title dt {padding-bottom: 0; width: 292px; height: 37px; background: url(../2022/img/safe0401_tit01.png) #fff no-repeat; background-size: contain;} #safe04 #area01 .video-view .video-iframe {z-index: 5;} #safe04 #area01 h4 {margin: 65px auto 20px; width: 227px; height: 54.5px; background: url(../2022/img/safe0401_subtit01.png) no-repeat; background-size: contain; font-size: 0;} #safe04 #area01 .wrap-img img {width: 100%;} #safe04 #area02 {padding-bottom: 75px !important; background-color: #fff; overflow-x: hidden;} #safe04 #area02:after {top: 63px;} #safe04 #area02 .inner-section {padding: 0;} #safe04 #area02 .sub-title {padding: 0 25px; margin-bottom: 30px;} #safe04 #area02 dt {width: 411px; height: 68px; background: url(../2022/img/safe0401_tit02.png) no-repeat; background-size: 80%;} #safe04 #area02 dd {padding-top: 20px; font-size: 14px; line-height: 1.5;} #safe04 #area02 p {padding: 0 25px; font-size: 14px; text-align: center; word-break: keep-all;} /* #safe04 #area02 p:before {content: ''; display: block; margin: 0 auto 27px; width: 2px; height: 12px; background-color: #000;} */ #safe04 #area02 .m-scroll {padding-left: 25px; margin-top: 40px; overflow-x: scroll;} #safe04 #area02 .m-scroll img {width: 800px;} #safe04 #area03 {padding-top: 75px !important; background-color: #f2f2f2;} #safe04 #area03:after {display: none;} #safe04 #area03 .sub-title {margin-bottom: 0;} #safe04 #area03 dt {position: absolute; left: 50%; top: -20px; margin-left: -113.5px; width: 227px; height: 54.5px; background: url(../2022/img/safe0401_tit03.png) no-repeat; background-size: contain;} #safe04 #area03 ul li:first-child {margin-bottom: 65px;} #safe04 #area03 ul li img {display: block; margin: 0 auto;} #safe04 #area03 ul li:nth-of-type(1) img {width: 90%;} #safe04 #area03 ul li:nth-of-type(2) img {width: 70%;} #safe04 #area03 ul li p {margin-top: 15px; font-size: 14px; text-align: center;} #safe04 #area04 {background-color: #0063d3;} #safe04 #area04:after {display: none;} #safe04 #area04 h4 {margin-bottom: 20px; font-family: 'GmarketSansMedium'; font-size: 17px; font-weight: bold; color: #fff;} /* #safe04 #area04 h4:after {content: ''; display: block; margin: 10px auto 0; width: 2px; height: 12px; background-color: #fff;} */ #safe04 #area04 ul li {margin-bottom: 5px; font-size: 14px; color: #fff; text-align: center;} /* --- 마이나슈 어워즈 --- */ .award-section .title-section {height: 250px; border-bottom-color: #ffe38e;} .award-section .title-section .inner-section {padding-top: 0;} .award-section .title-section .inner-section h2 {color: #1b1a1a;} .award-section .title-section .inner-section h2 em {color: #e1a700;} .award-section .content-section {background-color: #f8d164;} .award-section .content-section .inner-section {padding: 0;} .award-section .mb-menu {margin: 0 auto 35px; width: calc(100% - 50px);} .award-section .mb-menu > button {background-color: #e1a700;} .award-section .mb-menu .depth2 > li.active a {color: #e1a700;} .award-section h4 {position: relative; margin: 0 auto; width: 90%; aspect-ratio: 750 / 230; font-size: 0; z-index: 5;} .award-section h4.best {background: url(../2022/img/award_tit01.png) no-repeat; background-size: contain;} .award-section h4.excellent {background: url(../2022/img/award_tit02.png) no-repeat; background-size: contain;} .award-section h4.encouragement {background: url(../2022/img/award_tit03.png) no-repeat; background-size: contain;} .award-section h4.special {background: url(../2022/img/award_tit04.png) no-repeat; background-size: contain;} .award-section .ucc-list {position: relative; padding: 0 25px;} .award-section .ucc-list li:last-child {margin-bottom: 0;} .award-section .video-frame {box-shadow: 0px 17px 23px rgba(63,50,15,.5);} .award-section .video-frame .ucc-title {height: 30px !important;} .award-section .video-frame .ucc-title dt {height: 30px !important; line-height: 30px !important; font-size: 15px !important;} .award-section .video-frame .ucc-title dd {height: 30px !important; line-height: 30px !important; color: #a7ccf4 !important;} .award-section .video-frame .inner-section {border: 3px solid #363637;} .award-section .best + .ucc-list {margin-bottom: 235px;} .award-section .best + .ucc-list:after {content: ''; position: absolute; left: 50%; bottom: -139px; margin-left: -175.5px; width: 351px; height: 163.5px; background: url(../2022/img/mobile/award_prize.png) no-repeat; background-size: contain;} .award-section .content-section .inner-tab {margin-left: 25px; width: calc(100% - 50px);} .award-section .inner-tab .tab-list {border-color: #fff;} .award-section .inner-tab .tab-list li a {color: #fff;} .award-section .inner-tab .tab-list li.active a {color: #493a30; border-color: #493a30;} /* 영상공모전 수상작 */ #award01 .title-section h2:after {bottom: -89px; right: -95px; width: 186.5px; height: 136.5px; background: url(../2022/img/award0101_ch01.png) no-repeat; background-size: contain;} #award01 .content-section {padding-bottom: 125px;} #award01 h3 {margin: 0 auto 25px; height: 57.5px; font-size: 0;} #award01.v1 h3 {width: 375px; background: url(../2022/img/award01_tit_2024.png) no-repeat 50%; background-size: contain;} #award01.v2 h3 {width: 375px; background: url(../2022/img/award01_tit_2023.png) no-repeat 50%; background-size: contain;} #award01.v3 h3 {width: 375px; background: url(../2022/img/award01_tit_2022.png) no-repeat 50%; background-size: contain;} #award01.v4 h3 {width: 373px; background: url(../2022/img/award01_tit_2021.png) no-repeat 50%; background-size: contain;} #award01.v5 h3 {width: 375px; background: url(../2022/img/award01_tit_2020.png) no-repeat 50%; background-size: contain; background-size: 86%;} #award01 .video-frame .ucc-title dd {width: 80px;} /* 우수사례 수상작 */ #award02 h3 {margin: 0 auto 25px; font-size: 0;} #award02 h3.tit01 {width: 276.5px; height: 58.5px; background: url(../2022/img/award02_tit01.png) no-repeat; background-size: contain;} #award02 h3.tit02 {margin-top: 65px; width: 364px; height: 47px; background: url(../2022/img/award02_tit02.png) no-repeat; background-size: contain;} #award02 h4.excellent {margin-top: 30px;} #award02 .slide-view {padding: 0 25px;} #award02 .slide-view .slide-content {padding: 30px 35px; width: 100%; background-color: #fbe4a4; border-radius: 10px; box-shadow: 7px 6px 0 #e9d269; box-sizing: border-box;} #award02 .slide-view:nth-of-type(1) .slick-arrow {bottom: -33px;} #award02 .slide-view:nth-of-type(1) .slide-content .slide-no {margin-top: -28px;} #award02 h4:nth-of-type(4) + .slide-view {margin-bottom: 30px;} #award02 .inner-tab .tab-list li {width: 33.3%;} #award02 .inner-tab .tab-list li a {width: 100%;} /* 포스터 수상작 */ #award03 .title-section .inner-section {width: 100%;} #award03 .title-section h2:after {right: 10px; bottom: -75px; width: 112.5px; height: 139px; background: url(../2022/img/award0301_ch01.png) no-repeat; background-size: contain;} #award03 .poster-list {padding: 0 25px;} /* 캘리그라피 수상작 */ #award04 .title-section .inner-section {width: 100%;} #award04 .title-section h2:after {right: 10px; bottom: -75px; width: 112.5px; height: 139px; background: url(../2022/img/award0301_ch01.png) no-repeat; background-size: contain;} #award04 .content-section {padding-bottom: 150px;} #award04 .poster-list {position: relative; padding: 0 25px;} /* #award04 .poster-list:after {content: ''; position: absolute; left: 50%; bottom: -108px; margin-left: -175.5px; width: 351px; height: 163.5px; background: url(../2022/img/mobile/award_prize.png) no-repeat; background-size: contain;} */ #award04 .poster-list ul {position: relative; z-index: 5;} /* --- 다함께 마이나슈 --- */ .title-section {border-bottom-color: #1b1a1a;} .fun-section .title-section h2, .fun-section .title-section h3 {color: #1b1a1a;} .fun-section .title-section h2 em {color: #e1a700;} .fun-section .content-section {background: #fff; background-size: auto;} .fun-section .content-section:before, .fun-section .content-section:after {display: none;} /* 이벤트 게임 */ #fun01 .title-section .inner-section {width: 100%;} #fun01 .title-section h2:after {right: 0; bottom: -101px; width: 153.5px; height: 122px; background: url(../2022/img/mobile/fun0101_ch01.png) no-repeat; background-size: contain;} #fun01 .content-section {padding-bottom: 0;} #fun01 .content-section:after {content: ''; display: block; position: absolute; bottom: 405px; left: 0; width: 100%; height: 230px; background: url(../2022/img/mobile/fun0101_bg.png) repeat-x 50% bottom; background-size: contain;} #fun01 .inner-section {padding: 0;} #fun01 .content-section h3 {margin: 0 auto 40px; width: 297px; height: 99.5px; background: url(../2022/img/mobile/fun0101_tit.png) no-repeat; background-size: contain; font-size: 0;} #fun01 .game-section {padding: 0 43px;} #fun01 .game-section .game-frame {position: relative; margin-bottom: 0; width: 100%; border: 5px solid #137b03; border-radius: 10px; box-sizing: border-box; box-shadow: 5px 5px 10px rgba(0,0,0,.1); z-index: 5;} #fun01 .game-section .game-frame:before {content: ''; display: block; padding-top: 178%;} /* HEGITH: 418PX */ #fun01 .game-section .game-frame .game {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #68c756; color: #fff; font-size: 30px; text-align: center;} #fun01 .content-section ul {padding: 105px 25px 0; margin-top: -65px; width: 100%; height: 405px; background-color: #1b1a1a; box-sizing: border-box;} #fun01 .content-section ul li {position: relative; font-size: 14px; color: #fff;} #fun01 .content-section ul li:nth-of-type(3) {margin-top: 20px;} #fun01 .content-section ul li.exp {margin-top: 20px; font-size: 14px; color: #fff;} #fun01 .content-section ul li span {font-weight: 700;} /* 실천다짐 이벤트 */ /* #fun02 .title-section h2:after {right: -73px; bottom: -70px; width: 97.5px; height: 117.5px; background: url(../2022/img/mobile/fun0201_ch01.png) no-repeat; background-size: contain;} */ #fun02 .title-section h2 em {color: #0063d3;} #fun02 .content-section {padding-bottom: 0; background: url(../2022/img/mobile/fun0201_bg.png) #fff9cf repeat-x 50% top; background-size: contain;} #fun02.fun-section .content-section > .inner-section {padding-bottom: 0;} #fun02 h3 {margin: 0 auto 60px; width: 309px; height: 185.5px; font-size: 0; background: url(../2022/img/mobile/fun0201_tit.png) no-repeat; background-size: contain;} #fun02 dl {position: relative;} #fun02 dl dt {position: absolute; left: 50%; top: -20px; margin-left: -113.5px; width: 227px; height: 57px; font-size: 0; z-index: 5;} #fun02 dl dd {padding: 50px 0 20px; width: 100%; background-color: #fffbe2; box-shadow: 5px 5px 0 #fcf1ba; border-radius: 20px;} #fun02 dl dd img {display: block; margin: 0 auto; width: 65%;} #fun02 dl dd p {margin-top: 20px; font-size: 14px; font-weight: 600; text-align: center;} #fun02 .item01 dt {background: url(../2022/img/mobile/fun0201_sectit01.png) no-repeat; background-size: contain;} #fun02 .item02 {margin-bottom: 68px;} #fun02 .item02 dt {background: url(../2022/img/mobile/fun0201_sectit02.png) no-repeat; background-size: contain;} #fun02 .item02 dd ul {padding: 0 63px;} #fun02 .item02 dd ul li {padding: 25px 0; border-bottom: 2px dashed #000;} #fun02 .item02 dd ul li:first-child {padding-top: 0;} #fun02 .item02 dd ul li:last-child {border-bottom: none;} #fun02 .item02 dd ul li > em {display: block; margin: 0 auto 25px; height: 27px; font-size: 0;} #fun02 .item02 dd ul li p {font-size: 14px; text-align: center; font-weight: 700;} #fun02 .item02 dd ul li p em {color: #0063d3;} #fun02 .item02 dd > span {display: block; padding: 0 20px; font-size: 14px;} #fun02 .item02 dd ul .step01 > em {width: 28.5px; background: url(../2022/img/mobile/fun0201_event_num01.png) no-repeat; background-size: contain;} #fun02 .item02 dd ul .step02 > em {width: 35px; background: url(../2022/img/mobile/fun0201_event_num02.png) no-repeat; background-size: contain;} #fun02 .item02 dd ul .step03 > em {width: 35px; background: url(../2022/img/mobile/fun0201_event_num03.png) no-repeat; background-size: contain;} #fun02 .item02 .link-box a {display: block; margin: 0 auto; width: 168px; height: 36px; font-size: 0;} #fun02 .item02 .link-box a:first-child {margin-bottom: 5px; background: url(../2022/img/mobile/fun0201_event_link01.png) no-repeat; background-size: contain;} #fun02 .item02 .link-box a:last-child {margin-bottom: 5px; background: url(../2022/img/mobile/fun0201_event_link02.png) no-repeat; background-size: contain;} #fun02 img.qr {display: none} #fun02 .btn-link {display: block; margin: 40px auto 0; width: 170px; height: 42px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #1b1a1a; line-height: 42px; border-radius: 50px; text-align: center;} #fun02 .btn-link + .exp {margin: 10px 0 35px; text-align: center;} #fun02 .event-info {padding: 23px 25px; height: 140px; background-color: #f8d164; border-bottom: 5px solid #000; box-sizing: border-box;} #fun02 .event-info ul li {margin-bottom: 5px; font-size: 14px; text-align: left;} /* 오늘은 나도 마이나슈 요리사! */ /* #fun03 .title-section h2:after {right: -73px; bottom: -70px; width: 127px; height: 189px; background: url(../2022/img/fun0301_ch01.png) no-repeat; background-size: contain;} */ #fun03 .title-section h2 em {color: #5dc04e;} #fun03 .content-section {padding-bottom: 0; background: url(../2022/img/mobile/fun0301_bg.png) repeat-x 50% top; background-size: contain;} #fun03.fun-section .content-section > .inner-section {padding-bottom: 0;} #fun03 h3 {margin: 0 auto 60px; width: 309px; height: 185.5px; font-size: 0; background: url(../2022/img/fun0301_tit.png) no-repeat; background-size: contain;} #fun03 dl {position: relative; margin-bottom: 0 !important;} #fun03 dl dt {position: absolute; left: 50%; top: -20px; margin-left: -113.5px; width: 227px; height: 57px; font-size: 0;} #fun03 dl dd {padding: 50px 0 20px; width: 100%; box-shadow: 5px 5px 0 #eff9ed; border-radius: 20px;} #fun03 dl dd img {display: block; margin: 0 auto; width: 65%;} #fun03 dl dd p {margin-top: 20px; font-size: 14px; font-weight: 600; text-align: center;} #fun03 .item01 dt {background: url(../2022/img/fun0301_sectit01.png) no-repeat; background-size: contain;} #fun03 .item02 {margin-bottom: 68px !important} #fun03 .item02 dt {background: url(../2022/img/fun0301_sectit02.png) no-repeat; background-size: contain;} #fun03 .item02 dd ul {padding: 0 63px;} #fun03 .item02 dd ul li {padding: 25px 0; border-bottom: 2px dashed #000;} #fun03 .item02 dd ul li:first-child {padding-top: 0;} #fun03 .item02 dd ul li:last-child {border-bottom: none;} #fun03 .item02 dd ul li > em {display: block; margin: 0 auto 25px; height: 27px; font-size: 0;} #fun03 .item02 dd ul li p {font-size: 14px; text-align: center; font-weight: 700;} #fun03 .item02 dd ul li p em {color: #0063d3;} #fun03 .item02 dd > span {display: block; padding: 0 20px; font-size: 14px;} #fun03 .item02 dd ul .step01 > em {width: 28.5px; background: url(../2022/img/mobile/fun0201_event_num01.png) no-repeat; background-size: contain;} #fun03 .item02 dd ul .step02 > em {width: 35px; background: url(../2022/img/mobile/fun0201_event_num02.png) no-repeat; background-size: contain;} #fun03 .item02 dd ul .step03 > em {width: 35px; background: url(../2022/img/mobile/fun0201_event_num03.png) no-repeat; background-size: contain;} #fun03 dl + a {display: block; margin: 40px auto 35px; width: 325px; height: 42px; font-family: 'GmarketSansMedium'; font-size: 14px; font-weight: bold; color: #fff; background-color: #1b1a1a; line-height: 42px; border-radius: 50px; text-align: center;} #fun03 .event-info {padding: 23px 25px; height: 140px; background-color: #5dc04e; border-bottom: 5px solid #000; box-sizing: border-box;} #fun03 .event-info ul li {margin-bottom: 5px; font-size: 14px; text-align: left;} /* 건강식생활 실천영상 */ #fun04 .title-section h2:after {right: -73px; bottom: -70px; width: 97.5px; height: 117.5px; background: url(../2022/img/mobile/fun0401_ch01.png) no-repeat; background-size: contain;} #fun04 .content-section {padding-bottom: 100px; background: url(../2022/img/mobile/fun0401_frame.png) #161514 no-repeat 50% 82%; background-size: 100%; overflow-x: hidden;} #fun04 .content-section .inner-section {padding: 0;} #fun04 .content-section h2 {position: relative; margin: 0 auto; width: 183.5px; height: 64.5px; background: url(../2022/img/fun0401_tit.png) no-repeat; background-size: contain; font-size: 0;} #fun04 .content-section h3 {position: relative; margin: -20px auto 0; width: 368.5px; height: 202.5px; background: url(../2022/img/mobile/fun0401_subtit.png) no-repeat; background-size: contain; font-size: 0;} #fun04 .video {position: relative; margin: -10px auto 0; width: 338.5px; height: 203.5px; box-shadow: 5px 10px 10px rgba(0,0,0,0);} #fun04 .video:before {content: ''; position: absolute; left: 46px; top: -92px; width: 156.5px; height: 134.5px; background: url(../2022/img/mobile/fun0401_ch02.png) no-repeat; background-size: contain;} #fun04 .inner {position: relative; width: 100%; height: 100%; background: url(../2022/img/mobile/phone.png) no-repeat; background-size: cover; z-index: 5;} #fun04 .video .video-thumb{display:block; position:absolute; left:20px; top:16px; padding:0; width:300px; z-index:10;} #fun04 .video .video-thumb img{display:block;width:100%;} #fun04 .video-iframe {position:relative; width:100%; z-index:-1;} #fun04 .video iframe {position: absolute; top: 17px; left: 20px; width: 300px; height: 170px;} /* 마이나슈 댄스 */ #fun05 .title-section .inner-section {width: 100%;} #fun05 .title-section h2:before {left: 20px; bottom: -107px; width: 85.5px; height: 93.5px; background: url(../2022/img/fun0501_ch01.png) no-repeat; background-size: contain;} #fun05 .title-section h2:after {right: 10px; bottom: -119px; width: 105px; height: 138.5px; background: url(../2022/img/fun0501_ch02.png) no-repeat; background-size: contain;} #fun05 .item-list div[class^='item'] .inner-section {padding: 0 25px;} #fun05 .item-list div[class^='item'] {margin-bottom: 60px;} #fun05 .fun-title {margin-bottom: 20px;} #fun05 .fun-title h3 {margin: 0 auto 20px; -webkit-text-stroke: 0; font-size: 0;} #fun05 .fun-title h3:before {content: ''; display: none; position: relative; margin: 0 auto 30px; width: 30px; height: 3px; background-color: #1b1a1a} #fun05 .item01 .fun-title h3 {width: 208px; aspect-ratio: 208 / 116; background: url(../2022/img/mobile/fun0501_item01_tit.png) no-repeat center/contain;} #fun05 .item02 .fun-title h3 {width: 260px; aspect-ratio: 286 / 120; background: url(../2022/img/mobile/fun0501_item02_tit.png) no-repeat center/contain;} /* #fun05 .item03 .fun-title h3 {width: 175px; height: 89px; background: url(../2022/img/mobile/fun0501_item03_tit.png) no-repeat 0 30px; background-size: contain;} */ #fun05 .fun-title dl {font-family: 'GmarketSansMedium'; font-weight: bold; text-align: center; font-size: 14px;} #fun05 .fun-title dl dt {color: #e1a700;} #fun05 .fun-title dl dd {color: #1b1a1a;} #fun05 .video-view{padding-top:22px;background:url(../img/video_film_bg3.png) no-repeat right top;background-size:contain;} #fun05 .video-view .ucc-title{height:25px;background:#363637;text-align:center;font-size:14px;height:25px;line-height:21px;color:#fff;font-weight:700;vertical-align:middle;} /* 마이나슈 보안관 */ #fun06 .title-section h2:before {position: relative; left: auto; display: block; margin: 0 auto 10px; width: 99px; height: 119.5px; background: url(../2022/img/fun0601_ch01.png) no-repeat; background-size: contain;} #fun06 .content-title dt {font-family: 'GmarketSansMedium';} #fun06 .video-section .video-view .video-title {padding-bottom: 70px;} #fun06 .video-section .video-info {margin-bottom: 0;} #fun06 .content-section .event-end {margin-top: 90px; text-align: center;} /* 221123 추가 S */ #child02 .content-section #area01{padding-top: 145px;} #child02 .content-section #area01::after{top: 173px;} #child02 .content-section #area04{padding: 125px 0 0 0;} #child02 .content-section #area04:after{top: 140px;} #child03 .content-section #area01{padding-top: 100px;} #child03 .content-section #area01::after{top: 115px;} #child03 .content-section #area04{padding: 125px 0 0;} #child03 .content-section #area04:after{top: 140px;} #child03 .content-section #area05{padding-top: 125px;} #child03 .content-section #area05:after{top: 140px;} /* 221123 추가 E */ /* 250426 게시판 추가 */ .board-section .list {margin-top: 20px; width: 100%; border-top: 2px solid #000;} .board-section .list tr {border-bottom: 1px solid #000; font-size: 14px;} .board-section .list tr th {padding: 10px; font-weight: bold; background-color: #e2e2e2; box-sizing: border-box;} .board-section .list tr td {padding: 10px; text-align: center; box-sizing: border-box;} .board-section .list tr .tit {text-align: left;} .board-section .list tr .tit a {width: 100%;} .board-section .view {border-top: 2px solid #000; border-bottom: 1px solid #000;} .board-section .view .header {position: relative; padding: 15px 0px; border-bottom: 1px solid #000;} .board-section .view .header .tit {font-size: 16px; font-weight: 600;} .board-section .view .header ul {display: flex; align-items: center; margin-top: 10px;} .board-section .view .header ul li {position: relative; padding: 0 10px; color: #999;} .board-section .view .header ul li:first-child {padding-left: 0;} .board-section .view .header ul li:after {content: ''; position: absolute; right: -1px; top: 8px; width: 1px; height: 10px; background-color: #999;} .board-section .view .header ul li:last-child:after {display: none;} .board-section .view .header .file {position: absolute; right: 0px; bottom: 11px; padding: 0 10px; width: 70px; height: 30px; font-size: 14px; color: #fff; background-color: #666; border-radius: 50px; line-height: 30px;} .board-section .view .content {padding: 15px 0;} .board-section .view .content img, .board-section .view .content table {width: 100%;} .board-section .view ~ .btn_list {margin: 20px auto 0; display: block; width: 80px; height: 35px; background-color: #666; text-align: center; line-height: 35px; color: #fff;} .btn_page {margin-top: 20px; display: flex; justify-content: center; align-items: center;} .btn_page .page_num {width: 25px; height: 25px;} .btn_page .page_num > a {display: block; width: 100%; height: 100%; font-size: 14px; text-decoration: none; text-align: center; line-height: 25px;} .btn_page .page_num > a:hover, .btn_page .page_num.active {background-color: #f8d164;} .btn_page .btn_page_first {width: 25px; height: 25px; font-size: 0; background: url(../img/btn_pprv.png) no-repeat 50%; background-size: contain;} .btn_page .btn_page_first > a {display: block; width: 100%; height: 100%;} .btn_page .btn_prev {margin-right: 10px; width: 25px; height: 25px; font-size: 0; background: url(../img/btn_prev.png) no-repeat 50%; background-size: contain;} .btn_page .btn_prev > a {display: block; width: 100%; height: 100%;} .btn_page .btn_next {margin-left: 10px; width: 25px; height: 25px; font-size: 0; background: url(../img/btn_next.png) no-repeat 50%; background-size: contain;} .btn_page .btn_next > a {display: block; width: 100%; height: 100%;} .btn_page .btn_page_last {width: 25px; height: 25px; font-size: 0; background: url(../img/btn_nnxt.png) no-repeat 50%; background-size: contain;} .btn_page .btn_page_last > a {display: block; width: 100%; height: 100%;} @media (min-width: 1024px) { /* common */ #container {min-width: 1300px;} .pc_br {display: block;} /* header */ #header h1 {left: 0; padding-top: 2px; width: 212px;} #header h1 .logo {width: 212px; height: 64px; background: url(../2022/img/logo.png) no-repeat 0 0;} /* common */ .title-section {display: block; padding: 90px 0 80px; height: 320px; border-bottom: none; box-sizing: border-box;} .title-section h2 {font-size: 60px; text-align: center;} .path-menu {background-color: #f8d164;} .path-menu .depth1 > li {border-right-color: #fff;} .path-menu .depth1 > li .home {background: url(../2022/img/icon_path_home.png) no-repeat 50%;} .path-menu .depth1 > li > button {color: #1b1a1a;} .path-menu .depth1 > li > button:after {background: url(../2022/img/icon_path_arrow.png) no-repeat 50%; border-left-color: #fff;} .path-menu .depth2 > li.active a {color: #0063d3;} /* --- 마이나슈 on --- */ /* 마이나슈 이야기 */ #what01 .title-section h2:before {left: 320px; bottom: -139px; width: 154px; height: 282px;} #what01 .title-section h2:after {right: 260px; bottom: -226px; width: 233px; height: 410px;} .minasu-info:after {top: 23px;} #what01 .minasu-info h3 {width: 210px; height: 52px;} .minasu-info b {font-size: 24px;} .minasu-info p {margin-top: 10px; font-size: 20px; text-align: center;} #what01 .minasu-logo {margin-bottom: 140px;} #what01 .minasu-logo .inner-section {margin: 0 auto; width: 1300px;} #what01 .minasu-logo h4 {text-align: center;} #what01 .minasu-logo .logo-img {width: 640px;} #what01 .minasu-logo .logo-section p {width: 640px;} #what01 .active-section h4 {margin-bottom: 90px; width: 653px; height: 128px; background: url(../2022/img/active_tit.png) no-repeat 50%;} #what01 .active-section .active-card dl {display: block; height: auto;} #what01 .active-section .active-card dl dt {display: block; margin: 0 auto 10px; width: auto; font-size: 50px; text-align: center; line-height: 1;} #what01 .active-section .active-card dl dd {display: block; font-size: 20px; text-align: center;} #what01 .active-section .active-card .active-img {height: 160px; margin-bottom: 10px;} .active-section .active-list .active-card a {width: 240px; height: 70px; font-size: 20px; line-height: 75px; letter-spacing: -0.5px;} /* 마이나슈 캐릭터 소개 */ #what02 .title-section .inner-section {padding: 0; width: auto;} #what02 .title-section h2:after {left: 50%; right: auto; bottom: -114px; margin-left: -470px; width: 334px; height: 312px; background: url(../2022/img/what0201_ch01.png) no-repeat;} #what02 .content-section {padding-top: 130px;} .character-info:after {height: 300px;} .character-info .inner-section {margin: 0 auto; max-width: 1300px;} .character-info h3 {margin: 0 auto 20px; width: 514px; height: 130px; background: url(../2022/img/charInfo_tit.png) no-repeat;} #what02 .info-list {zoom: 1;} #what02 .info-list:after {content: ''; display: block; clear: both;} #what02 .info-list > img {float: left; margin-left: 160px; width: 308px;} #what02 .info-list .info {float: right; margin: 50px 130px 0 0;} #what02 .info-list .info p {font-size: 20px; text-align: left;} .character-info .info-list .info .name {margin-bottom: 20px; font-size: 26px;} .character-info .info-list .info .name b {font-size: 32px;} .character-info .info-list .keyword {margin-top: 30px; text-align: left;} #what02 .info-list .keyword img {margin-right: 10px; width: 117px;} /* 덜 짜게, 덜 달게 */ #what03 .content-section {padding-bottom: 0;} #what03 .title-section .inner-section {width: auto;} #what03 .title-section h2:after {top: -139px; right: 50%; margin-right: -554px; width: 410px; height: 360px; background: url(../2022/img/what0301_ch01.png) no-repeat;} .amount-section h3 {margin-bottom: 55px; width: 396px; height: 121px; background: url(../2022/img/amount_tit.png) no-repeat;} .amount-section p {font-size: 24px;} .amount-section .inner-section {margin: 0 auto; max-width: 1300px;} .amount-section .amount-item {margin-top: 90px; zoom: 1} .amount-section .amount-item:after{content:"";clear:both;display:block} .amount-section .amount-item dl{width:640px;height:280px;padding:65px 80px;} .amount-section .amount-item dl dt{font-size:30px;line-height:45px;} .amount-section .amount-item dl dd{font-size:50px} .amount-section .amount-item dl.card1{float:left;padding-top:110px;background-size:235px auto} .amount-section .amount-item dl.card2{float:right;background-size:236px auto} .amount-section .amount-item dl.card2:before{left:25px;top:-43px;width:105px;height:122px;} .intake-status {padding-bottom: 145px; margin-top: 200px;} .intake-status .inner-section {margin: 0 auto; max-width: 1300px;} .intake-status h3 {margin-bottom: 55px; width: 209px; height: 117px; background: url(../2022/img/intake_tit.png) no-repeat;} .intake-status p {font-size: 24px;} .intake-status .status-info {margin-top: 50px; border: 2px solid #e7e7e7; zoom: 1} .intake-status .status-info:after {content: ''; display: block; clear: both;} .intake-status .status-info li {float: left; padding: 60px 0 45px; width: 50%; box-sizing: border-box;} .intake-status .status-info dt {margin-bottom: 40px; font-size: 30px;} .intake-status .status-info dd {margin-bottom: 0;} .intake-status .status-info dd em {padding: 0; border: none;} .intake-status .status-info dd img {display: block; margin: 0 auto; width: 80%;} .intake-status .status-info dd p {font-size: 20px;} /* .intake-status .status-info .card1 dd p {margin-top: 23px;} */ .question-section {padding: 145px 0 150px;} .question-section .inner-section {margin: 0 auto; max-width: 1300px;} .question-section h3 {margin-bottom: 80px; width: 667px; height: 187px; background: url(../2022/img/question_tit.png) no-repeat;} .question-section a {width: 240px; height: 70px; font-size: 20px; line-height: 75px; letter-spacing: -0.5px;} /* 저염저당 실천하기 */ #what04 .content-section {padding-bottom: 0;} #what04 .title-section {padding: 135px 0 120px;} #what04 .title-section .inner-section {width: auto;} #what04 .title-section h2 em {display: inline-block; vertical-align: text-bottom;} #what04 .title-section h2:after {bottom: -101px; right: 50%; margin-right: -527px; width: 276px; height: 278px; background: url(../2022/img/what0401_ch01.png) no-repeat;} .problem-section:after {top: 49px;} .problem-section h3 {margin-bottom: 50px; width: 342px; height: 119px; background: url(../2022/img/problem_tit.png) #fff no-repeat;} .problem-section p {font-size: 24px;} .problem-section{padding-bottom:200px;} .problem-section .inner-section{width:1300px;margin:0 auto;padding:0} .problem-section .disease-section:after{content:"";clear:both;display:block} .problem-section .disease-section dl{margin-bottom:0;} .problem-section .disease-section dl.natrium{float:left;width:640px;} .problem-section .disease-section dl.sugars{float:right;width:640px;} .problem-section .disease-section dl dt{margin-bottom:30px;font-size:30px;} .problem-section .disease-list li em{height:150px;line-height:150px;padding-left:180px;font-size:24px;background-position:44px center;background-size:120px;} .way-section{padding-bottom: 100px;} .way-section:after {top: 52px;} .way-section .inner-section{width:1300px;margin:0 auto;padding:0} .way-section h3 {width: 334px; height: 121px; background: url(../2022/img/way_tit.png) #fff no-repeat;} .way-section p {font-size: 24px;} .way-section .way-info dl dt{margin-bottom:130px;font-size:34px;} .way-section .way-info .natrium dt {margin-bottom: 40px; width: 515px; height: 110px;} .way-section .way-info .sugars dt {margin-bottom: 40px; width: 515px; height: 110px;} .way-section .way-info dl dd{padding: 80px 0 0; height: 430px; box-sizing: border-box;} .way-section .way-list{align-items: flex-start;} .way-section .way-list li{display:inline-block;width:auto;height:auto;padding:160px 50px 0 0;text-align:left;background-position:0 0;background-size:auto 146px} .way-section .natrium .way-list li:last-child {padding-right: 74px;} .way-section .sugars .way-list li:last-child {padding-right: 0;} .way-section .way-list li em{font-size:24px;line-height:36px;} .slide-section{padding:80px 0; margin-bottom: 150px; background:#f6f2ee} .slide-section .inner-section{width:1085px;margin:0 auto;padding:0;} .tab-slide .slide-menu .menu-list > li.active button {color: #fff;} /* 저염저당 실천본부 */ #what05 .title-section {padding: 130px 0;} #what05 .title-section h2 em {display: inline-block; vertical-align: text-bottom;} #what05 .title-section h2:after {left: 50%; bottom: -136px; margin-left: -485px; width: 209px; height: 260px;} .center-section:after {top: 47px;} .center-section .inner-section {position: relative; padding: 0; margin: 0 auto; max-width: 1300px;} .center-section h3 {margin-bottom: 40px; width: 224px; height: 118px;} .center-section p {margin-bottom: 110px; font-size: 24px;} .center-section .photo-list{position:absolute;right:0;bottom:0;width:555px;} .center-section .photo-list li{width:252px;} .center-section .photo-list li img{max-width:100%;} .center-section .photo-list li.pt1{position:absolute;right:275px;bottom:77px;} .center-section .photo-list li.pt2{position:absolute;right:38px;bottom:-70px;} .center-section .photo-list li.pt3{position:absolute;right:323px;bottom:-170px;} .center-section .center-role h4 {margin: 0 0 10px; width: 392px; height: 109px;} .center-role ol li dl{line-height:38px;} .center-section .center-role dl {padding: 0; border-bottom: none;} .center-section .center-role dl dt {display:inline-block; margin-right: 10px; font-size: 24px;} .center-section .center-role dl dd {display:inline-block; font-size: 24px;} .center-section .center-role dl dd i {display: inline;} .center-member {padding: 170px 0 150px;} .center-member .inner-section {position: relative; padding: 0; margin: 0 auto; max-width: 1300px;} .center-member h4 {margin: 0 0 10px; width: 300px; height: 109px; background: url(../2022/img/center_subtit02.png) no-repeat;} .center-member p {padding-left: 20px; font-size: 24px; font-weight: 600; text-align: left;} .center-member h5 {margin: 50px 0 40px; font-size: 30px; text-align: left;} .center-member h5 b {font-weight: 700;} .center-member .member-list{margin-top: 45px; width:100%;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .center-member .member-list:after{content:"";clear:both;display:block} .center-member .member-list table{float:left;width:640px;height:555px;background:#fff;} .center-member .member-list table th{padding:20px 0;font-size:24px;border-top:4px solid #000;} .center-member .member-list table td{padding:12px 0;font-size:20px;} .center-member .member-list table.table1{margin-right:20px;} .center-member .member-list table.table2 tr.head{display:table-row} /* --- 할수있다 마이나슈 --- */ .lets-section .path-menu {background: #493a30;} .lets-section .path-menu .depth1 > li .home {background: url(../2022/img/icon_path_home2.png) no-repeat center center;} .lets-section .path-menu .depth1 > li > button {color: #fff;} .lets-section .path-menu .depth1 > li > button:after {background: url(../img/icon_path_arrow.png) no-repeat center center;} .lets-section .path-menu .depth2 > li.active a {color: #493a30;} /* 저염저당 레시피 */ #lets01 .title-section .inner-section {width: auto;} #lets01 .title-section h2:before {left: 50%; bottom: -115px; margin-left: -319px; width: 137px; height: 233px; background: url(../2022/img/lets0101_ch01.png) no-repeat;} #lets01 .title-section h2:after {right: 50%; bottom: -153px; margin-right: -415px; width: 230px; height: 344px; background: url(../2022/img/lets0101_ch02.png) no-repeat;} #lets01 h3 {margin-bottom: 40px; width: 565px; height: 330px; background: url(../2022/img/lets_tit.png) no-repeat;} /* #lets01 h3 + p:before {margin-bottom: 27px; width: 2px; height: 24px;} */ #lets01 h3 + p {margin-bottom: 145px; font-size: 24px;} #lets01 h3 + p em {font-weight: normal;} .recipe-section {padding: 150px 0;} .recipe-section .inner-section {padding: 0; margin: 0 auto; max-width: 1300px;} .recipe-section ul {display: flex; flex-wrap: wrap; border: 2px solid #e5e5e5; border-top: none;} .recipe-section ul li {position: relative; padding: 30px 0 103px; width: 33.33%; height: 593px; border-width: 2px; border-left: none;} .recipe-section ul li:nth-child(3n+3) {border-right: none;} .recipe-section ul li:last-child {border-bottom: none;} .recipe-section ul li .recipe-card b {margin-bottom: 20px; font-size: 30px;} .recipe-section ul li .recipe-card .recipe-img {margin-bottom: 0px; height: 314px;} .recipe-section ul li .recipe-card p {font-size: 20px; font-weight: 600;} .recipe-section ul li a {position: absolute; bottom: 35px; left: 50%; margin-left: -120px; width: 240px; height: 70px; line-height: 75px; font-size: 20px;} .recipe-section ul li.event {padding: 150px 0 35px; border-right: none;} /* .recipe-section ul li.event {padding: 60px 0 35px; width: calc(100% - 433px); border-right: none;} */ .recipe-section ul li.event .tit {width: 100%; aspect-ratio: 748 / 336; background-position: center;} .recipe-section ul li.event .txt {margin-top: 5px; font-size: 26px;} /* .recipe-section ul li:nth-of-type(7) {padding-top: 100px;} */ /* .recipe-section ul li:nth-of-type(7) p {margin-top: 25px;} */ /* 저감요리 경연대회 */ #lets02 .title-section .inner-section {width: auto;} #lets02 .title-section h2:before {left: 50%; bottom: -115px; margin-left: -319px; width: 137px; height: 233px; background: url(../2022/img/lets0101_ch01.png) no-repeat;} #lets02 .title-section h2:after {right: 50%; bottom: -153px; margin-right: -415px; width: 230px; height: 344px; background: url(../2022/img/lets0101_ch02.png) no-repeat;} #lets02 .content-section {padding: 120px 0 160px;} .contest-section dl {padding-bottom: 0; margin-bottom: 105px; height: 590px; border-width: 2px; zoom: 1} .contest-section dl:after {content: ''; display: block; clear: both;} .contest-section dl dt {float: left; width: 440px; height: 100%; border-right: 2px solid #e5e5e5;} .contest-section dl dt span {left: 80px; top: -39px; margin-left: 0; width: 232px; height: 109px; } .contest-section dl dt img {margin-top: 120px; width: 62%;} .contest-section dl dd {float: left; position: relative; padding: 120px 105px; width: 854px; box-sizing: border-box;} .contest-section dl dd p {position: absolute; bottom: 45px; left: 0; margin: 0; width: 100%; font-size: 24px;} /* .contest-section dl:nth-of-type(1) dd p {bottom: 34px;} .contest-section dl:nth-of-type(3) dd p {bottom: 58px;} */ .contest-section dl dd span {position: absolute; left: 0; top: 75px; width: 100%; font-size: 20px;} .contest-section dl dd a:after {margin: -35px 0 0 -120px; width: 240px; height: 70px; font-size: 20px; line-height: 75px;} /* 식습관 개선 프로그램 */ #lets03 .title-section h2:after {bottom: -259px; margin-left: -481px; width: 930px; height: 450px; background: url(../2022/img/lets0301_ch01.png) no-repeat;} /* #lets03 .path-menu .depth1 > li:nth-of-type(3) > button {min-width: 400px;} */ dl.content-title {text-align: center;} .lets-section dl.content-title dt {font-size: 30px;} .lets-section dl.content-title dt em {display: inline-block;} .lets-section dl.content-title dd {font-size: 24px; line-height: 1.5;} .video-section .video-view .tab-section .tab-list {position: relative; top: auto;} .video-section .video-view .video-title {position: absolute; left: 0; top: 395px; width: 100%; font-size: 24px;} .video-section .video-info {min-height: 360px;} .video-section .video-info .info-list {min-height: auto;} #lets03.v1 .video-section .video-view .tab-section .tab-list {top: auto;} #lets03.v1 .video-section .video-view .video-title, #lets03.v3 .video-section .video-view .video-title {top: 440px; padding-bottom: 0;} /* 토크콘서트 */ #lets04 .title-section {padding: 135px 0 120px;} #lets04 .title-section .inner-section {width: auto;} #lets04 .title-section h2:before {bottom: -110px; left: 50%; margin-left: -340px; width: 150px; height: 221px;} #lets04 .title-section h2:after {bottom: -139px; right: 50%; margin-right: -362px;width: 190px; height: 334px; background: url(../2022/img/lets0401_ch02.png) no-repeat; } #lets04.v2 .video-section .video-view .video-title {top: 440px; padding: 0;} /* 쿠킹클래스 */ #lets05 .title-section {padding: 135px 0 120px;} #lets05 .title-section .inner-section {width: auto;} #lets05 .title-section h2:before {bottom: -137px; left: 50%; margin-left: -360px; width: 128px; height: 238px; background: url(../2022/img/lets0501_ch01.png) no-repeat;} #lets05 .title-section h2:after {bottom: -156px; right: 50%; margin-right: -444px; width: 227px; height: 338px; background: url(../2022/img/lets0501_ch02.png) no-repeat;} #lets05 .video-section {padding-bottom: 95px;} #lets05 .video-section .video-view .video-title {top: 396px;} #lets05 .recipe-section h4 {margin-bottom: 45px; width: 395px; height: 110px;} #lets05 .slide-view {margin:0 auto; width:650px;} #lets05 .recipe-section ul {display: block; border: none;} #lets05 .recipe-section ul li {height: 100%;} /* --- 어린이 마이나슈 ---- */ .child-section .path-menu {background-color: #0063d3;} .child-section .path-menu .depth1 > li .home {background: url(../2022/img/icon_path_home2.png) no-repeat center center;} .child-section .path-menu .depth1 > li > button {color: #fff;} .child-section .path-menu .depth1 > li > button:after {background: url(../img/icon_path_arrow.png) no-repeat center center;} .child-section .content-section .slide-view .slick-arrow {border-width: 2px;} /* 튼튼먹거리 탐험대 */ .child-section .title-section {padding-top: 65px;} #child01 .title-section h2:before {left: auto; margin-bottom: 25px; width: 211px; height: 96px;} .child-section .content-section .inner-section {padding: 0; margin: 0 auto; width: 1300px;} #child01 .content-section {padding-top: 50px;} #child01 .content-section .inner-menu #slideMenu {margin-left: -305px; width: 610px;} #child01 div[class^='child-content'] p {font-size: 24px;} #child01 .child-content01 {padding-top: 150px;} #child01 .child-content01:after {top: 184px;} #child01 .child-content01 h3 {width: 324px; height: 64px;} #child01 .child-content01 h4 {margin-top: 70px; width: 434px; height: 110px;} #child01 .child-content01 .video-area{margin:0 auto; width:640px} #child01 .child-content01 .video-area dd{font-size:24px;} #child01 .child-content01 .img-list {margin: 55px 0 150px; zoom: 1} /* #child01 .child-content01 .img-list:after {content: ''; display: block; clear: both;} */ #child01 .child-content01 .img-list li {text-align: center;} #child01 .child-content01 .img-list li img {width: 550px; height: 250px;} #child01 .child-content02 {padding-top: 150px;} #child01 .child-content02:after {top: 177px;} #child01 .child-content02 h3 {width: 162px; height: 53px;} #child01 .child-content02 .item-wrap {zoom: 1} #child01 .child-content02 .item-wrap:after {content: ''; display: block; clear: both;} #child01 .child-content02 .item-wrap:after{content:"";clear:both;display:block} #child01 .child-content02 .item-wrap .item-area{float:left;width:420px;margin-right:20px;padding:0 28px;box-sizing:border-box;} #child01 .child-content02 .item-wrap .item-area:nth-child(3),#child01 .child-content02 .item-wrap .item-area:last-child{margin-right:0} #child01 .child-content02 .item-wrap .item-area h4 {font-size: 30px;} #child01 .child-content02 .item-wrap .item-area:nth-child(4) h4 {display:flex; justify-content:center; align-items:center; height:88px;} #child01 .child-content02 .item-wrap .item-area #innerSlide4 li div {height:508px;} #child01 .child-content03 {padding: 150px 0 215px;} #child01 .child-content03 h3 {width: 696px; height: 133px;} #child01 .child-content03:after {top: 195px;} #child01 #child01 .child-content03 .item-wrap {zoom: 1} #child01 .child-content03 .item-wrap:after {content: ''; display: block; clear: both;} #child01 .child-content03 dl {float: left; margin-top: 75px; width: 33.33%;} #child01 .child-content03 .item-area01 {margin-top: 75px;} #child01 .child-content03 dl dt {width: 394px; height: 110px;} #child01 .child-content03 dl dd p {margin-bottom: 25px; height: 37px;} #child01 .child-content03 dl dd .txt01 {width: 89px;} #child01 .child-content03 dl dd .txt02 {margin-top: 60px; width: 62px;} #child01 .child-content03 .img-box {padding: 60px 40px; height: 620px; border-width: 2px; border-right: none;} #child01 .child-content03 .item-area03 .img-box {border-right: 2px solid #e7e7e7;} #child01 .child-content03 .slide-view .slick-arrow {bottom: -130px;} #child01 .child-content03 .slide-view .slide-content .slide-no {bottom: -100px; margin-left: -9px;} /* 식품안전 영양교육 */ #child02 .title-section h2:after {bottom: -121px; margin-left: -410px; width: 820px; height: 340px; background: url(../2022/img/child0201_ch01.png) no-repeat;} #child02 .title-section h2 em {margin-top: 100px;} #child02 .content-section, #child03 .content-section {padding-top: 50px;} #innerMenu #slideMenu {display: flex; flex-wrap: nowrap; width: 1020px; left: 50%; margin-left: -502.5px; border-radius: 40px; border: 4px solid #e5e5e5; background-color: #fff;} #innerMenu #slideMenu li {position: relative; padding: 0 25px; vertical-align: middle;} #innerMenu #slideMenu li.active:after {content: ''; position: absolute; left: -5px; top: -4px; width: 100%; height: 100%; border: 4px solid #0063d3; border-radius: 40px;} #innerMenu #slideMenu li:last-child.active:after {left: -2px;} #innerMenu #slideMenu li a {display: block; position: relative; padding: 0; height: 85px; line-height: 1.3; font-family: 'GmarketSansMedium'; font-size: 24px; -webkit-text-stroke: 0; font-weight: 500; color: #8d8c8c; text-align: center; line-height: 85px;} #innerMenu #slideMenu li a:hover, #innerMenu #slideMenu li a:focus, #innerMenu #slideMenu li a:active {outline: none;} #innerMenu #slideMenu li a:before {display: none;} #child02 .content-section .area-content {padding: 145px 0;} #child02 .content-section .area-content:after {top: 173px;} #child02 .area-content .sub-title dd {font-size: 24px;} #child02 .content-section .area-content h4 {margin-bottom: 45px;} /* #child02 .content-section #area01 {padding-top: 145px;} #child02 .content-section #area01:after {top: 173px;} #child02 .content-section #area01 .sub-title dt {width: 325px; height: 62px; background: url(../2022/img/child0201_tit01.png) #fff no-repeat;} #child02 .content-section #area01 .slide-view {margin: 0 auto; width: 790px; height: 500px;} */ #child02 .content-section #area01 .sub-title dt {width: 508px; margin: 0 auto 20px;} #child02 .content-section .edu-item h4 {transform: unset;} #child02 .content-section #area01 .edu-item:nth-of-type(1) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit01.png) no-repeat;} #child02 .content-section #area01 .edu-item:nth-of-type(2) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit02.png) no-repeat;} #child02 .content-section #area01 .item-list {margin-bottom: 150px; zoom: 1} #child02 .content-section #area01 .item-list:after {content: ''; display: block; clear: both;} #child02 .content-section #area01 .item-list li {float: left; margin: 70px 110px 0 0; width: 360px;} #child02 .content-section #area01 .card-line li:nth-of-type(1), #child02 .content-section #area02 .card-line li:nth-of-type(2), #child02 .content-section #area02 .card-line li:nth-of-type(3) {margin-top: 0;} #child02 .content-section #area01 .item-list li:nth-child(3n+3) {margin-right: 0;} #child02 .content-section #area01 .item1 li:last-child {margin-bottom: 0;} #child02 .content-section #area01 .item1 dt {margin-bottom: 30px; font-size: 30px;} #child02 .content-section #area01 .item1 .card-line dd img {width: 100%;} #child02 .content-section #area01 .card-line a {width: 240px; height: 70px; line-height: 70px; font-size: 20px;} #child02 .content-section #area01 .item2 {margin-bottom: 0;} #child02 .content-section #area01 .item2 li {margin: 0 20px 0 0; width: 310px; height: 330px;} #child02 .content-section #area01 .item2 li:nth-child(3n+3) {margin-right: 20px;} #child02 .content-section #area01 .item2 li:nth-of-type(2) {margin-right: 20px;} #child02 .content-section #area01 .item2 dl {padding: 35px 0;} #child02 .content-section #area01 .item2 dt {margin-bottom: 50px; font-size: 24px; font-weight: 700;} #child02 .content-section #area01 .item2 dd {height: 170px;} #child02 .content-section #area01 .item2 li:nth-of-type(1) dd img {width: 70%;} #child02 .content-section #area01 .item2 li:nth-of-type(2) dd img {width: 40%;} #child02 .content-section #area01 .item2 li:nth-of-type(3) dd img {width: 60%;} #child02 .content-section #area01 .item2 li:nth-of-type(4) dd img {width: 70%;} #child02 .content-section #area02 .sub-title dt {width: 332px;} #child02 .content-section #area02 .edu-item:nth-of-type(1) {display: flex;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(1) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit01.png) no-repeat;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(2) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit02.png) no-repeat;} #child02 .content-section #area02 .item-list {margin-bottom: 150px; zoom: 1} #child02 .content-section #area02 .item-list:after {content: ''; display: block; clear: both;} #child02 .content-section #area02 .item-list li {float: left; margin: 70px 110px 0 0; width: 360px;} #child02 .content-section #area02 .card-line li:nth-of-type(1), #child02 .content-section #area02 .card-line li:nth-of-type(2), #child02 .content-section #area02 .card-line li:nth-of-type(3) {margin-top: 0;} #child02 .content-section #area02 .item-list li:nth-child(3n+3) {margin-right: 0;} #child02 .content-section #area02 .item1 li:last-child {margin-bottom: 0;} #child02 .content-section #area02 .item1 dt {margin-bottom: 30px; font-size: 30px;} #child02 .content-section #area02 .item1 .card-line dd {height: 490px;} #child02 .content-section #area02 .item1 .card-line dd img {width: 100%;} #child02 .content-section #area02 .card-line a {width: 240px; height:70px; line-height:70px; font-size:20px;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group {display:flex; flex-direction:column; align-items: center; } #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(1) h4 {transform: translateX(-50px);} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(2) h4 {transform: translateX(-40px);} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(1) .item-list li {margin-top: 115px;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(2) .item-list {display: flex;} #child02 .content-section #area02 .edu-item:nth-of-type(1) .edu-item-group:nth-child(2) .item-list li:nth-child(2) img {height: 490px;} #child02 .content-section #area02 .edu-item:nth-of-type(2) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit02.png) no-repeat;} #child02 .content-section #area02 .item2 {display: flex; justify-content: center; margin-bottom: 0;} #child02 .content-section #area02 .item2 li {margin: 0 20px 0 0; width: 310px; height: 330px;} #child02 .content-section #area02 .item2 li:nth-child(3n+3) {margin-right: 20px;} #child02 .content-section #area02 .item2 li:last-child {margin-right: 0px;} #child02 .content-section #area02 .item2 li:nth-of-type(2) {margin-right: 20px;} #child02 .content-section #area02 .item2 dl {padding: 35px 0;} #child02 .content-section #area02 .item2 dt {margin-bottom: 50px; font-size: 24px; font-weight: 700;} #child02 .content-section #area02 .item2 dd {height: 170px;} #child02 .content-section #area02 .item2 li:nth-of-type(1) dd img {width: 70%;} #child02 .content-section #area02 .item2 li:nth-of-type(2) dd img {width: 40%;} #child02 .content-section #area02 .item2 li:nth-of-type(3) dd img {width: 60%;} #child02 .content-section #area03 .edu-item {display:flex; justify-content:center;} #child02 .content-section #area03 .item-list {zoom: 1} #child02 .content-section #area03 .item-list:after {content: ''; display: block; clear: both;} #child02 .content-section #area03 .item-list li {display: flex; justify-content: center; float: left; margin-top: 70px; width: 360px;} #child02 .content-section #area03 .card-line li:nth-of-type(1), #child02 .content-section #area02 .card-line li:nth-of-type(2), #child02 .content-section #area02 .card-line li:nth-of-type(3) {margin-top: 0;} #child02 .content-section #area03 .item-list li:nth-child(3n+3) {margin-right: 0;} #child02 .content-section #area03 .item1 li:last-child {margin-bottom: 0;} #child02 .content-section #area03 .item1 dt {margin-bottom: 30px; font-size: 30px;} #child02 .content-section #area03 .item1 dd {display: flex; align-items: center; width: 315px; height: 250px;} #child02 .content-section #area03 .item1 .card-line dd img {width: 100%;} #child02 .content-section #area03 .card-line a {width: 240px; height:70px; line-height:70px; font-size:20px;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(1) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit01.png) no-repeat;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(2) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit03.png) no-repeat;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(3) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit02.png) no-repeat;} #child02 .content-section #area03 .sub-title dt {width: 333px;} #child02 .content-section #area03 .edu-item .edu-item-group {display:flex; flex-direction:column; align-items: center;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-of-type(1) {align-items: flex-end;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-of-type(2) {width: unset;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-of-type(3) {align-items: flex-start;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(1) h4 {transform: translateX(45px);} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(2) h4 {transform: translateX(20px);} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(3) h4 {transform: translateX(-35px);} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(1) .item-list li {margin-top: 115px;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(2) .item-list {display: flex;} #child02 .content-section #area03 .edu-item .edu-item-group:nth-child(3) .item-list img {width: 150px; aspect-ratio: 120 / 156;} #child02 .content-section #area04{padding: unset;} #child02 .content-section #area04:after {top: 33px;} #child02 .content-section #area04 .sub-title dt {width: 288px;} #child02 .content-section #area04 .video h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_school_tit01.png) no-repeat;} #child02 .content-section #area04 .school-video dt {margin: 0 auto; width: 645px; height: 365px;} #child02 .content-section #area04 .school-video dd {margin-top: 35px; font-size: 24px;} #child02 .content-section #area04 .fl-box .left h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_school_tit02.png) no-repeat;} #child02 .content-section #area04 .fl-box .left .card-line {padding: 45px 35px; border-width: 2px;} #child02 .content-section #area04 .fl-box .right h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_school_tit03.png) no-repeat;} #child02 .content-section #area04 .fl-box .right .card-line {padding: 45px; border-width: 2px;} #child02 .content-section #area04 .fl-box .right .card-line img {display: block; margin: 0 auto; width: 37%;} #child02 .content-section #area04 .item1 dd {display: flex; align-items: center; width: 315px; height: 400px;} #child02 .content-section #area04 .item1 dt {margin-bottom: 30px; font-size: 30px;} #child02 .content-section #area04 .item1 .card-line dd img {width: 100%; height: 100%;} #child02 .content-section #area04 .card-line a {width: 240px; height:70px; line-height:70px; font-size:20px;} #child02 .content-section #area04 .edu-item {display:flex; justify-content:center;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(1), #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(2) {align-items: flex-start;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(1) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit01.png) no-repeat; transform: translateX(-55px);} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(2) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit04.png) no-repeat; transform: translateX(-60px);} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(3) h4 {width: 434px; height: 110px; background: url(../2022/img/child0201_edu_tit03.png) no-repeat;} #child02 .content-section #area04 .edu-item .edu-item-group {display:flex; flex-direction:column; align-items: center; } #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(1) .item-list li, #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(2) .item-list li {margin-top: 76px;} #child02 .content-section #area04 .edu-item .edu-item-group:nth-child(3) .item-list {display: flex; gap: 115px;} /* 어린이 기호식품 */ #child03 .title-section h2:before {left: auto; width: 241px; height: 113px;} #child03 #innerMenu #selectedMenu br, #child03 #innerMenu #slideMenu li a br {display: block;} #child03 #innerMenu #slideMenu {margin-left: -552.5px; width: 1105px;} #child03 #innerMenu #slideMenu li {padding: 0 31px; box-sizing: border-box;} #child03 #innerMenu #slideMenu li a {padding: 6.5px 0; line-height: 1.5; box-sizing: border-box;} #child03 #innerMenu #slideMenu li:nth-of-type(4) a, #child03 #innerMenu #slideMenu li:nth-of-type(5) a {line-height: 72px;} #child03 .content-section .area-content {padding: 145px 0;} #child03 .area-content .sub-title dd {font-size: 24px;} #child03 .content-section #area01 {padding-top: 145px; height: 680px; box-sizing: border-box;} #child03 .content-section #area01:after {top: 185px;} #child03 .content-section #area01 .sub-title:after {position: absolute; left: 275px; top: 120px; width: 226px; height: 272px;} #child03 .content-section #area01 .sub-title dt {width: 387px; height: 64px;} #child03 .content-section #area01 .sub-title dd {position: absolute; right: 145px; top: 120px; padding: 52px 20px 40px 100px; width: 637px; height: 361px; background: url(../2022/img/child0301_area01_img02.png) no-repeat; box-sizing: border-box; text-align: left; font-size: 32px; line-height: 1.4;} #child03 .content-section #area01 .sub-title dd span {font-size: 40px; } #child03 .content-section #area02:after {top: 176px;} #child03 .content-section #area02 .sub-title dt {width: 448px; height: 68px;} #child03 .content-section #area02 .item-wrap:after{content:"";clear:both;display:block} #child03 .content-section #area02 .item-wrap .item0101{float:left;width:720px;padding:0 40px;box-sizing:border-box;} #child03 .content-section #area02 .item-wrap .item0102{float:right;width:560px;padding:0 80px;box-sizing:border-box;} #child03 .content-section #area02 .item-area h4 {margin-bottom: 40px; width: 434px; height: 110px;} #child03 .content-section #area02 .video-area {margin: 0 auto; width: 640px;} #child03 .content-section #area03:after {top: 185px;} #child03 .content-section #area03 .sub-title dt {width: 536px; height: 72px;} #child03 .food-section{background:none} #child03 .food-tabmenu #selectedTab{display:none !important} #child03 .food-tabmenu #tabList{position:static;display:block !important;width:100%;border:0;} #child03 .food-tabmenu #tabList:after{content:"";clear:both;display:block;} #child03 .food-tabmenu #tabList li{float:left;display:block;width:calc(100% / 5);border:0;} #child03 .food-tabmenu #tabList li button{padding:0;margin:0;display:block;width:100%;height:82px;font-size:24px;line-height:78px;color:#785c6e;text-align:center;background:#fff;border:2px solid #785c6e;border-left:0;box-sizing:border-box;} #child03 .food-tabmenu #tabList li:first-child button{border-left:2px solid #785c6e} #child03 .food-tabmenu #tabList li.active button{color:#fff;background:#785c6e} #child03 .food-section .tab-content{position:relative;padding:50px 60px;border:2px solid #785c6e;border-top:0;} #child03 .food-section .item-list:after{content:"";clear:both;display:block} #child03 .food-section .item-list li{display:block;float:left;width:376px;margin-right:24px;border:2px solid #f2f2f2} #child03 .food-section .item-list li:nth-child(3n+0){margin-right:0;} #child03 .food-section .item-list dl dt{width:110px;min-height:110px;} #child03 .food-section .item-list dl dd{min-height:110px;padding:10px 20px;border-left:2px solid #f2f2f2} #child03 .food-section .item-list dl dd em{margin-bottom:0;font-size:20px;line-height:30px;} #child03 .food-section .item-list dl dd span{font-size:20px;line-height:30px;} #child03 .product-slide .slick-arrow{bottom:-150px;width:60px;height:60px;background-size:auto 12px;} #child03 .product-slide .slick-arrow.slick-prev{margin-left:-110px;} #child03 .product-slide .slick-arrow.slick-next{margin-left:50px} #child03 .product-slide .slide-no{position:absolute;left:0;bottom:-150px;width:100%;padding-top:0;font-size:24px;line-height:60px;} #child03 .content-section #area04 {padding-top: 145px;} #child03 .content-section #area04 .sub-title dt {width: 249px; height: 59px;} #child03 .content-section #area04:after {top: 172px;} #child03 .content-section #area04 .exstore-info {position: relative; padding: 315px 0 0; margin-bottom:120px;} #child03 .exstore-info ol {padding: 30px 50px; background-color: #f2f2f2; border: 1px solid #e5e5e5; box-sizing: border-box;} #child03 .content-section #area04 .exstore-info ol:before {position: absolute; top: 0; left: 50%; margin-left: -217.5px; width: 435px; height: 330px;} #child03 .exstore-info li{padding:0;border-bottom:0;} #child03 .exstore-info li dl{font-size:24px;line-height:38px;text-align:left;} #child03 .exstore-info li dl:after{content:"";clear:both;display:block;} #child03 .exstore-info li dt{float:left;width:25px;font-weight:700;} #child03 .exstore-info li dt:after{content:"."} #child03 .exstore-info li dd{float:left;width:calc(100% - 25px)} #child03 .content-section #area04 .item-area h4 {margin-bottom: 40px; width: 434px; height: 110px;} #child03 .exstore-list p {font-size: 30px; line-height: 1.3;} #child03 .exstore-list .map-img {margin: 70px 0 80px; text-align: center;} #child03 .exstore-list .map-img .year {font-size: 20px;} #child03 .content-section #area03 a, #child03 .content-section #area04 a {width: 240px; height: 70px; font-size: 20px; line-height: 70px;} #child03 .content-section #area05:after {top: 156px;} #child03 .content-section #area05 .sub-title dt {width: 324px; height: 62px;} #child03 .content-section #area05 .item-wrap {margin-top: 55px; text-align: center;} #child03 .content-section #area05 .item-wrap .item-area {display: inline-block; padding: 0 70px; vertical-align: top;} #child03 .content-section #area05 .item0501 h4 {width: 434px; height: 110px;} #child03 .content-section #area05 .item0502 h4 {width: 514px; height: 110px;} #child03 .content-section #area05 .slide-view {margin-bottom: 250px; width: 500px; height: 500px;} /* 어린이급식관리지원센터 */ #child04 .title-section {padding-top: 80px;} #child04 h2:before {left: auto; bottom: auto; margin-bottom: 20px; width: 572px; height: 53px;} #child04 .sub-title:after {top: 34px;} #child04 .sub-title dt {width: 427px; height: 67px;} #child04 .sub-title dd {font-size: 24px;} #child04 #area01 .item-wrap:after{content:"";clear:both;display:block} #child04 .item-wrap .item-area h4 {margin-top: 100px; width: 434px; height: 110px;} #child04 #area01 .item-wrap .item0101 {float:left;width:650px;} #child04 #area01 .item-wrap .item0102 {float:right;padding-right: 120px; margin:0; width:400px;} #child04 #area01 .item-wrap .item0102 h4 {margin-left: -14px;} /* #child04 #area02{padding:150px 0;} */ #child04 #area02 h4 {margin-bottom: 40px; width: 434px; height: 110px;} #child04 #area02 .item-wrap:after{content:"";clear:both;display:block} #child04 #area02 .item-wrap .item-area {margin-bottom: 120px;} #child04 #area02 .item-wrap .item-area:nth-child(odd) {float:left;width:50%;} #child04 #area02 .item-wrap .item-area:nth-child(even) {float:right;width:50%;} #child04 #area02 .item-wrap .item-area:nth-of-type(3), #child04 #area02 .item-wrap .item-area:nth-of-type(4) {margin-bottom: 0;} #child04 #area02 .item-area > p {font-size: 24px;} #child04 #area02 .item-area > p:after {margin: 35px auto 40px; width: 120px; height: 4px;} #child04 #area02 .slide-view{width:500px;margin:0 auto;} /* --- 지키자 식품안전 --- */ .safe-section .title-section {height: 320px !important;} .safe-section .title-section h2:before {left: auto; bottom: auto; margin-bottom: 20px; width: 229px; height: 75px;} .safe-section .path-menu {background-color: #0063d3;} .safe-section .path-menu .depth1 > li .home {background: url(../2022/img/icon_path_home2.png) no-repeat center center;} .safe-section .path-menu .depth1 > li > button:after {background: url(../img/icon_path_arrow.png) no-repeat center center;} .safe-section .path-menu .depth1 > li > button {color: #fff;} .safe-section .path-menu .depth2 > li.active a {color: #0063d3;} .safe-section .content-section {padding-top: 150px;} .safe-section .sub-title {margin-bottom: 45px;} /* 나드륨 당류 저감 표시기준 */ #safe01 .title-section {background: #fff} #safe01 .title-section h2 {font-size: 60px;} #safe01 .title-section h2::before {display: block; position: absolute; top: -80px; left: 265px; width: 204px; height: 310px; background: url(../2022/img/safe0101_ch01.png) no-repeat;} #safe01 .title-section h2:after {right: 270px; bottom: -71px; width: 197px; height: 264px; background: url(../2022/img/safe0101_ch02.png) no-repeat;} #safe01 .content-section {padding: 150px 0;} #safe01 .content-section:after {top: 199px} #safe01 .sub-title {margin-bottom: 0;} #safe01 dt {width: 248px; height: 117px; background: url(../2022/img/safe0101_tit.png) #fff no-repeat;} #safe01 dd {font-size: 28px;} #safe01 p {margin-bottom: 40px; width: 935px; height: 173px; background: url(../2022/img/safe0101_txt.png) no-repeat;} #safe01 img:first-child {margin-bottom: 30px;} #safe01 .table-header-cell {font-size: 24px; padding: 20px 15px;} #safe01 .table-content-row, #safe01 .table-content-left, #safe01 .table-content-right {font-size: 20px;} #safe01 .table-category-cell {font-size: 24px;} /* 실천음식점 */ #safe02 .content-section:after {top: 200px;} #safe02 .sub-title dt {margin-bottom: 0; width: 488px; height: 125px;} #safe02 #area01 {padding-bottom: 70px;} #safe02 #area01 .item-wrap:after{content:"";clear:both;display:block} #safe02 #area01 .item-wrap .left {float:left; margin-top: 75px; width: 650px;} #safe02 #area01 .left .item-area {padding: 75px 45px 55px; height: 230px; margin-bottom: 60px; box-sizing: border-box; border-radius: 25px;} #safe02 #area01 .left .item-area:last-child {height: 180px;} #safe02 #area01 .left .item0101 h4 {left: 25px; top: -46px;} #safe02 #area01 .left .item0101 h4 {width: 392px; height: 109px;} #safe02 #area01 .left .item0102 h4 {width: 277px; height: 109px;} #safe02 #area01 .left .item-area p {font-size: 20px;} #safe02 #area01 .left .item-area span {font-size: 20px;} #safe02 #area01 .item-wrap .right{float:right; margin: 65px 70px 0 0;width:500px;margin-bottom:0; box-sizing:border-box;} #safe02 #area02 {padding:150px 0;} #safe02 #area02 > .inner-section{width:1300px; padding: 0; margin:0 auto;} #safe02 #area02 > .inner-section:after{content:"";clear:both;display:block} #safe02 #area02 .item-area {margin-bottom: 0;} #safe02 #area02 h4 {height: 110px;} #safe02 #area02 .item0201{float:left;width:640px;} #safe02 #area02 .item0202{float:right;width:640px;} #safe02 #area02 .item0201 h4 {width: 415px;} #safe02 #area02 .item0202 h4 {width: 495px;} #safe02 #area02 .map-img .year{font-size:20px;} /* 식품영양성분 DB */ #safe03 .title-section .inner-section {width: 1300px;} #safe03 .title-section h2:after {right: -46px; bottom: -91px; width: 480px; height: 277px; background-size: contain;} #safe03 .content-section:after {top: 182px;} #safe03 .sub-title dt {margin-bottom: 60px; width: 584px; height: 126px;} #safe03 #area01 img {display: block; margin: 0 auto 60px; width: 800px; height: 450px;} #safe03 #area01 p {font-size: 20px;} /* #safe03 #area01 p:after {margin-top: 35px; width: 4px; height: 28px;} */ #safe03 #area01 p span {font-size: 16px;} #safe03 #area01 .wrap-img {margin: 45px 0 330px; text-align: center;} #safe03 #area01 .wrap-img li {display: inline-block; padding: 0 10px; margin-bottom: 0; width: 49%; vertical-align: top; box-sizing: border-box;} #safe03 #area01 .wrap-img li img {margin-bottom: 70px;} #safe03 #area01 .wrap-img li a {width: 280px; height: 70px; line-height: 75px; font-size: 20px;} #safe03 #area01 .wrap-img li:first-child a {padding: 10px 0; height: 70px; line-height: 1.3; border-radius: 50px; box-sizing: border-box;} #safe03 #area02 {padding: 95px 0 260px;} #safe03 #area02 .slide-view {margin: 0 auto; width: 500px; height: 500px;} /* 식품 소비기한 */ #safe04 .title-section .inner-section {width: 1300px;} #safe04 .title-section h2:after {right: auto; left: 50%; bottom: -112px; margin-left: -433px; width: 229px; height: 280px; background-size: contain;} #safe04 .content-section .area-content > .inner-section {padding: 0; margin: 0 auto; width: 1300px;} #safe04 #area01 {padding: 150px 0 125px !important;} #safe04 #area01:after {top: 186px;} #safe04 #area01 .sub-title {margin-bottom: 75px;} #safe04 #area01 .sub-title dt {width: 584px; height: 74px;} #safe04 #area01 .sub-title dd {padding-top: 50px; font-size: 30px; line-height: 1.5;} #safe04 #area01 .video-view {margin: 0 auto; width: 640px; height: 360px;} #safe04 #area01 h4 {margin: 70px auto 45px; width: 454px; height: 109px;} #safe04 #area01 .wrap-img {zoom: 1} #safe04 #area01 .wrap-img:after {content: ''; display: block; clear: both;} #safe04 #area01 .wrap-img img {float: left; width: 50%;} #safe04 #area02 {padding-bottom: 145px !important; overflow: visible;} #safe04 #area02:after {top: 100px;} #safe04 #area02 .sub-title {padding: 0; margin-bottom: 60px;} #safe04 #area02 dt {width: 822px; height: 136px; background-size: contain;} #safe04 #area02 dd {padding-top: 50px; font-size: 30px; line-height: 1.5;} #safe04 #area02 p {padding: 0; font-size: 24px;} /* #safe04 #area02 p:before {margin-bottom: 45px; width: 4px; height: 28px;} */ #safe04 #area02 .m-scroll {position: relative; padding-left: 0; margin-top: 65px; overflow: visible;} #safe04 #area02 .m-scroll:before {content: ''; position: absolute; right: 68px; top: -226px; width: 138px; height: 226px; background: url(../2022/img/safe0401_ch02.png) no-repeat;} #safe04 #area02 .m-scroll img {width: 100%;} #safe04 #area03 {padding-top: 110px !important;} #safe04 #area03 dt {top: -42px; margin-left: -227px; width: 454px; height: 109px;} #safe04 #area03 ul {zoom: 1} #safe04 #area03 ul:after {content: ''; display: block; clear: both;} #safe04 #area03 ul li {position: relative; float: left; width: 50%;} #safe04 #area03 ul li:first-child:after {content: ''; position: absolute; right: -1px; top: 25px; width: 2px; height: 325px; background: url(../2022/img/safe0401_after.png) no-repeat;} #safe04 #area03 ul li p {margin-top: 25px; font-size: 20px;} #safe04 #area04 {padding-bottom: 65px !important;} #safe04 #area04 h4 {margin-bottom: 20px; font-size: 30px;} /* #safe04 #area04 h4:after {margin-top: 20px; width: 5px; height: 30px;} */ #safe04 #area04 ul li {font-size: 20px;} /* --- 마이나슈 어워즈 --- */ .award-section {padding-bottom: 0;} .award-section .title-section {height: 320px;} .award-section .path-menu {background: #ffe38e; border-bottom: 1px solid #fff;} .award-section .path-menu .depth2 > li.active a {color: #e1a700} .award-section h4 {width: 375px;} .award-section .ucc-list {padding: 0; text-align: center;} .award-section .ucc-list li {float: none !important; display: inline-block; margin-right: 17px !important; vertical-align: top;} .award-section .ucc-list li:nth-child(even) {margin-right: 0 !important;} .award-section .video-frame {padding-top: 37px !important; box-shadow: 0px 26px 20px rgba(63,50,15,.5);} .award-section .video-frame .ucc-title {height: 60px !important;} .award-section .video-frame .ucc-title dt {font-size: 30px !important;} .award-section h4 {margin-top: -20px; width: 1101px; height: 286px;} .award-section h4.best {margin-left: 78px; background: url(../2022/img/award_tit01.png) no-repeat;} .award-section h4.excellent {margin-left: 50px; background: url(../2022/img/award_tit02.png) no-repeat;} .award-section .best + .ucc-list {margin-bottom: 360px;} .award-section .best + .ucc-list:after {bottom: -299px; margin-left: -431.5px; width: 863px; height: 403px; background: url(../2022/img/bg_section7.png) no-repeat;} .award-section .content-section .inner-tab {margin-left: 0; width: 100%;} /* 영상공모전 수상작 */ #award01 .title-section {padding: 135px 0 120px;} #award01 .title-section h2 em {display: inline;} #award01 .title-section h2:after {bottom: -98px; right: 26px; width: 374px; height: 273px; background: url(../2022/img/award0101_ch01.png) no-repeat;} #award01 h3 {margin-bottom: 0px; height: 159px;} #award01.v1 h3 {width: 789px;} #award01.v2 h3 {width: 816px;} #award01.v3 h3 {width: 907px;} #award01.v4 h3 {width: 746px;} #award01.v5 h3 {width: 899px; background-size: contain;} #award01 h4:after {content: ''; position: absolute;} #award01 .best:after {right: -70px; top: 306px; width: 200px; aspect-ratio: 251 / 486; background: url(../2022/img/award0101_ch02.png) no-repeat center/contain;} #award01 .excellent:after {left: -12px; top: -44px; width: 150px; aspect-ratio: 150 / 312; background: url(../2022/img/award0101_ch03.png) no-repeat center/contain;} #award01 .best.type2::after {background-image: url(../2022/img/award0101_ch02_type2.png);} #award01 .excellent.type2::after {background-image: url(../2022/img/award0101_ch03_type2.png); width: 120px;} #award01 .best.type3::after {background-image: url(../2022/img/award0101_ch02_type3.png); width: 220px;} #award01 .excellent.type3::after {background-image: url(../2022/img/award0101_ch03_type3.png); width: 170px;} #award01.v5 h3 {margin-bottom: 120px;} /* 우수사례 수상작 */ #award01 .title-section h2 em {display: inline;} #award02 .content-section {padding-bottom: 165px;} #award02 h3.tit01 {width: 831px; height: 177px;} #award02 h3.tit02 {margin: 150px auto 120px; width: 728px; height: 94px;} #award02 h4.excellent {margin-top: 120px;} #award02 .slide-view {padding: 0;} #award02 h4:nth-of-type(4) + .slide-view {margin-bottom: 50px;} #award02 .slide-view .slide-content {padding: 60px 70px; margin: 0 auto; width: 1100px; height: 750px; box-shadow: 14px 12px 0 #e9d269;} #award02 .slide-view .slick-arrow {bottom: -100;} #award02 .slide-view:nth-of-type(1) .slick-arrow {bottom: 7px;} /* #award02 .slide-view .slide-content .slide-no {padding-top: 40px;} */ #award02 .slide-view:nth-of-type(1) .slide-content .slide-no {margin-top: -100px;} /* 포스터 수상작 */ #award03 .title-section {padding: 135px 0 120px;} #award03 .title-section .inner-section {width: 1300px;} #award03 .title-section h2 em {display: inline;} #award03 .title-section h2:after {right: 102px; bottom: -92px; width: 225px; height: 278px;} #award03 .poster-list {padding: 0;} /* 캘리그라피 수상작 */ #award04 .title-section {padding: 135px 0 120px;} #award04 .title-section .inner-section {width: 1300px;} #award04 .title-section h2 em {display: inline;} #award04 .title-section h2:after {right: 102px; bottom: -92px; width: 225px; height: 278px;} #award04 .content-section {padding-bottom: 400px;} #award04 .poster-list {padding: 0;} #award04 .poster-list ul li:last-child {margin-right: 0;} /* #award04 .poster-list:after {bottom: -250px; margin-left: -431px; width: 862px; height: 403px; background: url(../2022/img/bg_section7.png) no-repeat;} */ /* --- 다함께 마이나슈 --- */ .fun-section .path-menu {background-color: #1b1a1a;} .fun-section .path-menu .depth1 > li > button {color: #fff;} .fun-section .path-menu .depth1 > li .home {background: url(../2022/img/icon_path_home2.png) no-repeat center center;} .fun-section .path-menu .depth1 > li > button:after {background: url(../img/icon_path_arrow.png) no-repeat center center;} /* 이벤트 게임 */ #fun01 .title-section .inner-section {width: auto;} #fun01 .title-section h2:after {bottom: -93px; right: 50%; margin-right: -483px; width: 307px; height: 244px;} #fun01 .path-menu .depth2 > li.active a {color: #137b03;} #fun01 .content-section:after {bottom: 0; width: 100%; height: 655px; background: url(../2022/img/fun0101_bg.png) no-repeat 50% bottom;} #fun01 .content-section .inner-section {position: relative;} #fun01 .content-section h3 {margin-bottom: 60px; width: 594px; height: 186px; background: url(../2022/img/fun0101_tit.png) no-repeat;} #fun01 .game-section {position: relative; padding: 0; margin: 0 auto 175px; width: 480px; height: 840px;} #fun01 .game-section:after {content: ''; position: absolute; left: -97px; bottom: -145px; width: 669px; height: 221px; background: url(../2022/img/fun0101_img01.png) no-repeat; z-index: 3;} #fun01 .game-section .game-frame {width: 100%; height: 100%; border-width: 10px;} #fun01 .content-section ul {position: absolute; bottom: 72px; left: 0; padding: 0; width: 360px; height: auto; background-color: inherit;} #fun01 .content-section ul li {margin-bottom: 5px; font-size: 24px; color: #1b1a1a;} #fun01 .content-section ul li:nth-of-type(2) {padding-left: 115px;} #fun01 .content-section ul li:nth-of-type(2) span {position: absolute; left: 0; top: 0;} #fun01 .content-section ul li:nth-of-type(3) {margin-top: 0;} #fun01 .content-section ul li.exp {margin-top: 60px; font-size: 20px; color: #1b1a1a;} /* 실천다짐 이벤트 */ #fun02 .title-section {padding: 135px 0 120px;} #fun02 .title-section h2:after {right: 50%; bottom: -88px; margin-right: -527px; width: 221px; height: 267px; background: url(../2022/img/fun0401_ch01.png);} #fun02 .title-section h2 em {display: inline;} #fun02 .content-section {background: url(../2022/img/fun0201_bg.png) #fff9cf repeat-x 50% top;} #fun02 h3 {margin-bottom: 110px; width: 563px; height: 338px; background: url(../2022/img/fun0201_tit.png) no-repeat;} #fun02 dl dt {top: -35px; margin-left: -216px; width: 452px; height: 108px;} #fun02 dl dd {position: relative; padding: 75px 0 0; margin: 0 auto; width: 1100px; box-sizing: border-box; box-shadow: 12px 12px 0 #fcf1ba;} #fun02 dl dd img {margin-top: 5px; width: 35%;} #fun02 dl dd p {margin-top: 25px; font-size: 24px;} #fun02 .item01 dt {background: url(../2022/img/fun0201_sectit01.png) no-repeat;} #fun02 .item01 dd {height: 400px;} #fun02 .item02 {margin-bottom: 120px;} #fun02 .item02 dt {background: url(../2022/img/fun0201_sectit02.png) no-repeat;} #fun02 .item02 dd {height: 580px;} #fun02 .item02 dd ul {padding: 0; text-align: center;} #fun02 .item02 dd ul li {display: inline-block; position: relative;width: 33%; box-sizing: border-box; vertical-align: top; border-bottom: none;} #fun02 .item02 dd ul li:after {content: ''; position: absolute; right: -1px; top: 80px; width: 4px; height: 125px; background: url(../2022/img/fun0201_after.png) no-repeat;} #fun02 .item02 dd ul li:last-child:after {display: none;} #fun02 .item02 dd ul li > em {height: 40px;} #fun02 .item02 .link-box a {width: 285px; height: 60px;} #fun02 .item02 .link-box a:first-child {margin-bottom: 15px;} #fun02 .item02 dd ul li p {font-size: 20px;} #fun02 .item02 dd > span {position: absolute; bottom: 15px; left: 40px; padding: 0; font-size: 20px;} #fun02 .item02 dd ul .step01 > em {margin-bottom: 28px; width: 41px; height: 40px;} #fun02 .item02 dd ul .step01 > p {margin-top: 72px;} #fun02 .item02 dd ul .step02 > em {margin-bottom: 52px; width: 50px; height: 40px;} #fun02 .item02 dd ul .step02 > img {width: 160px;} #fun02 .item02 dd ul .step02 > p {margin-top: 59px;} #fun02 .item02 dd ul .step03 > em {margin-bottom: 31px; width: 50px; height: 40px;} #fun02 .item02 dd ul .step03 > img {width: 137px;} #fun02 .item02 dd ul .step03 > p {padding: 0 15px; margin-top: 22px;} #fun02 img.qr {display: block; margin: 50px auto 0; width: 20%; background-color: #fff;} #fun02 .btn-link {margin: 50px auto 0; width: 245px; height: 75px; line-height: 77px; font-size: 20px;} #fun02 .btn-link + .exp {margin: 20px 0 100px;} #fun02 .event-info {padding: 21px 0; height: 142px; border-bottom-width: 10px;} #fun02 .event-info .inner-section {margin: 0 auto; width: 1300px;} #fun02 .event-info ul {zoom: 1} #fun02 .event-info ul:after {content: ''; display: block; clear: both;} #fun02 .event-info ul li {font-size: 20px;} #fun02 .event-info ul li:first-child {float: left;} #fun02 .event-info ul li:last-child {float: right;} /* 오늘은 나도 마이나슈 요리사! */ .path-menu .depth1 > li:last-child > button {padding: 0 20px;} #fun03 .title-section h2:after {right: 50%; bottom: -178px; margin-right: -540px; width: 254px; height: 378px; background: url(../2022/img/fun0301_ch01.png);} #fun03 .title-section h2 em {display: inline;} #fun03 .path-menu .depth2 > li.active a {color: #137b03;} #fun03 .content-section {padding-bottom: 0; background: url(../2022/img/fun0301_bg.png) repeat-x 50% top; background-size: contain;} #fun03 h3 {margin-bottom: 110px; width: 748px; height: 336px; background: url(../2022/img/fun0301_tit.png) no-repeat;} #fun03 dl {margin-bottom: 120px !important;} #fun03 dl dt {top: -35px; margin-left: -216px; width: 452px; height: 108px;} #fun03 dl dd {padding: 95px 0 0; margin: 0 auto; width: 1100px; box-sizing: border-box; box-shadow: 12px 12px 0 #eff9ed;} #fun03 dl dd img {margin-top: 5px; width: 35%;} #fun03 dl dd p {margin-top: 25px; font-size: 24px;} #fun03 .item01 dt {background: url(../2022/img/fun0301_sectit01.png) no-repeat;} #fun03 .item01 dd {height: 400px;} #fun03 .item02 {margin-bottom: 120px !important;} #fun03 .item02 dt {background: url(../2022/img/fun0301_sectit02.png) no-repeat;} #fun03 .item02 dd {position: relative; height: 550px;} #fun03 .item02 dd img {width: 65%;} #fun03 .item02 dd ul {padding: 0; text-align: center;} #fun03 .item02 dd ul li {display: inline-block; position: relative; padding: 0 40px; vertical-align: top; border-bottom: none;} #fun03 .item02 dd ul li:after {content: ''; position: absolute; right: -1px; top: 80px; width: 4px; height: 125px; background: url(../2022/img/fun0201_after.png) no-repeat;} #fun03 .item02 dd ul li:last-child:after {display: none;} #fun03 .item02 dd ul li > em {height: 40px;} #fun03 .item02 .link-box a {width: 285px; height: 60px;} #fun03 .item02 .link-box a:first-child {margin-bottom: 15px;} #fun03 .item02 dd ul li p {font-size: 20px;} #fun03 .item02 dd > span {position: absolute; bottom: 15px; left: 40px; font-size: 20px;} #fun03 .item02 dd ul .step01 > em {margin-bottom: 28px; width: 41px; height: 40px;} #fun03 .item02 dd ul .step01 > p {margin-top: 58px;} #fun03 .item02 dd ul .step02 > em {margin-bottom: 52px; width: 50px; height: 40px;} #fun03 .item02 dd ul .step02 > img {width: 160px;} #fun03 .item02 dd ul .step02 > p {margin-top: 54px;} #fun03 .item02 dd ul .step03 > em {margin-bottom: 31px; width: 50px; height: 40px;} #fun03 .item02 dd ul .step03 > img {width: 137px;} #fun03 .item02 dd ul .step03 > p {margin-top: 19px;} #fun03 dl + a {margin: 50px auto 100px; width: 450px; height: 75px; line-height: 77px; font-size: 20px;} #fun03 .event-info {padding: 21px 0; height: 142px; border-bottom-width: 10px;} #fun03 .event-info .inner-section {margin: 0 auto; width: 1300px;} #fun03 .event-info ul {zoom: 1} #fun03 .event-info ul:after {content: ''; display: block; clear: both;} #fun03 .event-info ul li {font-size: 20px; color: #fff;} #fun03 .event-info ul li:first-child {float: left;} #fun03 .event-info ul li:last-child {float: right;} /* 건강식생활 실천영상 */ #fun04 .title-section h2:after {right: 50%; bottom: -88px; margin-right: -504px; width: 221px; height: 267px; background: url(../2022/img/fun0401_ch01.png);} #fun04 .path-menu {border-bottom: 1px solid #fff;} #fun04 .content-section {background: #161514;} #fun04 .content-section h2 {width: 367px; height: 129px;} #fun04 .content-section h3 {margin-top: -148px; width: 908px; height: 440px; background: url(../2022/img/fun0401_subtit.png) no-repeat;} #fun04 .video {margin: -30px auto 0; width: 952px; height: 546px; box-shadow: 5px 10px 10px rgba(0,0,0,0);} #fun04 .video:before {display: none;} #fun04 .video:after {content: ''; position: absolute; top: -48px; left: -1066px; width: 2500px; height: 529px; background: url(../2022/img/bg_frame.png) no-repeat;} #fun04 .inner {background: url(../2022/img/phone.png) no-repeat; z-index: 5;} #fun04 .video .video-thumb {left: 30px; top: 30px; width: 880px; height: 495px;} #fun04 .video iframe {left: 30px; top: 30px; width: 880px; height: 495px;} /* 마이나슈 댄스 */ #fun05 .title-section {padding: 135px 0 120px;} #fun05 .title-section h2:before {left: 40%; bottom: -62px; margin-left: -373px; width: 171px; height: 178px;} #fun05 .title-section h2:after {right: 40%; bottom: -94px; margin-right: -399px; width: 210px; height: 277px;} #fun05 .item-list div[class^='item'] {padding: 80px 0; border-bottom: 2px solid #e5e5e5;} #fun05 .item-list div[class^='item'] .inner-section {padding: 0; margin: 0 auto; width: 1300px; zoom: 1} #fun05 .item-list div[class^='item'] .inner-section:after {content: ''; display: block; clear: both;} #fun05 .item-list div[class^='item'] .fun-title {float: left;} #fun05 .fun-title {text-align: left;} #fun05 .fun-title h3 {margin: 20px 0 30px;} #fun05 .fun-title h3:before {display: block; margin: 0 0 60px; width: 60px; height: 7px; transform: translateY(-20px);} #fun05 .fun-title dl {font-size: 28px; text-align: left;} #fun05 .item-list div[class^='item'] .video-view {float: right; padding: 42px 80px 45px; margin: 0 auto; width: 800px; height: 540px; background: #f6f2ee; box-sizing: border-box;} #fun05 .item-list div .video-view .ucc-title {height:90px;font-size:28px; line-height:120px; background: url(../img/video_film_bg3.png) no-repeat right top;} #fun05 .item-list div .video-view .video-frame {width: 639px; border: 6px solid #363637; box-sizing: border-box;} #fun05 .item-list div .video-view .video-frame .inner-section {margin: 0; width: 100%} #fun05 .item-list .item01 {padding-top: 0 !important;} #fun05 .item01 .fun-title h3 {width: 208px; aspect-ratio: 208 / 116; background: url(../2022/img/fun0501_item01_tit.png) no-repeat center/contain;} #fun05 .item02 .fun-title h3 {width: 286px; aspect-ratio: 286 / 120; background: url(../2022/img/fun0501_item02_tit.png) no-repeat center/contain;} /* #fun05 .item03 .fun-title h3 {width: 248px; height: 178px; background: url(../2022/img/fun0501_item03_tit.png) no-repeat 0 60px;} */ #fun05 .item-list .item03 {border-bottom: 0 !important;} /* 마이나슈 보안관 */ #fun06 .title-section {padding: 135px 0 120px;} #fun06 .title-section h2:before {position: absolute; margin: 0; width: 198px; height: 239px; right: 50%; bottom: -74px; margin-right: -407px;} #fun06 .video-section .video-view .video-title {padding-bottom: 70px;} #fun06 .video-section .video-view .video-title {top: 440px; padding-bottom: 0;} #fun06 .content-section .event-end {font-size: 24px;} /* 221123 추가 S */ /* #child02 .content-section #area03{padding-bottom: 0px;} #child02 .content-section #area04{padding-top: 145px;} #child02 .content-section #area04:after{top: 170px;} #child03 .content-section #area04{padding-bottom: 0px;} #child03 .content-section #area05{padding-top: 145px;} #child03 .content-section #area05:after{top: 170px;} */ /* 221123 추가 E */ /* 250426 게시판 추가 */ .board-section .content-section {padding-bottom: 150px;} .board-section .list tr {font-size: 16px;} .board-section .list tr th {padding: 15px 10px;} .board-section .list tr td {padding: 15px 10px;} .board-section .view .header {padding: 30px 15px;} .board-section .view .header .tit {font-size: 20px;} .board-section .view .header .file {right: 15px; bottom: 30px;} .board-section .view .content {padding: 30px 15px;} .board-section .view ~ .btn_list {margin-top: 50px; width: 120px; height: 50px; line-height: 50px; font-size: 16px;} .btn_page {margin-top: 50px;} .btn_page .page_num {width: 40px; height: 40px;} .btn_page .page_num > a {line-height: 40px; font-size: 16px;} .btn_page .btn_page_first {width: 40px; height: 40px;} .btn_page .btn_prev {margin-right: 50px; width: 40px; height: 40px;} .btn_page .btn_next {margin-left: 50px; width: 40px; height: 40px;} .btn_page .btn_page_last {width: 40px; height: 40px;} }