<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

.pinkpoint { display: inline-block; padding-left: 30px; /*background: url("/images/adMain/2021/main/sec_tit_icon.png") no-repeat center top;*/ width: 18px; height: 70px; } 

@media screen and (max-width: 480px) { 
 .pinkpoint { padding-left: 10px; /*background: url("/images/adMain/2021/main/sec_tit_icon.png") no-repeat center top;*/ width: 18px; height: 60px; } 
 } 

.dio-bg { background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; } 
.dio-bg .overlay { z-index: 0; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); } 
 
.dio-video { overflow: hidden; } 
 

 .dio-video a { 
 z-index: 1001; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 margin-top: -45px; 
 margin-left: -45px; 
 width: 90px; 
 height: 90px; 
 display: table; 
 text-align: center; 
 background: #fff; 
 -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -webkit-border-radius: 50%; 
 -moz-border-radius: 50%; 
 -ms-border-radius: 50%; 
 border-radius: 50%; } 
 .dio-video a i { text-align: center; display: table-cell; vertical-align: middle; font-size: 40px; } 
 .dio-video .overlay { 
position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 background: rgba(0, 0, 0, 0.5); 
 -webkit-transition: 0.5s; 
 -o-transition: 0.5s; 
 transition: 0.5s; } 
 .dio-video:hover .overlay { 
 background: rgba(0, 0, 0, 0.7); } 
 .dio-video:hover a { 
 -webkit-transform: scale(1.1); 
 -moz-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 -o-transform: scale(1.1); 
 transform: scale(1.1); } 
 
 /*MainVisual*/
#dio-mainvisual { position: relative; width:100%; height:100%; min-height:100vh; } 
#dio-mainvisual .mv_text { position: absolute; z-index: 2; right:15vw; top:15vh; text-align: right; } 
#dio-mainvisual .mv_text h1 { font-size: 72px; line-height:150%; text-transform: uppercase; color:#fefefe; font-weight:400; /*text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1)*/ } 
#dio-mainvisual .u-a1 { font-size: 18px; color: #252525; font-weight: 600; text-align: center; } 
#dio-mainvisual .u-b2 { font-size: 13px; opacity: 1; color: rgba(255, 255, 255, 0.7); font-weight: 400; margin-bottom: 0; text-align: center; } 
#dio-mainvisual .o-section { min-height: 100vh; display: flex; justify-content: center; } 
#dio-mainvisual .c-hotspot-image { width:100%; max-width:100%;}
#dio-mainvisual .c-hotspot-image__visual { position: relative; z-index: 1; top: 0%; } 
#dio-mainvisual .c-hotspot-image__visual img { display: block; width:100%; height: 100%; } 
#dio-mainvisual .c-hotspot-image__visual img.mobile_only { display: none; } 
#dio-mainvisual .c-hotspot-image__hotspots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } 
#dio-mainvisual .c-hotspot-image__hotspots canvas { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 4; } 
#dio-mainvisual .c-hotspot { pointer-events: initial; position: absolute; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; top: 50vh; left: 50vw; } 
#dio-mainvisual .c-hotspot__circle { display: inline-block; margin: 0 auto; width: 20px; height: 20px; position: relative; } 
#dio-mainvisual .c-hotspot__circle-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; 
 border-radius: 100px; 
 color: #ffffff; 
 text-decoration: none; 
 background: rgba(255, 255, 255, 0.2); 
 transition: all 0.3s ease-in-out; 
 animation: pulse 1.4s infinite; 
 } 
#dio-mainvisual .c-hotspot__text { pointer-events: none; display: block; position: absolute; left: 0; top: 100%; min-width: 160px; } 
#dio-mainvisual .c-hotspot__text article { line-height: 100%; opacity: 0; padding:10px 10px; background: rgba(255, 255, 255, 0.1); transform: translateY(-50%) translateX(25%); } 
#dio-mainvisual .c-hotspot__text .u-a1 { margin-bottom: 0.4em; opacity: 0; margin-left: 0px; transform-origin: left; visibility: hidden; transform: rotate(-1.5deg); transition: all 0.3s ease-out; } 
#dio-mainvisual .c-hotspot__text .u-b2 { opacity: 0; visibility: hidden; transform-origin: left; transform: translateY(10px) rotate(2.5deg); transition: all 0.3s 0.1s ease-out; } 
#dio-mainvisual .c-hotspot--1 .c-hotspot__text { top: auto; bottom: 200%; left: -75%; } 
#dio-mainvisual .c-hotspot--top .c-hotspot__text { top: auto; bottom: 200%; } 
#dio-mainvisual .c-hotspot--bottom .c-hotspot__text { top: auto; bottom: 200%; left: -75%; } 
#dio-mainvisual .c-hotspot--bottom .c-hotspot__text article { transform: translateY(50%) translateX(25%); } 
#dio-mainvisual .c-hotspot--3 .c-hotspot__text { left: -100%; } 
#dio-mainvisual .c-hotspot--4 .c-hotspot__text { left: -100%; top:-500%; } 
#dio-mainvisual .c-hotspot:hover .c-hotspot__circle-inner { animation: none; } 
#dio-mainvisual .c-hotspot:hover .c-hotspot__text article { opacity: 1; visibility: visible; transform: rotate(0); } 
#dio-mainvisual .c-hotspot:hover .c-hotspot__text { opacity: 1; visibility: visible; transform: rotate(0); } 
#dio-mainvisual .c-hotspot:hover .u-a1 { opacity: 1; visibility: visible; transform: rotate(0); } 
#dio-mainvisual .c-hotspot:hover .u-b2 { opacity: 1; visibility: visible; transform: translateY(0) rotate(0); } 

@keyframes pulse { 
 0% { 
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); 
 } 
 70% { 
 box-shadow: 0 0 0 20px rgba(216, 32, 43, 0); 
 } 
 100% { 
 box-shadow: 0 0 0 0 rgba(216, 32, 43, 0); 
 } 
 } 


@media screen and (max-width: 1484px) { 
 #dio-mainvisual { width:100%; height:100%; min-height:100vh; background: #121212; } 
 #dio-mainvisual .mv_text { right:10vw; top:15vh; } 
 #dio-mainvisual .mv_text img { width: 60%; margin-bottom: 1vh; } 
 #dio-mainvisual .mv_text h1 { font-size: 3.8vw; } 
 } 

@media screen and (max-width: 1200px) { 
 #dio-mainvisual { width:100%; height:100%; min-height:100vh; } 
 #dio-mainvisual .mv_text { right:10vw; top:200px; text-align: right; } 
 #dio-mainvisual .mv_text img { width: 60%; margin-bottom: 1vh; } 
 #dio-mainvisual .mv_text h1 { font-size: 5vw; } 
 #dio-mainvisual .c-hotspot-image__visual img { display: block; width:100%; } 
 #dio-mainvisual .c-hotspot-image__visual img.pc_only { display:none; } 
 #dio-mainvisual .c-hotspot-image__visual img.mobile_only { display: block; } 
 #dio-mainvisual .c-hotspot-image__hotspots { display: none; } 
 } 
@media screen and (max-width: 820px) { 
 #dio-mainvisual { min-height:500px; max-height: 900px; } 
 #dio-mainvisual .mv_text { top:150px; text-align: right; } 
 } 


@media screen and (max-width: 480px) { 
 #dio-mainvisual { min-height: 300px; max-height: 420px; } 
 #dio-mainvisual .mv_text { top:15vh; text-align: right; } 
 } 



 /*// MainVisual*/
 
 .dio-bg-section { background: rgba(0, 0, 0, 0.05); } 

 /*Digital Innovation*/
 .digital-section { background:url("/images/adMain/2021/main/sec_digital_bg.jpg") no-repeat top center; height: 1100px; padding-top:10vh; } 
 .digital-section .circle { 
 position: absolute; 
 z-index: 3; 
 margin: 0 auto; 
 width: 300px; 
 height: 300px; 
 border: 3px solid #54cdff; 
 border-radius: 50%; 
 /*border-radius: 60% 45% 70% 65%/45% 55% 70% 30%; */
 animation: rotate 10s infinite; 
 } 
.digital-section .c_center { 
 animation-direction: reverse; 
 } 
.digital-section .c_last { 
 animation-delay: 1s; 
 } 
