@charset "utf-8";

input::placeholder{color:#a2a2a2;}
/* Firefox */
::placeholder{color:#a2a2a2; opacity:1;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder{color:#a2a2a2;}
/* Microsoft Edge */ 
::-ms-input-placeholder{color:#a2a2a2;}

#header nav{box-shadow:0px 5px 20px rgba(0,0,0,0.1);}
#header nav.active.line{box-shadow:none;}
#header nav.fix{position:fixed; top:0px; width:100%; border-radius:0 0 5px 5px;}
#header nav.fix [data-gnb="home"]{border-top-left-radius:0px;}

#container{min-width:1400px; padding-bottom:40px; background:#f9fbfc;}
#container .inr_conts{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:1300px; margin:155px auto 0; padding-bottom:80px; background:#fff; border:1px solid #eceef2; border-radius:5px;} 
#container .inr_conts > .inr,
#content{box-sizing:border-box;}
#container .inr_conts > .inr{position:relative; width:100%; background-color:#fff;}
#content{flex:auto; min-height:500px; margin:0 auto; padding:30px 20px 0;}
.area_system_snb ~ #content{width:calc(100% - 260px);}
#wrap.system #container .inr_conts{width:1400px;}

/* system snb */
.area_system_snb{flex:none; width:220px; margin:30px 20px 0;}
.area_system_snb .snb > li > a{display:flex; justify-content:flex-start; align-items:center; position:relative; height:60px; box-sizing:border-box; padding:5px 20px 5px 25px; background:#fff; border:1px solid #d8d8d8; border-top-color:#e3e5e7; border-width:1px 1px 0px; font-size:17px; font-weight:400; color:#333; letter-spacing:-1px;}
.area_system_snb .snb > li > a:after{content:''; opacity:0; display:block; position:absolute; right:20px; top:50%; width:16px; height:16px; margin-top:-8px; background:url(../images/common/img_snb_arrow.svg) no-repeat 50% 0; background-size:100%;}
.area_system_snb .snb > li:first-child > a{border-radius:5px 5px 0 0; border-top-color:#d8d8d8;}
.area_system_snb .snb > li:last-child > a{border-radius:0 0 5px 5px; border-bottom-color:#d8d8d8; border-bottom-width:1px;}
.area_system_snb .snb > li > a.on{z-index:5; background-image:linear-gradient(90deg, #3a57ab, #634eae); border-color:#3a57ab; color:#fff; font-size:18px; font-weight:500; box-shadow:0 10px 15px rgba(0,0,0,0.15);}
.area_system_snb .snb > li > a.on:after{opacity:1;}
.area_system_snb .snb > li > ul{padding:20px 15px 20px 10px; background:#eeeff3; border:1px solid #d8d8d8; border-width:0 1px;}
.area_system_snb .snb > li > ul > li{padding:2px 0px;}
.area_system_snb .snb > li > ul > li > a{display:block; position:relative; padding:7px 13px; line-height:1.2em; font-size:15px; color:#333; letter-spacing:-1px; word-break:keep-all;}
.area_system_snb .snb > li > ul > li > a:after{content:''; opacity:0; display:block; position:absolute; right:-7px; top:50%; width:15px; height:15px; margin-top:-7px; background:var(--color-point) url(../images/common/img_snb_3depth.png) no-repeat 50% 50%; background-size:5px 7px; border-radius:100%;}
.area_system_snb .snb > li > ul > li > a.on{background:#fff; border:1px solid var(--color-point); border-radius:5px; color:var(--color-point);}
.area_system_snb .snb > li > ul > li > a.on:after{opacity:1;}
.area_system_snb .snb .depth{margin-top:5px; padding:15px; background-color:#d9dbe4; border:1px solid #bcbecb; border-radius:5px;}
.area_system_snb .snb .depth a{display:block; padding:3px; border-radius:3px; font-size:14px; letter-spacing:-0.5px;}
.area_system_snb .snb .depth a.on{background-color:var(--color-point); color:#fff;}

@media screen and (min-width:1600px){
	#container{min-width:1500px;}
	#container .inr_conts{width:1500px;}
	#wrap.system #container .inr_conts{width:1600px;}
}

/* content common */
#content h3:not(.btn_acco){margin-top:30px; font-size:25px; font-weight:500; letter-spacing:-0.5px; color:#222;}
#content h4:not(.btn_acco),
#content h5:not(.btn_acco){position:relative; padding-left:10px; margin-top:20px; font-weight:500; letter-spacing:0px;}
#content h4:not(.btn_acco){margin-bottom:10px; font-size:20px; color:#222;}
#content h5:not(.btn_acco){font-size:17px; color:#3653a9;}
#content h4:not(.btn_acco):before,
#content h5:not(.btn_acco):before{content:''; display:block; position:absolute; left:0px;}
#content h4:not(.btn_acco):before{top:13px; width:6px; height:3px; background:#4668cf;}
#content h5:not(.btn_acco):before{top:11px; width:4px; height:4px; background:#24292f;}
#content h6:not(.btn_acco){margin-top:20px; font-size:16px; font-weight:600;}

#content h3:not(.btn_acco).title,
.pop_wrap h3:not(.btn_acco).title,
#content .title:not(.box_info),
.pop_wrap .title:not(.box_info){display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:0px; padding:10px 15px 9px; background:#f6f3ed; border:1px solid #e6e0d3; box-shadow:0 10px 10px rgba(0,0,0,0.10); font-size:16px;}
#content h3:not(.btn_acco).title i,
.pop_wrap h3:not(.btn_acco).title i,
#content .title:not(.box_info) i,
.pop_wrap .title:not(.box_info) i{flex:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; min-width:50px; margin-right:5px; padding:1px 6px; background:#fff; border:1px solid #1f4394; border-radius:50rem; color:#1f4394; font-size:13px; font-weight:500; text-align:center;}
#content h3:not(.btn_acco).title:before,
.pop_wrap h3:not(.btn_acco).title:before{display:none;}
#content .title.col02,
.pop_wrap .title.col02{flex-wrap:nowrap; justify-content:space-between; width:100%; box-sizing:border-box;}
#content .title.col02 > span,
.pop_wrap .title.col02 > span{flex:0 1 50%; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; font-size:17px; font-weight:500; letter-spacing:-1px; color:#222;}
.title.col02 em{line-height:1.3;}

iframe{width:100%; overflow:auto; border:1px solid #eceef2;}

/* pop Wrap*/
#pop-wrap{width:100%; margin:0 auto;}
#pop-wrap #content{width:auto; min-height:inherit; padding:20px 20px 40px; border:0px;}

/* total*/
.area_total:after{content:''; display:block; clear:both;}
.area_total .txt_total{display:inline-block; vertical-align:middle;}
.area_total .btn{float:right; margin-top:-7px;}
.area_total .left{float:left;}
.area_total .left > *{vertical-align:middle;}
.area_total .left ~ .btn{margin-top:0px;}
.txt_total span{font-weight:500; color:#de2480;}

/* user-custom */
div[class^="area_col"] > div[class^="box"] .scroll + .search.bt100 input[type="text"]{width:calc(100% - 100px);}
div[class^="area_col"] > div[class^="box"] .scroll + .search.bt100 .button{width:100px; font-size:13px;}
div[class^="area_col"].kdri > div[class^="box"]{min-height:630px;}
div[class^="area_col"].kdri > div[class^="box"] .scroll{height:575px;}
.area_layer div[class^="area_col"].kdri > div[class^="box"] .scroll{height:580px;}
.area_search > .btn.only{margin-top:30px; text-align:center;}
.box_info .button{border-radius:50em;}
.box_info ul.list > li{width:calc(50% - 15px); font-size:14px;}
.bbsTitle.box{position:relative; z-index:5; padding:22px 20px !important; background:#fff; border:1px solid #3653a9; font-size:20px !important; box-shadow:0 5px 10px rgba(0,0,0,0.15); font-weight:500; letter-spacing:-1px;}
.bbsTitle.box > *{vertical-align:middle;}
.bbsTitle.box > em{flex:none; margin-top:-3px; margin-bottom:0px;}
.bbsTitle.box h3{display:inline-block; margin-top:-3px !important; font-size:20px !important;}
.bbsTitle.box h3 strong.bulet_title{display:inline-block; height:25px; box-sizing:border-box; line-height:23px; padding:0 5px; margin-top:-3px; border-radius:30em; border:1px solid #cdcdcd; font-size:13px; color:#dc1c73; vertical-align:middle;}
.bbsTitle.box.small{margin-top:10px !important; padding:10px 20px !important;}
.bbsTitle.box.small input[type="text"]{width:75%; font-size:16px !important;}
.bbsTitle.box.small .button{min-width:80px; font-size:15px !important;}
.bbsTitle.box .btn_mimsearch{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.bbsTitle .sub{display:inline-flex; align-items:center; position:relative; margin-left:25px; font-weight:400; letter-spacing:0px; font-size:16px;}
.bbsTitle .sub:before{display:block; padding:0px 10px; margin-right:10px; background:#f5f5f5; border:1px solid #cfcece; border-radius:10px; font-weight:500; font-size:14px; white-space:nowrap;}
.bbsTitle .sub.en:before{content:'영문';}
.bbsTitle .sub.origin:before{content:'원산지역';}
.bbsTitle .sub.nation:before{content:'원산지국';}
.bbsTitle .sub.sci:before{content:'학명';}
.bbsTitle .sub.easy:before{content:'쉬운명칭';}
.bbsTitle .sub.ref:before{content:'출처명';}
.bbsTitle .sub.itemReportNo:before{content:'품목제조보고번호';}
.bbsTitle .sub.ref1:before{content:'출처원';}
.bbsTitle .sub.biz:before{content:'제조사명';}
.bbsTitle .sub.class:before{content:'품목대표/상용제품';}
.bbsTitle .sub.month:before{content:'생산·채취·포획월';}
.bbsTitle .sub.imp:before{content:'수입업체명';}
.bbsTitle .sub.sell:before{content:'유통업체명';}
.bbsTitle.box.type02{padding-left:140px !important;}
.bbsTitle.box.type02 > em{position:absolute; left:20px; top:50%; z-index:10; margin-top:0px; transform:translateY(-50%);}
.bbsTitle.box.type02 h3{margin-right:20px; line-height:1.2; word-break:keep-all;}
.bbsTitle.type02 .sub{margin-left:0px; margin-right:20px; line-height:1.2;}
.bbsTitle.box .list{margin-top:6px;}
.bbsTitle.box .list > li{display:flex; flex-flow:row nowrap; justify-content:flex-strat; align-items:flex-start; padding:5px 0; border-top:1px dashed #e4e4e4;}
.bbsTitle.box .list > li i{flex:none; margin-right:5px;}
.bbsTitle.box .list > li i img{margin-top:2px;}
.bbsTitle.box .list > li p{word-break:keep-all;}
.bbsTitle.box .gray{padding:10px; margin-top:5px; background:#f5f5f5; border-radius:3px;}
.bbsTitle.box .gray strong{display:block;}

.area_search > .btn .legend{height:45px; line-height:45px; margin-right:30px;}
.area_search > .btn .legend i,
.area_search > .btn .legend i *{vertical-align:middle;}
.area_search > .btn .legend i img{margin-right:7px; margin-top:-4px;}
.area_search > .btn .legend i{display:inline-block; margin-right:15px;}
.area_exclusion:after{content:''; display:block; clear:both;}
.area_exclusion > *{float:left; display:inline-block;}
.area_exclusion input[type="text"]{width:50% !important; max-width:120px;}
.area_exclusion input.exclusion{width:calc(60% - 33px) !important; max-width:inherit;}
.area_exclusion label{position:relative; width:23px; height:23px; margin:6px 5px 0; background:#e25a73; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.area_exclusion label:before{content:''; display:block; position:absolute; top:50%; left:50%; width:10px; height:2px; margin:-1px 0 0 -5px; background:#fff;}
table.bigSize td{font-size:16px; color:#222;}
table.smallSize th,
table.smallSize td{padding:7px 10px; font-size:14px;}
.area_tab.small > li > a{min-width:120px; padding:0 10px; font-size:15px;}
.area_tab.unit{border-bottom-width:0px; text-align:left;}
.area_tab.unit > li{margin-left:-1px;}
.area_tab.unit > li > a{border-bottom-color:#dedede;}
.area_tab.unit > li > a{border-left-width:1px;}
.bbsList td a strong.bulet_title{display:inline-block; height:27px; box-sizing:border-box; line-height:25px; padding:0 5px; border-radius:30em; border:1px solid #cdcdcd; font-size:13px; color:#dc1c73;}
.bbsList .calori span{display:inline-block; text-align:center;}
.bbsList .calori label{display:block; margin-right:0px;}
.bbsList .calori span input{margin-right:0px;}
.bbsList .calori a{min-width:inherit; height:47px; line-height:45px;}
.bbsList .total td{font-weight:600; color:#111;}
.bbsList .total.active td{background:#f7f4e2;}
.bbsList.nextList thead th{padding-left:5px; padding-right:5px;}
.bbsList.nextList thead th > a{display:inline-block; width:calc(100% - 25px); vertical-align:middle; line-height:1.2em; letter-spacing:-1px;} 
.button.btn_search{height:45px; line-height:44px;}
.button.btn_search{min-width:150px; background:#41464e; border-color:#41464e; font-family:var(--font-combine); font-size:16px; font-weight:400;}
.button.btn_search span:before{content:''; display:inline-block; width:18px; height:18px; margin-top:-2px; margin-right:10px; background:url(../images/common/icon_search.png) no-repeat 50% 0; vertical-align:middle; transition:all 0.2s ease 0.1s;}
.button.btn_search:hover span:before,
.button.btn_search:focus span:before{background-image:url(../images/common/icon_search_b.png);}
.lineLeft{border-right-width:0px; border-left:1px dashed #cecece;}
.sampleID{display:block; font-size:13px; color:#999;}

.box_tip.big{font-size:17px; font-weight:500;}
.box_tip.big:before{top:4px;}

.ico_file{display:inline-block; width:16px; height:16px; background:url(../images/common/icon_file.png) no-repeat 0 0; font-size:0px; vertical-align:middle;}

.ie .bbsTitle.box em{margin-top:-6px;}
.ie table strong{font-weight:500;} 
.ie .box_tip.big,
.ie .box_tip.big strong{font-weight:600;}
.ie .bbsTitle.box.small input[type="text"]{width:74.8%; padding-top:4px;}
.ie .bbsTitle.box.type02 em{margin-top:0px;}
.ie .area_exclusion input[type="text"]{max-width:108px;}
.ie .area_exclusion input.exclusion{max-width:inherit;}

.none_data{padding:30px 0px; text-align:center; font-size:14px; color:#b1b1b1;}
.only_text{padding:20px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.only_text [data-onlyText="group"] > span{display:inline-block;}
.only_text [data-onlyText="group"] > span:after{content:','; display:inline-block;}
.only_text [data-onlyText="group"] > span:last-child:after{display:none;}

/* chart */
.box_chart:after,
.box_chart .col04{content:''; display:block; clear:both;}
.box_chart > div{height:500px; box-sizing:border-box; padding:10px;}
.box_chart.col02 > div{float:left; width:50%; height:400px;}
.box_chart.col02 > div:nth-child(2n+1){clear:left;}
.box_chart .col04  {height:250px;}
.box_chart .col04 > div{float:left; width:25%; height:100%;}
.box_chart .col04 > div *{font-family:'Segoe UI','Noto Sans KR', Sans-serif !important;}
.box_chart .col04 > div:nth-child(5n+1){clear:left;}
.box_chart .col04 > div h4{margin-top:0px !important;}
.box_chart .none,
.group_bar .none{height:100%; box-sizing:border-box; border:1px dashed #eceef2; text-align:center; font-family:var(--font-rubik); color:#d8dce4; font-weight:600;}
.box_chart .none{line-height:398px; font-size:30px;}
.group_bar .none{line-height:300px; font-size:18px;}

.group_bar{margin-top:-20px; margin-left:-15px;}
.group_bar:after{content:''; display:block; clear:both;}
.group_bar > div{float:left; width:calc(100% / 3 - 15px - 0.1px); margin-bottom:20px; margin-left:15px;}
.group_bar > div:nth-child(3n+1){clear:left;}

[data-sea-intake="group"]{max-height:340px; box-sizing:border-box; padding:15px 20px 15px 15px;}
[data-sea-intake="group"] ul{margin-bottom:20px;}
[data-sea-intake*="bar"]{position:relative; margin-bottom:10px;}
[data-sea-intake*="bar"] em{display:block; font-size:16px; color:#222;}
[data-sea-intake*="bar"] span{display:block; position:absolute; bottom:0px; left:0px; min-width:23px; height:20px; border-radius:50em; background-color:#405de6;}
[data-sea-intake*="bar"] span i{position:absolute; right:5px; color:#405de6; font-weight:600; text-shadow:1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
[data-sea-intake*="bar"]:after{content:'100%'; display:block; width:100%; height:20px; box-sizing:border-box; padding-right:5px; border-radius:50em; background:url(../images/content/bg_bar.png) repeat 0 0; text-align:right; color:#99a8b6; font-weight:600; text-shadow:1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
[data-sea-intake="bar1"] span{background-color:#405de6;}
[data-sea-intake="bar1"] span i{color:#405de6;}
[data-sea-intake="bar2"] span{background-color:#5851db;}
[data-sea-intake="bar2"] span i{color:#5851db;}
[data-sea-intake="bar3"] span{background-color:#833ab4;}
[data-sea-intake="bar3"] span i{color:#833ab4;}
[data-sea-intake="bar4"] span{background-color:#c13584;}
[data-sea-intake="bar4"] span i{color:#c13584;}
[data-sea-intake="bar5"] span{background-color:#e1306c;}
[data-sea-intake="bar5"] span i{color:#e1306c;}
[data-sea-intake="bar6"] span{background-color:#fd1d1d;}
[data-sea-intake="bar6"] span i{color:#fd1d1d;}
[data-sea-intake="bar7"] span{background-color:#f56040;}
[data-sea-intake="bar7"] span i{color:#f56040;}
[data-sea-intake="bar8"] span{background-color:#f5756c;}
[data-sea-intake="bar8"] span i{color:#f5756c;}
[data-sea-intake="bar9"] span{background-color:#ed812b;}
[data-sea-intake="bar9"] span i{color:#ed812b;}
[data-sea-intake="bar10"] span{background-color:#eeaf00;}
[data-sea-intake="bar10"] span i{color:#eeaf00;}

/* 분류 */
[data-food-type="radio"]{position:relative; margin-bottom:30px; text-align:center;}
[data-food-type="radio"] input[type="radio"]{position:absolute; opacity:0;}
[data-food-type="radio"] input[type="radio"] + label{position:relative; margin:0 5px; cursor:pointer;}
[data-food-type="radio"] input[type="radio"] + label:before{content:''; display:block; width:97px; height:97px; box-sizing:border-box; margin:0 auto; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #f5f5f5; border-radius:100%; transition:all 0.3s ease 0s;}
[data-food-type="radio"] input[type="radio"] + label i{display:block; min-width:100px; padding:2px 10px; margin-top:-7px; background:#fff; border:1px solid #a3a3a3; border-radius:50em; text-align:center; transition:all 0.3s ease 0s;}
[data-food-type="radio"] input[type="radio"] + label i em{display:inline-block; margin-top:-3px; margin-left:5px; font-size:13px; font-family:var(--font-combine); font-weight:600; vertical-align:middle;}
[data-food-type="radio"] input[type="radio"]:checked + label{z-index:10;}
[data-food-type="radio"] input[type="radio"]:checked + label:before{background-color:#fff; border-color:#c6c9d2;}
[data-food-type="radio"] input[type="radio"]:checked + label i{background:#fff; border-color:#3653a9; color:#3653a9; box-shadow:0px 10px 10px rgba(54, 83, 169, 0.15);}
[data-food-type="radio"] input[type="radio"]#searchFoodType + label:before{background-image:url(../images/content/img_food_class00_off.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeR + label:before{background-image:url(../images/content/img_food_class01_off.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeA + label:before{background-image:url(../images/content/img_food_class02_off.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeP + label:before{background-image:url(../images/content/img_food_class03_off.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeF + label:before{background-image:url(../images/content/img_food_class04_off.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodType:checked + label:before{background-color:#3ead77; border-color:#3ead77; background-image:url(../images/content/img_food_class00.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeR:checked + label:before{background-image:url(../images/content/img_food_class01.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeA:checked + label:before{background-image:url(../images/content/img_food_class02.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeP:checked + label:before{background-image:url(../images/content/img_food_class03.png);}
[data-food-type="radio"] input[type="radio"]#searchFoodTypeF:checked + label:before{background-image:url(../images/content/img_food_class04.png);}

[data-food-type="radio"] input[id*="searchColorFood"] + label:before{background-position-y:0;}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF001 + label:before{background-image:url(../images/content/img_color_class01_off.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF002 + label:before{background-image:url(../images/content/img_color_class02_off.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF003 + label:before{background-image:url(../images/content/img_color_class03_off.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF004 + label:before{background-image:url(../images/content/img_color_class04_off.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF001:checked + label:before{background-image:url(../images/content/img_color_class01.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF002:checked + label:before{background-image:url(../images/content/img_color_class02.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF003:checked + label:before{background-image:url(../images/content/img_color_class03.png);}
[data-food-type="radio"] input[type="radio"]#searchColorFood_CF004:checked + label:before{background-image:url(../images/content/img_color_class04.png);}

.ie [data-food-type="radio"] input[type="radio"] + label:before{background-size:85%;}

[data-food-type*="food"] div{position:relative;}
[data-food-type*="food"] div:before{content:''; display:block; width:97px; height:97px; box-sizing:border-box; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; transition:all 0.3s ease 0s;}
[data-food-type*="food"] div i{display:block; text-align:center; transition:all 0.3s ease 0s;}
[data-food-type="foodAll"] div:before{width:90px; height:90px; margin-bottom:7px; background-color:#3ead77; background-image:url(../images/content/img_food_class00.png); border-radius:100%;}
[data-food-type="food01"] div:before{background-image:url(../images/content/img_food_class01.png);}
[data-food-type="food02"] div:before{background-image:url(../images/content/img_food_class02.png);}
[data-food-type="food03"] div:before{background-image:url(../images/content/img_food_class03.png);}
[data-food-type="food04"] div:before{background-image:url(../images/content/img_food_class04.png);}

/* dl table */
[data-skin-food="table"]{box-sizing:border-box; border:1px solid #eceef2;}
[data-skin-food="table"] dl{display:table; table-layout:fixed; width:100%;}
[data-skin-food="table"] dt,
[data-skin-food="table"] dd{display:table-cell; box-sizing:border-box; padding:10px 10px; vertical-align:middle;}
[data-skin-food="table"] dt{text-align:center; word-break:keep-all;}
[data-skin-food="table"] dd{color:#3653a9; word-break:keep-all;}
/* [data-skin-food="table"] dl:nth-child(2n+1){background:#f3f6fd;} */
[data-skin-food="table"] dl:first-child{background:#f3f6fd;}
[data-skin-food="table"] dl:nth-child(2n):not(:last-child) dt,
[data-skin-food="table"] dl:nth-child(2n):not(:last-child) dd{border-bottom:1px dashed #e3e5ea;}
[data-skin-food="table"] [data-skin-food="choice"]{background:#fff8f3;}
[data-skin-food="table"] dd[data-skin-food="choice"]{color:#de2269; font-weight:600;}
[data-skin-food="table"] dd > span{display:inline-block; min-width:120px; margin-right:10px;}
[data-skin-food="table"].colspan{position:relative;}
[data-skin-food="table"].colspan dd.colspan{counter-reset:title; position:absolute; right:0px; height:75px; line-height:75px; padding:0px 10px;}
[data-skin-food="table"].colspan dd.colspan > span:before{counter-increment:title; content:counter(title); display:inline-block; width:17px; height:17px; margin-right:5px; margin-top:-3px; line-height:15px; background:#4e4e4e; border-radius:100%; color:#fff; text-align:center; font-size:13px; vertical-align:middle;}
[data-skin-food="table"] dd .none{min-width:inherit; margin-right:0px;}
[data-skin-food="table"] dd .none:before{display:none !important;}
[data-skin-food="table"] dd .none .button{vertical-align:middle;}
[data-skin-food="table"] dd[data-skin-food="search"] select{width:60px; padding:0 3px; font-size:13px;}
[data-skin-food="table"] dd[data-skin-food="search"] input[type="text"]{width:227px;}
[data-skin-food="table"] dd[data-skin-food="search"] .button{min-width:50px; padding:0 5px;}
[data-skin-food="table"] .area_exclusion{display:block; margin-right:0px;}
[data-skin-food="table"] .area_exclusion input.exclusion{width:calc(100% - 35px) !important;}
[data-skin-food="table"] .pd10 dt,
[data-skin-food="table"] .pd10 dd{padding:10px;}
[data-skin-food="table"].colspan .pd10 dd.colspan{height:90px; line-height:90px;}

.ie [data-skin-food="table"].colspan dd.colspan{right:1px;}
.ie [data-skin-food="table"] dd > span{font-weight:500;}

/* 간편식품view */
[data-skin-food="simple"] [data-skin-food="head"]{display:table; table-layout:fixed; width:100%; position:sticky; top:65px; z-index:2; background:#8194cc/*#78a186*/; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
[data-skin-food="simple"] [data-skin-food="head"] > li{display:table-cell; box-sizing:border-box; padding:15px; border-left:1px solid #6478b3/*#648b71*/; vertical-align:middle; text-align:center; color:#fff; font-size:16px;}
[data-skin-food="simple"] [data-skin-food="head"] > li:first-child{border-left-width:0px;}
[data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"]{background:#566aa2/*#6b9479*/; border-color:#405388;}
[data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"] > *{vertical-align:middle;}
[data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"] span{display:inline-block; margin-right:5px;}
[data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"] input[type="number"]{width:65px; height:24px; border:1px solid #fff; vertical-align:initial;}
[data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"] .button{min-width:45px; height:26px; line-height:22px; margin:0px;}
.ie [data-skin-food="simple"] [data-skin-food="head"] [data-skin-food="input"] input[type="number"]{padding:0 7px;}

[data-skin-food="list"]{border-bottom:1px solid #c5ccc7;}
[data-skin-food="list"] em{display:block; position:sticky; top:118px; padding:10px 15px; background:#e8e8f4/*#e8f4ec*/; font-size:20px; color:#111;}
[data-skin-food="row"]{border-top:1px solid #7484b3/*#78a186*/;}
[data-skin-food="cell"]{display:table; table-layout:fixed; width:100%;}
[data-skin-food="cell"] > span{display:table-cell; box-sizing:border-box; padding:7px 15px; border-top:1px dashed #dbdbdb; font-size:17px;}
[data-skin-food="cell"].active{background:#f9eff2;}
[data-skin-food="cell"].active > span{color:#000;}
[data-skin-food="list"] em + [data-skin-food="cell"] > span{border-top-width:0px;}
[data-skin-food="size"]{background:#fcf5f0; font-weight:600; text-align:center; color:#111;}

[data-food-table="energy"] h3{font-size:18px !important;}
[data-food-table="energy"] .table tbody th{text-align:left;}
[data-food-table="energy"] .table tbody th span{float:right;}
[data-icon-table]:before{display:inline-block; width:26px; height:26px; line-height:26px; margin-right:5px; border-radius:100%; font-family:'돋움',Sans-serif; font-size:11px; letter-spacing:-1px; color:#fff; vertical-align:middle;}
[data-icon-table="more"]{background:#ffecf1;}
[data-icon-table="more"]:before{content:'과다'; background-color:#eb587e;}
[data-icon-table="standard"]{background:#e7f9e5;}
[data-icon-table="standard"]:before{content:'적정'; background-color:#6ea967;}
[data-icon-table="less"]{background:#f7f4e2;}
[data-icon-table="less"]:before{content:'과소'; background-color:#ae9a22;}
[data-food-table="energy"] td[data-icon-table]{font-size:0px;}

/* 상세검색 */
.area_searchDetail{margin-bottom:20px;}
.area_searchDetail:after{content:''; display:block; clear:both;}
.area_searchDetail [data-food-type="radio"]{float:left; margin-left:-5px; text-align:left;}
.area_searchDetail [data-food-type="radio"] label{margin-bottom:15px !important;}
.area_searchDetail [data-food-type="radio"] input[type="radio"] + label{width:130px; box-sizing:border-box; margin-left:5px; margin-right:5px; border:1px solid #d6d6d6;}
.area_searchDetail [data-food-type="radio"] input[type="radio"] + label:before{display:block; width:100%; border-radius:0px; border-width:0px;}
.area_searchDetail [data-food-type="radio"] input[type="radio"] + label i{min-width:inherit; padding:7px 10px 6px; border-width:0px; border-radius:0px; box-shadow:none;}
.area_searchDetail [data-food-type="radio"] input[type="radio"]:checked + label{border-color:#3653a9; box-shadow:0px 10px 10px rgba(54, 83, 169, 0.15);}
.area_searchDetail .area_col03{float:right; width:calc(100% - 345px);}
.area_searchDetail .area_col03  > div[class^="box"]{min-height:350px; width:calc(100% / 3 - 20px); margin-left:20px !important; padding-left:0px; border:1px solid #e2e2e2 !important;}
.area_searchDetail .area_col03  > div[class^="box"] .scroll{height:350px;}
.area_searchDetail h4{margin-top:0px !important; margin-bottom:15px !important;}
.area_searchDetail .area_col03 h4{margin-left:20px;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search{position:relative;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search input[type="text"]{width:70%;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search .total{display:inline-block; position:absolute; right:5px; top:11px; width:30%; height:33px; line-height:33px; box-sizing:border-box; padding-top:0px; padding-right:10px; background:#eceff7; text-align:right; font-size:15px;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search .total i{font-weight:600; color:#dc1c73;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search .unit{position:relative; margin-top:2px;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search .unit label{display:inline-block; position:absolute; left:0px; top:0px; width:20%; height:33px; line-height:33px; box-sizing:border-box; padding-left:10px; background:#eceff7; font-size:15px;}
.area_searchDetail div[class^="area_col"] > div[class^="box"] .scroll + .search .unit select{width:80%; margin-left:20%;}

.ie .area_searchDetail [data-food-type="radio"] input[type="radio"] + label:before{background-size:auto;}

/* 영양성분으로 검색 */
.area_tabBox{float:right; width:calc(100% - 280px);}
.area_tabBox .area_tab{margin-left:20px; text-align:left;}
.area_tabBox .area_col03{float:none; width:100%;}
.area_tabBox .area_col03.multi{position:relative;}
.area_tabBox .area_col03.multi .info{position:absolute; right:0px; top:-65px;}
.area_tabBox .area_col03.multi .btn{position:absolute; top:50%; right:calc(100% / 3 - 50px); transform:translate(-50%, -50%);}
.area_tabBox .area_col03.multi .btn > a{display:block; position:relative; width:40px; height:40px; box-sizing:border-box; background:#fff; border:1px solid #e2e2e2; font-size:0px;}
.area_tabBox .area_col03.multi .btn > a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px;}
.area_tabBox .area_col03.multi .btn .btn_minus{border-top-width:0px;}
.area_tabBox .area_col03.multi .btn .btn_add:before{background:url(../images/content/icon_add.png) no-repeat 50% 0;}
.area_tabBox .area_col03.multi .btn .btn_minus:before{background:url(../images/content/icon_minus.png) no-repeat 50% 0;}
.area_tabBox .area_col03.multi ul.noneLink li{position:relative;}
.area_tabBox .area_col03.multi ul.noneLink li span{display:inline-block; width:calc(100% - 70px);}
.area_tabBox .area_col03.multi ul.noneLink li select{position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.area_tabBox .area_col03.multi > div[class^="box"] h4{padding-top:7px !important; padding-bottom:7px !important;}
.area_tabBox .area_col03.multi > div[class^="box"] h4:before{top:19px !important;}
.area_tabBox .area_col03.multi > div[class^="box"] .scroll + .search{padding:3px 5px;}
.area_tabBox .area_col03.multi .btn_mini{position:absolute; right:5px; top:8px;}
.area_searchDetail .area_col03.multi .box02{width:calc(100% / 3 - 50px); margin-right:30px;}
.area_searchDetail .area_col03.multi .box03{width:calc(100% / 3 - 50px); margin-left:50px !important;}
.area_searchDetail .area_col03.multi .box01 .scroll,
.area_searchDetail .area_col03.multi .box02 .scroll,
.area_searchDetail .area_col03.multi .box03 .scroll{height:359px;}
.area_searchDetail .area_col03.multi .box02 .scroll + .search .total{top:4px;}
.area_searchDetail .area_col03.multi .box01 .scroll + .search .button{width:auto; padding-left:5px; padding-right:5px;}
.area_searchDetail .area_col03.multi .box01 .scroll + .search .tool_tip{right:60px; top:10px; z-index:90;}
div[class^="area_col"] > div[class^="box"] .scroll ul li select{width:55px; height:auto;}

/* about */
.area_info .about01,
.area_info .about02{padding:70px 65px; font-size:17px; color:#333; line-height:1.8em; letter-spacing:-0.5px;}
.area_info .about01{position:relative; padding-bottom:270px; background:#daeff3;}
.area_info .about01 em{display:block; margin-bottom:40px; font-size:30px; color:#222; font-weight:300; letter-spacing:-1px; line-height:1.5em;}
.area_info .about01 em i{font-weight:500;}
.area_info .about01 p{margin-bottom:30px;}
.area_info p strong{font-weight:500; color:#3653a9;}
.area_info .about01:after{content:''; display:block; position:absolute; right:0px; bottom:-70px; width:1032px; height:621px; background:url(../images/content/img_about01.png) no-repeat 50% 0;}
.area_info .about02{margin-bottom:20px; background:#fcfbf2;}
.area_info h3{margin-top:70px !important; margin-bottom:10px; text-align:center;}

.ie .area_info .about01,
.ie .area_info .about02{font-weight:300;}

/* 테마별로 */
.tab_ingredient{margin-bottom:20px; text-align:center;}
.tab_ingredient span{display:inline-block; position:relative; width:260px; height:77px; margin:0 5px;}
.tab_ingredient span input[type="radio"]{opacity:0; visibility:hidden; position:absolute; top:0px; left:0px;}
.tab_ingredient span label{display:block; width:100%; height:100%; line-height:75px; box-sizing:border-box; border:1px dashed #c0c8d0; padding-left:27px; background-color:#f9fbfc; background-repeat:no-repeat; background-position:50% 0; text-align:left; font-size:17px; font-weight:500; color:#777; transition:all 0.3s ease 0s;}
.tab_ingredient span input[type="radio"]:checked + label{background-color:#3653a9; border-color:#3653a9; color:#fff;}
.tab_ingredient span input#searchMethod + label{background-image:url(../images/content/img_ingredient_tab01_off.png);}
.tab_ingredient span input#searchMethod1 + label{background-image:url(../images/content/img_ingredient_tab02_off.png);}
.tab_ingredient span input#searchMethod:checked  + label{background-image:url(../images/content/img_ingredient_tab01.png);}
.tab_ingredient span input#searchMethod1:checked  + label{background-image:url(../images/content/img_ingredient_tab02.png);}

.box_ingredient > div[class*="box"]{float:left; position:relative; height:300px; box-sizing:border-box; padding:20px; border:1px solid #efefef;}
.box_ingredient > div[class*="box"] h3{position:absolute; top:-13px; left:15px; z-index:10; padding:0px 15px; margin:0px !important; background:#fff; font-size:16px !important; color:#3653a9 !important; letter-spacing:0px !important;}
.box_ingredient .box01{width:75%;}
.box_ingredient .box02{width:calc(25% - 20px); margin-left:20px;}
.box_ingredient .area_btn{clear:both;}
.box_ingredient .box01 ul{margin-left:-15px;}
.box_ingredient .box01 ul:after{content:''; display:block; clear:both;}
.box_ingredient .box01 ul li{float:left; width:calc(100% / 6 - 15px); margin-left:15px;}
.box_ingredient .box01 ul li:nth-child(6n+1){clear:left;}
.box_ingredient .box01 ul li a,
.box_ingredient .box01 ul li label{display:block; position:relative; padding-bottom:10px; border:1px solid #fff; text-align:center; word-break:keep-all; line-height:1.3em; letter-spacing:-0.5px; color:#666; font-size:14px; transition:all 0.3s ease 0s;}
.box_ingredient .box01 ul li a:before,
.box_ingredient .box01 ul li label:before{content:''; opacity:0.7; display:block; opacity:0.7; width:70px; height:70px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:all 0.3s ease 0s;}
.box_ingredient .box01 ul li a.select_link:before,
.box_ingredient .box01 ul li input[type="radio"]:checked + label:before{opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%);}
.box_ingredient .box01 ul li a.select_link,
.box_ingredient .box01 ul li input[type="radio"]:checked + label{z-index:10; border-color:#3653a9; color:#3653a9; box-shadow:0 10px 20px rgba(0,0,0,0.10);}
.box_ingredient .box01 ul li a#C0001:before{background-image:url(../images/ingredient/C0001.png);}
.box_ingredient .box01 ul li a#C0002:before{background-image:url(../images/ingredient/C0002.png);}
.box_ingredient .box01 ul li a#C0003:before{background-image:url(../images/ingredient/C0003.png);}
.box_ingredient .box01 ul li a#C0004:before{background-image:url(../images/ingredient/C0004.png);}
.box_ingredient .box01 ul li a#C0005:before{background-image:url(../images/ingredient/C0005.png);}
.box_ingredient .box01 ul li a#C0006:before{background-image:url(../images/ingredient/C0006.png);}
.box_ingredient .box01 ul li a#C0007:before{background-image:url(../images/ingredient/C0007.png);}
.box_ingredient .box01 ul li a#C0008:before{background-image:url(../images/ingredient/C0008.png);}
.box_ingredient .box01 ul li a#C0009:before{background-image:url(../images/ingredient/C0009.png);}
.box_ingredient .box01 ul li a#C0010:before{background-image:url(../images/ingredient/C0010.png);}
.box_ingredient .box01 ul li a#C0011:before{background-image:url(../images/ingredient/C0011.png);}
.box_ingredient .box01 ul li a#C0012:before{background-image:url(../images/ingredient/C0012.png);}
.box_ingredient .box01 ul li a#C0013:before{background-image:url(../images/ingredient/C0013.png);}
.box_ingredient .box01 ul li a#C0014:before{background-image:url(../images/ingredient/C0014.png);}
.box_ingredient .box01 ul li a#C0015:before{background-image:url(../images/ingredient/C0015.png);}
.box_ingredient .box01 ul li a#C0016:before{background-image:url(../images/ingredient/C0016.png);}
.box_ingredient .box01 ul li a#C0017:before{background-image:url(../images/ingredient/C0017.png);}
.box_ingredient .box01 ul li a#C0018:before{background-image:url(../images/ingredient/C0018.png);}
.box_ingredient .box01 ul li a#C0019:before{background-image:url(../images/ingredient/C0019.png);}
.box_ingredient .box01 ul li a#C0020:before{background-image:url(../images/ingredient/C0020.png);}
.box_ingredient .box01 ul li a#C0021:before{background-image:url(../images/ingredient/C0021.png);}
.box_ingredient .box01 ul li a#C0022:before{background-image:url(../images/ingredient/C0022.png);}
.box_ingredient .box01 ul li a#C0023:before{background-image:url(../images/ingredient/C0023.png);}

.box_ingredient .box02 .scroll{height:260px;}
.box_ingredient > div[class*="box"] .scroll ul li{border-top:1px dashed #eee;}
.box_ingredient > div[class*="box"] .scroll ul li:first-child{border-top-width:0px;}
.box_ingredient > div[class*="box"] .scroll ul li a{display:block; padding:7px; color:#666; word-break:keep-all;}
.box_ingredient > div[class*="box"] .scroll ul li a:hover{background:#f6f8ff;}
.box_ingredient > div[class*="box"] .scroll ul li a.select_link{background:#fbf6ea; color:#3653a9; text-decoration:underline;}
.box_ingredient > div[class*="box"] .scroll ul li.no_data{padding:30px 7px 7px; text-align:center;}

.box_ingredient#foodDiv > div[class*="box"]{height:250px;}
.box_ingredient#foodDiv .box02 .scroll{height:210px;}
.box_ingredient#foodDiv .box01 ul{margin-left:-25px; margin-top:45px;}
.box_ingredient#foodDiv .box01 ul li{position:relative; width:calc(100% / 4 - 25.1px); margin-left:25px;}
.box_ingredient#foodDiv .box01 ul li input[type="radio"]{opacity:0; visibility:hidden; position:absolute; top:0px;}
.box_ingredient#foodDiv .box01 ul li input#searchFoodType + label:before{width:70px; height:70px; margin-top:10px; background-color:#3ead77; background-image:url(../images/content/img_food_class00.png); border-radius:100%;}
.box_ingredient#foodDiv .box01 ul li input#searchFoodTypeR + label:before{background-image:url(../images/ingredient/icon_food02.png);}
.box_ingredient#foodDiv .box01 ul li input#searchFoodTypeA + label:before{background-image:url(../images/ingredient/icon_food01.png);}
.box_ingredient#foodDiv .box01 ul li input#searchFoodTypeP + label:before{background-image:url(../images/ingredient/icon_food03.png);}

.ie .box_ingredient .box01 ul li a:before,
.box_ingredient .box01 ul li label:before{opacity:0.3;}
.ie .box_ingredient .box01 ul li a.select_link:before,
.box_ingredient .box01 ul li input[type="radio"]:checked + label:before{opacity:1;}

/* 컬러푸드별 */
.box_group{position:relative; padding:20px; border:1px solid #efefef;}
.box_group h3{position:absolute; top:-13px; left:15px; z-index:10; padding:0px 15px; margin:0px !important; background:#fff; font-size:16px !important; color:#3653a9 !important; letter-spacing:0px !important;}
.box_group .btn{position:absolute; bottom:-1px; right:-1px;}
.box_group input[id*="searchColorFood"] + label{margin:0 20px;}

/* table */
.diagonal{padding:0px !important;}
.diagonal > div{overflow:hidden; position:relative; height:40px;}
.diagonal > div:before{content:''; display:block; position:absolute; left:50%; top:50%; width:200%; height:1px; margin-left:-100%; background:#c5c5c5; transform:rotate(12deg);}
.area_add{position:relative;}
.area_add .button{position:absolute; right:0px; top:50%; margin-top:-12px;}
.ie [data-notice]{line-height:18px;}

/* heatMap */
#heatMap{font-size:8px;}
#heatMapNo.no_data{padding-top:100px; font-size:18px; color:#999;}
.heatmap_tooltip{padding:15px; background:#fff; border:1px solid #e3e3e3; font-size:12px; box-shadow:5px 10px 20px rgba(0,0,0,0.2); text-align:left;}
.heatmap_tooltip i{font-weight:600; font-size:14px;}

/* data picker */
.ui-datepicker{width:auto !important;}
.ui-widget.ui-widget-content{background:#fff;}
.ui-datepicker .ui-datepicker-header{position:relative; padding:0px; background:#fff; border:0px; border-bottom:1px dashed #cfcece;}
.ui-datepicker .ui-datepicker-title select{height:25px; margin:1px 2px !important; font-size:14px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{width:30px; height:30px; line-height:30px; background:transparent !important; border:0px !important; text-align:center;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#3653a9 !important; border-radius:3%;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#f3d5a9 !important; border-radius:3px; color:#333 !important;}
.ui-datepicker th{font-weight:400 !important; font-size:14px;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:first-child{color:#e91062;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:last-child{color:#2d7aee;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:first-child a{color:#e91062;} 
.ui-datepicker tbody tr > td.ui-datepicker-week-end:last-child a{color:#2d7aee;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top:8px !important;}
.ui-datepicker .ui-datepicker-prev{left:3px;}
.ui-datepicker .ui-datepicker-next{right:3px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:0px !important;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}
.ui-datepicker-trigger{display:inline-block; width:20px; height:20px; margin-left:3px; background:url(../images/content/img_calendar.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.ui-datepicker-title{padding:3px 20px; text-align:center;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{font-size:13px;}
.ui-datepicker-calendar thead th{padding:5px; background:#e4e4e4;}
.ui-datepicker-calendar tbody td{padding:0px 5px; text-align:center; font-family:'Segoe UI', Sans-serif;}
.timePicker{display:inline-block; margin-left:10px;}
.timePicker:after{content:''; display:inline-block; width:19px; height:19px; background:url(../images/content/img_time.png) no-repeat 0 0; vertical-align:middle;}
.ui-monthpicker-trigger{display:inline-block; width:20px; height:20px; margin-left:3px; background:url(../images/content/img_calendar.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.ui-monthpicker-title{padding:3px 20px; text-align:center;}

/* loading */
.area_loding{position:fixed; top:0px; left:0px; z-index:100; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.area_loding .img{position:absolute; top:50%; left:50%; z-index:101; width:120px; height:120px; transform:translate(-50%, -50%);}
.box_loading{display:inline-block; height:32px; margin-right:15px;}
.box_loading > *{display:inline-block; line-height:34px; vertical-align:middle;}
.box_loading em{color:#3653a9;}
.area_loding_1 .img{width:32px; height:32px; vertical-align:middle;}

/* search */
.btn_mimsearch{display:inline-block; position:relative; padding:4px 10px 4px 33px; background:#fff; border:1px solid #cdcdcd; font-size:14px; color:#444; transition:0.3s ease;}
.btn_mimsearch:before{content:''; display:block; position:absolute; top:50%; left:7px; width:22px; height:20px; margin-top:-10px; background:url(../images/content/img_search.png) no-repeat 50% 0;}
.btn_mimsearch:hover{box-shadow:0 5px 10px rgba(0,0,0,0.15);}
	/* smart search */
.box_search_result{margin-bottom:30px; padding:30px 0px; border-bottom:1px solid #dedede;}
.box_search_result .none_data{padding:0px;}
.box_search_result > div{text-align:center;}
.box_search_result > div > span strong{font-size:18px; color:#e25a73;}

/* cart */
.btn_addCart a{display:inline-block; width:24px; height:24px; background:url(../images/content/icon_basket.png) no-repeat 0 0; overflow:hidden; text-indent:-5000px;}
.btn_addCart a.on{background-position:0 -24px;}
.basket_area {border-left:1px solid #e5e5e5; height:120px; width:100px; position:absolute; right:0px; top:0px; }
.basket_area > .btn_basket_add{width:68px; height:53px; background:url(../images/content/icon_basket_new.gif) no-repeat 0 0; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; margin:5px auto 0 auto; position:relative; }
.basket_area .basket_num {position:absolute; right:13px; bottom:3px; display:block; padding:5px 7px; background:#3653a9; border:1px solid #3653a9; border-radius:50em; box-shadow:2px 2px 1px rgba(0, 0, 0, 0.3); color:#fff; text-indent:0; white-space:normal; }
.btn_basket_reset{background:url(../images/content/btn_basket_reset.gif) no-repeat 0 0; width:67px; height:35px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; margin:15px auto 0 auto; }

/* 소셜공유 및 앵커버튼 */
.snsList{position:absolute; right:0; top:-10px; z-index:10;}
.snsList > div .shareBtn{display:inline-block; cursor:pointer; width:40px; height:40px; margin-left:1px; background-repeat:no-repeat; background-position:50% 0; background-size:40px 40px;}
.snsList > div .shareBtn:nth-of-type(1){transition-delay:0.05s;}
.snsList > div .shareBtn:nth-of-type(2){transition-delay:0.1s;}
.snsList > div .shareBtn:nth-of-type(3){transition-delay:0.15s;}
.snsList > div .shareBtn:nth-of-type(4){transition-delay:0.2s;}
.snsList > div .shareBtn:nth-of-type(5){transition-delay:0.25s;}
.snsList > div .shareBtn:nth-of-type(6){transition-delay:0.3s;}
.snsList > div .shareBtn:nth-of-type(7){transition-delay:0.35s;}
#shareFB {background-image:url(../images/content/icon_sns_facebook.png);}								
#shareTWT {background-image:url(../images/content/icon_sns_twitter.png);}								
#shareNaver {background-image:url(../images/content/icon_sns_naver.png);}								
#shareBand {background-image:url(../images/content/icon_sns_band.png);}								
#shareKS {background-image:url(../images/content/icon_sns_kastory.png);}								
#shareKT {background-image:url(../images/content/icon_sns_kakao.png);}								
#shareAddrCopy {background-image:url(../images/content/icon_sns_link.png);}

/* 그리드 */
.jqx-widget-content{border-radius:0px !important;}


/* list */
.list_dot{display:flex; flex-direction:column; gap:5px; margin-top:10px;}
.list_dot > li{position:relative; padding-left:10px;}

/* ****  custom파일하고 합칠예정 *** */