﻿
/* common */

.Re_list{*zoom:1}
.Re_list:after {content:" ";display:block;clear:both;overflow:hidden}
.Re_list > li{float:left}

.page_title{font-size:30px;color:#333;font-weight:400;padding-top:50px}
.page_info{font-size:14px;margin-top:10px;color:#888}
.page_info span{color:#c1894c !important; font-weight:400}

.section_group{margin-top:40px;text-align:left}
.data_title{position:relative;font-size:18px;color:#333;font-weight:400;margin-bottom:20px;font-weight:400}
.data_title.type02{margin-top:50px}
.data_title.type02:first-child{margin-top:0}
.data_title .btn_top_detail{position:absolute;bottom:0;right:0;font-size:14px;padding-right:15px;display:block;line-height:38px;padding:0 20px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.data_title .sub_txt{font-size:14px;color:#666;margin-left:10px;vertical-align:bottom;font-weight:300}
.data_title .sub_txt span,
.data_title .sub_txt input,
.data_title .sub_txt label{vertical-align:bottom}
.data_title .sub_txt input{margin-right:5px}

.mulity_group{*zoom:1}
.mulity_group:after{content:"";display:block;clear:both;}
.mulity_group > div{float:left;width:50%}
.mulity_group > div:first-child .cell_data{margin-right:20px;margin-left:0}
.mulity_group .cell_data{margin-left:20px;position:relative}

.table_alert{position:relative}

.number_format{}
.number_format > div{position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;letter-spacing:normal}
.number_format > div > p{position:relative;top:0;left:0;}
.number_format > div > p > span{display:block;}

.section_title{margin-top:48px;font-size:24px;color:#444;font-weight:400;font-weight:400}
.section_info{line-height:18px;margin-top:12px;color:#666;word-break:keep-all;}

.data_tab{margin-top:50px;*zoom:1}
.data_tab:after {content:" ";display:block;clear:both;overflow:hidden}
.data_tab li{position:relative;float:left;z-index:0}
.data_tab li p{margin-left:32px}
.data_tab li:first-child p{margin-left:0}
.data_tab li a{position:relative;display:block;font-size:16px;line-height:57px;font-weight:700;height:57px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;color:#666;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.data_tab li span{position:absolute;width:0;height:2px;background:#0bace7;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.data_tab li span.line01{top:-1px;left:0}
.data_tab li span.line02{bottom:-1px;right:0}
.data_tab li:hover{z-index:5}
.data_tab li a:hover,.data_tab li.actived a{color:#0bace7}
.data_tab li a:hover span,.data_tab li.actived a span{width:100%}

.default_con{margin-top:50px}

.row_data{margin-top:5px}
.row_data p,.row_data a{vertical-align:middle;margin-right:7px}

.no_data{padding:30px 0}
.no_data02{padding:30px 0;border-bottom:1px solid #d9d9d9}
.no_list_data{padding:30px;border-bottom:1px solid #d9d9d9;font-size:16px;border-top:1px solid #d9d9d9}

.number_wrap{position:relative;}


.comment_list{margin-top:80px;text-align:left}
.comment_list > ul{}
.comment_list > ul > li{position:relative;padding:20px 150px 20px 10px;border-top:1px solid #d9d9d9}
.comment_list .comment_info{font-size:14px;color:#888}
.comment_list .comment_data{font-size:16px;line-height:22px;margin-top:8px}
.comment_list a.btn06{padding:0 15px;margin-left:1px}
.comment_list .btn_wrap{position:absolute;top:50%;right:10px;margin-top:-15px}
.comment_list .t_wrap{margin-top:10px}

.comment_input{position:relative;padding:0 100px 0 0;background:#f6f6f6;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.comment_input .t_wrap{margin-top:0;border:none;background:none}
.comment_input a{position:absolute;top:-1px;right:0;width:100px;height:102px;font-size:20px;color:#fff;text-align:center;line-height:102px;background:#666}

.list_down{border-top:1px solid #d9d9d9}
.list_down > ul > li{border-bottom:1px solid #d9d9d9;text-align:left}
.list_down > ul > li.open .list_bg{top:-50%;}
.list_down > ul > li.open .list_arrow{background-position:left bottom}
.list_down .question{position:relative;overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor:pointer}
.list_down .answer{position:relative;background:#f8f7f5;display:none}
.list_down .list_bg{display:block;position:absolute;top:100%;left:50%;width:200%;height:200%;margin-left:-100%;margin-top:0;background:#0bace7;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.list_down .list_arrow{position:absolute;top:50%;right:20px;margin-top:-7px;display:block;width:28px;height:15px;overflow:hidden;background:url(../../images/content/list_down_btn_down.png) left top no-repeat;z-index:3}
.list_down .noData{text-align:center;padding:30px 10px}

.list_search{position:relative;margin-top:50px;margin-bottom:20px;height:40px;}
.list_search .list_tab{overflow:hidden;height:40px}
.list_search .list_tab > div > div{float:left;width:auto;padding:0 20px;background:url(../../images/content/input_list_line.gif) left center no-repeat}
.list_search .list_tab > div > div:first-child{background:none;padding-left:0}
.list_search .list_tab > div > div > a{display:block;line-height:40px;font-size:16px}
.list_search .list_tab > div > div > a:hover,.list_search .list_tab > div > div.actived > a{color:#333;text-decoration: underline}

.list_search .date_search{position:absolute;top:0;right:0;max-width:320px;padding-right:50px;overflow:hidden}
.list_search .date_search > div{float:left;position:relative}
.list_search .date_search > div.date_start{width:46.85%}
.list_search .date_search > div.date_end{width:46.85%}
.list_search .date_search > div.date_char{width:6.3%;line-height:38px;color:#999;text-align:center}
.list_search .date_search > div > p{position:relative;padding:0 33px 0 10px;background:#f6f6f6;border:1px solid #d9d9d9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list_search .date_search > div > p > input{position:reative;width:100%;height:38px;font-size:18px;padding:0;background:none;border:none}
.list_search .date_search > div > p > img{width:33px;position:absolute;top:0;right:0;cursor:pointer}
.list_search .date_search .search_btn{position:absolute;top:0;right:0;display:block;width:38px;height:38px;background:#fff;border:1px solid #d9d9d9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list_search .date_search .search_btn img{width:38px}
.list_search .input_list{overflow:hidden}
.list_search .input_list li{float:left;line-height:40px;height:40px;padding:0 20px;background:url(../../images/content/input_list_line.gif) left center no-repeat}
.list_search .input_list li:first-child{padding-left:0;background:none}
.list_search .input_list li input{display:none}
.list_search .input_list li label{font-size:16px;color:#666;line-height:40px}
.list_search .input_list li a{font-size:16px;color:#666;line-height:40px}
.list_search .input_list li.actived label{color:#333}
.list_search .input_list li.actived label em{color:#c1894c}
.list_search .input_list li.actived a{color:#333}
.list_search .simple_search{position:absolute;top:0;right:0;max-width:320px;border:1px solid #d9d9d9;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:100;}
.list_search .simple_search p{position:relative;padding:0 49px 0 10px;background:#f6f6f6}
.list_search .simple_search input{position:reative;width:100%;height:38px;font-size:18px;padding:0;background:none;border:none}
.list_search .simple_search a{position:absolute;top:0;right:0;display:block;background:#fff;border-left:1px solid #d9d9d9}

.list_search.review_search{}
.list_search.review_search .simple_search{margin-right:95px}
.list_search.review_search .btn_review{position:absolute;bottom:0;right:0;display:block;width:85px;height:38px;line-height:38px;font-size:13px;color:#666;text-align:center;background:#fff;border:1px solid #bbb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:105}

.review_product{margin-top:10px}
.review_product.first{margin-top:0}
.review_product label{margin-left:5px}
.review_product > p:first-child{margin-bottom:5px}



.big_list{max-width:1932px;margin:0 auto}
.small_list{max-width:1620px;min-height:320px;margin:0 auto}


.item_obj{float:left; width:25%;background:#fff}
.item_obj .item_data{}
.item_obj.w2{width:50%;}
.item_obj .number{display:none}
.item_obj .item_data{margin:10px}
.item_obj .item_data a{display:block;}
.item_obj .item_data a .icon{position:absolute;top:20px;left:20px}
.item_obj .item_data .thumb > img{width:100%;}
.item_obj .item_data .thumbIcon{position:absolute;top:30px;left:30px}
.item_obj .default_data{text-align:center;padding:30px 10px;background:#f6f6f6}
.item_obj .default_data .category{font-size:14px}
.item_obj .default_data .subject{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item_obj .default_data .subject a{font-size:16px}
.item_obj .default_data .date{font-size:14px;color:#888;margin-top:10px}
.item_obj .default_data .review_info{line-height:21px;margin-top:5px}
.item_obj .default_data .review_info > p{display:inline-block;zoom:1;*display:inline;color:#888;vertical-align:middle}

.wSize {display:block;}
.tSize {display:none;}


/* main */
.main .bx-controls-direction{}
.main .bx-controls-direction a{text-indent:0 !important;width:25px;height:auto;margin-top:-21px;opacity:0;filter:alpha(opacity=0);
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
}
.main .item_obj:hover .bx-controls-direction a{opacity:1;filter:alpha(opacity=100);}
.main .bx-controls-direction .bx-prev{left:20px;}
.main .bx-controls-direction .bx-next{right:20px;}



.main .bx-pager{top:30px}
.main .bx-pager .bx-pager-item a{width:12px;height:12px;background:none;background-color:#000;opacity:0.2;filter:alpha(opacity=20);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.main .bx-pager .bx-pager-item a.active{background-color:#fff;opacity:1;filter:alpha(opacity=100);}

.main .item_obj .item_data{margin:0;}
.main .item_obj.makers .product_info{position:absolute;right:75px;;top:50%;margin-top:-65px;text-align:right;}
.main .item_obj.makers .product_info span{display:block;}
.main .item_obj.makers .product_info .name{font-size:16px;color:#fff;}
.main .item_obj.makers .product_info .name span{font-size:44px;font-weight:400;}
.main .item_obj.makers .product_info .price{font-size:26px;color:#ecf90f;}

.main .item_obj.etc_product .product_info{position:absolute;left:0;bottom:27px;width:100%;text-align:center;}
.main .item_obj.etc_product .product_info span{display:block;}
.main .item_obj.etc_product .product_info .price{color:#333;font-size:16px;font-weight:400;}

.main .item_obj.review{}
.main .item_obj.review li a{display:block;height:100%;width:100%;}
.main .item_obj.review li .review_cont{position:absolute;left:0;top:50%;width:100%;margin-top:-113px;color:#fff;z-index:9999;}
.main .item_obj.review li .review_cont .table_wrap{display:block;}
.main .item_obj.review li .review_cont .table_wrap .table{display:table;width:100%;text-align:center;}
.main .item_obj.review li .review_cont .table_wrap .table .cell{display:table-cell;padding:0 20px;text-align:center;vertical-align:middle;}
.main .item_obj.review li .review_cont .table_wrap .table .cell > span{
    overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	-webkit-line-clamp:2;
}

.main .item_obj.review li .review_cont .table_wrap.title{height:128px;margin-bottom:15px;}
.main .item_obj.review li .review_cont .table_wrap.title .table .cell{height:128px;font-size:60px;line-height:65px}
.main .item_obj.review li .review_cont .table_wrap.cont{height:48px;margin-bottom:19px;}
.main .item_obj.review li .review_cont .table_wrap.cont .table .cell{height:48px;font-size:18px;line-height:25px;}
.main .item_obj.review li .writer{display:block;padding:0 20px;height:16px;font-size:16px;color:#fcff00;overlfow:hidden;}

.main .item_obj.etc_product .bx-pager{top:20px;}
.main .item_obj.etc_product .bx-pager .bx-pager-item a{opacity:0.15;filter:alpha(opacity=15);}
.main .item_obj.etc_product .bx-pager .bx-pager-item a.active{background-color:#666;opacity:1;filter:alpha(opacity=100);}
.main .item_obj.main_event .bx-pager .bx-pager-item a.active{background-color:#666;opacity:1;filter:alpha(opacity=100);}

.main .how_to_use{}
.main .how_to_use .txt{position:absolute;left:0;top:50%;margin-top:-126.5px;width:100%;text-align:center;}

.main .collaboration{}
.main .collaboration .txt{position:absolute;left:0;top:50%;margin-top:-40px;width:100%;text-align:center;}

.main .video_wrap a{position:relative;display:block;height:700px;background:url("../../images/content/video_bg02.jpg") no-repeat center center;}
.main .video_wrap .txt{position:absolute;left:0;top:50%;width:100%;margin-top:-140px;text-align:center;}
.main01 .icon{position:absolute;top:20px;left:20px;z-index:5}
.main_av{}
.main_av > a{position:relative;z-index:5;display:block}
.main_av .av_wrap video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;z-index:0;border:none;outline:none}
.main_av .av_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.main_av .av_wrap .av_data{position:relative;width:100%;height:100%;overflow:hidden}
.main_av .av_wrap .dot{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.5);z-index:104}


/* 공지사항 */
.main_notice  .bs_title {width:30%; float:left; text-align:left;}
.main_notice  .bs_title .title {color:#000000; font-size:35px; line-height:1.4em; padding:60px 0 0 70px;  font-family:'Nanum Square';}
.main_notice  .bs_title .title span {color:#bfbfbf; font-size:28px; line-height:1.4em; display:block;}
.main_notice  .bs_title .moreBtn {padding:70px 70px 0 70px;}

.main_notice  .newArea {width:70%; float:right;}
.main_notice  .newArea ul {padding:60px 70px 0 0; text-align:left;}
.main_notice  .newArea ul li {color:#3e3e3e; font-size:18px;  line-height:60px;  padding-left:15px; background:url('../images/main/notice_icon.gif') no-repeat 0 50%; }



/* desktop 1900 */
@media screen and (max-width:1910px) {

	/* 공지사항 */
	.main_notice  .bs_title {width:30%; float:left; text-align:left;}
	.main_notice  .bs_title .title {color:#000000; font-size:35px; line-height:1.4em; padding:40px 0 0 40px;  font-family:'Nanum Square';}
	.main_notice  .bs_title .title span {color:#bfbfbf; font-size:28px; line-height:1.4em; display:block;}
	.main_notice  .bs_title .moreBtn {padding:70px 70px 0 40px;}

	.main_notice  .newArea {width:70%; float:right;}
	.main_notice  .newArea ul {padding:40px 40px 0 0; text-align:left;}
	.main_notice  .newArea ul li {color:#3e3e3e; font-size:18px;  line-height:55px;  padding-left:15px; background:url('../images/main/notice_icon.gif') no-repeat 0 50%; }
}

/* desktop 1700 */
@media screen and (max-width:1700px) {    
}



/* desktop 1600 */
@media screen and (max-width:1600px){	
    #container.full{margin:0;}
}

/* desktop 1500 */
@media screen and (max-width:1500px){	

}

/* desktop 1370 */
@media screen and (max-width:1370px){
	/* 공지사항 */
	.main_notice {position:relative;  overflow:hidden;}
	.main_notice  .bs_title {width:100%; float:none; text-align:left;}
	.main_notice  .bs_title .title {color:#000000; font-size:30px; line-height:30px; padding:40px 0 0 40px;  font-family:'Nanum Square';}
	.main_notice  .bs_title .title span {color:#bfbfbf; font-size:20px;  line-height:35px; display:inline-block; margin-left:10px !important;}
	.main_notice  .bs_title .moreBtn {position:Absolute; top:30px; right:30px;padding:0px;}

	.main_notice  .newArea {width:100%; float:none;}
	.main_notice  .newArea ul {padding:30px 40px 0 40px; text-align:left;}
	.main_notice  .newArea ul li {color:#3e3e3e; font-size:15px;  line-height:35px;  padding-left:15px; background:url('../images/main/notice_icon.gif') no-repeat 0 50%; }
}


/* desktop 1280 */
@media screen and (max-width:1280px){
    .main .bx-pager{top:20px}
    .main .item_obj.review li .review_cont{margin-top:-80px;}    
    .main .item_obj.review li .review_cont .table_wrap.title{height:84px;margin-bottom:12px;}
    .main .item_obj.review li .review_cont .table_wrap.title .table .cell{height:84px;font-size:38px;line-height:44px;}
    .main .item_obj.review li .review_cont .table_wrap.cont{height:38px;margin-bottom:14px;}
    .main .item_obj.review li .review_cont .table_wrap.cont .table .cell{height:38px;font-size:14px;line-height:20px;}    
    .main .item_obj.review li .review_cont .writer{font-size:13px;height:13px;}
    .main .item_obj.etc_product .bx-pager{top:10px;}
    .main .item_obj.etc_product .product_info{bottom:10px}            
    .main .video_wrap a{height:550px;}
    .main .video_wrap .txt{margin-top:-167px;}
    .main .video_wrap .txt img{width:418px;}

}

/* 1200 */
@media screen and (max-width:1200px){       
.wSize {display:none;}
.tSize {display:block;} 
    

}


/* desktop 1023 */
@media screen and (max-width:973px){
	/* 공지사항 */
	.main_notice {position:relative;  overflow:hidden;}
	.main_notice  .newArea {width:100%; float:none;}
	.main_notice  .newArea ul {padding:30px 40px 0 40px; text-align:left;}
	.main_notice  .newArea ul li {color:#3e3e3e; font-size:18px;  line-height:45px;  padding-left:15px; background:url('../images/main/notice_icon.gif') no-repeat 0 50%; }
	.main_notice  .bs_title .moreBtn {position:Absolute; top:45px; right:30px;padding:0px;}
	.main_notice  .bs_title .moreBtn img {width:40px;}

}

/* mobie 900 */
@media screen and (max-width:900px){
}


/* mobie 800 */
@media screen and (max-width:800px){

}

/* mobie 768 */
@media screen and (max-width:768px){
}

/* mobie 667 */
@media screen and (max-width:667px){	
}



/* mobie 640 */
@media screen and (max-width:640px){	
	/* 공지사항 */
	.main_notice {position:relative;  overflow:hidden; height:300px !important;}
	.main_notice  .bs_title {width:100%; float:none; text-align:left;}
	.main_notice  .bs_title .title {color:#000000; font-size:24px; line-height:30px; padding:40px 0 0 30px;  font-family:'Nanum Square';}
	.main_notice  .bs_title .title span {color:#bfbfbf; font-size:18px;  line-height:35px; display:inline-block; margin-left:10px !important;}
	.main_notice  .bs_title .moreBtn {position:Absolute; top:45px; right:30px;padding:0px;}
	.main_notice  .bs_title .moreBtn img {width:30px;}

	.main_notice  .newArea {width:100%; float:none;}
	.main_notice  .newArea ul {padding:30px 20px 0 30px; text-align:left;}
	.main_notice  .newArea ul li {color:#3e3e3e; font-size:14px;  line-height:35px;  padding-left:15px; background:url('../images/main/notice_icon.gif') no-repeat 0 50%; }

}

/* mobie 480 */
@media screen and (max-width:480px){
}

/* mobie 420 */
@media screen and (max-width:420px){
}



/* mobie 360 */
@media screen and (max-width:360px){

}

/* mobie 320 */
@media screen and (max-width:320px){
	
}

/* ratio 1.5 && 2.0 */
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-webkit-min-device-pixel-ratio:1.5){

}

@media all and (orientation:landscape){
	.detail_mobile_info.fix .detail_mobile_tab ul{position:relative;top:auto}
	.mobile_fix_buy.fix{bottom:-50px}
}