@charset "utf-8";

/* 내용관리 */
#ctt {position:relative;}
.ctt_admin {display:none;text-align:right;}
#ctt_con {position:relative;}

#prod_tit {display:table;width:100%;margin:70px 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
	#prod_tit > .innerWrap {display:table-cell;width:100%;height:500px;font-family:'Roboto Condensed','Oswald','Roboto','Arial';font-size:2em;font-weight:normal;color:rgba(255,255,255,.7);text-transform:uppercase;text-align:center;vertical-align:middle;}
	#prod_tit > .innerWrap strong {display:block;margin-top:10px;font-family:'Montserrat','Oswald','Roboto',Arial;font-size:2.4em;font-weight:normal;color:#fff;text-shadow:0 5px 7px rgba(0,0,0,.5);}
	.ctt_en_prod_pytex_1 #prod_tit {background-image:url('../../../img/prod/pytex_red_bg.jpg');}
	.ctt_en_prod_pytex_2 #prod_tit {background-image:url('../../../img/prod/pytex_wine_bg.jpg');}
	.ctt_en_prod_pytex_3 #prod_tit {background-image:url('../../../img/prod/pytex_gold_bg.jpg');}
	.ctt_en_prod_pytex_4 #prod_tit {background-image:url('../../../img/prod/pytex_orange_bg.jpg');}
	.ctt_en_prod_pytex_5 #prod_tit {background-image:url('../../../img/prod/pytex_blue_bg.jpg');}
	.ctt_en_prod_pytex_6 #prod_tit {background-image:url('../../../img/prod/pytex_sky_bg.jpg');}
	.ctt_en_prod_pytex_7 #prod_tit {background-image:url('../../../img/prod/pytex_khaki_bg.jpg');}
	.ctt_en_prod_pytex_8 #prod_tit {background-image:url('../../../img/prod/pytex_green_bg.jpg');}
	.ctt_en_prod_pytex_9 #prod_tit {background-image:url('../../../img/prod/pytex_ivory_bg.jpg');}
	.ctt_en_prod_pytex_10 #prod_tit {background-image:url('../../../img/prod/pytex_beige_bg.jpg');}
	.ctt_en_prod_pytex_11 #prod_tit {background-image:url('../../../img/prod/pytex_yellow_bg.jpg');}
	.ctt_en_prod_pytex_12 #prod_tit {background-image:url('../../../img/prod/pytex_violet_bg.jpg');}
	.ctt_en_prod_pytex_13 #prod_tit {background-image:url('../../../img/prod/pytex_white_bg.jpg');}
	.ctt_en_prod_pytex_14 #prod_tit {background-image:url('../../../img/prod/pytex_gray_bg.jpg');}
	.ctt_en_prod_pytex_15 #prod_tit {background-image:url('../../../img/prod/pytex_dark_bg.jpg');}
	.ctt_en_prod_pytex_16 #prod_tit {background-image:url('../../../img/prod/pytex_black_bg.jpg');}
	.ctt_en_prod_pytex_17 #prod_tit {background-image:url('../../../img/prod/pytex_brown_bg.jpg');}
	.ctt_en_prod_high_1 #prod_tit {background-image:url('../../../img/prod/high_wine_bg.jpg');}
	.ctt_en_prod_high_2 #prod_tit {background-image:url('../../../img/prod/high_dark_bg.jpg');}
	.ctt_en_prod_roll_1 #prod_tit {background-image:url('../../../img/prod/roll_wine_bg.jpg');}
	.ctt_en_prod_roll_2 #prod_tit {background-image:url('../../../img/prod/roll_dark_bg.jpg');}
	.ctt_en_prod_roll_3 #prod_tit {background-image:url('../../../img/prod/roll_tex_bg.jpg');}
	.ctt_en_prod_loop_1 #prod_tit {background-image:url('../../../img/prod/loop_wine_bg.jpg');}
	.ctt_en_prod_loop_2 #prod_tit {background-image:url('../../../img/prod/loop_dark_bg.jpg');}
	.ctt_en_prod_water_1 #prod_tit {background-image:url('../../../img/prod/water_1_bg.jpg');}
	.ctt_en_prod_water_2 #prod_tit {background-image:url('../../../img/prod/water_2_bg.jpg');}
	.ctt_en_prod_water_3 #prod_tit {background-image:url('../../../img/prod/water_3_bg.jpg');}
	.ctt_en_prod_water_4 #prod_tit {background-image:url('../../../img/prod/water_4_bg.jpg');}
	.ctt_en_prod_weed_1 #prod_tit {background-image:url('../../../img/prod/weed_1_bg.jpg');}
	.ctt_en_prod_tpe_1 #prod_tit {background-image:url('../../../img/prod/tpe_1_bg.jpg');}
