@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 a { width: 162px; height: 0; max-height: 32px; padding-top: 32px; background: url('/resources/_img/sub/valueuppackage/samsung-logo.png'); position: absolute; top: 9px; left: 50%; -ms-transform: translate(-50%,0); transform: translate(-50%,0); overflow: hidden; }
.header-top .info { float: left; padding-top: 18px; font-family: 'stitle'; font-size: 20px; }
.header-top .info a{color: #fff;}
.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: 1440px; 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 .logo { display: none; }
	.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 .logo { display: none; }
	.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; }
	.nav-page { height: 34px; }
	.nav-page-slider li span { display: block; padding: 0 12px; }
	.nav-page-slider a { padding-top: 13px; font-size: 10px; }
}

/* 공통 */
.page-section { padding: 40px 0; }
.page-section .wrap { padding: 0 15px; }
.page-section .title { line-height: 1.2; margin-bottom: 6px; color: #000; font-family: 'stitle'; font-size: 28px; text-align: center; }
.page-section .title:before { content: ''; display: block; width: 77px; height: 67px; margin: 0 auto 10px; background-repeat: no-repeat; background-size: cover; }
.page-section .sub-title { line-height: 1.2; color: #000; font-family: 's7'; font-size: 19px; text-align: center; }
.page-section .desc { line-height: 1.5; margin-top: 14px; color: #000; font-family: 's4'; font-size: 15px; text-align: center; }
.page-section .img { margin-top: 20px; }

@media screen and (min-width: 768px) {
	.page-section { padding: 80px 0; }
	.page-section .wrap { padding: 0 20px; }
	.page-section .title { margin-bottom: 20px; font-size: 50px; }
	.page-section .title:before { width: 154px; height: 134px; margin-bottom: 30px; }
	.page-section .sub-title { font-size: 28px; }
	.page-section .desc { margin-top: 10px; font-size: 20px; }
	.page-section .img { margin-top: 50px; }
}
@media screen and (min-width: 1024px) {
	.page-section { padding: 90px 0; }
	.page-section .wrap { box-sizing: border-box; width: 1024px; margin: 0 auto; }
}
@media screen and (min-width: 1240px) {
	.page-section .wrap { width: 1240px; }
}



/* Intro */
.valueup-container .intro { padding-top: 78px; position: relative; }
.valueup-container .intro .visual { width: 100%; padding-top: 153.12%; background: url('/resources/_img/sub/valueuppackage/intro-bg.png') no-repeat; background-size: 100% auto; }
.valueup-container .intro .wrap { padding: 0 15px 40px; margin-top: -8%; }
.valueup-container .intro .sub-title { line-height: 1.2; color: #000; font-family: 'stitle'; font-size: 27px; text-align: center; }
.valueup-container .intro .desc { line-height: 1.5; margin-top: 30px; color: #000; font-family: 's4'; font-size: 15px; text-align: center; }

@media screen and (min-width: 768px) {
	.valueup-container .intro .visual { padding-top: 132.81%; background-image: url('/resources/_img/sub/valueuppackage/intro-bg-768.png'); }
	.valueup-container .intro .wrap { padding: 0 20px 80px; }
	.valueup-container .intro .sub-title { font-size: 48px; }
	.valueup-container .intro .sub-title .br { display: block; }
	.valueup-container .intro .desc { font-size: 24px; }
}
@media screen and (min-width: 1024px) {
	.valueup-container .intro .visual { padding-top: 57.29%; background-image: url('/resources/_img/sub/valueuppackage/intro-bg-1920.png'); }
	.valueup-container .intro .wrap { box-sizing: border-box; width: 1024px; padding: 0 20px 90px; margin: -4% auto 0; }
}
@media screen and (min-width: 1240px) {
	.valueup-container .intro .wrap { width: 1240px; }
}

/* Voice Guide */
.valueup-container .voice-guide { background-color: #f3f7fc; }
.valueup-container .voice-guide .title:before { background-image: url('/resources/_img/sub/valueuppackage/icon-voice-guide.png'); }

@media screen and (min-width: 1024px) {
	.valueup-container .voice-guide { padding-bottom: 0; }
}

/* Auto Rotation */
.valueup-container .auto-rotation .title:before { background-image: url('/resources/_img/sub/valueuppackage/icon-auto-rotation.png'); }

/* Patient Information */
.valueup-container .patient-information { background-color: #f3f7fc; }
.valueup-container .patient-information .title:before { background-image: url('/resources/_img/sub/valueuppackage/icon-patient-information.png'); }

/* Detector Connection */
.valueup-container .detector-connection .title:before { background-image: url('/resources/_img/sub/valueuppackage/icon-detector-connection.png'); }


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

.valueup-2022 .section_inner{position: relative; width: 1140px; max-width: 94%; margin: 0 auto;}
.valueup-2022 .section_title{color: #111; font-size: 24px; font-weight: bold; font-family: 'stitle'; line-height: 1.2;}
.valueup-2022 .sub_title{font-family: 'stitle'; font-size: 14px; color: #161616; line-height: 1.4;}
.valueup-2022 .sentence{color: #111; font-size: 15px; line-height: 1.4;}
.valueup-2022 .dot_list li{ position: relative; padding-left: 6px; color: #111; font-size: 15px; line-height: 1.4;}
.valueup-2022 .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-2022 .dot_list li + li{margin-top: 5px;}
.valueup-2022 .ref_list li{position: relative; padding-left: 10px; text-align: left; font-size: 11px; color: #333; line-height: 1.2;}
.valueup-2022 .ref_list li::before{content: '*'; display: block; position: absolute; top: 0; left: 0;}
.valueup-2022 .ref_list li + li{margin-top: 5px;}
.valueup-2022 .ref{position: relative; padding-left: 10px; text-align: left; font-size: 11px; color: #333; line-height: 1.2;}
.valueup-2022 .ref::before{content: '*'; display: block; position: absolute; top: 0; left: 0;}

@media screen and (min-width: 768px) {
	.valueup-2022 .section_title{font-size: 48px;}
	.valueup-2022 .sub_title{font-size: 28px;}
	.valueup-2022 .sentence{font-size: 24px;}
	.valueup-2022 .dot_list li{margin-right: 8px; font-size: 24px;}
	.valueup-2022 .dot_list li:before{top: 15px; width: 3px; height: 3px;}
	.valueup-2022 .ref_list li{padding-left: 15px; font-size: 18px;}
	.valueup-2022 .ref{padding-left: 15px; font-size: 18px;}
}

/* intro */
.valueup-2022 .intro .icon_list{display: flex; flex-wrap: wrap; margin-top: 60px;}
.valueup-2022 .intro .icon_list li{width: 25%; text-align: center;}
.valueup-2022 .intro .icon_list li:nth-child(n + 5){margin-top: 20px;}
.valueup-2022 .intro .icon_list .icon_area{display: flex; align-items: center; justify-content: center; height: 45px;}
.valueup-2022 .intro .icon_list .text_area{margin-top: 10px; font-size: 13px; color: #12213a; font-weight: bold; line-height: 1.2;}
.valueup-2022 .intro .section_contents{position: relative; margin-top: 60px; padding: 60px 0; border-top: 1px solid #727272; text-align: center;}
.valueup-2022 .intro .section_contents .sentence{margin-top: 30px; }

@media screen and (min-width: 768px) {
	.valueup-2022 .intro .icon_list{margin-top: 120px;}
	.valueup-2022 .intro .icon_list li:nth-child(n + 5){margin-top: 60px;}
	.valueup-2022 .intro .icon_list .icon_area{ height: 85px;}
	.valueup-2022 .intro .icon_list .text_area{margin-top: 15px; font-size: 23px;}
	.valueup-2022 .intro .section_contents{margin-top: 120px; padding: 120px 0; border-top-width: 2px;}
	.valueup-2022 .intro .section_contents .sentence{margin-top: 60px; }
}

/* examReview */
.valueup-2022 #examReview{padding: 60px 0; background-color: #f3f7fc; text-align: center;}
.valueup-2022 #examReview .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
.valueup-2022 #examReview .sub_title{margin-top: 20px;}
.valueup-2022 #examReview .img_wrap{margin-top: 40px;}
.valueup-2022 #examReview .dot_list{margin-top: 10px;}
.valueup-2022 #examReview .img_wrap + .ref{margin-top: 10px;}
@media screen and (min-width: 768px) {
	.valueup-2022 #examReview{padding: 120px 0;}
	.valueup-2022 #examReview .section_title .title_icon{height: auto; margin-bottom: 30px;}
	.valueup-2022 #examReview .sub_title{margin-top: 40px;}
	.valueup-2022 #examReview .img_wrap{margin-top: 80px;}
	.valueup-2022 #examReview .dot_list{margin-top: 20px;}
	.valueup-2022 #examReview .img_wrap + .ref{margin-top: 20px;}
}

/* autoRotation */
.valueup-2022 #autoRotation{padding: 60px 0 0; background-color: #fff; text-align: center;}
.valueup-2022 #autoRotation .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
.valueup-2022 #autoRotation .sub_title{margin-top: 20px;}
.valueup-2022 #autoRotation .img_wrap{margin-top: 40px;}
.valueup-2022 #autoRotation .dot_list{ margin-top: 10px;}
.valueup-2022 #autoRotation .half_wrap .half .img_wrap + .text_area{margin-top: 45px; padding-bottom: 35px;}
.valueup-2022 #autoRotation .half_wrap .half .ref_list{max-width: 90%;}
@media screen and (min-width: 768px) {
	.valueup-2022 #autoRotation{padding: 120px 0 0;}
	.valueup-2022 #autoRotation .section_title .title_icon{height: auto; margin-bottom: 30px;}
	.valueup-2022 #autoRotation .sub_title{margin-top: 40px;}
	.valueup-2022 #autoRotation .img_wrap{margin-top: 80px;}
	.valueup-2022 #autoRotation .dot_list{margin-top: 20px;}
	.valueup-2022 #autoRotation .half_wrap{display: flex; flex-wrap: wrap;}
	.valueup-2022 #autoRotation .half_wrap .half{width: 50%; align-self: flex-end;}
	.valueup-2022 #autoRotation .half_wrap .half .img_wrap + .text_area{margin-top: 90px; padding-bottom: 70px;}
}

/* bariatricExposureMng */
.valueup-2022 #bariatricExposureMng{padding: 60px 0; background-color: #f3f7fc; text-align: center;}
.valueup-2022 #bariatricExposureMng .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
.valueup-2022 #bariatricExposureMng .sub_title{margin-top: 20px;}
.valueup-2022 #bariatricExposureMng .img_wrap{margin-top: 40px;}
.valueup-2022 #bariatricExposureMng .dot_list{margin-top: 10px;}
@media screen and (min-width: 768px) {
	.valueup-2022 #bariatricExposureMng{padding: 120px 0;}
	.valueup-2022 #bariatricExposureMng .section_title .title_icon{height: auto; margin-bottom: 30px;}
	.valueup-2022 #bariatricExposureMng .sub_title{margin-top: 40px;}
	.valueup-2022 #bariatricExposureMng .img_wrap{margin-top: 80px;}
	.valueup-2022 #bariatricExposureMng .dot_list{margin-top: 20px;}
}

/* simGrid */
.valueup-2022 #simGrid{padding: 60px 0; background-color: #dbe5f3; text-align: center;}
.valueup-2022 #simGrid .section_title .title_icon{display: block; height: 40px; margin-bottom: 10px; text-align: center;}
.valueup-2022 #simGrid .sub_title{margin-top: 20px;}
.valueup-2022 #simGrid .sentence{margin-top: 20px;}
.valueup-2022 #simGrid .dot_list{margin-top: 10px;}
.valueup-2022 #simGrid .half_wrap{margin-top: 45px;}
.valueup-2022 #simGrid .half {max-width: 540px; text-align: left;}
.valueup-2022 #simGrid .half .title_area{margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #000;}
.valueup-2022 #simGrid .half .title_area .title{display: inline-block; padding: 0 10px; font-size: 12px; font-weight: bold; color: #000;}
.valueup-2022 #simGrid .half .title_area .title:before{display: none;}/* 2022-06-14 추가 수정 */
.valueup-2022 #simGrid .half .title_area .slide_tab{display: inline-block;}
.valueup-2022 #simGrid .half .title_area .slide_tab .slick-dots li{display: inline-block;}
.valueup-2022 #simGrid .half .title_area .slide_tab .slide_tab_btn{padding: 0 10px; font-size: 12px;  color: #7e7e7e; font-family: 'stitle';}
.valueup-2022 #simGrid .half .title_area .slide_tab .slick-active .slide_tab_btn{color: #000;}
.valueup-2022 #simGrid .img_slide{position: relative;}
.valueup-2022 #simGrid .slick-arrow{position: absolute; top: 50%; width: 33px; height: 33px; font-size: 0; color: transparent; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%);}
.valueup-2022 #simGrid .slick-arrow.slick-prev{left:3%; background-image: url(/resources/_img/sub/valueuppackage/2022/slide_arrow_prev.png);}
.valueup-2022 #simGrid .slick-arrow.slick-next{right: 3%; background-image: url(/resources/_img/sub/valueuppackage/2022/slide_arrow_next.png);}
.valueup-2022 #simGrid .align_right {margin-top: 10px; text-align: right;}
.valueup-2022 #simGrid .align_right p.ref{display: inline-block;}
.valueup-2022 #simGrid .align_center {margin-top: 25px; text-align: center;}
.valueup-2022 #simGrid .align_center p.ref{display: inline-block;}
@media screen and (max-width: 767px) {
	.valueup-2022 #simGrid .half{margin-left: auto; margin-right: auto;}
	.valueup-2022 #simGrid .half + .half{margin-top:30px;}
}
@media screen and (min-width: 768px) {
	.valueup-2022 #simGrid{padding: 120px 0 40px;}
	.valueup-2022 #simGrid .section_title .title_icon{height: auto; margin-bottom: 30px;}
	.valueup-2022 #simGrid .sub_title{margin-top: 40px;}
	.valueup-2022 #simGrid .sentence{margin-top: 40px;}
	.valueup-2022 #simGrid .dot_list{margin-top: 20px;}
	.valueup-2022 #simGrid .half_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 90px;}
	.valueup-2022 #simGrid .half_wrap .half{width: 48%; }
	.valueup-2022 #simGrid .half .title_area {margin-bottom: 20px; padding-bottom:15px; border-bottom-width: 2px;}
	.valueup-2022 #simGrid .half .title_area .title{font-size: 15px;}
	.valueup-2022 #simGrid .half .title_area .slide_tab .slide_tab_btn{font-size: 15px;}
	.valueup-2022 #simGrid .slick-arrow{ width: 66px; height: 66px;}
	.valueup-2022 #simGrid .align_center {margin-top: 120px;}
}
@media screen and (min-width: 1023px) {
	.valueup-2022 #simGrid .half .title_area .title{padding: 0 20px; font-size: 20px;}
	.valueup-2022 #simGrid .half .title_area .slide_tab .slide_tab_btn{font-size: 20px;}

}