/* 헤더 */
.Secure-care{line-height: 1.3; letter-spacing: 0;}
.Secure-care[data-page-type="micro"]{padding-top: 85px;}
.Secure-care .header { width: 100%; background: #202425; position: fixed; top: 0; left: 0; z-index: 100; }
.Secure-care .header-top { max-width: 1440px; height: 50px; margin: 0 auto; position: relative; overflow: hidden; }
.Secure-care .header-top .logo-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 50px;}

.Secure-care .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;}
.Secure-care .header-top .info {height: 50px; padding-top: 8px; font-family: 'stitle'; font-size: 30px; letter-spacing: 0; text-align: center;}
.Secure-care .header-top .info a{color: #fff;}
.Secure-care .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; }
.Secure-care .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%);
  }
}
.Secure-care .header-top .action { float: right; padding-top: 8px; }
.Secure-care .header-top .action a{color: #fff;}
.Secure-care .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; }
.Secure-care .nav-page {position: relative;  height: 35px; background: #fff; text-align: center;}
@media screen and (max-width: 1440px) {
	.Secure-care .header-top { padding: 0 15px; }
}
@media screen and (max-width: 1023px) {
  .Secure-care[data-page-type="micro"]{padding-top: 121px;}
	.Secure-care .header-top { height: 68px; }
	.Secure-care .header-top .info { height: 68px; padding-top: 23px; }
  .Secure-care .header-top .logo{height: 68px;}
	.Secure-care .header-top .action { padding-top: 11px; }
	.Secure-care .header-top .btn-request { height: 46px; line-height: 46px; border-radius: 23px; }
	.Secure-care .nav-page { height: 53px; }
	.nav-page-slider a { padding-top: 21px; font-size: 16px; }
}
@media screen and (max-width: 767px) {
  .Secure-care[data-page-type="micro"]{padding-top: 78px;}
	.Secure-care .header-top { height: 44px; }
	.Secure-care .header-top .info {height: 44px; padding-top: 15px; font-size: 20px;}
	.Secure-care .header-top .action { padding-top: 5px; }
	.Secure-care .header-top .btn-request { width: 130px; height: 34px; line-height: 34px; font-size: 12px; border-radius: 17px; }
	.Secure-care .header-top .btn-request span { display: none; }
	.Secure-care .header-top .logo{width: 120px; height: 44px; background-size: auto 20px;}
	.Secure-care .nav-page { height: 34px; }
  .nav-page-slider li{padding: 0 12px; }
	.nav-page-slider li span { display: block; }
	.nav-page-slider a { padding-top: 13px; font-size: 10px; }
}

.section_inner{max-width: 1240px; width: calc(100% - 30px); margin: 0 auto;}
@media all and (min-width:768px){
}
@media all and (min-width:1024px){
} 
@media all and (min-width: 1240px){
}


/*****************
row1 
*****************/

/* visual */
.row1 .visual{position: relative; z-index: 1; overflow: hidden; background:#031628 url(/resources/_img/sub/secure/visual_empty_bg.png) no-repeat center bottom; background-size:cover; text-align: center;}
.row1 .visual .section_inner{position: relative; z-index: 2; padding: 8vh 0 48vh;}
.row1 .visual .page_title{font-family: 'stitle'; color:#fff; font-size: 30px; line-height: 1.1; transition-duration: 0.5s; transition-timing-function: linear;}
.row1 .visual .sub_text{margin-top: 10px; font-family: 'stitle'; color:#fff;font-size: 14px; transition-duration: 0.5s; transition-delay: 0.4s;  transition-timing-function: linear;}
.row1 .visual .visual_obj{position: absolute; bottom: 120px; left: calc(50% - 90px); z-index: 1; width: 180px; transform: translateX(-50%); animation: floatBalloon 4s ease-in-out infinite;}
.row1 .visual .visual_ground{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;  background: url(/resources/_img/sub/secure/visual_groud_mo.jpg) no-repeat center bottom; background-size: cover; }
.row1 .visual img{max-width: 100%;}
.visual_twinkle1{position: absolute; top: 0; left: 0; width: 100%; animation: blinkA 2s linear infinite; }
.visual_twinkle2{position: absolute; top: 0; left: 0; width: 100%; animation: blinkB 2s linear infinite; }
.visual_twinkle3{position: absolute; bottom: 80px; left: calc(50% - 200px); width: 400px; }
@media all and (max-width:767px){
	.row1 .visual .visual_ground{background-size: 800px auto; transition: all 2s linear;}
	.row1 .visual[data-interaction="active"] .visual_ground{background-size: 900px auto;}
}
@media all and (min-width:768px){
	.row1 .visual{position: relative; z-index: 1; background: url(/resources/_img/sub/secure/visual_empty_bg.jpg) no-repeat center; background-size: cover;}
	.row1 .visual .section_inner{ display: flex; flex-direction: column; justify-content: center; height: 669px; max-height: 100vh; padding: 0; text-align: left;}
  .row1 .visual .page_title{font-size: 60px;}
  .row1 .visual .sub_text{margin-top: 20px; font-size: 26px;}
	.row1 .visual .visual_obj{bottom: 200px; left: calc(50% + 290px); width: 286px; }
	.row1 .visual .visual_ground{ background-image: url(/resources/_img/sub/secure/visual_groud.jpg); transition: none;}
	.visual_twinkle1{left: 20%;}
	.visual_twinkle2{left: 15%;}
	.visual_twinkle3{bottom: 100px; left: calc(50% + 200px); width: 461px; }
} 
@media all and (min-width:1024px){
} 
@media all and (min-width: 1240px){
}
@keyframes blinkA{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blinkB{
  0% {
    opacity: 100%;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes floatBalloon {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
/* row1_contents */
.row1_contents .intro{padding-top: 70px; text-align: center;}
.row1_contents .intro .section_title{font-family: 'stitle'; color: #333; font-size: 30px; line-height: 1.2;}
.row1_contents .intro .section_sub_title{margin-top: 10px; font-family: 'stitle'; color: #6e6e73; font-size: 15px;}
.row1_contents .intro .sentence{margin-top: 20px; font-size: 12px;}
@media all and (min-width:768px){
  .row1_contents .intro{padding-top: 135px; }
  .row1_contents .intro .section_title{font-size: 58px;}
	.row1_contents .intro .section_sub_title{margin-top: 20px;font-size: 30px;}
	.row1_contents .intro .sentence{margin-top: 40px; font-size: 18px;}
}
@media all and (min-width:1024px){
} 
@media all and (min-width: 1240px){
}

/* .row1_contents .onepage_wrap .one_page */
.row1_contents .onepage_wrap{ padding:50px 0;}
.row1_contents .onepage_wrap .slide_wrap{display: flex; align-items: center; overflow: hidden; position: relative; width: 80vw; height: 80vw; max-width: 580px; max-height: 580px; margin: 0 auto; border-radius: 50%; /*border: 15px solid #000;*/  background-repeat: no-repeat; background-size: contain; transition:border 0.3s linear ;}
.row1_contents .onepage_wrap .slide_wrap .slick-list{ overflow: hidden; width: 100%; height: 100%; border-radius: 50%; }
.row1_contents .onepage_wrap .slide_wrap .slide_item{display: flex; align-items: center; justify-content: center;height: 80vw; padding: 5vw 0; }
.row1_contents .onepage_wrap .slide_wrap .slide_item img{max-width:70vw; max-height: 70vw;}
.row1_contents .onepage_wrap .one_page{margin-top: 30px; text-align: center;}
.row1_contents .onepage_wrap .one_page .text_wrap .one_page_title{display: inline-block; height: 36px; padding: 0 30px; border-radius: 18px; background-color:#000; color: #fff; font-family: 'stitle'; font-size: 16px; line-height: 38px;}
.row1_contents .onepage_wrap .one_page .text_wrap .skill_list{margin-top: 15px;}
.row1_contents .onepage_wrap .one_page .text_wrap .skill_list li{font-size: 14px;}
.row1_contents .onepage_wrap .one_page .text_wrap .skill_list li:before{content:'·'; display: inline-block; margin-right: 5px;}
.row1_contents .onepage_wrap .one_page .text_wrap .ref{font-size: 12px; color: #666;}
.row1_contents .onepage_wrap .one_page .text_wrap .skill_list + .ref{margin-top: 10px;}
.row1_contents .onepage_wrap .tab_menu{display: none;}
@media all and (max-width:767px){
	.row1_contents .onepage_wrap .one_page .text_wrap {padding: 0 15px; text-align: left;}
	.row1_contents .onepage_wrap .slide_wrap{background: none !important; border: 15px solid #000; animation: changeBorderColor 5s linear infinite; }
	.row1_contents .onepage_wrap .tab_con{display: block !important;}
}
@keyframes changeBorderColor {
  0% {
    border-color: #97d653;
  }
  16.67% {
    border-color: #818bbb;
  }
  33.33% {
    border-color: #00c3b2;
  }
  50% {
    border-color: #1428a0;
  }
  66.67% {
    border-color: #00b3e3;
  }
  83.33% {
    border-color: #0077c8;
  }
  100% {
    border-color: #97d653;
  }
}
@media all and (min-width:768px){
	.row1_contents .onepage_wrap{ position: relative; min-height: 100vh; padding:150px 100px 0;}
	.row1_contents .onepage_wrap .slide_wrap{ width: 55vh; height: 55vh;  padding: 5vh; border-radius: 50%;}
	.row1_contents .onepage_wrap .slide_wrap .slide_item{height: 45vh;}
	.row1_contents .onepage_wrap .one_page{margin-top: 30px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .one_page_title{ height: 48px; padding: 0 44px; border-radius: 24px; font-size: 22px; line-height: 50px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list{margin-top: 15px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list li{font-size: 18px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .ref{font-size: 14px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list + .ref{margin-top: 10px;}

	.row1_contents .onepage_wrap .tab_menu{display: flex; flex-wrap: wrap; position: absolute; top: 230px; left: calc(50% + 25vw); width: 212px; }
	.row1_contents .onepage_wrap .tab_menu a{display: flex; align-items: center; justify-content: center; width: 100%; max-width: 18vw; padding: 12px 0 8px; border-radius: 20px; color: #fff; font-family: 'stitle'; font-size: 15px; text-align: center;}
	.row1_contents .onepage_wrap .tab_menu a + a{margin-top: 15px;}

}
@media all and (min-width:1024px){
	.row1_contents .onepage_wrap{  padding:100px 100px 0;}
	.row1_contents .onepage_wrap .one_page{top: calc(55vh + 120px);} 
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list{margin-top: 25px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list li{font-size: 22px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .ref{font-size: 15px;}
	.row1_contents .onepage_wrap .one_page .text_wrap .skill_list + .ref{margin-top: 20px;}
	.row1_contents .onepage_wrap .tab_menu{ top: 180px; left: calc(50% + 250px);}
} 
@media all and (min-width: 1240px){
	.row1_contents .onepage_wrap .tab_menu{  left: calc(50% + 350px);}
}


:root{
	--color-red:  #ff0000;
	--color-black:  #000;
}
.color_red{color: var(--color-red) !important;}
.color_black{color: var(--color-black) !important;}
.row1_contents .onepage_wrap  {
	--color-red: rgba(255, 0, 0, 1);
	--color-physical: rgba(151, 214, 83, 1);
	--color-OShardening: rgba(129, 139, 187, 1);
	--color-network: rgba(0, 195, 178, 1);
	--color-access: rgba(20, 40, 160, 1);
	--color-application: rgba(0, 179, 227, 1);
	--color-data: rgba(0, 119, 200, 1);
	--color-red-inactive: rgba(255, 0, 0, 0.3);
	--color-physical-inactive: rgba(151, 214, 83, 0.3);
	--color-OShardening-inactive: rgba(129, 139, 187, 0.3);
	--color-network-inactive: rgba(0, 195, 178, 0.3);
	--color-access-inactive: rgba(20, 40, 160, 0.3);
	--color-application-inactive: rgba(0, 179, 227, 0.3);
	--color-data-inactive: rgba(0, 119, 200, 0.3);
}
.row1_contents .one_page.physical .point_color{color: var(--color-physical);}
.row1_contents .one_page.OShardening .point_color{color: var(--color-OShardening);}
.row1_contents .one_page.network .point_color{color: var(--color-network);}
.row1_contents .one_page.access .point_color{color: var(--color-access);}
.row1_contents .one_page.application .point_color{color: var(--color-application);}
.row1_contents .one_page.data .point_color{color: var(--color-data);}

/* .row1_contents .onepage_wrap .slide_wrap{border-color: var(--color-physical);}
.row1_contents .onepage_wrap[data-current-page="OShardening"] .slide_wrap{border-color: var(--color-OShardening);}
.row1_contents .onepage_wrap[data-current-page="network"] .slide_wrap{border-color: var(--color-network);}
.row1_contents .onepage_wrap[data-current-page="access"] .slide_wrap{border-color: var(--color-access);}
.row1_contents .onepage_wrap[data-current-page="application"] .slide_wrap{border-color: var(--color-application);}
.row1_contents .onepage_wrap[data-current-page="data"] .slide_wrap{border-color: var(--color-data);} */

.row1_contents .onepage_wrap .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_physical.png);}
.row1_contents .onepage_wrap[data-current-page="OShardening"] .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_OShardening.png);}
.row1_contents .onepage_wrap[data-current-page="network"] .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_network.png);}
.row1_contents .onepage_wrap[data-current-page="access"] .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_access.png);}
.row1_contents .onepage_wrap[data-current-page="application"] .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_application.png);}
.row1_contents .onepage_wrap[data-current-page="data"] .slide_wrap{background-image:url(/resources/_img/sub/secure/slide_circle_data.png);}

.row1_contents .onepage_wrap .tab_menu a[data-page-btn="physical"]{background-color: var(--color-physical-inactive);}
.row1_contents .onepage_wrap .tab_menu a[data-page-btn="OShardening"]{background-color: var(--color-OShardening-inactive);}
.row1_contents .onepage_wrap .tab_menu a[data-page-btn="network"]{background-color: var(--color-network-inactive);}
.row1_contents .onepage_wrap .tab_menu a[data-page-btn="access"]{background-color: var(--color-access-inactive);}
.row1_contents .onepage_wrap .tab_menu a[data-page-btn="application"]{background-color: var(--color-application-inactive);}
.row1_contents .onepage_wrap .tab_menu a[data-page-btn="data"]{background-color: var(--color-data-inactive);}

.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="physical"]{background-color: var(--color-physical);}
.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="OShardening"]{background-color: var(--color-OShardening);}
.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="network"]{background-color: var(--color-network);}
.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="access"]{background-color: var(--color-access);}
.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="application"]{background-color: var(--color-application);}
.row1_contents .onepage_wrap .tab_menu a.on[data-page-btn="data"]{background-color: var(--color-data);}

.row1_contents .one_page.physical .text_wrap .one_page_title{background-color: var(--color-physical);}
.row1_contents .one_page.OShardening .text_wrap .one_page_title{background-color: var(--color-OShardening);}
.row1_contents .one_page.network .text_wrap .one_page_title{background-color: var(--color-network);}
.row1_contents .one_page.access .text_wrap .one_page_title{background-color: var(--color-access);}
.row1_contents .one_page.application .text_wrap .one_page_title{background-color: var(--color-application);}
.row1_contents .one_page.data .text_wrap .one_page_title{background-color: var(--color-data);}

.row1_contents .one_page.physical .text_wrap .skill_list li:before{color: var(--color-physical);}
.row1_contents .one_page.OShardening .text_wrap .skill_list li:before{color: var(--color-OShardening);}
.row1_contents .one_page.network .text_wrap .skill_list li:before{color: var(--color-network);}
.row1_contents .one_page.access .text_wrap .skill_list li:before{color: var(--color-access);}
.row1_contents .one_page.application .text_wrap .skill_list li:before{color: var(--color-application);}
.row1_contents .one_page.data .text_wrap .skill_list li:before{color: var(--color-data);}


/* row2 */
.row2{padding: 35px 0;}
.row2 .section_title{padding-bottom: 5px; border-bottom: 1px solid #555; font-family: 'stitle'; font-size: 24px; color: #6e6e73;}
.row2 .section_title span{color: #000;}
.row2 .card_list {margin-top: 20px;}
.row2 .card_list > li{position: relative; z-index: 1; padding: 20px; border-radius: 15px; background-repeat: no-repeat; background-position: center 90% ; background-size: cover; text-align: center;}
.row2 .card_list > li::before{content:''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; opacity: 0.3;}
.row2 .card_list > li + li{margin-top: 10px;}
.row2 .card_list > li:nth-child(1){background-image: url(/resources/_img/sub/secure/row2_card_bg1.png);}
.row2 .card_list > li:nth-child(2){background-image: url(/resources/_img/sub/secure/row2_card_bg2.png);}
.row2 .card_list > li:nth-child(3){background-image: url(/resources/_img/sub/secure/row2_card_bg3.png);}
.row2 .card_list .cell_title{font-size: 15px; color: #fff; font-family: 'stitle';}
.row2 .card_list .cell_content{margin-top: 10px; font-size: 12px; color: #fff;}
.row2 .card_list .cell_content li + li{margin-top: 5px;}
.row2 .card_list > li:nth-child(2)::before{background-color: #fff;}
.row2 .card_list > li:nth-child(2) .cell_title{color: #000;}
.row2 .card_list > li:nth-child(2) .cell_content{color: #000;}
@media all and (min-width:768px){
	.row2{margin-top: 140px; padding: 0 0 70px;}
	.row2 .section_title{padding-bottom: 10px; font-size: 48px;}
	.row2 .card_list {display: flex; justify-content: space-between; margin-top: 40px;}
	.row2 .card_list > li{width: calc(33.33333% - 6px); max-width: 400px; height: 586px; padding: 40px 2vw; border-radius: 25px;}
	.row2 .card_list > li::before{display: none;}
	.row2 .card_list > li + li{margin-top: 0;}
	.row2 .card_list .cell_title{font-size: 20px;}
	.row2 .card_list .cell_content{margin-top: 20px; font-size: 16px;}
	.row2 .card_list .cell_content li + li{margin-top: 10px;}
}
@media all and (min-width:1024px){
	.row2 .card_list > li{padding: 40px;}
	.row2 .card_list .cell_title{font-size: 25px;}
	.row2 .card_list .cell_content{ font-size: 20px;}
} 
@media all and (min-width: 1240px){
}


/* row3 */
.row3{padding: 35px 0; margin-bottom: 30px;}
.row3 .section_title{padding-bottom: 5px; border-bottom: 1px solid #555; font-family: 'stitle'; font-size: 24px; color: #6e6e73;}
.row3 .section_title span{color: #000;}
.row3 .card_list {margin-top: 20px;}
.row3 .card_list > li{padding: 20px; border-radius: 15px; background-color: #f7f7f7; text-align: center; }
.row3 .card_list > li + li{margin-top: 10px;}
.row3 .card_list .cell_title{font-size: 15px; color: #fff; font-family: 'stitle'; color: #000;}
.row3 .card_list .cell_content{margin-top: 10px; font-size: 12px; color: #000; line-height: 1.5; letter-spacing: -0.015em;}
.row3 .card_list .cell_content ul.dot_list{margin-top: 10px; text-align: left;}
.row3 .card_list .cell_content ul.dot_list li{position: relative;padding-left: 5px; font-size: 12px;}
.row3 .card_list .cell_content ul.dot_list li::before{content:'·'; display: block; position: absolute; top: 0; left: 0;}
.row3 .card_list .cell_content ul.dot_list li + li{margin-top: 2px;}

.row3 .card_list > li:nth-child(2){background-color: #000;}
.row3 .card_list > li:nth-child(2) .cell_title{color: #fff;}
.row3 .card_list > li:nth-child(2) .cell_content{color: #fff;}
@media all and (min-width:768px){
	.row3{padding: 70px 0; margin-bottom: 70px;}
	.row3 .section_title{padding-bottom: 10px; font-size: 48px;}
	.row3 .card_list{margin-top: 40px;}
	.row3 .card_list .cell_title{font-size: 25px;}
	.row3 .card_list .cell_content{margin-top: 20px; font-size: 18px;}
	.row3 .card_list .cell_content ul.dot_list{margin-top: 25px;}
	.row3 .card_list .cell_content ul.dot_list li{padding-left: 8px; font-size: 15px;}
	.row3 .card_list .cell_content ul.dot_list li + li{margin-top: 4px;}
}
@media all and (min-width:1024px){
	.row3 .card_list {display: flex; justify-content: space-between; }
	.row3 .card_list > li{width: calc(33.33333% - 6px); max-width: 400px;  padding: 40px 35px; border-radius: 25px;}
	.row3 .card_list > li + li{margin-top: 0;}
} 
@media all and (min-width: 1240px){
}