@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------------- 
	File   : Content.css 
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc 
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),  
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,  
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, etc
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sub .section_body {padding:0 20px 3.750em 20px;font-weight:bold;}
.sub.table_list .section_body {padding:0 20px 114px 20px;}
.sub_pt {padding-top:3.25em;}
.tit_h2 {margin-bottom:2.25em; font-size:1em; text-align:center;}
.tit_h2 img {height:2.875em;}

/* tasty */
.tasty_box_controls {position:relative; text-align:center;}
.tasty_box_controls .tasty_prev {position:absolute; left:0px; top:0px; display:block; width:2.125em; height:2.125em; text-indent:-9999px; background:url('/Images/Common/btn_prev.png') center center no-repeat; background-size:cover;}
.tasty_box_controls .tasty_box_today {font-size:1.625em; color:#333333; line-height:1.308em; font-weight:bold;}
.tasty_box_controls .txt {font-size:1.625em; color:#333333; line-height:1.308em; font-weight:bold;}
.tasty_box_controls .tasty_next {position:absolute; right:0px; top:0px; display:block; width:2.125em; height:2.125em; text-indent:-9999px; background:url('/Images/Common/btn_next.png') center center no-repeat; background-size:cover;}

.tasty_box_list {position:relative; margin-top:2.5em;}
.tasty_box_list .list .item {text-align:center;}
.tasty_box_list .list .item img {max-width:100%; border:1px solid #cccccc;}
.tasty_box_list .bx-prev {position:absolute; left:0px; top:50%; width:3.750em; height:3.25em; margin-top:-1.625em; text-indent:-9999px; background:url('/Images/Common/btn_img_prev.png') no-repeat; background-size:cover;}
.tasty_box_list .bx-next {position:absolute; right:0px; top:50%; width:3.750em; height:3.25em; margin-top:-1.625em; text-indent:-9999px; background:url('/Images/Common/btn_img_next.png') no-repeat; background-size:cover;}

.tasty_box_info {margin-top:2.188em;}
.tasty_box_info .tit {font-size:1.625em; color:#4a6726; line-height:1.385em; font-weight:bold;}
.tasty_box_info .tit .green {display:block; font-size:1em; color:#72af2d;}
.tasty_box_info .txt {margin-top:10px; font-size:1.375em; color:#666666; line-height:1.455em;}

/* table */
.section_banner {padding:0 20px; margin-top:2.5em;}
.section_banner img {max-width:100%;}
.table_box_wrap {position:relative; padding-top:1.875em; border-top:2px solid #72af2d;}
.table_box_wrap.none_border {border:none;}
.table_info {font-size:1em; color:#cb0000; text-align:right;}
.tit_h3 {*zoom:1; padding-left:2.091em; font-size:1.375em; color:#333333; line-height:1.182em; font-weight:bold; background:url('/Images/Common/ico_h3.png') left top no-repeat; background-size:1.182em 1.182em;}
.tit_h3:after {content:""; display:block; clear:both;}
.tit_h3.mar_t60 {margin-top:2.727em;}
.tit_h3 .txt {float:right; padding-top:0.12em; font-size:0.99em; font-weight:normal;color:#cb0000;  font-weight:bold; }
.txt_info {padding-top:0.5em;  font-size:1.375em; color:#cb0000; line-height:1.182em; font-weight:bold; text-align:right;}
.galleryList_wrap {*zoom:1; padding-top:1.875em;}
.galleryList_wrap.pd_t10 {padding-top:1.875em; border-bottom:1px solid #cccccc;}
.galleryList_wrap.pd_t10.last_galleryList {border-bottom:none;}
.galleryList_wrap:after {content:""; display:block; clear:both;}
.galleryList .item {*zoom:1; display:block; position:relative; padding-bottom:1.875em;}
.galleryList .item:after {content:""; display:block; clear:both;}
.gallery_img {float:left; display:block; width:32%; vertical-align:top;}
.gallery_img img {width:100%;}
.gallery_info {float:right; display:block; width:68%; padding:0 0 0 10px; vertical-align:top;}

.gallery_txt .tit {display:block; margin-bottom:10px; font-size:1.375em; color:#333333; line-height:1.364em; letter-spacing:-1px;}
.gallery_txt .info {font-size:1.125em; color:#666666; line-height:1.667em; letter-spacing:-1px;}
.gallery_txt .price_wrap .price {font-size:1.125em; color:#ea5904; line-height:1.667em;}
.gallery_txt .price_wrap .unit {font-size:1.125em; color:#ea5904; line-height:1.667em;}

.gallery_btn {position:absolute; right:0; bottom:1.9em; /* margin-top:1.250em; */ text-align:right;}
.gallery_btn .gallery_num {width:3.182em; height:1.727em; padding:2px 6px; line-height:15px; font-size:1.375em; color:#333333; font-weight:bold; text-align:center; border:1px solid #cccccc; background:#eeeeee;}
.gallery_btn .gallery_num::placeholder  {line-height:1.25em;}
.gallery_btn .btn_add {display:inline-block; width:2.375em;}
.gallery_btn .btn_add img {max-width:100%;}
.gallery_btn .btn_minus {display:inline-block; width:2.375em;}
.gallery_btn .btn_minus img {max-width:100%;}
.gallery_btn .gallery_soldOut {display:block; width:9.5em; height:2.375em;}
.gallery_btn .gallery_soldOut img {max-width:100%;}

.off .gallery_btn .gallery_num {display:none;}
.off .gallery_btn .btn_add {display:none;}
.off .gallery_btn .btn_minus {display:none;}
.off .gallery_btn .gallery_soldOut {display:inline-block;}

.table_box_wrap .btn_wrap {display:block; position:absolute;  width:100%; height:94px; border-top:2px solid #72af2d; z-index:40; background-color:#fff;}
.table_box_wrap .btn_wrap.btn_fixed {position:fixed; bottom:0; left:0; height:94px; padding:0 20px;}
.total_area {display:inline-block;  text-align:right;}

/* story */
.sub_story {background:#f0f0f0;}

/* family */
.user_info {height:6.875em; padding:2.5em 0; margin-top:2.5em; margin-bottom:2.5em; text-align:center; background:url('/Images/Family/bg_user_info.jpg') center center no-repeat; background-size:cover;}
.user_info .tit {font-size:1.625em; color:#4a6726; line-height:1.154em;}
.user_info .txt {font-size:1.625em; color:#4a6726; line-height:1.154em;}
.user_info .txt .count {font-size:1em; color:#4a6726; line-height:1.154em;}

.total_box {height:3.125em; margin-top:10px; text-align:center; background:#72af2d;}
.total_box dt {display:inline-block; padding-right:0.700em; font-size:1.250em; color:#ffffff; line-height:2.500em;}
.total_box dd {display:inline-block; position:relative; padding-left:1em;}
.total_box dd:after {content:""; display:block; clear:both; position:absolute; left:0px; top:0.938em; width:1px; height:1.188em; background:#ffffff;}
.total_box dd .price {font-size:1.250em; color:#ffffff; line-height:2.500em; font-weight:bold;}
.total_box dd .unit {font-size:1.250em; color:#ffffff; line-height:2.500em;}

.family_box {margin-top:1.875em;}
.family_box .item {height:3.125em; margin-top:10px; padding:0.675em 20px; background:#eeeeee;}
.family_box .item .info {position:relative; padding:0 7.5em 0 0;}
.family_box .item .info dt {position:relative; display:block; padding:0 5.625em 0 0;}
.family_box .item .info dt .tit {display:block; width:100%; font-size:1.250em; color:#333333; line-height:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.family_box .item .info dt p {position:absolute; right:0px; top:0px; width:5em; padding-right:30px; text-align:right;}
.family_box .item .info dt .price {font-size:1.250em; color:#666666; line-height:1.5em;}
.family_box .item .info dt .unit {font-size:1.250em; color:#666666; line-height:1.5em;}
.family_box .item .info dd {position:absolute; right:0px; top:0px; display:block; width:8em; text-align:right; border-left:1px solid #889c58;}
.family_box .item .info dd .price {font-size:1.250em; color:#ea5904; line-height:1.5em;}
.family_box .item .info dd .unit {font-size:1.250em; color:#ea5904; line-height:1.1em;}
.family_box .item .info dd .btn_del {display:inline-block; margin-left:1em; padding-top:0.35em; vertical-align:top;}
.family_box .item .info dd .btn_del img {display:inline-block;max-width:100%;}

.formBox_wrap {margin-top:1.063em; border-top:2px solid #cccccc;border-bottom:2px solid #72af2d;}
.formBox_list {position:relative; margin-bottom:1.5em; padding:0 0 0 7.5em;}
.formBox_list dt {position:absolute; left:0px; top:0px;}
.formBox_list dt .tit {display:block; padding-left:0.955em; font-size:1.375em; color:#333333; line-height:2.273em; background:url('/Images/Table/bl_table.jpg') left center no-repeat;}
.formBox_list dd > span {display:inline-block; margin-right:1em;}
.formBox_list dd > span > label {font-size:1.275em; color:#333333; line-height:2.273em;}
.formBox_list dd > span > label.txt_red {/* font-size:0.85em;*/ font-size:1.25em; color:#cb0000}
.formBox_list dd > span > label.txt_orange {/* font-size:0.85em;*/ font-size:1.25em; color:#ff6600}
.formBox_list dd > input {height:2.5em; padding:0 10px; font-size:1.250em; /* color:#cccccc; */ line-height:2.5em; border:1px solid #bfbfbf;}
.formBox_list dd > input.size100p {width:100%;}
.formBox_list dd > input.mar_t30 {margin-top:1.5em;}
.formBox_list dd > span > input.size100p {width:100%;}
.formBox_list select.PicupTime {margin-right:10px;}
.formBox_list .radio_wrap .radio {margin-right:10px;}
.inputBox_type1 span {display:inline-block;}
.inputBox_type1 span input {margin:0 5px;}      
.inputBox_type1 span label {font-size:1.275em; color:#333333; line-height:2.273em;}
.inputBox_type2 span {display:inline-block; margin-right:0.35em; font-size:1.25em; line-height:2.273em;}
.inputBox_type2 span.txt_red {/* font-size:0.85em; */ font-size:1.25em; color:#cb0000;}
.inputBox_type2 input {width:36%; height:2.5em; padding:0 10px; font-size:1.250em; /* color:#cccccc; */ line-height:2.5em; border:1px solid #bfbfbf;}


/* formBox_list input[type="radio"] {
     position: absolute;
    opacity: 0;


.formBox_list dd > span > label {
  display: inline-block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
margin: 10px auto;
  height: 30px; 
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.formBox_list .check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}


.formBox_list .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.formBox_list input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}

.formBox_list input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}

.formBox_list input[type=radio]:checked ~ label{
  color: #0DFF92;
}
.formBox_list .radio input[type="radio"]:checked + .radio-label:before {background-color:#72af2d;} */