@charset "utf-8";

/* 폰트 Weight ExL 100, L 300, R 400, M 500, B 700, H 900 */
body,input,textarea,select,table,a,p{font-family:'Noto Sans KR', '맑은 고딕', MalgunGothic, '돋움', Dotum, sans-serif;}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
 
 
.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.auto_scroll{overflow:auto;}
legend{display:none;}
.pc_indent{display:inline;}

h2.common_tt{text-align:center; color:#333; font-weight:700; font-size:24px; margin-top:30px;}
.mileage_hr{border:none !important; background:#f6f6f6; word-break:keep-all;}
h4.mileage_tt{color:#333; font-size:16px; margin-bottom:5px;}
.mileage_info{margin-bottom:30px;}
.mileage_info em{display:block; color:#333; font-size:16px; font-weight:500; margin-bottom:5px;}

.prd_info{display:table; width:100%; border-radius:3px; background:#80bd01; padding:30px 0; margin-bottom:40px;}
.prd_info .info_left{font-size:15px; color:#fff; margin:0 30px; word-break:keep-all;}
.prd_info .info_left img{display:block; width:90px; height:auto; margin-bottom:5px}
.prd_info .info_right{margin:10px 0 0 30px;}
.btn_reg_go{display:block; background:#fff !important; border:1px solid #eaeaea !important; width:140px; height:40px; line-height:40px; text-align:center; cursor:pointer; font-weight:bold; box-sizing:border-box;}

/* Top 영역 */
.header_hr{position:relative; top:0; left:0; width:100%; min-width:320px; height:60px; background:#1c1f20; z-index:99;}
.header_hr .top_logo{float:left; margin:23px 0 0 25px;}
.header_hr .top_logo img{width:89px; height:auto;}
.header_hr .nav_hr{display:none;}
.header_hr .top_right{float:right;}
.header_hr .top_snb{float:left; margin:19px 20px 0 0;}
.header_hr .top_snb li.pc_menu{display:none;}
.header_hr .top_snb li a{color:#FFF; font-size:15px; font-weight:500;}
.header_hr .top_util{float:left;}
.header_hr .top_util li{float:left;}
.header_hr .top_util li a{display:block; width:60px; height:60px;}
.header_hr .top_util li.top_search a{background:url(/images/common/top_search_btn.png) no-repeat #80bd01 25px 20px; background-size:20px auto;}
.header_hr .top_util li.top_menu a{background:url(/images/common//top_menu_btn.png) no-repeat #80bd01 19px 22px; background-size:24px auto;}
/*.header_hr .top_util li.top_menu a{background:url(/images/common//top_menu_btn.png) no-repeat #80bd01 13px 22px; background-size:24px auto;}*/
.header_hr .top_right .search_wrap{position:absolute; top:0; right:0; width:80%; height:100%; max-width:440px; background:#80bd01; z-index:99; opacity:0; visibility:hidden;
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.header_hr .top_right .search_wrap.on{right:60px; opacity:1; visibility:visible;}
.header_hr .top_right .search_wrap .search_input{float:left; width:calc(100% - 120px); height:60px; box-sizing:border-box; padding-left:20px; border:none; background:none; color:#FFF; font-size:14px;}
.header_hr .top_right .search_wrap .search_input:-ms-input-placeholder{color:#deedcb;}
.header_hr .top_right .search_wrap .search_input::-webkit-input-placeholder{color:#deedcb;}
.header_hr .top_right .search_wrap .search_btn{float:left; width:60px; height:60px; background:url(/images/common/top_search_btn.png) no-repeat #80bd01 25px 20px; background-size:20px auto; border:none; text-indent:-99999px;}
.header_hr .top_right .search_wrap input:focus{outline:none;}
.header_hr .top_right .search_wrap .search_close{float:right;}
.header_hr .top_right .search_wrap .search_close a{display:block; width:60px; height:60px; background:url(/images/common/top_close_btn.png) no-repeat 17px 20px; background-size:20px auto;}
.header_hr .top_right .search_wrap .search_list{position:absolute; width:calc(100% - 120px); top:60px; background:#FFF; padding:10px 0; border:solid 1px #e8e8e8; border-top:none; box-sizing:border-box;}
.header_hr .top_right .search_wrap .search_list li{display:table; width:100%;}
.header_hr .top_right .search_wrap .search_list li a{font-size:15px; margin-left:20px;}
.header_hr .top_right .search_wrap .search_list li a:hover{color:#212121;}
.header_hr .top_right .search_wrap .search_list li span{display:block; float:right; margin:6px 10px 0 0;}
.header_hr .top_right .search_wrap .search_list li span button{display:block; width:14px; height:14px; padding:0 0; margin:0 0;}
.header_fixed{position:fixed;}

.total_wrap .nav_close{position:absolute; top:0; left:10%; margin-left:10px; z-index:99; opacity:0; visibility:hidden;
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap .nav_close a{display:block; width:60px; height:60px; background:url(/images/common/top_close_btn.png) no-repeat 13px 17px; background-size:27px auto;}
.total_wrap.on .nav_close{opacity:1; visibility:visible;}
.total_wrap .total_nav{position:fixed; width:90%; height:100%; top:0; right:-100px; opacity:0; visibility:hidden; padding-bottom:60px; z-index:90;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap.on .total_nav{right:0; opacity:1; visibility:visible;}
.total_wrap.on:after{position:fixed; content:""; top:0; left:0; width:100%; height:100%; background:#000; z-index:10; opacity:0.6;}
.total_nav .nav_ailgn{position:relative; display:table; width:100%; height:calc(100% + 60px); max-width:1340px; min-width:290px; margin:auto; background:#80bd01;}
.total_nav .shop_util{display:block; width:100%; height:60px; background:#1c1f20;}
.total_nav .shop_util .online_store{float:left; margin:16px 0 0 20px;}
.total_nav .shop_util .online_store a{color:#FFF; font-size:17px; font-weight:500;}
.total_nav .shop_util li img{width:40px; height:auto;}
.total_nav .nav_scroll{width:100%; height:calc(100% - 120px); overflow-y:auto;}
.total_nav .nav_select{float:right; width:100%; margin:20px 0 10px; text-align:right; font-size:0;}
.total_nav .nav_select li{position:relative; display:inline-block; padding:0 5%;}
.total_nav .nav_select li:after{display:block; position:absolute; top:7px; right:0; content:""; width:1px; height:16px; background:#808080;}
.total_nav .nav_select li:last-child:after{display:none;}
.total_nav .nav_select li a{display:block; text-align:center; font-size:17px; color:#FFF; font-weight:500; opacity:0.5;}
.total_nav .nav_select li.on a{opacity:1;}
.total_nav .nav_list{width:calc(100% - 30px); margin:0 15px;}
.total_nav .nav_list dt{display:none;}
.total_nav .nav_list dd > ul > li{position:relative; border-bottom:solid 1px #a4ce4b;}
.total_nav .nav_list dd > ul > li > a{display:block; height:50px; line-height:50px; font-size:17px; color:#FFF; font-weight:600; padding-left:5px;}
.total_nav .nav_list dd > ul > li.sub_nav > a{background:url(/images/common/nav_arrow_open.png) no-repeat right; background-size:30px auto;}
.total_nav .nav_list dd > ul > li.sub_nav.on > a{background:url(/images/common/nav_arrow_close.png) no-repeat right; background-size:30px auto;}
.total_nav .nav_list dd > ul > li.sub_nav.on .pro_sub{display:block;}
.total_nav .nav_list dd > ul > li.sub_nav > a.nav_open{display:block; position:absolute; top:0; right:0; width:60px; height:50px; background:none;}
.total_nav .nav_list .pro_sub{display:none; border-top:solid 1px #a4ce4b; padding:10px 0 10px 20px;}
.total_nav .nav_list .pro_sub p a{display:block; font-size:16px; font-weight:600; color:#c6fe51; background:url(/images/common/nav_arrow_open_s.png) no-repeat right; background-size:30px auto; margin:5px 0;}
.total_nav .nav_list .pro_sub p.on a{background:url(/images/common/nav_arrow_close_s.png) no-repeat right; background-size:30px auto;}
.total_nav .nav_list .pro_sub li a{display:block; font-size:16px; line-height:35px; color:#FFF;}
.total_nav .nav_list .pro_sub li{position:relative; font-size:16px; color:#bfde80;}
.total_nav .nav_list .pro_sub li.coming:after{ position:absolute; display:block; font-size:16px; content:"Coming"; right:0; top:-3px; color:#bfde80;}
.total_nav .banner_menu{margin:30px 0;}
.total_nav .banner_menu li{width:calc(100% - 30px); margin:5px 15px 0;}
.total_nav .banner_menu li a{display:block; height:40px; line-height:40px; border-radius:30px; border:solid 1px #c0de80; font-size:16px; font-weight:500; color:#FFF; padding-left:60px; box-sizing:border-box;}
.total_nav .banner_menu li:nth-child(1){background:url(/images/common/nav_bn_wicon_01.png) no-repeat 25px center; background-size:20px auto;}
.total_nav .banner_menu li:nth-child(2){background:url(/images/common/nav_bn_wicon_02.png) no-repeat 25px center; background-size:20px auto;}
.total_nav .banner_menu li:nth-child(3){background:url(/images/common/nav_bn_wicon_03.png) no-repeat 25px center; background-size:20px auto;}

.quick_hr{position:fixed; top:50%; right:5px; margin-top:-100px; z-index:90;}
.quick_hr li{margin-bottom:10px;}
.quick_hr img{position:relative; width:35px; height:auto; z-index:1;}
.quick_hr a span{display:none;}

/* Bottom 영역 */
.footer_hr{width:100%; border-top:solid 1px #dddddd;}
.footer_hr h5.footer_tt{color:#212121; font-weight:500; font-size:17px; margin-top:24px;}
.footer_hr p{color:#212121; font-size:15px; line-height:1.6em;}
.footer_hr p span.indent{display:inline;}
.footer_hr a, .footer_hr a:hover{color:#212121;}
.footer_hr hr{display:block; width:100%; height:1px; background:#dddddd; border:none; margin:0 0; padding:0 0;}
.footer_hr .customer_wrap{display:table; width:100%; max-width:1400px; margin:auto;}
.footer_hr .customer_total{position:relative; width:90%; margin:auto; padding-bottom:30px;}
.footer_hr .customer_total .customer_tel{font-weight:700; font-size:38px;}
.footer_hr .customer_area{position:relative;width:90%; margin:auto; padding-bottom:30px;}
.footer_hr .customer_area p{margin:10px 0 8px;}
.footer_hr .customer_area em{display:block; font-weight:500;}
.footer_hr .customer_area .map_btn a{display:block; width:160px; height:34px; line-height:34px; border:solid 1px #d9d9d9; box-sizing:border-box; color:#212121; font-weight:500; font-size:13px; padding-left:20px; border-radius:17px 17px; background:url(/images/common/small_black_arr.gif) no-repeat 134px center; background-size:6px auto;}
.footer_hr .customer_total:after, .footer_hr .customer_area:after{position:absolute; bottom:0; display:block; content:""; width:111.2%; height:1px; background:#dddddd; margin:0 -5.6%;}
.footer_hr .customer_area:last-child:after{display:none;}
.footer_hr .customer_menu{float:left; width:50%; height:320px; padding:0 5%; border-left:solid 1px #dddddd; box-sizing:border-box;}
.footer_hr .customer_menu ul{margin-top:18px;}
.footer_hr .customer_menu ul li{line-height:30px;}
.footer_hr .customer_menu ul li a{font-size:15px;}
.footer_hr .bottom_menu{display:table; width:96%; max-width:1400px; margin:auto;}
.footer_hr .bottom_menu ul{margin:15px 0; text-align:center;}
.footer_hr .bottom_menu li{display:inline-block; margin-right:22px;}
.footer_hr .bottom_menu li a{font-size:16px;}
.footer_hr .bottom_menu li a em{font-weight:700;}
.footer_hr .bottom_wrap{display:table; width:94%; max-width:1400px; margin:auto;}
.footer_hr .bottom_sns{text-align:center; margin-top:30px;}
.footer_hr .bottom_sns li{display:inline-block; margin:0 15px;}
.footer_hr .bottom_sns li img{width:20px; height:auto;}
.footer_hr .bottom_copy{width:100%; margin:36px 0 27px;}
.footer_hr .bottom_copy .bottom_logo{width:109px; margin:0 auto 25px;}
.footer_hr .bottom_copy .bottom_logo img{width:109px; height:auto;}
.footer_hr .bottom_copy .bottom_con{width:94%; max-width:810px; text-align:center; margin:auto; word-break:keep-all;}
.footer_hr .bottom_copy p{line-height:1.7em; font-size:14px; margin-bottom:14px;}
.footer_hr .bottom_copy p span{display:inline-block; margin:0 3px;}

/* 브랜드 페이지 코딩 */
.sub_contents{width:100%; max-width:1900px; margin:auto;}
.sub_contents img{width:100%;}
.sub_contents .mo img{margin-top:-8px;}
.sub_contents .pc{display:none;}

/* Contents 영역 */
.product_buy{position:fixed; right:10px; bottom:20px; z-index:90;}
.product_buy a{display:block; width:145px; height:44px; line-height:44px; border-radius:27px 27px; background:url(/images/common/product_buy_btn.png) no-repeat 128px center #80bd01; font-size:15px; color:#FFF; font-weight:500; padding-left:20px; box-sizing:content-box; background-size:20px auto;}
.product_buy a:hover, .product_buy a:active, .product_buy a:focus{color:#FFF; font-weight:500;}
.category_bn_pc{display:none;}
.category_bn_mo{display:block;}
.category_bn_mo img{width:100%; height:auto;}
.board_view_attach strong.pro_guide_icon{display:inline-block; width:110px; height:30px; line-height:30px; background:url(/images/common/pro_guide_icon.png) no-repeat 14px center #b0b0b0; background-size:18px auto; border-radius:15px 15px; padding-left:40px; box-sizing:border-box; font-size:12px; color:#FFF; margin-bottom:5px;}
.board_view_attach strong.pro_recipe_icon{display:inline-block; width:110px; height:30px; line-height:30px; background:url(/images/common/pro_recipe_icon.png) no-repeat 14px center #b0b0b0; background-size:18px auto; border-radius:15px 15px; padding-left:40px; box-sizing:border-box; font-size:12px; color:#FFF; margin-bottom:5px;}

/* 온라인스토어 영역 */
h3.store_tt{text-align:center; font-size:20px; color:#000; font-weight:600; margin-bottom:28px;}
.store_cate{font-size:0px; width:100%; text-align:center; overflow:auto;}
.store_cate ul{width:562px; margin:30px auto;}
.store_cate li{display:inline-block; margin:0 4px;}
.store_cate li a{display:block; font-size:16px; font-weight:500; color:#212121; padding:65px 15px 11px; border-bottom:solid 2px #FFF;}
.store_cate li:nth-child(1){background:url(/images/common/store_cate_icon01.gif) no-repeat center top; background-size:42px auto;}
.store_cate li:nth-child(2){background:url(/images/common/store_cate_icon02.gif) no-repeat center top; background-size:42px auto;}
.store_cate li:nth-child(3){background:url(/images/common/store_cate_icon03.gif) no-repeat center top; background-size:42px auto;}
.store_cate li:nth-child(4){background:url(/images/common/store_cate_icon04.gif) no-repeat center top; background-size:42px auto;}
.store_cate li:nth-child(5){background:url(/images/common/store_cate_icon05.gif) no-repeat center top; background-size:42px auto;}
.store_cate li:nth-child(6){background:url(/images/common/store_cate_icon06.gif) no-repeat center top; background-size:42px auto;}
.store_cate li a:hover{border-bottom:solid 2px #212121; color:#212121;}
.store_cate li.on a{border-bottom:solid 2px #70a501; color:#70a501; font-weight:600;}
.store_cate li.on:nth-child(1){background:url(/images/common/store_cate_icon01_on.gif) no-repeat center top; background-size:42px auto;}
.store_cate li.on:nth-child(2){background:url(/images/common/store_cate_icon02_on.gif) no-repeat center top; background-size:42px auto;}
.store_cate li.on:nth-child(3){background:url(/images/common/store_cate_icon03_on.gif) no-repeat center top; background-size:42px auto;}
.store_cate li.on:nth-child(4){background:url(/images/common/store_cate_icon04_on.gif) no-repeat center top; background-size:42px auto;}
.store_cate li.on:nth-child(5){background:url(/images/common/store_cate_icon05_on.gif) no-repeat center top; background-size:42px auto;}
.store_cate li.on:nth-child(6){background:url(/images/common/store_cate_icon06_on.gif) no-repeat center top; background-size:42px auto;}
.store_more_btn{float:left; margin-top:-60px;}
.store_more_btn img{width:35px; height:35px;}
.store_review{width:100%; background:#f6f6f6; padding-top:30px; font-size:0;}
.store_review_align{display:table; width:90%; max-width:1400px; margin:auto; text-align:center;}
.store_review .review_wrap{width:100%; text-align:left; margin-bottom:40px;}
.store_review .review_wrap .review_txt{font-size:16px; color:#212121; margin-bottom:27px; padding:0 29px; word-break:keep-all;}
.store_review .review_wrap .review_txt a:before{display:inline-block; content:""; width:19px; height:16px; background:url(/images/common/store_dqm_left.png) no-repeat; background-size:100% 100%; margin:0 10px 0 -29px;}
.store_review .review_wrap .review_txt a:after{display:inline-block; content:""; width:19px; height:16px; background:url(/images/common/store_dqm_right.png) no-repeat; background-size:100% 100%; margin:0 0 -2px 10px;}
.store_review .review_wrap .review_txt a:hover{color:#212121;}
.store_review .review_wrap .review_product{font-size:16px; color:#212121; font-weight:500; margin-bottom:15px; padding-left:29px;}
.store_review .review_wrap .review_star{width:90px; height:15px; background:url(/images/common/store_star_bg.png) no-repeat; background-size:auto 15px; margin-left:29px;}
.store_review .review_wrap .review_star span{display:block; height:12px; background:url(/images/common/store_star.png) no-repeat left top; background-size:auto 15px;}
.store_review .review_wrap.pc_view{display:none;}
.store_recipe{width:90%; max-width:1400px; margin:30px auto 20px; padding:10px 0 20px; overflow:auto;}
.store_recipe .store_recipe_list{display:table; width:750px;}
.store_recipe .store_recipe_list li{float:left; width:140px; margin-right:10px;}
.store_recipe .store_recipe_list li:last-child{margin-right:0;}
.store_recipe .store_recipe_list li img{width:100%; height:auto; border:solid 1px #e8e8e8; box-sizing:border-box; margin-bottom:30px;}
.store_recipe .store_recipe_list li a:hover{color:#212121;}
.store_banner{display:table; width:90%; max-width:1400px; margin:0 auto 80px;}
.store_banner li{float:left; width:31.45%; margin-right:2.82%; background:#f2f2f2;}
.store_banner li a{display:block; width:90%; height:200px; line-height:1.4em; text-align:center; font-size:16px; color:#212121; font-weight:500; margin:auto; padding-top:120px;}
.store_banner li.bn03{margin-right:0;}
.store_banner li.bn01 a{background:url(/images/common/store_bn_icon01.png) no-repeat center 30px; background-size:70px 70px;}
.store_banner li.bn02 a{background:url(/images/common/store_bn_icon02.png) no-repeat center 30px; background-size:70px 70px;}
.store_banner li.bn03 a{background:url(/images/common/store_bn_icon03.png) no-repeat center 30px; background-size:70px 70px;}

/* 400px 이상 해상도 */
@media screen and (min-width:400px){
h2.common_tt{margin-top:50px;}

/* 온라인스토어 영역 */
.store_banner li a{height:180px;}
}

/* 760px 이상 해상도 */
@media screen and (min-width:760px){
h2.common_tt{font-size:28px;}

/* Top 영역 */
.header_hr{height:80px;}
.header_hr .top_logo{margin:31px 0 0 41px;}
.header_hr .top_logo img{width:109px;}
.header_hr .top_util li a{width:80px; height:80px;}
.header_hr .top_util li.top_search a{background:url(/images/common//top_search_btn.png) no-repeat #80bd01 33px 29px; background-size:auto;}
.header_hr .top_util li.top_menu a{background:url(/images/common//top_menu_btn.png) no-repeat #80bd01 27px 32px; background-size:auto;}
/*.header_hr .top_util li.top_menu a{background:url(/images/common//top_menu_btn.png) no-repeat #80bd01 21px 32px; background-size:auto;}*/
.header_hr .top_snb{margin:28px 40px 0 0;}
.header_hr .top_right .search_wrap.on{right:80px;}
.header_hr .top_right .search_wrap .search_input{width:calc(100% - 160px); height:80px; padding-left:30px; font-size:16px;}
.header_hr .top_right .search_wrap .search_btn{width:80px; height:80px; background:url(/images/common//top_search_btn.png) no-repeat #80bd01 33px 29px; background-size:auto;}
.header_hr .top_right .search_wrap .search_close a{width:80px; height:80px; background:url(/images/common/top_close_btn.png) no-repeat 23px 28px; background-size:27px auto;}
.header_hr .top_right .search_wrap .search_list{width:calc(100% - 160px); top:80px;}

.quick_hr img{width:40px;}

/* Bottom 영역 */
.footer_hr .customer_total .customer_tel{float:left; margin-right:60px;}
.footer_hr .customer_total .customer_time{margin-top:7px;}
.footer_hr .customer_area{float:left; width:50%; height:240px; margin:auto; border-left:solid 1px #dddddd; padding:0 5% 30px; box-sizing:border-box;}
.footer_hr .customer_area p{margin:22px 0 18px;}
.footer_hr .customer_area:after{display:none;}
/* 브랜드 페이지 코딩 */
.sub_contents .mo{display:none;}
.sub_contents .pc{display:block;}

/* Contents 영역 */
.category_bn_pc{display:block; height:233px; background-size:auto 100%; background-position:center;}
.category_bn_mo{display:none;}

/* 온라인스토어 영역 */
h3.store_tt{font-size:28px; margin-bottom:38px;}
.store_cate ul{width:auto; margin:30px auto 40px;}
.store_cate li{margin:0 6px;}
.store_cate li a{font-size:18px; padding:98px 17px 11px;}
.store_cate li:nth-child(1){background-size:auto;}
.store_cate li:nth-child(2){background-size:auto;}
.store_cate li:nth-child(3){background-size:auto;}
.store_cate li:nth-child(4){background-size:auto;}
.store_cate li:nth-child(5){background-size:auto;}
.store_cate li:nth-child(6){background-size:auto;}
.store_cate li.on:nth-child(1){background-size:auto;}
.store_cate li.on:nth-child(2){background-size:auto;}
.store_cate li.on:nth-child(3){background-size:auto;}
.store_cate li.on:nth-child(4){background-size:auto;}
.store_cate li.on:nth-child(5){background-size:auto;}
.store_cate li.on:nth-child(6){background-size:auto;}
.store_review{padding:50px 0 20px;}
.store_recipe .store_recipe_list{width:1600px;}
.store_recipe .store_recipe_list li{width:300px; margin-right:20px;}
}

/* 1240px 이상 해상도 */
@media screen and (min-width:1240px){
.pc_indent{display:block;}	

h2.common_tt{font-size:30px; margin-top:92px;}

.prd_info .info_left{float:left; font-size:16px; margin:0 50px;}
.prd_info .info_right{float:right; margin:0 40px 0 0;}

/* Top 영역 */
.header_hr .nav_hr{display:block; float:left; margin:26px 0 0 20px;}
.header_hr .nav_hr > ul > li{float:left; margin:0 22px;}
.header_hr .nav_hr > ul > li > a{position:relative; color:#FFF; font-size:17px;}
.header_hr .nav_hr > ul > li:hover > a{color:#80bd01; font-weight:500;}
.header_hr .nav_hr > ul > li > a:after{position:absolute; display:block; content:""; bottom:0; width:calc(100% + 40px); height:4px; background:#80bd01; margin:0 -20px -29px;
        transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
				transform:scaleX(0);
-webkit-transform:scaleX(0);}
.header_hr .nav_hr > ul > li:hover > a:after{
				transform:scaleX(1);
-webkit-transform:scaleX(1);}
.header_hr .nav_hr  > ul > li .sub{position:absolute; width:100%; top:0; left:0; background:#FFF; opacity:0; visibility:hidden; z-index:-2;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.header_hr .nav_hr  > ul > li:hover .sub{top:80px; opacity:1; visibility:visible;}
.header_hr .nav_hr .product_nav{display:table; width:94%; max-width:1340px; margin:29px auto 41px;}
.header_hr .nav_hr .product_nav .product_col{float:left; margin-right:40px;}
.header_hr .nav_hr .product_nav .product_cate{color:#1c1d1b; font-size:16px; font-weight:500; margin-bottom:17px;}
.header_hr .nav_hr .product_nav ul{display:table;}
.header_hr .nav_hr .product_nav li{position:relative; float:left; margin-right:20px;}
.header_hr .nav_hr .product_nav li.line2{margin-top:20px;}
.header_hr .nav_hr .product_nav li.coming:before{display:block; position:absolute; content:""; top:0; z-index:10; width:88px; height:88px; background:#000; opacity:0.7;}
.header_hr .nav_hr .product_nav li.coming:after{display:block; position:absolute; content:"Comming"; top:0; z-index:10; width:88px; height:88px; text-align:center; color:#FFF; margin-top:30px;}
.header_hr .nav_hr .product_nav img{border:solid 1px #ececec; width:88px; height:auto; box-sizing:border-box;}
.header_hr .nav_hr .product_nav span{display:block; text-align:center; color:#1c1d1b; font-size:13px; margin-top:15px;}
.header_hr .top_snb{display:block; float:left; margin:28px 40px 0 0;}
.header_hr .top_snb li{float:left;}
.header_hr .top_snb li.pc_menu{display:block;}
.header_hr .top_snb li:after{display:inline-block; content:""; width:1px; height:10px; background:#616363; margin:0 12px;}
.header_hr .top_snb li:last-child:after{display:none;}
.header_hr .top_snb li a{color:#FFF; font-size:15px; font-weight:400;}
.header_hr:after{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; background:#1c1f20; z-index:-1;}

.total_wrap .nav_close{left:auto; right:0; margin-left:0;}
.total_wrap .nav_close a{width:80px; height:80px; background:url(/images/common/top_close_btn.png) no-repeat #80bd01 29px 28px; background-size:27px auto;}
/*.total_wrap .nav_close a{width:80px; height:80px; background:url(/images/common/top_close_btn.png) no-repeat #80bd01 23px 28px; background-size:27px auto;}*/
.total_wrap .total_nav{position:absolute; width:96%; height:auto; top:0; right:0; background:#FFF; padding:0 2% 60px 2%; z-index:-1; box-sizing:content-box;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap.on .total_nav{top:80px;}
.total_wrap:after{display:none;}
.total_nav .nav_ailgn{height:auto; background:none;}
.total_nav .shop_util{position:absolute; width:auto; top:20px; right:0; background:none;}
.total_nav .shop_util .online_store{display:none;}
.total_nav .shop_util ul{float:none; margin:0 0;}
.total_nav .shop_util li{margin-left:10px; background:#1c1f20;}
.total_nav .nav_scroll{width:100%; height:auto; overflow-y:visible;}
.total_nav .nav_select{display:none;}
.total_nav .nav_list{float:left; width:100%; display:block !important;}
.total_nav .nav_list dt{display:block; color:#1c1d1b; font-size:16px; font-weight:500; border-bottom:solid 1px #e1e1e1; padding:0 0 20px 30px; margin:39px 0 15px;}
.total_nav .nav_list dd ul li{float:left; margin-right:100px; border-bottom:none;}
.total_nav .nav_list dd ul li a{display:inline-block; height:30px; line-height:30px; font-size:15px; color:#1c1d1b; font-weight:400; padding-left:0;}
.total_nav .nav_list dd > ul > li.sub_nav > a.nav_open{display:none;}
.total_nav .nav_list.product{display:none !important;}
.total_nav .nav_list.company, .total_nav .nav_list.customer, .total_nav .nav_list.shop{display:block;}
.total_nav .nav_list.company dt{background:url(/images/common/nav_icon_01.gif) no-repeat left 4px;}
.total_nav .nav_list.customer dt{background:url(/images/common/nav_icon_02.gif) no-repeat left 4px;}
.total_nav .nav_list.shop dt{background:url(/images/common/nav_icon_03.gif) no-repeat left 4px;}
.total_nav .banner_menu{float:right; margin:70px 0 0 0;}
.total_nav .banner_menu li{width:auto; margin:10px 0 0 0;}
.total_nav .banner_menu li a{width:280px; height:60px; line-height:60px; border:solid 1px #e1e1e1; color:#1c1d1b;}
.total_nav .banner_menu li:nth-child(1){background:url(/images/common/nav_bn_icon_01.gif) no-repeat 25px center;}
.total_nav .banner_menu li:nth-child(2){background:url(/images/common/nav_bn_icon_02.gif) no-repeat 25px center;}
.total_nav .banner_menu li:nth-child(3){background:url(/images/common/nav_bn_icon_03.gif) no-repeat 25px center;}

.quick_hr{right:10px; margin-top:-100px;}
.quick_hr li{margin-bottom:10px;}
.quick_hr img{width:50px;}
.quick_hr a span{display:inline-block; position:absolute; right:1px; width:48px; height:50px; line-height:50px; padding-left:20px; background:#1c1f20; border-radius:25px 25px; color:#FFF; font-size:14px; overflow:hidden; box-sizing:border-box;
        transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.quick_hr a:hover span{width:169px;}
.quick_hr li.customer a span{background:#80bd01; font-size:16px; font-weight:500;}
.quick_hr li.kakao a span{background:#ffe800; color:#3a2020;}

/* Bottom 영역 */
.footer_hr h5.footer_tt{margin-top:34px; line-height:1.1em;}
.footer_hr p span.indent{display:block;}
.footer_hr .customer_wrap{width:96%;}
.footer_hr .customer_total{float:left; width:30%; height:340px; padding-bottom:0;}
.footer_hr .customer_total .customer_tel{width:100%; margin:9px 0 20px; font-size:34px;}
.footer_hr .customer_total .customer_time{margin-top:0;}
.footer_hr .customer_area{width:35%; height:340px; padding:0 30px;}
.footer_hr .customer_area p{margin:22px 0 35px;}
.footer_hr .customer_area em{margin-top:14px;}
.footer_hr .customer_total:after, .footer_hr .customer_area:after{display:none;}
.footer_hr .customer_menu{width:20.42%; height:340px; padding:0 30px;}
.footer_hr .bottom_menu ul{float:left; margin:27px 0; text-align:left;}
.footer_hr .bottom_menu li{float:left; margin-right:72px;}
.footer_hr .bottom_menu li a{font-size:16px;}
.footer_hr .bottom_menu li a em{font-weight:700;}
.footer_hr .bottom_wrap{width:96%;}
.footer_hr .bottom_sns{float:right; margin-top:-50px;}
.footer_hr .bottom_sns li{float:left; margin:0 0 0 30px;}
.footer_hr .bottom_copy{float:left;}
.footer_hr .bottom_copy .bottom_logo{float:left; margin:4px 0 0 0;}
.footer_hr .bottom_copy .bottom_logo img{width:109px; height:auto;}
.footer_hr .bottom_copy .bottom_con{float:left; margin-left:60px; text-align:left;}
.footer_hr .bottom_copy p span{display:inline-block; margin:0 7px 0 0;}

/* Contents 영역 */
.product_buy{bottom:50px;}
.product_buy a{width:170px; height:54px; line-height:54px; background:url(/images/common/product_buy_btn.png) no-repeat 158px center #80bd01; font-size:16px; padding-left:30px; background-size:20px auto;}
.category_bn_pc{height:380px;}

/* 온라인스토어 영역 */
.online_store_tt .common_tt{margin-top:75px;}
h3.store_tt{margin-bottom:48px;}
.store_cate ul{margin:40px auto 75px;}
.store_cate li a{padding:98px 32px 11px;}
.store_more_btn{float:right; margin-top:-90px;}
.store_more_btn img{width:40px; height:40px;}
.store_review{padding:70px 0 94px;}
.store_review .review_wrap{display:inline-block; width:27.14%; margin:0 1.78% 0 1.78%; text-align:left; vertical-align:top;}
.store_review .review_wrap .review_star{width:74px; height:12px; background:url(/images/common/store_star_bg.png) no-repeat; background-size:auto 12px}
.store_review .review_wrap .review_star span{height:12px; background:url(/images/common/store_star.png) no-repeat left top; background-size:auto 12px;}
.store_review .review_wrap.pc_view{display:inline-block;}
.store_recipe{width:96%; max-width:1400px; margin:80px auto; padding:0 0;}
.store_recipe .store_recipe_list{display:table; width:100%;}
.store_recipe .store_recipe_list li{float:left; width:17.74%; margin-right:2.82%;}
.store_recipe .store_recipe_list li:last-child{margin-right:0;}
.store_recipe .store_recipe_list li img{width:100%; height:auto; border:solid 1px #e8e8e8; box-sizing:border-box; margin-bottom:30px;}
.store_recipe .store_recipe_list li a:hover{color:#212121;}
.store_banner{margin:0 auto 140px;}
.store_banner li a{height:100px; line-height:100px; text-align:left; font-size:17px; margin:0 0; padding:0 0 0 140px;}
.store_banner li.bn01 a{background:url(/images/common/store_bn_icon01.png) no-repeat 40px 15px; background-size:70px 70px;}
.store_banner li.bn02 a{background:url(/images/common/store_bn_icon02.png) no-repeat 40px 15px; background-size:70px 70px;}
.store_banner li.bn03 a{background:url(/images/common/store_bn_icon03.png) no-repeat 40px 15px; background-size:70px 70px;}
}

/* 1400px 이상 해상도 */
@media screen and (min-width:1400px){
/* Top 영역 */
.header_hr .top_logo{margin:31px 0 0 61px;}
.header_hr .nav_hr{margin:26px 0 0 58px;}
.header_hr .nav_hr > ul > li{margin:0 29px;}
.header_hr .nav_hr .product_nav{margin:39px auto 51px;}
.header_hr .nav_hr .product_nav li.coming:before{width:108px; height:108px;}
.header_hr .nav_hr .product_nav li.coming:after{width:108px; height:108px; margin-top:40px;}
.header_hr .top_snb li:after{display:inline-block; content:""; width:1px; height:10px; background:#616363; margin:0 22px;}
.header_hr .nav_hr .product_nav img{width:108px;}
.header_hr .nav_hr .product_nav span{font-size:15px;}
}

/* 1560px 이상 해상도 */
@media screen and (min-width:1560px){
/* Top 영역 */
.header_hr .nav_hr{margin:26px 0 0 94px;}
.header_hr .nav_hr > ul > li{margin:0 39px;}
}