@charset "utf-8";

/* 시장체험 */
.exper .box_st2 {padding:33px 0;}
.exper .box_st2 dt img {width:100%; max-width:562px;}
.exper .app {height:26px; padding:5px 12px; color:#fff; border:1px solid #bf0b0b; background:#e72828; white-space:nowrap;}
.exper .app span.check {display:inline-block; padding-left:19px; font-weight:600; font-size:13px; background:url('/images/common/ico_check.png') no-repeat 0 center;}


/* 요리경연대회 */
.live .box_st2 {padding:25px 0;}
.live .box_st2 p {}
.live .box_st2 dl {}
.live .box_st2 dt img {width:80%; max-width:562px;}
.live .video {width:100%;}
.live .video {position: relative; padding-bottom:56.25%; height: 0; overflow: hidden;} 
.live .video iframe, .live .video object, .live .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 

.live .img {margin:10px 0 30px; overflow:hidden;}
.live .img li {float:left; width:24.166%; margin-bottom:10px; margin-left:1.112%; font-size:0; line-height:0;}
.live .img li:first-child {margin-left:0;}
.live .img li img {width:100%;}



/*포토존*/
.title_011{ font-weight:600; font-size:15px; color:#b32222;}
.photo_head {padding:45px 50px; background:url('/images/sub04/photozone_bg.jpg') no-repeat center center; background-size:cover; text-align:center;}
.photo_head .img img {width:100%; max-width:500px;}
.photo_head .txt {padding-top:22px; line-height:25px; font-weight:600; font-size:16px; color:#2c2c2c; text-shadow:1px 1px 0 rgba(255,255,255,0.5);}

.photoxone > .lst {margin-top:25px; border-top:5px solid #666;}
.photoxone > .lst > li {padding:25px 0; overflow:hidden; border-bottom:1px dashed #ccc;}
.photoxone > .lst > li > p {float:left; width:50%;}
.photoxone > .lst > li > p > img {width:100%; max-width:400px;}
.photoxone > .lst > li > dl {float:left; width:48%; margin-left:0%;}
.photoxone > .lst > li dt {font-weight:600; font-size:15px; line-height:28px;}
.photoxone > .lst > li dt > span {display:block; float:left; width:28px; height:28px; margin-right:7px; font-weight:600; font-size:17px; line-height:20px; border:4px solid #ff8035; border-radius:50%; text-align:center; vertical-align:middle;}
.photoxone > .lst > li.lst_01 dt > span {color:#c75252; border-color:#c75252;}
.photoxone > .lst > li.lst_02 dt > span {color:#e9ae2b; border-color:#e9ae2b;}
.photoxone > .lst > li.lst_03 dt > span {color:#699b37; border-color:#699b37;}
.photoxone > .lst > li.lst_04 dt > span {color:#358791; border-color:#358791;}
.photoxone > .lst > li.lst_05 dt > span {color:#ca56a7; border-color:#ca56a7;}
.photoxone > .lst > li dd {padding-left:35px; line-height:24px;}
.photoxone > .lst > li dd ul {margin-top:1px;}
.photoxone > .lst > li dd li {line-height:24px;}
.photoxone > .lst > li.lst_05 dd p {margin-bottom:10px;}
.photoxone > .lst > li.lst_05 dd .btn {border-color:#a01d6d; background-color:#ca56a7;}
.photoxone > .lst > li.lst_05 dd .btn:hover {color:#fff;}


@media all and (max-width:480px){
.photoxone > .lst > li > p {float:none; width:100%;}
.photoxone > .lst > li > p > img {max-width:100%;}
.photoxone > .lst > li > dl {float:none; width:100%; margin-top:15px; margin-left:0;}
.photoxone > .lst > li dd {letter-spacing:-0.04em;}
}




@media all and (max-width:480px){
.live .img li {width:49%; margin-left:2%;}
.live .img li:first-child + li + li {margin-left:0;}
}
 

/* 꼭감 */
.dok .box_st2 p img {max-width:266px;}
.dok .box_st2 dt img {width:80%; max-width:379px;}
.dok .con {float:left; width:63%;}
.dok .con > li {margin-bottom:20px; padding-left:24px; line-height:27px;}
.dok .con > .gok_01 {background:url('/images/sub/ico01.png') no-repeat 0 5px;}
.dok .con > .gok_02 {background:url('/images/sub/ico02.png') no-repeat 1px 3px;}
.dok .con > .gok_03 {background:url('/images/sub/ico03.png') no-repeat 0 4px;}
.dok .con > li > span {display:block; padding-bottom:5px; font-weight:600; font-size:15px;}
.dok .refer li {margin-left:17px;}

.dok .pic {float:right; width:32%; margin-left:5%; font-size:0; line-height:0}
.dok .pic img {width:100%; margin-top:10px;}
.dok .pic img:first-child {margin-top:0;}

@media all and (max-width:768px){
.dok .con {float:none; width:100%;}
.dok .pic {float:none; width:100%; margin-top:40px; margin-left:0;}
.dok .pic img {width:48%; margin-top:0; margin-left:4%;}
.dok .pic img:first-child {margin-left:0;}
}

@media all and (max-width:480px){
}


/* 중앙5味 */
.taste_head {padding:45px 50px; background:url('/images/sub04/taste_bg.jpg') no-repeat center center; background-size:cover; text-align:center;}
.taste_head .img img {width:100%; max-width:430px;}
.taste_head .txt {padding-top:22px; line-height:25px; font-weight:600; font-size:16px; color:#2c2c2c; text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.taste_list {margin-left:-1px;}
.taste_list li {float:left; width:20%; border-top:1px solid #fff; border-left:1px solid #fff; background:#000;}
.taste_list li > a {position:relative; display:block;}
.taste_list li > a > .img {font-size:0; line-height:0;}
.taste_list li > a > .img img {width:100%; opacity:0.8;}
.taste_list li > a > div {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.taste_list li > a > div:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #9ddf50; box-sizing:border-box;}
.taste_list li > a > div > .tit {padding-top:43px; font-size:32px; color:#fff;}
.taste_list li > a > div > .txt {padding:36px 0;color:#fff; line-height:20px; letter-spacing:-0.05em;}
.taste_list li > a > div > .bt {display:block; width:100px; height:33px; margin:0 auto; line-height:33px; color:#fff; letter-spacing:-0.05em; background:#000; text-align:center;}
.taste_list li > a > div > .bt span {display:inline-block; height:33px; padding-left:20px; background:url('/images/sub04/ico_mov.png') no-repeat 0 center;}
.taste_list li > a:hover div:before {display:block;}
.taste_list li > a:hover > .img img {opacity:0.4;}
.taste_pop {background:#000;}

@media all and (min-width:769px){
.taste_head {height:290px;}
}

@media all and (max-width:1024px){
.taste_list li > a > div > .tit {padding-top:38px; font-size:28px;}
.taste_list li > a > div > .txt {padding:31px 0;}
}

@media all and (max-width:768px){
.taste_list li {width:33.333%;}
.taste_list li.list04 {margin-left:16.667%;}
.taste_list li > a > div > .tit {padding-top:30px; font-size:22px;}
.taste_list li > a > div > .txt {padding:21px 0; font-size:13px;}
}

@media all and (max-width:480px){
.taste_head .txt {padding-top:12px; font-size:14px;}
.taste_head {padding:20px;}
.taste_list li > a > div > .tit {padding-top:25px; font-size:20px;}
.taste_list li > a > div > .txt {padding:11px 0; font-size:12px; letter-spacing:-0.06em;}
.taste_list li > a > div > .bt {width:90%;}
}