@keyframes rotate { 
 0% { 
 transform: rotate(0deg); 
 } 
 100% { 
 transform: rotate(360deg); 
 } 
 } 
 .digital-section h2 { font-size: 80px; font-weight: 600; } 
 .digital-section p { font-size: 30px; font-weight: 400; color: #296198; line-height: 120%; } 

 @media screen and (max-width: 1700px) { 
 .digital-section h2 { font-size: 5vw; } 
 .digital-section p { font-size: 1.5vw; } 
 } 

 @media screen and (max-width: 992px) { 
 .digital-section { background:url("/images/adMain/2021/main/sec_digital_moblie.jpg") no-repeat top center; background-size:100%; max-height: 1100px; } 
 .digital-section h2 { font-size: 8vw; } 
 .digital-section p { font-size: 3vw; } 
 .digital-section .futuremap { display: none; } 
 } 

/*// Digital Innovation*/

.first_vision_wrap { position: relative; width:100%; height:100%; min-height:100vh; } 
.first_vision_wrap .diotext { position: absolute; z-index: 9; top:55vh; right: 0; opacity: 0.25; letter-spacing: -0.05em; font-size: 25vw; font-weight: 800; color:#bdbcbc; /*text-shadow: -1px 0 #373737, 0 1px #373737, 1px 0#373737, 0 -1px #373737; */ } 

/*first*/
.first-section { position: relative; background: #121212; min-height: 100vh; width:100%; height: 100%; padding-top:150px; } 
.first-section h2 { text-align: left; font-size:110px; color: #121212; text-shadow: -1px 0 #919191, 0 1px #919191, 1px 0#919191, 0 -1px #919191; 
 text-transform: uppercase; /*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ffffff; */letter-spacing: 0em; font-weight: 700; } 
.first-section h2 span { color: #ffffff; text-shadow: none; } 
.first-section .dioimg { margin-top: 14vh; } 
.first-section p { font-size: 1.5vw; color: #ffffff; letter-spacing: 0; text-align:right; } 

.first-section canvas { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; } 

.first-section .mask { position: absolute; z-index: 2; background: white; height: 100vh; width: 100vw; mix-blend-mode: screen; /* display: none; */ } 

.first-section svg { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 


@media screen and (max-width:1700px) { 
 .first-section { max-height: 90vh; } 
 .first_vision_wrap .diotext { display:none; } 
 .first-section .dioimg { margin-top: 0vh; width: 80%; } 
 .first-section h2 { font-size: 6vw; } 
 .first-section p { font-size: 2vw; text-align:center; } 
 } 

@media screen and (max-width:1480px) { 
 .first-section { min-height:500px; max-height: 1000px; padding: 150px 0vw; } 
 
 } 

@media screen and (max-width:992px) { 
 .first-section { min-height:500px; max-height: 900px; padding: 150px 5vw; } 
 .first-section h2 { font-size: 7vw; } 
 .first-section p { font-size: 3vw; text-align:center; } 
 } 

@media screen and (max-width:768px) { 
 .first-section { padding-top: 0vh; } 
 .first-section h2 { font-size: 12vw; } 
 .first-section p { font-size: 3vw; text-align:center; } 
 } 
@media screen and (max-width:480px) { 
 .first_vision_wrap { min-height:100vh; } 
 .first-section { min-height:500px; padding:50px 5vw; } 
 .first-section h2 { font-size: 12vw; } 
 .first-section p { font-size: 3vw; text-align:center; } 
 } 
/*// Humanity*/

/*Vision*/
.vision-section { position: relative; width:100%; height:100%; min-height:100vh; margin:8vw 0; padding: 5vh 10vw; background: #fff; } 
.vision-section .text_bg { position: absolute; top:50vh; font-size: 150px; color: #ebebeb; line-height: 100%; font-weight: 700; z-index: 2; } 
.vision-section .vision_img { z-index: 3; text-align: center; } 
.vision-section .vision_img .vs01 { position: absolute; right:15vw; top: 36vh; background: url("/images/adMain/2021/main/sec_vision_img01.png") no-repeat center center; width: 397px; height: 397px; z-index: 3; } 
.vision-section .vision_img .vs02 { position: absolute; right:0vw; top: 12vh; background: url("/images/adMain/2021/main/sec_vision_img02.png") no-repeat center center; width: 397px; height: 397px; z-index: 3; } 
.vision-section .vision_img .vs03 { position: absolute; right:0vw; top: 60vh; background: url("/images/adMain/2021/main/sec_vision_img03.png") no-repeat center center; width: 397px; height: 397px; z-index: 3; } 
.vision-section .vision_img p { font-size: 24px; text-align: center; font-weight: 700; color: #ffffff; padding: 7vw 0 0 1vw; } 
.vision-section .vision_img p span { display: block; font-size: 18px; line-height: 120%; font-weight: 400; padding-top:1vh; } 
.vision-section h2 { font-size: 80px; color: #121212; font-weight: 700; text-align:left; padding-bottom: 10px; } 
.vision-section p { font-size: 36px; color: #121212; font-weight: 700; letter-spacing: -0.03em; text-align:left; line-height:130%; } 
.vision-section p.vision_txts { font-size: 24px; color: #121212; font-weight: 400; letter-spacing: -0.03em; text-align:left; line-height:130%; } 

@media screen and (max-width:1600px) { 
 .vision-section { margin:2vw; padding-top:10vh; } 
 .vision-section .text_bg { font-size: 9vw; } 
 .vision-section h2 { font-size: 7vw; } 
 .vision-section p { font-size: 2vw; } 
 .vision-section .vision_img .vs01 { right:15vw; top: 30vh; width: 397px; height: 397px; } 
 .vision-section .vision_img .vs02 { right:0vw; top: 6vh; width: 397px; height: 397px; } 
 .vision-section .vision_img .vs03 { right:0vw; top: 54vh; width: 397px; height: 397px; } 
 .vision-section .vision_img p { font-size: 3vw; padding: 8vw 0 0 1vw; } 
 .vision-section .vision_img p span { font-size: 1.5vw; line-height: 120%; padding-top:1vh; } 
 } 
@media screen and (max-width:1200px) { 
 .vision-section { min-height: 110vh; } 
 .vision-section .vision_img .vs01 { right:32%; top: 54vh; width: 397px; height: 397px; } 
 .vision-section .vision_img .vs02 { right:0%; top: 32vh; width: 397px; height: 397px; } 
 .vision-section .vision_img .vs03 { right:0%; top: 74vh; width: 397px; height: 397px; } 
 } 

@media screen and (max-width:991px) { 
 .vision-section { min-height: 140vh; padding: 5vh 5vw; } 
 .vision-section .text_bg { display: none; } 
 .vision-section h2 { font-size: 8vw; } 
 .vision-section p { font-size: 3.5vw; } 
 .vision-section .vision_img .vs01 { right:25%; top: 70vh; } 
 .vision-section .vision_img .vs02 { right:25%; top: 36vh; } 
 .vision-section .vision_img .vs03 { right:25%; top: 104vh; } 
 .vision-section .vision_img p { font-size: 5vw; padding: 12vw 0 0 2vw; letter-spacing: 0; } 
 .vision-section .vision_img p span { font-size: 2vw; line-height: 120%; padding-top:1vh; } 
 .vision-section p.vision_txts { font-size: 3vw; } 
 } 

@media screen and (max-width:768px) { 
 .vision-section { min-height: 170vh; padding: 5vh 5vw; } 
 .vision_wrptext { width:120%; margin-top:50px; } 
 .vision-section .vision_img .vs01 { left:10%; right:10%; top: 45vh; } 
 .vision-section .vision_img .vs02 { left:10%; right:10%; top: 85vh; } 
 .vision-section .vision_img .vs03 { left:10%; right:10%; top: 125vh; } 
 } 
@media screen and (max-height:375px) { 
 .vision-section { min-height: 320vh; padding: 5vh 5vw; } 
 .vision_wrptext { width:120%; margin-top:50px; } 
 .vision-section .vision_img .vs01 { right:5%; top: 330px; } 
 .vision-section .vision_img .vs02 { right:5%; top: 550px; } 
 .vision-section .vision_img .vs03 { right:5%; top: 770px; } 
 } 

@media screen and (max-width:480px) { 
 .vision-section { min-height: 190vh; } 
 .vision-section h2 { font-size: 13vw; width: 100%; min-width: 320px; line-height: 100%; } 
 .vision-section p { font-size: 5vw; } 
 .vision-section h2 br { display: none; } 
 .vision-section .vision_img .vs01 { left:-12vw; right:0vw; top: 40vh; background-size:90% 90%; } 
 .vision-section .vision_img .vs02 { left:-12vw; right:0vw; top: 80vh; background-size:90% 90%; } 
 .vision-section .vision_img .vs03 { left:-12vw; right:0vw; top: 120vh; background-size:90% 90%; } 
 .vision-section .vision_img p { font-size: 8vw; padding: 30vw 0 0 3vw; letter-spacing: 0; } 
 .vision-section .vision_img p span { font-size: 4vw; line-height: 120%; padding-top:1vh; } 
 .vision-section p.vision_txts { font-size: 3.2vw; } 
 } 
/*// Vision*/

/*Business*/
.business-section { position: relative; width:100%; height:100%; min-height:100vh; } 
section#slider { width: 100%; margin: 25.4vh auto; } 
section#slider span.nowrap { white-space: nowrap; } 
section#slider .slider-wrapper { float: left; width: 72vw; padding: 0; } 
section#slider .scroll-wrapper { width: 100%; overflow-x: hidden; } 
section#slider ul { padding: 0; width:max-content; margin-right: 30vw; margin-left: 0; margin-bottom: 0; } 
section#slider li.slider { display: inline-block; position: relative; width: 24.6vw; margin-right: 2vw; } 
section#slider li.slider img { margin: 5px 25px; display: block; height: auto; max-width: 100%; background: rgba(0, 0, 0, 1) } 
section#slider span.slider-name, span.slider-title { display: block; position: absolute; color: #fff; line-height: 1.1; left: 4vw; letter-spacing: -0.03em; } 
section#slider span.slider-number { display: block; position: absolute; color:#fff; right: 1vw; font-weight: 600; bottom: 1vw; font-size: 80px; } 
section#slider span.t_black { color: #121212; } 
section#slider span.slider-name { font-weight: 600; top: 4vw; font-size: 36px; margin-top:10px; } 
section#slider span.slider-title { font-weight: 400; top: 2.5vw; font-size: 16px; } 
section#slider a.view_btn { display: none; /*border: 1px solid #fff; padding:1vw; display: block; position: absolute; color:#fff; left: 3vw; font-weight: 200; bottom: 3vw; font-size: 0.8vw; */ } 
section#slider .more-slider { float: right; width:25%; padding: 1vh 2%; border-top: 4px solid #121212; border-bottom: 1px solid #121212; } 
section#slider .more-slider h4 { color: #121212; width:100%; font-weight: 700; letter-spacing: -2px; font-size:58px; line-height: 100%; padding: 100px 0px 25px 0px; margin-bottom: 130px; margin-top: 8px; } 
section#slider .more-slider h4 span { padding-left: 30px; /*background: url("/images/adMain/2021/main/sec_tit_icon.png") no-repeat center top;*/ width: 18px; height: 70px; } 
section#slider .more-slider p { padding-bottom: 2vh; font-size: 18px; line-height: 100%; } 
section#slider .slide-controls { color: #121212; font-weight: 300; padding-bottom: 18vh; } 
section#slider .slide-controls div.slider-previous { float: left; cursor: pointer; width: 47px; height: 24px; background: url("/images/adMain/2021/main/system_arrow_l.png") no-repeat center; } 
section#slider .slide-controls div.slider-next { float: right; cursor: pointer; width: 47px; height: 24px; background: url("/images/adMain/2021/main/system_arrow_r.png") no-repeat center; } 
section#slider .slide-controls i { font-size: 26px; } 
section#slider .more-slider a.button { border: 1px solid #5896b0; max-width: 200px; color: #121212; margin-top: 6vw; } 
section#slider .more-slider a.button:hover { color: #fff; } 
section#slider .more-slider a.button:before { background: #5896b0; } 
section#slider ul a:hover { cursor:default; } 
section#slider .slider_over { background: rgba(0, 0, 0, 0.7); color: #ffffff; } 
section#slider .slider img:hover, section#slider .slider img:active { opacity: 1; color: #ffffff; cursor:default; } 

@media (max-width: 1400px) { 
section#slider li.slider { width: 24.5vw; margin-right: 2vw; } 
section#slider span.slider-name { font-size: 1.8vw; } 
section#slider span.slider-title { font-size: 0.9vw; } 
section#slider .more-slider p { font-size: 1vw; } 
section#slider span.slider-number { font-size: 4vw; } 
section#slider .more-slider h4 { font-size: 3vw; } 
 } 

@media (max-width: 1200px) { 
 .business-section { min-height:100%; } 
 section#slider { margin: 50vh auto 2vh auto; } 
section#slider .slider-wrapper { padding: 0px 0; } 
section#slider .slide-controls { color: #121212; font-weight: 300; padding-bottom: 8vh; } 
section#slider .more-slider h4 { font-size: 3vw; padding: 5vh 0 25px 0px; margin-bottom: 0; margin-top: 8px; } 
 } 
@media (max-width: 991px) { 
 section#slider { width: 100%; margin: 10vh auto 10vh auto; } 
section#slider .slider-wrapper { width: 100%; float: none; /*overflow-x: scroll; -webkit-overflow-scrolling: touch; */ } 
section#slider ul { padding: 0; width:100%; margin-right: 0vw; margin-left: 2.5vw; margin-bottom: 0; } 
section#slider li { float: none; width:50%; list-style: none; } 
section#slider li.slider { position: relative; width: 100%; margin-right: 0vw; } 
section#slider li.slider img { margin: 5px 25px; display: inline-block; height:100%; width: 90vw; max-width:100vw; } 
section#slider span.slider-title { left:9vw; top: 9vw; font-size: 3vw; } 
section#slider span.slider-name { left:9vw; top: 18vw; font-size: 5.7vw; } 
section#slider span.slider-number { display: block; position: absolute; color:#fff; right: 13vw; font-weight: 600; bottom: 1vw; font-size: 18vw; z-index: 99; } 
section#slider .more-slider h4 br, section#slider .slide-controls { display: none; } 
section#slider .more-slider a.button { margin-top: 0; } 
section#slider .more-slider { width: 100%; padding: 1vh 5%; } 
section#slider .more-slider h4 { font-size: 7vw; } 
section#slider .more-slider p { font-size: 2vw; } 
section#slider .more-slider p br { display: none; } 
section#slider .busi_w { display: inline-block; width: 50%; } 
section#slider .busi_w li img { width: 100%; } 
 } 
@media (max-width: 768px) { 
section#slider .more-slider h4 { font-size: 8vw; } 
 } 
@media (max-width: 480px) { 
 section#slider li.slider img { margin: 5px 10px; display: inline-block; height:100%; width: 90vw; max-width:100vw; } 
 section#slider .more-slider h4 { margin-left: 3vw; font-size: 10vw; } 
 section#slider li.slider { position: relative; width: 100%; margin-right: 0vw; } 
 section#slider .more-slider p { font-size: 4vw; margin-left: 3vw; } 
 section#slider span.slider-title { left:10vw; top: 14vw; font-size: 3.5vw; } 
 section#slider span.slider-name { left:10vw; top: 22vw; font-size: 9vw; letter-spacing: -0.05em; } 
 } 
/*// Business*/

/*Product2*/
.product2-slider-wrap { position: relative; width:100%; height:100%; min-height:100vh; } 
.product2-slider { width: 100%; margin:0 auto; padding: 0px; border-radius: 0px; transition: all 0.3s; } 
.product2-slider__item { position: relative; display: block; width: 100%; height: 901px; align-items: center; } 
.product2-slider__item .swiper-slide-active .product2-slider__img img { opacity: 1; transition-delay: 0.3s; } 
.product2-slider__item .swiper-slide-active .product2-slider__content &gt; * { opacity: 1; transform: none; } 
.product2-slider__img { display: block; opacity: 1; } 

.product2-slider__img { background: url('/images/adMain/2021/main/p01_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img2 { background: url('/images/adMain/2021/main/p02_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img3 { background: url('/images/adMain/2021/main/p03_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img4 { background: url('/images/adMain/2021/main/p04_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img5 { background: url('/images/adMain/2021/main/p05_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img6 { background: url('/images/adMain/2021/main/p06_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
.product2-slider__img7 { background: url('/images/adMain/2021/main/p07_bg01.jpg') no-repeat; width: 100%; height: 100%; max-height: 901px; opacity: 1; } 
 
.product2-slider__img img { width: 100%; height: 100%; display: block; opacity: 1; border-radius: 0px; transition: all 0.3s; } 
 
.product2-slider__content { margin: 0px auto; padding: 0 25px; width:100%; max-width: 1364px; height: 100%; max-height: 664px; } 
 
.slider2__simage01 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p01_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage02 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p02_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage03 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p03_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage04 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p04_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage05 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p05_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage06 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p06_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
.slider2__simage07 { width: 100%; height: 100%; background: url('/images/adMain/2021/main/p07_img01_.png')no-repeat center; box-shadow: 4px 13px 30px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s; } 
 
.product2-slider__content &gt; * { opacity: 1; transform: translateY(120px); transition: all 0.4s; } 
.product2-slider__content .slider-text01 { width: 45%; float: left; margin: 100px 90px; } 
.product2-slider__code { color: #c8c8c8; font-size: 30px; margin-bottom: 15px; display: block; font-weight: 200; letter-spacing:-0.5px; } 
.product2-slider__title { font-size: 80px; font-weight: 700; color: #121212; line-height: 100%; margin-bottom: 20px; letter-spacing: -0.5px; } 
.product2-slider__text { color: #121212; margin-bottom: 30px; font-size:1vw; line-height: 120%; font-weight: 600; } 
.product2-slider__button { display: inline-flex; background: url("/images/adMain/2021/common/link_icon.png") no-repeat center right; padding: 15px 25px 15px 0; color: #000; font-size: 0.8em; } 
.product2-slider__button_w { background: url("/images/adMain/2021/common/link_icon_white.png") no-repeat center right; padding: 15px 25px 15px 0; color: #fff; font-size: 0.8em; } 
.product2-slider__content .slider-img01 { width: 35%; margin: 180px 50px 30px 0; float: left; background: rgba(0, 0, 0, 0.8); height: 24.9vh; padding: 20px; transition: .5s; } 
.product2-slider__content .slider-img01 li { list-style: none; display: inline-block; padding-top: 30px; } 
.product2-slider__content .slider-img01 li.pstxt { width: 60%; vertical-align: top; padding-top: 30px; } 
.product2-slider__content .slider-img01 li.psimg { width: 30%; } 
.product2-slider__content .slider-img01 li.pstxt dd { color: #fff; font-size: 1.1em; letter-spacing:-0.05em; line-height:120%; padding:0px 0 10px 30px; margin-top:10px; background:url("/images/adMain/2021/main/check_icon.png") no-repeat top left; } 
.product2-slider__content .slider-img01 li.psimg img { width:100%; vertical-align: middle; } 
.product2-slider__content .slider-img01:hover { 
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .7); 
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .7); 
-ms-box-shadow: 0 10px 15px rgba(0, 0, 0, .7); 
-o-box-shadow: 0 10px 15px rgba(0, 0, 0, .7); 
box-shadow: 0 10px 15px rgba(0, 0, 0, .7); transition: .5s; cursor:pointer; } 
.product2-slider .txtwhite { color: #fff; } 
.product2-slider__text span { display:block; float:none; } 
.product2-slider__text span.award { display:inline-block; vertical-align: middle; } 
.product2-slider__text span.ml10 { margin-left: 10px; } 
.product2-slider .swiper-container-horizontal &gt; .swiper-pagination-bullets, .product2-slider .swiper-pagination-custom, .product2-slider .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } 
.product2-slider__pagination { position: absolute; z-index: 21; right: 20px; width: 11px !important; text-align: center; left: auto !important; top: 50%; bottom: auto !important; transform: translateY(-50%); } 
.product2-slider__pagination .swiper-pagination-bullet { margin: 8px 0; } 
.product2-slider__pagination .swiper-pagination-bullet { width: 11px; height: 11px; display: block; border-radius: 10px; background: #fff; opacity: 0.2; transition: all 0.3s; } 
.product2-slider__pagination .swiper-pagination-bullet-active { opacity: 1; background: #fb5f96; height: 30px; box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3); } 
.product2-slider__button:hover { text-decoration: underline; } 
.product2-slider__button_w:hover { text-decoration: underline; } 

@media screen and (max-width: 1400px) { 
.product2-slider__item { height: 601px; } 
.product2-slider__content &gt; * { transform: translateY(20px); } 
.product2-slider__content { height: 100%; max-height: 564px; } 
 } 
 @media screen and (max-width: 1200px) { 
 .product2-slider__item { height: 560px; } 
 .product2-slider__content &gt; * { transform: translateY(30px); } 
.product2-slider__content { height: 100%; max-height: 464px; } 
 .product2-slider__img { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img2 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img3 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img4 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img5 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img6 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img7 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 

 .product2-slider-wrap { min-height: 200vh; } 
 .product2-slider__content { margin: 0px auto; padding: 0 25px; width:100%; max-width:1200px; height: 100%; max-height: 500px; } 
 .product2-slider__content .slider-img01 { width: 35%; margin: 100px 50px 30px 0; height: 24.9vh; padding: 10px 20px; } 
 .product2-slider__content .slider-text01 { width: 40%; float: left; margin: 100px 90px; } 
 .product2-slider__code { font-size: 2vw; } 
 .product2-slider__title { font-size: 5vw; } 
 .product2-slider__content .slider-img01 li.pstxt dd { font-size: 1em; padding:0px 0 10px 30px; margin-top:0px; } 
 } 
 
 @media screen and (max-width: 1024px) { 
 .product2-slider__item { max-height: 751px; } 
 .product2-slider__img { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img2 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img3 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img4 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img5 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img6 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 
 .product2-slider__img7 { width: 100%; height: 100%; max-height: 1100px; opacity: 1; } 

 .product2-slider-wrap { min-height: 200vh; } 
 .product2-slider__content { margin: 0px auto; padding: 0 25px; width:100%; max-width:1200px; height: 100%; max-height: 500px; } 
 .product2-slider__content .slider-img01 { width: 35%; margin: 100px 50px 30px 0; height: 24.9vh; padding: 0.3vw; } 
 .product2-slider__content .slider-text01 { width: 40%; float: left; margin: 100px 90px; } 
 .product2-slider__code { font-size: 2vw; } 
 .product2-slider__title { font-size: 5vw; } 
 .product2-slider__content .slider-img01 li.pstxt dd { font-size: 1em; padding:0px 0 10px 30px; margin-top:0px; margin-left:10px; } 
 } 

 @media screen and (max-width: 992px) { 
 .product2-slider__item {height: 650px;} 
 .product2-slider__content { margin: 0px auto; padding: 0 25px; width:100%; max-width:992px; max-height:600px; } 
 .product2-slider__text { font-size:3vw; margin:0; padding:0 } 
 .product2-slider__content .slider-img01 { width: 90%; margin: 0px auto 30px 40px; height:22vh; padding: 0vw; } 
 .product2-slider__content .slider-img01 li { list-style: none; display: inline-block; padding-top: 30px; } 
 .product2-slider__content .slider-img01 li.pstxt { width: 60%; vertical-align: top; padding-top: 70px; } 
 .product2-slider__content .slider-img01 li.psimg { width: 30%; } 
 .product2-slider__content .slider-img01 li.pstxt dd { font-size: 4em; padding:0px 0 10px 30px; margin-top:10px; } 
 .product2-slider__content .slider-img01 li.pstxt dd br { display: none; } 
 .product2-slider__content .slider-img01 li.psimg img { width:60%; vertical-align: middle; } 
 .product2-slider__content .slider-text01 { width: 100%; float: left; margin: 30px 40px; } 
 .product2-slider__code { font-size: 3vw; } 
 .product2-slider__title { font-size: 5vw; } 
 .product2-slider__title br { display: none; } 
 .product2-slider__content .slider-img01 li.pstxt dd { font-size: 1.2em; line-height:120%; padding:0px 0 10px 30px; margin-top:0px; margin-left:20px; } 
 .product2-slider__button { display:block; width: 100%; } 
 .product2-slider__pagination { bottom: 30px; right:50%; width: 150px !important; text-align: center; left: 40% !important; top:95% } 
 .product2-slider__pagination .swiper-pagination-bullet { display: inline-block; margin: 0 5px; } 
 .product2-slider__pagination .swiper-pagination-bullet-active { height: 11px; width: 30px; } 
 } 

 @media screen and (max-width: 768px) { 
 .product2-slider__item { max-height: 551px; } 
 .product2-slider__content &gt; * { transform: translateY(50px); } 
 .product2-slider__content .slider-img01 { height:200px; } 
 .product2-slider__img { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img2 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img3 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img4 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img5 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img6 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 .product2-slider__img7 { width: 100%; height: 100%; max-height: 700px; opacity: 1; } 
 

 .product2-slider { height: auto; margin: 180px auto; } 
 .product2-slider__content { margin: 0px auto; padding: 0 10px; width:100%; max-width:768px; height: 100%; max-height: 450px; } 
 .product2-slider__content .slider-img01 { width: 90%; margin: 0px 20px 20px 20px; min-height:180px; padding: 0vw; } 
 .product2-slider__content .slider-img01 li.pstxt { width: 70%; vertical-align: top; padding: 40px 10px 10px 10px; } 
 .product2-slider__content .slider-img01 li.psimg { width: 20%; } 
 .product2-slider__content .slider-img01 li.psimg img { width:100%; vertical-align:middle; } 
 .product2-slider__content .slider-text01 { width: 100%; float: left; margin: 25px 50px 20px 50px; } 
 .product2-slider__title { font-size: 8vw; } 
 .product2-slider__button { padding: 0px 0px 0px 0; } 
 .product2-slider__item { flex-direction: column; height: 700px; } 
 .product2-slider__pagination { bottom: 10px; right:40%; width: 150px !important; text-align: center; left: 30% !important; top:98% } 
 .product2-slider__code { font-size: 2vw; letter-spacing: 0.03em; } 
 } 

 @media screen and (max-width: 576px) { 
 .product2-slider__item { max-height: 751px; } 
 .product2-slider__content .slider-img01 { width: 90%; margin: 0px 20px 20px 20px; height: 24.9vh; padding: 0vw; } 
 .product2-slider__content .slider-img01 li.pstxt { width: 65%; vertical-align: top; padding: 20px 10px 10px 0; } 
 .product2-slider__content .slider-img01 li.psimg { width: 25%; } 
 .product2-slider__img { width: 100%; } 
 .product2-slider__content { padding: 0; } 
 .product2-slider__button { width: 100%; } 
 } 
 @media screen and (max-width: 480px) { 
 .product2-slider { margin: 0px auto; } 
 .product2-slider__title { font-size: 8vw; } 
 .product2-slider__text { font-size:4vw; } 
 .product2-slider__content .slider-text01 { margin: 25px 20px 20px 20px; } 
 .product2-slider__text span.award img { width:70px; } 
 .product2-slider__content .slider-img01 ul { padding-left:20px; } 
 .product2-slider__content .slider-img01 li.psimg img { width:100%; } 
 .product2-slider__content .slider-img01 li.pstxt dd { font-size: 4vw; padding:0px 0 10px 30px; line-height:110%; margin-left:0px; } 
 .product2-slider__content .slider-img01 li.pstxt dd br { display: block; } 
 .product2-slider__code { font-size: 4vw; } 
 .product2-slider__title { font-size: 8vw; } 
 .product2-slider__img { background: none; } 
.product2-slider__img2 { background: none; } 
.product2-slider__img3 { background: none; } 
.product2-slider__img4 { background: none; } 
.product2-slider__img5 { background: none; } 
.product2-slider__img6 { background: none; } 
.product2-slider__img7 { background: none; } 
.slider2__simage01 { background-size:100%; background: url('/images/adMain/2021/main/p01_img01_.png')no-repeat right; } 
.slider2__simage02 { background-size:100%; background: url('/images/adMain/2021/main/p02_img01_.png')no-repeat left; } 
.slider2__simage03 { background-size:100%; } 
.slider2__simage04 { background-size:100%; } 
.slider2__simage05 { background-size:100%; } 
.slider2__simage06 { background-size:100%; } 
.slider2__simage07 { background-size:100%; } 
 .product2-slider__item { height: 500px; } 
 
 } 
 @media screen and (max-width: 375px) { 
 .product2-slider__content .slider-img01 { height:220px; } 
 }
/*// Product2*/

 /*rdcenter*/
 .dio-rdcenter { background: url("/images/adMain/2021/main/sec_rdcenter_bg.jpg") no-repeat center top; min-height: 1100px; } 
 .dio-rdcenter h2 { text-align: center; font-size: 72px; color: #fff; margin-top: 40px; font-weight: 700; } 
 
 .dio-rdcenter p { text-align: center; font-size: 24px; color: #fff; font-weight: 300; line-height: 120%; margin-bottom: 100px; } 
 .dio-rdcenter .services { position: relative; padding: 40px 30px 0 30px; margin-bottom: 30px; background:none; border: 1px solid #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .dio-rdcenter .services strong { font-weight: normal; color: #000; } 
 .dio-rdcenter .services h3 { font-weight: 400; } 
 .dio-rdcenter .services h3 a { color: #3f52e3; } 
 .dio-rdcenter .services p { font-size: 16px; letter-spacing: 0; } 
 .dio-rdcenter .services .icon { text-align: center; margin: 20px auto; width: 100px; height: 100px; display: table; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .dio-rdcenter .services .icon i { display: table-cell; vertical-align: middle; height: 100px; } 
 .dio-rdcenter .services .icon i.ii01 { background:url("/images/adMain/2021/main/sec_rdcenter_icon01.png") no-repeat center; } 
 .dio-rdcenter .services .icon i.ii02 { background:url("/images/adMain/2021/main/sec_rdcenter_icon02.png") no-repeat center; } 
 .dio-rdcenter .services:hover, .dio-rdcenter .services:focus { background: #3f52e3; color: rgba(255, 255, 255, 0.7); } 
 .dio-rdcenter .services:hover h3 a, .dio-rdcenter .services:focus h3 a { color: #fff; } 
 .dio-rdcenter .services:hover .icon i, .dio-rdcenter .services:focus .icon i { color: #fff; } 
 .dio-rdcenter .services:hover strong, .dio-rdcenter .services:focus strong { color: #fff; } 

 /*// rdcenter*/

 /*prcenter*/
 .dio-prcenter { background: url("/images/adMain/2021/main/sec_prcenter_bg.jpg") no-repeat bottom center; height: 100%; min-height: 1100px; background-color: #f7f7f7; } 
 .dio-prcenter h2 { margin-top:150px; text-align: center; font-size: 72px; font-weight: 700; color: #121212; } 
 .dio-prcenter p { text-align: center; font-size: 24px; color: #121212; font-weight: 300; line-height: 120%; margin-bottom: 50px; } 
 .dio-prcenter .services { position: relative; padding: 40px 20px 40px 20px; margin: 60px auto; background: #fff; border: 1px solid rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .dio-prcenter .services strong { font-weight: normal; color: #000; } 
 .dio-prcenter .services h3 { font-weight: 600; padding-bottom: 140px; } 
 .dio-prcenter .services h3 a { color: #121212; } 
 .dio-prcenter .services p { text-align: right; vertical-align: bottom; position: absolute; right: 40px; bottom: 0px; } 
 .dio-prcenter .services p a { font-size: 18px; color: #9c9c9c; } 
 .dio-prcenter .services .icon { text-align: center; margin: 0 auto; margin-bottom: 20px; width: 100px; height: 100px; display: table; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .dio-prcenter .services .icon i { display: table-cell; vertical-align: middle; height: 100px; } 
 .dio-prcenter .services .icon i.ii01 { background:url("/images/adMain/2021/main/sec_prcenter_icon01.png") no-repeat center; } 
 .dio-prcenter .services .icon i.ii02 { background:url("/images/adMain/2021/main/sec_prcenter_icon02.png") no-repeat center; } 
 .dio-prcenter .services .icon i.ii03 { background:url("/images/adMain/2021/main/sec_prcenter_icon03.png") no-repeat center; } 
 .dio-prcenter .services .icon i.ii04 { background:url("/images/adMain/2021/main/sec_prcenter_icon04.png") no-repeat center; } 
 .dio-prcenter .services:hover, .dio-prcenter .services:focus { background: #121212; color: rgba(255, 255, 255, 0.7); } 
 .dio-prcenter .services:hover h3 a, .dio-prcenter .services:focus h3 a { color: #fff; } 
 .dio-prcenter .services:hover .icon i, .dio-prcenter .services:focus .icon i { color: #fff; } 
 .dio-prcenter .services:hover strong, .dio-prcenter .services:focus strong { color: #fff; } 
 .dio-prcenter .videowrap { position: relative; padding: 0px; width:100%; max-width: 698px; min-height: 420px; margin: 60px auto; background:url("/images/adMain/2021/main/sec_prcenter_videoBg.jpg") no-repeat center top; border: 1px solid rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); 
 -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .dio-prcenter .videowrap .play_icon { width: 86px; height: 86px; z-index: 99; position: absolute; background:url("/images/adMain/2021/main/play_icon.png") no-repeat center top; left: 42%; top: 42%; } 
 /*// prcenter*/

/*global*/
.dio-global { position: relative; width:100%; height:100%; min-height:1100px; background: url("/images/adMain/2021/main/sec_global_bg.jpg") no-repeat bottom center; background-size:100% 100%;} 
.dio-global h2 { margin-top:180px; text-align: center; font-size: 5vw; font-weight: 700; color: #252525; padding: 0px 0 25px 0px; } 
.dio-global h2 span { padding-left: 30px; background: url("/images/adMain/2021/main/sec_tit_icon.png") no-repeat center top; width: 18px; height: 70px; } 
.dio-global p { text-align: center; font-size: 24px; color: #9c9c9c; font-weight: 400; line-height: 120%; margin-bottom: 50px; } 
.dio-global .gmap img { margin:1vh auto 4vh auto; width: 100%; } 
.dio-global .global_maptxt { max-width:300px; } 
.dio-global .global_maptxt ul { margin-bottom:150px; padding:20px; border: 1px solid #e5e5e5; } 
.dio-global .global_maptxt li.tit { margin-left:0px; font-size:18px; font-weight:600; color: #252525; list-style-type: none; } 
.dio-global .global_maptxt li { margin-left:20px; font-size:16px; font-weight:600; color: #ec6496; list-style-type: disc; } 
.dio-global .global_maptxt li.blue { color: #564899; list-style-type: disc; } 

.dio-global .map-container { 
 padding: 3.2rem 0.8rem; 
 position: relative; 
 display: inline-block; 
 } 
.dio-global .map-container img { 
 width: 100%; 
 } 
.dio-global .map-container .point { 
 cursor: pointer; 
 position: absolute; 
 width: 0.8rem; 
 height: 0.8rem; 
 background-color: #ec6496; 
 border-radius: 50%; 
 transition: all 0.3s ease; 
 will-change: transform, box-shadow; 
 transform: translate(-50%, -50%); 
 box-shadow: 0 0 0 rgba(0, 172, 193, 0.4); 
 animation: pulse 3s infinite; 
 } 
.dio-global .map-container .point_b { 
 cursor: pointer; 
 position: absolute; 
 width: 0.8rem; 
 height: 0.8rem; 
 background-color: #564899; 
 border-radius: 50%; 
 transition: all 0.3s ease; 
 will-change: transform, box-shadow; 
 transform: translate(-50%, -50%); 
 box-shadow: 0 0 0 rgba(0, 172, 193, 0.4); 
 animation: pulse 3s infinite; 
 } 
.dio-global .map-container .point:hover { 
 animation: none; 
 transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1); 
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); 
 } 
.dio-global .map-container .point_b:hover { 
 animation: none; 
 transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1); 
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); 
 } 

.dio-global .map-container .map-popup { 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 z-index: 99; 
 width: 50%; 
 padding: 2rem; 
 background-color: #fff; 
 transition: all 300ms ease-in; 
 transform: translate(-50%,-50%); 
 box-shadow: 0 0 24px rgba(0,0,0,0.22); 
 opacity: 0; 
 visibility: hidden; 
 } 
.dio-global .map-container .map-popup ul { margin: 0; padding: 10px 20px; } 
.dio-global .map-container .map-popup li { list-style-type: disc; margin: 0 0 0.5rem 0; font-size: 14px; color: #828282; line-height: 1.2; } 
.dio-global .map-container .map-popup li:last-child { margin: 0; } 
.dio-global .map-container .map-popup li.company { font-weight: 600; color: #ec6496; } 
.dio-global .map-container .map-popup li span { font-weight: 600; color: #828282; } 
.dio-global .map-container .map-popup li a { color: #828282; text-decoration: underline; } 

.dio-global .map-container .map-popup &gt; *:first-child { margin-top: 0; } 
.dio-global .map-container .map-popup &gt; *:last-child { margin-bottom: 0; } 
.dio-global .map-container .map-popup.open { opacity: 1; visibility: visible; } 
.dio-global .map-container .marker { 
 position: absolute; 
 margin-left:-3.5px; 
 margin-top:-4.5px; 
 padding:0; 
 z-index: 1; 
 display: inline-block; 
 width: 0.8rem; 
 height: 0.8rem; 
 color: #fff; 
 line-height: 0.8rem; 
 text-align: center; 
 text-decoration: none; 
 border-radius: 50%; 
 background-color: #ec6496; 
 transition: all 300ms; 
 animation: pulse 3s infinite; 
 } 
.dio-global .map-container .mk_blue { background-color: #564899 } 

.dio-global .map-container .taiwan { top: 49%; left: 37.8%; } 
.dio-global .map-container .canada { top: 28.6%; left: 74.5%; } 
.dio-global .map-container .india { top: 49.9%; left: 26.4%; } 
.dio-global .map-container .thailand { top: 51.9%; left: 32.5%; } 
.dio-global .map-container .vietnam { top: 53.2%; left: 34.3%; } 
.dio-global .map-container .mexico { top: 49%; left: 75.3%; } 
.dio-global .map-container .usa { top: 40.9%; left: 71.6%; } 
.dio-global .map-container .italy { top: 39.4%; left: 10.4%; } 
.dio-global .map-container .portugal { top: 39%; left: 4.6%; } 
.dio-global .map-container .ukraine { top: 32.6%; left: 13.4%; } 
.dio-global .map-container .czech { top: 34.2%; left: 10.3%; } 
.dio-global .map-container .hungary { top: 36%; left: 11.2%; } 
.dio-global .map-container .france { top: 35.6%; left: 6.7%; } 
.dio-global .map-container .germany { top: 31.95%; left: 7.3%; } 
.dio-global .map-container .poland { top: 31.9%; left: 11%; } 
.dio-global .map-container .turkey { top: 40%; left: 16%; } 
.dio-global .map-container .russia { top: 24%; left: 36%; } 
.dio-global .map-container .china { top: 39.7%; left: 35.4%; } 
.dio-global .map-container .japan { top: 41.9%; left: 42.5%; } 
.dio-global .map-container .australia { top: 73.3%; left: 45.4%; } 

@keyframes pulse2 { 
 0% { 
 box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5); 
 } 
 70% { 
 box-shadow: 0 0 0 25px rgba(0, 172, 193, 0); 
 } 
 100% { 
 box-shadow: 0 0 0 0 rgba(0, 172, 193, 0); 
 } 
 } 
@media screen and (max-width: 1400px) { 
.dio-global { background-size: cover; }
.dio-global .global_maptxt li.tit { font-size:1vw; } 
.dio-global .global_maptxt li { font-size:0.8vw; } 
 } 
@media screen and (max-width: 1299px) { 
 .dio-global h2 { margin-top:100px; font-size: 7vw; padding: 10px 0 25px 0px; } 
 .dio-global .global_maptxt { max-width:300px; } 
 .dio-global .global_maptxt ul { margin-left:50px; margin-bottom:150px; } 
 .dio-global .global_maptxt li.tit { font-size:1.5vw; } 
 .dio-global .global_maptxt li { font-size:1vw; } 
 .dio-global .map-container .point { display:none; } 
 .dio-global .map-container .point_b { display:none; } 
 .dio-global p br { display:none; } 

 } 

@media screen and (max-width: 992px) { 
 .dio-global h2 { font-size: 9vw; padding: 10px 0 25px 0px; } 
 .dio-global p br { display:none; } 
 .dio-global .global_maptxt { max-width:80%; } 
 .dio-global .global_maptxt ul { margin-left:50px; margin-bottom:150px; } 
 .dio-global .global_maptxt li.tit { font-size:3vw; } 
 .dio-global .global_maptxt li { font-size:2vw; } 

 } 
@media screen and (max-width: 768px) { 
 .dio-global { min-height:900px; } 
 .dio-global h2 { margin-top:100px; font-size: 9vw; } 
 .dio-global .map-container .map-popup { position: absolute; left: 0%; right: 0%; margin: 0 auto; width: 90%; transform: translateY(-50%); } 
 .dio-global .map-container .map-popup:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -16px; width: 0; height: 0; } 
 } 

@media screen and (max-width: 480px) { 
 .dio-global { margin-top:0; width:100%; height:100%; min-height:100vh; } 
 .dio-global h2 {margin-top:100px; font-size: 13vw; padding: 10px 0 25px 0px; } 
 .dio-global p { font-size: 4vw; } 
 .dio-global .global_maptxt ul { margin-left:20px; margin-bottom:150px; } 
 .dio-global .global_maptxt li.tit { font-size:4vw; } 
 .dio-global .global_maptxt li { font-size:3vw; } 
 .dio-global .gmap img { margin:0vh auto 0vh auto; width: 100%; } 

 } 

/*// global*/

/*DIA*/
.sec-dia { position: relative; width:100%; height:100%; min-height: 1080px; background: url("/images/adMain/2021/main/sec_dia_bg.png") no-repeat center; background-size:100% 100%; } 
.sec-dia .dia_wrap { display: flex; width: 70%; margin: 0 auto; padding-top: 10%; } 
.sec-dia .dia_wrap .diaTitle { font-size: 130px; color: #ffffff; font-weight: 700; line-height: 100%; word-break: keep-all; } 
.sec-dia .dia_wrap .diaBtnarea { width: 50%; margin-top: 80px; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn { position: relative; margin-left: 71%; padding-top: 50px; width: 168px; height: 168px; font-size: 26px; border: 1px solid #ffffff; border-radius: 100%; color: #ffffff; text-align: center; font-weight: 600; transition: 0.8s; 
 -webkit-animation: bounce-top 2s ease-in-out infinite both; 
 animation: bounce-top 2s ease-in-out infinite both; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn .btn_arrow { margin: 0 auto; width: 96px; height: 14px; background: url(/images/adMain/2021/main/sec_dia_arrow.png) no-repeat center; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn:hover .btn_arrow { margin: 0 auto; width: 96px; height: 14px; background: url(/images/adMain/2021/main/sec_dia_arrow_bk.png) no-repeat center; } 
@-webkit-keyframes bounce-top { 
 0% { 
 -webkit-transform: translateY(-45px); 
 transform: translateY(-45px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 opacity: 1; 
 } 
 24% { 
 opacity: 1; 
 } 
 40% { 
 -webkit-transform: translateY(-24px); 
 transform: translateY(-24px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 65% { 
 -webkit-transform: translateY(-12px); 
 transform: translateY(-12px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 82% { 
 -webkit-transform: translateY(-6px); 
 transform: translateY(-6px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 93% { 
 -webkit-transform: translateY(-4px); 
 transform: translateY(-4px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 25%,
 55%,
 75%,
 87% { 
 -webkit-transform: translateY(0px); 
 transform: translateY(0px); 
 -webkit-animation-timing-function: ease-out; 
 animation-timing-function: ease-out; 
 } 
 100% { 
 -webkit-transform: translateY(0px); 
 transform: translateY(0px); 
 -webkit-animation-timing-function: ease-out; 
 animation-timing-function: ease-out; 
 opacity: 1; 
 } 
 } 
@keyframes bounce-top { 
 0% { 
 -webkit-transform: translateY(-45px); 
 transform: translateY(-45px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 opacity: 1; 
 } 
 24% { 
 opacity: 1; 
 } 
 40% { 
 -webkit-transform: translateY(-24px); 
 transform: translateY(-24px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 65% { 
 -webkit-transform: translateY(-12px); 
 transform: translateY(-12px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 82% { 
 -webkit-transform: translateY(-6px); 
 transform: translateY(-6px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 93% { 
 -webkit-transform: translateY(-4px); 
 transform: translateY(-4px); 
 -webkit-animation-timing-function: ease-in; 
 animation-timing-function: ease-in; 
 } 
 25%,
 55%,
 75%,
 87% { 
 -webkit-transform: translateY(0px); 
 transform: translateY(0px); 
 -webkit-animation-timing-function: ease-out; 
 animation-timing-function: ease-out; 
 } 
 100% { 
 -webkit-transform: translateY(0px); 
 transform: translateY(0px); 
 -webkit-animation-timing-function: ease-out; 
 animation-timing-function: ease-out; 
 opacity: 1; 
 } 
 } 

.sec-dia .dia_wrap .diaBtnarea .diaBtn:hover, .sec-dia .dia_wrap .diaBtnarea .diaBtn:focus { box-shadow: inset 375px 0 0 0 #ffffff; color: #252525; cursor: pointer; transition: 0.8s; -webkit-animation: bounce-top 2s ease-in-out both; 
    animation: bounce-top 2s ease-in-out both;} 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt { margin-left: 34%; margin-top: 40px; font-size: 40px; color: #C4C4C4; letter-spacing: 9px; } 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt span { width: 209px; border-bottom: 1px solid #ffffff; font-size: 0; } 


@media screen and (max-width:1500px) { 
.sec-dia { background-size: cover; }
.sec-dia .dia_wrap { display: block; width: 80%; padding-top: 10%; } 
.sec-dia .dia_wrap .diaBtnarea { width: 100%; margin-top: 80px; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn { float: right; margin-left: 10%; } 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt { float: right; margin-left: 0%; } 
 } 
@media screen and (max-width:991px) { 
.sec-dia .dia_wrap { width: 90%; padding-top: 20%; } 
.sec-dia .dia_wrap .diaTitle { font-size: 13vw; } 
.sec-dia .dia_wrap .diaBtnarea { width: 100%; margin-top: 80px; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn { float: right; margin-left: 10%; padding-top: 40px; width: 128px; height: 128px; font-size: 2vw; } 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt { float: right; margin-left: 0%; margin-top: 40px; font-size: 4vw; letter-spacing: 9px; } 
 } 
@media screen and (max-width:768px) { 
.sec-dia .dia_wrap { width: 88%; padding-top: 20%; } 
.sec-dia .dia_wrap .diaTitle { font-size: 15vw; } 
.sec-dia .dia_wrap .diaBtnarea { width: 100%; margin-top: 80px; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn { font-size: 3vw; } 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt { font-size: 5vw; letter-spacing: 9px; } 
 } 
 @media screen and (max-width:480px) { 
.sec-dia { position: relative; width:100%; height:100%; min-height: 900px; }
.sec-dia .dia_wrap { padding-top: 30%; } 
.sec-dia .dia_wrap .diaBtnarea { width: 100%; margin-top: 80px; } 
.sec-dia .dia_wrap .diaBtnarea .diaBtn {float: none; font-size: 4.5vw; position:relative; right:-50%; bottom:-100px;} 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt { float: none; font-size: 7vw; letter-spacing: 5px; position:relative; top:-200px;} 
.sec-dia .dia_wrap .diaBtnarea .diaSubtxt span { width: 30%; } 
 } 
 #dio-about,
 .dio-rdcenter,
 #dio-contact,
 #dio-footer { 
 padding: 7em 0; 
 clear: both; } 
 
 @media screen and (max-width: 768px) { 
 .digital-section,
 .dio-rdcenter,
 .dio-prcenter,
 #dio-footer { 
 padding: 3em 0; } 
 } 
 
 #dio-intro,
 #dio-content,
 #dio-newsletter { 
 display: -webkit-box; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: -webkit-flex; 
 display: flex; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-flex-wrap: wrap; 
 -moz-flex-wrap: wrap; 
 width: 100%; 
 float: left; } 
 
 #dio-content .video, #dio-content .choose, #dio-newsletter .video, #dio-newsletter .choose { display: inline-block; } 

 
 
 #dio-content .video, #dio-newsletter .video { display: table; width: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } 
 
 #dio-content .choose, #dio-newsletter .choose { width: 50%; padding: 140px 40px; } 
 
 #dio-content .choose-form, #dio-newsletter .choose-form { background: #fff; } 
 #dio-content .choose-form .dio-heading, #dio-newsletter .choose-form .dio-heading { margin-bottom: 40px; } 
 #dio-content .choose-form .dio-heading h2 { color: #121212; } 
 
 #dio-newsletter .dio-heading { margin:15% 10% 0 15%; } 
 #dio-newsletter .dio-heading h2 { font-size: 86px; font-weight: 700; color: #fff; padding: 0px 25px 0px 0px; /*background: url(/images/adMain/2021/main/sec_tit_icon.png) no-repeat 100% 55%; */} 
 #dio-newsletter .dio-heading p { font-size: 24px; color: #9c9c9c; } 
 #dio-newsletter h5 { font-size: 24px; font-weight:600; color: #121212; padding-left: 15px; } 
 #dio-newsletter h5 span { padding-left: 30px; background: url("/images/adMain/2021/main/sec_tit_icon.png") no-repeat center top; width: 18px; height: 70px; } 
 #dio-content .choose-form label, #dio-newsletter .choose-form label { color: #121212; font-weight: 400; padding:0; line-height:120%; } 
 #dio-content .choose-form .form-control,
 #dio-newsletter .choose-form .form-control { -webkit-box-shadow: none; box-shadow: none; background: transparent; border: 2px solid #e5e5e5; font-size: 20px; font-weight: 400; color: #121212; } 
 #dio-content .choose-form .form-control:active, #dio-content .choose-form .form-control:focus,
 #dio-newsletter .choose-form .form-control:active,
 #dio-newsletter .choose-form .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #2f89fc; } 

.aggreeBox { position: relative; padding-top:50px; width: 100%; } 
.aggreeBox h2 { margin-bottom: 60px; font-size: 24px; color: #111111; font-weight: 800; } 
.aggreeBox .checkbox { padding:30px; } 
.aggreeBox .checkbox label { font-size: 16px; } 
.aggreeBox .checkbox input[type="checkbox"] { padding:0; margin-top:4px; } 
.aggreeBox .textScroll { overflow-y: auto; height: 200px; padding: 30px; border: 1px solid #e1e1e1; } 
.aggreeBox .textScroll .tit { margin-bottom: px; font-size: 20px; color: #111111; } 
.aggreeBox .textScroll .tit2 { margin-bottom: 20px; font-size: 18px; color: #111111; font-weight: 800; } 
.aggreeBox .textScroll .text { margin-bottom: 20px; font-size: 16px; color: #999999; } 
.aggreeBox .textScroll .text + .text { margin-top: -60px; } 
.aggreeBox .textScroll .text:last-child { margin-bottom: 0; } 
.aggreeBox .btn { display: block; width: 280px; height: 70px; margin-top: 50px; border-radius: 0; color: #fff; font-size: 20px; text-align: center; line-height: 70px; background: #22266e; } 
@media screen and (max-width: 1400px) { 
#dio-newsletter .dio-heading h2 { font-size: 5vw; } 
 } 
@media screen and (max-width: 992px) { 
 #dio-content .video, #dio-content .choose, #dio-newsletter .video, #dio-newsletter .choose { width: 100% !important; } 
 #dio-newsletter .dio-heading { margin:20% 10% 0 10%; } 
 #dio-newsletter .dio-heading h2 { font-size: 9vw; font-weight: 700; color: #fff; } 
 #dio-newsletter .dio-heading p { margin-bottom:50px; } 
 #dio-newsletter h5 { font-size: 3.5vw; padding-left: 15px; } 
 #dio-content .choose-form label, #dio-newsletter .choose-form label { font-size:3vw; } 
 .aggreeBox .textScroll .tit { font-size: 3vw; } 
.aggreeBox .textScroll .tit2 { font-size: 2.5vw; } 
.aggreeBox .textScroll .text { font-size: 2.2vw; } 
.aggreeBox .checkbox input[type="checkbox"] { padding:10px; margin-top:9px; } 
#dio-newsletter .btn { font-size: 3vw; } 
 } 

@media screen and (max-width: 480px) { 
#dio-content .choose, #dio-newsletter .choose { width: 50%; padding: 50px 40px; } 
#dio-newsletter .dio-heading h2 { font-size: 13vw; line-height:110%; background: url(/images/adMain/2021/main/sec_tit_icon.png) no-repeat 100% 50%; } 
#dio-newsletter h5 { font-size: 5vw; padding-left: 15px; } 
#dio-content .choose-form label, #dio-newsletter .choose-form label { font-size:4vw; } 
 .aggreeBox .textScroll { line-height:120%; } 
 .aggreeBox .textScroll .tit { font-size: 4vw; } 
.aggreeBox .textScroll .tit2 { font-size: 3.5vw; } 
.aggreeBox .textScroll .text { font-size: 3.2vw; } 
.aggreeBox .checkbox input[type="checkbox"] { padding:10px; margin-top:3px; } 
#dio-newsletter .btn { font-size: 5vw; } 
#dio-newsletter p { line-height:120%; } 

 } 


 .progress-bar { background-color: #3f52e3 !important; font-size: 14px; } 
 
 #dio-intro { z-index: 0; padding-bottom: 7em; } 
 
 .third-col { padding: 2em; margin-top: -40px; z-index: 1; width: 50%; background: #6c7ae9; color: #fff; position: relative; overflow: hidden; } 

 @media screen and (max-width: 768px) { 
 .third-col { width: 100% !important; } 
 } 
 .third-col h2, .third-col h3 { color: #fff; font-weight: 700; } 
 .third-col.third-col-color { background: #3f52e3; } 
 .third-col .icon { position: absolute; top: 0px; left: -10%; } 
 .third-col .icon i { font-size: 200px; color: rgba(255, 255, 255, 0.05); } 
 
 .services { position: relative; padding: 30px; margin-bottom: 60px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.07); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .services strong { font-weight: normal; color: #000; } 
 .services h3 { font-weight: 400; } 
 .services h3 a { color: #3f52e3; } 
 .services .icon { text-align: center; margin: 0 auto; margin-bottom: 20px; width: 70px; height: 70px; display: table; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
 .services .icon i { display: table-cell; vertical-align: middle; height: 70px; font-size: 60px; line-height: 40px; color: #3f52e3; } 
 .services:hover, .services:focus { background: #3f52e3; color: rgba(255, 255, 255, 0.7); } 
 .services:hover h3 a, .services:focus h3 a { color: #fff; } 
 .services:hover .icon i, .services:focus .icon i { color: #fff; } 
 .services:hover strong, .services:focus strong { color: #fff; } 
 
 
 
 .features { margin-bottom: 3em; width: 100%; float: left; } 
 
 .dio-heading { margin-bottom: 5em; } 
 .dio-heading.dio-heading-sm { margin-bottom: 2em; } 
 .dio-heading h2 { font-size: 30px; margin-bottom: 20px; line-height: 1; color: #000; font-weight: 400; } 
 .dio-heading p { font-size: 18px; line-height: 1.5; color: #828282; } 
 .dio-heading span { display: block; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; } 
 .dio-heading.dio-heading2 h2 { font-size: 50px; font-weight: 700; line-height: 1; } 
 .dio-heading.dio-heading2 p { font-size: 24px; margin-bottom: 40px; } 
 
 
 
.uppercase { font-size: 14px; color: #000; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; } 
 
.btn { margin-right: 4px; margin-bottom: 4px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial; font-size: 16px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 8px 20px; } 
.btn.btn-md { padding: 8px 20px !important; } 
.btn.btn-lg { padding: 18px 36px !important; } 
.btn:hover, .btn:active, .btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } 
 
.btn-pink { background: #47459D; color: #fff; border: 2px solid #47459D; } 
.btn-pink:hover, .btn-pink:focus, .btn-pink:active { color: #fff; background: #121212 !important; border-color: #000 !important; } 
.btn-pink.btn-outline { background: transparent; color: #47459D; border: 2px solid #47459D; } 
.btn-pink.btn-outline:hover, .btn-pink.btn-outline:focus, .btn-pink.btn-outline:active { background: #47459D; color: #fff; } 
 
.btn-green { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; } 
.btn-green:hover, .btn-green:focus, .btn-green:active { background: #4cae4c !important; border-color: #4cae4c !important; } 
.btn-green.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; } 
.btn-green.btn-outline:hover, .btn-green.btn-outline:focus, .btn-green.btn-outline:active { background: #5cb85c; color: #fff; } 
 
.btn-blue { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; } 
.btn-blue:hover, .btn-blue:focus, .btn-blue:active { background: #46b8da !important; border-color: #46b8da !important; } 
.btn-blue.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; } 
.btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline:active { background: #5bc0de; color: #fff; } 
 
.btn-orange { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; } 
.btn-orange:hover, .btn-orange:focus, .btn-orange:active { background: #eea236 !important; border-color: #eea236 !important; } 
.btn-orange.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; } 
.btn-orange.btn-outline:hover, .btn-orange.btn-outline:focus, .btn-orange.btn-outline:active { background: #f0ad4e; color: #fff; } 
 
.btn-red { background: #d9534f; color: #fff; border: 2px solid #d9534f; } 
.btn-red:hover, .btn-red:focus, .btn-red:active { background: #d43f3a !important; border-color: #d43f3a !important; } 
.btn-red.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; } 
.btn-red.btn-outline:hover, .btn-red.btn-outline:focus, .btn-red.btn-outline:active { background: #d9534f; color: #fff; } 
 
.btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { -webkit-box-shadow: none; box-shadow: none; } 
 
.btn-grey { background: #252525; border: 1px solid #252525; color: gray; font-size:14px; } 
.btn-grey:focus, .btn-grey.focus { color: gray; background: #252525; } 
.btn-grey:hover { color: gray; background: #282828; border: 2px solid gray; } 
.btn-grey:active, .btn-grey.active, .open &gt; .btn-grey.dropdown-toggle { color: gray; background: #282828; } 
.btn-grey:active:hover, .btn-grey:active:focus, .btn-grey:active.focus, .btn-grey.active:hover, .btn-grey.active:focus, .btn-grey.active.focus, .open &gt; .btn-grey.dropdown-toggle:hover, .open &gt; .btn-grey.dropdown-toggle:focus, .open &gt; .btn-grey.dropdown-toggle.focus { 
 color: gray; background: #282828; 
 } 
.btn-grey:active, .btn-grey.active, .open &gt; .btn-grey.dropdown-toggle { background-image: none; } 
.btn-grey.disabled, .btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled.focus, .btn-grey.disabled:active, .btn-grey.disabled.active, .btn-grey[disabled], .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled].focus, .btn-grey[disabled]:active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey, fieldset[disabled] .btn-grey:hover, fieldset[disabled] .btn-grey:focus, fieldset[disabled] .btn-grey.focus, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey.active { 
 color: gray; background: #282828; 
 } 
.btn-grey .badge { 
 color: gray; background: #282828; 
 } 
 
.btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } 
.btn.with-arrow:hover { padding-right: 50px; } 
.btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; } 
.form-control { -webkit-box-shadow: none; box-shadow: none; background: transparent; border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 18px; font-weight: 300; } 
.form-control:active, .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #2f89fc; } 
.row-pb-md { padding-bottom: 4em !important; } 
.row-pb-sm { padding-bottom: 2em !important; } 
 
.js .animate-box { opacity: 0; } 
.site-section { padding: 7em 0; } 
 
.gallery-item { position: relative; overflow: hidden; margin-bottom: 30px; display: block; } 
.gallery-item img { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
.gallery-item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
 
.pagination { text-align: center; } 
.pagination a { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #e6e6e6; background: #fff; } 
.pagination a:hover { -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1); border-color: #ccc; } 
.pagination .caption { width: auto !important; padding-left: 10px; padding-right: 10px; } 
 
.sidebar-box { margin-bottom: 30px; padding: 25px; font-size: 15px; width: 100%; float: left; background: #fff; } 
.sidebar-box *:last-child { margin-bottom: 0; } 
.sidebar-box h3 { font-size: 18px; margin-bottom: 15px; } 
.categories li, .sidelink li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted gray("300"); list-style: none; } 
.categories li:last-child, .sidelink li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } 
.categories li a, .sidelink li a { display: block; } 
.categories li a span, .sidelink li a span { position: absolute; right: 0; top: 0; color: #ccc; } 
.categories li.active a, .sidelink li.active a { color: #000; font-style: italic; } 
.comment-form-wrap { clear: both; } 
.comment-list { padding: 0; margin: 0; } 
.comment-list .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100%; } 
.comment-list li { padding: 0; margin: 0 0 30px 0; float: left; width: 100%; clear: both; list-style: none; } 
.comment-list li .vcard { width: 80px; float: left; } 
.comment-list li .vcard img { width: 50px; border-radius: 50%; } 
.comment-list li .comment-body { float: right; width: calc(100% - 80px); } 
.comment-list li .comment-body h3 { font-size: 20px; color: #000; } 
.comment-list li .comment-body .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc; } 
.comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #000; text-transform: uppercase; font-size: 14px; } 
.comment-list li .comment-body .reply:hover { color: #000; background: #e3e3e3; } 
.search-form { background: #f7f7f7; padding: 10px; } 
.search-form .form-group { position: relative; } 
.search-form .form-group input { padding-right: 50px; } 
.search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } 
 
.post-meta { font-size: 13px; text-transform: uppercase; letter-spacing: .2em; } 
.post-meta a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } 
 </pre></body></html>