@charset "utf-8";

#solutions_wrap { width:100%; position:relative; word-break: keep-all; padding-bottom:100px; }

.sub-max-inner { max-width:1204px; margin:0 auto; position:relative; }
.sub-max-inner:after { display:block; content:''; clear:both; }

.solutions_visual {position:relative;width:100%;height:980px;}
.solutions_visual h2 {position:absolute;font-size: 92px;font-weight: 500;color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:center; width:80%;}
.solutions_visual dl {position:absolute;top:50%;left:50%; text-align:center; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:80%;}
.solutions_visual dl dt { font-size: 92px;font-weight: 500;color:#fff; }
.solutions_visual dl dd { font-size: 32px;font-weight: 300;color:#fff;}
.solutions_visual.construction {background:url('/de/asset/images/02_solutions/bg_construction.jpg') center center no-repeat;background-size:cover;}
.solutions_visual.datacenter {background:url('/de/asset/images/02_solutions/bg_datacenter.jpg') center center no-repeat;background-size:cover;}
.solutions_visual.healthcare {background:url('/de/asset/images/02_solutions/bg_healthcare.jpg') center center no-repeat;background-size:cover;}
.solutions_visual.commercial {background:url('/de/asset/images/02_solutions/bg_commercial.jpg') center center no-repeat;background-size:cover;}
.solutions_visual.infrastructure {background:url('/de/asset/images/02_solutions/bg_infrastructure.jpg') center center no-repeat;background-size:cover;}
.solutions_visual.manufacturing {background:url('/de/asset/images/02_solutions/bg_manufacturing.jpg') center center no-repeat;background-size:cover;}
.all_solution_visual{background:url('../images/02_solutions/all_solution_visual.jpg') center center no-repeat;background-size:cover;}

.solutions_visual.access_control {background:url('/de/asset/images/02_solutions/access_control_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.solutions_visual.time_attendance {background:url('/de/asset/images/02_solutions/time_attendance_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.solutions_visual.mobile_credential {background:url('/de/asset/images/02_solutions/mobile_credential_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.solutions_visual.facial_recognition {background:url('/de/asset/images/02_solutions/facial_recognition_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.solutions_visual.biosign {background:url('/de/asset/images/02_solutions/biosign_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.solutions_visual.privacy_protection {background:url('/de/asset/images/02_solutions/privacy_protection_visual.jpg') no-repeat 50% 50%;background-size:cover;}

/* sticky-menu */
#solutions_wrap .sticky-menu { position:relative; left:0; top:0; display:block; width:100%; height:80px; margin:0 auto; background: #f5f5f5; box-sizing:border-box; z-index:10; }
#solutions_wrap .sticky-menu a { display:inline-block; /*line-height:78px;*/ letter-spacing:-0.025em; vertical-align:middle; }
#solutions_wrap .sticky-menu .left_link { float:left; }
#solutions_wrap .sticky-menu .left_link a { display: flex; justify-items: center; align-items: center; float: left; height:80px; padding-right:10px; font-size:17px; font-weight:500; transition:all .5s; letter-spacing:-0.1em;  }
#solutions_wrap .sticky-menu .left_link a:last-child { padding-right:0; }
#solutions_wrap .sticky-menu .left_link a:hover { font-weight:600; color:#a12642; }
#solutions_wrap .sticky-menu .left_link a.on { font-weight:600; color:#a12642; }
#solutions_wrap .sticky-menu .right_link { float:right; text-align:right; }
#solutions_wrap .sticky-menu .right_link .btn_inquiry { width:152px; height:42px; line-height:42px; font-size:1em; font-weight:500; color:#a12642; text-align:center; border:1px solid #a12642; border-radius:21px; transition:all .5s; }
#solutions_wrap .sticky-menu .right_link .btn_inquiry:hover { color:#fff; background: #a12642; }
#solutions_wrap .sticky-menu .right_link .btn_share { /*margin-left:10px;*/ width:54px; height:80px; font-size:0; background:url('/de/asset/images/common/icon-share.png') no-repeat right center; }

#solutions_wrap .sticky-menu .right_link .share_area { position:absolute; display:none; right:0; top:80px; padding:10px; background: #fff; box-shadow: 10px 10px 30px #ddd; z-index:7;}
#solutions_wrap .sticky-menu .right_link .share_area a { line-height:44px; }

.h3_title {font-size: 36px;font-weight: 600;color:#222;}

.solutions_contents_wrap {position:relative;width:100%;max-width:1204px;margin:0 auto;}
.solutions_module { margin-top:70px; }
.solutions_sub_module { margin-top:20px; }
.solutions_module > p { font-size: 18px; font-weight: 350; color:#666; line-height:1.8em; margin-top:20px;}
.solutions_module > p.all_solution_txt { font-size:32px; line-height:42px; font-weight:400; color:#a12642; }

/* 솔루션 서브메인 */
#solutions_wrap.solutions_submain { background-color:#f4f4f4!important; }
.solutions_visual.solutions_submain_visual { height:700px; background:url('/de/asset/images/02_solutions/bg_solutions_submain.jpg') center center no-repeat; background-size:cover; }
.solutions_visual.solutions_submain_visual dl { width:100%; }
.solutions_visual.solutions_submain_visual dl dt { font-size: 60px; line-height:1.2em; }
.solutions_visual.solutions_submain_visual dl dd { font-size: 24px; margin-top:20px; }
.solutions_submain h2 { font-size:36px; font-weight:300; color:#222; text-align:center; margin-top:70px; }
.solutions_submain_list { width:100%; background:#fff; margin-top:30px; }
.solutions_submain_list::after { display:block; content:''; clear:both; }
.solutions_submain_list > li { position:relative; float:left; width:16.61%; height:270px; box-sizing:border-box; padding:21px 1.66% 29px; }
.solutions_submain_list > li::after { position:absolute; content:''; width:1px; height:70px; top:90px; right:0; background:#ddd; }
.solutions_submain_list > li:last-child::after { display:none; }
.solutions_submain_list > li > a { display:block; width:100%; height:100%; box-sizing:border-box; text-align:center; font-size: 16px; font-weight: 350; color:#666; border-radius:8px; padding-top:136px; }
.solutions_submain_list > li > a:hover { background-color:#a12944; font-weight: 500; color:#fff; box-shadow:15px 15px 50px 10px #c2c2c2;}
#icon-construction { background-image:url('/de/asset/images/02_solutions/icon-construction.png'); background-repeat:no-repeat; background-position:center 46px; }
#icon-datacenter { background-image:url('/de/asset/images/02_solutions/icon-datacenter.png'); background-repeat:no-repeat; background-position:center 47px; }
#icon-health { background-image:url('/de/asset/images/02_solutions/icon-health.png'); background-repeat:no-repeat; background-position:center 55px; }
#icon-commercial { background-image:url('/de/asset/images/02_solutions/icon-commercial.png'); background-repeat:no-repeat; background-position:center 56px; }
#icon-infra { background-image:url('/de/asset/images/02_solutions/icon-infra.png'); background-repeat:no-repeat; background-position:center 48px; }
#icon-manufacturing { background-image:url('/de/asset/images/02_solutions/icon-manufacturing.png'); background-repeat:no-repeat; background-position:center 51px; /*font-size:16px;*/ }
#icon-construction:hover { background-image:url('/de/asset/images/02_solutions/icon-construction-on.png'); }
#icon-datacenter:hover { background-image:url('/de/asset/images/02_solutions/icon-datacenter-on.png'); }
#icon-health:hover { background-image:url('/de/asset/images/02_solutions/icon-health-on.png'); }
#icon-commercial:hover { background-image:url('/de/asset/images/02_solutions/icon-commercial-on.png'); }
#icon-infra:hover { background-image:url('/de/asset/images/02_solutions/icon-infra-on.png'); }
#icon-manufacturing:hover { background-image:url('/de/asset/images/02_solutions/icon-manufacturing-on.png'); /*font-size:16px;*/ }
#icon-access { background-image:url('/de/asset/images/02_solutions/icon-access.png'); background-repeat:no-repeat; background-position:center 46px; }
#icon-time { background-image:url('/de/asset/images/02_solutions/icon-time.png'); background-repeat:no-repeat; background-position:center 47px; }
#icon-mobile { background-image:url('/de/asset/images/02_solutions/icon-mobile.png'); background-repeat:no-repeat; background-position:center 55px; }
#icon-face { background-image:url('/de/asset/images/02_solutions/icon-face.png'); background-repeat:no-repeat; background-position:center 56px; }
#icon-biosign { background-image:url('/de/asset/images/02_solutions/icon-biosign.png'); background-repeat:no-repeat; background-position:center 48px; /*font-size:16px;*/ letter-spacing:-0.05em; }
#icon-privacy { background-image:url('/de/asset/images/02_solutions/icon-privacy.png'); background-repeat:no-repeat; background-position:center 51px; /*font-size:16px;*/ letter-spacing:-0.07em; }
#icon-access:hover { background-image:url('/de/asset/images/02_solutions/icon-access-on.png'); }
#icon-time:hover { background-image:url('/de/asset/images/02_solutions/icon-time-on.png'); }
#icon-mobile:hover { background-image:url('/de/asset/images/02_solutions/icon-mobile-on.png'); }
#icon-face:hover { background-image:url('/de/asset/images/02_solutions/icon-face-on.png'); }
#icon-biosign:hover { background-image:url('/de/asset/images/02_solutions/icon-biosign-on.png'); /*font-size:16px;*/ letter-spacing:-0.07em; }
#icon-privacy:hover { background-image:url('/de/asset/images/02_solutions/icon-privacy-on.png'); /*font-size:16px;*/ letter-spacing:-0.07em; }


.solutions_list_box { width:100%; box-sizing:border-box; border:1px solid #ddd; padding:45px 60px; margin-top:20px; }
.solutions_list_box > ul { overflow:hidden; }
.solutions_list_box > ul > li { float:left; width:50%; padding-left:18px; background:url('/de/asset/images/common/ico_dot.png') left 13px no-repeat; font-size: 18px; font-weight: 350; color:#666; box-sizing: border-box; line-height:1.8em; }

/* 1102 수정사항 */
.using_scenario { height:auto; text-align:center; margin-top:20px; position: relative; }
.using_scenario img { max-width:none; }
.tooltip{display:none; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
/* 1102 수정사항 끝 */


.solutions_module > p.scenario_title { font-size: 24px; font-weight: 500; color:#222; margin:50px 0 10px; }
.feature_list { overflow:hidden; margin-top:20px; }
.feature_list > li { float:left; width:582px; margin-right:40px; margin-bottom:50px; }
.feature_list > li:nth-child(2n) { margin-right:0; }
.feature_list > li > img { width:100%; }
.feature_list > li > p { font-size: 24px; font-weight: 500; color:#222; margin-top:25px; }
.feature_list > li > ul { margin-top:20px; }
.feature_list > li > ul > li { font-size: 18px; font-weight: 350; color:#666; line-height:1.8em; padding-left:15px; background:url('/de/asset/images/common/ico_dot.png') left 13px no-repeat; }
.feature_list > li > ul > li > ul { padding-left:10px; }

.solutions_sub_module > h4 { font-size: 24px; font-weight: 500; color:#222; }
.solutions_sub_module > ul { margin:20px 0 60px; }
.platform_app_list::after,
.solutions_product_list::after { display:block; content:''; clear:both; }
.platform_app_list > li { float:left; position:relative; width:388px; margin-right:20px; }
.platform_app_list > li:nth-child(3n) { margin-right:0; }
.platform_app_list > li img { width:100%; }
.platform_app_list > li p { position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; text-align:center; font-size: 20px; color:#fff; background:rgba(0, 0, 0, 0.4); }
.platform_app_list > li p > span { display:inline-block; width:8px; height:13px; background:url('/de/asset/images/02_solutions/solution_arrow.png'); margin-left:10px; }
.solutions_product_list > li { display:inline-block; width:286px; text-align:center; margin-bottom:30px; margin-right:16px; }
.solutions_product_list > li:nth-child(4n) { margin-right:0; }
.solutions_product_list > li div { width:100%; height:286px; line-height:286px; }
.solutions_product_list > li div > img { vertical-align: middle; }
.solutions_product_list > li p { font-size: 22px; font-weight: 500; color:#222; }


/* 적용분야 : 공통 */
.h4_title { font-size:48px; font-weight:600; color:#222; text-align: center; }

.common_applications .text_area { line-height:32px; padding:80px 0; font-size:18px; font-weight:400; color:#666; }
.common_applications .text_area p { margin-top:20px; }

/* 통합 솔루션 */

.solutions_module .logo_box:after{content:''; display:block; clear:both;}
.solutions_module .logo_thumnail{float:left; width:23.2%;  margin-right:2%; height:160px; border:1px solid #ddd; margin-bottom:2%;}
.solutions_module .logo{display: block; position: relative; width:100%; height:100%;}
.solutions_module .logo img{display:block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.solutions_module .logo_thumnail:nth-child(4n){margin-right:0;}
.solutions_module .logo_thumnail .logo_popup{width: 725px; position: fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:778; display:none;}
.solutions_module .logo_thumnail .logo_pop_top{height:100px; font-size: 32px; font-weight:600; background:#f8f8f8; box-sizing:border-box; position: relative;}
.solutions_module .logo_thumnail .logo_pop_top p{font-size: 32px; font-weight:600; position: absolute; top:50%; left:50px; transform:translateY(-50%); color:#222;}
.solutions_module .logo_thumnail .logo_pop_top img{position:absolute; top:50%; right:50px; transform:translateY(-50%);}
.solutions_module .logo_thumnail .logo_pop_middle{padding: 0 50px; box-sizing: border-box; height:810px; overflow-y: auto;}
.solutions_module .logo_thumnail .logo_pop_middle .brochure_download{width:90%; margin:0 auto 20px;}
.solutions_module .logo_thumnail .logo_pop_middle .brochure_download:after{display:block; content:''; clear:both;}
.solutions_module .logo_thumnail .logo_pop_middle .brochure_download .download{display:block;float:left;width: 49%;height: 50px;line-height: 50px;margin:0 auto;border-radius: 50px;box-sizing:border-box;font-size:1em; font-weight:500; color:#a12642; background: url('/ko/asset/images/common/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642;text-align:center;}
.solutions_module .logo_thumnail .logo_pop_middle .brochure_download .download:first-child{margin-right:2%;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_plan{padding: 0 30px; box-sizing: border-box; border:1px solid #ddd; margin:20px 0;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_plan img{display:block; margin:40px auto 40px;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_plan p{font-size: 16px; line-height:26px; font-weight:400; margin-bottom:50px; color:#666;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_list{clear:left;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_list li{font-size: 16px; line-height:32px; font-weight:400; color:#222; list-style:disc; margin-left:20px;}
.solutions_module .logo_thumnail .logo_pop_middle .logo_text{margin: 30px 0 50px 0; font-size:16px; line-height:26px; color:#666; font-weight:400; color:#666; }

/* 솔루션 특징 */
.common_wide_box { position: relative; display:block; width:100%; }
.common_wide_box dl { position:absolute; left:50%; top:50%; width:600px; transform: translate(-600px, -50%); }
.common_wide_box dl dt { margin:0 0 20px; font-size:48px; font-weight:500; color:#222; }
.common_wide_box dl dd { line-height:32px; font-size:18px; color:#666; }

.common_wide_box dl.txt_white dt { color:#fff; }
.common_wide_box dl.txt_white dd { color:#fff; opacity:0.7; }
.common_wide_box dl.txt_right { padding-left:600px; }
.common_wide_box dl.txt_center { top:0; width:1200px; padding-top:80px; transform: translate(-600px, -0%); text-align:center; }

.common_wide_box.bg01 { height:600px; margin:40px 0 0; background: url('/de/asset/images/02_solutions/common_wide_box_bg01.jpg') no-repeat 50% 50%; }
.common_wide_box.bg02 { height:586px; margin:40px 0 0; background: url('/de/asset/images/02_solutions/common_wide_box_bg02.jpg') no-repeat 50% 50%; }
.common_wide_box.bg03 { height:600px; margin:40px 0 0; background: url('/de/asset/images/02_solutions/common_wide_box_bg03.jpg') no-repeat 50% 50%; }
.common_wide_box.bg04 { height:600px; margin:0 0 100px; background: url('/de/asset/images/02_solutions/common_wide_box_bg04.jpg') no-repeat 50% 50%; }
.common_wide_box.bg05 { height:823px; margin:40px 0 0; background: url('/de/asset/images/02_solutions/common_wide_box_bg05.jpg') no-repeat 50% 50%; }
.common_wide_box.bg06 { height:620px; margin:0 0 0; background: url('/de/asset/images/02_solutions/common_wide_box_bg06.jpg') no-repeat 50% 50%; }
.common_wide_box.bg07 { height:993px; margin:40px 0 100px; background: url('/de/asset/images/02_solutions/common_wide_box_bg07.jpg') no-repeat 50% 50%; }

/* 다양한 관리 기능 */
.manage_funtion { margin-bottom:100px; padding:100px 0 0; background: #f8f8f8; }
.manage_funtion .top_text { padding-top:20px; font-size:18px; color:#666; text-align:center; }
.manage_funtion ul { margin-top:60px; }
.manage_funtion ul:after { display:block; content:''; clear:both; }
.manage_funtion ul li { position:relative; float:left; width:50%; height:136px; margin:0 0 30px; text-align: left; }
.manage_funtion ul li .icon_box { display:block; width:136px; height:136px; }
.manage_funtion ul li .text { position:absolute; left:160px; top:50%; line-height:28px; font-size:18px; color:#666; letter-spacing: -0.025em; transform: translateY(-50%); width:60%;}

/* 관련 정보 */
.related_information { margin:40px 0 150px; }
.related_information:after { display:block; content:''; clear:both; }
.related_information li { float:left; width:48%; }
.related_information li:first-child { margin-right:4%; }
.related_information li a { display:block; height:180px; line-height:180px; padding-right:60px; font-size:24px; font-weight:500; color:#fff; text-align:right; }
.related_information li.bg06 a, .related_information li.bg07 a{position: relative; line-height:30px; font-size:20px; text-align: center; padding:0;}
.related_information li.bg06 a span, .related_information li.bg07 a span{width:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.related_information li.bg01 a { background:url('/de/asset/images/02_solutions/related_information_bg01.jpg') no-repeat left top; }
.related_information li.bg02 a { background:url('/de/asset/images/02_solutions/related_information_bg02.jpg') no-repeat left top; }
.related_information li.bg03 a { background:url('/de/asset/images/02_solutions/related_information_bg03.jpg') no-repeat left top; }
.related_information li.bg04 a { background:url('/de/asset/images/02_solutions/related_information_bg04.jpg') no-repeat left top; }
.related_information li.bg05 a { background:url('/de/asset/images/02_solutions/related_information_bg05.jpg') no-repeat left top; }
.related_information li.bg06 a { background:url('/de/asset/images/02_solutions/related_information_bg06.jpg') no-repeat left top; }
.related_information li.bg07 a { background:url('/de/asset/images/02_solutions/related_information_bg07.jpg') no-repeat left top; }

/* 적용분야 : 개인정보보호 */
.privay_txt_box { display:block; margin:40px 0 150px; background: #f7f7f7; overflow: hidden; }
.privay_txt_box .vertical_box { display:table; max-width:1204px; height:140px; margin:60px auto; }
.privay_txt_box .vertical_box .icon_box { display:table-cell; width:15%; height:140px; vertical-align:middle; }
.privay_txt_box .vertical_box dl { display:table-cell; width:85%; height:140px; padding-left:0; box-sizing:border-box; vertical-align:middle; }
.privay_txt_box .vertical_box dl dt { margin:0 0 10px; font-size:24px; font-weight:500; color:#222; }
.privay_txt_box .vertical_box dl dd { font-size:18px; color:#666;}
.access_control .privay_txt_box .vertical_box dl dd { line-height:1.5;}

/* 모바일 인증 솔루션 1101 수정사항 */
.table_h5 {margin:0 0 60px; font-size:48px; font-weight:500; color:#222; text-align:center; }
.solution_table {margin-bottom:200px;}
.solution_table:after {display:block; content: ''; clear:both;}
.solution_table .th{width:38%; float:left; height:235px;background: #f5f5f5; text-align:center; border-top:1px solid #ccc; position: relative;}
.solution_table .th p{font-size: 28px; line-height: 62px; font-weight:600;}
.solution_table .th span{font-size: 20px; line-height: 32px;}
.solution_table .td{width:62%; float:left; height:236px; color:#222; font-size:16px; letter-spacing: -0.03em; border-top:1px solid #ccc; font-size:18px; line-height:32px; position: relative;}
.solution_table .bdb{ border-bottom: 1px solid #ccc;}
.solution_table .td strong{line-height:42px;}
.solution_table .td ul li{list-style:disc; margin-left:20px; color:#666;}
.solution_table .txt_center{position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width:90%;  }
.solution_table .td .txt_center{padding-left:5%; box-sizing:border-box; width:100%;}