@charset "utf-8";
/* CSS Document */

legend { border: 0; }
.h { display: none; }
.fll { float: left !important; }
.flr { float: right !important; }
.wd_auto { width: auto; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.mb0 { margin-bottom: 0; }
.ml20 { margin-left: 20px; }
.ovh { overflow: hidden; }
.txt_center { text-align: center; }
.font16 { font-size: 16px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.bold { font-weight: bold; }
.color_green { color: #34bb33; }
.color_orange { color: orange; }
.color_blue { color: royalblue; }
.color_white { color: #fff; }
.color_red { color: red; }
.main_color { color: #e21f25 !important; }
.txt_color1 { color: #fc6103 !important }
.txt_color2 { color: #dd1a56 !important; }
.txt_color3 { color: #dd1a56 !important; }
.txt_color4 { color: #6e69ca !important; }
.txt_color5 { color: #3346ad !important; }
.clearfix:after { content: ''; display: block; float: none; clear: both; }

.li_size4 {overflow: hidden;}
.li_size4 > * { float: left; width: 25%; }

/*sub*/
#ctt h1 { margin-bottom: 50px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.article { margin-bottom: 70px; position: relative; }
.article > div { padding: 50px 20px; }
.article > div.fll { padding-right: 0; }
.article > div.flr { padding-left: 0; }
.article h2 { font-size: 36px; margin-bottom: 40px; word-break: keep-all; }
.article p { font-size: 16px; word-break: keep-all; line-height: 1.2; }

/*sub01_01*/
.sub01_01 .article01 .fll { position: absolute; height: 100%; background: url(../img/sub/sub01_01_bg01.png) left top no-repeat; }
.sub01_01 .article02 { background-color: #fff; }
/*.sub01_01 .article02 .fll * { color:#fff!important }*/
.sub01_01 .article02 .flr { background: url(../img/sub/sub01_01_bg02.png) right top no-repeat; height:252px; }
.sub01_01 .article03 { background-color: #f3f3f5; }
.sub01_01 .article03 .fll { background: url(../img/sub/sub01_01_bg03.png) right top no-repeat; height:271px; }
.sub01_01 .article04 { background-color: #fff; }
.sub01_01 .article04 .flr { background: url(../img/sub/sub01_01_bg04.png) right top no-repeat; height:252px; }
.sub01_01 .article05 { background-color: #fff;  position: relative }
.sub01_01 .article05 .flr { position: absolute ; left: 50%; color:#fff }
.sub01_01 .article05 .flr h2 { color:#ff6393 !important}
.sub01_01 .article05 .fll { background: url(../img/sub/sub01_01_bg05.png) right top no-repeat; height:252px; width:100%; }


#ctt .sub01_01 .article02 > div { padding-left: 60px; }
.sub01_01_ico { padding-left: 0; margin-top: 30px; }
.sub01_01_ico li { padding-top: 80px; text-align: center; background-repeat: no-repeat; background-position: center 10px; list-style: none;}
.sub01_01_ico li:nth-child(1) { background-image: url(../img/sub/sub01_01_ico01.png); }
.sub01_01_ico li:nth-child(2) { background-image: url(../img/sub/sub01_01_ico02.png); }
.sub01_01_ico li:nth-child(3) { background-image: url(../img/sub/sub01_01_ico03.png); }
.sub01_01_ico li:nth-child(4) { background-image: url(../img/sub/sub01_01_ico04.png); }

/*sub01_02*/
.sub01_02 .article01 .flr { position: absolute; height: 100%; right: 0; background: url(../img/sub/sub01_02_bg01.jpg) right center no-repeat; }
.sub01_02 .article02 { background: #f8f8f8 url(../img/sub/sub01_02_bg02.png) left center no-repeat; }
.sub01_02 .article02 .fll { }
.sub01_02 .article02 .flr.w50p { width: 44%; padding: 30px 20px; }

/*sub02_01*/
.sub02_01 .article01 { background: url(../img/sub/sub02_01_bg01.jpg) right center no-repeat; }
#ctt .sub02_01 .article01 > div { padding: 60px 20px; }
.sub02_01 .article02 { background: #f8f8f8 url(../img/sub/sub02_01_bg02.jpg)  left center no-repeat; }
#ctt .sub02_01 .article02 > div { padding: 30px 20px; padding-left: 60px; }
.sub02_01 .article03 { background: url(../img/sub/sub02_01_bg03.jpg) right center no-repeat; }
#ctt .sub02_01 .article03 > div { padding: 60px 20px; }


/*sub02_02*/
.sub02_02 .article01 .flr { position: absolute; height: 100%; right: 0; background: url(../img/business02.jpg) right 20px no-repeat; background-size:contain}
.sub02_02 .article02 { background: #f8f8f8 url(../img/sub/sub01_02_bg02.png) left center no-repeat; }
.sub02_02 .article02 .fll { }
.sub02_02 .article02 .flr.w50p { width: 44%; padding: 30px 20px; }

/*sub03_01*/
.sub03_01 .article01 { }
#ctt .sub03_01 .article01 > div { padding: 60px 0px; }
.sub03_01 .article01 ul.use_info, .sub03_01 .article01 .use_info li { list-style-type: none }
.sub03_01 .article01 .use_info li { float:left; width: 22%; margin:0 1.3%;  border:1px solid #ddd; border-radius: 10px; padding:15px; text-align: center; min-height: 271px; }
div.img_icon01, div.img_icon02, div.img_icon03, div.img_icon04
{ width:107px; height:107px;  margin:0 auto 10px}
div.img_icon01 { background: url("../img/sub_icon01.png") center center no-repeat }
div.img_icon02 { background: url("../img/sub_icon02.png") center center no-repeat }
div.img_icon03 { background: url("../img/sub_icon03.png") center center no-repeat }
div.img_icon04 { background: url("../img/sub_icon04.png") center center no-repeat }
.sub03_01 .article01 .use_info li  strong { display: block; background: #ff0000; width:40px; height:40px; text-align: center; border-radius: 100px; margin:0 auto 10px; color:#fff; font-weight: bold; line-height: 40px; font-size: 18px;}
.sub03_01  .article.article01 > p { text-align: center }
.sub03_01 .article h2 { font-size:22px; }

/*sub04_01*/
.sub04_01 .article01 .w100p { text-align: center }
.sub04_01 .article01 .fll { background: url("../img/sub/sub04_01_bg01.jpg") center top no-repeat; height:220px; }
.sub04_01 .article02 .flr.w50p { width: 44%; padding: 30px 20px; }
.deli_local { display:  inline-block; padding:5px 10px; background: #F5741D; border-radius: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; }
.sub04_01 .article02  { text-align: center }
.caps { font-size: 15px;}

/*sub05_01*/
.origin_label { display:  inline-block; padding:5px 10px; background: #187FDF; border-radius: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; margin:1px 0 }

/*결제진행*/
.menu_kind { display: block; background:url(../img/icon_menu.png) left center no-repeat; padding-left:23px; margin:2px 0 }
.salad_icon { display:inline-block; background:url(../img/icon_salad.png) left center no-repeat; padding-left:23px; margin:2px 0 }
.pmenu_icon { display:inline-block; background:url(../img/icon_menu.png) left center no-repeat; padding-left:23px; margin:2px 0 }
.order_counts { font-weight:bold; }
.sale_cost { font-weight:bold; color:#F30307 }

.menu_btn .menu_icon { background: none }

input[type="text"], input[type="password"], textarea, select { padding:5px; }

.mt1 { margin-top: 1px; }
.mb1 { margin-bottom: 1px; }
button[type="button"] { margin-left: 5px; }
.input_full { width: 100%; }
textarea { width: 100%; resize: none; }
.button_box { text-align: center; padding: 20px; }


.order_price_counts { background:#eaeaea !important; border-top:2px solid #F8161A !important; border-bottom:2px solid #F8161A !important }
.dark_gray { background: #9E9E9E !important; color:#fff !important }
.sale_cost_total, .option_cost_total, .next_month_cdst, .real_cost  { font-size:16px; font-weight:bold }

.cost_method { font-weight:600; font-size:20px; width:35px; }
.cost_count_table { width:100%; border-top:2px solid #F97108 !important;  border-left-width:0 !important; border-right-width:0 !important; border-bottom:2px solid #ccc !important }
.cost_count_table td { border-left: none !important; border-right:none !important; padding:5px 10px }
.cost_result { width:200px; text-align:right }
.cost_item { width:120px }
.last_cost_title { background:#fafafa; border-right:1px solid #dddddd !important; width: 140px; }
.cost_icor { background: url(../img/method_icor.png) 5px center no-repeat }
.cost_plus { background: url(../img/method_plus.png) 5px center no-repeat }
.cost_minus { background: url(../img/method_minus.png) 5px center no-repeat }

.pay_table, .menu_table { border-top:2px solid #5c8914 !important; border-left-width:0 !important; border-right-width:0 !important; border-bottom:2px solid #ccc; }
.menu_table th, .pay_table th { background:#fafafa !important; padding:5px 5px 5px 10px !important; }
.menu_table th, .menu_table td, .pay_table th, .pay_table td { border-left-width:0 !important; padding:7px !important; }
.menu_table tr td:last-child, .menu_table tr th:last-child, .pay_table tr td:last-child, .pay_table tr th:last-child  { border-right-width:0 !important  }


.m_order_h3 { font-size:1.6em; padding-left:35px; }
.m_order_h3.icon01 { background:url(../img/icon_spoon.png) 5px center no-repeat; background-size:12px; }
.m_order_h3.icon02 { background:url(../img/icon_cacul.png) 5px center no-repeat; background-size:20px 20px; }
.m_order_h3.icon03 { background:url(../img/icon_pay.png) 5px center no-repeat; background-size:26px; }
.m_order_h3.icon04 { background:url(../img/icon_person.png) 5px center no-repeat; background-size: 26px; }
.m_order_h3.icon05 { background:url(../img/icon_deli.png) 5px center no-repeat; background-size: 26px; }
.pc_order_h3 { padding-left:40px; font-size: 20px; padding-top:10px; padding-bottom:10px }
.pc_order_h3.icon01 { background:url(../img/icon_spoon.png) 5px top no-repeat; background-size:20px; margin-top:20px; }
.pc_order_h3.icon02 { background:url(../img/icon_cacul.png) 5px center no-repeat; background-size:25px 23px; }
.pc_order_h3.icon03 { background:url(../img/icon_pay.png) 5px center no-repeat; background-size:30px; }
.pc_order_h3.icon04 { background:url(../img/icon_person.png) 5px center no-repeat; background-size: 30px; }
.pc_order_h3.icon05 { background:url(../img/icon_deli.png) 5px center no-repeat; background-size: 30px; }

td.menu_name { white-space: normal !important;}
.pc_order_h3.icon03, .m_order_h3.icon03 { position: relative }
.pc_order_h3.icon03 .payment_comment { color: rgb(249, 113, 8); position: absolute; right: 0; font-size: 13px; }
.m_payment_comment { color: rgb(249, 113, 8); font-size: 13px; display: block; padding: 5px 0}

/*마이페이지*/
.mp_ul { overflow: hidden; margin: 7px 0;}
.mp_ul li { float: left; list-style-type: none; }

.mypage { overflow: hidden; font-family: 'Nanum Barun Gothic', sans-serif; }
.mypage h2 { padding: 0; margin-top: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #555555; font-weight: normal; font-family: 'Nanum Barun Gothic', sans-serif;}
ul.mypage_tab { padding: 0; float: right; margin-top: 20px; background: #ccc; overflow: hidden; border-top:1px solid #ddd }
ul.mypage_tab li { float: left; list-style: none; background: #fafafa; text-align: center; border-bottom:1px solid #ddd; width: 100% }
ul.mypage_tab li a { font-size: 14px; color: #333; text-decoration: none; padding: 10px 20px;  display: block; transition: none; text-align: left  }
ul.mypage_tab li:hover { background: #eaeaea; }
ul.mypage_tab li.on { background: #f4a515; }
ul.mypage_tab li.on a { color:#fff; position:relative }
ul.mypage_tab li.on a:after { content:"▲"; color:#fff; position:absolute; bottom:-5px; width:15px; text-align:center; left:50%; margin-left:-7.5px; }
ul.mypage_sub_tab { padding: 0; margin-top: 20px; margin-right: 10px;   overflow: hidden; border-radius: 5px; display: inline-block;  }
ul.mypage_sub_tab li { float: left; list-style: none; background: #0e8185; text-align: center;}
ul.mypage_sub_tab li:hover { background: #479FA3; }
ul.mypage_sub_tab li.on { background: #479FA3; }
ul.mypage_sub_tab li a { font-size: 14px; color: #fff; text-decoration: none; padding: 10px 20px;  display: block; transition: none; }
.btn-primary { border:none !important}
.btn_member_out { height:36px; line-height: 36px; padding-left:3px; padding-right:3px; vertical-align: middle; font-size: 12px !important; border-radius: 3px}
.btn_post { height:36px !important; line-height: 36px !important; vertical-align: middle; background: #646464 !important; color:#FFF!important }
.mypage_oreder_btnset { padding-top:30px;}

table.user_info { margin-bottom: 20px; border:2px solid #86be5d; background:#fafafa; border-radius:10px; -webkit-border-radius:10px; }
table.user_info td { background:#fafafa !important }
table.user_info tr td.user_info_title { padding: 10px 20px; width: 200px; text-align: center; }
table.user_info tr td p { float: left; margin: 0; text-align: center; line-height: 1.3; }
table.user_info tr td p span.user_name { font-weight: bold; }
table.user_info tr td span.user_class { font-size: 20px; font-weight: bold;}
.point_txt1 { font-size: 30px; }
.point_txt2 { font-size: 30px; font-weight: bold; color: #F43437; }
.point_txt3 { font-size: 20px; font-weight: bold; color: #F43437; }

table.order-search { border-radius: 5px; overflow: hidden; }
table.order-search tr td { background: #eee; }
table.order-search tr td h3 { font-size: 16px; margin-top: 10px; float: left; }
table.order-search tr td li { margin-right: 10px; }
table.order-search tr td li:last-child { margin-right: 0; }

.mypage button[type="button"] { margin: 0 3px; }
.mypage button[type="submit"] { margin: 0 3px; }
.mypage button[type="reset"] { margin: 0 3px; }

.over_scroll_box
.over_box { min-width: 800px; }



.dot_list li { padding:5px 5px 5px 30px; position: relative }
.dot_list li:before {  content: ""; position: absolute; width:15px; height: 4px; border-radius: 10px; background:#FD8D00; top:15px; left:0  }

/*이용안내*/
.guide_sec.sub_sec:first-child { border:none; padding-bottom:50px}
.guide_area { overflow: hidden }
.float_con { clear: both; position: relative }
.con_copy { padding: 40px; background:rgba(255,255,255,1); position: absolute;  font-size: 1.2em;}
.con_copy.guide_1 { top: 60px; padding: 80px 40px; right: 0px; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
.con_copy.guide_2 { top: 60px; padding: 80px 40px; left: 0; -webkit-box-shadow: 20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: 20px 3px 10px 5px rgba(0,0,0,0.05); }
.con_copy.guide_2-1 { top: 60px; padding: 80px 40px; right: 0px; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
.con_copy.guide_3 { top:0; padding: 30px 40px 0; right:0; ; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
.con_copy.guide_4 { width:100% }
.con_copy.guide_5 { top: 50px; right:0; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
.con_copy.guide_7 { top: 50px; right:0; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
.con_copy.guide_8 { top: 50px; left:0; -webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);}
table.guide_price { margin-bottom:40px;}
.guide_price td, .guide_price th { border:1px solid #ddd; }
.guide_price th { font-weight: 500; background: #fafafa}
.con_copy .dot_list h1 { font-size: 19px; color:#000 }
.con_copy .dot_list h1 span { font-size: 14px; font-weight: 400; display: block; padding: 10px 0 20px; }
.diogram_list li img { width: 50%; display: block; margin: 10px auto}
.diogram_list li { float:left; width: 33.33333%; padding: 20px; text-align: center;  position: relative }
.diogram_list li:before { content: ""; position:absolute; width: 98%; height: 98%; border:1px solid #ddd; border-radius: 5px; left:1%; top:1% }
.diogram_list2 li img { width: 50%; display: block; margin: 10px auto}
.diogram_list2 li { float:left; width: 25%; padding: 20px; text-align: center;  position: relative; min-height: 255px; }
.diogram_list2 li:before { content: ""; position:absolute; width: 98%; height: 98%; border:1px solid #ddd; border-radius: 5px; left:1%; top:1% }

/*오늘애찬 소개*/
.sub_con { width: 100%; margin: 50px auto;  }
.sub01 p { line-height: 1.4;  margin-bottom: 30px; }
.sub_tit_img img { width: 49%; }
.sub_txt_box { /*padding-top: 50px; background: url(../img/sub/bg_txt_sub01.png) no-repeat center 0;*/ }

/* about.php - 회사소개 */
.about_intro_sec dl{}
.about_intro_sec dl dt{position:relative; height:360px; background:url('../img/about_intro.jpg') center no-repeat; background-attachment:fixed;}
.about_intro_sec dl dt h1 { font-size:72px; text-align: center; position: absolute; width:100%; height: 60px; top:505; margin-top:-30px;}
.about_intro_sec dl dt span{position:absolute; font-size:72px; font-weight:100; color:#fff;}
.about_intro_sec dl dt span:first-child{top:1rem; right:1rem;}
.about_intro_sec dl dt span:last-child{bottom:1rem; left:1rem;}
.about_intro_sec dl dd{padding-top:2rem;}
.about_intro_sec dl dd h2{padding-bottom:1rem; letter-spacing:-0.04em; font-size:48px; font-weight:300;}
.about_intro_sec dl dd div{padding-left:11rem; font-size:0}
.about_intro_sec dl dd p{display:inline-block; width:50%; padding-left:1rem; vertical-align:top; line-height:1.8; font-size:15px;}
.about_intro_sec dl dd span{display:block;}

/* 어바웃  아이콘 */
.about_icon_area {background: rgb(255,255,255); /*background: linear-gradient(45deg, rgba(35,122,184,1) 0%, rgba(91,182,226,1) 100%);*/}
.about_icon_area .icon_box {font-size:0;}
.about_icon_area .icon_item{display:inline-block; width:50%; font-size:15px; text-align:center; vertical-align:top; color:#808080; padding:20px 65px; position: relative; min-height: 440px; }
.about_icon_area .icon_item:before { content:""; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #ddd; position: absolute; left:5px; top:5px; border-radius: 0 20px 0 20px }
.about_icon_area .icon_item > figure{width:100%; height:150px; margin:0 auto; padding:0; background:#fff; border-radius:50%; position:relative;}
.about_icon_area .icon_item > figure > img{ height:150px; position:absolute; top:50%; left:50%; -webkit-tranform:translate(-50%, -50%); transform:translate(-50%,-50%);}
.about_icon_area .icon_item > .txt > h4{padding:16px 0 12px; font-size:16px; font-size: 18px}
.about_icon_area .icon_item > .txt > ul {text-align: left; font-size: 16px; }
.about_icon_area .icon_item > .txt > ul li { position: relative; padding:5px 0 5px 20px}
.about_icon_area .icon_item > .txt > ul li:before { content: ""; width:3px; height:3px; background:#7F7F7F; position: absolute; left:0; top:13px;border-radius: 10px;}


/*차별점*/
.sub01_disc { width: 1000px; height: 300px; background: url(../img/sub/bg1_sub01.jpg) no-repeat center; margin-left: auto; margin-right: auto; padding: 20px;}
.sub01_disc h4 { border-bottom: 1px solid #ddd; color: #fff; font-size:24px; padding: 0 0 10px 0; }

/*원산지*/
.location_area { font-size: 24px; margin:10px 0 }

/*오시는길*/
.root_daum_roughmap_landing { width: 100%;}
.adrr_box ul { list-style: none; overflow: hidden; }
.sub01 section { text-align: center; }
.sub01 .sect03 .root_daum_roughmap { width: 100%; }
.adrr_box { margin-top: 30px; }

/*배송안내*/
.delivery_copy { text-align: center; font-size: 24px; line-height: 1.4; padding: 30px 0 }
table.delivery_table { margin-bottom:40px;}
.delivery_table td, .delivery_table th { border:1px solid #ddd; }
.delivery_table th { font-weight: 500; background: #fafafa }
.delivery_table th:first-child { font-weight: 500; background: #fafafa ; width:20%;}
.delivery_qa { text-align: center; font-size:19px; font-weight: 400;}
.delivery_qa h1 { font-size: 24px; margin: 30px 0; border:1px solid #ddd; background: #fafafa; display: inline-block; padding:15px; border-radius: 10px}

/*원산지표시*/
.origin_table { border-top: 1px solid #ddd; border-right:1px solid #ddd; border-collapse: collapse; border-top:2px solid #eb5d01 }
.origin_table th, .origin_table td { padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd }
.origin_table tr td:nth-child(1) { padding-left:10px; font-weight: 500; color:#000}
.origin_table tr:nth-child(1) td:nth-child(2), .origin_table tr:nth-child(6) td:nth-child(2), .origin_table tr:nth-child(15) td:nth-child(2),
.origin_table tr:nth-child(25) td:nth-child(2)
{ padding-left:10px; font-weight: 500; color:#000 }
.origin_table th { background: #ffefe4; text-align: center }
.origin_table thead th:nth-child(1), .origin_table thead th:nth-child(3) { width: 15%}
.origin_cate { background: #fafafa }


/*관리자 새로만든 것*/
.admin_box {  }
.admin_box > div { }
.admin_box_tit { text-align: center; line-height: 30px; background: #0e8185; color: #fff; border-radius: 5px; margin-bottom: 5px;}
.admin_box ul { list-style: none; padding: 0; margin: 0; border: 1px solid #ddd; margin-bottom: 10px;}
.admin_box ul li { padding: 5px; border-bottom: 1px solid #ddd; }

.admin_box .admin_box_middle ul li { padding-left:20px; background: url(../img/bullet01.png) no-repeat 10px center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.admin_box .admin_box_middle ul li.wait:before { content: '입금대기'; font-size:10px; background: #c0d9da; border-radius: 5px; display: inline-block; padding:3px;margin-right: 5px;}
.admin_box .admin_box_middle ul li.cancel:before { content: '취소요청';  font-size:10px; background: #c0d9da; border-radius: 5px; display: inline-block; padding:3px;margin-right: 5px; }
.admin_box .admin_box_middle ul li.request:before { content: '이월요청';  font-size:10px; background: #c0d9da; border-radius: 5px; display: inline-block; padding:3px;margin-right: 5px; }
.admin_box .admin_box_middle ul li.complete:before { content: '이월완료';  font-size:10px; background: #c0d9da; border-radius: 5px; display: inline-block; padding:3px;margin-right: 5px;}
.admin_box table { text-align: center;  }
.admin_box table th{ text-align: center; }
.admin_box table td:nth-child(2) { min-width: 20%; }
.admin_box table td:nth-child(4) { text-align: right; width: 10%; }
.admin_box table td:nth-child(5) { width: 10%; }
.admin_box table td:nth-child(6) { width: 10%; }


@keyframes swipe_ani {
	/*0% { transform: rotate(0deg); transform-origin: center bottom; }*/
	0%{ transform: rotate(-20deg); transform-origin: center bottom; }
	100%{ transform: rotate(20deg); transform-origin: center bottom; }
	/*100%{ transform: rotate(0deg); transform-origin: center bottom; }*/

}

@-webkit-keyframes swipe_ani {
	/*0% { transform: rotate(0deg); transform-origin: center bottom; }*/
	0%{ -webkit-transform: rotate(-20deg); -webkit-transform-origin: center bottom; }
	100%{ -webkit-transform: rotate(20deg); -webkit-transform-origin: center bottom; }
	/*100%{ transform: rotate(0deg); transform-origin: center bottom; }*/

}

@media (max-width: 1200px){
	#ctt { padding: 10px; }
	#ctt .article > div { padding: 50px 0; }
	.sub01_01 .article01 .fll { background-size: auto 350px }
	.sub01_01 .article02 .flr { background-size: auto 450px }

	.sub01_02 .article01 .flr { background-size: auto 350px }
	.sub01_02 .article02 { background-size: auto 350px }

	#ctt .sub02_01 .article01 > div { padding: 50px 20px; }
	.sub02_01 .article01 { background-size: auto 350px }
	.sub02_01 .article02 { background-size: auto 350px }

}

@media (max-width: 1024px) {
	#ctt .article > div { padding: 30px 0; }
	.article > div.w50p { width: 60%; }
	.sub01_01 .article01 .fll { background-size: auto 250px }
	#ctt .sub01_01 .article02 > div { padding-left: 30px; }
	.sub01_01 .article02 .flr { background-size: auto 350px }

	.sub01_02 .article01 .flr { background-size: auto 250px }
	#ctt .sub01_02 .article01 > div { padding: 30px 0px; padding-left: 20px; }
	.sub01_02 .article02 { background-size: auto 250px }
	.sub01_02 .article02 .flr.w50p { width: 60%; }

	.sub02_01 .article01 { background-size: auto 250px }
	.sub02_01 .article02 { background-size: auto 250px }
	#ctt .sub02_01 .article01 > div { padding: 30px 0px; padding-left: 20px; }
	#ctt .sub02_01 .article02 > div { padding: 20px 0px; padding-left: 30px; }

	ul.mypage_tab li a { font-size: 12px }
	
}

@media (max-width: 768px) {
	.pc_view { display: none; }
	
	#ctt h1 { font-size: 18px }

	.article { margin-bottom: 40px; }
	.article h2 { font-size: 28px; margin-bottom: 20px; }
	#ctt .article > div.fll { float: none !important; text-align: center; background-position: center; position: relative; }
	#ctt .article > div.flr { float: none !important; text-align: center; background-position: center; position: relative; }
	.article > div.w50p { width: 100%; }

	.sub01_01 .article01 .fll { height: 240px; }
	#ctt .sub01_01 .article02 > div { padding-left: 0; }
	.sub01_01 .article02 .flr { display: none; }
	.sub01_01_ico li { background-size: 70px; padding-top: 70px; }

	.sub01_02 .article01 .flr { height: 170px; }
	#ctt .sub01_02 .article01 > div { padding-left: 0; }
	.sub01_02 .article02 { background-position: center top; padding-top: 230px; }
	.sub01_02 .article02 .flr.w50p { width: 100%; }

	.sub02_01 .article01 { background-position: center top; padding-top: 190px; }
	#ctt .sub02_01 .article01 > div { padding-left: 0; }
	.sub02_01 .article02 { background-position: center top; padding-top: 230px; background-color: #fff; background-position: center top }
	#ctt .sub02_01 .article02 > div { padding-left: 0; }
	.sub02_01 .article03 { background-position: center top; padding-top: 190px; background-size: contain}
    
	.sub02_02 .article01 { background-position: center top; }
	#ctt .sub02_02 .article01 > div { padding-left: 0; }
	#ctt .sub02_02 .article01 > .flr.w50p { height: 200px;}
	#ctt .sub02_02 .article01 > .fll.w50p { padding-top:0px; }
	.sub02_02 .article02 { background-position: center top; background-size: contain; padding-top:220px; }
	#ctt .sub02_02 .article02 > div { padding-left: 0; }
	.sub02_02 .article02 .flr.w50p { width:100%; }
    
    .sub03_01 .article01 .use_info { padding:5px }
    .sub03_01 .article01 .use_info li { width:100%; margin:5px 0; padding:5px; min-height: 70px; text-align: left }
    .sub03_01 .article01 .use_info p { font-size: 13px; font-weight:400; padding:0 20px 0 40px}
    div.img_icon01, div.img_icon02, div.img_icon03, div.img_icon04 { margin:inherit; float: left; margin-right:15px; }
    .sub03_01 .article01 .use_info li strong { margin:20px 0 10px 0px;  display: inline-block; width: 30px;  height: 30px; line-height: 30px;  }
    
    .sub04_01 .w100p { padding: 0 !important;  }
    .article .w100p h2 { font-size: 20px !important; }
    .sub04_01 .article01 .fll { background-size: contain; height: 120px;}
    .sub04_01 .flr.w50p { padding-bottom: 0 !important}

	.table-responsive.mypage { border: 0; }
	.table-responsive table { margin-bottom: 20px!important; border-bottom: 1px solid #000; }
	.table-bordered { border-bottom: 1px solid #ddd!important; }
	.order-search input[type="text"] { margin-bottom: 5px; }

	ul.mypage_tab li a { padding: 10px; }
	
	/*마이페이지*/
	.user_info_title { overflow: hidden }
	.user_info_title p br, .user_info_cont br { display: none }
	.user_info_title p { float:left;  padding: 5px 20px 5px 10px; }
	.user_info_cont { padding: 10px 10px 0 10px !important}
	.user_class { display: inline-block; margin-left:5px; border:1px solid #ddd; background: #fff; border-radius: 10px; padding: 5px 20px; float: left }
	.point_txt2 { display: inline-block; margin-left:5px; border:1px solid #ddd; background: #fff; border-radius: 10px; padding: 3px 20px}

}

@media (max-width: 639px) {
	.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:inherit; word-break: break-all;}

	.table-responsive.mypage { border: 0; }
	.table-responsive table { margin-bottom: 20px!important; border-bottom: 1px solid #000; }
	.table-bordered { border: 1px solid #ddd!important; }

	/*ul.mypage_tab { margin-right: 0; }*/
	ul.mypage_tab { margin: 10px auto; float: none; clear: both;}
	ul.mypage_tab li { width: 25%; }
	ul.mypage_tab li a {  padding: 10px 5px; }

	table.user_info tr  td { width: 50%; }
	table.order-search tr td h3 { float: none; }
	table.user_info tr  td.user_info_title { padding: 10px; }
	table.user_info tr  td.user_info_cont { padding: 10px; text-align: center; }
	table.user_info tr td p { float: none; }
	table.user_info tr td span.point_txt2 { display: block; margin: 0;}

	.order-search input[type="text"] { width: 170px; margin-bottom: 5px; }
	table.order-search tr td li { margin-right: 0; }
	.mp_ul { padding: 0; }
	.mp_ul li { float: none; text-align: center; }

	.over_scroll_box { overflow-x: scroll; position: relative; }
	.over_scroll_box:after { content: "";background: url(../img/ico_swipe.png)no-repeat  0px 0px; position: absolute; width: 20px; height: 50px; top: 0; right: 150px; -webkit-background-size: contain; background-size: contain; animation: swipe_ani 1s infinite alternate ; -webkit-animation: swipe_ani 1s infinite alternate;}

	/*소개*/
	.sub_tit_img img { width: 100%; margin-bottom: 10px;}
	.sub_txt_box { -webkit-background-size: 600px; background-size: 600px; background-position: center center;}
	/*차별점*/
	.sub01_disc  { width: 100%; }

	/*원산지표시*/
	.table_tr { float: left; width:100%;}

	/*결제*/
	.last_cost_title { width:auto }
	.pay_table, .menu_table { border-top:2px solid #5c8914 !important; border-left-width:0 !important; border-right-width:0 !important; border-bottom:2px solid #ccc; }
	.menu_table th, .pay_table th { background:#fafafa !important; padding:5px 5px 5px 10px !important; }
	.menu_table th, .menu_table td, .pay_table th, .pay_table td { border-left-width:0 !important }
	.menu_table tr td:last-child, .menu_table tr th:last-child, .pay_table tr td:last-child, .pay_table tr th:last-child  { border-right-width:0 !important  }
	.menu_table th.width_120px, .pay_table th.width_120px { width:80px; }

	.cost_count_table { border-top:2px solid #F97108 !important; }

}


/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media (max-width: 480px) {
	
	br.respone_br { display: none; }
	
	/*마이페이지*/
	.mypage h1, .tab_box .mypage_title, .mypage .mypage_title { margin-top:0; font-size: 20px; padding-top:20px; }
	#mobile_tnb ul { padding: 0; }
   	br.respone_br { display: block; }
   	ul.mypage_tab li { width: 33.333%; }
	ul.mypage_tab li a { font-size: 12px; text-align: center }
	ul.mypage_tab li:last-child { border-bottom:none }
	ul.mypage_tab li:nth-child(3), ul.mypage_tab li:nth-child(6) { border-right:none }
	.point_txt1 { font-size:18px }
	table.order-search tr td li { float:left; }
	table.order-search tr td li a.btn, table.order-search tr td li .btn { height: 36px !important; line-height: 36px !important;}
	.mypage_oreder_select { float: none; }
	.mypage_oreder_btnset { float: none; padding: 30px 0; overflow: hidden }
	.mypage_oreder_btnset a, .mypage_oreder_btnset button { margin-bottom:10px !important;}
	.order-search input[type="text"] { width:140px;}
	.mymape_member th.width_120px { width:60px !important}
	.mp_ul.deposit li input, .mp_ul.refund li input, .mp_ul.bag_search li input {width:120px}
	.mypage a.btn, .mypage .btn { height: 36px; line-height: 36px }
    	
	/*소개*/
	.about_icon_area {background: rgb(255,255,255); /*background: linear-gradient(45deg, rgba(35,122,184,1) 0%, rgba(91,182,226,1) 100%);*/}
	.about_icon_area .icon_box {font-size:0;}
	.about_icon_area .icon_item{display:block; width:100%; font-size:15px; text-align:center; vertical-align:top; color:#808080; padding:20px 35px; }
	.about_intro_sec dl dd p:first-child {padding-left:20px; }
	.about_icon_area .icon_item > .txt > p { font-size: 14px; }
	
	/*원산지 */
	.origin_table thead th:nth-child(3) { width: 20%}
	
	/*이용안내*/
	.about_sec.sub_sec.guide_area { margin: 64px 0 0px; padding:0}
	.float_con { padding-bottom:10px;}
	.con_img.fll.w50p, .con_img.flr.w50p { float: none !important; width:100% }
	.con_copy.w60p.guide_1, .con_copy.w60p.guide_2, .con_copy.w60p.guide_3, .con_copy.w60p.guide_5 
	{ float:none; position: relative; width:95%; top: auto; padding:30px; margin:-60px auto 0 ;-webkit-box-shadow: -20px 3px 10px 5px rgba(0,0,0,0.05);box-shadow: -1px -15px 10px 3px rgba(0,0,0,0.05);}
	.diogram_list li { float:none; width:100% ; overflow: hidden; text-align: left; font-size: 0.9em; padding:20px 20px 0 20px; min-height: auto;}
	.diogram_list li img, .diogram_list2 li img { width: 20%; float: left; margin-right:20px; margin-top:-10px; }
	.diogram_list2 li { float:none; width:100% ; overflow: hidden; text-align: left; font-size: 0.9em; padding:20px 20px 20px 20px; min-height: auto;}
	.diogram_list2 {padding-bottom:60px;}
	
	/*배송안내*/
	.delivery_copy {font-size: 20px}
	.delivery_qa { font-size:15px; }
	.delivery_qa h1 { font-size: 20px; }
	
}

/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {
	
	

}
/* 320px end */