header{width:100%; border-bottom:1px solid #ffffff; box-sizing:border-box; z-index: 99;}
.head_wrap{height:80px;}
.logo a, .logo img{display:block;}
.navigation{margin-left:40px;}
.filst_menu{margin-right:27px;}
.filst_menu button font{display:none;}
.filst_menu button{display:block; width:26px; height:24px; box-sizing:border-box; border:0; background:#fff; border:1px solid #d2d9e4; filter: drop-shadow(0px 3px 2px rgba(229, 232, 237, 0.80)); font-size:0; border-radius:2px; position:relative;}
.filst_menu button span{display:block; background:#292B2E; height:2px; border-radius:2px; width:12px; left:50%; position:absolute; margin-left:-6px;}
.filst_menu button span.check01{top:5px;}
.filst_menu button span.check02{width:8px; top:10px;}
.filst_menu button span.check03{top:15px;}
.filst_menu button.active span{top: 47%; left: 50%; margin-left: -32%; right:auto; width:100%; width:16px;}
.filst_menu button.active span.check01{transform: rotate( -45deg ) }
.filst_menu button.active span.check02{display:none;}
.filst_menu button.active span.check03{transform: rotate( 45deg ) }
.dep01 {position:relative; width:160px; max-width:100%;}
.dep01 > a{display:flex; align-items: center; justify-content: center; height:80px; line-height:1.5; font-size: 16px; font-weight: 700; letter-spacing: -0.24px; color:#292B2E; text-align: center;}
.dep02 {
	display: none;
	position: absolute;
	top: calc(100% - 3px);
	left: 0;
	width: 100%;
	border-top: 3px solid #3b4da8;
	background-color: #ffffff;
	z-index: 99;
}
.dep02.active {display: block;}
.dep02 a {
	display: block;
	padding: 17px 0;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}
.dep02 li:hover a {
	color: #3b4da8;
	font-weight: 700;
}
.camera .pagination_inner {
	position: absolute;
	left: 50%;
	margin-left:-700px;
	bottom: 50px;
	max-width: 1400px;
	width:100%;
	z-index: 99;
}
.camera .swiper-pagination {
	display: inline-flex;
	position: absolute;
	right:0; left:auto;
	bottom: 0;
	width:auto;
	text-align: left; color:#fff;
	background-color: rgba(0,0,0,0.5); font-size:13px; padding:6px 12px;
	border-radius: 25px;
}
.swiper-pagination-total{display:inline-block; padding-left:10px; margin-left:10px; position:relative;}
.swiper-pagination-total:before{content:''; width:1px; background:#fff; height:8px; position:absolute; left:0; top:50%; margin-top:-4px;}
.camera .swiper-pagination .swiper-pagination-bullet {
	display: block !important;
	width:35px;
	height:auto;
	margin: 0 12px;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	line-height: 35px;
	border-radius: 50%;
	opacity: 1;
	text-align: center;
	background-color: transparent;
}
.camera .swiper-pagination .swiper-pagination-bullet-active {
	font-weight: 700;
	background-color: #144d92;
}
.m_visual .brochure_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,.56);
	z-index: 99;
}

/* .main_search{width:184px; border-bottom:2px solid #000; }
.main_search input[type="text"]{width:calc(100% - 16px); border:0; height:21px;}
.main_search button{border:0; background:url('/images/search.svg') center center no-repeat;; font-size:0; width:16px; height:16px;} */

.head_sub_menu .dp_flex_wauto > div{margin-left:20px;}
.head_sub_menu .dp_flex_wauto div button{display:block; border:0; width:24px; height:24px; font-size:0;}
.head_sub_menu .dp_flex_wauto .mypage_list {position: relative;}
.head_sub_menu .dp_flex_wauto .mypage_list button {background:url('/images/login.png') center center no-repeat;}
.head_sub_menu .dp_flex_wauto .lang_ico button {background:url('/images/lang.png') center center no-repeat;}
/* .head_sub_menu .dp_flex_wauto div:nth-child(1) button{background:url('/images/cart.svg') center center no-repeat;}
.head_sub_menu .dp_flex_wauto div:nth-child(2) button{background:url('/images/payment.svg') center center no-repeat;}
.head_sub_menu .dp_flex_wauto div:nth-child(3) button{background:url('/images/login.svg') center center no-repeat;} */
/* .head_sub_menu .dp_flex_wauto div:nth-child(4) button{background:url('/images/lang.svg') center center no-repeat;} */
.head_sub_menu .dp_flex_wauto .usermenu_list {
	display: none;
}
.head_sub_menu .dp_flex_wauto .usermenu_list {
	display:none;
	position:absolute;
	top:calc(100% + 15px);
	left:50%;
	transform: translateX(-50%);
	width:100px;
	padding:10px 0;
	background-color:#fff;
	box-shadow: 0px 6px 22.8px 1.2px rgba(0, 0, 0, 0.26);
	z-index:10;
}
.head_sub_menu .dp_flex_wauto .usermenu_list.open {
	display: block;
}
.head_sub_menu .dp_flex_wauto .usermenu_list:before {
	content:'';
	display:block;
	position:absolute;
	top:-4px;
	left:50%;
	transform: translateX(-50%) rotate(45deg);
	width:8px;
	height:8px;
	background-color:#ffffff;
}
.head_sub_menu .dp_flex_wauto .usermenu_list a {
	display:block;
	width:100%;
	padding:10px 0;
	font-size:14px;
	color:#999999;
	text-align: center;
}
.head_sub_menu .dp_flex_wauto .usermenu_list a:hover {
	font-weight: 500;
	color: #333;
}

.lang_box {
	flex: 0 0 auto;
	position: relative;
	margin-left: auto;
}
.lang_box .lang_btn {
	width:90px;
	height:80px;
	font-size: 0;
	background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}
.lang_box .lang_list {
	display:none;
	position:absolute;
	top:calc(100% + 15px);
	left:50%;
	margin-left:-65px;
	width:130px;
	padding:10px 0;
	background-color:var(--white-basic-color);
	box-shadow: 0px 6px 22.8px 1.2px rgba(0, 0, 0, 0.26);
	z-index:10;
}
.lang_box .lang_list.open {
	display: block; background:#fff;
}
.lang_box .lang_list:before {
	content:'';
	display:block;
	position:absolute;
	top:-4px;
	left:50%;
	transform: translateX(-50%) rotate(45deg);
	width:8px;
	height:8px;
	background-color:#ffffff;
}
.lang_box a {
	display:block;
	width:100%;
	height:34px;
	font-size:1.4rem;
	color:#999999;
	text-align: center;
}
/* .lang_box a:hover {
	color:var(--primary-sub-color000);
} */
.lang_box .lang_list a.korean{
    background: url(/images/lang_01.png) no-repeat center center;
}
.lang_box .lang_list a.korean:hover{
    background: url(/images/lang_hover_01.png) no-repeat center center;
}
.lang_box .lang_list a.english{
    background: url(/images/lang_02.png) no-repeat center center;
}
.lang_box .lang_list a.english:hover{
    background: url(/images/lang_hover_02.png) no-repeat center center;
}
.lang_box .lang_list a.china{
    background: url(/images/lang_03.png) no-repeat center center;
}
.lang_box .lang_list a.china:hover{
    background: url(/images/lang_hover_03.png) no-repeat center center;
}
.lang_box .lang_list a.japan{
    background: url(/images/lang_04.png) no-repeat center center;
}
.lang_box .lang_list a.japan:hover{
    background: url(/images/lang_hover_04.png) no-repeat center center;
}
.lang_box .lang_list a.mongolia{
    background: url(/images/lang_05.png) no-repeat center center;
}
.lang_box .lang_list a.mongolia:hover{
    background: url(/images/lang_hover_05.png) no-repeat center center;
}
.lang_box .lang_list a.french{
    background: url(/images/lang_06.png) no-repeat center center;
}
.lang_box .lang_list a.french:hover{
    background: url(/images/lang_hover_06.png) no-repeat center center;
}
.lang_box .lang_list a.russia{
    background: url(/images/lang_07.png) no-repeat center center;
}
.lang_box .lang_list a.russia:hover{
    background: url(/images/lang_hover_07.png) no-repeat center center;
}
.lang_box .lang_list a.thailand{
    background: url(/images/lang_08.png) no-repeat center center;
}
.lang_box .lang_list a.thailand:hover{
    background: url(/images/lang_hover_08.png) no-repeat center center;
}
.lang_box .lang_list a.vietnam{
    background: url(/images/lang_09.png) no-repeat center center;
}
.lang_box .lang_list a.vietnam:hover{
    background: url(/images/lang_hover_09.png) no-repeat center center;
}
.lang_box .lang_list a.malaysia{
    background: url(/images/lang_10.png) no-repeat center center;
}
.lang_box .lang_list a.malaysia:hover{
    background: url(/images/lang_hover_10.png) no-repeat center center;
}
.lang_box .lang_list a.indonesia{
    background: url(/images/lang_11.png) no-repeat center center;
}
.lang_box .lang_list a.spanish{
    background: url(/images/lang_12.png) no-repeat center center;
}
.lang_box .lang_list a.german{
    background: url(/images/lang_13.png) no-repeat center center;
}
.lang_box .lang_list a.arabic{
    background: url(/images/lang_14.png) no-repeat center center;
}


.read_more{display:block; padding-right:24px; color:#292b2e; font-size:18px; background:url('/images/read_more_list.svg') center right no-repeat;}

.visual_btn{display:flex; align-items: center; justify-content: space-between; width:140px; height:38px; line-height:38px; border-bottom:2px solid #fff;   box-sizing:border-box;  color:#fff; font-size:18px;}
.visual_btn:after{content:''; display:inline-block; width:24px; height:19px; background:url('/images/arrow_small.png') center center no-repeat; vertical-align:middle; margin-left:5px;}

.product_list.col2 li{width:calc(50% - 13px);}
.product_list.col4 li{width:calc(25% - 20px);}

.product_list{gap:26px;}
.product_list li{background:#fff; border-radius:6px; overflow:hidden; box-shadow: 0px 4px 6px 0px #E3E6EC;}
.product_list a, .product_list img{display:block; width:100% !important; height:auto !important;}
.best_product_img + div{width:calc(100% - 204px)}
.product_list_txt_wrap{padding:30px 20px 40px;}
.product_list_title{color:#292B2E; font-size:24px; font-weight:700; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.product_list_txt{margin-top:10px; font-size:18px; color:#828382; line-height:1; letter-spacing:-0.05em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_list_star{margin-top:13px; min-height:14px;}
.product_price_box {display: flex; align-items: center; margin-top:10px;}
.product_price_box .original_price {margin: 0 7px; font-size: 13px; color: #999; text-decoration: line-through;}
.product_price_box .rate {font-size:20px; font-weight: 700; color:#f60739}
.product_list_price{ font-size:18px; line-height:1; color:#292b2e; font-weight:700;}
.product_list_price span{display:inline-block; font-size:18px; color:#828382; font-weight:400;}

.star_wrap{display:flex; gap:5px;}
.product_list_star > span{font-size:16px; color:#292b2e; margin-left:5px;}
.star{width:14px; height:14px; display:block; background-size:100%;}
.star.star_off{background:url('/images/star_off.svg') center center no-repeat;}
.star.star_on{background:url('/images/star_on.svg') center center no-repeat;}

footer{background: linear-gradient(90deg, rgba(14,65,148,1) 0%, rgba(173,134,26,1) 100%); }
.footer_menu{background:#253961; padding:15px 0;}
.footer_menu li + li{padding-left:22px; margin-left:22px; position:relative;}
.footer_menu li + li:before{content:''; display:block; background:rgba(242, 242, 242, 0.50); width:1px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px; }
.footer_menu a{display:block; color:#fff; font-size:14px; letter-spacing:-0.03em;}

.footer_content{padding-top:36px; padding-bottom:110px; color:#DFDFDF; font-size:16px; font-weight:300;}
.footer_content a{color:#dfdfdf;}
.footer_content h2{font-size: 18px; font-weight: 700; color:#fff;}
.footer_content_txt > div{margin-top:5px;}
.footer_content_txt > div.dp_flex > div + div{position:relative; margin-left:12px; padding-left:12px;}
.footer_content_txt > div.dp_flex > div + div:before{content:''; display:block; background: rgba(242, 242, 242, 0.50); position:absolute; width:1px; height:10px; left:0; top:50%; margin-top:-5px;}
.footer_content li + li{margin-top:5px;}



/*checkbox*/
.checkbox_style01{position:relative;}
.checkbox_style01 input[type="checkbox"]{width:0px; height:0px; position:absolute; left:-9999px;}
.checkbox_style01 input[type="checkbox"] + label{display:block; font-size:16px; color:#292b2e; line-height:24px; padding-left:30px;}
.checkbox_style01.fs0 input[type="checkbox"] + label{font-size:0; padding-left:0; width:20px; height:20px;}
.checkbox_style01 input[type="checkbox"] + label:before{content:''; display:block; border:1px solid #bababa; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:#fff;}
.checkbox_style01 input[type="checkbox"]:checked + label:before{background:#569AD6 url('/images/sub/input_btn_icon.svg') center center no-repeat; border:0; background-size:14px;}

/*radio*/
.radio_style01{position:relative;}
.radio_style01 input[type="radio"]{width:0px; height:0px; position:absolute; left:-9999px;}
.radio_style01 input[type="radio"] + label{display:block; font-size:16px; color:#292b2e; line-height:24px; padding-left:30px; background:#fff;}
.radio_style01 input[type="radio"] + label:before{content:''; display:block; border:1px solid #bababa; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; border-radius:50%;}
.radio_style01 input[type="radio"]:checked + label:before{background:#569AD6 url('/images/sub/input_btn_icon.svg') center center no-repeat; border:0; background-size:14px;}


.full_menu{position:absolute; top:81px; left:0; right:0; background:#F8F8F8; z-index:10; display:none;}
.full_menu.active{display:block; overflow:hidden;}

.full_menu h3{background:#fff; text-align:center; padding-top:37px; width:136px; color:#292B2E; font-size:20px;}
.full_menu_list{flex-wrap:wrap; padding-top:38px; padding-left:85px; padding-bottom:35px; margin-top:-59px;}
.full_menu_list > div{width:20%;margin-top:59px;}
.full_menu_section{min-width:120px; max-width: calc(100% - 30px);}
.full_menu_section h4{color:#292B2E; font-size:16px; font-weight:700; letter-spacing:-0.03em;}
.full_menu_section ul{border-top:1px solid #000; margin-top:6px;}
.full_menu_section ul li{margin-top:14px; }
.full_menu_section ul li a{letter-spacing:-0.05em; color:#292B2E; font-size:16px;}

.mobile_btn{display:none;}
.mobile_menu_wrap{display:none;}

.preview_img{position:relative; padding-top:60%; overflow:hidden;}
.preview_img img{position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%, -50%);}

@media screen and (max-width:1440px){
.inner{padding-left:20px; padding-right:20px;}

.main_fav_product .product_list{width:46%;}
.dep01 + .dep01{margin-left:28px;}
}

@media screen and (max-width:1330px){

}

@media screen and (max-width:1200px){
.navigation{display:none;}
.mobile_btn{display:block; margin-right:20px;}
.mobile_menu_wrap.active{display:block;}
.mobile_btn button{display: block; font-size: 0; width: 24px; height: 24px; z-index: 2; background: transparent; border: 0; position:relative;}
.mobile_btn button span{background: #000; position: absolute; left: 0; right: 0; height: 2px;}
.mobile_btn button span.span01{top:2px;}
.mobile_btn button span.span02{top:50%; margin-top:-1px;}
.mobile_btn button span.span03{bottom:2px;}

.mobile_sub_menu{margin-top:16px; margin-bottom:16px;}
.mobile_menu_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.60); z-index:100;}
.mobile_menu_list{background:#fff; height:100%; width:50%; box-sizing:border-box; padding:24px 20px;}
.mobile_menu_section h4{font-size: 16px; font-style: normal; font-weight: 700; color:#6a6a6a; height:36px; line-height:36px; padding:0 5px; background:url('/images/m_menu_arrow_off.svg') right 5px center no-repeat; cursor:pointer;}
.mobile_menu_section ul{display:none;}
.mobile_menu_section.active h4{background:#EFF2F7 url('/images/m_menu_arrow_on.svg') right 5px center no-repeat; color:#3A7BB5;}
.mobile_menu_section.active ul{display:block;}
.mobile_menu_section li a{display:block; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; padding:10px; line-height:1;}
.mobile_menu_section li a.active{color:#3A7BB5; }
.mobile_menu_section li + li a {padding-top:0;}

.mobile_menu_section{border-bottom:1px solid #DEDEDE;}
.mobile_menu_section ul{border-top:1px solid #DEDEDE;}

.mobile_sub_menu > div{gap:12px;}
.mobile_sub_menu > div > div{flex:auto;}
.mobile_sub_menu button{width:100%; height:36px; border:0; border-radius:4px;}

.m_login a{display:block; padding-left:24px; position:relative; font-size:13px; color:#3A7BB5;}
.m_login a:before{content:''; display:block; background:url('/images/mobile_login.svg') center center no-repeat; width:20px; height:20px; border-radius:4px; border:1px solid #CFD3DC; position:absolute; left:0; top:50%; margin-top:-10px; box-sizing:border-box;}
.m_lang button{display:block; border:0; background:transparent; padding-left:24px; font-size:13px; color:#3a7bb5; position:relative;}
.m_lang button:before{content:''; display:block; background:url('/images/mobile_lang.svg') center center no-repeat; width:20px; height:20px; border-radius:4px; border:1px solid #CFD3DC; position:absolute; left:0; top:50%; margin-top:-10px; box-sizing:border-box; background-size:15px;}

.mobile_menu_close button{border:0; background:transparent;}

.logo img{width:120px;}

}

@media screen and (max-width:1100px){
.footer_content{padding-bottom:36px;}
.footer_content > .dp_flex{display:block;}
.footer_content > .dp_flex > div + div{margin-top:40px;}

}


@media screen and (max-width:960px){
.product_list_title{font-size:20px;}
.product_list_txt{font-size:16px;}
.product_list_txt_wrap{padding:20px;}
.product_list a, .product_list img{max-width:none; width:100%;}
.lang_box .lang_btn{width:auto; height:auto; font-size:13px;}
.lang_box a{background-size:90px !important; height:22px;}
.lang_box .lang_list{width:90px; margin-left:-45px;}


}

@media screen and (max-width:640px){
.lang_box .lang_list{right:0; left:auto; margin-left:0;}
.lang_box .lang_list:before{display:none;}
/*.head_sub_menu > div > div:nth-child(1), .head_sub_menu > div > div:nth-child(2), .head_sub_menu > div > div:nth-child(3){display:none;}*/
.head_sub_menu .dp_flex_wauto > div{margin-left:12px;}
.product_list_title{font-size:17px; letter-spacing:-0.05em;}
.mobile_btn{margin-right:10px;}
.product_list_txt_wrap{padding:15px;}
.product_list_star{margin-top:6px;}
.product_list_star > span{font-size:15px;}
.product_list_price{font-size:18px; width:100%; margin:5px 0}
.product_price_box {flex-wrap: wrap; margin-top: 10px;}
.product_price_box .original_price {font-size:13px; margin:0; margin-right: 10px;}
.product_price_box .rate {font-size:18px;}
.read_more{font-size:14px; background-size:12px; padding-right:18px;}
.logo img{width:100px;}
.main_search{width:110px;}

.mobile_menu_list{width:80%;}

}