@charset "UTF-8";

/* <공통> 컨텐츠 구분 */
.list_area{margin-top: 59px; position: relative;}
.list_area:first-child{margin-top: 0;}

.sub_tit{font-size: 35px;line-height: 1;font-weight: 600;color: #232221;margin-bottom: 14px;position: relative; padding-top: 15px; }
.sub_tit:before
{
  position: absolute;
    content: "";
    display: inline-block;
    width: 62px;
    height: 3px;
    background: #fcaf17;
    top: 0;
    left: 0;
}

/* 일반문단 */
.cont_p > p{ color: #5c5c5c; line-height: 1.6; font-size: 24px; letter-spacing: -0.05em;}
.cont_p > p + p{margin-top: 5px;}
.cont_p + .cont_p{margin: 20px 0 25px; }

/* ★★공통 블릿★★ */
/* 1.동그라미 숫자 */
.round_blt{margin-top: 10px;}
.round_blt > li{padding-left: 21px;text-indent: -21px;margin-top: 10px;}
.round_blt > li:first-child{margin-top: 0;}

/* 2.숫자 */
.num_blt{margin-top: 10px;}
.num_blt > li{padding-left: 17px;text-indent: -17px;margin-top: 6px;}
.num_blt > li:first-child{margin-top: 0;}

/* 이용약관 */
.rule_wrap{margin-top: 40px;}
.rule_area{margin-top: 40px;}
.rule_area:first-child{margin-top: 0;}
.rule_case{margin-top: 25px;}
.ru_tit + .rule_case{margin-top: 0;}

.ru_tit{font-weight: 600;font-size: 1.375em;margin-bottom: 15px;line-height: 1;}
.ru_sub_tit{font-weight: 500; font-size: 1.063em;}
.ru_sub_tit + .cont_p{margin-top: 10px;}


/* 사이트맵 */
.sitemap_wrap .list_blt > li{padding-left: 6px;margin-top: 6px;position: relative;}
.sitemap_wrap .list_blt > li:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    background: #4e4e4e;
    width: 2px;
    height: 2px;
    }

.sitemap_area{ overflow: hidden; margin-top: 30px;}
.sitemap_area:first-child{margin-top: 0;}
.sitemap_area > div{float: left;width:23.5%;margin-right:2%;}
.sitemap_area > div:nth-child(4n){margin-right: 0;}
.sitemap_area > div:nth-child(5){clear: both; content: ""; display: block; margin-top: 30px;}
.sitemap_area > div:nth-child(6){margin-top: 30px;}
.sitemap_area > div:nth-child(7){margin-top: 30px;}

.sitemap_area p{position: relative;font-size: 1.375em;color: #000; text-align: center;padding: 10px; 
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
}

.sitemap_area > div:nth-child(odd) p{border-color: #f6ac27;}
.sitemap_area > div:nth-child(even) p{border-color: #992d20;}

.site_list{margin-top: 19px; padding: 0 4%;}
.site_list > li{margin-top: 16px;}
.site_list > li:first-child{margin-top: 0px;}
.site_list > li > a{font-size: 1.063em; font-weight: 500; color: #1f1f1f;}
.site_list a > img{margin-left: 6px;
  vertical-align: middle;
  margin-bottom: 2px;
}

/* 잔치상자_소개 */
.sub_btm_doc.type02{max-width: 1085px;}
.sub_btm_doc.type03{max-width: 1270px;}

.party_wrap{}
.party_area2{text-align: center;}
.party_area{display: table; table-layout: fixed; width: 100%; }
.party_area.typeF{display: block;}
.party_area.typeF > div{display: block;}
.party_area.typeF > div:first-child{padding-right: 0;}
.party_area.typeF > div:last-child{padding-left: 0;}

.party_area.typeF .party_doc{display: flex; table-layout: initial; justify-content: space-between;}
.party_area.typeF .party_doc > div{display: block; margin-right: 2.7%;}
.party_area.typeF .party_doc > div:nth-child(4n){margin-right: 0;}


.party_area .party_title{text-align: center; margin-bottom: 80px;}
.party_area .party_title > strong{font-size: 28px; color: #f8a835; letter-spacing: -0.05em; line-height: 1.4; display: block; margin-bottom: 21px;}
.party_area .party_title > p{color: #5c5c5c; font-size: 20px; letter-spacing: -0.05em; line-height: 1.7;}
/* .party_area .party_title > p:nth-of-type(1){margin-top: 0;} */

.party_area + .party_area{margin-top: 105px;}
.party_area > div{display: table-cell; vertical-align: top;}
.party_area > div  a{ display: block; position: relative;}
.party_area > div  a:before{
  content: '';
    display: block;
    border: 1px solid #222;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.party_area > div  a:hover:before, .party_area > div > a:focus:before{
  content: '';
    display: block;
    border: 4px solid #f8a835;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    left: 0;
    top: 0;
}
.party_area > div  a img{border-radius: 10px;}

.party_area > div > span{ display: block; position: relative;}
.party_area > div > span:before{content: '';
  display: block;
  border: 1px solid #f8a835;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;}
.party_area > div > span img{ border-radius: 10px;}
.party_area > div:first-child{padding-right: 20px;}
.party_area > div:last-child{padding-left: 20px;}
.party_area > div > strong{font-size: 28px; color: #222; letter-spacing: -0.05em; font-weight: 600; 
display: block; line-height: 1; margin-bottom: 22px;}
.party_area > div > p{color: #5c5c5c; font-size: 20px;letter-spacing: -0.05em;  line-height: 1.7; word-break: keep-all;}
.party_box{
  /* display: flex; justify-content: space-between;  */
  margin-top: 14px;}
.party_box span{font-size: 20px; display: inline-block; color: #5c5c5c; letter-spacing: -0.05em;}
.party_box span strong{font-weight: 600;}
.party_box p{margin-top: 5px; word-break: keep-all; max-width: 314px; font-size: 20px; color: #5c5c5c; letter-spacing: -0.05em;}
.party_box a{
  display: inline-block;
  background: #fcaf17;
  width: 141px;
  height: 24px;
  line-height: 22px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
}

.party_list{margin-top: 64px;}
.party_list.list3{margin-top: 100px;}
.party_list > strong{display: block; text-align: center; color: #222222; font-size: 24px; letter-spacing: -0.05em; line-height: 1.6; margin-bottom: 57px; max-width: 540px; margin: 0 auto 57px;}

.party_mid{text-align: center; margin-bottom: 46px;}
.party_list .party_mid p{text-align: center; color: #222222; font-size: 28px; letter-spacing: -0.05em; line-height: 1.6; margin-bottom: 20px; font-weight: 600;}
.party_list .party_mid span{font-size: 20px; letter-spacing: -0.05em; color: #5c5c5c; display: inline-block; word-break: keep-all;}
.party_list .party_mid span + span{margin-top: 50px;}
.party_list.list3 .party_mid span{line-height: 2;}

.party_list > strong.type590{max-width: 590px;}
.party_list ul{display: flex;flex-wrap: wrap;}
.party_list ul + ul{margin-top: 32px;}
.party_list ul li {width: 14.286%; margin-right: 2.85%; margin-top: 32px;} 
.party_list ul li:nth-child(6n){margin-right: 0;}
.party_list ul li:nth-child(-n+6){margin-top: 0;}
.party_list ul li .btn_au{position: relative;border-radius: 10px;display: block;padding-top: 72.9%;} 
.party_list ul li .btn_au:before{
  content: '';
  display: block;
  border: 1px solid #f8a835;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 1;
}
.party_list ul li a{position: relative;border-radius: 10px;display: block;padding-top: 100%;} 
.party_list ul li a:before{
  content: '';
  display: block;
  border: 1px solid #f8a835;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 1;
}
.party_list ul li a:hover:before{
  content: '';
    display: block;
    border: 4px solid #f8a835;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    left: 0;
    top: 0;
}
.party_list ul li .btn_au:hover:before{
  content: '';
    display: block;
    border: 4px solid #f8a835;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    left: 0;
    top: 0;
}
.party_list ul li a img {
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: absolute; 
    /* width: 100%; */
    /* height: 100%; */
    top: 50%;
    left: 50%; 
    /* width: 100%; */
    /* height: 100%; */
    transform: translate(-50%, -50%);
}
.party_list ul li .btn_au audio{
  width: calc(100% - 20px);
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
}
.party_list.list3 ul li div.btn_au span{
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 30px;
  border: 1px solid #f8a835;
  padding: 5px 15px;
  background: #f8a835;
  color: #fff;
}
.party_list ul li .btn_au img{border-radius: 10px;margin: 0 auto;text-align: center;display: block;position: absolute;/* width: 100%; *//* height: 100%; */top: 50%;left: 50%;/* width: 100%; *//* height: 100%; */transform: translate(-50%, -50%); padding: 0 5px;}
.party_list ul li div span{color: #222; letter-spacing: -0.05em; display: inline-block; margin-top: 7px;}
.party_list.list3 ul li a{padding-top: 72.9%;}
.party_list.list3 ul li a:after{
  content: '';
  display: block;
  background: url(/_static/kcultureBox/img/sub/sori_btn.png)no-repeat center center;
  width: 80px; height: 80px;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.party_list.list3 ul li .btn_au:after{
  content: '';
  display: block;
  background: url(/_static/kcultureBox/img/sub/sori_btn.png)no-repeat center center;
  width: 80px; height: 80px;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: none;
}

.party_list.list3.not ul li a:after{display: none;}

.party_list.list2 ul li {width: 22.86%;margin-right: 2.85%;margin-top: 32px;position: relative;} 

.party_list.list2.sogae_box8 ul li:before{
  content: '';
    display: block;
    border: 1px solid #888888;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.party_list.list2.sogae_box8 ul li:nth-child(even):before{
  border-color: #f8a835;
}
.party_list.list2 ul li:nth-child(6n){margin-right: 2.85%;}
.party_list.list2 ul li:nth-child(-n+6){margin-top: 32px;}
.party_list.list2 ul li:nth-child(4n){margin-right: 0%;}
.party_list.list2 ul li:nth-child(-n+4){margin-top: 0px;}
.party_list.list2 ul li div span{font-size: 20px; margin-top: 15px; color: #5c5c5c;}

.party_list.list3 ul li {width: 31.43%;margin-right: 2.85%;margin-top: 32px;} 
.party_list.list3 ul li:nth-child(6n){margin-right: 2.85%;}
.party_list.list3 ul li:nth-child(-n+6){margin-top: 32px;}
/* .party_list.list3 ul li:nth-child(4n){margin-right: 0%;}
.party_list.list3 ul li:nth-child(-n+4){margin-top: 0px;} */
.party_list.list3 ul li:nth-child(3n){margin-right: 0%;}
.party_list.list3 ul li:nth-child(-n+3){margin-top: 0px;}
.party_list.list3 ul li div span{font-size: 20px;margin-top: 17px;color: #5c5c5c;font-weight: 500;}
.party_list.list3 ul li div > p{
  color: #5c5c5c;
  font-size: 20px;
  margin-top: 6px;
  word-break: keep-all;
}

/* 한식담은상자 */
.party_banner{margin-top: 70px;}
.pb_box0{display: table; table-layout: fixed; width: 100%;}  
.pb_box0 > div{display: table-cell;}
.pb_box0 > div:first-child{padding-right: 1.42%;}
.pb_box0 > div:last-child{padding-left: 1.42%; }
.pb_bL{ background-color: #c5bcb7; position: relative; }
.pb_bL:before{
  content: "";
  display: block;
  background: url(/_static/kcultureBox/img/sub/pb111_bg.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  width: 166px;
  height: 100%;
}
.pb_bR{background-color: #dac79d; position: relative;}
.pb_bR:before{
  content: "";
  display: block;
  background: url(/_static/kcultureBox/img/sub/pb2_bg.png) no-repeat;
  position: absolute;
  right:0;
  top: 0;
  bottom: auto;
  width: 320px;
  height: 100%;
  /* background-size: cover; */
  /* background-size: 100%; */
}


.pb_box0 .pb_bL a{padding-left: 205px;}
.pb_box0 .pb_bR a{padding-right: 320px;}
.pb_box0 > div a{padding: 4.4%; display: block;}
.pb_box0 > div a strong{font-size: 28px;color: #222;letter-spacing: -0.05em;font-weight: 600;display: block;line-height: 1;margin-bottom: 14px;}
.pb_box0 > div a span{color: #fff; font-size: 20px;letter-spacing: -0.05em; display: block; word-break: keep-all;}
.pb_box0 > div a span + span{margin-top: 5px;}
.pb_box0 > div a em{display: inline-block;
  margin-top: 6%;
  margin-top: 27px;
  font-size: 15px;letter-spacing: -0.05em;color: #252525;font-weight: 600;position: relative;padding-right: 33px;}
.pb_box0 > div a em:before{
  top: auto;
  right: 0;
  bottom: 3px;
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 6px;
  background: url(/_static/kcultureBox/img/sub/pb_arrow.png) no-repeat;
}
/* .party_banner{
  position: relative;
  background-color: #c5bcb7;
  margin-top: 79px;
}
.party_banner:before{
  content: "";
  display: block;
  background: url(/_static/kcultureBox/img/sub/pb01_bg.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  width: 222px;
  height: 157px;
  background-size: 100%;
}
.party_banner:after{
  content: "";
  display: block;
  background: url(/_static/kcultureBox/img/sub/pb02_bg.png) no-repeat;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 223px;
  height: 146px;
  background-size: 100%;
}
.party_banner a{letter-spacing: -0.05em;display: block;padding: 27px 21%;}
.party_banner a strong{color: #222222;font-size: 28px;display: inline-block;line-height: 1;margin-bottom: 14px;}
.party_banner a span:first-child{margin-top: 0;}
.party_banner a span{display: block;color: #ffffff;font-size: 20px;margin-top: 5px;}
.party_banner a em{display: inline-block;padding: 5px 67px;color: #222222;background-color: #fff;border: 3px solid #f8a835;border-radius: 50px;position: absolute;right: 272px;top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 28px;font-weight: 600;letter-spacing: -0.05em;box-shadow: 4px 4px 8px -3px #222;z-index: 1;}  */

/* 카카오 지도 */
.map .root_daum_roughmap_landing {
  width: 100%;
}


/* 230403 한식문화상자 */
.hankik_tit{text-align: center; margin-top: 47px; margin-bottom: 33px;}
.hankik_tit p{font-size: 46px; color: #000000; letter-spacing: -0.05em; font-weight: 600;}

.hansik_list{margin-top: 100px;}
.hansik_img{text-align: center;}
.han_con.type01{margin-top: -70px; float: right;}
.han_con.type02{margin-top: -120px; }

.hansik_cul2{position: relative; margin-top: 150px;}
.hansik_cul2:before{
  content: ""; display: block; width: 100%;
  height: 734px; 
  background: url(/_static/kcultureBox/img/sub/hansik_bg.png)no-repeat;
  position: absolute;
}

.han_ani1{text-align: center; margin-top: 110px;}
.han_ani1 > div{display: inline-block; position: relative;}
.han_ani1 > div:after{
  content: "";
  display: block;
  width: 54px;
  height: 180px;
  background: url(/_static/kcultureBox/img/main/slide_img_top_etc.png)no-repeat;
  position: absolute;
  transform-origin: center -20px;
  animation: swing2 ease-in-out 1s infinite alternate;
  top: 117px;
  left: -1px;
}

.han_ani2{text-align: center; padding-top: 72px;}
.han_ani2 > div{display: inline-block; position: relative;}
.han_ani2 > div:after{
  content: "";
    display: block;
    width: 60px;
    height: 245px;
    background: url(/_static/kcultureBox/img/main/slide_img_top_etc2.png)no-repeat;
    position: absolute;
    transform-origin: center -20px;
    animation: swing2 ease-in-out 1s infinite alternate;
    top: 175px;
    left: -11px;
}

.hansik_table{display: table; table-layout: fixed; width: 100%;}
.hansik_table > div{display: table-cell; vertical-align: middle;}
.hansik_table > div:first-child{padding-left: 4.2%;width: 45.143%;}
.hansik_table > div:last-child{padding-left: 84px;padding-left: 6%;}

.han_mini{display: flex; margin-top: 36px;}
.han_mini > div{margin-left: 17px;}
.han_mini > div:first-child{margin-left: 0px;}


.tab_info{
  display: flex;
  justify-content: center;
}
.tab_info > div{
  position: relative;
}
.tab_info > div:before{
content: '';
display: block;
background: #fcaf17;
position: absolute;
right: 0;
top: 50%;
height: 25px;
width: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 3px;
}
.tab_info > div:first-child{}
.tab_info > div:last-child:before{
  display: none;
}
.tab_info > div{
    display: block;
    font-size: 1.75em;
    font-weight: 500;
    text-align: center;
    color: #000000;
    line-height: 1;
    padding: 0 18px;
    letter-spacing: -0.05em;
}

.han_box{display: flex; justify-content: center;}
.han_box + .han_box{margin-top: 142px;}
.han_box > .han_area{display: table;table-layout: fixed;width: 100%;}
.han_box > .han_area:first-child{padding-right: 1.4%;}
.han_box > .han_area:last-child{padding-left: 1.4%;}
/* .han_box > div > div > div:first-child{flex: none;}
.han_box > div > div > div:last-child{    display: flex;
  flex-wrap: wrap;
  align-content: space-around;
} */
.han_box > .han_area > .han_cont{display: table-cell;vertical-align: top;}
.han_box > .han_area > .han_cont:first-child{
  width: 47.325%;
}
.han_box > .han_area > .han_cont:last-child{
  position: relative;
  /* width: 357px; */
  padding-left: 5.8%;
}
.han_box > .han_area > .han_cont:last-child > .han_btm{
  position: absolute;
  left: 10.9%;
  bottom: 0;
}

.han_btm > div{display: flex;}
.han_btm > div span{margin-left: 9px;}
.han_btm > div span:first-child{margin-left: 0;}



.han_cont strong{font-size:35px;color: #232221;letter-spacing: -0.05em;line-height: 1;}
.han_cont strong span{color: #fcaf17; font-family: 'nsr'; padding-right: 14px;}
.han_cont p{color: #5c5c5c;font-size: 22px;letter-spacing: -0.05em;/* line-height: 1; */ padding-top: 23px;}





/*팝업*/

.modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.fade.in {
  opacity: 1;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  max-width: 795px;
  margin: 30px auto;
  /* border: 1px solid orange; */
}
.modal-dialog.type02{
  max-width: 1024px;
}

.popupWrap{
  background-color: transparent;
  box-shadow: 3.6px 3.6px 10px rgb(0 0 0 / 47%);
}
.modal.fade .modal-dialog{
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  -o-transform: translate(0,-25%);
  transform: translate(0,-25%);
}
.modal.fade .modal-dialog{
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

.popupWrap h2{
  color: #222;
  /* height: 60px; */
  /* line-height: 60px; */
  background-color: #fff;
  text-align: center;
  border-radius: 6px 6px 0px 0px;
  font-weight: 600;
  font-size: 28px;
  border: 2px solid #f8a835;
  border-bottom: 0;
  letter-spacing: -0.05em;
  padding: 35px 50px 10px;
}
.popupWrap .popupContents.scroll{
  height: 550px;
  overflow-y: auto;
}
.popupWrap .popupContents.scroll.typeShot{
  height: 350px;
}
.popupWrap .popupContents {
  padding: 0px 31px 30px;
  background: #fff;
  border-radius: 0px 0px 6px 6px;
  border: 2px solid #f8a835;
  border-top: 0;
}

.popupWrap .popup_cont{
  border-top: 1px solid #f8a835;
  padding-top: 20px;
}
.pop_img2{display: flex;justify-content: center; align-items: center;}
.pop_img2 > div+div{margin-left: 9px;}

.pop_img{
  position: relative;
  width: 100%;
  padding-top: 66%;
  border: 1px solid #ddd;
}
.pop_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.dim_layer .dimBg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
}
.popup .pop_exit{
  position: absolute;
  right: 20px;
  top: 20px;
}
.popup .pop_exit a{
  display: block;
    width: 25px;
    height: 25px;
    background: url(/_static/kcultureBox/img/sub/pop_close.png) no-repeat center;
}
.popup_cont > p{
  margin-top: 20px;
  color: #5c5c5c;
  /* text-align: center; */
  border-top: 1px solid #f8a835;
  padding: 20px;
  letter-spacing: -0.05em;
  line-height: 1.5;
}
.popup_cont > p strong{display: block;}
.popup_cont > p strong + span{margin-top: 5px; display: inline-block;}

.pop_slide .slick-dots{
  position: absolute;
  bottom: -44px;
  left: 50%;
  display: inline-block !important;
  width: auto;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  height: 18px;
}
.pop_slide .slick-dots li button{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ccc;
  padding: 0;
}
.pop_slide .slick-dots li.slick-active {
  width: 18px;
  height: 18px;
}
.pop_slide li.slick-active button {
  background: #191a1c;
  border-color: #191a1c;
  width: 18px;
  height: 18px;
}
.pop_slide .slick-dots li button:before{display: none;}


.pop_tableTit{}
.pop_list{margin-top: 20px;}
.pop_listTit{}

/* 애니메이션효과★ */
@keyframes swing2 {
  0% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
 }
 @-webkit-keyframes swing2 {
  0% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
 }

 /* 0414레시피 */
 .recipe_area{display: table; table-layout: fixed; width: 100%;}
 .recipe_area > div{display: table-cell; vertical-align: top; }
 .recipe_area > div:first-child{padding-right: 20px;}
 .recipe_area > div:last-child{padding-left: 20px;}
 .recipe_area > div > div{
  /* border: 1px solid; */
  
}

 .reci_vod > .vod_area{    position: relative;
  width: 100%;
  padding-top: 56.388%;
  margin: 0 auto;
  overflow: hidden;}
 .reci_vod > .vod_area > video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }


 .reci_txt{
  background-color: #f1f1f1;
  padding: 5.4% 40px;
  overflow-y: auto;
  max-height: 384px;
  min-height: 384px;
  /* padding-bottom: 15%; */
 }
 .reci_txt::-webkit-scrollbar {width: 12px; height: 12px;border: 3px solid #f1f1f1; }
 .reci_txt::-webkit-scrollbar-track {background: #f9f9f9; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(64, 64, 64, 0.3)}
 .reci_txt::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(134, 134, 134, 0.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

 .reci_txt > div:first-child{margin-top: 0;}
 .reci_txt > div{margin-top: 27px;}
 .reci_txt > div strong{color: #222222;letter-spacing: -0.05em;font-weight: 500;display: block;margin-bottom: 5px;font-size: 1.125em;}
 .reci_txt > div ul li:first-child{margin-top: 0;}
 .reci_txt > div ul li{
  letter-spacing: -0.05em;
  color: #222222;
  font-size: 14px;
  margin-top: 5px;
  padding-left: 13px;
  text-indent: -13px;
  word-break: keep-all;
}

 .recipe_wrap .raw_area{margin-top: 30px;}
 .recipe_wrap .raw_area strong{font-size: 1.125em;}
 .recipe_wrap .raw_area ul{display: flex; margin: 20px 0 0; flex-wrap: wrap;}
 .recipe_wrap .raw_area ul li{margin-right: 2.77%; width: 7.5%; margin-top: 30px;}
 .recipe_wrap .raw_area ul li:nth-child(10n){margin-right: 0;}
 .recipe_wrap .raw_area ul li:nth-child(-n+10){margin-top: 0;}
 .recipe_wrap .raw_area ul li > span{display: block; max-width: 130px; text-align: center; margin-top: 10px;}

 /* 레시피 슬라이드 탭 */
.board_top_area2{
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
  padding: 19px 54px;
  /* padding: 18px 35px; */
  border: 1px solid #7d7d7d;
  border-width: 1px 0;
}
/* .board_top_area2 .owl-carousel .owl-stage-outer .owl-stage{margin: 0 -19px;} */
/* .board_top_area2 .list_slide2{padding-left: 0; margin: 0 -19px;} */
/* .board_top_area2 .list_slide2 .owl-stage-outer{margin: 0  -19px;} */
.board_top_area2 .list_slide2  div.owl_list_top{
  margin: 0 19px;
}
.board_top_area2 .list_slide2 > div a{
    display: block;
    /* color: #222222; */
    /* border: 1px solid #d9d9d9; */
    /* margin: 0px 19px ; */
    }
.board_top_area2 .list_slide2 > div a.on{position: relative;}
.board_top_area2 .list_slide2 > div a.on:before{
      content: '';
    display: block;
    border: 3px solid #f8a835;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.board_top_area2 .list_slide2 > div a img{border-radius: 10px;}
.board_top_area2 .list_slide2 > div span{
  color: #222222; letter-spacing: -0.05em; 
  display: block; text-align: center; margin-top: 8px;
}

.board_top_area2 .list_slide2 .owl-nav{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.board_top_area2 .list_slide2 .owl-nav .owl-prev{
    position: absolute;
    top: 42%;
    left: -44px;
    background: url(/_static/kcultureBox/img/sub/reci_prev_arrow.png);
    width: 30px;
    height: 54px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
}
.board_top_area2 .list_slide2 .owl-nav .owl-next{
    position: absolute;
    top: 42%;
    right: -44px;
    background: url(/_static/kcultureBox/img/sub/reci_next_arrow.png);
    width: 30px;
    height: 54px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
}

.owl-nav span{
    display: block;
    position: absolute;
    left: -9999px;
    text-indent: 9999px;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}
 
/* ci */
.ci_two{display: none;}
.ci_three{display: none;}

/* 소개담은상자 */
.sogae_mb82{margin-bottom: 82px;}
.sogae_mt82{margin-top: 82px;}
.sogae_mt45{margin-top: 45px;}

.sogae_wrap{text-align: center;}
.sogae_wrap > div{margin-top: 147px;}
.sogae_wrap > div:first-child{margin-top: 0;}
.sogae_wrap div strong{display: block; font-size: 35px; color: #232221; font-weight: 600; margin-bottom: 32px; line-height: 1;}
.sogae_wrap div p{color: #5c5c5c; font-size: 24px; margin-top: 12px;}
.sogae_wrap div span{color: #5c5c5c; font-size: 20px; margin-top: 9px; text-align: left; display: block;}
.sogae_wrap div p:first-child{margin-top: 0;}

.sogae_box8 ul{align-items: flex-start;}
.sogae_box8 em{
  display: block;
  padding: 6.2% 18px;
  background: #f8a835;
  color: #fff;
  text-align: left;
  border-radius: 10px 10px 0 0;
  font-size: 35px;
  max-height: 85px;
  position: absolute;
  top: 0;
  width: 100%;
  }
.sogae_box8 img{border-radius: 10px}
.sogae_box8 ul li:nth-child(even) img{border-radius: 0 0 10px 10px;margin-top: 26.56%;}

.sogae_box3{display: flex; flex-wrap: wrap; justify-content: center;}
.sogae_box3 > div{width: 31.4%; margin-right: 2.85%; margin-top: 39px; position: relative;}
.sogae_box3 > div:before{
    content: '';
    display: block;
    border: 1px solid #f8a835;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.sogae_box3.box04 > div:before{display: none;}
.sogae_box3.box04 > div > div{position: relative;}
.sogae_box3.box04 > div > div:before{
  content: '';
    display: block;
    border: 1px solid #888;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}


.sogae_box3 > div img{border-radius: 10px;}
.sogae_box3 > div:nth-child(3n){margin-right: 0;}
.sogae_box3 > div:nth-child(-n+3){margin-top: 0;}

/* 재미담은상자 */
.jaemi_wrap {text-align: center;}
.jaemi_wrap > div + div{margin-top: 200px;}
.jaemi_wrap > div + div + div{margin-top: 150px;}
.jaemi_wrap strong{font-size: 28px; color: #222; font-weight: 600; display: block; margin-bottom: 60px;}
.jaemi_wrap .party_list.list3 ul li a:after{
  background: url(/_static/kcultureBox/img/sub/jaemi_icon.png)no-repeat center center;
  width: 29px;
  height: 29px;
  transform: translate(0);
  -webkit-transform: translate(0);
  left: auto;
  top: auto;
  bottom: 13px;
  right: 13px;
}

.jaemi_list ul{
  display: flex;
  flex-wrap: wrap;
}
.jaemi_list ul li:nth-child(-n+8){margin-top: 0;}
.jaemi_list ul li:nth-child(8n){margin-right: 0;}
.jaemi_list ul li{
  margin-right: 3.42%;
    width: 9.5%;
    margin-top: 30px;
}
.jaemi_list ul li span{
  display: block;
  /* max-width: 133px; */
  text-align: center;
  margin-top: 10px;
  font-weight: 300;
  color: #222222;
  font-size: 0;
  height: 21px;
}
.jaemi_list ul li a:hover + span, .jaemi_list ul li a:focus + span{font-size:initial;}

.jaemi_list ul li a{position: relative; display: inline-block; cursor: auto;}
.jaemi_list ul li a:hover:before , .jaemi_list ul li a:focus:before{
  content: '';
    display: block;
    border: 1px solid #f8a835;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    border-radius: 50%;
}

/* 통합검색0420 */
.search_list{position: relative; margin-top: 50px;}
/* .search_list:first-child{margin-top: 0;} */
.skin2.full{
    padding: 0px 0 44px;
    text-align: center;
    }
.skin2.full .sch_bar{margin: 0 auto; float: none;}
.skin2.full .sch_input{width:662px; float: none; vertical-align: middle; padding-left: 2px;
    border: 0 ; border-bottom: 3px solid #1b1b1b; font-size: 20px;
}
.skin2.full .sch_input::placeholder{font-size: 20px; color: #8F8F8F;}
.skin2.full.slt2 .sch_bar{max-width: 720px;}
.skin2.full .sch_btn{float: none; vertical-align: middle;}
.totalSear_box{position: relative; display: inline-block;}
.sear_a{
    position: absolute;
    right: 3px;
    top: 5px;
    left: auto;
    font-size: 0;
    width: 26px;
    height: 26px;
    display: block;
    background: url(/_static/kmtf/img/common/total_search.png) no-repeat;
}

.skin2.full .sear_keyword{font-size: 25px; color: #3d3d3d; margin-top: 47px;line-height: 1;}
.skin2.full .sear_keyword strong{color: #007cbc; display: inline-block; padding: 0 5px; }
.skin2.full .sear_keyword span{color: #007cbc; display: inline-block; padding: 0 5px; font-size: 500;}



.list_tit{margin-bottom: 12px;position: relative;}
.list_tit > span{display: inline-block;font-weight: 600;font-size: 1.375em;position: relative;color: #141414;line-height: 1;}
.list_tit > span:before { content: ''; display: none; position: absolute; top: 0; left: 0; background:#1464c8; width: 26px; height: 3px;}

.list_tit > span > .num{color: #f8a835;font-weight: 500;}

.board_con{
    /* border-bottom: 1px solid #dedede; */
    padding: 30px 0px;
    border-top: 2px solid #666666;
}
.search_area{margin-top: 20px;padding-top: 20px;border-top: 1px solid #dedede;}
.search_area:first-child{margin-top: 0; border: 0; padding: 0;}
.search_tit{margin-bottom: 8px;}
.search_tit a{display: block;font-weight: 500;font-size: 1.250em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;color: #000;}
.search_doc{}
.search_doc div{color: #000;font-weight: 300;}
.search_doc div.info:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
}
/* .search_doc .date:last-child{margin-top: 12px;color: #9c9a9a;letter-spacing: -0.01em;} */

.btn_plus{
    position: absolute;
    top: 4px;
    right: 0;
    /* border: 1px solid #e2e2e2; */
    padding: 3px 4px 3px 24px;
    }
   .btn_plus span{color: #f8a835;font-size: 0.875em;font-weight: 300;display: inline-block;vertical-align: middle;/* margin-bottom: 2px; */position: relative;padding-right: 37px;}
   .btn_plus span:before{
    content: "";
    display: block;
    position: absolute;
    background: url(/_static/kcultureBox/img/sub/pb_arrow.png) no-repeat;
    width: 23px;
    height: 6px;
    right: 0;
    top: auto;
    bottom: 3px;
   }

   /*개인정보처리방침*/
  .box{
    padding: 35px;
    margin-bottom: 30px;
    border: 1px solid #dfe2eb;
    word-break: keep-all;
    background: #f7f7f7;
    line-height: 1.75em;
    font-size: 1.125em;
  }
  .cont_box{margin-top: 15px;}
  .cont_box.only > p{padding-left: 0;}
  .cont_box:first-child{margin-top: 0;}  
  .cont_box .cont_tit{position: relative; color: #393939; font-size: 1.125em; font-weight: 500; margin-bottom: 5px;}
  .cont_box > p{color: #393939; line-height: 1.75; font-weight: 300; padding-left: 25px;}
  .privacy_area .cont_box p .a_link{ color: #6e64f0; font-weight: 500;}
  .privacy_box{
    background: #f6f6f6;
    border: 1px solid #d8d8d8;
    padding: 10px;
    color: #4b4b4b;
  }
  .cont_box > p .open_img img{vertical-align: middle;}


@media all and (max-width:1400px){
   /* 한식담은상자 */
   .pb_box0 > div a{min-height: 249px;}
}
@media all and (max-width:1300px){
/* 0414레시피 */
.reci_txt{
  max-height: 348px;
  min-height: auto;
  /* padding-bottom: 15%; */
 }
}
@media all and (max-width:1200px){
/* 0414레시피 */
.reci_txt{
  /* padding: 50px 44px; */
  max-height: 327px;
  /* padding-bottom: 15%; */
 }
.recipe_area > div:first-child{padding-right: 10px;}
.recipe_area > div:last-child{padding-left: 10px;}
 
  
/* 230403 한식문화상자 */
.han_con.type01{margin-top: 20px; }
.han_con.type02{margin-top: 20px; }

.han_cont strong{font-size: 31px;}
.han_cont p{font-size: 21px; word-break: keep-all;}
.han_cont p br{display: none;}

}

@media all and (max-width:1024px){
  /* 한식담은상자 */
  .pb_box0 > div{display: block;}
  .pb_box0 > div a{min-height: auto;}
  .pb_box0 > div:first-child{padding-right: 0;}
  .pb_box0 > div:last-child{padding-left: 0; margin-top: 25px;}

  /* 0414레시피 */
  .recipe_area > div{display: block; padding: 0 10px;}
  .recipe_area > div:first-child{}
  .recipe_area > div:last-child{ margin-top: 20px;}
  .reci_txt{padding: 30px; max-height: 300px;}

  /* .recipe_wrap .raw_area{margin-top: 30px;} */
 .recipe_wrap .raw_area ul{
  /* justify-content: center; */
    text-align: center;
 }
 .recipe_wrap .raw_area ul li{margin-right: 2.77%; width: 17.7%; margin-top: 28px;}
 .recipe_wrap .raw_area ul li:nth-child(10n){margin-right: 2.77%;}
 .recipe_wrap .raw_area ul li:nth-child(-n+10){margin-top: 28px;}
 .recipe_wrap .raw_area ul li:nth-child(5n){margin-right: 0;}
 .recipe_wrap .raw_area ul li:nth-child(-n+5){margin-top: 0;}
 .recipe_wrap .raw_area ul li > span{ margin-top: 8px; max-width: initial; font-size: 15px;}

  /* 230403 한식문화상자 */
  .hansik_table > div{display: block;}
  .hansik_table > div:last-child{padding-left: 0;}
  .hansik_table > div:first-child{padding-left: 0; width: auto;}

  .han_btm span img{width: 90px;}
  .han_box > .han_area > .han_cont:last-child{padding-left: 4%;}
  .han_box > .han_area > .han_cont:last-child > .han_btm{left: 8.9%;}
  .han_cont strong{font-size: 28px;}
  .han_cont p{font-size: 18px; }
  .han_box > .han_area:first-child{padding-right: 1%;}
  .han_box > .han_area:last-child{padding-left: 1%;}
  .han_cont strong span{padding-right: 10px;}


}

@media all and (max-width:860px){
  /* <공통> 컨텐츠 구분 */
  .list_area{margin-top: 49px; position: relative;}
  .sub_tit{font-size: 28px; }
  /* 일반문단 */
  .cont_p > p{line-height: 1.4; font-size: 18px; }
  .cont_p > p + p{margin-top: 4px;}
  .cont_p + .cont_p{margin: 15px 0 20px; }

  /*개인정보처리방침*/
  .box{padding: 15px; font-size: 1em;}
  .cont_box .cont_tit{font-size: 1em;}
  .cont_box > p{font-size: 0.938em; padding-left: 15px;}

  /* 한식담은상자 */
  .pb_box0 > div a{padding: 3.4%;}
  .pb_box0 > div a strong{font-size: 20px;}
  .pb_box0 > div a span{font-size: 16px;}
  .pb_box0 > div a em{font-size: 14px;}
  
  /* 통합검색 */
  .skin2.full{padding: 0px 0px 25px;}

  .sch_bar_box.skin2.full .sch_bar{text-align: center;}
  .totalSear_box{display: block;}
  .skin2.full .sear_keyword{margin-top: 27px; font-size: 20px;}
  .skin2.full .sch_input{font-size: 16px; padding-left: 3px;}
  .skin2.full .sch_input::placeholder{font-size: 16px; }


  /* 0414레시피 */
  .recipe_area > div{ padding: 0 0px;}
  .recipe_area > div:first-child{padding-right: 0;}
  .recipe_area > div:last-child{ padding-left: 0;}
  .reci_txt{padding: 20px; }

  /* 소개담은상자 */
  .sogae_mb82{margin-bottom: 52px;}
  .sogae_mt82{margin-top: 52px;}
  .sogae_mt45{margin-top: 30px;}

  .sogae_wrap > div{margin-top: 60px;}
  .sogae_wrap div strong{display: block; font-size: 28px;  margin-bottom: 30px;}
  .sogae_wrap div p{ font-size: 19px; margin-top: 10px;}
  .sogae_wrap div span{font-size: 17px; margin-top: 8px; }

  /* .sogae_box8 ul{align-items: flex-start;} */
  .sogae_box8 em{
    padding: 6.2% 16px;
    font-size: 28px;
    }

  .sogae_box3 > div{width: 48.5%; margin-right: 2.85%; margin-top: 25px; }
  .sogae_box3 > div:nth-child(3n){margin-right: 2.85%;}
  .sogae_box3 > div:nth-child(-n+3){margin-top: 25px;}
  .sogae_box3 > div:nth-child(2n){margin-right: 0%;}
  .sogae_box3 > div:nth-child(-n+2){margin-top: 0px;}

  /* 잔치상자_소개 */
  .party_list{margin-top: 44px;}
  .party_list.list3{margin-top: 60px;}

  .party_area > div:first-child{padding-right: 10px;}
  .party_area > div:last-child{padding-left: 10px;}
  .party_area > div > strong{font-size: 20px; margin-bottom: 17px;}
  .party_area > div > p{font-size: 16px;}

  .party_mid{margin-bottom: 36px;}
  .party_list .party_mid p{font-size: 20px; margin-bottom: 15px; }
  .party_list .party_mid span{font-size: 16px; word-break: keep-all;}

  .party_list .party_mid span + span{margin-top: 30px;}
  .party_list.list3 .party_mid span{line-height: 1.5; }
  .party_list.list3 .party_mid span > br{display: none;}
  .party_list.list3 ul li a:after{
    width: 50px; height: 50px; background-size: 50px;
  }

  .party_area .party_title > strong{font-size: 20px; margin-bottom: 17px; word-break: keep-all;}
  .party_area .party_title > p{font-size: 16px; line-height: 1.5;}
  .party_area + .party_area{margin-top: 55px;}
  .party_area .party_title{margin-bottom: 40px;}

  .party_box span{font-size: 16px;}
  .party_box p{font-size: 16px;}

  /* 재미담은상자 */
  .jaemi_wrap > div + div{margin-top: 60px;}
  .jaemi_wrap > div + div + div{margin-top: 40px;}
  .jaemi_wrap strong{font-size: 20px; margin-bottom: 40px;}
  .jaemi_wrap .party_list.list3 ul li a:after{
    background: url(/_static/kcultureBox/img/sub/jaemi_icon.png)no-repeat center center;
    width: 29px;
    height: 29px;
    transform: translate(0);
    -webkit-transform: translate(0);
    left: auto;
    top: auto;
    bottom: 13px;
    right: 13px;
  }

  .jaemi_list ul li:nth-child(-n+8){margin-top: 28px;}
  .jaemi_list ul li:nth-child(8n){margin-right: 3.42%;}
  .jaemi_list ul li:nth-child(-n+4){margin-top: 0;}
  .jaemi_list ul li:nth-child(4n){margin-right: 0;}
  .jaemi_list ul li{
    margin-right: 3.42%;
      width: 22.4%;
      margin-top: 28px;
  }
  .jaemi_list ul li span{
    margin-top: 8px;
    font-size: 15px;
  }

    /* ci */
    .ci_one{display: none;}
    .ci_two{display: block;}
    .ci_three{display: none;}

    /* 잔치상자_소개 */
    .party_list{margin-top: 34px;}
    .party_list > strong{font-size: 20px; line-height: 1.5; margin-bottom: 37px;}
    .party_list ul + ul{margin-top: 22px;}
    .party_list ul{display: flex; flex-wrap: wrap;}
    .party_list ul li {width: 22.86%; margin-right: 2.85%; margin-top: 22px;} 
    .party_list ul li:nth-child(6n){margin-right: 2.85%;}
    .party_list ul li:nth-child(-n+6){margin-top: 22px;}
    .party_list ul li:nth-child(4n){margin-right: 0%;}
    .party_list ul li:nth-child(-n+4){margin-top: 0px;}
    .party_list ul li div span{font-size: 15px; margin-top: 5px;}

    /* .party_list.list2 ul li {width: 31.358%; margin-right: 2.85%; margin-top: 22px;} 
    .party_list.list2 ul li:nth-child(6n){margin-right: 2.85%;}
    .party_list.list2 ul li:nth-child(-n+6){margin-top: 22px;}
    .party_list.list2 ul li:nth-child(4n){margin-right: 2.85%;}
    .party_list.list2 ul li:nth-child(-n+4){margin-top: 22px;}
    .party_list.list2 ul li:nth-child(3n){margin-right: 0%;}
    .party_list.list2 ul li:nth-child(-n+3){margin-top: 0px;}
    .party_list.list2 ul li div span{font-size: 18px; margin-top: 10px; } */

    .party_list.list3 ul{    justify-content: center;}
    .party_list.list3 ul li {margin-top: 22px;} 
    .party_list.list3 ul li:nth-child(-n+6){margin-top: 22px;}
    .party_list.list3 ul li:nth-child(-n+4){margin-top: 22px;}
    .party_list.list3 ul li:nth-child(4n){margin-right: 2.85%;}
    .party_list.list3 ul li:nth-child(-n+3){margin-top: 0px;}
    .party_list.list3 ul li div span{font-size: 18px; margin-top: 10px; }
    .party_list.list3 ul li div > p{font-size: 18px;}


    /* 230403 한식문화상자 */
    .han_box{display: block;}
    .han_box + .han_box{margin-top: 71px;}
    .han_box > .han_area > .han_cont:first-child{width: 40%;}
    .han_btm span img{width: 110px;}
    .han_box > .han_area > .han_cont:last-child{padding-left: 4.5%;}
    .han_box > .han_area > .han_cont:last-child > .han_btm{left: 7.7%;}
    .han_box > .han_area:first-child{padding-right: 0;}
    .han_box > .han_area:last-child{padding-left: 0;}

    .han_ani1{margin-top: 50px;}
    .han_con.type01{float: none;}
    .han_mini{margin-top: 16px;}
    .hansik_cul2{margin-top: 50px;}
    .hansik_cul2:before{background-size: 100%;}
    .han_ani2{margin-bottom: 70px;}

    .hansik_list{margin-top: 50px;}
    .hankik_tit{margin-top: 24px; margin-bottom: 23px;}
    .hankik_tit p{font-size: 36px;}

    

    .han_area{margin-top: 20px;}
    .han_area:first-child{margin-top: 0;}

    .tab_info > div{
      font-size: 20px;
      line-height: 1.3;
      padding: 0 13px;
    }
    .tab_info > div:before{
      height: 19px;
      margin-top: 1px;
    }

    /* 카카오 지도 */
    .root_daum_roughmap .wrap_map {
      height: 400px !important;
    }


    /* 사이트맵 */
    .sitemap_area > div{width: 32%;}
    .sitemap_area > div:nth-child(4n){clear: both; margin-top: 30px;}
    .sitemap_area > div:nth-child(5n){clear:none;}
    .sitemap_area > div:nth-child(4n){margin-right: 2%;}
    .sitemap_area > div:nth-child(3n){margin-right: 0%;}

    /*팝업*/
    .popupWrap h2{font-size: 20px;}
    .popup_cont > p{padding: 15px; margin-top: 15px;}
    .popupWrap .popup_cont{padding-top: 15px;}
    .popupWrap .popupContents{padding: 0 20px 20px;}
    .popup_cont > p strong{font-size: 15px;}
    .popup_cont > p strong + span{font-size: 15px;}
}

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

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

@media all and (max-width:580px){  
  /* <공통> 컨텐츠 구분 */
  .list_area{margin-top: 30px; position: relative;}
  .sub_tit{font-size: 22px; padding-top: 10px;
    margin-bottom: 10px;}
  .sub_tit:before{
    width: 31px; height: 2px;}

  /* 일반문단 */
  .cont_p > p{line-height: 1.3; font-size: 16px; }
  .cont_p > p + p{margin-top: 3px;}
  .cont_p + .cont_p{margin: 10px 0 15px; }

  .img_size80{width: 80% !important; margin: 0 auto;}
  .sogae_mt45.img_size80{margin-top: 25px;}
  .img_size70{width: 70% !important; margin: 0 auto;}
  .sogae_mt45.img_size70{margin-top: 25px;}
  .img_size40{width: 40% !important; margin: 0 auto;}

  /* 한식담은상자 */
  .party_banner{margin-top: 30px;}
  .pb_box0 > div a{padding: 3.4%;}
  .pb_box0 > div a strong{font-size: 18px;}
  .pb_box0 > div a span{font-size: 15px;}
  .pb_box0 > div a em{font-size: 13px; margin-top: 12px;}

  
  .pb_box0 .pb_bL a{ padding-left: 115px;}
  .pb_bL:before{width: 106px; background-size: 106px;}
  .pb_box0 .pb_bR a{padding-right: 145px;}
  .pb_bR:before{
    background-position-y: bottom;
    width: 140px;
    background-size: 140px;
  }
  .pb_box0 > div:last-child{margin-top: 15px;}

  /* 통합검색 */
  .search_area{margin-top: 13px; padding-top: 13px;}
  .board_con{padding: 15px 10px;}
  .search_list{margin-top: 15px;}
  .list_tit > span{font-size: 1.125em;}
  .search_tit a{font-size: 1.063em;}

  .search_doc .date:last-child{margin-top: 9px;}
  .search_doc div.info:first-child{font-size: 0.938em;}
  /* .btn_plus{
      height: 19px;
      width: 19px;
      display: block;
      background-size: 19px;
      top: 10px;
  }
  .btn_plus span{display: none;} */
  .btn_plus span{padding-right: 22px; font-size: 13px; }
  .btn_plus span:before{
    width: 17px; height: 4px; background-size: 17px;
  }
  .skin2.full{padding: 0 0 20px;}
  .skin2.full .sear_keyword{margin-top: 12px; font-size: 15px; word-break: keep-all;}
  .skin2.full .sch_input{font-size: 15px; }
  .skin2.full .sch_input::placeholder{font-size: 15px; }


  /* 0414레시피 */
  .board_top_area2{padding: 15px 25px; margin-bottom: 20px;}
  .board_top_area2 .list_slide2 > div span{font-size: 14px; margin-top: 6px;}
  .board_top_area2 .list_slide2 div.owl_list_top{margin: 0 12px;}
  .board_top_area2 .list_slide2 .owl-nav .owl-prev{
    width: 20px;
    height: 36px;
    background-size: 20px;
    background-repeat: no-repeat;
    left: -20px;
  }
  .board_top_area2 .list_slide2 .owl-nav .owl-next{
    width: 20px;
    height: 36px;
    background-size: 20px;
    background-repeat: no-repeat;
    right: -20px;
  }

  .reci_txt > div strong{font-size: 15px;}
  .reci_txt > div ul li{font-size: 13px;}
  .reci_txt > div{margin-top: 17px;}
  .reci_txt{max-height: 220px;}

  .recipe_wrap .raw_area{margin-top: 25px;}
  .recipe_wrap .raw_area ul{margin-top: 10px;}
  .recipe_wrap .raw_area ul li{ margin-top: 26px;}
  /* .recipe_wrap .raw_area ul li:nth-child(10n){margin-right: 2.77%;} */
  .recipe_wrap .raw_area ul li:nth-child(-n+10){margin-top: 26px;}
  .recipe_wrap .raw_area ul li:nth-child(5n){margin-right: 0;}
  .recipe_wrap .raw_area ul li:nth-child(-n+5){margin-top: 0;}
  .recipe_wrap .raw_area ul li > span{ margin-top: 6px; font-size: 14px; word-break: keep-all;}

  /* 소개담은상자 */
  .sogae_mb82{margin-bottom: 35px;}
  .sogae_mt82{margin-top: 35px;}
  /* .sogae_mt45{margin-top: 25px;} */

  .sogae_wrap > div{margin-top: 35px;}
  .sogae_wrap div strong{font-size: 20px;  margin-bottom: 20px;}
  .sogae_wrap div p{ font-size: 16px; margin-top: 8px;}
  .sogae_wrap div span{font-size: 15px; margin-top: 6px; }

  /* .sogae_box8 ul{align-items: flex-start;} */
  .sogae_box8 em{
    padding: 7.8% 14px;
    font-size: 22px;
    }

  /* 잔치상자_소개 */
  .party_list{margin-top: 25px;}
  .party_list.list3{margin-top: 35px;}

  .party_area > div{display: block;}
  .party_area > div:first-child{padding-right: 0;}
  .party_area > div:last-child{padding-left: 0;}
  .party_area > div + div{margin-top: 25px;}

  .party_mid{margin-bottom: 20px;}
  .party_list .party_mid p{font-size: 18px; margin-bottom: 10px; }
  .party_list .party_mid span{font-size: 15px;}

  .party_area .party_title > strong{font-size: 18px; margin-bottom: 15px; }
  .party_area .party_title > p{font-size: 15px; line-height: 1.5;}
  .party_area .party_title > p + p{margin-top: 5px;}
  .party_area + .party_area{margin-top: 35px;}
  .party_area .party_title{margin-bottom: 25px;}

  .party_box{margin-top: 10px;}
  .party_box span{font-size: 15px;}
  .party_box p{font-size: 15px;}
  
  .party_area.typeF .party_doc{ flex-wrap: wrap;}
  .party_area.typeF .party_doc > div{width: 48.5%; margin-top: 25px;}
  .party_area.typeF .party_doc > div:nth-child(4n){margin-right: 2.7%;}
  .party_area.typeF .party_doc > div:nth-child(2n){margin-right: 0%;}
  .party_area.typeF .party_doc > div:nth-child(-n+2){margin-top: 0px;}

  /* 재미담은상자 */
  .jaemi_wrap > div + div{margin-top: 30px;}
  .jaemi_wrap > div + div + div{margin-top: 25px;}
  .jaemi_wrap strong{font-size: 18px; margin-bottom: 18px;}
  .jaemi_wrap .party_list.list3 ul li a:after{
    width: 19px;
    height: 19px;
    background-size: 19px;
    right: 6px;
    bottom: 6px;
  }

  .jaemi_list ul li:nth-child(-n+8){margin-top: 26px;}
  /* .jaemi_list ul li:nth-child(8n){margin-right: 3.42%;} */
  .jaemi_list ul li:nth-child(-n+4){margin-top: 0px;}
  /* .jaemi_list ul li:nth-child(4n){margin-right: 0;} */
  .jaemi_list ul li{
    margin-right: 3.42%;
      width: 22.4%;
      margin-top: 26px;
  }
  .jaemi_list ul li span{
    margin-top: 6px;
    font-size: 14px;
  }

  /* ci */
  .ci_one{display: none;}
  .ci_two{display: none;}
  .ci_three{display: block;}

  /* 잔치상자_소개 */
  .party_list{margin-top: 24px;}
  .party_list > strong{font-size: 16px; line-height: 1.4; margin-bottom: 27px;}
  .party_list ul + ul{margin-top: 20px;}
  /* .party_list ul li {width: 48%; margin-right: 4%; margin-top: 20px;} 
  .party_list ul li:nth-child(6n){margin-right: 4%;}
  .party_list ul li:nth-child(-n+6){margin-top: 20px;}
  .party_list ul li:nth-child(4n){margin-right: 4%;}
  .party_list ul li:nth-child(-n+4){margin-top: 20px;}
  .party_list ul li:nth-child(2n){margin-right: 0%;}
  .party_list ul li:nth-child(-n+2){margin-top: 0px;}
  .party_list ul li div span{font-size: 14px; margin-top: 4px;} */

  .party_list.list2 ul li {width: 48%; margin-right:4%; margin-top: 20px;} 
    .party_list.list2 ul li:nth-child(6n){margin-right: 4%;}
    .party_list.list2 ul li:nth-child(-n+6){margin-top: 20px;}
    .party_list.list2 ul li:nth-child(4n){margin-right: 4%;}
    .party_list.list2 ul li:nth-child(-n+4){margin-top: 20px;}
    .party_list.list2 ul li:nth-child(3n){margin-right: 4%;}
    .party_list.list2 ul li:nth-child(-n+3){margin-top: 20px;}
    .party_list.list2 ul li:nth-child(2n){margin-right: 0%;}
    .party_list.list2 ul li:nth-child(-n+2){margin-top: 0px;}
    .party_list.list2 ul li div span{font-size: 16px; margin-top: 6px; }

    .party_list.list3 ul li {width: 48%; margin-right: 4%; margin-top: 20px;} 
    .party_list.list3 ul li:nth-child(6n){margin-right: 4%;}
    .party_list.list3 ul li:nth-child(-n+6){margin-top: 20px;}
    /* .party_list.list3 ul li:nth-child(4n){margin-right: 0%;}
    .party_list.list3 ul li:nth-child(-n+4){margin-top: 0px;} */
    .party_list.list3 ul li:nth-child(3n){margin-right: 4%;}
    .party_list.list3 ul li:nth-child(-n+3){margin-top: 20px;}
    .party_list.list3 ul li:nth-child(2n){margin-right: 0%;}
    .party_list.list3 ul li:nth-child(-n+2){margin-top: 0px;}
    .party_list.list3 ul li div span{font-size: 16px; margin-top: 6px; }
    .party_list.list3 ul li div.btn_au span{padding: 3px 10px; font-size: 14px; }
    .party_list.list3 ul li div > p{font-size: 16px;}

  /* 230403 한식문화상자 */
  .han_ani1{margin-top: 30px;}
  .han_ani1 > div >img{width: 222px;}
  .han_ani1 > div:after{
    width: 18px; height: 60px;
    background-size: 18px;
    top: 47px; left: 2px;
  }
  
  .hankik_tit{margin-top: 14px; margin-bottom: 13px;}
  .hankik_tit p{font-size: 24px;}

  .han_box > .han_area > .han_cont:first-child{width: 42%;}
  .han_box + .han_box{margin-top: 31px;}
  .han_cont strong{font-size: 22px;}
  .han_cont p{font-size: 16px;}
  .han_btm span img{width: 90px;}

  .hansik_cul2{ margin-top: 20px;}
  .han_ani2{padding-top: 0; margin-bottom: 30px;}
  .han_ani2 > div > img{width: 117px;}
  .han_ani2 > div:after{
    width: 18px;
    height: 74px;
    background-size: 18px;
    top: 61px;
    left: -2.5px;
  }
    

  .tab_info > div{
    font-size: 16px;
    padding: 0 7px;
    word-break: keep-all;
  }
  .tab_info > div:before{
    height: 13px; width: 1px;
  }
  .tab_info.typeN{flex-wrap: wrap;}
  .tab_info.typeN > div{width: 50%; margin-top: 10px; text-align: right;}
  .tab_info.typeN > div:nth-child(2n){text-align: left;}
  .tab_info.typeN > div:nth-child(2n):before{display: none;}
  .tab_info.typeN > div:nth-child(-n+2){margin-top: 0;}
  

  /* 사이트맵 */
  .sitemap_wrap{padding: 0;}
  .sitemap_area > div{width: 49%; margin-right: 0;}
  .sitemap_area > div:nth-child(2n){margin-left: 2%;}
  .sitemap_area > div:nth-child(3n){margin-right: 0;}
  .sitemap_area > div:nth-child(4n){margin-right: 0;}
  .sitemap_area > div:nth-child(4){clear: none;}
  .sitemap_area > div:nth-child(3){margin-top: 30px;}

  .sitemap_wrap .sitemap_area:first-child div:first-child{margin-top: 0px;}
  .sitemap_area p::after{background-repeat: repeat;}
  .site_list > li > a{ display: block;  width: 90%;  font-size: 1em;}
  .site_list .list_blt > li:last-child{margin-bottom: 0;}
  .site_list .list_blt > li{margin-top: 5px; font-size: 0.938em;}
  .site_list .list_blt{margin-top: 7px;}
  .site_list > li{margin-top: 13px;}
  .site_list{margin-top: 13px; padding: 0;}

  .sitemap_area p{font-size: 1.125em;}

  /*팝업*/
  .popupWrap h2{font-size: 18px; padding: 18px 45px 10px;}
  .popup_cont > p{padding: 12px; margin-top: 12px;}
  .popupWrap .popup_cont{padding-top: 12px;}
  .popupWrap .popupContents{padding: 0 12px 12px;}
  .popup_cont > p strong{font-size: 14px;}
  .popup_cont > p strong + span{font-size: 14px;}
  .popup .pop_exit a{
    width: 18px; height: 18px;
    background-size: 18px;
  }
}

@media all and (max-width:479px){
  /* 230403 한식문화상자 */
  .han_box > .han_area > .han_cont{display: block;}
  .han_box > .han_area > .han_cont:last-child > .han_btm{position: static;}
  .han_box > .han_area > .han_cont:last-child{padding-left: 0;}
  .han_box > .han_area > .han_cont:first-child{width: 200px; margin:  0 auto;}
  .han_area{margin-top: 15px;padding-top: 15px;/* border-top: 1px solid #dedede; */}
  .han_top{margin-top: 10px;text-align: center;}
  .han_cont strong{font-size: 18px;}
  .han_cont strong span{padding-right: 4px;}
  .han_cont p{padding-top: 3px;font-size: 0.938em;}
  .han_btm{margin-top: 6px;}
  .han_btm > div{justify-content: center;}

  /* 카카오 지도 */
  .root_daum_roughmap .wrap_map {
    height: 200px !important;
  }

  /* 사이트맵 */
  .sitemap_area > div{width: 100%; margin-top: 22px;}
  .sitemap_area > div:nth-child(2n){margin-left: 0;}
  .sitemap_area > div:nth-child(3){margin-top: 22px;}
  .sitemap_area > div:nth-child(4){margin-top: 22px;}
  .sitemap_area > div:nth-child(5){margin-top: 22px;}
  .sitemap_area > div:nth-child(6){margin-top: 22px;}
  .sitemap_area > div:nth-child(7){margin-top: 22px;}
}

@media all and (min-width: 320px) and (max-width: 339px){
  
}