@charset "utf-8";
/* ========================================
Website : K-pars(O2O)
File Name :com_store.css
Version : CSS2.1 (+ 3.0)
Maker : amoo (minuya@gmail.com)
Date : 2021 / MAY
Explanation : Sub Contents(RWD) - Mini Homepage(Integration Customizing)
Modify Date : 2021 / 07 / 29
======================================== */

/* ==== All Device(Default) ==== */
.main_middle_area{padding-bottom:30px}

/* header */
.compage_box{float:left;display:table;max-width:70%;height:65px}
.compage_box h2{height:65px}
.compage_box h2 a{display:table-cell;padding-right:15px}
.compage_box h2 img.compnage_logo{max-width:130px;max-height:65px}
.compage_box h2 span.compage_name{display:table-cell;max-width:70%;height:65px;font-size:21px;vertical-align:middle;overflow:hidden}

/* compage_gnb */
.compage_gnb_box{clear:both;padding:5px 5px 0}
.bgcom_01{background-color:#0562a2}
.bgcom_02{background-color:#0097a7}
.bgcom_03{background-color:#477923}

.compage_gnb_box .compage_gnb{display:flex;;height:38px}
.compage_gnb_box .compage_gnb ul {display:block;}
.compage_gnb_box .compage_gnb ul li{position:relative;display:inline-block;vertical-align:top;text-align:center}
.compage_gnb_box .compage_gnb ul li:hover{background-color:#f6f6f4;border-radius:5px 5px 0 0}
.compage_gnb_box .compage_gnb ul li:hover a{color:#1f1f1f}
.compage_gnb_box .compage_gnb ul li.on{background-color:#f6f6f4;border-radius:5px 5px 0 0}
.compage_gnb_box .compage_gnb > ul > li > a{display:inline-block;padding:10px 30px;color:#fff}
.compage_gnb_box .compage_gnb ul li.on > a{font-weight:500;color:#1f1f1f}
.compage_gnb_box .compage_gnb ul li a:hover{text-decoration:underline}
.compage_gnb_box .compage_gnb ul li a:hover .smenu_layer_show{display:block}
.compage_gnb_box .compage_gnb ul li.active .smenu_layer_show{display:block}
.compage_gnb_box .compage_gnb ul li > .smenu_layer_show{display:none}
.compage_gnb_box .compage_gnb ul li:hover > .smenu_layer_show,
.compage_gnb_box .compage_gnb ul li.active > .smenu_layer_show,
.compage_gnb_box .compage_gnb ul li a:hover ~ .smenu_layer_show{display:block}
.compage_gnb_box .compage_gnb2 ul li:last-child a{padding:3px 25px;}
.compage_gnb_box .compage_gnb .move-srm-btn{display:block;padding:8px 25px;margin-bottom:5px;background:#eee;margin-left:40px;border-radius:5px;font-weight:500;color:#014878}
.compage_gnb_box .compage_gnb ul li:last-child:hover{background:none!important;border-radius:0!important;}
.compage_gnb_box .compage_gnb2 ul li:last-child:hover{background:#f6f6f4!important;border-radius:5px 5px 0 0!important;}
.compage_gnb_box .compage_gnb .mv-home-btn{position: absolute;top: 50%;right: 36px;transform: translateY(-50%);width: 178px;background: #fff;padding: 5px 10px;border-radius: 4px;}

.smenu_layer_show{display:block;position:absolute;z-index:999;margin-top:0}
.smenu_layer_show ul.smenu_layer{float:left;display:block;padding:10px 15px;width:150px;border:1px solid #eee;border-top:0;background-color:#fff;box-sizing:border-box}
.smenu_layer_show ul.smenu_layer li{display:block;padding:5px 3px}
.smenu_layer_show ul.smenu_layer li:nth-child(n+2){border-top:1px dashed #eee}
.smenu_layer_show ul.smenu_layer li a{display:block;color:#333;font-size:13px;word-break:break-word;word-wrap:break-word}

.compage_gnb_box .compnage_sch{float:right;background-color:#fff;}
.compage_gnb_box .compnage_sch input[type='text']{width:135px;border:0}
.compage_gnb_box .compnage_sch a.btn_store_sch{display:inline-block;padding:0 .5em;vertical-align:middle}

/* header */
.compage_area{display:block;width:100%;min-height:50px}
.compage_area .compage_box{clear:both;display:block}

/* Mini Homepage > Main > Banner */
#slide_box {position:relative;width:100%;height:300px}
#slide_img {position:absolute;top:0;left:0;width:100%;height:300px;object-fit:cover}
#slide_menu {position:absolute;bottom:8%;left:50%;transform:translateX(-50%)}
#slide_menu li{margin:2px 3px;width:15px;height:15px;background-color:#fff;border-radius:50%;cursor:pointer;float:left;text-align:center}
#slide_menu li:first-child{border-left:0;width:15px}

/* hot products*/
.hot_pro_area{clear:both;padding-bottom:40px}
.hot_pro_tit{padding:20px 0}
.hot_pro_tit h2{display:inline-block;font-size:24px;color:#333}
.hot_pro_tit + .view-type{top:25px}
.hot_pro_area .sub-cont{display:none}
.hot_pro_area .prod-list.gallery-type .list-info{padding-bottom:12px}
/* s:com_profile*/
.com_profile{clear:both;padding-bottom:40px}
.com_profile_tit{padding:20px 0}
.com_profile_tit h2{display:inline-block;font-size:24px;color:#333}
.com_profile_view.shadow-box{padding:30px}

/*.product_detail_com*/
.com_item01{display:block}
.com_item_detail{display:inline-block;padding:0 10px;width:59%;vertical-align:top;box-sizing:border-box}
.com_item_detail h3.com_item_tit{display:block;font-weight:normal;margin:0 0 5px 0;padding:0 0 8px 0;color:#ce0808;font-size:16px;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;line-height:1.3em;height:2.6em;border-bottom:1px dashed #eee}

.box_type01{clear:both;display:block;padding:30px 17px;box-sizing:border-box}

.com_photo{display:inline-block;width:300px;padding:15px;background-color:#f5f4f4;border-radius:25px;box-sizing:border-box}
.com_photo img.photo_men{margin:5px auto;display:block;width:130px;height:130px;border:1px solid #eee;text-align:center;border-radius:50%;box-shadow:1px 6px 12px rgba(0,0,0,.15)}
.com_photo ul li{margin-bottom:10px}
.com_photo ul li strong{display:inline-block;margin:3px 0 0 0;padding:0;color:#333;font-weight:600;vertical-align:top;word-break:break-all;box-sizing:border-box;line-height:1.4em}
.com_photo ul li span{display:block;word-break:break-all;text-align:center}
.com_photo ul li span.name{margin-top:15px;color:#000;font-size:18px;font-weight:600;word-wrap:break-word;line-height:1.4em}

.com_item01_side01{display:inline-block;width:calc(100% - 305px);padding:20px 10px 20px 20px;vertical-align:top;box-sizing:border-box}
.tab_com_item{display:block;padding-bottom:20px}
.com_item_it{display:inline-block;width:95%;margin-left:15px;vertical-align:top}
.com_item_it .com_item_arti li{margin-bottom:15px}
.com_item_it .com_item_arti li strong{position:relative;display:inline-block;width:150px !important;margin-right:5px;color:#333;vertical-align:top}
.com_item_it .com_item_arti li strong:before{content:'';position:absolute;top:7px;right:5px;width:2px;height:2px;background:#333}
.com_item_it .com_item_arti li strong:after{content:'';position:absolute;top:13px;right:5px;width:2px;height:2px;background:#333}
.com_item_it .com_item_arti li i.flag-icon{margin-left:5px}
.com_item_it .com_item_arti li.txt_sh strong{min-width:80px!important}
.com_item_it .com_item_arti li.txt_sh_es strong{min-width:90px!important}
.com_item_it .com_item_arti li strong.year_icon{margin:0 3px 00;padding:0 8px;height:19px;line-height:21px;display:inline-block;color:#333;border-radius:10px;font-size:14px;font-weight:600;text-align:center;background-color:#e6e6e6}
.com_item_it .com_item_arti li strong.year_icon span.unit{top:-3px;display:inline-block;position:relative;font-size:10px}
.com_item_it .com_item_arti li strong img.icon_q{margin-top:-1px;margin-left:1px;vertical-align:middle}
.com_item_it .com_item_arti li span{display:inline-block;word-break:break-word;word-wrap:break-word}
.com_item_it .com_item_arti li .com_itemtext{width:80%}
.com_item_it .com_item_arti li a{color:#0176b1;text-decoration:underline;word-break:break-word;word-wrap:break-word}
.com_item_it .com_item_arti li a.u_link:hover{color:#0176b1;text-decoration:underline}
.com_item_it .com_item_arti li img.icon_mark{margin:6px 0;height:32px}
.com_item_it .com_item_arti li img.icon_flag{margin-left:7px;width:20px;height:13px;border:solid 1px #eee;vertical-align:middle}
.com_item_it .com_item_arti li span.share{margin:5px 0 0 165px}
.com_item_it .com_item_arti li span.share a{margin:0}
.com_item02{display:block;margin-top:15px;padding:20px;border:1px solid #eee;word-break:break-word;word-wrap:break-word}
.com_item02 p{font-size:14px;margin-bottom:7px}
.com_item02 p:last-child{margin-bottom:0}

/* contact name_tag*/
.name_tag_area .name_tag_box{display:block;margin-top:30px}
.name_tag_area .name_tag_box > li{padding-bottom:10px}
.name_tag_area .name_tag_box > li .name_tag_person{display:block;padding:25px;border:2px dashed #ddd;border-radius:25px}
.name_tag_person p.ntag_tit{display:block;margin-bottom:20px;color:#000;font-weight:600;font-size:18px;text-align:center}

.name_tag_person p.ntag_peo{display:inline-block;vertical-align:top}
.name_tag_person p.ntag_peo img{width:120px;height:120px;border-radius:50%;border:1px solid #eee;box-shadow:1px 6px 12px rgba(0,0,0,.15)}
.name_tag_person .ntag_wrap{display:inline-block;width:calc(100% - 155px);margin:5px 0 0 30px}
.name_tag_person .ntag_item > li{display:block;width:100%;margin-bottom:10px}
.name_tag_person:hover{background-color:#f7f8fa}
.name_tag_person .ntag_item > li strong{position:relative;display:inline-block;width:150px !important;color:#333;vertical-align:top}
.name_tag_person .ntag_item > li strong:before{content:'';position:absolute;top:7px;right:5px;width:2px;height:2px;background:#333}
.name_tag_person .ntag_item > li strong:after{content:'';position:absolute;top:13px;right:5px;width:2px;height:2px;background:#333}
.name_tag_person .ntag_item .ntag_cont{display:inline-block;width:calc(100% - 150px);word-break:break-word;word-wrap:break-word}

/* contact details*/
.contact_de{clear:both;padding-bottom:60px}
.contact_de_tit{padding:20px 0}
.contact_de_tit h2{display:inline-block;font-size:24px;color:#333}
.contact_de_view.shadow-box{padding:20px}

/*s:com_product_detail-2color main,right*/
.pro_detail_area{clear:both;display:inline-block;padding:0 0 10px 5px;width:77%;border:0 solid #910303;box-sizing:border-box}
.pro_right_area{display:inline-block;float:right;padding:0 5px 10px 5px;width:20%;border:0 solid #910303;box-sizing:border-box;vertical-align:top}

.pro_detail_box{display:block}
.pro_detail{clear:both;display:block;padding:5px}
.pro_pp_item{display:block;box-sizing:border-box}
.pro_pp_item .pro_pp_photo{display:inline-block}
.pro_pp_item .pro_pp_photo .pro_big_photo{position:relative;width:200px;height:200px;margin:0 auto}
.pro_pp_item .pro_pp_photo .pro_big_photo350{position:relative;width:350px;height:350px}
.pro_pp_item .pro_pp_photo img.big_photo{width:350px;height:300px;cursor:pointer}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box{position:relative;width:300px;padding:10px 20px}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box .swiper-slide a{display:inline-block;padding:5px}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box .swiper-slide a img{width:86px;height:86px;border:1px solid #eee}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box .swiper-button-prev{left:0}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box .swiper-button-next{right:0}
.pro_pp_item .pro_pp_photo .thumbnails-slider-box .swiper-button-next, .pro_pp_photo .thumbnails-slider-box .swiper-button-prev{background-size:13px 24px}

/* product_Favorites*/
.pro_big_photo .pro_top_favor{float:right;margin:2px 12px;padding:0 8px 0 0;background-color:#eee;border:1px solid #eee;border-radius:25px}
.pro_big_photo .pro_top_favor:hover{background-color:#fff}
.pro_big_photo .pro_top_favor span{display:inline-block;text-align:left}
.pro_big_photo .pro_top_favor span.fa_t{cursor:pointer;display:inline-block;margin:-1px 0 0 0;padding:00 0 0;width:20px;height:20px;vertical-align:middle;background-repeat:no-repeat}
.pro_big_photo .pro_top_favor span.fa_on{background-image:url(/images/gtrade/icon_heart_on.png)}
.pro_big_photo .pro_top_favor span.fa_off{background-image:url(/images/gtrade/icon_heart_off.png)}
.pro_big_photo .pro_top_favor span.fa_txt{display:inline-block;margin:0 8px 0 5px;vertical-align:middle}

.pro_pp_photo .pro_big_photo .pro_favor{display:block;position:absolute;width:350px;position:absolute;display:block;float:right;margin-top:-50px}
.pro_pp_photo .pro_big_photo .pro_favor span.fa_pr{cursor:pointer;float:right;width:33px;height:34px;margin:4px 7px 4px 7px;padding:9px 8px 4px 8px;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-color:#fff;border-radius:25px;box-sizing:border-box}
.pro_pp_photo .pro_big_photo .pro_favor span.fa_pr_on{background-image:url(/images/tradeuz/icon_heart.png);border:1px solid #ffb800!important}
.pro_pp_photo .pro_big_photo .pro_favor span.fa_pr_off{background-image:url(/images/tradeuz/icon_heart_b_off.png);border:1px dashed #cccdcf}

.pro_pp_item_detail{display:inline-block;padding:0 10px 0 20px;width:58.9%;vertical-align:top;box-sizing:border-box}
.pro_pp_item_detail h3.pro_pp_tit{display:block;margin:0;padding:0 0 8px 0;font-weight:normal;color:#075eb7;font-size:16px;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;line-height:1.3em;max-height:2.6em}

.pro_pp_arti{display:block;margin:10px 0}
.pro_pp_arti li{display:block;font-size:14px;line-height:1.5em}
.pro_pp_arti li strong{color:#910303;font-weight:600}
.pro_pp_arti li span.item-txt{display:inline-block;padding:0;width:140px;color:#000;font-weight:600}
.pro_pp_arti li span.txt01{color:#555}
.pro_pp_arti li span.txt02{color:#0176b1}
.pro_pp_arti li span.txt02b{color:#0176b1;font-weight:600}

.pro_pp_arti{display:block;margin:10px 0}
.pro_pp_arti li{display:block;font-size:14px;line-height:1.5em;vertical-align:top}
.pro_pp_arti li span.item-txt{display:inline-block;padding:0;width:140px;color:#000;font-weight:600}
.pro_pp_arti li > .item_dd{display:inline-block;width:70%;vertical-align:top}
.pro_pp_arti li > .item_dd > strong{display:inline-block;color:#c01a1a;font-weight:600;word-break:break-word}
.pro_pp_arti li > .item_dd > span{display:inline-block;word-break:break-all;word-wrap:break-word}
.pro_pp_arti li > .item_dd > span.txt01{color:#555}
.pro_pp_arti li span.txt01.word{word-break:break-word}
.pro_pp_arti li > .item_dd > span.txt02{color:#0176b1}
.pro_pp_arti li > .item_dd > span.txt02b{color:#477923;font-weight:600}

.pro_pp_add{clear:both;display:block;margin:10px 0;padding:23px 0 23px 8px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.pro_pp_add ul{display:block}
.pro_pp_add ul li{display:inline-block}
.pro_pp_add ul li input[type=checkbox]{border:1px solid #e0e1e3;background-color:#fff;vertical-align:middle;margin-bottom:2px}
.pro_pp_add ul li img{margin:0 3px;width:12px;height:10px}

/* product_detail_pro_mark*/
.pro_pp_mark{display:block;margin:15px 0 25px;padding:0 0 5px 0;box-sizing:border-box;border-bottom:1px dashed #eee!important}
.pro_pp_mark li{display:inline-block;line-height:1.8em;padding:0 3px;box-sizing:border-box}
.pro_pp_mark li img{}

/* s:pro_details */
.pro_tab_view{clear:both;display:block;margin-bottom:28px;padding:10px 25px;box-sizing:border-box}
.product_detail {clear:both;display:block}
.product_detail ul{display:block;width:100%;margin-bottom:20px;font-size:13px}
.product_detail ul li{display:block;width:100%}
.product_detail ul li span{display:inline-block;font-size:14px;word-wrap:break-word;word-break:break-word;vertical-align:top;box-sizing:border-box}
.product_detail .sp_title{color:#333;font-weight:600}
.product_detail .sp_text{width:80%;margin-left:10px;color:#0176b1}
.product_detail table{max-width:1100px}
.product_detail img{width:auto;height:auto;max-width:900px;max-height:900px} 
.product_detail div{width:98%}
.product_detail div p{width:100%;word-break:break-word;word-wrap:break-word}

/* s:com_history */
.com_history{margin:-15px 0}
.com_history ul li{padding:10px 0}
.com_history ul li + li{border-top:1px dashed #e1e1e1}
.com_history ul li span{display:inline-block;word-break:break-word;word-wrap:break-word}
.com_history ul li span.his_date{width:80px;padding-right:15px;text-align:right}
.com_history ul li span.his_txt{width:calc(100% - 100px)}

/* s:com_video*/
.com_video{display:block}
.com_video ul{display:block}
.com_video ul li{display:block;vertical-align:middle;text-align:center}
.com_video ul li:nth-child(n+2){margin-top:20px}
.com_video ul li .video-player > iframe{width:520px;height:292px}

/* etc*/
.icon_won_r, .icon_won_g, .icon_won_b, .icon_won_sb, .icon_won_bi{display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%}
.icon_won_r{background:#00a9ff}
.icon_won_g{background:#4a9614}
.icon_won_b{background:#0176b1}
.icon_won_sb{background:#00cdff}
.icon_won_bi{background:#0097a9}

.new-layer-cont .com_photo{width:36.5%}
.new-layer-cont .com_item01_side01{width:62.5%}
.new-layer-cont .com_item_it{width:100%;margin-left:0}

/* ==== Mobile Device ==== */
@media all and (max-width:639px){
	#slide_box{width:calc(100% + 40px);margin:0 -20px}
	.pro_pp_photo{width:100%}
	.pro_pp_photo .pro_big_photo{width:100%;height:100%}
	.pro_pp_photo .pro_big_photo img{width:100% !important}
	.pro_pp_photo .thumbnails-slider-box{margin:0 -20px}
	.pro_pp_photo .thumbnails-slider-box .swiper-slide{width:33.33%}
	.pro_pp_photo .thumbnails-slider-box .swiper-slide a{width:100%;box-sizing:border-box}
	.pro_pp_photo .thumbnails-slider-box .swiper-slide a img{width:100%;height:100%;min-height:86px}

	.compage_gnb_box.compage_mini{margin-top:30px!important;}
	.compage_gnb_box .compage_gnb, .compage_gnb_box .compage_gnb ul{width:100%}
	.compage_gnb_box .compage_gnb ul li{width:32.7%}
	.compage_gnb_box .compage_gnb ul li:nth-child(4){display:none}
	.compage_gnb_box .compage_gnb2 ul li{width:24.4%!important;}
	.compage_gnb_box .compnage_sch{clear:both;width:calc(100% - 30px);margin:15px 15px 0}
	.compage_gnb_box .compnage_sch input[type='text']{width:calc(100% - 45px)}
	.compage_gnb_box{margin:0 -20px}
	
	.com_history ul li span.his_date{text-align:left}
	.com_history ul li span.his_txt{display:block;width:100%;margin-top:10px}
	.com_video ul li .video-player > iframe{width:100%;height:100%}
	.com_photo{width:100%}
	.com_item01_side01{width:100%;padding:30px 0}
	.com_item_it{width:100% !important;margin:0}
	.com_item_it .com_item_arti li strong{margin-bottom:5px}
	.com_item_it .com_item_arti li .w20, .com_item_it .com_item_arti li .w70{width:100% !important}
	.com_item_it .com_item_arti li strong:before, .com_item_it .com_item_arti li strong:after{display:none}
	
	.name_tag_area .ntag_wrap{display:block;width:100%;margin:20px 0 0}
	.name_tag_area .name_tag_box{margin:0}
	.name_tag_area .name_tag_box > li{width:100%;padding:0 0 30px}
	
	.new-layer-cont .com_photo{width:100%}
	.new-layer-cont .com_photo img.photo_men{width:100px;height:100px}
	.new-layer-cont .com_item01_side01{width:100%;padding-bottom:0}
	.new-layer-cont .com_item_it .com_item_arti li{margin-bottom:5px}
	
	.compage_box + .header_sign_box{display:block}
	.compage_box h2{max-width:33%}
	.compage_box h2 span.compage_name{display:none;}
	.compage_gnb_box .compage_gnb .move-srm-btn{display:none;}
}