@charset "utf-8";

/* 폰트 Weight ExL 100, L 300, R 400, M 500, B 700, H 900 */

/* Main */
.main_wrap{position:relative; width:100%; height:100%;}
.main_align{position:relative; display:table; width:86%; height:100%; max-width:1400px; margin:auto;}
.main_img{position:relative; top:-100%; width:86%; height:100%; max-width:1400px; margin:auto;}
.main_align img,
.main_img img,
.banner_img img{width:100%; height:auto;}
.main_middle{width:100%;}
.main_con{position:relative; width:100%; margin-top:50px; z-index:10;}
.main_con h3.main_pro_tt{font-size:22px; color:#212121; margin-bottom:8px; font-weight:400;}
.main_con .main_con_txt{width:70%; font-size:32px; font-weight:900; color:#212121; line-height:1.25em;}
.main_con .main_con_txt span{display:block; line-height:1.2em;}
.main_pro_btn{margin-top:23px;}
.main_pro_btn a{position:relative; display:inline-block; font-size:13px; width:120px; height:40px; line-height:38px; box-sizing:border-box; border:solid 1px #212121; border-radius:20px 20px; color:#212121; padding-left:20px; margin-right:6px;}
.main_pro_btn a:hover{color:#212121;}
.main_pro_btn a:after{position:absolute; display:block; content:""; width:6px; height:10px; background:url(/images/common/small_black_arr.png) no-repeat; background-size:100% auto; top:15px; right:20px;}
.main_pro_btn a:hover:after{
				animation:btn_mos 0.6s ease-in-out forwards;
-webkit-animation:btn_mos 0.6s ease-in-out forwards;
		    transition:btn_mos 0.6s ease-in-out forwards;
-webkit-transition:btn_mos 0.6s ease-in-out forwards;}
@keyframes btn_mos{
0%{right:35px;}
100%{right:25px;}
}
@-webkit-keyframes btn_mos{
0%{right:35px;}
100%{right:25px;}
}
.white_con h3.main_pro_tt,
.white_con .main_con_txt,
.white_con .main_pro_btn a:hover{color:#FFF;}
.white_con .main_pro_btn a{border:solid 1px #FFF; color:#FFF;}
.white_con .main_pro_btn a:after{background:url(/images/common/small_white_arr.png) no-repeat; background-size:100% auto;}

/* h300e */
.main_h300e{width:100%; height:700px; background:#FFF; overflow:hidden;}
.main_h300e .main_con .main_con_txt{width:auto;}
.main_h300e .product_img{position:absolute; width:250px; bottom:-100px; right:-100px; z-index:1;}
.main_h300e .product_color{position:absolute; display:inline-block; bottom:-130px; right:180px; z-index:10;}
.main_h300e .product_color p{text-align:right; color:#212121; margin-bottom:12px;}
.main_h300e .product_color ul{font-size:0;}
.main_h300e .product_color ul li{display:inline-block; margin-left:10px;}
.main_h300e .product_color ul li a{position:relative; display:block; width:30px; height:30px; border-radius:50% 50%;}
.main_h300e .product_color ul li.vividred a{background:url(/images/main/color_check_shadow.png) no-repeat #eb3426; background-size:100% auto;}
.main_h300e .product_color ul li.deepgreen a{background:url(/images/main/color_check_shadow.png) no-repeat #05231d; background-size:100% auto;}
.main_h300e .product_color ul li.mattblack a{background:url(/images/main/color_check_shadow.png) no-repeat #000000; background-size:100% auto;}
.main_h300e .product_color ul li.mattwhite a{background:url(/images/main/color_check_shadow.png) no-repeat #FFF; background-size:100% auto;}
.main_h300e .product_color ul li.beige a{background:url(/images/main/color_check_shadow.png) no-repeat #e4e2da; background-size:100% auto;}
.main_h300e .product_color ul li.titaniumgray a{background:url(/images/main/color_check_shadow.png) no-repeat #5a5a5b; background-size:100% auto;}
.main_h300e .product_color ul li.on a:after{position:absolute; display:block; content:""; width:17px; height:11px; background:url(/images/main/color_check.png) no-repeat; background-size:100% auto; top:10px; left:7px;}
.main_h300e .product_feature{display:table; width:calc(100% - 150px); max-width:400px; margin-top:20px;}
.main_h300e .product_feature li{display:table; float:left; width:50%; height:70px; padding-left:60px; box-sizing:border-box; color:#212121;}
.main_h300e .product_feature li:nth-child(1){background:url(/images/main/h300e_icon01.png) no-repeat; background-size:50px auto; background-position:center left;}
.main_h300e .product_feature li:nth-child(2){background:url(/images/main/h300e_icon02.png) no-repeat; background-size:50px auto; background-position:center left;}
.main_h300e .product_feature li:nth-child(3){background:url(/images/main/h300e_icon03.png) no-repeat; background-size:50px auto; background-position:center left;}
.main_h300e .product_feature li:nth-child(4){background:url(/images/main/h300e_icon04.png) no-repeat; background-size:50px auto; background-position:center left;}
.main_h300e .product_feature li p{display:table-cell; height:100%; vertical-align:middle; line-height:1.35em; font-weight:700; color:#212121;}

/* h320n */
.main_h320n{width:100%; height:540px; background:#f6f6f6; overflow:hidden;}
.main_h320n .product_img{position:absolute; width:250px; top:50px; right:-70px;}
.main_h320n .product_color{position:absolute; display:inline-block; bottom:30px; right:190px; z-index:10;}
.main_h320n .product_color p{text-align:right; color:#212121; margin-bottom:12px;}
.main_h320n .product_color ul{font-size:0;}
.main_h320n .product_color ul li{display:inline-block; margin-left:10px;}
.main_h320n .product_color ul li a{position:relative; display:block; width:30px; height:30px; border-radius:50% 50%;}
.main_h320n .product_color ul li.mattwhite a{background:url(/images/main/color_check_shadow.png) no-repeat #FFF; background-size:100% auto;}
.main_h320n .product_color ul li.matttitaniumgray a{background:url(/images/main/color_check_shadow.png) no-repeat #4d4d4d; background-size:100% auto;}
.main_h320n .product_color ul li.deepgreen a{background:url(/images/main/color_check_shadow.png) no-repeat #1a2f29; background-size:100% auto;}
.main_h320n .product_color ul li.mattblack a{background:url(/images/main/color_check_shadow.png) no-repeat #000000; background-size:100% auto;}
.main_h320n .product_color ul li.on a:after{position:absolute; display:block; content:""; width:17px; height:11px; background:url(/images/main/color_check.png) no-repeat; background-size:100% auto; top:10px; left:7px;}

/* m100 */
.main_m100{width:100%; height:560px; background:#FFF; overflow:hidden;}
.main_m100 .product_img{position:absolute; width:300px; bottom:-100px; left:50%; margin-left:-150px; z-index:1;}

/* h310a */
.main_h310a{width:100%; height:530px; background:#f6f6f6; overflow:hidden;}
.main_h310a .product_img{position:absolute; width:210px; top:50px; right:-70px;}
.main_h310a .product_color{position:absolute; display:inline-block; bottom:30px; right:150px; z-index:10;}
.main_h310a .product_color p{text-align:right; color:#212121; margin-bottom:12px;}
.main_h310a .product_color ul{font-size:0;}
.main_h310a .product_color ul li{display:inline-block; margin-left:10px;}
.main_h310a .product_color ul li a{position:relative; display:block; width:30px; height:30px; border-radius:50% 50%;}
.main_h310a .product_color ul li.lavender a{background:url(/images/main/color_check_shadow.png) no-repeat #e4cce7; background-size:100% auto;}
.main_h310a .product_color ul li.beige a{background:url(/images/main/color_check_shadow.png) no-repeat #e7e1d2; background-size:100% auto;}
.main_h310a .product_color ul li.skyblue a{background:url(/images/main/color_check_shadow.png) no-repeat #d5e7f7; background-size:100% auto;}
.main_h310a .product_color ul li.charcoal a{background:url(/images/main/color_check_shadow.png) no-repeat #868993; background-size:100% auto;}
.main_h310a .product_color ul li.white a{background:url(/images/main/color_check_shadow.png) no-repeat #ededed; background-size:100% auto;}
.main_h310a .product_color ul li.on a:after{position:absolute; display:block; content:""; width:17px; height:11px; background:url(/images/main/color_check.png) no-repeat; background-size:100% auto; top:10px; left:7px;}

/* 이지 */
.main_easy .main_con .main_con_txt{width:100%;}
.main_easy .main_con .main_con_txt span{display:block;}
.main_easy{position:relative; width:100%; height:560px; background:#FFF; background-size:100% 100%; overflow:hidden;}
.main_easy .product_img01{position:absolute; width:200px; bottom:-80px; left:50%; margin-left:-84px; z-index:1;}
.main_easy .product_img01:before{position:absolute; display:block; content:""; top:0; width:100%; height:150px; background:url(/images/main/easy_gradation.png) no-repeat; background-size:100%; height:100%;}
.main_easy .product_img01 .img01_obj01{position:absolute; width:41.2%; top:15.54%; left:42.4%; z-index:1;}
.main_easy .product_img01 .img01_obj02{position:absolute; width:41.6%; top:9.54%; left:42.6%;}

.main_easy .visual_tab{position:absolute; width:100%; left:0; bottom:30px; z-index:20; text-align:center;}
.main_easy .visual_tab li{position:relative; display:inline-block; margin:0 5px;}
.main_easy .visual_tab li a span{display:none;}
.main_easy .visual_tab li a{display:block; width:16px; height:16px; border-radius:50% 50%; background:#CCC;}
.main_easy .visual_tab li.on a{background:#80bd01;}
.main_easy .visual_tab li:before,
.main_easy .visual_tab li:after{display:none; position:absolute; content:""; width:100%; height:2px; background:#CCC; bottom:0;}
.main_easy .visual_tab li a:hover, .main_easy .visual_tab li.on a{color:#212121;}
.main_easy .visual_tab li.on:after{background:#212121;
				animation:tab_bar 5s linear forwards;
-webkit-animation:tab_bar 5s linear forwards;
		    transition:tab_bar 5s linear forwards;
-webkit-transition:tab_bar 5s linear forwards;}
@keyframes tab_bar{
0%{width:0;}
100%{width:100%;}
}
@-webkit-keyframes tab_bar{
0%{width:0;}
100%{width:100%;}
}

/* 디바S */
.main_divas{width:100%; height:530px; background:#f6f6f6; overflow:hidden;}
.main_divas .product_img{position:absolute; width:210px; top:50px; right:-70px;}
.main_divas .product_color{position:absolute; display:inline-block; bottom:30px; right:120px; z-index:10;}
.main_divas .product_color p{text-align:right; color:#212121; margin-bottom:12px;}
.main_divas .product_color ul{font-size:0;}
.main_divas .product_color ul li{display:inline-block; margin-left:10px;}
.main_divas .product_color ul li a{position:relative; display:block; width:30px; height:30px; border-radius:50% 50%;}
.main_divas .product_color ul li.cream a{background:url(/images/main/color_check_shadow.png) no-repeat #e5dcce; background-size:100% auto;}
.main_divas .product_color ul li.black a{background:url(/images/main/color_check_shadow.png) no-repeat #212121; background-size:100% auto;}
.main_divas .product_color ul li.vired a{background:url(/images/main/color_check_shadow.png) no-repeat #d10013; background-size:100% auto;}
.main_divas .product_color ul li.on a:after{position:absolute; display:block; content:""; width:17px; height:11px; background:url(/images/main/color_check.png) no-repeat; background-size:100% auto; top:10px; left:7px;}

/* 쁘띠2 */
.main_petit{position:relative; width:100%; height:560px; background:url(/images/main/petit_bg.gif) #d7dae9; background-size:100% 100%; overflow:hidden;}
.main_petit .product_img{position:absolute; width:270px; top:-196px; right:-135px; z-index:1;}
.main_petit .product_feature{margin-top:100px; max-width:400px;}
.main_petit .product_feature li{display:table; float:left; width:50%; height:90px; padding-left:60px; color:#212121; box-sizing:border-box;}
.main_petit .product_feature li p{display:table-cell; height:100%; vertical-align:middle; line-height:1.35em;}
.main_petit .product_feature li:nth-child(1){background:url(/images/main/petit_icon_01.png) no-repeat center left; background-size:50px auto;}
.main_petit .product_feature li:nth-child(2){background:url(/images/main/petit_icon_02.png) no-repeat center left; background-size:50px auto;}
.main_petit .product_feature li:nth-child(3){background:url(/images/main/petit_icon_03.png) no-repeat center left; background-size:50px auto;}
.main_petit .product_feature li:nth-child(4){background:url(/images/main/petit_icon_04.png) no-repeat center left; background-size:50px auto;}

/* 스팀팟 */
.main_steam .main_con .main_con_txt{width:100%;}
.main_steam .main_con .main_con_txt span{display:block;}
.main_steam{position:relative; width:100%; height:530px; background:#171818; overflow:hidden;}
.main_steam .product_img{position:absolute; width:190px; bottom:0; right:60px; z-index:1;}
.main_steam .steampot_steam{position:absolute; width:420px; bottom:-5.31%; right:-40px;}
.main_steam .steampot_steam img{width:100%; height:auto;}

/* 티마스터 */
.main_tmaster .main_con .main_con_txt{width:100%;}
.main_tmaster .main_con .main_con_txt span{display:block;}
.main_tmaster{position:relative; width:100%; height:530px; background:#f6f6f6; overflow:hidden;}
.main_tmaster .product_img{position:absolute; width:233px; bottom:-15px; right:-70px; z-index:1;}
.main_tmaster .product_img02{position:absolute; width:233px; bottom:0; right:-40px; z-index:1;}

/* 퀵스퀴저 */
.main_squeezer{width:100%; height:380px; background:#FFF; overflow:hidden;}
.main_squeezer .product_img{position:absolute; width:180px; bottom:0; right:-50px; z-index:1;}

/* 하단 배너 */
.bottom_banner{display:table; width:100%; background:#f6f6f6;}
.bottom_banner .banner_con p{font-size:32px; color:#212121; font-weight:900; line-height:1.1em;}
.bottom_banner .banner_con p em{display:block; font-weight:400;}
.bottom_banner .main_pro_btn{margin-top:15px;}
.bottom_banner .main_pro_btn a{width:204px; text-align:left;}
.juice_banner{position:relative; width:100%; height:220px; background:#f6f6f6; overflow:hidden;}
.juice_banner .banner_con{position:relative; margin:40px 0 0 7%; z-index:1;}
.juice_banner .banner_img{position:absolute; width:310px; top:86px; right:-25%;}
.recipe_banner{position:relative; float:left; width:100%; height:200px; background:#f9fdfd; overflow:hidden;}
.recipe_banner .banner_con{position:relative; margin:40px 0 0 7%; z-index:1;}
.recipe_banner .banner_img{position:absolute; width:295px; top:50px; right:-30%;}

/* 인스타그램 */
.instagram_list{display:table; width:100%; margin:40px 0 20px;}
.instagram_list h3.ins_tt{text-align:center; font-size:20px; font-weight:700; color:#212121; background:url(/images/main/instagram_icon.jpg) no-repeat center top; background-size:26px auto; padding-top:27px; margin-bottom:28px;}
.instagram_list .ins_list li{float:left; width:calc(33.33% - 1px); margin:0 1px 1px 0; box-sizing:border-box;}
.instagram_list .ins_list li img{width:100%; height:auto;}

/* 휴롬 주스 */
.hurom_juice{margin:40px 0; overflow:hidden;}
.hurom_juice h2.juice_tt{font-size:16px; font-weight:700; color:#212121; text-align:center; margin-bottom:15px;}
.hurom_juice h3.juice_sub{width:80%; font-size:30px; font-weight:700; color:#212121; text-align:center; margin:0 auto 28px; line-height:1.25em;}
.hurom_juice .juice_txt{width:92%; max-width:890px; margin:auto; font-size:16px; color:#212121; text-align:center; line-height:1.65em;}
.hurom_juice .phyto_list{position:relative; width:90%; max-width:1400px; margin:40px auto 0; background:#FFF; font-size:0; z-index:1;}
.hurom_juice .phyto_list ul{width:100%; max-width:1240px; margin:auto; text-align:center;}
.hurom_juice .phyto_list li{display:inline-block; width:48%; text-align:center; margin:0 1% 30px; vertical-align:top;}
.hurom_juice .phyto_list li img{width:80px; height:auto; margin-bottom:15px;}
.hurom_juice .phyto_list li dt{font-size:16px; font-weight:700; margin-bottom:12px;}
.hurom_juice .phyto_list li:nth-child(1) dt{color:#d90000;}
.hurom_juice .phyto_list li:nth-child(2) dt{color:#deb700;}
.hurom_juice .phyto_list li:nth-child(3) dt{color:#709f15;}
.hurom_juice .phyto_list li:nth-child(4) dt{color:#8833b8;}
.hurom_juice .phyto_list li:nth-child(5) dt{color:#c2bb93;}
.hurom_juice .phyto_list li dd{font-size:15px; color:#212121; line-height:1.4em;}
.hurom_juice .phyto_img{width:140%; max-width:1650px; margin:0 -20% 0;}
.hurom_juice .phyto_img img{width:100%; height:auto;}
.hurom_juice .juice_info{position:relative; display:table; width:100%; padding:60px 0;}
.hurom_juice .juice_info:after{position:absolute; display:block; content:""; width:100%; height:80%; background:#f5faeb; top:0; z-index:-1;}
.hurom_juice .juice_info .juice_align{width:100%;}
.hurom_juice .juice_info .juice_con{width:100%; max-width:1240px; margin:0 auto 40px;}
.hurom_juice .juice_info .juice_img{width:80%; max-width:440px; margin:auto;}
.hurom_juice .juice_info02{width:80%; max-width:1400px; margin:auto;}
.hurom_juice .juice_info02 li{display:table; width:100%; margin-bottom:40px;}
.hurom_juice .juice_info02 li .juice_img02{width:100%; max-width:440px; margin:auto;}
.hurom_juice .juice_info02 dl{width:100%; text-align:center;}
.hurom_juice .juice_info02 dt{font-size:26px; font-weight:700; color:#212121; line-height:1.15em; margin-bottom:10px;}
.hurom_juice .juice_info02 dd{font-size:16px; line-height:1.65em; color:#212121; margin-bottom:20px;}

/* 560px 이상 해상도 */
@media screen and (min-width:560px){
/* Main */
.main_con h3.main_pro_tt{font-size:24px;}
.main_con .main_con_txt{width:70%; font-size:38px;}
.main_con .main_con_txt span{display:inline;}
.main_pro_btn{margin-top:33px;}
.main_pro_btn a{width:140px; font-size:16px;}

/* h300e */
.main_h300e .main_con .main_con_txt{width:70%;}
.main_h300e .product_img{right:-30px;}
.main_h300e .product_color{right:240px;}
.main_h300e .product_feature li{height:90px;}

/* h320n */
.main_h320n .product_img{right:-20px;}
.main_h320n .product_color{right:250px;}

/* m100 */
.main_m100{height:660px;}
.main_m100 .product_img{width:360px; margin-left:-180px;}

/* h310a */
.main_h310a .product_img{width:250px; right:-20px;}
.main_h310a .product_color{right:220px;}

/* 디바S */
.main_divas .product_img{width:250px; right:-20px;}
.main_divas .product_color{right:220px;}

/* 쁘띠2 */
.main_petit .product_img{width:280px; right:-80px;}

/* 스팀팟 */
.main_steam .product_img{width:220px; right:0;}
.main_steam .steampot_steam{width:500px; right:-120px;}

/* 티마스터 */
.main_tmaster .product_img{width:230px; right:-20px;}
.main_tmaster .product_img02{width:240px; right:-20px;}

/* 퀵스퀴저 */
.main_squeezer .product_img{width:200px; right:10px;}

/* 하단 배너 */
.bottom_banner .banner_con p{font-size:38px;}
.bottom_banner .main_pro_btn a{width:244px;}
.juice_banner{height:250px;}
.juice_banner .banner_img{width:416px; top:70px; right:-80px;}
.recipe_banner{height:220px;}
.recipe_banner .banner_img{width:360px; top:30px; right:-120px;}

/* 인스타그램 */
.instagram_list{margin:40px 0 20px;}
.instagram_list h3.ins_tt{font-size:22px; margin-bottom:28px;}
}

/* 760px 이상 해상도 */
@media screen and (min-width:760px){
/* Main */
.main_middle{display:table-cell; height:100%; vertical-align:middle;}
.main_con{width:100%; margin-top:0;}
.main_con h3.main_pro_tt{font-size:30px;}
.main_con .main_con_txt{width:50%; font-size:54px;}
.main_pro_btn a{width:180px; height:50px; line-height:48px; border-radius:25px 25px; padding-left:30px;}
.main_pro_btn a:after{top:20px; right:25px;}

/* h300e */
.main_h300e .product_color{bottom:-60px; right:40%;}
.main_h300e .product_color ul li{margin-left:25px;}
.main_h300e .product_color ul li a{width:40px; height:40px;}
.main_h300e .product_color ul li.on a:after{top:15px; left:12px;}
.main_h300e .product_img{width:40%;}

/* h320n */
.main_h320n{height:640px;}
.main_h320n .product_color{right:40%;}
.main_h320n .product_color ul li{margin-left:25px;}
.main_h320n .product_color ul li a{width:40px; height:40px;}
.main_h320n .product_color ul li.on a:after{top:15px; left:12px;}
.main_h320n .product_img{width:40%;}

/* m100 */
.main_m100 .main_con .main_con_txt{width:50%;}
.main_m100 .main_con .main_con_txt span{display:inline;}
.main_m100{height:640px;}
.main_m100 .product_img{width:47%; bottom:-30px; left:auto; right:0%; margin-left:0;}

/* h310a */
.main_h310a{height:640px;}
.main_h310a .product_img{width:47.64%; top:auto; bottom:-26%; right:0;}
.main_h310a .product_color{right:50%; bottom:30px;}
.main_h310a .product_color ul li{margin-left:25px;}
.main_h310a .product_color ul li a{width:40px; height:40px;}
.main_h310a .product_color ul li.on a:after{top:15px; left:12px;}

/* 이지 */
.main_easy .main_con .main_con_txt{width:50%;}
.main_easy .main_con .main_con_txt span{display:inline;}
.main_easy{height:640px;}
.main_easy .product_img01{width:50%; bottom:-100px; left:auto; right:0%; margin-left:0;}
.main_easy .product_img01:before{display:none;}
.main_easy .visual_tab{bottom:40px;}

/* 디바S */
.main_divas{height:640px;}
.main_divas .product_img{width:47.64%; top:auto; bottom:-26%; right:0;}
.main_divas .product_color{right:42%; bottom:30px;}
.main_divas .product_color ul li{margin-left:25px;}
.main_divas .product_color ul li a{width:40px; height:40px;}
.main_divas .product_color ul li.on a:after{top:15px; left:12px;}

/* 쁘띠2 */
.main_petit{height:640px;}
.main_petit .product_img{width:45%; top:-30%; right:-40px;}
.main_petit .product_feature{margin-top:5%; max-width:560px;}
.main_petit .product_feature li{width:45%; height:70px; padding-left:90px; margin:4% 5% 0 0;}
.main_petit .product_feature li p{font-size:16px;}
.main_petit .product_feature li:nth-child(1){background:url(/images/main/petit_icon_01.png) no-repeat; background-size:70px auto;}
.main_petit .product_feature li:nth-child(2){background:url(/images/main/petit_icon_02.png) no-repeat; background-size:70px auto;}
.main_petit .product_feature li:nth-child(3){background:url(/images/main/petit_icon_03.png) no-repeat; background-size:70px auto;}
.main_petit .product_feature li:nth-child(4){background:url(/images/main/petit_icon_04.png) no-repeat; background-size:70px auto;}

/* 스팀팟 */
.main_steam .main_con .main_con_txt{width:50%;}
.main_steam .main_con .main_con_txt span{display:inline;}
.main_steam{height:640px;}
.main_steam .product_img{width:41%;}
.main_steam .steampot_steam{width:90%; right:-20%;}

/* 티마스터 */
.main_tmaster .main_con .main_con_txt{width:50%;}
.main_tmaster .main_con .main_con_txt span{display:inline;}
.main_tmaster{height:640px;}
.main_tmaster .product_img{width:46%; right:-5%;}
.main_tmaster .product_img02{width:48%; right:-5%;}

/* 퀵스퀴저 */
.main_squeezer{height:480px;}
.main_squeezer .product_img{width:37.85%; bottom:0; right:4.64%;}

/* 하단 배너 */
.bottom_banner .banner_con p{font-size:54px;}
.bottom_banner .main_pro_btn a{width:270px;}
.juice_banner{height:350px;}
.juice_banner .banner_con{margin:70px 0 0 7%;}
.juice_banner .banner_img{width:520px; top:125px; right:-80px;}
.recipe_banner{height:320px;}
.recipe_banner .banner_con{margin:70px 0 0 7%;}
.recipe_banner .banner_img{width:520px; top:30px; right:-120px;}

/* 인스타그램 */
.instagram_list{margin:60px 0 20px;}
.instagram_list h3.ins_tt{background:url(/images/main/instagram_icon.jpg) no-repeat center top; background-size:32px auto; padding-top:37px; margin-bottom:28px;}
.instagram_list .ins_list li{width:calc(25% - 1px);}
.instagram_list .ins_list li:nth-child(7),
.instagram_list .ins_list li:nth-child(8){display:block;}

/* 휴롬 주스 */
.hurom_juice{margin:80px 0;}
.hurom_juice h2.juice_tt{font-size:18px; margin-bottom:15px;}
.hurom_juice h3.juice_sub{font-size:42px; margin:0 auto 38px;}
.hurom_juice .phyto_list{margin:60px auto 0;}
.hurom_juice .phyto_list li{width:31.33%;}
.hurom_juice .phyto_img{margin:-160px -20% 0;}
.hurom_juice .juice_info02 li{margin-bottom:60px;}
.hurom_juice .juice_info02 dt{font-size:30px; margin-bottom:20px;}
.hurom_juice .juice_info02 dd{font-size:16px; margin-bottom:30px;}
}

/* 1240px 이상 해상도 */
@media screen and (min-width:1240px){
/* Main */
.main_con h3.main_pro_tt{font-size:36px;}
.main_pro_btn{margin-top:53px;}

/* h300e */
.main_h300e{height:820px;}
.main_h300e .main_con{margin-left:50%; margin-top:-80px;}
.main_h300e .product_color{width:390px; right:auto; left:0;}
.main_h300e .product_color ul li{margin-left:0; margin-right:25px;}
.main_h300e .product_color p{text-align:left;}
.main_h300e .product_img{width:45%; right:auto; left:20px; bottom:-290px;}
.main_h300e .product_feature{width:435px; max-width:none; margin-top:60px;}
.main_h300e .product_feature li{width:90px; height:180px; margin-right:25px; padding-left:0; text-align:center;}
.main_h300e .product_feature li:last-child{margin-right:0;}
.main_h300e .product_feature li:nth-child(1){background-position:top center;}
.main_h300e .product_feature li:nth-child(2){background-position:top center;}
.main_h300e .product_feature li:nth-child(3){background-position:top center;}
.main_h300e .product_feature li:nth-child(4){background-position:top center;}

/* h320n */
.main_h320n{height:820px;}
.main_h320n .product_img{top:-32%;}
.main_h320n .product_color{right:44%; bottom:60px;}

/* m100 */
.main_m100{height:820px;}
.main_m100 .main_con{margin-left:50%; margin-top:-80px;}
.main_m100 .product_img{width:50%; top:30px; left:-30px;}

/* h310a */
.main_h310a{height:820px;}
.main_h310a .product_img{top:10%; right:28px; width:35%;}
.main_h310a .product_color{right:44%; bottom:60px;}
.main_h310a .product_color p{margin-bottom:26px;}

/* 이지 */
.main_easy{height:820px;}
.main_easy .main_con{margin-left:50%; margin-top:-80px;}
.main_easy .product_img01{width:35.71%; top:-60px; left:80px;}
.main_easy .visual_tab{width:50%; left:50%; bottom:8.51%; text-align:left;}
.main_easy .visual_tab li{display:block; float:left; width:calc(33.33% - 5px); margin:0 5px 0 0; padding-bottom:28px;}
.main_easy .visual_tab li a span{display:block;}
.main_easy .visual_tab li a{display:inline; width:auto; height:auto; border-radius:none; background:none; font-size:18px; color:#CCC;}
.main_easy .visual_tab li.on a{background:none;}
.main_easy .visual_tab li:before,
.main_easy .visual_tab li:after{display:block;}

/* 디바S */
.main_divas{height:820px;}
.main_divas .product_img{top:-30%; right:28px;}
.main_divas .product_color{right:44%; bottom:60px;}
.main_divas .product_color p{margin-bottom:26px;}

/* 쁘띠2 */
.main_petit{height:820px;}
.main_petit .main_con{margin-left:50%;}
.main_petit .product_img{width:42.42%; top:-353px; left:4px;}
.main_petit .product_feature{max-width:auto;}
.main_petit .product_feature li{height:90px; padding-left:120px;}
.main_petit .product_feature li:nth-child(1){background:url(/images/main/petit_icon_01.png) no-repeat; background-size:auto;}
.main_petit .product_feature li:nth-child(2){background:url(/images/main/petit_icon_02.png) no-repeat; background-size:auto;}
.main_petit .product_feature li:nth-child(3){background:url(/images/main/petit_icon_03.png) no-repeat; background-size:auto;}
.main_petit .product_feature li:nth-child(4){background:url(/images/main/petit_icon_04.png) no-repeat; background-size:auto;}

/* 스팀팟 */
.main_steam{height:820px;}
.main_steam .product_img{bottom:-3.4%; right:62px;}
.main_steam .steampot_steam{width:81.57%; right:-13.07%;}

/* 티마스터 */
.main_tmaster{height:820px;}
.main_tmaster .main_con{margin-left:50%;}
.main_tmaster .product_img{width:42.85%; bottom:0; left:0; right:auto;}
.main_tmaster .product_img02{width:45.55%; bottom:0; left:0; right:auto;}

/* 퀵스퀴저 */
.main_squeezer{height:580px;}
.main_squeezer .product_img{bottom:-145px;}

/* 하단 배너 */
.bottom_banner .banner_con{width:50%;}
.bottom_banner .banner_con p{font-size:64px;}
.bottom_banner .main_pro_btn{margin-top:23px;}
.bottom_banner .main_pro_btn a{width:270px;}
.juice_banner{display:table; width:86%; max-width:1400px; height:480px; margin:auto;}
.juice_banner .banner_con{margin:125px 0 0 0;}
.juice_banner .banner_img{width:90%; top:192px; right:-290px; text-align:center;}
.juice_banner .banner_img img{width:100%; max-width:670px;}
.recipe_banner{width:50%; height:520px;}
.recipe_banner .banner_con{margin:70px 8% 0 0;}
.recipe_banner .banner_img{width:90%; top:250px; left:15%; text-align:center;}
.juice_banner .banner_img img{width:100%;}

/* 인스타그램 */
.instagram_list{margin:100px 0 50px;}
.instagram_list h3.ins_tt{font-size:24px; margin-bottom:58px;}
.instagram_list .ins_list li{width:calc(16.66% - 1px);}
.instagram_list .ins_list li:nth-child(9),
.instagram_list .ins_list li:nth-child(10),
.instagram_list .ins_list li:nth-child(11),
.instagram_list .ins_list li:nth-child(12){display:block;}

/* 휴롬 주스 */
.hurom_juice{margin:114px 0;}
.hurom_juice h2.juice_tt{font-size:20px; margin-bottom:23px;}
.hurom_juice h3.juice_sub{font-size:54px; margin:0 auto 48px;}
.hurom_juice .juice_txt{font-size:18px;}
.hurom_juice .phyto_list{margin:100px auto 0; padding-bottom:62px;}
.hurom_juice .phyto_list li{width:20%; margin:0 0 0 0;}
.hurom_juice .phyto_list li dt{font-size:18px;}
.hurom_juice .phyto_list li dd{font-size:16px;}
.hurom_juice .phyto_img{width:100%; margin:-180px auto 0;}
.hurom_juice .juice_info{padding:140px 0 100px;}
.hurom_juice .juice_info:after{position:absolute; display:block; content:""; width:100%; height:800px; background:#f5faeb; top:-160px; z-index:-1;}
.hurom_juice .juice_info .juice_align{position:absolute; width:100%; top:240px;}
.hurom_juice .juice_info .juice_con{margin:0 auto;}
.hurom_juice .juice_info .juice_con h3.juice_sub{width:45%; text-align:left; margin:0 0 48px;}
.hurom_juice .juice_info .juice_con .juice_txt{width:100%; text-align:left; margin:0 0 0 110px;}
.hurom_juice .juice_info .juice_img{float:right; width:44.21%; max-width:840px;}
.hurom_juice .juice_info02 li{margin-bottom:100px;}
.hurom_juice .juice_info02 li .juice_img02{float:left; width:50%; max-width:700px;}
.hurom_juice .juice_info02 li:nth-child(2) .juice_img02{float:right;}
.hurom_juice .juice_info02 dl{float:left; width:calc(50% - 80px); margin-left:80px; text-align:left;}
.hurom_juice .juice_info02 li:nth-child(1) dl,
.hurom_juice .juice_info02 li:nth-child(3) dl{float:right;}
.hurom_juice .juice_info02 dt{font-size:42px; margin:45px 0 50px;}
.hurom_juice .juice_info02 dd{font-size:18px;}
.hurom_juice .juice_info02 dt span,
.hurom_juice .juice_info02 dd span{display:block;}
}

/* 1400px 이상 해상도 */
@media screen and (min-width:1400px){
/* Main */
.main_con{width:calc(50% - 100px); margin-left:100px;}
.main_con .main_con_txt{width:100%;}
.juice_banner .banner_con{width:calc(50% - 100px); margin-left:100px;}

/* m100 */
.main_m100{height:940px;}
.main_m100 .main_con .main_con_txt{width:100%;}
.main_m100 .main_con .main_con_txt span.block_txt{display:block;}

/* h310a */
.main_h310a{height:940px;}
.main_h310a .product_img{top:-10%;}

/* 이지 */
.main_easy{height:940px;}
.main_easy .main_con .main_con_txt{width:100%;}

/* 디바S */
.main_divas{height:940px;}

/* 쁘띠2 */
.main_petit{height:940px;}
.main_petit .product_feature{margin-top:16%;}

/* 스팀팟 */
.main_steam{height:940px;}
.main_steam .main_con .main_con_txt{width:100%;}

/* 티마스터 */
.main_tmaster{height:940px;}
.main_tmaster .main_con .main_con_txt{width:100%;}

/* 퀵스퀴저 */
.main_squeezer .product_img{bottom:-185px;}

/* 하단 배너 
.juice_banner .banner_con{margin:90px 0 0 8%;}
.juice_banner .banner_img{left:10%;}
.recipe_banner .banner_con{margin:90px 8% 0 0;}
.recipe_banner .banner_img{left:13%;}*/

/* 휴롬 주스 */
.hurom_juice .phyto_img{margin:-218px auto 0;}
.hurom_juice .juice_info:after{height:900px;}
.hurom_juice .juice_info02 dl{width:calc(50% - 120px); margin-left:120px;}
.hurom_juice .juice_info02 dt{font-size:48px; margin:67px 0 50px;}
}