.prod_tit {margin-bottom:20px;font-size:1.8em;font-weight:600;}
	.prod_tit:before {content:'\f00c';display:inline-block;margin-right:12px;font-family:'FontAwesome';font-size:.8em;color:#e0915d;}
.prod_use {position:relative;margin-bottom:70px;padding:15px;border-radius:5px;font-size:1.2em;text-align:center;background:rgba(0,0,0,.05);}
	.prod_use ul {margin:10px auto 10px 30px;}
	.prod_use ul li {line-height:1.3em;text-align:left;}
	.prod_use ul li:before {content:'●';margin-right:10px;font-size:.2em;vertical-align:middle;}
	.prod_use ul li+li {margin-top:10px;}
	.prod_use p {margin:10px auto 10px 30px;line-height:1.3em;text-align:left;}
.prod_view_tbl {position:relative;margin-bottom:70px;}
	.prod_view_tbl table {width:100%;}
	.prod_view_tbl table th, .prod_view_tbl table td {position:relative;border-bottom:1px solid #dfdfdf;font-size:1.2em;font-weight:normal;line-height:1.5em;}
	.prod_view_tbl table th:after {content:'';display:block;position:absolute;right:0;bottom:0;width:1px;height:12px;background:#ccc;}
	.prod_view_tbl table thead th {padding:10px 0;border-bottom:none;font-size:1em;color:#fff;background:#adaba9;}
	.prod_view_tbl table thead th:first-child {border-radius:5px 0 0 5px;}
	.prod_view_tbl table thead th:last-child {border-radius:0 5px 5px 0;}
	.prod_view_tbl table tbody th {position:relative;width:15%;padding:15px 0;}
	.prod_view_tbl table tbody td {padding:10px 10px 10px 5%;}
	.prod_view_tbl table tbody td ul {margin:20px 0;}
	.prod_view_tbl table tbody td li:before {content:'●';margin-right:10px;font-size:.2em;vertical-align:middle;}
	.prod_view_tbl table tbody td li+li {margin-top:10px;}
	.prod_view_tbl .not {margin-top:20px;font-size:.92em;color:#f66;text-align:right;}
.prod_view_list {position:relative;margin:50px 0;}
	.prod_view_list ul {display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;grid-gap:40px;}
	.prod_view_list ul li * {display:block;}
	.prod_view_list ul li .img {border:1px solid #d9d9d9;border-radius:7px;box-shadow:5px 5px 15px rgba(0,0,0,.15);}
	.prod_view_list ul li .img img {border-radius:7px;}
	.prod_view_list ul li .tit {margin-top:20px;font-size:1.15em;font-weight:normal;text-align:center;}
.prod_more {position:relative;padding:40px 0;background:#f4f2f1;}
	.prod_more h2 {margin-bottom:20px;font-family:'Roboto Condensed','Oswald','Roboto','Arial';font-size:1.3em;font-weight:600;color:rgba(0,0,0,.7);text-transform:uppercase;}
	.prod_more ul {display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:10px;}
	.prod_more ul li * {width:100%;height:100%;border-radius:10px;}
	.prod_more ul li a {display:table;position:relative;}
	.prod_more ul li a .img {display:table-cell;position:relative;}
	.prod_more ul li a .img img {height:auto !important;}
	.prod_more ul li a .tit {display:none;position:absolute;left:0;top:0;padding-top:30%;font-size:1.2em;text-align:center;color:#fff;background:rgba(0,0,0,.5);}
	.prod_more ul li a:hover .tit, .prod_more ul li a:active .tit {display:block;}
	.prod_more .swiper-slide * {border-radius:10px;}
	.prod_more .swiper-slide a {display:block;position:relative;}
	.prod_more .swiper-slide a .img {display:table-cell;position:relative;}
	.prod_more .swiper-slide a .tit {display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
	.prod_more .swiper-slide a:hover .tit, .prod_more .swiper-slide a:active .tit {display:table;}
	.prod_more .swiper-slide a .tit .innerWrap {display:table-cell;width:100%;height:100%;font-size:1.2em;color:#fff;text-align:center;vertical-align:middle;background:rgba(0,0,0,.5);}
.prod_fire {position:relative;margin-bottom:70px;text-align:center;}
	.prod_fire blockquote {margin:20px 0 0;font-family:'Roboto Condensed','Oswald','Roboto','Arial';font-size:1.3em;color:#f33;}

.py_not {margin:-50px 0 30px;text-align:right;}
.prod_water4_method {margin:25px 0 70px 40px;}
	.prod_water4_method ol {list-style:none;margin:0;padding:0;}
	.prod_water4_method ol li {font-size:1.2em;line-height:1.5em;}
	.prod_water4_method ol li+li {margin-top:15px;}
	.prod_water4_method ol li:before {display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:50%;color:#fff;line-height:30px;text-align:center;background:rgb(100,100,180);}
	.prod_water4_method ol li:nth-child(1):before {content:"1";}
	.prod_water4_method ol li:nth-child(2):before {content:"2";}
	.prod_water4_method ol li:nth-child(3):before {content:"3";}
	.prod_water4_method ol li .em {margin-top:7px;padding:7px;border-radius:2px;font-size:.88em;background:rgba(0,0,0,.05);}

@media (max-width:1340px) {
	#prod_tit {margin-top:50px;}
	#prod_tit > .innerWrap {height:400px;}
	.prod_view_list ul {grid-gap:50px 10px;}
}
@media (max-width:1024px) {
	#prod_tit {margin-top:20px;}
	#prod_tit > .innerWrap {height:280px;font-size:1.5em;}
	.prod_tit {font-size:1.5em;}
	.prod_view_list ul {grid-template-columns:repeat(2, 1fr);}
	.prod_more h2 {font-size:1.1em;}
	.prod_more ul {grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:768px) {
	#prod_tit {margin:0 0 50px;}
	#prod_tit > .innerWrap {height:200px;font-size:1.2em;}
	.prod_tit {margin-bottom:10px;font-size:1.2em;}
	.prod_view_tbl {margin-bottom:40px;}
	.prod_view_tbl table th, .prod_view_tbl table td {font-size:.9em;}
	.prod_view_tbl table tbody th {width:25%;}
	.prod_view_tbl table tbody td ul {margin:15px 0;}
	.prod_view_tbl table tbody td li:before {content:'●';margin-right:10px;font-size:.2em;vertical-align:middle;}
	.prod_use {padding:10px;font-size:1em;text-align:left;line-height:1.5em;}
	.prod_use ul {margin:10px auto 10px 15px;}
	.prod_use p {margin:10px auto 10px 15px;}
	.prod_view_list ul {grid-gap:20px 10px;}
	.prod_view_list ul li .tit {margin-top:10px;font-size:1em;}
	.prod_more ul li a .tit {font-size:1em;}
}