/***************************** product ****************************/

/* product main */
.area_product_main {}
.area_product_main:after {display:block; clear:both; content:""}
.area_product_main .in_wrap {width:1000px; margin:0 auto}

.product_cate_link li {display:block; clear:both; margin-bottom:70px}
.product_cate_link li:after {display:block; clear:both; content:""}
.product_cate_link .cate_cont {display:block; width:27%}
.product_cate_link .cate_cont dl {margin-top:10px}
.product_cate_link .cate_cont dt {font-size:40px; font-family: 'Oxygen', sans-serif; letter-spacing:1px; display:block; display:inline-block; padding-right:15px; background:url(https://www.luca831.com/images/common/bbs_line_title.gif) no-repeat left bottom}
.product_cate_link .cate_cont dt a {color:#ffd800;}
.product_cate_link .cate_cont dd {margin-top:20px; line-height:1.7em}
.product_cate_link .cate_cont dd.s_tit {color:#fff; margin-top:30px; font-size:16px}
.product_cate_link .cate_thumb {display:block; width:66%; overflow:hidden}
.product_cate_link .cate_thumb img {
	width:100%;
	transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.product_cate_link li a:hover img {transform:scale(1.05); -webkit-transform:scale(1.05)}
.product_cate_link li.last {margin:0}
.product_cate_link .left {float:left}
.product_cate_link .right {float:right}

/* 이노베이션 제품 */
.innovation_wrap {position: relative; width: 1140px; margin: auto; text-align: center; padding: 70px 0 50px; overflow: hidden}
.innovation_wrap:after {display:block; clear:both; content:""} 
.innovation_box {float: left; width: 33.3%}
.innovation_box a {display: block; margin:0 30px}
.innovation_box a:after {display:block; clear:both; content:""} 
.innovation_box img {width: 100%}
.innovation_box h2 {font-size: 20px; color: #111; display: block; height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.innovation_box .cate {font-size: 12px; font-family: 'NanumBarun'; color: #999}
.innovation_box .cate span {position: relative; top:5px; display:inline-block; width: 15px; height: 18px; background: url(../images/common/bbs_pre_arrow.gif) no-repeat center center;}


/* 신제품 */
.new_product_wrap {position:relative; height:530px; background-color: #ccc; margin-bottom:70px}
.new_cont {position: absolute; width: 1140px; top:0; left: 50%; margin-left: -570px; z-index: 5}
.new_cont .content em {font-family:'Oswald', sans-serif; letter-spacing:1px; font-size: 18px; font-weight: 400; margin-top: 80px; display: inline-block}
.new_cont .content {width:50%; float:left; color: #fff; text-align: center}
.new_cont .content h1 {display:block; font-size: 38px; font-family:'NanumBarun_light'; margin: 30px 0; padding-bottom: 30px; font-weight: normal; background: url(../images/common/bbs_h1.gif) no-repeat center bottom;}
.new_cont .content h1 p {font-size: 20px; margin-top: 10px}
.new_cont .content .txt {line-height: 1.7em; margin-bottom: 50px}
.new_cont .product {width: 50%; float: right;}
.new_cont .product img {width: 100%}
.new_cont .btn_arrow {top:265px}

/* 프로덕트메인 bottom */
.product_bottom .etc_menu {clear: both; text-align: left; margin-top: 40px}
.product_bottom {width: 1140px; margin: auto; padding-bottom: 70px; text-align: center}
.product_bottom:after, .etc_menu:after {display:block; clear:both; content:""}
.link_head {display: block; border-bottom: 2px solid #111; color: #111; height: 35px; text-align: right}
.link_head h1 {float: left; font-size: 18px; padding-top: 5px; font-family:'NanumBarun_Bold'}
.link_head .btn_link {display: inline-block; width:32px; height: 32px; float: right; background: url(../images/common/bbs_arrow_page.gif) no-repeat 0 0;}

.api_box {width: 48%; float: left}
.api_box .content {padding: 25px 0}
.api_box .content a:hover dt {text-decoration: underline}
.api_box .content a:hover dd.date {text-decoration: none}
.api_box .content dt {font-size: 24px; color: #111; font-weight: normal; display: block; margin-bottom: 15px;}
.api_box .content dd {line-height: 1.3em}
.api_box .content dd p { font-family: 'Oxygen', sans-serif; letter-spacing:0; font-size: 12px}
.api_box .content dd p em {display: inline-block; margin-right: 7px; color: #de166f}
.api_box .content dd.date {font-family: 'Oxygen', sans-serif; letter-spacing:1px; font-size: 12px; margin-top: 20px}

.change_box {width: 48%; float: right}
.change_box .content {padding: 25px 0}
.change_box .content a:hover dd {text-decoration: underline}
.change_box .content a:hover dd.date {text-decoration: none}
.change_box .content dt {font-size: 24px; color: #111; font-weight: normal; display: block; margin-bottom: 15px;}
.change_box .content dd {line-height: 1.7em}
.change_box .content dd.date {font-family: 'Oxygen', sans-serif; letter-spacing:1px; font-size: 12px; margin-top: 20px}

/* product list */
.product_list_wrap {padding-top:60px; text-align: center}
.product_list_wrap .h1_tit_style {margin-bottom: 40px}
.area_product {0}
.area_product:after {display:block; clear:both; content:""}
.area_product li {}
.area_product li.gr {background-color: #f5f5f5}
.area_product li h1 {display: block; text-align: center; font-size: 14px; color: #000}
.area_product li a {display:block; margin:15px 50px; overflow:hidden}
.area_product li a img {
	transition: ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition: ease-in .2s;
    -ms-transition: ease-in .2s;
    -o-transition: ease-in .2s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.area_product li a:hover img {transform:scale(1.02); -webkit-transform:scale(1.02)} 
.area_product li .goods_wrap {}

.area_goods {margin-top: 50px}
.goods_list {display:block; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;}
.goods_list:after {display: block; clear: both; content: ""}
.goods_list li {position:relative; display: block; width: 25%; float: left; }
.goods_list li img {width: 100%}
.goods_list .box {position: absolute; top:0; left: 0; bottom: 0; width: 100%; overflow: hidden; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center}
.goods_list .box a {display: block;}
.goods_list .box img {
	width: 70%;
	transition: ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition: ease-in .2s;
    -ms-transition: ease-in .2s;
    -o-transition: ease-in .2s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.goods_list .box a:hover img {transform:scale(1.02); -webkit-transform:scale(1.02)} 
.goods_list .box .bullet {position: absolute; top:0; right: 0}
.goods_list .box .bullet img {width: auto}
.goods_list .box .box_info {position: absolute; bottom: 30px; left: 30px; right: 30px; display: block; text-align: left;}
.goods_list .box .box_info .cate {font-size: 12px}
.goods_list .box .box_info .cate span {position: relative; top: 4px; display:inline-block; width: 15px; height: 18px; background: url(../images/common/bbs_pre_arrow.gif) no-repeat center center;}
.goods_list .box .box_info h2 {font-size: 20px; line-height: 1.5em; color: #111; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.goods_list .box .box_info p {font-size: 12px; margin-bottom: 5px; font-weight: normal}
.goods_list .cate_etc {display: inline-block; background-color: #de166f; color: #fff; padding: 3px 5px 2px; margin-right: 5px}
.goods_list .cate_otc {display: inline-block; background-color: #3e70b1; color: #fff; padding: 3px 5px 2px; margin-right: 5px}
.goods_list .cate_another {display: inline-block; background-color: #868d93; color: #fff; padding: 3px 5px 2px; margin-right: 5px}

/* 상세 탭 */
.agtab_wrap {clear:both;padding-left:1px; width: 1140px; margin:30px auto 0}
.agtab {position: relative; border-left: 1px solid #e8e8e8;}
.agtab:after {content:"";display:block;clear:both;}
.agtab a {position: relative; display: block; width: 20%; float: left}
.agtab a > div {
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
	text-align:center;
	line-height:45px;
	color:#909090;
	margin-top: -1px;
	background-color:#fcf8f8;
	font-family: 'NanumSquare';
}
.agtab a:hover div,
.agtab a .active div {color:#111; background-color: #fff}
.agtab a.selected div {color:#e61d6c; background-color:#fff;}

.agtab a.title {position:absolute; top:0; left:-230px; width: auto; font-size: 16px}
.agtab a.title > div {position: relative; width: auto; line-height: 47px; border: 0; color: #fff; padding:0 40px 0 80px; background:#e61d6c url(https://www.luca831.com/images/product/tab_title_medicin.png) no-repeat left 25px center;}
.agtab a.title .tip {width: 22px; height: 15px; background: url(https://www.luca831.com/images/product/tab_title_tip.png) no-repeat center center; position: absolute; left: 50%; bottom: -14px; margin-left: -11px}

/* product popup */
.pop_product {width:1000px; height:600px; position:absolute; top:50%; left:50%; margin:-300px 0 0 -500px; border:1px solid; z-index:1; background-color:#fff}
.pop_product .pop_thumb {width:60%; float:left}
.pop_product .pop_thumb img {width:100%}
.pop_product .pop_thumb p {padding:50px}
.pop_product .pop_cont {width:40%; float:right}
.pop_product .pop_cont h1 {display:block; margin-bottom:30px; font-size:30px; color:#000; font-family: 'Oxygen', sans-serif; letter-spacing:1px; line-height:1.2em}
.pop_product .pop_cont li {font-size:12px}
.pop_product .pop_cont li p {margin-bottom: 20px;}
.pop_product .pop_cont li p span {display:inline-block; position:absolute; left:-70px; top:0; width:60px; font-family: 'Oxygen', sans-serif; letter-spacing:1px}
.pop_product .pop_cont li p em {display:block; color:#E4C100}
.pop_product .pop_cont .spec {display:block; margin-bottom:30px; line-height:1.8em; font-size:14px;}
.pop_product .pop_cont .spec p {margin-left:70px; position:relative}
.pop_product .pop_cont .content {padding:100px 80px 0 20px; line-height:1.6em}
.pop_product a.btn_buy {display:inline-block; padding:25px 40px; color:#000; background-color:#ffd800; position:absolute; right:0; bottom:0; font-family: 'Oxygen', sans-serif; font-weight:400; letter-spacing:1px;     
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.pop_product a.btn_buy:hover {background-color:#ffe034;}
.pop_product a.btn_close {display:inline-block; width:30px; height:30px; position:absolute; right:15px; top:15px; background:url(../images/btn/btn_header_close.png)}
.dim_wrap {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:url(../images/common/bg_dim.png)}

/* product detail */
/*
.product_detail_visual {height:1px; background-color: #E61D6D}
*/
.product_summary {position:relative; border-bottom: 1px solid #ddd; margin:64px 0 50px; background-color: #fcf8f8}
.product_summary:after, .product_summary .outline:after, .major_infor:after, .p_infor_content p:after {display: block; clear: both; content: ""}
.product_summary .outline {width: 1140px; margin: auto;}
.product_img {width: 60%; float: left;}
.product_infor {width: 40%; float: right; padding: 80px 0 0;}
.product_infor .en_name {font-size: 12px; font-family: 'Oxygen', sans-serif; display: block; margin-bottom: 10px}
.product_infor h1 {font-family: 'NanumSquare'; color: #111; font-size: 36px; display: block; margin-bottom: 50px}
.major_infor {display: block; margin-bottom: 50px}
.major_infor dd span {position: relative; top: 4px; display:inline-block; width: 15px; height: 18px; background: url(../images/common/bbs_pre_arrow.gif) no-repeat center center; margin-top: -10px; }
.major_infor dt {display: block; width: 30%; float: left; margin-bottom: 7px; color: #111}
.major_infor dd {display: block; width: 70%; float: left; margin-bottom: 7px; height: 20px}
.major_infor dd.en {font-family: 'Oxygen', sans-serif; font-weight: 300; color: #ff2b89}
.pic_infor li {display: block; width: 130px; height: 115px; padding-top: 30px; float: left; text-align: center; border: 1px solid #ddd; margin-right: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #fff}
.pic_infor li p {font-size: 40px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #ff2b89}
.pic_infor li h2 {font-size: 12px; color: #111; padding-top: 10px}
.product_summary .pdf_down {display: inline-block; position: absolute; left: 50%; bottom:-50px; width:100px; height: 100px; margin-left: -50px; background:url(https://www.luca831.com/images/product/pdf_down.png); text-indent: -9999px;}
.product_img img {max-width: 100%}

.in_product_infor li {float: left; display: inline-block; width: 27%}
.in_product_infor li.first {width: 43%}
.in_product_infor li p {padding: 0 0 0 50px}
.in_product_infor h2 {display: block; font-family: 'NanumSquare'; color: #111; font-size: 20px; font-weight: normal; padding:8px 0 10px 50px; margin-top: -8px}
.in_product_infor h2.in01 {background:url(https://www.luca831.com/images/product/bbs_infor01.gif) no-repeat left top}
.in_product_infor h2.in02 {background:url(https://www.luca831.com/images/product/bbs_infor02.gif) no-repeat left top}
.in_product_infor h2.in03 {background:url(https://www.luca831.com/images/product/bbs_infor03.gif) no-repeat left top}
.p_infor_content h2 {font-size: 14px; color: #bb2668; margin-bottom: 8px}
.p_infor_content p {padding-bottom: 15px; line-height: 1.7em; display: block}
.p_infor_content p img {width: 100%}
.p_infor_content h3 {display: block; font-size: 14px; color: #545454; margin-bottom: 8px}

.product_more_menu {clear: both; padding-top: 25px; text-align: left}
.product_more_menu li {display: inline-block; margin-right: 15px;}
.product_more_menu li a {
	display: inline-block; 
	padding-left: 20px;
	font-family: 'NanumSquare';
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.product_more_menu li a:hover {color: #e9136b}
.product_more_menu li.find a {background:url(https://www.luca831.com/images/common/bbs_s_find.gif) no-repeat left center}
.product_more_menu li.find a:hover {background:url(https://www.luca831.com/images/common/bbs_s_find_.gif) no-repeat left center}
.product_more_menu li.shop a {background:url(https://www.luca831.com/images/common/bbs_s_shop.gif) no-repeat left center}
.product_more_menu li.shop a:hover {background:url(https://www.luca831.com/images/common/bbs_s_shop_.gif) no-repeat left center}
.product_more_menu li.share a {background:url(https://www.luca831.com/images/common/bbs_s_share.gif) no-repeat left center}
.product_more_menu li.share a:hover {background:url(https://www.luca831.com/images/common/bbs_s_share_.gif) no-repeat left center}

/* 제품검색 */
.product_wrap {min-height: 600px}
.product_sorting {margin: 50px auto 0; width: 1140px}
.product_sorting:after {display: block; clear: both; content: ""} 
.product_sorting .sorting_box {width:28%; float: left}
.product_sorting .sorting_box h1 {display: block; text-align: center; font-size: 16px; height: 50px; color: #fff;  font-family: 'NanumSquare';}
.product_sorting .sorting_box .content {padding: 30px 20px; height: 70px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.product_sorting .sorting_box.first .content {border-left: 1px solid #e8e8e8;}
.product_sorting .sorting_box.first h1 {background-color: #ee4791}
.product_sorting .sorting_box.second h1 {background-color: #de166f}
.product_sorting .sorting_box.third h1 {background-color: #c40057}
.product_sorting .sorting_box.last h1 {background-color: #940042;}
.product_sorting .sorting_box h1 em {display: inline-block; width: 35px; height: 30px; position: relative; top:9px; margin-right: 10px}
.product_sorting .sorting_box.first h1 em {background: url(https://www.luca831.com/images/product/sorting_icon01.png) no-repeat center center;}
.product_sorting .sorting_box.second h1 em {background: url(https://www.luca831.com/images/product/sorting_icon04.png) no-repeat center center;}
.product_sorting .sorting_box.third h1 em {background: url(https://www.luca831.com/images/product/sorting_icon03.png) no-repeat center center;}
.product_sorting .sorting_box.last {width: 16%}
.product_sorting .sorting_box.last h1 em {background: url(https://www.luca831.com/images/product/sorting_icon02.png) no-repeat center center;}
.look_search {display: block; border: 1px solid #ccc; background-color: #f5f5f5; text-align: center; padding: 30px 0}
.look_search:hover {background-color: #fcf8f8; color: #111}

.sorting_input {margin-top: 20px; padding-right: 30px}
.sorting_initial {text-align: center; padding-top: 15px}
.sorting_initial li {display: inline-block;}
.sorting_initial li a {
	display: inline-block; padding:5px; font-family: 'NanumSquare'; border-radius: 100%; width: 15px;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.sorting_initial li a:hover, .sorting_initial li.on a {background: #de166f; color: #fff}
.sorting_word {position:relative; padding-top: 20px; margin-right: 100px}
.sorting_word input {height: 40px; line-height: 40px; padding: 0 20px; border: 1px solid #ddd; color: #888; width: 100%}
.sorting_word .search_btn {display: inline-block; width: 60px; height: 40px; background-color: #fff; border: 1px solid #ddd; position: absolute; text-align: center; line-height: 40px; right: -100px; top:20px;}
.sorting_word .search_btn:hover {background-color:#c40057; border: 1px solid #c40057; color: #fff}
.product_sorting .s_infor {text-align: center}

.img_product_list {position: absolute; top:160px; right: 20%;}
.scroll_infor {position: absolute; left: 50%; width: 80px; bottom: 100px; padding: 20px 0; margin-left: -40px; background: url(../images/common/menu_on_dim.png); text-align: center; z-index: 2; border-radius: 5px; -webkit-border-radius: 5px}
.scroll_infor img.mouse {width: 40px}
.scroll_infor img.motion {width: 13px}
.scroll_infor.end {width: 200px; margin-left: -100px; color: #fff}