@charset "utf-8";

.microsite_ver2 {background-color:#f8f9fa; color:#222; font-size:18px;}
.microsite_ver2 header {margin:0 auto; padding:20px 50px 30px; box-shadow:0 2px 5px 0 rgba(0,0,0,.12); background-color:#fff;}
.microsite_ver2 header .company {bottom:auto; top:30px;}
.microsite_ver2 header .company img {height:30px;}
.microsite_ver2 main {box-shadow:0 2px 5px 0 rgba(0,0,0,.12); background-color:#f1f6ff; padding-bottom:0;}
.microsite_ver2 h2 {font-size:44px; line-height: 1.3em; font-weight: 400; color: #ff5a00; padding:30px; background: #fff; text-align:center; letter-spacing:0.05em;}
.microsite_ver2 li {width:100%; float:inherit; padding:40px; border-top:1px solid rgba(255,255,255,0.6);}

.microsite_ver2 .vi {color:#fff; background: url('https://img.etnews.com/2023/microsite/infobip/bg_vi.jpg') no-repeat center top; background-size:cover;}
.microsite_ver2 .vi img {width:100%;}
.microsite_ver2 .vi > div {width:40%; }
.microsite_ver2 .vi .fl_left {width:60%; }
.microsite_ver2 .vi p {font-size:18px; line-height:1.4em; margin-top:5px;}
.microsite_ver2 .vi strong {font-size:27px; line-height:1.3em; letter-spacing:-0.02em; margin-bottom:10px; color:#fff; display:block;}
.microsite_ver2  li > strong {font-size:27px; line-height:1.4em; letter-spacing:-0.02em; margin-bottom:20px; color:#333E48; display:block;}
.microsite_ver2 .vi .hashtag span {display:inline-block; padding:3px 5px 3px 0; border-radius:2px; margin-top:10px; margin-right:20px; font-weight:400; letter-spacing:-0.01em; line-height:1em;}
.microsite_ver2 .vi .hashtag span::before {content:'#'; color:#ff5a00; margin-right:4px; font-weight:200;}
.microsite_ver2 .vi .hashtag span:hover {box-shadow:inset 0 30px 0 #ff5a00;}

.microsite_ver2 .wp {background:#fff;}
.microsite_ver2 .wp strong {display:block; margin-bottom:5px; font-size:25px; color:#ff5a00; word-break: keep-all; position:relative;}
.microsite_ver2 .wp .fl_left {width:25%;}
.microsite_ver2 .wp .fl_left img {width:100%;}
.microsite_ver2 .wp .fl_right {width:75%;}
.microsite_ver2 .wp .fl_right p {margin-top:10px; font-size:17px;}
.microsite_ver2 .wp + .wp {border:none; padding-top:10px;}
.microsite_ver2 .wp .fl_left img {width: 100%;	height: auto; border: 1px solid rgba(0,0,0,0.2);	box-shadow: 5px 5px 0 rgb(0 0 0 / 5%);}

.microsite_ver2 .wp .btn_download {font-size:18px; background:#fff; border:1px solid #000; color:#000; padding:15px 30px; line-height:1em; margin-top:20px; display:inline-block; border-radius:55px; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: .2s ease; }
.microsite_ver2 .wp .btn_download:hover {text-decoration:none; color:#fff; background:#ff5a00; border:1px solid #ff5a00; }
.microsite_ver2 .wp .btn_download > * {vertical-align:middle;}

.microsite_ver2 .partner {text-align:center; background-color:rgb(238, 242, 252);}
.microsite_ver2 .partner .thumb {width:120px; height:120px; display: inline-block; border-radius: 100%; overflow: hidden; box-shadow: 0 8px 8px rgba(0,0,0,0.15); margin-bottom:-25px;}
.microsite_ver2 .partner .thumb img {width:100%; height:auto;}
.microsite_ver2 .partner strong {display:block; margin-bottom:10px;}
.microsite_ver2 .partner strong span {font-weight:normal;}
.microsite_ver2 .partner p {background: #fff; padding:30px; border-radius: 20px; word-break: keep-all;}
.microsite_ver2 .partner p span {display:block; margin-bottom:10px; letter-spacing: -0.02em;}
.microsite_ver2 .partner a {display:block; margin-top:20px; padding:20px; color:#fff; background:#171717; border-radius:10px; box-shadow: 0 8px 8px rgba(0,0,0,0.15); transition: .2s ease;}
.microsite_ver2 .partner a:hover {background:#000; text-decoration:none; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }

.microsite_ver2 .bnr_event {padding:0;}
.microsite_ver2 footer { background: #ddd; width: auto; max-width: 1100px;  position: relative; padding: 10px; bottom: 0;}
.microsite_ver2 footer small {color:#777;}
.thumb_movie {cursor:pointer;}

@media screen and (max-width: 700px) {
	.microsite_ver2 header {padding:20px 20px 30px;}
	.microsite_ver2 header .company img {height:25px;}
	.microsite_ver2 li {margin-bottom:0; padding:40px 30px;}
	.microsite_ver2 .vi > div {width:100%; padding:0;}
	.microsite_ver2 .vi .fl_left {width:100%; margin-bottom:20px;}
	.microsite_ver2 .wp .fl_left, .microsite_ver2 .wp .fl_right {width:100%; padding: 0; text-align: center;}
	.microsite_ver2 .wp .fl_left img {max-width:300px;}
	.microsite_ver2 .wp .btn_download {width:100%; max-width:300px; padding:20px 30px; margin-top:15px;}
	.microsite_ver2 .wp strong {display:block; margin:20px 0 10px; position:relative;}
	.microsite_ver2 .wp .fl_right img,	.microsite_ver2 .ebook .fl_left img {max-width:400px; margin-top:20px;}

	
}