@CHARSET "UTF-8";

#header{background:#fff;}
#footer{border-top:1px solid #a69f9a}
#subSection{padding-top:60px;word-break:keep-all}
@media all and (min-width:1024px) {
    #subSection{padding-top:72px}
}


/***COMMON***/
.content-section{padding:50px 0;}
.content-section > .inner-section{padding:0 25px;}
.title-section{height:255px;text-align:center;background:url(../img/what01_title_bg.png) no-repeat center bottom #fbf4e7;box-sizing:border-box;overflow:hidden}
.title-section .inner-section{position:relative;padding-top:45px;height:100%;text-align:center;box-sizing:border-box}
.title-section img{max-width:100%;max-width:100%}
.title-section h2{position:relative;display:inline-block;margin-bottom:25px;font-family:'KOTRA_BOLD-Bold';font-size:30px;color:#533f32;-webkit-text-stroke:7px #533f32;text-stroke:7px #533f32;}
.title-section h2:before{position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0px;text-stroke:0px;}
.title-section.line h3{position:relative;display:inline-block;margin-bottom:10px;font-family:'KOTRA_BOLD-Bold';font-size:21px;color:#533f32;-webkit-text-stroke:7px #533f32;text-stroke:7px #533f32;}
.title-section.line h3:before{position:absolute;left:0;top:0;color:#e6eba6;-webkit-text-stroke:0px;text-stroke:0px;}

.path-menu{display:none;}
.mb-menu{position:relative;margin-bottom:35px;}
.mb-menu > button{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:#c6d407}
.mb-menu > button: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;}
.mb-menu .depth2{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}
.mb-menu .depth2 > li{border-bottom:1px solid #eeedec}
.mb-menu .depth2 > li a{display:block;padding:0 30px;height:60px;line-height:60px;font-size:16px;font-weight:600;line-height:60px;}
.mb-menu .depth2 > li.active a{color:#909a16;font-weight:700}
.mb-menu.active .depth2{display:block;}
dl.content-title{margin-bottom:50px;text-align:center;}
dl.content-title dt{padding-bottom:25px;font-size:25px;line-height:38px;font-weight:700;border-bottom:2px solid #000}
dl.content-title dd{padding-top:25px;font-size:15px;line-height:23px;}
dl.content-title dd em{font-weight:700}
dl.content-title dd i{display:block;}

@media all and (min-width:1024px) {
    .content-section{padding:150px 0 0; margin-bottom: 150px;}
    .content-section > .inner-section{width:1300px;margin:0 auto;padding:0}
    .title-section{height:300px}
    .title-section .inner-section{width:1300px;margin:0 auto;padding-top:120px;text-align:left;}    
    .title-section h2{font-size:60px;-webkit-text-stroke-width:10px;text-stroke-width:10px;}
    .title-section.line .inner-section{padding-top:90px;}
    .title-section.line h3{display:block;margin-bottom:20px;font-size:42px;-webkit-text-stroke-width:10px;text-stroke-width:10px;}
    .mb-menu{display:none}
    .path-menu{display:block;background:#493a30;}
    .path-menu .depth1{width:1300px;margin:0 auto;border-left:1px solid #eadfcc}
    .path-menu .depth1:after{content:"";clear:both;display:block;}
    .path-menu .depth1 > li .home{display:block;width:60px;height:60px;font-size:0;background:url(../img/icon_path_home.png) no-repeat center center;}
    .path-menu .depth1 > li{position:relative;float:left;border-right:1px solid #eadfcc}
    .path-menu .depth1 > li > button{position:relative;display:block;min-width:340px;padding-right:60px;height:60px;line-height:60px;font-weight:600;text-align:left;font-size:20px;color:#fff;padding:0 30px;border:0;background:none;}
    .path-menu .depth1 > li > button:after{content:"";display:block;position:absolute;right:0;top:0;width:60px;height:60px;border-left:1px solid #eadfcc;background:url(../img/icon_path_arrow.png) no-repeat center center;}
    .path-menu .depth2{display:none;position:absolute;left:0;top:100%;width:280px;border:1px solid #574940;border-top:0;box-sizing:border-box;background:#fff;z-index:999}
    .path-menu .depth2 > li{border-bottom:1px solid #eeedec}
    .path-menu .depth2 > li a{display:block;padding:0 30px;height:60px;line-height:60px;font-size:16px;font-weight:600;line-height:60px;}
    .path-menu .depth2 > li.active a{color:#af3400;font-weight:700}
    .path-menu .depth1 > li.active .depth2{display:block;}
    dl.content-title{padding-bottom:30px;margin-bottom:80px;text-align:left;border-bottom:2px solid #000}
    dl.content-title dt{padding-bottom:45px;font-size:40px;line-height:58px;border-bottom:0}
    dl.content-title dd{padding-top:0;font-size:24px;line-height:38px;}
    dl.content-title dd i{display:inline}
}

.video-view .video-frame{position:relative;}
.video-view .video-frame .video-thumb{display:block;position:absolute;width:100%;left:0;top:0;padding:0;border:0;z-index:10;}
.video-view .video-frame .video-thumb img{display:block;width:100%;}
.video-view .video-iframe{position:relative;width:100%;padding-bottom:56%;height:0; overflow:hidden;z-index:-1;}
.video-view .video-iframe iframe,
.video-view .video-iframe object,
.video-view .video-iframe embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-section .video-view{position:relative;padding-bottom:35px;}
.video-section .video-view .video-title{padding-top:30px;font-size:17px;font-weight:700;text-align:center;}
.video-section .video-info .info-list{border:1px solid #f2f2f2}
.video-section .video-info .info-list dl{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #f2f2f2}
.video-section .video-info .info-list dl:last-child{border-bottom:0}
.video-section .video-info .info-list dt{display:table-cell;width:80px;padding:15px;font-size:14px;line-height:20px;font-weight:700;background:#f2f5d2;box-sizing:border-box;vertical-align:top}
.video-section .video-info .info-list dd{display:table-cell;padding:15px;font-size:14px;line-height:20px;box-sizing:border-box;vertical-align:top}
.video-section .video-info .info-list dd em{font-weight:700;color:#909a16}
.video-section .video-info .info-list dd strong{font-weight:700;}
.video-section .video-info .info-list dd .btn-recipe{display:block;margin-top:25px;width:100%;height:44px;line-height:40px;font-size:14px;color:#909a16;font-weight:700;text-align:center;border:2px solid #909a16;border-radius:10px;box-sizing:border-box;cursor:pointer}
.video-section .video-info .info-list dd .btn-recipe:before{content:"";display:inline-block;margin-right:10px;width:21px;height:100%;background:url(../img/icon_recipe.png) no-repeat 0 center;background-size:contain;vertical-align:middle;}
.video-view .video-frame + p {margin-top: 15px; font-size: 14px; text-align: left;}
@media all and (min-width:1024px) {
    .video-section{display:flex;justify-content: space-between;}
    .video-section .video-view{width:640px;padding-bottom:0}
    .video-section .video-view .video-title{padding-top:35px;font-size:24px;}    
    .video-section .video-info{width:640px;}
    .video-section .video-info.with-tab{padding-top:60px;}
    .video-section .video-info .info-list{position:relative;min-height:360px;}    
    .video-section .video-info .info-list:before{content:"";position:absolute;left:0;top:0;display:block;width:130px;height:100%;background:#f2f5d2;z-index:-1}
    .video-section .video-info .info-list dt{width:130px;padding:15px 20px;font-size:20px;line-height:36px;}
    .video-section .video-info .info-list dd{font-size:20px;padding:15px 20px;line-height:36px;}
    .video-section .video-info .info-list dd .btn-recipe{position:absolute;right:30px;bottom:30px;width:204px;height:74px;font-size:24px;line-height:66px;border-width:4px;}
    .video-section .video-info .info-list dd .btn-recipe:before{width:42px;}
}

.tab-section .tab-list{border-left:1px solid #000}
.tab-section .tab-list:after{content:"";clear:both;display:block;}
.tab-section .tab-list li{float:left;border:1px solid #000;border-left:0;}
.tab-section .tab-list li button{min-width:80px;height:40px;padding:0 20px;line-height:40px;font-size:14px;text-align:center;border:0;background:#fff;}
.tab-section .tab-list li.active button{color:#fff;background:#000;}
.tab-section .tab-con{display:none}
.tab-section .tab-con.active{display:block;}
.inner-tab{margin-bottom:35px;}
.inner-tab .tab-list{border-bottom:1px solid #ccc}
.inner-tab .tab-list:after{content:"";clear:both;display:block}
.inner-tab .tab-list li{float:left;border:0}
.inner-tab .tab-list li a,
.inner-tab .tab-list li button{display:block;width:135px;height:30px;line-height:30px;font-size:15px;text-align:center;color:#ccc;box-sizing:border-box;border:0;background:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inner-tab .tab-list li.active a,
.inner-tab .tab-list li.active button{color:#ec5a02;font-size:15px;font-weight:700;border-bottom:3px solid #ec5a02;line-height:27px;}
@media all and (min-width:1024px) {
    .tab-section .tab-list,
    .tab-section .tab-list li{border-width:2px;}
    .tab-section .tab-list li button{min-width:120px;height:56px;line-height:56px;font-size:24px}    .inner-tab{margin-bottom:60px;}
    .inner-tab .tab-list li a,
    .inner-tab .tab-list li button{width:250px;height:50px;line-height:50px;font-size:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .inner-tab .tab-list li.active a,
    .inner-tab .tab-list li.active button{font-size:30px;border-bottom-width:4px;line-height:46px;}
}

a.go-link{display:block;padding:0 6px;height:30px;font-size:15px;line-height:30px;border-bottom:1px solid #000;background:url(../img/icon_go_link.png) no-repeat right 6px center;background-size:16.5px auto}
@media all and (min-width:1024px) {
    a.go-link{padding:0 10px;height:60px;line-height:60px;font-size:20px;border-bottom-width:2px;background-size:33px auto}
}



.tab-slide .slide-menu{position:relative;}
.tab-slide .slide-menu > button{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:#493a30}
.tab-slide .slide-menu > button: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;}
.tab-slide .slide-menu .menu-list{display:none;position:absolute;left:0;top:100%;width:calc(100% - 40px);border:1px solid #493a30;border-top:0;box-sizing:border-box;background:#fff;z-index:999}
.tab-slide .slide-menu .menu-list > li{border-bottom:1px solid #eeedec}
.tab-slide .slide-menu .menu-list > li button{display:block;padding:0 15px;height:40px;line-height:40px;font-size:14px;font-weight:600;line-height:40px;border:0;text-align:left;background:none}
.tab-slide .slide-menu .menu-list > li.active button{color:#af3400;font-weight:700}
.tab-slide .slide-menu.active .menu-list{display:block;}
.tab-slide .slide-view{position:relative;padding:35px;background:#f6f2ee}
.tab-slide .slide-view .slide-content{display:none}
.slide-view .slide-content .slide-no{padding-top:20px;font-size:14px;line-height:40px;text-align:center;}
.slide-view .slide-content .slide-no em{font-weight:700;}
.slide-view .slick-slide img{width:100%;}
.slide-view .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}
.slide-view .slick-arrow.slick-prev{margin-left:-70px;background-image:url(../img/icon_slide_arrow_left.png)}
.slide-view .slick-arrow.slick-next{margin-left:35px;background-image:url(../img/icon_slide_arrow_right.png)}
@media all and (min-width:1024px) {
    .tab-slide:after{content:"";clear:both;display:block}
    .tab-slide .slide-menu{float:left;width:calc(100% - 580px);margin-right:80px;}
    .tab-slide .slide-menu > button{display:none}
    .tab-slide .slide-menu .menu-list{display:block !important;position:static;width:100%;border:0;background:none;}
    .tab-slide .slide-menu .menu-list > li{margin-bottom:18px;border:1px solid #493a30}
    .tab-slide .slide-menu .menu-list > li button{padding:0 30px;width:100%;height:80px;color:#493a30;font-size:24px;line-height:80px;background:#fff;box-sizing:border-box;}
    .tab-slide .slide-menu .menu-list > li.active button{color:#fff;background:#493a30}
    .tab-slide .slide-view{float:right;width:500px;padding:0;background:none}    
    .slide-view .slick-arrow{bottom:-90px;width:60px;height:60px;background-size:auto 12px;}
    .slide-view .slick-arrow.slick-prev{margin-left:-110px;}
    .slide-view .slick-arrow.slick-next{margin-left:50px}
    .slide-view .slide-content .slide-no{padding-top:30px;font-size:24px;line-height:60px;}
    
    
}

/***WHAT***/

#what01 .title-section h2:before{content:"마이나슈 이야기"}
#what01 .title-section .npc1{display:block;position:absolute;left:50%;margin-left:-60px;bottom:-1px;max-width:120px}
#what01 .title-section .npc2{display:block;position:absolute;left:45px;bottom:27px;max-width:55px}
#what01 .title-section .npc3{display:block;position:absolute;right:45px;bottom:57px;max-width:55px}
#what01 .minasu-info{margin-bottom:120px;text-align:center;}
#what01 .minasu-info h3{position:relative;display:inline-block;margin-bottom:45px;font-family:'KOTRA_BOLD-Bold';font-size:25px;color:#533f32;-webkit-text-stroke:7px #533f32;text-stroke:7px #533f32;}
#what01 .minasu-info h3:before{content:"마이나슈?";position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0px;text-stroke:0px;}
#what01 .minasu-info .text1{padding-bottom:25px;font-size:17px;line-height:26px;font-weight:600;border-bottom:2px solid #000}
#what01 .minasu-info .text2{padding-top:25px;font-size:15px;line-height:23px;}
#what01 .minasu-info p i{display:block;}
#what01 .minasu-logo{margin-bottom:120px;}
#what01 .minasu-logo h4{margin-bottom:40px;font-size:25px;font-weight:700;text-align:center;}
#what01 .minasu-logo .logo-img{margin-bottom:20px;}
#what01 .minasu-logo .logo-img img{width:100%}
#what01 .minasu-logo .logo-section p{padding:15px;font-size:14px;line-height:21px;background:#f2f2f2}
#what01 .minasu-logo .logo-section p em{font-weight:600}
#what01 .active-section{background:#f2f2f2}
#what01 .active-section > .inner-section{padding:125px 25px;}
#what01 .active-section h4{margin-bottom:43px;font-size:25px;line-height:38px;font-weight:700;text-align:center;}
#what01 .active-section .active-list li{margin-bottom:60px;}
#what01 .active-section .active-card dl{margin-bottom:20px;text-align:center;}
#what01 .active-section .active-card dl dt{margin-bottom:15px;font-size:30px;font-weight:700;}
#what01 .active-section .active-card dl dd{font-size:18px;}
#what01 .active-section .active-card .active-img{display:block;margin-bottom:20px;width:100%;}
#what01 .active-section .active-card .active-img img{width:100%;}
@media all and (min-width:1024px) {
    #what01 .title-section .npc1{margin-left:240px;max-width:208px;}
    #what01 .title-section .npc2{left:50%;bottom:50px;margin-left:104px;max-width:100px;}
    #what01 .title-section .npc3{right:53px;bottom:130px;max-width:100px;}
    #what01 .minasu-info{padding:0;text-align:left;}
    #what01 .minasu-info h3{margin-bottom:60px;font-size:40px}
    #what01 .minasu-info .text1{font-size:24px;line-height:30px;}
    #what01 .minasu-info .text2{padding-top:30px;font-size:20px;line-height:30px;}
    #what01 .minasu-info p i{display:inline;}
    #what01 .minasu-logo{margin-bottom:150px;padding:0}
    #what01 .minasu-logo h4{font-size:30px;text-align:left;}
    #what01 .minasu-logo .logo-section:after{content:"";clear:both;display:block}
    #what01 .minasu-logo .logo-img{float:left;width:640px;}
    #what01 .minasu-logo .logo-section p{float:right;width:640px;height:210px;padding:56px 40px 0;font-size:20px;line-height:30px;text-align:center;box-sizing:border-box;}
    #what01 .active-section > .inner-section{width:1300px;margin:0 auto;padding:150px 0;}
    #what01 .active-section h4{font-size:40px;line-height:58px;text-align:left;}
    #what01 .active-section .active-list:after{content:"";clear:both;display:block}
    #what01 .active-section .active-list li{float:left;width:298px;margin-right:36px;margin-bottom:0}
    #what01 .active-section .active-list li:last-child{margin-right:0;}
    #what01 .active-section .active-card dl{display:table;width:100%;height:76px;text-align:left;table-layout:fixed;}    
    #what01 .active-section .active-card dl dt{display:table-cell;width:85px;margin-bottom:0;font-size:60px;font-weight:900;vertical-align:middle;}
    #what01 .active-section .active-card dl dd{display:table-cell;font-size:24px;line-height:38px;vertical-align:middle;}    
    #what01 .active-section .active-card dl dd div{display: flex; justify-content: center; align-items: center; height: 70px;}
    
}

#what02 .title-section h2:before{content:"덜 짜게, 덜 달게"}
#what02 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-85px;bottom:35px;max-width:170px}
#what02 .amount-section{padding-bottom:120px;}
#what02 .amount-section > .inner-section{padding:0 25px;}
#what02 .amount-section .amount-item dl{position:relative;margin-bottom:20px;height:140px;padding:35px;border:1px solid #f6f2ee;box-sizing:border-box;}
#what02 .amount-section .amount-item dl dt{font-size:15px;line-height:22px}
#what02 .amount-section .amount-item dl dt em{font-weight:700;}
#what02 .amount-section .amount-item dl dd{font-size:25px;font-weight:700;}
#what02 .amount-section .amount-item dl.card1{background:url(../img/what02_item2_01.png) no-repeat right 35px center;background-size:auto 129px;}
#what02 .amount-section .amount-item dl.card2{background:url(../img/what02_item2_03.png) no-repeat right 5px bottom 15px;background-size:auto 80px;}
#what02 .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;}
#what02 .intake-status{padding-bottom:120px;}
#what02 .intake-status > .inner-section{padding:0 25px;}
#what02 .intake-status .status-info li{margin-bottom:45px;}
#what02 .intake-status .status-info li:last-child{margin-bottom:0}
#what02 .intake-status .status-info dl{text-align:center;}
#what02 .intake-status .status-info dl dt{margin-bottom:20px;font-size:20px;font-weight:700;}
#what02 .intake-status .status-info dl dd em{display:block;margin-bottom:12px;padding:15px;border:1px solid #f6f2ee}
#what02 .intake-status .status-info dl dd em img{max-width:100%}
#what02 .intake-status .status-info dl dd p{font-size:12px;opacity:0.8}
#what02 .question-section{background:#f2f2f2}
#what02 .question-section > .inner-section{padding:125px 25px;}
#what02 .question-section p{margin-bottom:50px;font-size:20px;line-height:30px;text-align:center;}
#what02 .question-section p em{font-weight:700;}
@media all and (min-width:1024px) {
    #what02 .title-section .npc1{max-width:344px;bottom:30px;right:0;margin-right:0}
    #what02 .amount-section{padding-bottom:150px;border-bottom:1px solid #f2f2f2}
    #what02 .amount-section > .inner-section{width:1300px;margin:0 auto;padding:0}
    #what02 .amount-section .amount-item:after{content:"";clear:both;display:block}
    #what02 .amount-section .amount-item dl{width:640px;height:280px;padding:65px 80px;}
    #what02 .amount-section .amount-item dl dt{font-size:30px;line-height:45px;}
    #what02 .amount-section .amount-item dl dd{font-size:50px}
    #what02 .amount-section .amount-item dl.card1{float:left;padding-top:110px;background-size:235px auto}
    #what02 .amount-section .amount-item dl.card2{float:right;background-size:236px auto}
    #what02 .amount-section .amount-item dl.card2:before{left:25px;top:-43px;width:105px;height:122px;}
    #what02 .intake-status{padding:150px 0;}
    #what02 .intake-status > .inner-section{width:1300px;margin:0 auto;padding:0}
    #what02 .intake-status .status-info:after{content:"";clear:both;display:block;}
    #what02 .intake-status .status-info li{float:left;width:50%;margin:0}
    #what02 .intake-status .status-info dl dt{margin-bottom:40px;font-size:30px;}
    #what02 .intake-status .status-info dl dd em{padding:0 45px;border:0;}
    #what02 .intake-status .status-info dl dd p{font-size:20px}
    #what02 .question-section > .inner-section{width:1300px;margin:0 auto;padding:150px 0;}
    #what02 .question-section p{margin-bottom:50px;font-size:40px;line-height:58px;text-align:left;}
    #what02 .question-section a.go-link{width:300px;}
    
}

#what03 dl.content-title dt{font-weight:normal}
#what03 dl.content-title dt em{font-weight:700}
#what03 .title-section h2:before{content:"저염·저당 실천하기"}
#what03 .title-section .npc1{display:block;position:absolute;right:50%;;bottom:38px;max-width:100px}
#what03 .title-section .npc2{display:block;position:absolute;right:50%;margin-right:-90px;bottom:38px;max-width:70px}
#what03 .problem-section{padding-bottom:120px;}
#what03 .problem-section > .inner-section{padding:0 25px;}
#what03 .disease-section dl{margin-bottom:45px;}
#what03 .disease-section dl dt{margin-bottom:30px;font-size:20px;font-weight:700;text-align:center;}
#what03 .disease-section dl.natrium dt em{color:#e1a700}
#what03 .disease-section dl.sugars dt em{color:#e1a700}
#what03 .disease-list:after{content:"";clear:both;display:block}
#what03 .disease-list li{float:left;width:50%;border:1px solid #f2f2f2;box-sizing:border-box;}
#what03 .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;}
#what03 .disease-list li em.ds1{background-image:url(../img/what03_item2_01.png)}
#what03 .disease-list li em.ds2{background-image:url(../img/what03_item2_02.png)}
#what03 .disease-list li em.ds3{background-image:url(../img/what03_item2_03.png)}
#what03 .disease-list li em.ds4{background-image:url(../img/what03_item2_04.png)}
#what03 .disease-list li em.ds5{background-image:url(../img/what03_item2_05.png)}
#what03 .disease-list li em.ds6{background-image:url(../img/what03_item2_06.png)}
#what03 .disease-list li em.ds7{background-image:url(../img/what03_item2_07.png)}
#what03 .way-section{padding-bottom:120px;}
#what03 .way-section > .inner-section{padding:0 25px;}
#what03 .way-section .way-info dl dt{margin-bottom:30px;font-size:20px;font-weight:700;text-align:center;}
#what03 .way-section .way-info dl dd{padding-left:10px;border:1px solid #f2f2f2;box-sizing:border-box;}
#what03 .way-section .way-list:after{content:"";clear:both;display:block}
#what03 .way-section .way-list li{float:left;width:50%;padding:110px 30px 30px;min-height:224px;background:no-repeat 30px 30px;background-size:auto 73px;box-sizing:border-box;}
#what03 .way-section .way-list li em{font-size:14px;font-weight:700;line-height:21px}
#what03 .way-section .natrium .way-list li.way1{background-image:url(../img/what03_item4_01.png)}
#what03 .way-section .natrium .way-list li.way2{background-image:url(../img/what03_item4_02.png)}
#what03 .way-section .natrium .way-list li.way3{background-image:url(../img/what03_item4_03.png)}
#what03 .way-section .natrium .way-list li.way4{background-image:url(../img/what03_item4_04.png)}
#what03 .way-section .natrium .way-list li.way5{background-image:url(../img/what03_item4_05.png)}
#what03 .way-section .natrium .way-list li.way6{background-image:url(../img/what03_item4_06.png)}
#what03 .way-section .natrium .way-list li em i{color:#897162}
#what03 .way-section .sugars .way-list li.way1{background-image:url(../img/what03_item4_07.png)}
#what03 .way-section .sugars .way-list li.way2{background-image:url(../img/what03_item4_08.png)}
#what03 .way-section .sugars .way-list li.way3{background-image:url(../img/what03_item4_09.png)}
#what03 .way-section .sugars .way-list li.way4{background-image:url(../img/what03_item4_10.png)}
#what03 .way-section .sugars .way-list li.way5{background-image:url(../img/what03_item4_11.png)}
#what03 .way-section .sugars .way-list li.way6{background-image:url(../img/what03_item4_12.png)}
#what03 .way-section .sugars .way-list li em i{color:#e1a700}
#what03 .slide-section{padding-bottom:85px;}
#what03 .slide-section > .inner-section{padding:0 25px;}
@media all and (min-width:1024px) {
    #what03 .content-section{padding-bottom:150px}
    #what03 .title-section .npc1{max-width:199px;bottom:40px;right:290px;}
    #what03 .title-section .npc2{max-width:140px;bottom:40px;right:50px;margin-right:0}
    #what03 .problem-section{padding-bottom:150px;border-bottom:1px solid #f2f2f2}
    #what03 .problem-section > .inner-section{width:1300px;margin:0 auto;padding:0}
    #what03 .disease-section:after{content:"";clear:both;display:block}
    #what03 .disease-section dl{margin-bottom:0;}    
    #what03 .disease-section dl.natrium{float:left;width:640px;}
    #what03 .disease-section dl.sugars{float:right;width:640px;}
    #what03 .disease-section dl dt{margin-bottom:35px;font-size:30px;}
    #what03 .disease-list li em{height:150px;line-height:150px;padding-left:180px;font-size:24px;background-position:44px center;background-size:120px;}
    #what03 .way-section{padding:150px 0 60px;border-bottom:1px solid #f2f2f2}
    #what03 .way-section > .inner-section{width:1300px;margin:0 auto;padding:0}
    #what03 .way-section .way-info dl dt{margin-bottom:130px;font-size:34px;}
    #what03 .way-section .way-info dl dd{padding:0;border:0}
    #what03 .way-section .way-list{text-align:center;}
    #what03 .way-section .way-list li{display:inline-block;width:auto;height:auto;min-width:190px;padding:160px 50px 0 0;text-align:left;background-position:0 0;background-size:auto 146px}
    #what03 .way-section .way-list li em{font-size:24px;line-height:36px;}
    #what03 .slide-section{padding:80px 0;background:#f6f2ee}
    #what03 .slide-section > .inner-section{width:1085px;margin:0 auto;padding:0;}
    
}




#what04 .title-section h2:before{content:"저당·저염 실천본부 소개"}
#what04 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-130px;bottom:30px;max-width:260px}
#what04 .center-section{padding-bottom:120px;text-align:center;}
#what04 .center-section > .inner-section{padding:0 25px;}
#what04 .center-section .photo-list{padding-bottom:120px;}
#what04 .center-section .photo-list:after{content:"";clear:both;display:block}
#what04 .center-section .photo-list li{float:left;position:relative;width:calc(100% / 3);}
#what04 .center-section .photo-list li:after{content:"";display:block;padding-bottom:100%;}
#what04 .center-section .photo-list li img{position:absolute;left:-10%;top:0;max-width:120%;}
#what04 .center-section .photo-list li.pt1{z-index:3}
#what04 .center-section .photo-list li.pt2{z-index:2}
#what04 .center-role h4{margin-bottom:35px;font-size:20px;font-weight:700;}
#what04 .center-role ol li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #000;}
#what04 .center-role ol li:last-child{border-bottom:0}
#what04 .center-role ol li dl{font-size:14px;line-height:21px;}
#what04 .center-role ol li dl dt{font-weight:700}
#what04 .center-role ol li dl dd i{display:block;}
#what04 .center-member{background:#f2f2f2}
#what04 .center-member > .inner-section{padding:120px 25px;text-align:center;}
#what04 .center-member h4{margin-bottom:40px;font-size:25px;font-weight:700;}
#what04 .center-member h5{margin-bottom:25px;font-size:15px;line-height:23px;}
#what04 .center-member h5 em{font-weight:700}
#what04 .center-member .member-list{background:#fff;}
#what04 .center-member .member-list table{width:100%;table-layout:fixed;border-collapse:collapse;}
#what04 .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}
#what04 .center-member .member-list table td{padding:10px 0;font-size:14px;font-weight:200;text-align:center;}
#what04 .center-member .member-list table.table2 tr.head{display:none}
@media all and (min-width:1024px) {    
    #what04 .title-section .npc1{right:0;bottom:20px;margin-right:0;max-width:534px}
    #what04 .center-section{padding-bottom:150px;text-align:left;}
    #what04 .center-section > .inner-section{position:relative;width:1300px;margin:0 auto}
    #what04 .center-section dl.content-title dd{letter-spacing:-1.5px}
    #what04 .center-section .photo-list{position:absolute;right:0;bottom:0;width:555px;}
    #what04 .center-section .photo-list li{width:252px;}
    #what04 .center-section .photo-list li img{max-width:100%;}
    #what04 .center-section .photo-list li.pt1{position:absolute;right:275px;bottom:30px;}
    #what04 .center-section .photo-list li.pt2{position:absolute;right:38px;bottom:-180px;}
    #what04 .center-section .photo-list li.pt3{position:absolute;right:330px;bottom:-300px;}
    
    #what04 .center-role h4{margin-bottom:50px;font-size:30px;}
    #what04 .center-role ol li{padding:0;border:0;}
    #what04 .center-role ol li dl{font-size:24px;line-height:38px;}
    #what04 .center-role ol li dl dt{display:inline-block;}
    #what04 .center-role ol li dl dd{display:inline-block;}
    #what04 .center-role ol li dl dd i{display:inline}
    #what04 .center-member > .inner-section{padding:150px 0;width:1300px;margin:0 auto;text-align:left;}
    #what04 .center-member h4{margin-bottom:50px;font-size:30px;}
    #what04 .center-member h5{font-size:24px;line-height:30px;}
    #what04 .center-member .member-list{width:100%;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
    #what04 .center-member .member-list:after{content:"";clear:both;display:block}
    #what04 .center-member .member-list table{float:left;width:640px;height:555px;background:#fff;}
    #what04 .center-member .member-list table th{padding:20px 0;font-size:24px;border-top:6px solid #000;}
    #what04 .center-member .member-list table td{padding:12px 0;font-size:20px;}
    #what04 .center-member .member-list table.table1{margin-right:20px;}
    #what04 .center-member .member-list table.table2 tr.head{display:table-row}    
}







/***LETS***/

.lets-section{padding-bottom:120px;}
.lets-section .title-section h2,
.lets-section .title-section h3{color:#909a16;-webkit-text-stroke-color:#909a16;text-stroke-color:#909a16;}
.lets-section dl.content-title dt em{color:#909a16;}
#lets01 .title-section h2:before,
#lets02 .title-section h2:before{content:"건강 식생활 토크콘서트"}
#lets01 .video-section img{width:100%}
#lets01.v1 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:0px;max-width:270px}
#lets01.v2 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:0px;max-width:270px}
#lets02.v1 .title-section h2:before{content:"당당한 하루"}
#lets02.v1 .title-section h3:before{content:"2021 식습관 개선 프로그램"}
#lets02.v1 .title-section .npc1{display:block;position:absolute;right:25px;bottom:20px;max-width:160px}
#lets02.v2 .title-section h2:before{content:"‘Na 3,000mg’ 만큼"}
#lets02.v2 .title-section h3:before{content:"2020 식습관 개선 프로그램"}
#lets02.v2 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:-20px;max-width:270px}
#lets02 dl.content-title dt em{display:block;}
#lets03 .title-section h2:before{content:"마이나슈 보안관"}
#lets03 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-120px;bottom:10px;max-width:270px}
#lets04 .title-section h2{width:270px;margin:0 auto;line-height:40px}
#lets04 .title-section h2:before{content:"셰프와 함께하는 쿠킹클래스"}
#lets04 .title-section .npc1{display:block;position:absolute;right:50%;bottom:0;max-width:165px}
#lets04 .title-section .npc2{display:block;position:absolute;right:50px;bottom:60px;max-width:90px}
#lets04, #lets04 .content-section{padding-bottom:0;}
#lets04 .video-section{margin-bottom:120px;}
#lets04 .recipe-section{padding:120px 25px;;background:#fafaf6}
#lets04 .recipe-section h4{margin-bottom:45px;text-align:center;}
#lets04 .recipe-section h4 em{display:inline-block;min-width:150px;height:30px;line-height:30px;padding:0 10px;color:#909a16;font-size:20px;font-weight:700;text-align:center;border-radius:15px;background:#f0f2ce}
#lets05 .title-section h2:before{content:"저염·저당 레시피"}
#lets05 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:-20px;max-width:270px}
#lets05 .recipe-list li{margin-bottom:40px;}
#lets05 .recipe-card{padding:35px 20px;border:1px solid #f2f2f2;}
#lets05 .recipe-card .recipe-img{display:block;margin-bottom:10px;height:150px;text-align:center;}
#lets05 .recipe-card .recipe-img img{max-width:100%;max-height:100%;}
#lets05 .recipe-card dl{margin-bottom:20px;text-align:center;}
#lets05 .recipe-card dt{margin-bottom:8px;font-size:18px;font-weight:700}
#lets05 .recipe-card dt i{font-size:14px;font-weight:400}
#lets05 .recipe-card dd{font-size:14px;line-height:20px;}
#lets05 .recipe-card .go-link{width:70%;margin:0 auto}
#lets05 .recipe-card .text{font-size:16px;color:#cacaca;font-weight:700;text-align:center;}
@media all and (min-width:1024px) {
    .lets-section{padding-bottom:240px;}
    .lets-section .path-menu{background:#c6d407}
    .lets-section .path-menu .depth2 > li.active a{color:#909a16;}
    #lets01.v1 .title-section .npc1{right:0;bottom:0;margin-right:0;max-width:538px}    
    #lets01.v2 .title-section .npc1{right:0;bottom:0;margin-right:0;max-width:592px}      
    #lets02.v1 .title-section .npc1{right:0;max-width:344px}    
    #lets02.v2 .title-section .npc1{right:0;margin-right:0;max-width:499px}    
    #lets02 dl.content-title dt em{display:inline;}
    #lets03 .title-section .npc1{right:0;margin-right:0;max-width:474px}    
    #lets04 .title-section h2{width:100%;line-height:30px;}
    #lets04 .title-section .npc1{right:150px;max-width:333px}  
    #lets04 .title-section .npc2{right:40px;bottom:160px;max-width:196px}     
    #lets04 .video-section{margin-bottom:140px;}
    #lets04 .recipe-section{padding:145px 0 240px;}
    #lets04 .recipe-section > .inner-section{width:1300px;margin:0 auto}
    #lets04 .recipe-section h4{margin-bottom:40px;}
    #lets04 .recipe-section h4 em{display:inline-block;min-width:240px;height:50px;line-height:50px;padding:0 20px;font-size:30px;border-radius:25px;white-space:nowrap}    
    
    #lets04 .slide-view{width:650px;margin:0 auto}
    #lets05 .title-section .npc1{right:0;bottom:0;margin-right:0;max-width:630px}  
    #lets05 .recipe-list:after{content:"";clear:both;display:block}
    #lets05 .recipe-list li{float:left;width:calc(100% / 3);margin-bottom:0}
    #lets05 .recipe-card{padding:30px 0;}
    #lets05 .recipe-card .recipe-img{height:314px;margin-bottom:20px;}
    #lets05 .recipe-card dl{margin-bottom:30px;}
    #lets05 .recipe-card dt{margin-bottom:20px;font-size:30px;}
    #lets05 .recipe-card dt i{font-size:20px}
    #lets05 .recipe-card dd{min-height:52px;font-size:20px;line-height:26px;letter-spacing:-1.5px}
    #lets05 .recipe-card .go-link{width:300px}
    #lets05 .recipe-card .text{line-height:62px;font-size:28px;}
}




/***AWARD***/
.award-section .title-section{height:150px}
.award-section .title-section .inner-section{padding-top:60px}
.award-section .title-section h2,
.award-section .title-section h3{color:#d8490c;-webkit-text-stroke-color:#d8490c;text-stroke-color:#d8490c;}
.award-section .mb-menu > button{background:#d8490c}
.mb-menu .depth2 > li.active a{color:#d8490c}
#award01 .title-section h2:before{content:"UCC 공모전"}
#award01 .ucc-list li{margin-bottom:30px;}
#award01 .video-frame{padding-top:22px;background:url(../img/video_film_bg3.png) no-repeat right top;background-size:contain;}
#award01 .video-frame .ucc-title{display:table;width:100%;height:25px;background:#363637;table-layout:fixed;border-collapse:collapse}
#award01 .video-frame .ucc-title dt{display:table-cell;padding-left:20px;text-align:left;font-size:16px;height:25px;line-height:25px;color:#fff;font-weight:700;vertical-align:middle;}
#award01 .video-frame .ucc-title dd{display:table-cell;width:100px;padding-right:20px;text-align:right;font-size:15px;height:25px;line-height:25px;color:#ec5a02;font-weight:700;vertical-align:middle;}
#award01 .video-frame > .inner-section{position:relative;-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);}
#award01 .video-frame .video-thumb{display:block;position:absolute;width:100%;left:0;top:0;padding:0;z-index:10;}
#award01 .video-frame .video-thumb img{display:block;width:100%;}
#award01 .video-iframe{position:relative;width:100%;padding-bottom:56.25%;height:0; overflow:hidden;z-index:-1;}
#award01 .video-iframe iframe,
#award01 .video-iframe object,
#award01 .video-iframe embed {position:absolute; top:0; left:0; width:100%; height:100%;}
#award02 .title-section h2:before{content:"포스터 수상작"}
#award03 .title-section h2:before{content:"캘리그라피 수상작"}
.poster-list ul:after{content:"";clear:both;display:block}
.poster-list ul li{float:left;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;border:2px solid #ed8d64;border-radius:5px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);box-sizing:border-box;overflow:hidden}
.poster-list ul li:nth-child(even){margin-right:0;}
.poster-list ul li img{display:block;width:100%;}
.poster-list ul li.wide{width:100%;margin-right:0;}
@media all and (min-width:1024px) {
    .award-section{padding-bottom:240px}
    .award-section .title-section{height:300px;}
    .award-section .title-section .inner-section{padding-top:115px}
    .award-section .path-menu{background:#d8490c}
    .award-section .path-menu .depth2 > li.active a{color:#d8490c;}
    #award01 .ucc-list:after{content:"";clear:both;display:block}
    #award01 .ucc-list li{float:left;width:640px;margin-right:20px;}
    #award01 .ucc-list li:nth-child(even){margin-right:0}
    #award01 .video-frame{padding-top:50px;}
    #award01 .video-frame .ucc-title{height:50px;}
    #award01 .video-frame .ucc-title dt{padding-left:20px;font-size:30px;line-height:50px;}
    #award01 .video-frame .ucc-title dd{padding-right:20px;font-size:28px;line-height:50px;}
    .poster-list ul li{width:280px;margin-right:60px;border-width:4px}
    .poster-list ul li:nth-child(even){margin-right:60px;}
    .poster-list ul li:nth-child(4n+0){margin-right:0px;}
    .poster-list ul li.wide{width:450px;margin-right:60px;}
    .poster-list ul li.wide:last-child{margin-right:0}
}



/***FUN***/
.fun-section .title-section h2,
.fun-section .title-section h3{color:#b77000;-webkit-text-stroke-color:#b77000;text-stroke-color:#b77000;}
.fun-section .mb-menu > button{background:#b77000}
.fun-section .content-section{position:relative;background:linear-gradient(to bottom, #fdfaf2 10%, #fae6ca);overflow:hidden}
.fun-section .content-section:before{content:"";display:block;position:absolute;left:0;bottom:-3px;width:354px;height:148px;background:url(../img/main_section3_item1_mb.png) no-repeat 0 0;background-size:contain;}
.fun-section .content-section:after{content:"";display:block;position:absolute;right:0;bottom:-13px;width:105px;height:158px;background:url(../img/main_section3_item2_mb.png) no-repeat right bottom;background-size:contain;}
.fun-section .content-section > .inner-section{padding-bottom:120px;}
.fun-title{margin-bottom:30px;text-align:center;}
.fun-title h3{position:relative;display:inline-block;font-family:'KOTRA_BOLD-Bold';font-size:25px;color:#b77000;-webkit-text-stroke:7px #b77000;text-stroke:7px #b77000;}
.fun-title h3:before{position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0px;text-stroke:0px;}
.fun-title h4{position:relative;display:inline-block;margin-bottom:10px;font-family:'KOTRA_BOLD-Bold';font-size:20px;color:#b77000;-webkit-text-stroke:7px #b77000;text-stroke:7px #b77000;}
.fun-title h4:before{position:absolute;left:0;top:0;color:#fde08c;-webkit-text-stroke:0px;text-stroke:0px;}

#fun01 .title-section h2:before{content:"나도 마이나슈 보안관!"}
#fun01 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:18px;max-width:270px}
#fun01 .fun-title h3:before{content:"나도 마이나슈 보안관!"}
#fun01 .fun-title h4:before{content:"저염·저당 실천을 위한 단서를 찾아라!"}
.game-info{margin-bottom:30px}
.game-info .text{margin-bottom:30px;font-size:15px;line-height:23px;text-align:center;}
.game-info .text strong{font-weight:700;}
.game-info .text em{color:#b77000}
.game-info .box-text{position:relative;padding:10px 90px 10px 18px;background:#f9eece}
.game-info .box-text:before{content:"";position:absolute;right:0;bottom:0;display:block;width:110px;height:114px;background:url(../img/fun01_game_npc.png) no-repeat center center;background-size:contain;}
.game-info .box-text p{position:relative;font-size:14px;line-height:15px;font-weight:700;}
.game-info .box-text p i{display:inline-block;padding:0 5px;margin-bottom:5px;background:#fff;}
.game-info .box-text p em{color:#b77000}
.game-frame{position:relative;width:100%;margin-bottom:60px;}
.game-frame img{width:100%;} 
.game-frame iframe{position:absolute;left:0;top:0;width:100%;height:117%;display:block;}
#fun01 .mb-text{margin-bottom:10px;font-size:15px;line-height:21px;color:#b77000}
#fun01 .mb-text.mb70{margin-bottom:70px;}
#fun01 .mb-text em{font-weight:700;color:#af3400}
.event-info{text-align:center;}
.event-info dl{margin-bottom:25px;font-size:14px;line-height:21px;}
.event-info dl dt{font-weight:700;}
.event-info p{font-size:14px;line-height:21px;}
#fun02 .title-section h2:before{content:"실천다짐 이벤트"}
#fun02 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-135px;bottom:0;max-width:270px}
#fun02 .fun-title h3:before{content:"실천다짐 인증샷 이벤트"}
#fun02 .fun-title h4:before{content:"나트륨·당류 줄이기"}
#fun02 .fun-title h5{padding-top:25px;font-size:18px;font-weight:700;color:#b77000}
#fun02 .fun-title h5 span {display: block; margin-top: 10px; font-size: 18px;}
.certshot-info{margin-bottom:30px;padding:25px 0;background:#f9eece}
.certshot-info .event-title{position:relative;height:20px;text-align:center;}
.certshot-info .event-title:before{content:"";display:block;position:absolute;top:8px;left:0;width:100%;height:5px;background:#edd184}
.certshot-info .event-title:after{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-80px;width:160px;;height:100%;background:#edd184}
.certshot-info .event-title em{position:relative;display:inline-block;font-family:'KOTRA_BOLD-Bold';font-size:18px;color:#b77000;-webkit-text-stroke:7px #b77000;text-stroke:7px #b77000;z-index:1}
.certshot-info .event-title em:before{position:absolute;left:0;top:0;color:#fde08c;-webkit-text-stroke:0px;text-stroke:0px;z-index:2}
.certshot-info .event-title em.gift:before{content:"이벤트 경품"}
.certshot-info .event-title em.way:before{content:"이벤트 참여 방법"}
.certshot-info .gift-img{padding:23px 0 45px;text-align:center;}
.certshot-info .gift-img img{width:183px;}
.certshot-info .gift-img p{font-size:15px;font-weight:700;}
.certshot-info .way-list{padding:30px;}
.certshot-info .way-list li{margin-bottom:18px;}
.certshot-info .way-list li:last-child{margin-bottom:0}
.certshot-info .way-card{padding:20px 0;text-align:center;background:#fcf7e7;border:2px solid #fff;border-radius:15px;}
.certshot-info .way-card .no{position:relative;display:inline-block;margin-bottom:15px;font-family:'KOTRA_BOLD-Bold';font-size:20px;color:#b77000;-webkit-text-stroke:7px #b77000;text-stroke:7px #b77000;z-index:1}
.certshot-info .way-card .no:before{position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0px;text-stroke:0px;z-index:2}
.certshot-info .way-card .no.card1:before{content:"01"}
.certshot-info .way-card .no.card2:before{content:"02"}
.certshot-info .way-card .no.card3:before{content:"03"}
.certshot-info .way-card dl dt{margin-bottom:10px;font-size:14px;line-height:21px;}
.certshot-info .way-card dl dt em{font-weight:700}
.certshot-info .way-card dl dd{padding:0 15px;text-align:center;}
.certshot-info .way-card dl dd em{display:block;height:90px;background:#f8ebc5;}
.certshot-info .way-card dl dd em.sns{padding:15px 26px;height:auto;}
.certshot-info .way-card dl dd em.sns a{display:block;margin-bottom:5px;}
.certshot-info .way-card dl dd em.sns a:last-child{margin-bottom:0}
.certshot-info .way-card dl dd em.sns img{width:100%}
.certshot-info .way-card dl dd img{height:100%;}
#fun03 .title-section h2:before{content:"마이나슈 댄스"}
#fun03 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-86px;bottom:0;max-width:172px}
#fun03 .video-view{padding-top:22px;background:url(../img/video_film_bg3.png) no-repeat right top;background-size:contain;}
#fun03 .video-view .ucc-title{height:25px;background:#363637;text-align:center;font-size:14px;height:25px;line-height:25px;color:#fff;font-weight:700;vertical-align:middle;}
#fun03 .fun-title dl{margin-bottom:20px;padding-top:25px;font-size:18px;font-weight:700;line-height:26px;text-align:center;}
#fun03 .fun-title dl dt{color:#b77000}
#fun03 .item01, #fun03 .item02, #fun03 .item03, #fun03 .item04{margin-bottom:120px}
#fun03 .item01 .fun-title h3:before{content:"코코몽과 함께 마이나슈 건강쏭"}
#fun03 .item02 .fun-title h3:before{content:"No Sugar 랩댄스"}
#fun03 .item03 .fun-title h3:before{content:"케어루 나슈로 애니메이션"}
#fun03 .item04 .fun-title h3:before{content:"단짠이의 식탁을 차려줘!"}
#fun03 .item05 .fun-title h3:before{content:"저염박사가 알려주는 운석의 비밀!"}
@media all and (min-width:1024px) {
    .fun-section .path-menu{background:#e1a700}
    .fun-section .path-menu .depth2 > li.active a{color:#e1a700;}        
    .fun-section .content-section{background:url(../img/main_section3_bg.png) no-repeat center bottom -10px, linear-gradient(to bottom, #fdfaf2 10%, #fae6ca);background-size:auto 236px, 100%;}
    .fun-section .content-section:before{left:-20px;bottom:-22px;width:459px;height:459px;background-image:url(../img/main_section3_item1.png);}
    .fun-section .content-section:after{right:0;bottom:-36px;width:328px;height:453px;background-image:url(../img/main_section3_item2.png);}
    .fun-section .content-section > .inner-section{padding:0 0 340px;box-sizing:border-box;}
    .fun-title{margin:0 auto 40px}
    .fun-title h3{font-size:50px;}
    .fun-title h4{font-size:40px;margin-bottom:20px;}
    #fun01 .content-section > .inner-section{padding-left:50px;padding-right:50px;}
    #fun01 .title-section .npc1{right:0;bottom:10px;margin-right:0;max-width:532px}    
    #fun01 .fun-title{width:700px;}
    #fun01 .mb-text{display:none}
    .game-info{margin-bottom:50px;}
    .game-info .text{margin-bottom:15px;font-size:30px;line-height:50px;}
    .game-info .box-text{padding:20px;text-align:center;}
    .game-info .box-text:before{width:220px;height:228px;}
    .game-info .box-text p{font-size:24px;line-height:30px;}
    .game-info .box-text p i{display:inline;padding:0;background:none}
    .game-info .box-text p span{display:inline-block;padding:0 10px;margin-bottom:10px;background:#fff;}
    .game-frame{margin-bottom:160px;}
    .event-info{width:100%;text-align:left;}
    .event-info:after{content:"";clear:both;display:block}
    .event-info .left{float:left;}
    .event-info .right{float:right;width:370px;}    
    .event-info dl{margin-bottom:0;font-size:24px;line-height:38px;}
    .event-info dl dt{display:inline-block;padding-right:10px;vertical-align:top}
    .event-info dl dd{display:inline-block;vertical-align:top}
    .event-info p{font-size:24px;line-height:38px;}
    #fun02 .fun-title{width:550px;}
    #fun02 .title-section .npc1{right:0;margin-right:0;max-width:407px}  
    #fun02 .fun-title h5{padding-top:30px;font-size:30px;}
    #fun02 .fun-title h5 span {font-size: 24px;}
    .certshot-info{margin-bottom:60px;padding:40px 70px}
    .certshot-info .event-title{height:40px;}
    .certshot-info .event-title:before{top:14px;height:10px;}
    .certshot-info .event-title:after{margin-left:-140px;width:280px;}
    .certshot-info .event-title em{font-size:30px}
    .certshot-info .gift-img{padding:30px 0 45px;}
    .certshot-info .gift-img img{width:366px;}
    .certshot-info .gift-img p{font-size:24px;}
    .certshot-info .way-list{padding:40px 0;}
    .certshot-info .way-list:after{content:"";clear:both;display:block;}
    .certshot-info .way-list li{float:left;width:364px;margin-right:34px;margin-bottom:0;}
    .certshot-info .way-list li:last-child{margin-right:0}
    .certshot-info .way-card{padding:30px 0;border-radius:25px;}
    .certshot-info .way-card .no{margin-bottom:30px;font-size:32px}
    .certshot-info .way-card dl dt{margin-bottom:20px;height:216px;padding-top:20px;font-size:24px;line-height:36px;box-sizing:border-box;}        
    .certshot-info .way-list li:last-child .way-card dl dt{padding-top:0;}
    .certshot-info .way-card dl dd{padding:0 20px;}
    .certshot-info .way-card dl dd em{height:180px;}
    .certshot-info .way-card dl dd em.sns{padding:20px 15px;height:180px;box-sizing:border-box;}
    .certshot-info .way-card dl dd em.sns a{margin-bottom:14px;}
    #fun03 .title-section .npc1{right:0;margin-right:0;max-width:300px}  
    #fun03 .video-view{padding-top:50px;width:640px;margin:0 auto;}
    #fun03 .video-view .ucc-title{height:50px;font-size:28px;line-height:50px;}
    #fun03 .fun-title dl{padding-top:40px;margin-bottom:50px;font-size:30px;}
    #fun03 .fun-title dl dt, #fun03 .fun-title dl dd{display:inline}
}


/*** SAFE ***/
.safe-section .title-section{background-color:#efe7ec}
.safe-section .title-section h2{color:#785c6e;-webkit-text-stroke-color:#785c6e;text-stroke-color:#785c6e;}
.safe-section .mb-menu > button{background:#785c6e}
.safe-section .content-section{padding-top:50px;}
.safe-section dl.content-title dt em{color:#785c6e}
.safe-section .safe-content{position:relative;}
.safe-section .area-content{padding:60px 0;}
.safe-section .area-content .item-area{margin-bottom:70px}
.safe-section .slide-view .slick-arrow{border:1px solid #f2f2f2}
.safe-section .sub-title{margin-bottom:70px;text-align:center;}
.safe-section .sub-title dt{padding-bottom:25px;font-size:25px;line-height:38px;color:#785c6e;font-weight:700;border-bottom:2px solid #785c6e}
.safe-section .sub-title dd{padding-top:25px;font-size:15px;line-height:23px;}
.safe-section .sub-title dd em{font-weight:700}
.safe-section h4{margin-bottom:45px;text-align:center;}
.safe-section h4 em{display:inline-block;min-width:150px;height:30px;line-height:30px;padding:0 10px;color:#785c6e;font-size:20px;font-weight:700;text-align:center;border-radius:15px;background:#efe7ec}
.safe-section .video-area dd{padding-top:30px;font-size:17px;font-weight:700;text-align:center;}
.safe-section .card-line{padding:18px 12px;text-align:center;border:1px solid #f2f2f2;}
.safe-section .card-line img{max-width:100%}
.safe-section .card-line .go-link{text-align:left;}
.safe-section .card-line .pc{display:none}
.safe-section .img-wrap img{max-width:100%}
#innerMenu{position:absolute;left:0;top:-30px;width:100%;padding:0;box-sizing:border-box;display:block;z-index:99}
#innerMenu.fixed{position:fixed;left:0;top:90px;padding:0 25px;}
#innerMenu > .inner-section{position:relative;}
#innerMenu #selectedMenu{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:#785c6e;z-index:10}
#innerMenu #selectedMenu: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;}
#innerMenu #slideMenu{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}
#innerMenu #slideMenu.active{display:block}
#innerMenu #slideMenu li{border-bottom:1px solid #eeedec}
#innerMenu #slideMenu li button{display:block;padding:0 15px;height:40px;text-align:left;line-height:40px;font-size:14px;font-weight:600;line-height:40px;background:none;border:0}
#innerMenu #slideMenu li.active button{color:#785c6e;font-weight:700}
#safe00 .content-section{padding-bottom:125px;}
#safe00 .title-section h2:before{content:"지키자! 식품안전"}
#safe00 .title-section .npc1{display:block;position:absolute;right:50%;margin-right:-100px;bottom:18px;max-width:200px}
#safe00 .card-list ul:after{content:"";clear:both;display:block}
#safe00 .card-list li{float:left;width:50%;}
#safe00 .card-list li a{position:relative;display:block;width:100%;height:150px;padding-top:105px;font-size:15px;font-weight:700;text-align:center;border:1px solid #f2f2f2;box-sizing:border-box;background:no-repeat center bottom 55px;background-size:60px auto}
#safe00 .card-list li a:before{content:"";position:absolute;right:10px;top:10px;display:block;width:30px;height:30px;background:url(../img/safe00_plus.png) no-repeat center center;background-size:contain}
#safe00 .card-list li.icon1 a{background-image:url(../img/safe00_img1.png)}
#safe00 .card-list li.icon2 a{background-image:url(../img/safe00_img2.png)}
#safe00 .card-list li.icon3 a{background-image:url(../img/safe00_img3.png)}
#safe00 .card-list li.icon4 a{background-image:url(../img/safe00_img4.png)}
#safe00 .card-list li.icon5 a{background-image:url(../img/safe00_img5.png)}
@media all and (min-width:1024px) {
    .safe-section .path-menu{background:#785c6e}
    .safe-section .path-menu .depth2 > li.active a{color:#785c6e;}     
    .safe-section .area-content{padding:80px 0}
    .safe-section .area-content .item-area{margin-bottom:120px}
    .safe-section h4{margin-bottom:40px;}
    .safe-section h4 em{display:inline-block;min-width:240px;height:50px;line-height:50px;padding:0 20px;font-size:30px;border-radius:25px;white-space:nowrap}    
    .safe-section .sub-title dt{padding-bottom:35px;font-size:40px;line-height:48px;}
    .safe-section .sub-title dd{padding-top:35px;font-size:24px;line-height:38px;}
    .safe-section .video-area{width:640px;margin:0 auto}
    .safe-section .video-area dd{font-size:24px;}
    .safe-section .card-line{position:relative;padding:35px 15px;box-sizing:border-box}
    .safe-section .card-line .pc{display:block}
    .safe-section .card-line .mb{display:none !important}
    
    #innerMenu{width:1300px;left:50%;top:-50px;margin-left:-650px;padding:0;}
    #innerMenu.fixed{left:50%;top:70px;padding:0}
    #innerMenu #selectedMenu{display:none}
    #innerMenu #slideMenu{display:block;top:0;padding:0;text-align:center;border-radius:0 0 25px 25px;border:4px solid #785c6e;border-top:0;background:#e0cfda}
    #innerMenu #slideMenu li{display:inline-block;padding:0 35px;border:0;}
    #innerMenu #slideMenu li button{position:relative;display:inline-block;padding:0;color:#e0cfda;font-weight:700;font-size:20px;height:56px;line-height:56px;-webkit-text-stroke:7px #785c6e;text-stroke:7px #785c6e;}    
    #innerMenu #slideMenu li button:before{position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0px;text-stroke:0px;}    
    #innerMenu #slideMenu li.active button{color:#533f32;-webkit-text-stroke-color:#533f32;text-stroke-color:#533f32;}
    #innerMenu #slideMenu li.im0101 button:before{content:"미디어콘텐츠"}
    #innerMenu #slideMenu li.im0102 button:before{content:"교재 · 교구지원"}
    #innerMenu #slideMenu li.im0103 button:before{content:"체험 프로그램 운영"}
    #innerMenu #slideMenu li.im0104 button:before{content:"식품안전·영양교육 실천학교"}
    #innerMenu #slideMenu li.im0201 button:before{content:"튼튼먹거리 탐험대"}
    #innerMenu #slideMenu li.im0202 button:before{content:"교육내용"}
    #innerMenu #slideMenu li.im0301 button:before{content:"어린이 기호식품이란?"}
    #innerMenu #slideMenu li.im0302 button:before{content:"어린이 기호식품 품질인증이란?"}
    #innerMenu #slideMenu li.im0303 button:before{content:"어린이 기호식품 품질인증 현황"}
    #innerMenu #slideMenu li.im0304 button:before{content:"어린이 기호식품 우수판매업소"}
    #innerMenu #slideMenu li.im0501 button:before{content:"어린이급식관리지원센터"}
    #innerMenu #slideMenu li.im0502 button:before{content:"사회복지급식관리지원센터"}
  
    #safe00 .title-section .npc1{right:90px;bottom:20px;margin-right:0;max-width:403px}
    #safe00 .content-section{padding-bottom:150px;}      
    #safe00 dl.content-title{margin-bottom:50px;padding-bottom:0;text-align:center;border:0;}
    #safe00 dl.content-title dt{font-size:54px;}
    #safe00 dl.content-title dd{font-size:28px;}
    #safe00 .card-list{text-align:center;}
    #safe00 .card-list li{float:none;display:inline-block;width:390px;padding:15px;vertical-align:top;}
    #safe00 .card-list li a{height:170px;padding-top:120px;font-size:24px;background-size:120px auto;}
    #safe00 .card-list li a:before{right:20px;top:20px;width:60px;height:60px;}
    
}


#safe01 .title-section .inner-section{padding-top:100px}
#safe01 .title-section h2:before{content:"식품안전 · 영양교육"}
#safe01 .title-section .logo{display:block;position:absolute;right:50%;margin-right:-54px;top:40px;max-width:108px}
#safe01 .title-section .text{position:relative;display:inline-block;font-size:17px;line-height:26px;font-weight:700;color:#785c6e;-webkit-text-stroke:5px #785c6e;text-stroke:5px #785c6e;}
#safe01 .title-section .text:before{position:absolute;left:0;top:0;color:#e0cfda;-webkit-text-stroke:0px;text-stroke:0px;}
#safe01 .title-section .text:before{content:"어린이·청소년의 안전하고 균형 잡힌 식생활 형성 및 실천을 도모하기 위한 수준별 교재 지원 사업입니다."}
#safe01 #area02 .edu-item{margin-bottom:75px;}
#safe01 #area02 .item-list li{margin-bottom:20px;}
#safe01 #area02 .item-list dl{margin-bottom:15px}
#safe01 #area02 .item-list dt{margin-bottom:17px;font-size:17px;font-weight:700}
#safe01 #area02 .item-list.item1 dd img{height:135px;}
#safe01 #area02 .item-list.item2 dd img{max-height:150px;}
#safe01 #area03 .img-list li{margin-bottom:15px;}
#safe01 #area04 .school-item{margin-bottom:75px;}
#safe01 #area04 .school-video dd{padding-top:30px;font-size:17px;font-weight:700;text-align:center;}
@media all and (min-width:1024px) {    
    #safe01 .title-section .text{display:block;font-size:30px;}
    #safe01 .title-section .logo{right:40px;margin-right:0;max-width:151px;}    
    #safe01 #area01 .slide-view{width:790px;margin:0 auto}
    #safe01 #area02 .item-list:after{content:"";clear:both;display:block;}
    #safe01 #area02 .item-list li{float:left;width:422px;margin-right:17px;margin-bottom:0;box-sizing:border-box}
    #safe01 #area02 .item-list li:last-child{margin-right:0;}
    #safe01 #area02 .item-list dl{margin-bottom:30px;}
    #safe01 #area02 .item-list dt{margin-bottom:40px;font-size:24px;}
    #safe01 #area02 .item-list .go-link{width:220px;margin:0 auto}
    #safe01 #area02 .item-list.item1 dd img{height:272px}
    #safe01 #area02 .item-list.item2 li{width:310px;margin-right:20px;}
    #safe01 #area02 .item-list.item2 .card-line{height:330px;box-sizing:border-box}    
    #safe01 #area02 .item-list.item2 li:last-child{margin-right:0;}
    #safe01 #area02 .item-list.item2 dd img{max-height:170px}
    #safe01 #area02 .item-list.item2 li:nth-child(2) dt{margin-bottom:110px}
    #safe01 #area03 .card-line .go-link{position:absolute;left:60px;bottom:70px;width:300px;}
    #safe01 #area04 .school-item.video{width:640px;margin:0 auto 120px}
    #safe01 #area04 .school-item.video dd{font-size:24px;}
    #safe01 #area04 .fl-box .right .card-line{padding-top:110px;}
}

#safe02 .title-section{height:190px}
#safe02 .title-section .inner-section{padding-top:115px;}
#safe02 .title-section h2:before{content:"튼튼먹거리 탐험대"}
#safe02 .title-section .logo{display:block;position:absolute;right:50%;margin-right:-55px;top:40px;max-width:110px}
@media all and (min-width:1024px) {
    #safe02 .title-section{height:300px}
    #safe02 .title-section .logo{right:40px;margin-right:0;max-width:211px;}
    #safe02 #area01 .item0102 .img-list li{display:inline-block;padding:0 10px;vertical-align:top;}
    #safe02 #area02 .item-wrap:after{content:"";clear:both;display:block}
    #safe02 #area02 .item-wrap .item-area{float:left;width:422px;margin-right:17px;padding:0 28px;box-sizing:border-box;}
    #safe02 #area02 .item-wrap .item-area.item0203{margin-right:0}
}

#safe03 .title-section{height:190px}
#safe03 .title-section .inner-section{padding-top:115px;}
#safe03 .title-section h2:before{content:"어린이 기호식품"}
#safe03 .title-section .logo{display:block;position:absolute;right:50%;margin-right:-60px;top:40px;max-width:120px}
#safe03 .food-section{background:#f9f5f8}
#safe03 .food-tabmenu{position:relative;width:100%;padding:0;box-sizing:border-box;display:block;}
#safe03 .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:#785c6e;z-index:10}
#safe03 .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;}
#safe03 .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}
#safe03 .food-tabmenu #tabList.active{display:block}
#safe03 .food-tabmenu #tabList li{border-bottom:1px solid #eeedec}
#safe03 .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}
#safe03 .food-tabmenu #tabList li.active button{color:#785c6e;}
#safe03 .food-section .tab-content{display:none;padding:15px;border-bottom:1px solid #ededed;}
#safe03 .food-section .tab-content.active{display:block}
#safe03 .product-slide{position:relative;width:100%;}
#safe03 .product-slide > ul{position:relative;}
#safe03 .product-slide > ul img{width:100%}
#safe03 .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}
#safe03 .product-slide .slick-arrow.slick-prev{margin-left:-70px;background-image:url(../img/icon_slide_arrow_left.png)}
#safe03 .product-slide .slick-arrow.slick-next{margin-left:35px;background-image:url(../img/icon_slide_arrow_right.png)}
#safe03 .product-slide .slide-no{padding-top:20px;font-size:14px;line-height:40px;text-align:center;}
#safe03 .product-slide .slide-no em{font-weight:700;}
#safe03 .food-section .item-list{width:100%;}
#safe03 .food-section .item-list li{margin-bottom:8px;box-sizing:border-box;}
#safe03 .food-section .item-list dl{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
#safe03 .food-section .item-list dl dt{width:54px;display:table-cell;min-height:54px;vertical-align:middle;background:#fff}
#safe03 .food-section .item-list dl dt img{width:100%;}
#safe03 .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;}
#safe03 .food-section .item-list dl dd em{display:block;margin-bottom:5px;font-size:14px;font-weight:700;line-height:20px;}
#safe03 .food-section .item-list dl dd span{font-size:14px;line-height:20px;}
#safe03 #area04 > .inner-section{padding:0 25px;}
#safe03 #area04 .sub-title{margin-bottom:25px;}
#safe03 .exstore-info{margin-bottom:90px;background:#f9f5f8}
#safe03 .exstore-info > .inner-section{padding:140px 25px 40px;text-align:center;background:url(../img/safe03_item4_img1.png) no-repeat center 28px; background-size:94px auto;}
#safe03 .exstore-info li{padding:20px;border-bottom:1px solid #000;}
#safe03 .exstore-info li:last-child{border-bottom:0;}
#safe03 .exstore-info li dl{font-size:14px;line-height:21px;}
#safe03 .exstore-info li dt{font-weight:700;}
#safe03 .exstore-list{padding:40px 30px;border:1px solid #f2f2f2;}
#safe03 .exstore-list p{margin-bottom:40px;font-size:15px;line-height:23px;text-align:center;}
#safe03 .exstore-list p em{font-weight:700}
#safe03 .exstore-list .map-img{display:block;margin-bottom:45px;width:100%}
#safe03 .exstore-list .map-img img{max-width:100%;}
#safe03 .exstore-list .map-img .year{width:100%;font-size:14px;text-align:right;color:#737373}

@media all and (min-width:1024px) {    
    #safe03 .title-section{height:300px}
    #safe03 .title-section .logo{right:40px;margin-right:0;max-width:241px;}
    #safe03 .food-section{background:none}
    #safe03 .food-tabmenu #selectedTab{display:none !important}
    #safe03 .food-tabmenu #tabList{position:static;display:block !important;width:100%;border:0;}
    #safe03 .food-tabmenu #tabList:after{content:"";clear:both;display:block;}
    #safe03 .food-tabmenu #tabList li{float:left;display:block;width:calc(100% / 5);border:0;}
    #safe03 .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;}
    #safe03 .food-tabmenu #tabList li:first-child button{border-left:2px solid #785c6e}
    #safe03 .food-tabmenu #tabList li.active button{color:#fff;background:#785c6e}
    #safe03 .food-section .tab-content{position:relative;padding:50px 60px;border:2px solid #785c6e;border-top:0;}    
    #safe03 .food-section .item-list:after{content:"";clear:both;display:block}
    #safe03 .food-section .item-list li{display:block;float:left;width:376px;margin-right:24px;border:2px solid #f2f2f2}
    #safe03 .food-section .item-list li:nth-child(3n+0){margin-right:0;}
    #safe03 .food-section .item-list dl dt{width:110px;min-height:110px;}
    #safe03 .food-section .item-list dl dd{min-height:110px;padding:10px 20px;border-left:2px solid #f2f2f2}
    #safe03 .food-section .item-list dl dd em{margin-bottom:0;font-size:20px;line-height:30px;}
    #safe03 .food-section .item-list dl dd span{font-size:20px;line-height:30px;}
    #safe03 .product-slide .slick-arrow{bottom:-150px;width:60px;height:60px;background-size:auto 12px;}
    #safe03 .product-slide .slick-arrow.slick-prev{margin-left:-110px;}
    #safe03 .product-slide .slick-arrow.slick-next{margin-left:50px}
    #safe03 .product-slide .slide-no{position:absolute;left:0;bottom:-150px;width:100%;padding-top:0;font-size:24px;line-height:60px;}
    #safe03 #area02 .item-wrap:after{content:"";clear:both;display:block}
    #safe03 #area02 .item-wrap .item0101{float:left;width:720px;padding:0 40px;box-sizing:border-box;}
    #safe03 #area02 .item-wrap .item0102{float:right;width:560px;padding:0 80px;box-sizing:border-box;}
    #safe03 #area03{padding-bottom:170px}    
    #safe03 #area04 > .inner-section{width:1300px;margin:0 auto;padding:0;}
    #safe03 #area04 .sub-title{margin-bottom:70px;}
    #safe03 .exstore-info{margin-bottom:80px;}
    #safe03 .exstore-info > .inner-section{width:1300px;margin:0 auto;padding:55px 0 55px 305px;text-align:center;background-position:58px center; background-size:188px auto;box-sizing:border-box;}
    #safe03 .exstore-info li{padding:0;border-bottom:0;}
    #safe03 .exstore-info li dl{font-size:24px;line-height:38px;text-align:left;}
    #safe03 .exstore-info li dl:after{content:"";clear:both;display:block;}
    #safe03 .exstore-info li dt{float:left;width:25px;font-weight:700;}
    #safe03 .exstore-info li dt:after{content:"."}
    #safe03 .exstore-info li dd{float:left;width:calc(100% - 25px)}
    #safe03 .exstore-list{position:relative;padding:60px;}
    #safe03 .exstore-list:after{content:"";clear:both;display:block}
    #safe03 .exstore-list p{float:left;width:280px;margin-bottom:0;font-size:30px;line-height:42px;text-align:left;}    
    #safe03 .exstore-list .map-img{float:right;display:block;margin-bottom:0;width:530px;}
    #safe03 .exstore-list .go-link{position:absolute;left:60px;bottom:60px;text-align:left;width:300px}
    #safe03 .exstore-list .map-img .year{font-size:20px;}
}

#safe04 .content-section{padding:0;}
#safe04 .title-section{height:190px}
#safe04 .title-section .inner-section{padding-top:115px;}
#safe04 .title-section h2:before{content:"삼삼급식소·실천음식점"}
#safe04 .title-section .logo{display:block;position:absolute;right:50%;margin-right:-57.5px;top:40px;max-width:115px}
#safe04 .item-area p.text{text-align:center;font-size:15px;line-height:23px;}
#safe04 .item-area p.text em{font-weight:700;}
#safe04 .item-area .dot-list li{position:relative;padding-left:14px;font-size:15px;line-height:23px;}
#safe04 .item-area .dot-list li:before{content:"";position:absolute;left:0;top:10px;display:block;width:5px;height:5px;background:#785c6e;border-radius:50%;}
#safe04 .right{margin-bottom:70px}
#safe04 #area02{padding:120px 25px;background:#f9f5f8}
#safe04 #area02 .map-img{padding:40px 30px;background:#fff;}
#safe04 #area02 .map-img .year{font-size:14px;text-align:right;color:#737373}
#safe04 #area02 .map-img .year em{font-weight:700;}
#safe04 #area02 .map-img img{width:100%;}
@media all and (min-width:1024px) {  
    #safe04 .title-section{height:300px}  
    #safe04 .title-section .logo{right:40px;margin-right:0;max-width:229px;}
    #safe04 #area01 .item-wrap:after{content:"";clear:both;display:block}
    #safe04 #area01 .item-wrap .left{float:left;width:790px;padding-left:20px;box-sizing:border-box;}
    #safe04 #area01 .item-wrap .right{float:right;width:460px;margin-bottom:0;padding-right:60px;box-sizing:border-box;}
    #safe04 .item-area p.text{font-size:24px;line-height:38px;}
    #safe04 .item-area .dot-list li{padding-left:30px;font-size:24px;line-height:38px;}
    #safe04 .item-area .dot-list li:before{width:10px;height:10px;top:15px}
    #safe04 #area02{padding:150px 0;}
    #safe04 #area02 > .inner-section{width:1300px;margin:0 auto;}
    #safe04 #area02 > .inner-section:after{content:"";clear:both;display:block}
    #safe04 #area02 .item0201{float:left;width:640px;}
    #safe04 #area02 .item0202{float:right;width:640px;}
    #safe04 #area02 .map-img .year{font-size:20px;}
}



#safe05 .title-section{height:190px}
#safe05 .title-section .inner-section{padding-top:115px;}
#safe05 .title-section h2:before{content:"어린이급식관리지원센터"}
#safe05 .title-section .logo{display:block;position:absolute;right:50%;margin-right:-143px;top:40px;max-width:286px}
#safe05 .title-section .logo .pc{display:none}
#safe05 #area02{padding:120px 25px;background:#f9f5f8}
@media all and (min-width:1024px) {    
    #safe05 .title-section{height:300px}  
    #safe05 .title-section .logo{right:40px;margin-right:0;max-width:280px;}
    #safe05 .title-section .logo .pc{display:block}
    #safe05 .title-section .logo .mb{display:none}
    #safe05 #area01 .item-wrap:after{content:"";clear:both;display:block}
    #safe05 #area01 .item-wrap .item0101{float:left;width:720px;padding:0 40px;box-sizing:border-box;}
    #safe05 #area01 .item-wrap .item0102{float:right;width:560px;padding:90px 80px 0;box-sizing:border-box;}
    #safe05 #area02{padding:150px 0;}
    #safe05 #area02 > .inner-section{width:1300px;margin:0 auto;}
    #safe05 #area02 .slide-view{width:400px;margin:0 auto;}
}






.recipe-popup{display:none;width:100%;padding-top:115px;box-sizing:border-box;}
.recipe-popup .btn-close{position:absolute;right:20px;top:55px;width:51px;height:51px;font-size:0;background:url(../img/btn_popup_close.png) no-repeat center center;background-size:contain;border:0;z-index:10}
.recipe-popup > .inner-section{padding:0 55px;}
.recipe-popup .inner-slide{position:relative;width:100%;}
.recipe-popup .inner-slide > ul{position:relative;}
.recipe-popup .inner-slide > ul img{display:block;width:100%}
.recipe-popup .inner-slide .slide-no{padding-top:20px;font-size:14px;color:#fff;line-height:40px;text-align:center;}
.recipe-popup .inner-slide .slick-slide img{width:100%;}
.recipe-popup .inner-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}
.recipe-popup .inner-slide .slick-arrow.slick-prev{margin-left:-70px;background-image:url(../img/icon_slide_arrow_left.png)}
.recipe-popup .inner-slide .slick-arrow.slick-next{margin-left:35px;background-image:url(../img/icon_slide_arrow_right.png)}

@media all and (min-width:1024px) {
    .b-modal{opacity:0 !important}
   .recipe-popup{width:1000px;padding:120px 0; margin:0 auto;border:6px solid #000;background:rgba(0,0,0,0.7)}
   .recipe-popup .btn-close{right:35px;top:35px;width:102px;height:102px;}
   .recipe-popup > .inner-section{position:relative;padding:0 230px;}
   .recipe-popup .inner-slide .slick-arrow{bottom:-90px;width:60px;height:60px;background-size:auto 12px;}
   .recipe-popup .inner-slide .slick-arrow.slick-prev{margin-left:-110px;}
   .recipe-popup .inner-slide .slick-arrow.slick-next{margin-left:50px}
   .recipe-popup .inner-slide .slide-no{padding-top:30px;font-size:24px;line-height:60px;}

}

.video-popup{display:none;width:100%;padding-top:115px;box-sizing:border-box;}
.video-popup .btn-close{position:absolute;right:20px;top:55px;width:51px;height:51px;font-size:0;background:url(../img/btn_popup_close.png) no-repeat center center;background-size:contain;border:0;z-index:10}
.video-popup > .inner-section{padding:0 25px;}
@media all and (min-width:1024px) {
    .b-modal{opacity:0 !important}
   .video-popup{width:1000px;padding:120px 0; margin:0 auto;border:6px solid #000;background:rgba(0,0,0,0.7)}
   .video-popup .btn-close{right:35px;top:35px;width:102px;height:102px;}
   .video-popup > .inner-section{position:relative;padding:0 170px;}

}


/* 청소년박람회 */
#wrap.event .pc {display: none;}

#wrap.event div[class^='section'] {display: block; position: relative; margin-top: -2px; width: 100%; height: 100%; cursor: inherit;}
#wrap.event div[class^='section'] img {width: 100%;}
#wrap.event .mobile {display: block; width: 100%; height: 100%;}
#wrap.event .hidden {font-size: 0;}

@media all and (min-width:1024px) {
    #wrap.event .pc {display: block;}
    #wrap.event .mobile {display: none;}

}