@charset "UTF-8";
@import url(./common.css);
@import url(./reset.css);
@import url(../font/font.css);
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/******* layout *******/
#hanwoo2009Wrap{ width: 100%; /*max-width: 1920px; min-width:1283px;*/ height: 100%; margin: 0 auto; overflow: hidden; }
#hanwoo2009Wrap div > img {width: 100%;}
#hanwoo2009Wrap .twinkle img {width: auto;}
/* #hanwoo2009Wrap [class^="piece"] > img {width: auto;} */

header{ height: 104.722vw; position: relative; overflow: hidden;}
.container { width: 100%; margin: 0 auto; height: 89.722vw; position: relative; }
section#cont1{ background: url(../img/bg1.jpg) center 0 repeat-y; height: 205.417vw; background-size: 100%; }
section#cont2{ background: url(../img/bg2.jpg) 0 0 repeat-y; height: 226.3889vw; padding-top: 1px; }
section#cont3{ background-size: 100%; height: 210.2778vw; background: url(../img/bg3.jpg); }

div {font-size: 2.2222vw}

/******* buttons *******/
.btn_send,
.btn_send2 { position: relative; }
.btn_send a,
.btn_send2 a { color: #fff; font-weight: 700; font-size: 26px; position: absolute; top: 0; left: 0; right: 0; margin: auto; display: block; width: 58%; height: 100%; padding-top: 10%; }
.btn-priv-ok,
.btn-end-ok { width: 343px; height: 85px; background: #4d2611; display: inline-block; color: #fff !important; border-radius: 50px; font-size: 26px; line-height: 85px; font-weight: 700; }
.btn_close { position: absolute; top: 32px; right: 42px; z-index: 120; }

/******* common *******/
ul[class^="navi"] a {font: 0/0 all;}
.txt_red {color: #f25a56; font-weight: bold;}
.kv_deco {position: absolute; top: 0;}
.kv_deco.left {left: 0}
.kv_deco.right {right: 0}
.twinkle {position: absolute; z-index: 10;}
.twinkle{ position: absolute; z-index: 1; animation: animate1 1s infinite; }
.twinkle.a {left: 30%}
.twinkle.b {top: 38%; right: 24%;}
.twinkle.c {left: 20%; top: 80%;}
.twinkle.d {top: 67%; right: 20%;}
.kv_notice {width: 31.667vw; height: 24.306vw; position: absolute; top: 49.611vw; right: 0;}

/********* keyframes **********/
@keyframes animate1{ 
    0%,100%{ transform: rotate(10deg) }
    50%{ transform: rotate(0); }
}

/********* navi **********/
.nav1_area{ width: 100%; height: 15vw; background: #0f1826; }
.navi1{ width: 80vw; height: inherit; margin: 0 auto; }
.navi1 li{ float: left; width: 33.33%; height: inherit; background-position: top; background-repeat: no-repeat; background-size: cover;}
.navi1 li a{ display: block; height: 100%; }
.navi1 li:nth-child(1){ background-image: url(../img/f_gnb1.png); }
.navi1 li:nth-child(2){ background-image: url(../img/f_gnb2.png); }
.navi1 li:nth-child(3){ background-image: url(../img/f_gnb3.png); }
.navi1 li:hover{ background-position-y: -15vw; }
.navi1 li.on{ background-position-y: -15vw; }
.nav2_area{ background-color:#0f1826; height: 15vw; position: absolute; width: 100%; bottom: 0px; display: none; }
.nav2_area.on{ display: block; position: fixed; top: 0; z-index: 999; }
.nav2_bg{height: 100%; margin: 0 auto; }
.navi2{ width: 80vw; height: inherit; margin: 0 auto; }
.navi2 li{ float: left; width: 33.33%; height: inherit; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.navi2 li a{ display: block; height: 100%; text-align: center; }
.navi2 li:nth-child(1){ background-image: url(../img/gnb1.png); }
.navi2 li:nth-child(2){ background-image: url(../img/gnb2.png); }
.navi2 li:nth-child(3){ background-image: url(../img/gnb3.png); }
.navi2 li:hover{ background-position: bottom center; background-color: #f2d281; }
.navi2 li.on{ background-position: bottom center; background-color: #f2d281; }
.navi2 li > a > p { display: inline-block; height: 97px; width: 100%; margin: 5px auto; background: rgba(0, 0, 0, 0.1); font-size: 25px; border-radius: 5px; letter-spacing: -1px;}
.navi2 li.on > a > p { background: rgba(255, 223, 209, 0.9); font-weight: bold;}

/******* date *******/
.c_date_box { width: 66.389vw; margin:0 auto; margin-top: 2vw;}
.c_date_box ul {width: 100%;}
.c_date_box li { margin-bottom: 0; padding: .8% 0 .5%; border-radius: 50px; display: flex; justify-content: center;}
.c_date_box li:after {content:""; display: block; clear:both;}
.c_date_box li > p {float:left;}
.c_date_box li .c_alt {font-size: 20px; color: #595959; font-weight: 400; padding-left: 6px; letter-spacing: -2px;}
.c_date_box li .c_tit {font-weight: bold; font-size: 2.778vw; color: #494949; text-align: left; letter-spacing: -1px;}
.c_date_box li.c_date1 {background: transparent; }
.c_date_box li.c_date2 {background: transparent; margin-top: 1vw;}
.c_date_box li .c_info { text-align: left; font-size: 2.778vw; font-weight: 400; letter-spacing: -1.5px; padding-left: 3px; color: #494949;display: inline-block;}
.c_date_box li .c_info .c_ex {letter-spacing: 8px;}

/******* header *******/
.hd .container { height: 89.722vw; background: url(../img/main_none.jpg) top center no-repeat; background-size: cover;}
.hd .container h1{ position: absolute; left: 3vw; top: 3vw; }
.hd .container h1 img { width: 20.1389vw; }
.hd .container .hw114,
.hd .container .hw-best { position: absolute; width: 50%; height: 90%; z-index: 100; }
.hd .container .hw114 { left: 0; top: 11%; }
.hd .container .hw-best { left: 50%; top: 11%; }
.hd .container .tit { width: 69.444vw; margin: 0 auto; text-align: center; }
.hd .container .main_tit{ margin-top: 25px; position: relative; z-index: 10; }
.hd .container .sub_tit1{ position: relative; top: 30px; word-break: keep-all; }
.hd .container .sub_tit2{ position: relative; top: 25px; }
.hd .container .main_tit {margin-top: 0;}
.hd .c_date_box {width: 100%;}
.hd .c_date_box .c_tit {padding: 10px 0 5px 0; font-weight: 700; font-size: 22px; letter-spacing: -2px; color: #494949; text-align: center;}
.hd .c_date_box ul:after {content:""; display: block; clear:both;}
.hd .c_date_box li {position: relative; width: 100%;}
.hd .c_date_box ul {flex-wrap: wrap;}
.hd .c_date_box li.c_date1 {}
.hd .c_date_box li.c_date2 {margin-left: 0;}
.hd .c_date_box li .c_alt {font-size: 17px; color: #595959; font-weight: 400; padding-left: 30px;}
.hd .c_date_box li .c_tit {position:absolute; left: 0; width: 11.111vw; font-weight: 100; font-size: 2.361vw; font-weight: bold; letter-spacing: -1px; color: #1d253c; background:#fff; padding: 3.5px 0; border-radius: 10px; text-align: center;}
.hd .c_date_box li .c_info {width: 100%; text-align: left; font-size: 3.056vw; font-weight: 400; letter-spacing: -.5px; padding-left: 12.889vw; color: #fff; border-radius: 0 50px 50px 0; background: transparent;}
.hd .deco.cow {position: absolute; bottom: 23%;  }
.hd .cow.men {width: 160px; left: 27%; animation: animate2 1.8s infinite; transform: rotate(8deg);}
.hd .cow.girl {width: 134px; right: 30%; animation: animate2 1.8s infinite; transform: rotate(0deg)}

/********* keyframes **********/
@keyframes animate2{ 
    0%,100%{ transform: rotate(15deg) }
    50%{ transform: rotate(0deg); }
}
@keyframes animate3{ 
    0%,100%{ transform: rotate(8deg); }
	50%{ transform: rotate(0deg) }
}
/******* #cont1 *******/
#cont1 .c_date_box {width: 65vw;}
#cont1 .c_date_box li .c_inner { display: inline-block;}
#cont1 .c_date_box li.c_date1 {background: #f2d281; text-align: center;}
#cont1 .c_date_box li.c_date2 {background: #fff; text-align: center;}
#cont1 .c_date_box li.c_date1 .c_date_wrap { display: inline-block;}
#cont1 .c_date_box li.c_date2 .c_date_wrap { display: inline-block;}
#cont1 .limit {    width: 68%; text-align: right; margin: 0 auto;  font-size: 2.5vw; margin-top: 1vw; font-weight: bold; color: #f25a56; letter-spacing: -0.5px;}
.cont1_wrap{ width: 100%; margin: 0 auto; text-align: center;}
.cont1_wrap .tit{ padding: 0 4.167vw; text-align: right; position: relative; }
.cont1_wrap .sub_tit1 { margin-top: 2.778vw; font-size: 3.333vw; letter-spacing: -.2vw; text-align: center;}
.cont1_wrap .tit .main_tit{ }
.cont1_wrap .tit .max{ position: absolute; left: 25%; top: 14%; width: 12%; }
.cont1_wrap .tit .sub_tit1{ margin-top: 3.4722vw; font-size: 3.3333vw; letter-spacing: -1.5px; }
.cont1_wrap .store_list { margin: 6.25vw 4vw 0; background: url(../img/store_bg.png) no-repeat;  background-size: contain; }
.cont1_wrap .store_list ul {padding: 7.6389vw 8.3333vw 7.6389vw  9.7222vw; height: 100%; display: flex; justify-content: flex-start; align-content: space-between; flex-wrap: wrap;}
.cont1_wrap .store_list li {width: 31%; font-weight: bold; margin: 2% 1%;}
.cont1_wrap .store_list li a {display: block; width: 100%; line-height: 6.9444vw;}
.cont1_wrap .store_list .view_store,
.cont1_wrap .store_list .view_purchase {border: 1px solid #46281e; border-radius: 2.7778vw 2.7778vw 0 0;}
.cont1_wrap .store_list .view_meats {background: #46281e; border-radius: 0 0 2.7778vw 2.7778vw; font-weight: 600;}
.cont1_wrap .store_list .view_meats a {color: #fff;}
.cont1_wrap .store_list .view_btn {width: 95%; line-height: 4.1667vw; margin: auto; margin-top: 2.0833vw; text-align: center;}
.cont1_wrap .store_list li.type1 .view_meats,
.cont1_wrap .store_list li.type1 .view_purchase {border: 1px solid #927f79; background: transparent;}
.cont1_wrap .store_list li.type1:hover .view_meats {background: #46281e;}
.cont1_wrap .store_list li.type1:hover .view_meats a {color: #fff;}
.cont1_wrap .store_list li.type1:hover .view_store {background: #fff;}
.cont1_wrap .store_list li.type1 .view_meats a {color: #000;}
.cont1_wrap .store_list li.type1 .view_store,
.cont1_wrap .store_list li.type1 .view_meats,
.cont1_wrap .store_list li.type1 .view_purchase {height: 6.9444vw; display: flex; justify-content: center; align-items: center; border-radius: 6.9444vw;}
.cont1_wrap .store_list li.type1 .view_store {background: #46281e;}
.cont1_wrap .store_list li.type1 .view_store a {color: #fff;}
.cont1_wrap .store_list li.type1:hover .view_store a {color: #000;}


.cont1_wrap .meat_list {padding: 0 4.167vw;}


/******* #cont2 *******/
#cont2 .c_date_box {width: 55vw;}
#cont2 .c_date_box li.c_date1 {background: #fff6e2; }
#cont2 .c_date_box li {display: flex; justify-content: center;}
#cont2 .c_date_box li.c_date2 {background: #fff; }
#cont2 .limit {padding: 0 0 30px 0; color: #0d505c}
.cont1_wrap{ width: 100%; margin: 0 auto; text-align: center;}
.cont2_wrap .tit{ position: relative; }
.cont2_wrap .sub_tit1 { margin-top: 2.778vw; font-size: 3.333vw; letter-spacing: -.2vw; text-align: center; color: #fff;}
.cont2_wrap .max{ position: absolute; bottom: -90%; right: 1%; width: 20%; }
.cont2_wrap .cont2_box{ background: url(../img/cont2_box.png) no-repeat; width: 1046px; height: 1256px; }
.cont2_wrap .date{ padding-top: 70px; padding-bottom: 50px; }
.cont2_wrap .meat{ margin: 0 auto; margin-bottom: 35px; }
.cont2_wrap .btn_join{ display: block; width: 46.1111vw; border-radius: 6.9444vw; margin: 6.9444vw auto 0; }
.cont2_wrap .btn_join img {width: 100%;}
.cont2_wrap .btn_join:hover{ box-shadow: 2px 2px 10px #aaa; }
.cont2_wrap .tit{ padding: 0 4.167vw; text-align: right; position: relative; }
.cont2_wrap .cont_info {padding: 0 11.167vw;}

.cont2_wrap li.c_date2 .c_tit {width: 30%; text-align: center; }
/******* #cont3 *******/
#cont3 .c_date_box {width: 55vw;}
#cont3 .c_date_box li {display: flex; justify-content: center;}
#cont3 .c_date_box li.c_date1 {background: #5a3418; color: #fff}
#cont3 .c_date_box li.c_date2 {background: #fff;}
#cont3 .c_date_box li.c_date1 .c_tit,
#cont3 .c_date_box li.c_date1 .c_info {color: #fff}
.cont3_wrap{ width: 100%; margin: 0 auto; text-align: center;}
.cont3_wrap .tit{ padding: 0 4.167vw; text-align: right; position: relative; }
.cont3_wrap .sub_tit1 { margin-top: 2.778vw; font-size: 3.333vw; letter-spacing: -.2vw; text-align: center;}
.cont3_wrap .sub_tit2{ margin-bottom: 25px; }
.cont3_wrap .btn a:hover{ box-shadow: 2px 2px 10px #aaa; }
.cont3_wrap .gift {margin-top: 5vw; padding: 0 11.167vw;}

.cont3_wrap li.c_date2 .c_tit {width: 30%; text-align: center;}

/******* 퍼즐 *******/
.cont3_wrap .puzzle_box {width: 79.8611vw; height: 79.8611vw; position:relative; background: rgba(255,255,255,.3); border-radius: 25px; margin: 0 auto; margin-top: 5%;}
.cont3_wrap .puzzle_board {width: 100%; height: 100%; margin: 0 auto;}
.cont3_wrap .puzzle_start {position: absolute; width: 100%; top:0; opacity: 1; transition: opacity .3s; z-index: 10;}
.cont3_wrap .puzzle_start a {display: block;}
.cont3_wrap .puzzle_start img {width: 100%;}
.cont3_wrap .puzzle_start.on {opacity: 0; transition: opacity .3s; display: none;}
.cont3_wrap .puzzle { position: relative; width: 100%; height: 395px; margin-bottom: 100px; text-align: left; }
.cont3_wrap .puzzle > div { margin-top: 35px; }
.cont3_wrap .puzzle_board { position: absolute; top: 0; left: 0; }
.cont3_wrap .puzzle_board [class^="piece"] { position: absolute; opacity: 0; }
/* .cont3_wrap .puzzle_board [class^="piece"].on {opacity: 1;} */
.cont3_wrap .puzzle_board .piece1 { top: 2.2%; left: 2.2%; }
.cont3_wrap .puzzle_board .piece2 { top: 2.2%; left: 24%; }
.cont3_wrap .puzzle_board .piece3 { top: 2.2%; right: 2.2%; }
.cont3_wrap .puzzle_board .piece4 { top: 24.2%; left: 2.2%; }
.cont3_wrap .puzzle_board .piece5 { top: 24.1%; left: 34.2%; }
.cont3_wrap .puzzle_board .piece6 { top: 34%; right: 2%; }
.cont3_wrap .puzzle_board .piece7 { bottom: 1.7%; left: 2.2%; }
.cont3_wrap .puzzle_board .piece8 { bottom: 1.7%; left: 34%; }
.cont3_wrap .puzzle_board .piece9 { bottom: 1.8%; right: 2%; }

.cont3_wrap .piece1 {width: 25.5556vw; height: 25.6944vw;}
.cont3_wrap .piece2 {width: 34.0278vw; height: 25.6944vw;}
.cont3_wrap .piece3 {width: 34.0278vw; height: 34.0278vw;}
.cont3_wrap .piece4 {width: 33.6111vw; height: 34.1667vw;}
.cont3_wrap .piece5 {width: 34.0278vw; height: 34.3056vw;}
.cont3_wrap .piece6 {width: 25.9722vw; height: 34.3056vw;}
.cont3_wrap .piece7 {width: 33.6111vw; height: 33.6111vw;}
.cont3_wrap .piece8 {width: 34.0278vw; height: 33.6111vw;}
.cont3_wrap .piece9 {width: 25.9722vw; height: 25.4167vw;}
.cont3_wrap [class^="piece"] img {width: 100%;}
.cont3_wrap .puzzle_pieces { position: absolute; bottom: -50%; width: 100%; height: 40%; }
.cont3_wrap .puzzle_pieces span { position: absolute; }

/******* footer *******/
.ft {background: #46281e; padding-bottom: 11.1111vw; }
.ft .info { color: #fff; font-size: 3vw; margin-top: 3vw; padding: 0 10.167vw; }
.ft .info li { list-style: outside; margin-bottom: 1.3889vw; }
.ft .info li a {color: #fff;}
.ft .container {height: auto;}
/* .ft .container .tit {width: 100%;} */
.ft .container .main_tit {height: auto; margin-top: 0;}
.ft .tit{ padding: 0 4.167vw; text-align: right; position: relative; }

.ft .deco {  position: absolute; bottom: -9vw; right: 11vw; font: 0/0 all; }
.ft .han114 img {width: 11.1111vw; }
.ft .hanBest img {width: 11.25vw;}

.meat_date b {color: #46281e;}
/******* popup *******/
.pop_area {display: none;}
#hanwoo2009Wrap .pop_area img {width: auto; width: 100%;}
.ly_bg { position: fixed; top: 0; left: 0; right: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
#hanwoo2009Wrap .pop_area.type0 .pop_cont { text-align: center; padding-bottom: 24px; }
#hanwoo2009Wrap .pop_area.type0 .pop_cont>div { text-align: center; color: #2d160a; font-size: 28px; line-height: 1.3; padding-top: 15px; }
#hanwoo2009Wrap .pop_area.type0 { background: #eaeaea; border-radius: 70px; border: 5px solid #b84542; padding: 50px; }
#hanwoo2009Wrap .pop_area .h_icon {width: 150px;}
.pop_area{ width: 690px; min-height: 400px; height: auto; position: absolute; z-index: 1100; left: 0; right: 0; margin: auto; text-align: center; font-family: NanumSquare; letter-spacing: -0.5px; }
.pop_area .txt_50 { font-size: 50px; margin-bottom: 10px; display: block; margin-bottom: 20px; }
.pop_area > div { position: relative; }
.pop_tit { height: 114px; background: #f25a56; border: 5px solid #b84542; border-radius: 70px 70px 0 0; }
.pop_form { background: #eaeaea; height: auto; border: 5px solid #b84542; border-top: 0; border-radius: 0 0 70px 70px; padding: 55px 55px 100px; }
.pop_form > p { font-size: 20px; font-weight: 300; color: #241207; letter-spacing: -1px; margin-bottom: 9px; }
.pop_form > p span { font-weight: 500; }
.pop_form input[type="text"],
.pop_form input[type="tel"] { width: 465px; height: 45px; border: 2px solid #241207; border-radius: 5px; text-align: center; color: #666; font-size: 16px; font-family: NanumSquare; font-weight: 300; }

.pop_form .f_name,
.pop_form .f_tel,
.pop_form .f_insta { position: relative; float: left; padding-bottom: 10px; }
.pop_form .f_name>img { position: absolute; top: 14px; left: 68px; }
.pop_form .f_tel>img { position: absolute; top: 14px; left: 11px; }
.pop_form .f_priv { display: inline-block; padding-left: 26px; margin: 30px 0 0 20px; }
.pop_form .f_priv+.f_priv { margin-top: 15px; }
.f_priv { display: inline-block; position: relative; }
.f_priv input { display: none; }
.f_priv label { display: table-cell; font-weight: 300; }
.f_priv label:before { content: ""; display: block; position: absolute; top: -3px; left: 0; width: 26px; height: 23px; background: url(../img/pop/btn_chk.png) 0 0 no-repeat; background-size: cover; }
.f_priv input:checked+label:before { content: ""; width: 26px; height: 23px; background: url(../img/pop/btn_chk.png) 100% 100% no-repeat; background-size: cover;}
.f_priv label>a { color: #4e4540; font-size: 12px; background: #cecece; display: inline-block; padding: 1px 7px 2px; margin-left: 11px; }
.pop_cont .limit {color: #241207; font-size: 20px; font-weight: 300;}
.pop_cont_inner li a {display: block; padding-left: 20px;}
.pop_cont_inner li a:before {content:""; display: block; width: 32px; height: 32px; transform: translateY(-50%); position:absolute; left: 20px; top: 50%; }
.btn_fb:before {background-image: url("../img/fb_icon.png");}
.btn_kt:before {background-image: url("../img/kakao_icon.png");}
.pop_priv { background: #eaeaea; border-radius: 70px; }
.pop_priv.pop_priv1 .pop_cont {padding: 70px 70px;}
.pop_priv .pop_cont { border: 0; text-align: left; padding: 35px 70px; border: 5px solid #b84542;  border-top: 0; border-radius: 0 0 70px 70px; }
.pop_priv .pop_cont p { font-size: 24px; font-weight: 700; border-bottom: 1px solid; height: 45px; color: #2f180b; }
.pop_priv .pop_cont ul { padding: 50px 30px; border-radius: 20px;  border: 1px solid #2f180b; background: #fff;}
.pop_priv .pop_cont ul li { font-weight: 300; font-size: 18px; line-height: 1.8; padding-left: 12px; position: relative; }
.pop_priv .pop_cont ul li:before { content: '-'; position: absolute; left: 0; }
.pop_area.type1 .pop_cont_inner {height: auto; padding: 45px 0;}
.pop_area.type1 .btn_send {width: 342px; height: 102px; margin-top: 28px; position: absolute; left: 0; right: 0; bottom: -32px; margin: auto; }
.pop_form .f_name label {letter-spacing: 0;}
.pop_form .f_tel label {letter-spacing: 2px;}
.pop_form .f_name label,
.pop_form .f_tel label {width: 100px; font-size: 20px; font-weight: bold; text-align: left;}
.pop_buy .pop_form {padding: 55px 95px 100px;}
.pop_buy .pop_form input {width: 100%; margin-top: 15px;}
.pop_buy .pop_form [class^="f_"] {text-align: left; }
.pop_buy .pop_form [class^="f_"] label {font-size: 28px; letter-spacing: -2.5px;}
.pop_buy .pop_form .f_step2 {margin-top: 25px;}
.pop_buy .pop_form .f_step2 .filename {padding-left: 150px; background: #fff;}
.pop_buy .pop_form .f_step2 .file_wrap { position: absolute; left: 95px; bottom: 100px; width: calc(100% - 190px); }
.pop_buy .pop_form .f_step2 .find_file { display: block;  width: 38%; height: 45px; line-height: 45px; background: #80756f; border-radius: 5px; padding: 0 30px; font-size: 20px; color: #fff; text-align: center;}
.pop_buy .f_step2 input[type=file] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; }
#hanwoo2009Wrap .pop_buy.pop_area [class^="f_"] img {margin-top: 3%;}

.pop_cont span.limit {display: block; margin-top: 20px;}

/* ==테이블 참고(이전소스) */
.tb_price{ text-align: center; border-collapse: unset; border-radius: 7px; overflow: hidden; border: 1px solid #000; font-size: 20px; }
.tb_price thead{ font-size: 20px; background-color: #80756f; color: #fff; border-bottom: 1px solid #000; }
.tb_price thead tr{ height: 45px; }
.tb_price thead th{ font-weight: 300; }
.tb_price tbody tr{ height: 50px; background-color: #f0f0f0; }
.tb_price tbody td{ background: #fff; border-bottom: 1px solid #f0f0f0; }
.pop_cont_inner{ background: #fff; }
.pop_meats .pop_cont { height: auto; padding: 0 70px 70px; border: 5px solid #b84542; border-top: 0; border-radius: 0 0 70px 70px; background: #eaeaea; }
.pop_meats .pop_cont_inner {background: #eaeaea; }
.pop_meats .meat_date { position: absolute; left: 0; right: 0; bottom: 10%; color: #fff; font-size: 20px; letter-spacing: -1.5px; }

.pop_meats .meat_plain {font-size: 30px; font-weight: bold; padding: 50px 0 50px;}
#timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: -7%; right: -7%; width: 81px; height: 98px; background: no-repeat 0 0/contain url(../img/timer.png);  z-index: 100;}

#timer canvas { width: 80px; height: 80px; margin-top: 18px;}
@media all and (max-width: 720px) {
	.hd .cow.men {width: 22.2222vw;}
	.hd .cow.girl {width: 18.6111vw; }
    /******* buttons *******/
    .btn_send a,
    .btn_send2 a { font-size: 3.6111vw; }
    .btn-priv-ok,
    .btn-end-ok { width: 47.6389vw; height: 11.8056vw; border-radius: 6.9444vw; font-size: 3.6111vw; line-height: 11.8056vw; }
    .btn_close { width: 5.5556vw; top: 4.4444vw; right: 5.8333vw; }

    /******* popup *******/
    #hanwoo2009Wrap .pop_area.type0 .pop_cont { padding-bottom: 3.3333vw; }
    #hanwoo2009Wrap .pop_area.type0 .pop_cont>div { font-size: 3.8889vw; padding-top: 2.0833vw; }
    #hanwoo2009Wrap .pop_area.type0 { border-radius: 9.7222vw; border: 0.6944vw solid #b84542; padding: 6.9444vw; }
    .pop_area{ width: 95.8333vw; min-height: 55.5556vw; letter-spacing: -0.0694vw; }
    .pop_area .txt_50 { font-size: 6.9444vw; margin-bottom: 1.3889vw; margin-bottom: 2.7778vw; }
    .pop_tit { height: 15.8333vw; border: 0.6944vw solid #b84542; border-radius: 9.7222vw 9.7222vw 0 0; }
    .pop_form { border: 0.6944vw solid #b84542; border-radius: 0 0 9.7222vw 9.7222vw; padding: 7.6389vw 7.6389vw 13.8889vw; }
    .pop_form > p { font-size: 2.7778vw; letter-spacing: -0.1389vw; margin-bottom: 1.25vw; }
    .pop_form input[type="text"],
    .pop_form input[type="tel"] { width: 64.5833vw; height: 6.25vw; border: 0.2778vw solid #241207; border-radius: 0.6944vw; font-size: 2.2222vw; }

    .pop_form .f_name,
    .pop_form .f_tel,
    .pop_form .f_insta { padding-bottom: 1.3889vw; }
    .pop_form .f_name>img { top: 1.9444vw; left: 9.4444vw; }
    .pop_form .f_tel>img { top: 1.9444vw; left: 1.5278vw; }
    .pop_form .f_priv { font-size: 2.222vw; padding-left: 3.6111vw; margin: 4.1667vw 0 0 2.7778vw; }
    .pop_form .f_priv+.f_priv { margin-top: 2.0833vw; }
    .f_priv label:before { top: -0.4167vw; width: 3.6111vw; height: 3.1944vw; }
    .f_priv input:checked+label:before { width: 3.6111vw; height: 3.1944vw; }
    .f_priv label>a { font-size: 1.6667vw; padding: 0.1389vw 0.9722vw 0.2778vw; margin-left: 1.5278vw; }
    .pop_cont .limit { font-size: 2.7778vw; }
    .pop_cont_inner li a { padding-left: 2.7778vw;}
    .pop_cont_inner li a:before { width: 4.4444vw; height: 4.4444vw; left: 2.7778vw; }
    .pop_priv { border-radius: 9.7222vw; }
    .pop_priv .pop_cont { padding: 4.8611vw 9.7222vw; border: 0.6944vw solid #b84542; border-radius: 0 0 9.7222vw 9.7222vw; }
    .pop_priv .pop_cont p { font-size: 3.3333vw; border-bottom: 0.1389vw solid; height: 6.25vw; }
    .pop_priv .pop_cont ul { padding: 6.9444vw 4.1667vw; border-radius: 2.7778vw; border: 0.1389vw solid #2f180b; }
    .pop_priv.pop_priv1 .pop_cont {padding: 9.7222vw 9.7222vw;}
    .pop_priv .pop_cont ul li { font-size: 2.5vw; padding-left: 1.6667vw; }
    .pop_area.type1 .pop_cont_inner { padding: 6.25vw 0;}
    .pop_area.type1 .btn_send { width: 47.5vw; height: 14.1667vw; margin-top: 3.8889vw; bottom: -4.4444vw; }
    .pop_form .f_tel label {letter-spacing: 0.2778vw;}
    .pop_form .f_name label,
    .pop_form .f_tel label {width: 11.8889vw; font-size: 2.7778vw;}
    .pop_buy .pop_form {padding: 7.6389vw 13.1944vw 13.8889vw;}
    .pop_buy .pop_form input { margin-top: 2.0833vw;}
    .pop_buy .pop_form [class^="f_"] label {font-size: 3.8889vw; letter-spacing: -0.3472vw;}
    .pop_buy .pop_form .f_step2 {margin-top: 3.4722vw;}
    .pop_buy .pop_form .f_step2 .filename {padding-left: 25vw;}
    .pop_buy .pop_form .f_step2 .file_wrap { left: 13.1944vw; bottom: 13.8889vw; width: calc(100% - 26.3889vw); }
    .pop_buy .pop_form .f_step2 .find_file { height: 6.25vw; line-height: 6.25vw; border-radius: 0.6944vw; padding: 0 4.1667vw; font-size: 2.7778vw; }
    .pop_buy .f_step2 input[type=file] { width: 0.1389vw; height: 0.1389vw; margin: -0.1389vw; }

	.pop_cont span.limit { margin-top:  2.7778vw;}
    /* ==테이블 참고(이전소스) */
    .tb_price{ border-radius: 0.9722vw; border: 0.1389vw solid #000; font-size: 2.7778vw; }
    .tb_price thead{ font-size: 2.7778vw; border-bottom: 0.1389vw solid #000; }
    .tb_price thead tr{ height: 6.25vw; }
    .tb_price tbody tr{ height: 6.9444vw; }
    .tb_price tbody td{ border-bottom: 0.1389vw solid #f0f0f0; }

    .pop_meats .pop_cont {
        padding: 0 9.7222vw 9.7222vw;     border: 0.6944vw solid #b84542;     border-radius: 0 0 9.7222vw 9.7222vw; }

    .pop_meats .meat_date {
        font-size: 2.7778vw;     letter-spacing: -0.2083vw; }
    #hanwoo2009Wrap .pop_area .h_icon {width: 20.8333vw;}
    .pop_meats .meat_plain {font-size: 4.1667vw; padding: 6.9444vw 0 6.9444vw;}
}