@charset "utf-8";
.btn_requestArea { display: none !important; }

figure { margin: 0; }

.valueup-container { box-sizing: border-box; letter-spacing: 0; color: #fff; }
.valueup-container * { box-sizing: border-box; }
.valueup-container a { color: inherit; }
.valueup-container .hide { position: absolute; left: -9999px; }

.page-init-dim { width: 100%; height: 100%; background: #fff; opacity: 1; position: fixed; top: 0; left: 0; z-index: 500; }

.valueup-container .br { display: none; }

@media screen and (max-width: 1023px) {
	.valueup-container br.tab { display: inline; }
}
@media screen and (max-width: 767px) {
	.valueup-container br.mob { display: inline; }
}

.img-mob { width: 100%; vertical-align: top; }
.img-tab { display: none; width: 100%; vertical-align: top; }
.img-pc { display: none; width: 100%; vertical-align: top; }

@media all and (min-width:768px) {
	.img-mob { display: none; }
	.img-tab { display: block; }
}

@media all and (min-width:1024px) {
	.img-mob { display: none; }
	.img-tab { display: none; }
	.img-pc { display: block; }
}

/* 헤더 */
.header { width: 100%; background: #202425; position: fixed; top: 0; left: 0; z-index: 100; }
.header-top { max-width: 1440px; height: 50px; margin: 0 auto; position: relative; overflow: hidden; }
.header-top .logo-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 50px;}

.header-top .logo {display: block; width: 100%; height: 50px; background: url('/resources/_img/sub/valueuppackage/samsung-logo.png') no-repeat center; background-size: auto 32px;  z-index: 1; overflow: hidden; font-size: 0; color: transparent;}
.header-top .info {height: 50px; padding-top: 18px; font-family: 'stitle'; font-size: 20px; text-align: center;}
.header-top .info a{color: #fff;}
.header-top .logo-wrap .rolling-obj{position: absolute; top: 0; left: 50%; transform:translateX(-50%); opacity:0; animation-name: rolling; animation-duration: 8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.header-top .info{animation-delay: 4s; transform: translateY(-100%);}
@keyframes rolling {
  0% {
		opacity: 0;
    transform: translate(-50%, -100%);
  }
	10% {
		opacity: 1;
    transform: translate(-50%,0);
  }
  50% {
		opacity: 1;
    transform: translate(-50%,0);
  }
	60% {
		opacity: 0;
    transform: translate(-50%,100%);
  }
  100% {
		opacity: 0;
    transform: translateY(-100%);
  }
}
.header-top .action { float: right; padding-top: 8px; }
.header-top .action a{color: #fff;}
.header-top .btn-request { display: block; width: 180px; height: 34px; line-height: 34px; text-align: center; font-family: 's7'; font-size: 14px; opacity: .94; background: #026bb8; background-image: linear-gradient(195deg, #389bf2, #0074c2 32%, #1549c4); border-radius: 17px; }
.nav-page { height: 35px; background: #fff; position: relative; }
.nav-page-slider { max-width: 90%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.nav-page-slider ul { float: left; display: block; height: 100%; font-size: 0; white-space: nowrap; position: relative; }
.nav-page-slider li { display: inline-block; height: 100%; vertical-align: top; }
.nav-page-slider li span { display: block; padding: 0 21px; }
.nav-page-slider li:first-child span { display: block; height: 100%; padding-left: 4px; }
.nav-page-slider a { display: block; height: 100%; padding-top: 12px; font-family: 's8'; font-size: 13px; color: #202425; }
.nav-page-slider .pos-bar { height: 3px; background: #0074c2; position: absolute; top: auto !important; /* IE9 fix */ bottom: 0; left: 0; transition: left .4s, width .4s; }

@media screen and (max-width: 1440px) {
	.header-top { padding: 0 15px; }
	.nav-page-slider li:first-child span { padding-left: 21px; }
}
@media screen and (max-width: 1023px) {
	.header-top { height: 68px; }
	.header-top .info { padding-top: 28px; }
	.header-top .action { padding-top: 11px; }
	.header-top .btn-request { height: 46px; line-height: 46px; border-radius: 23px; }
	.nav-page { height: 53px; }
	.nav-page-slider a { padding-top: 21px; font-size: 16px; }
}
@media screen and (max-width: 767px) {
	.header-top { height: 44px; }
	.header-top .info { padding-top: 18px; font-size: 14px; }
	.header-top .action { padding-top: 5px; }
	.header-top .btn-request { width: 130px; height: 34px; line-height: 34px; font-size: 12px; border-radius: 17px; }
	.header-top .btn-request span { display: none; }
	.header-top .logo{width: 120px; background-size: auto 20px;}
	.nav-page { height: 34px; }
	.nav-page-slider li span { display: block; padding: 0 12px; }
	.nav-page-slider a { padding-top: 13px; font-size: 10px; }
}
/* scroll.js*/
[data-scroll]{opacity: 0; transition-property: all; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
[data-scroll][data-scroll-active="on"]{opacity: 1; transform: translate(0px,0px) !important;}
[data-scroll][data-scroll-active="off"]{opacity: 0;}
[data-scroll="fade-up"]{transform: translateY(100px);}
[data-scroll="fade-down"]{transform: translateY(-100px);}
[data-scroll="fade-left"]{transform: translateX(-100px);}
[data-scroll="fade-right"]{transform: translateX(100px);}

@media all and (max-width:768px){
  [data-scroll-mobile]{opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out;}
  [data-scroll-mobile][data-scroll-mobile-active="on"]{opacity: 1; transform: translate(0px,0px) !important;}
  [data-scroll-mobile][data-scroll-mobile-active="off"]{opacity: 0;}
  [data-scroll-mobile="fade-up"]{transform: translateY(100px);}
  [data-scroll-mobile="fade-down"]{transform: translateY(-100px);}
  [data-scroll-mobile="fade-left"]{transform: translateX(-100px);}
  [data-scroll-mobile="fade-right"]{transform: translateX(100px);}
} 
@media all and (min-width:769px){
  [data-scroll-pc]{opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out;}
  [data-scroll-pc][data-scroll-pc-active="on"]{opacity: 1; transform: translate(0px,0px) !important;}
  [data-scroll-pc][data-scroll-pc-active="off"]{opacity: 0;}
  [data-scroll-pc="fade-up"]{transform: translateY(100px);}
  [data-scroll-pc="fade-down"]{transform: translateY(-100px);}
  [data-scroll-pc="fade-left"]{transform: translateX(-100px);}
  [data-scroll-pc="fade-right"]{transform: translateX(100px);}
}

/* ValueupPackage_2022 */
#wrapper{overflow: hidden; width: 100%; letter-spacing: 0; }
#wrapper * { box-sizing: border-box; }
#wrapper img{max-width: 100%; max-height: 100%;}

.valueup-2023 .section_inner{position: relative; width: 980px; max-width: 94%; margin: 0 auto; /* background-color: rgba(255,255,255,0.3);*/}
.valueup-2023 .section_title{color: #111; font-size: 24px; font-weight: bold; font-family: 'stitle'; line-height: 1.2;}
.valueup-2023 .sub_title{font-family: 'stitle'; font-size: 14px; color: #161616; line-height: 1.4;}
.valueup-2023 .sentence{color: #111; font-size: 15px; line-height: 1.4;}
.valueup-2023 .dot_list li{ position: relative; padding-left: 6px; color: #111; font-size: 15px; line-height: 1.4;}
.valueup-2023 .dot_list li:before{content:''; display: inline-block; width: 2px; height: 2px; margin-right: 4px; border-radius: 2px; background-color: #111; vertical-align: middle;}
.valueup-2023 .dot_list li + li{margin-top: 5px;}
.valueup-2023 .ref_list li{position: relative; padding-left: 10px; text-align: left; font-size: 11px; color: #333; line-height: 1.2;}
.valueup-2023 .ref_list li::before{content: '*'; display: block; position: absolute; top: 0; left: 0;}
.valueup-2023 .ref_list li + li{margin-top: 5px;}
.valueup-2023 .ref{position: relative; padding-left: 10px; text-align: left; font-size: 11px; color: #333; line-height: 1.2;}
.valueup-2023 .ref::before{content: '*'; display: block; position: absolute; top: 0; left: 0;}
.valueup-2023 .video_wrap{position: relative; margin: 0 auto;}
.valueup-2023 .video_wrap + .ref{margin-top: 20px;}
.valueup-2023 .video_wrap video{max-width: 100%;}
.valueup-2023 .video_wrap .product_list_wrap{display: none; margin-top: 20px;}
.valueup-2023 .video_wrap .product_list_wrap .tit{font-size: 12px; font-family: 's7'; color: #3a3a3a; text-align: center;}
.valueup-2023 .video_wrap .product_list_wrap .tit + .product_list{margin-top: 5px;}
.valueup-2023 .video_wrap .product_list{display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.valueup-2023 .video_wrap .product_list li{height: 20px; margin:4px 5px 0 0; padding:0 5px; border-radius: 5px; background-color: #3a3a3a; font-size: 12px; color: #fff; line-height: 20px;}
.valueup-2023 .video_wrap .product_list li:last-child{margin-right: 0;}
.valueup-2023 .video_wrap .ref_wrap{position: absolute; bottom: 0; left: 0; transform: translateY(50px); opacity: 0; transition: all 0.3s ease-in;}
.valueup-2023 .video_wrap .ref_wrap.active{transform: translateY(0); opacity: 1;}

@media screen and (min-width: 768px) {
	.valueup-2023 .section_title{font-size: 38px;}
	.valueup-2023 .sub_title{font-size: 20px;}
	.valueup-2023 .sentence{font-size: 18px;}
	.valueup-2023 .dot_list li{margin-right: 8px; font-size: 18px;}
	.valueup-2023 .dot_list li:before{top: 15px; width: 3px; height: 3px;}
	.valueup-2023 .ref_list li{padding-left: 15px; font-size: 14px;}
	.valueup-2023 .ref{padding-left: 15px; font-size: 14px;}
	.valueup-2023 .video_wrap{width: 100%; max-width: 980px;}
	.valueup-2023 .video_wrap .product_list_wrap{position: absolute; bottom: 0; right: 0}
	.valueup-2023 .video_wrap .product_list_wrap .tit{font-size: 14px; text-align: left;}
	.valueup-2023 .video_wrap .product_list_wrap .tit + .product_list{margin-top: 10px;}
	.valueup-2023 .video_wrap .product_list{display: block; width: 120px;}
	.valueup-2023 .video_wrap .product_list li{width: 100%; height: 30px; margin: 10px 0 0 0; padding: 0; font-size: 14px; line-height: 30px;}
}

/* intro */
.intro .visual{}
.intro .visual .visual_img{position: fixed; top: 0; left: 0; width: 100%; height: calc(100vh - 78px); margin-top: 78px; background: url(/resources/_img/sub/valueuppackage/2023/visual_bg_mo.jpg) no-repeat center top; background-size: cover;}
.intro .visual .icon_list{display: block; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: url(/resources/_img/sub/valueuppackage/2023/visual_mo_icon.png) no-repeat center 100px; background-size: contain; opacity: 1;}
.intro .visual .icon_list li{display: none;}

@media screen and (min-width: 768px) {
	.intro .visual .visual_img{margin-top: 120px; height: calc(100vh - 120px); background: url(/resources/_img/sub/valueuppackage/2023/visual_bg.jpg) no-repeat center bottom; background-size: cover;}
	.intro .visual .icon_list{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none;  }
	.intro .visual .icon_list li{display: block; position: absolute; }
	.intro .visual .icon_list li:nth-child(1){top: 7%; left: 15.520833%;}
	.intro .visual .icon_list li:nth-child(2){top: 14.528662%; left: 34.635417%;}
	.intro .visual .icon_list li:nth-child(3){top: 32.331210%; left: 46.250000%;}
	.intro .visual .icon_list li:nth-child(4){top: 12.191083%; left: 59.531250%;}
	.intro .visual .icon_list li:nth-child(5){top: 8.535032%; left: 74.895833%;}
	.intro .visual .icon_list li:nth-child(6){top: 60.254777%; left: 13.958333%;}
	.intro .visual .icon_list li:nth-child(7){top: 46.757962%; left: 26.875000%;}
	.intro .visual .icon_list li:nth-child(8){top: 42.146497%; left: 63.333333%;}
	.intro .visual .icon_list li:nth-child(9){top: 60.063694%; left: 77.083333%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.intro .visual .icon_list li{ transform:scale(0.8) translateX(-43%); transform-origin: center top;}
}
@media screen and (min-width: 1024px) {
	.intro .visual .visual_img{ height: calc(100vh - 85px); margin-top: 85px; padding-bottom: 0;}
	.intro .visual .icon_list li{ /*animation: float 3s ease-in-out infinite;*/}
	.intro .visual .icon_list li:nth-child(1){top: 203px; left: 17.520833%;}
	.intro .visual .icon_list li:nth-child(2){top: 231px; left: 36.635417%;}
	.intro .visual .icon_list li:nth-child(3){top: 275px; left: 46.250000%;}
	.intro .visual .icon_list li:nth-child(4){top: 210px; left: 57.531250%;}
	.intro .visual .icon_list li:nth-child(5){top: 184px; left: 72.895833%;}
	.intro .visual .icon_list li:nth-child(6){top: 555px; left: 16.958333%;}
	.intro .visual .icon_list li:nth-child(7){top: 423px; left: 28.875000%;}
	.intro .visual .icon_list li:nth-child(8){top: 382px; left: 61.333333%;}
	.intro .visual .icon_list li:nth-child(9){top: 522px; left: 75.083333%;}
	/* .intro .visual .icon_list li:nth-child(even){animation-delay: 0.5s;} */
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.intro .section_inner{margin-top: 100vh; padding-bottom:100px; text-align: center;}
.intro .section_inner .dimd{position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: linear-gradient(to bottom, rgba(223,231,245,0) 0%,rgba(223,231,245,1) 100%); ; opacity:1; transform: translateX(-50%); opacity: 0; }
.intro .visual_title{margin-top: -100px; width: 100%; font-size: 35px; font-family: 'stitle'; color: #fff; font-weight: 800; text-align: center; line-height: 1.2;}
.intro .section_inner .section_title{margin-top: 30px; font-size: 24px; color: #fff; line-height: 1.2;}
.intro .section_inner .sentence{margin-top: 10px; color: #fff;}
.intro .section_inner .ref{margin-top: 10px; text-align: center; color: #fff;}
.intro .section_inner .ref::before{display: none !important;}
@media screen and (min-width: 768px) {
	.intro .section_inner{padding-bottom: 70vw;}
	.intro .visual_title{margin-top: -250px;  font-size: 80px; }
	.intro .section_inner .section_title{margin-top:80px; font-size: 48px;}
	.intro .section_inner .sentence{margin-top: 30px;}
	.intro .section_inner .ref{margin-top: 20px;}
}
@media screen and (min-width: 1024px) {
	.intro .section_inner{ padding-bottom: 50vh;}
}

/* section_container */
.section_container{position: relative; padding: 50px 0; background-color: #dfe7f5;}
@media screen and (min-width: 768px) {
	.section_container{padding: 100px 0;}
}


/* examReview */
#examReview{ text-align: center;}
#examReview .section_inner{padding-top: 50px; }
#examReview .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#examReview .sub_title{margin-top: 20px;}
#examReview .video_wrap{margin-top: 30px;}
#examReview .dot_list{margin-top: 10px;}
#examReview .video_wrap{padding-left: 50%;}
#examReview .video_wrap video{width: 168vw; max-width: none; transform: translateX(-50%);}

@media screen and (min-width: 768px) {
	#examReview .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#examReview .sub_title{margin-top: 20px;}
	#examReview .video_wrap{margin-top: 40px;}
	#examReview .dot_list{margin-top: 20px;}
}
@media screen and (min-width: 980px) {
	#examReview .video_wrap{padding-left: 50%;}
	#examReview .video_wrap video{width: 1650px;}
}
@media screen and (min-width: 1300px) {
	/* #examReview .sub_title{ width: 1300px; margin-left: -90px;} */
}

/* autoRotation */
#autoRotation{margin-top: 75px; text-align: center;}
#autoRotation .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#autoRotation .sub_title{margin-top: 20px;}
#autoRotation .video_wrap{margin-top: 30px;}
#autoRotation .dot_list{ margin-top: 10px;}

@media screen and (min-width: 768px) {
	#autoRotation{margin-top: 150px;}
	#autoRotation .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#autoRotation .sub_title{margin-top: 20px;}
	#autoRotation .video_wrap{margin-top: 10px;}
	#autoRotation .dot_list{margin-top: 20px;}
}

/* voiceGuide */
#voiceGuide{margin-top: 75px; text-align: center;}
#voiceGuide .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#voiceGuide .sub_title{margin-top: 20px;}
#voiceGuide .video_wrap{margin-top: 30px;}
#voiceGuide .dot_list{ margin-top: 10px;}

@media screen and (min-width: 768px) {
	#voiceGuide{margin-top: 150px;}
	#voiceGuide .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#voiceGuide .sub_title{margin-top: 20px;}
	#voiceGuide .video_wrap{margin-top: 40px;}
	#voiceGuide .dot_list{margin-top: 20px;}
	#voiceGuide .video_wrap{left: auto; right: 0;}
	#voiceGuide .video_wrap .ref_wrap {left: auto; right: 0; text-align: right;}
	#voiceGuide .video_wrap .ref_wrap .ref{text-align: right;}
	#voiceGuide .video_wrap .ref_wrap .ref:before{display: inline-block; position: relative; top: 3px; margin-right: 3px;}

}

/* Bariatric Exposure Management */
#BEM{margin-top: 75px; text-align: center;}
#BEM .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#BEM .sub_title{margin-top: 20px;}
#BEM .video_wrap{margin-top: 30px;}
#BEM .dot_list{ margin-top: 10px;}
@media screen and (min-width: 768px) {
	#BEM{margin-top: 150px;}
	#BEM .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#BEM .sub_title{margin-top: 20px;}
	#BEM .video_wrap{margin-top: 40px;}
	#BEM .dot_list{margin-top: 20px;}
}

/* Additional Patient Information */
#API{margin-top: 75px; text-align: center;}
#API .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#API .sub_title{margin-top: 20px;}
#API .video_wrap{margin-top: 30px;}
#API .dot_list{ margin-top: 10px;}
#API .video_wrap + .ref{margin-top: 10px;}
@media screen and (min-width: 768px) {
	#API{margin-top: 150px;}
	#API .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#API .sub_title{margin-top: 20px;}
	#API .video_wrap{margin-top: 40px;}
	#API .dot_list{margin-top: 20px;}
	#API .video_wrap + .ref{margin-top: 15px;}
}

/* S-Align™ Info. to DICOM */
#s-alignDicom{margin-top: 75px; text-align: center;}
#s-alignDicom .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#s-alignDicom .sub_title{margin-top: 20px;}
#s-alignDicom .video_wrap{margin-top: 30px;}
#s-alignDicom .dot_list{ margin-top: 10px;}
#s-alignDicom .video_wrap .ref_wrap{bottom: auto; top: calc(100% + 10px);}
@media screen and (min-width: 768px) {
	#s-alignDicom{margin-top: 150px;}
	#s-alignDicom .section_title .title_icon{height: auto; margin-bottom: 30px;}#s-alignDicom .section_title .sentence{margin-top: 25px;}
	#s-alignDicom .video_wrap{margin-top: 40px;}
	#s-alignDicom .sub_title{margin-top: 20px;}
	#s-alignDicom .video_wrap{margin-top: 40px;}
	#s-alignDicom .dot_list{margin-top: 20px;}
}

/* Detector Connection Alarm */
#DC-Alarm{margin-top: 75px; text-align: center;}
#DC-Alarm .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#DC-Alarm .sub_title{margin-top: 20px;}
#DC-Alarm .video_wrap{margin-top: 30px;}
#DC-Alarm .dot_list{ margin-top: 10px;}
#DC-Alarm .video_wrap{margin-top: 30px;}
@media screen and (min-width: 768px) {
	#DC-Alarm{margin-top: 150px;}
	#DC-Alarm .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#DC-Alarm .sub_title{margin-top: 20px;}
	#DC-Alarm .video_wrap{margin-top: 30px;}
	#DC-Alarm .dot_list{ margin-top: 10px;}
	#DC-Alarm .video_wrap{margin-top: 40px;}
}

/* Easy Protocol Management */
#easyProtocol{margin-top: 75px; text-align: center;}
#easyProtocol .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#easyProtocol .sub_title{margin-top: 20px;}
#easyProtocol .video_wrap{margin-top: 30px;}
#easyProtocol .dot_list{ margin-top: 10px;}
@media screen and (min-width: 768px) {
	#easyProtocol{margin-top: 150px;}
	#easyProtocol .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#easyProtocol .sub_title{margin-top: 20px;}
	#easyProtocol .video_wrap{margin-top: 40px;}
	#easyProtocol .dot_list{margin-top: 20px;}
}


/* Easy Protocol Management */
#smartCrop{margin-top: 75px; text-align: center;}
#smartCrop .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
#smartCrop .sub_title{margin-top: 20px;}
#smartCrop .video_wrap{margin-top: 30px;}
#smartCrop .dot_list{ margin-top: 10px;}
#smartCrop .video_wrap{padding-left: 50%;}
#smartCrop .video_wrap video{width: 168vw; max-width: none; transform: translateX(-50%);}
@media screen and (min-width: 768px) {
	#smartCrop{margin-top: 150px;}
	#smartCrop .section_title .title_icon{height: auto; margin-bottom: 30px;}
	#smartCrop .sub_title{margin-top: 20px;}
	#smartCrop .video_wrap{margin-top: 40px;}
	#smartCrop .dot_list{margin-top: 20px;}
}
@media screen and (min-width: 980px) {
	#smartCrop .video_wrap video{width: 1650px;}
}


.dimd2{position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #dfe7f5; opacity: 0;}
/* .visual{position: relative;z-index: 1;} */
.intro .section_inner{z-index: 3;}
.section_container{position: relative; z-index: 2;}
.main,
#footer{z-index: 3;}