@import url('/home//2020/onlinekbeauty/style.css');

.main-visual .visual-box.vis01 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_01_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis02 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_02_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis03 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_03_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis04 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_04_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis05 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_05_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis06 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_06_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis07 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_07_en.jpg') no-repeat center center;}
.main-visual .visual-box.vis08 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_08_en.jpg') no-repeat center center;}
.mainQuickWrap .mainQuickImgArea {width: 19%;}

.main_page .logos > a:nth-child(6n) {margin-left: 2.33rem !important;}

.infoList > li > b {display:table-cell; width: 25%; }

/* sub */
.reportArea .downbox { padding: 0.6rem; font-size: 0.8rem; }

/*=====================my page=========================================*/
.mypageArea .mypageContentsArea .mpBtn.infoModifyBtn:last-child {line-height: 4rem;}


/*=====================online exhibition 3d ver=========================================*/
.fairmenu13300 .com_subtitle{display: none;}
.fairmenu13300 #container{border:none;}
.fairmenu13300 #con_container{max-width: 100%;padding:0;}

.online3dArea{position: relative;width:100%;height:100%;}
.online3dArea .bgWrap{position: relative;padding-bottom: 50.4%;overflow: hidden;background: #99989a;}
.online3dArea .btnWrap{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);}
.online3dArea .btnWrap .btn{position:absolute;top:40%;left:50%;width:10%;height:10%;transform:translateX(-50%);}
.online3dArea .btnWrap .btn img{display:block;}
.online3dArea .btnWrap .btn img.hover{display:none;position:absolute;top:0;left:0;}
.online3dArea .btnWrap .btn:hover img{display:none;}
.online3dArea .btnWrap .btn:hover img.hover{display:block;}

.online3dArea .btnWrap .btn:nth-of-type(1){width: 7%; height: 16%;transform: translateX(-485%);}
.online3dArea .btnWrap .btn:nth-of-type(2){width: 10%; height: 6.5%;transform: translateX(-241%);}
.online3dArea .btnWrap .btn:nth-of-type(3){top: 39.5%; width: 16%; height: 14%;transform: translateX(-50%);}
.online3dArea .btnWrap .btn:nth-of-type(4){ width: 12%; height: 5%; transform: translateX(127%);}
.online3dArea .btnWrap .btn:nth-of-type(5){top: 70%;  width: 8%; height: 3%; transform: translateX(-427%);}
.online3dArea .btnWrap .btn:nth-of-type(6){ top: 70%; width: 11%; height: 3%; transform: translateX(-224%);}
.online3dArea .btnWrap .btn:nth-of-type(7){top: 69%; width: 4%; height: 6%; transform: translateX(517%);}
.online3dArea .btnWrap .btn:nth-of-type(8){top: 69%; width: 4%; height: 6%; transform: translateX(714%);}
.online3dArea .btnWrap .btn:nth-of-type(9){top: 69%; width: 5%; height: 5%; transform: translateX(719%);}

/*=====================//online exhibition 3d ver=========================================*/


/* buyer program */


@media only screen and (max-width:780px){
    .buyerArea .roundBorder{word-break: break-all;}
    .buyerArea .roundBorder li{padding: 0.5rem;}
	.main-visual .visual-box.vis01 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_01_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis02 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_02_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis03 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_03_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis04 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_04_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis05 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_05_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis06 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_06_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis07 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_07_en.jpg') no-repeat center center;}
	.main-visual .visual-box.vis08 {background:url('/home/2020/onlinekbeauty/image/2022_main_visual_m_08_en.jpg') no-repeat center center;}
	.mainQuickWrap{ flex-wrap: wrap; justify-content: normal}
	.mainQuickWrap .mainQuickImgArea {width: 33.3%; padding: 0.5%; margin-bottom: 0;}
}