@charset "utf-8";
/* color */
:root {
    --bsx-gr: linear-gradient(70deg,#00a0e9 0%, #8F71F5 50%, #e62e8b 100%);
    --bsx-gr-hover: linear-gradient(70deg,hsl(199, 100%, 36%) 0%, hsl(254, 87%, 60%) 50%, hsl(330, 79%, 44%) 100%);
    --pink:#e62e8b;
    --blue:#00a0e9;
    --purple:#8F71F5;
    --x-bg-black: #212126;
    --x-bg-purple: #17172A;
    --x-bg-light-purple: #44447D;
    --blk-gr: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
    --black: #171a20;
}

.txt-pink {color: var(--pink);}
.txt-blue {color: var(--blue);}

#wrap { width:100%; height:100%; margin:0 auto; }
.m_header, .navbar, .drawermenu { display: none; }

::-webkit-scrollbar { height:0.33vw; width:0.33vw }
::-webkit-scrollbar-track { background: #edecf1; }
::-webkit-scrollbar-thumb { background: #a12944; }

/*header*/
#header { display:block; width:100%; height:100px; transition:all .3s; padding:0 50px; box-sizing:border-box; z-index:99; }
#header:after { display:block; content:''; clear:both; }
#header:hover { background: #fff; }
#header:hover #gnb_container .gnb > li > a{ color:#222; }
#header:hover #side_menu_container .all_search_container .btn_all_search { background:url('../png/btn_all_search_black.png') no-repeat center; }
#header:hover #side_menu_container .btn_em_mode { background: #a12944; color:#fff; }
#header:hover #side_menu_container .btn_em_mode:hover { background: #333; color:#fff; }
#header:hover #logo a { background:url('../svg/m_logo_r.svg') 0 0 no-repeat; background-size:100% auto; }
#header:hover #top_odd a { color:#999; }
#header:hover #top_odd .selectBox .txt {color:#999;}
#header:hover #top_odd .selectBox option { font-size:18px; }
#header:hover .selectBox .select li { color:#aaa; }

/* check, hover 스타일 설정 IE, Chrome */
select option:checked, select option:hover { background: #eee; color: #222; }
/* check, hover 스타일 설정 FireFox */
select option:checked, select option:hover { background: #eee; color: #222; }

.main_header { position:fixed; }
.sub_header { position:absolute; border-bottom:1px solid rgba(204,204,204,0.25); top:0; }

/* 문의하기 완료 : 팝업 */
#inquiry_complete { position:fixed; display:none; left:50%; top:100px; width:720px; height:750px; padding:160px 0 220px; color:#fff; text-align:center; background: #a12944; box-sizing:border-box; transform: translateX(-50%); z-index:102; }
#inquiry_complete .icon { width:200px; height:200px; margin:0 auto; border-radius:100%; box-shadow:10px 10px 30px rgba(0,0,0,0.4); }
#inquiry_complete .text1 { margin:50px 0 25px; font-size:42px; font-weight:500; }
#inquiry_complete .text2 { font-size:25px; font-weight:200; }
#inquiry_complete .text3 { font-size:28px; font-weight:500; margin-top:35px;}
#inquiry_complete .btn_x { position:absolute; right:40px; top:35px; }

/*logo*/
#logo { display:block; float:left; margin-top:38px; }
#logo a { display:block; width:162px; height:39px; text-indent:-9999px; background:url('../svg/m_logo.svg') 0 0 no-repeat; background-size:100% auto;}
#logo a:hover { background:url('../svg/m_logo_r.svg') 0 0 no-repeat; background-size:100% auto;}

/* gnb */
#gnb_container { display:block; float:left; padding-left:20px; margin:0 auto; }
#gnb_container .gnb:after { display:block; content:''; clear:both; }
#gnb_container .gnb > li { display:block; float:left; height:80px; margin-top:20px; padding:0 10px; }
#gnb_container .gnb > li > a { display:block; line-height:60px; padding:0 0 20px 0; font-size:18px; font-weight:400; color:#fff; letter-spacing:-0.02em; text-transform: uppercase; }
#gnb_container .gnb > li > a > span { position:relative; display:inline-block; }
#gnb_container .gnb > li > a > span:before { position:absolute; left:0; bottom:-20px; display:block; width:100%; height:5px; background: transparent; content:''; transition:all .4s; }
#gnb_container .gnb > li > a:hover > span:before { background: #a12944; }
#gnb_container .gnb > li > a > span.ico-hub {font-weight: 700;}
#gnb_container .gnb > li > a > span.ico-hub i {vertical-align: -3px; font-size: inherit; margin-right: 6px;}

.white_header { background: #fff;  box-shadow:0 0 25px 10px rgba(0, 0, 0, 0.25) }
.white_header #logo a{ background:url('../svg/m_logo_r.svg') 0 0 no-repeat; background-size:100% auto;}
.white_header #gnb_container .gnb > li > a { color:#222}
.white_header #side_menu_container .all_search_container .btn_all_search { background:url('../png/btn_all_search_black.png') no-repeat center; }
.white_header #side_menu_container .btn_em_mode { background: #a12944; color:#fff; }
.white_header #side_menu_container .btn_em_mode_t { background: #a12944; color:#fff; }
.white_header #top_odd a { color:#999; }
.white_header #top_odd .selectBox .txt { color:#999; text-transform:uppercase; }

.line_header { position:fixed; background: #fff;  border-bottom:1px solid #ddd; }
.line_header #logo a{ background:url('../svg/m_logo_r.svg') 0 0 no-repeat; background-size:100% auto;}
.line_header #gnb_container .gnb > li > a { color:#222}
.line_header #side_menu_container .all_search_container .btn_all_search { background:url('../png/btn_all_search_black.png') no-repeat center; }
.line_header #side_menu_container .btn_em_mode { background: #a12944; color:#fff; }
.line_header #side_menu_container .btn_em_mode_t { background: #a12944; color:#fff; }
.line_header #top_odd a { color:#999; }
.line_header #top_odd .selectBox .txt { color:#999; text-transform:uppercase; }

/*gnb_2��*/
.sn_container { position:absolute; left:0; top:100px; width:100%; height:380px; letter-spacing:-0.02em; background: #fff; border-top:1px solid #ddd; margin-top:-1px; border-bottom: 2px solid #f1f1f1; /* transition: all .3s;  *//* opacity: 0; */overflow: hidden;display: none;}
.sn_container.active {height: 380px; opacity: 1; display:block; z-index:10;}
.sn_container .sn_inner, .sn_container .sn_inner_suprema { width:1200px; margin:0 auto; }
.sn_container .sn_inner:after, .sn_container .sn_inner_suprema:after { display:block; content:''; clear:both; }

.sn_container dl { float:left; width:600px; position:relative; }

/* 2020-06-09 hjjeon */
.sn_container dl .sub-prod a {font-size: 0.95em; padding-left: 16px; opacity: 0.8;}
.sn_container dl dt {padding: 45px 0 12px;}
.sn_container .menu_support,
.sn_container .gnb_product {position:relative; width: 1440px; display: flex; justify-content: space-between;}
.sn_container .gnb_product dl.sn1_1 { float:left; width:auto; position:relative;}
.sn_container .gnb_product dl.sn1_2 { float:left; width:660px; position:relative; }
.sn_container .gnb_product dl.sn1_2 .sn_dep3 {right:30px;}
.sn_container .gnb_product .snl_box { float:left; width:240px; position:relative; padding-top: 45px;padding-left: 0;}
.sn_container .gnb_product span.line { height:275px; }
.sn_container .gnb_product span.line.line01 { left:277px; }
.sn_container .gnb_product span.line.line02 { left:950px; }
.sn_container .gnb_product .sn1_2 .product_img {top: 90px;}
.sn_container .gnb_product .snl_box .product_img { background: #f8f0f2 url('../png/ico_prod_select.png') no-repeat; box-sizing: border-box; height: 250px; background-position: 148px 100px; position: unset;}
.sn_container .gnb_product .snl_box .product_img a{ position:relative; width: 100%; height: 100%; display: inline-block; padding: 24px; box-sizing: border-box; color: #222; }
.sn_container .gnb_product .snl_box .product_img h5 {font-size: 18px; font-weight: 700; line-height: 1;}
.sn_container .gnb_product .snl_box .product_img p {line-height: 1.4; margin-top: 12px;}
.sn_container .gnb_product .snl_box .product_img .btn-primary-line {position: absolute;bottom: 24px; width: calc(100% - 48px);}
.sn_container .gnb_product .btn-primary-line{ display: inline-block; text-transform: uppercase; box-sizing: border-box; padding: 8px 36px;line-height: 20px; color: #a12944; font-weight: 600; background: url(../png/icon-arrow-right_on_bold.png) right 16px center no-repeat; text-align: center;} 
.sn_container .gnb_product .btn-primary-line:hover{ color: #fff; background: #a12944 url(../png/icon-arrow-right_bold.png) right 16px center no-repeat; border-color: #a12944;} 

.sn_container .gnb_product .sn1_1 .snl_box {display: none;}

.sn_container .gnb_product .snl_box:hover .btn-primary-line,
.sn_container .gnb_product .lnb_finger:hover .btn-primary-line {background: #a12944 url(../png/icon-arrow-right_bold.png) right 16px center no-repeat; color: #fff; }
.sn_container .snl_box .product_img {display: inline-block; background: #f8f0f2; width: 100%; height: 100%;}

.sn_container dl:last-child{ padding-left:35px; box-sizing:border-box; }
.sn_container dl dt { padding:45px 0 20px; font-size:20px; font-weight:600; color:#222; text-transform: uppercase;}
.sn_container dl dd .txt,.sn_container dl dd a { line-height:34px; font-size:16px; font-weight:400; color:#666; transition:all .45s; }
.sn_container dl dd.biometric_prod a {line-height: 30px;}
.sn_container dl dd.eol_prod a {line-height: 27px;}
.sn_container dl dd.eol_prod .sn_dep3 {height:270px;}
.lang_fr .sn_container dl dd a {font-size: 15px;}
.sn_container dl dd .two_line {line-height: 1; margin-top: 10px;}
.sn_container dl dd:not(.product_img) a:hover { color:#a12944;}
.sn_container .shorcut { position:absolute; left:0; bottom:0; display:block; width:100%; line-height:51px; font-size:1.125em; font-weight:600; color:#a12944; text-align:center; background: #f2f2f2; }
.sn_container .shorcut span { display:inline-block; padding-right:40px; background: url('../ps_arr.html') no-repeat right 50%;}
.sn_container .shorcut span img { vertical-align: middle; padding-bottom:3px;}
.sn_container dd.product_img { display:inline-block; position:absolute; top:50px; right:50px; }
.sn_container dd.product_img_en { display:inline-block; position:absolute; top:50px; right:-150px; }
.sn_container .line { position:absolute; left:50%; top:48px; display:block; width:1px; height:204px; background: #ddd; }


.sn_container .sn_inner_suprema { position:relative; max-width:1920px; margin:0 auto;}
.sn_container .sn_inner_suprema dl { float:left; } 
.sn_container .sn_inner_suprema .suprema_img { position:absolute; top:45px; right:0; }

.sn_container .sn_inner.menu_support {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.sn_container .sn_inner .solution_sn {width: auto;}
.sn_container .sn_inner .solution_sn.download_sn {width:240px; padding-top: 45px;}    
.sn_container .sn_inner .solution_sn .wrap_download {padding: 28px; background: #f8f0f2 url(../svg/ico_download_v21b26.svg?v2) no-repeat; box-sizing: border-box; height: 250px;background-position: bottom 72px right 28px; background-size: 60px auto;}
.sn_container .sn_inner .solution_sn .wrap_download h5 {font-size: 18px; font-weight: 700; line-height: 1; color: #222;}
.sn_container .sn_inner .solution_sn .wrap_download p {line-height: 1.4; margin-top: 12px; color: #222;}
.sn_container .sn_inner .solution_sn .wrap_download .btn-primary-line {width: 100%;box-sizing: border-box;text-align: center;padding: 8px;line-height: 1.25; background: url(../png/icon-arrow-right_on_bold.png) right 16px center no-repeat; text-transform: uppercase; font-weight: 600;}
.sn_container .sn_inner .solution_sn .wrap_download .btn-primary-line:hover {background: #a12944 url(../png/icon-arrow-right_bold.png) right 16px center no-repeat;color: #fff;}
.sn_container .sn_inner .solution_sn .wrap_download .download_inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}  
.sn_container .sn_inner.menu_support .solution_sn:last-child {padding-left: 0;} 
.sn_container .sn1_2 dd.product_img {top: 76px; right:30px;}
.sn_container .solution_sn .mb_sn {display: none;}

.badge-update {background: var(--bsx-gr); margin-left: 8px; font-weight: 700; font-size: 75%; color: #fff; padding: 4px 12px; border-radius: 16px; vertical-align: bottom;}

@media screen and (max-width:1399px) {
    .sn_container .gnb_product .sn1_3.snl_box {display: none;}
    .sn_container .gnb_product .sn1_1 .snl_box {display: block; padding-top: 0;}
    
    .sn_container .sn_inner, .sn_container .sn_inner_suprema,
    .sn_container .menu_support,
    .sn_container .gnb_product {width: 100%; padding: 0 30px;}
    .sn_container .gnb_product .sn1_3 .product_img {top: 20px;}
    .sn_container .solution_sn.pc_sn {display: none;}
    .sn_container .solution_sn .mb_sn {display: block;}
    .sn_container .gnb_product.lang_other dl.sn1_1 {margin-right: 34px;}
}



.sn_dep2 {position:relative; display:inline-block; width:217px; background-image:url('../png/gnb_txt_right.png'); background-repeat:no-repeat; background-position:center right; }
.gnb_wide .sn_dep2 {width: 230px;}
.sn_container dl dd .sn_dep2:hover, .sn_dep2.on {color:#a12944; background-image:url('../png/gnb_txt_right_on.png');}
.sn_dep3 {display:none; position:absolute; top:90px; right:-100px; width:384px; height:232px; padding:15px 0 15px 53px; background-color:#f8f8f8; box-sizing:border-box; overflow:hidden; z-index: 10;}
.sn_dep3.on {display:block;}
.sn_dep3 ul {float:left; width:135px; }
.sn_dep3 ul + ul {margin-left:30px;}
.sn_dep3 ul li .txt,.sn_dep3 ul li a {font-size:14px;}
.sn_dep3 ul li a:hover, .sn_dep3 ul li a.on {color:#a12944; border-bottom:1px solid #a12944;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_finger {padding: 0; background:url('../jpg/lnb_qface_pro.jpg') no-repeat; text-align: center;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_finger a{width: 100%; height: 100%; display: inline-block; padding-top: 170px;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_finger .btn-primary-line {min-width: 50%; color: #fff; border-color:#fff; background: url(../png/icon-arrow-right_bold.png) right 16px center no-repeat;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_finger .btn-primary-line:hover {background: #a12944 url(../png/icon-arrow-right_bold.png) right 16px center no-repeat; border-color:#a12944;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_wireless {padding: 0; background:url('../webp/lnb_wireless_doorlock1b26.webp?v2') no-repeat; text-align: center;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_photo a{width: 100%; height: 100%; display: inline-block; padding-top: 170px;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_photo .btn-primary-line {min-width: 50%; background: url(../png/icon-arrow-right_bold.png) right 16px center no-repeat;}
.sn_container .gnb_product dl.sn1_2 .sn_dep3.lnb_photo .btn-primary-line:hover {background: #a12944 url(../png/icon-arrow-right_bold.png) right 16px center no-repeat; border-color:#a12944;}

/* case study */
/* 2020-06-30 */
.sn_container .sn_inner_solutions dl{width:266px;}
.sn_container .sn_inner_solutions .sn1_4{float:left; width:400px; padding-top:50px; position:relative;}
.sn_container .sn_inner_solutions .sn1_4 a{display:inline-block; width:185px; height:44px; line-height:44px; border-radius:22px; font-size:20px; position:absolute; bottom:43px; left:50%; transform:translateX(-50%); text-shadow: 0 0 6px rgba(0, 0, 0, 0.47); color:#fff; font-weight:500; background:#9c2c49; text-align:center;}
/* 2020-06-30 */

/*top_��ư*/
#top_odd{ position:relative; padding:35.5px 0 0; box-sizing:border-box; display:inline-block; float:right; margin-right:250px; }
#top_odd.type_wide {margin-right: 300px;}
#top_odd a { font-size:16px; color:#fff; font-weight:400; float:left; height:30px; display:block; line-height:33px; font-weight:500; margin-top:-1.6px; }
#top_odd a img{ vertical-align: middle; }
#top_odd a:hover { color:#a12944; }

#top_odd .selectBox {position:relative;display:inline-block;width:auto;height:30px;background:url('../png/lang_bg.png')  center right no-repeat; float:left; cursor: pointer;}
#top_odd .selectBox:hover .txt { color:#a12944; text-transform:uppercase; }
#top_odd .selectBox .txt {display:block;height:30px;line-height:30px; font-size:16px; color:#fff; font-weight:500; cursor: pointer;padding-left:10px;padding-right:15px; text-transform:uppercase; }
#top_odd .selectBox .txt .material-icons {vertical-align: middle; margin-right: 6px; font-size: 1.25em;}
#top_odd .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px; cursor: pointer;}
#top_odd .selectBox select {position:absolute;left:0;top:0;display:block;width:50px;height:30px;opacity:0;filter: alpha(opacity=0);z-index:10; font-size:14px; color:#aaa; 
	appearance:none; 
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none
}
#top_odd .selectBox .select {position:absolute;left:0;top:42px;display:none;width:auto;filter: alpha(opacity=0);z-index:10; font-size:18px; color:#aaa; text-transform:uppercase;background:#fff; padding:10px; border:1px solid #ddd;
	appearance:none; /* �⺻ ��Ÿ�� ���ֱ� */ 
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none
}
#header #top_odd .selectBox .select li:hover { color: #a12944;}
#header #top_odd .selectBox .select li:hover a { color: #a12944;}
#top_odd .selectBox .select li { width:100%; color:#666;}
#top_odd .selectBox .select li a{color:#666; margin:0;}
#top_odd .selectBox .select li a:last-child{padding-bottom:0;}

/*top_search*/
#side_menu_container { position:absolute; right:50px; top:0; line-height:60px; }
#side_menu_container .all_search_container { display:block; float:left; position:relative; z-index: 50; }
#side_menu_container .all_search_container:after { display:block; content:''; clear:both; }
#side_menu_container .all_search_container .btn_all_search { display:block; width:50px; height:50px; background:url('../png/btn_search.png') no-repeat center; position:absolute; top:25px; right:5px;}
#side_menu_container .all_search_container .on { display:none; width:50px; height:50px; background:url('../png/btn_search.png') no-repeat center; position:absolute; top:20px; right:80px;}
#side_menu_container .all_search_container input[type=text] { position:absolute; left:-490px; display:block; float:left; width:0px; height:60px; color:#fff; background: #6b2533; border-radius:60px; border:none; outline:0; margin:16px 60px 0 0; box-sizing:border-box; }
#side_menu_container .all_search_container .btn_search_close { display:none; width:100px; height:100px; background:url('../png/btn_close_black.png') no-repeat center; position:absolute; top:-5px; right:-10px;}
#side_menu_container .all_search_container input[type=text]::-webkit-input-placeholder { color: #fff; }

/*em_btn*/
#side_menu_container .btn_em_mode { display:block; float:left; padding:0 40px; height:60px; font-size:1em; font-weight:600; color:#a12944; text-align:center; /* letter-spacing:-0.04em;  */text-transform: uppercase; background: #fff; border-radius: 60px; margin-top:17px; }
#side_menu_container .btn_em_mode_t { display:none; float:left; padding:0 40px; height:60px; font-size:0.8em; line-height:17px; font-weight:600; color:#a12944; text-align:center; /* letter-spacing:-0.04em;  */text-transform: uppercase; background: #fff; border-radius: 60px; margin-top:17px; padding-top:13px; box-sizing:border-box; }
#side_menu_container .btn_em_mode.two_line, #side_menu_container .btn_em_mode_t.two_line {line-height: 1.25; padding-top: 10px; box-sizing: border-box;}


#header_m, .menu-wrap, #footer_m, .paging_m{display:none;}

/*cont*/
.cont { width:100%; margin:0 auto; position:relative; }

/*main_rolling*/
.main_rolling{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; display:block; position:relative; }
.main_rolling .swiper-container { width: 100%; margin:0 auto; }
.main_rolling .swiper-container .swiper-wrapper .swiper-slide {width:100%; height:56.1vw; overflow:hidden; }
.main_rolling .swiper-container .swiper-wrapper .swiper-slide img { width:100%; }

.main_rolling .swiper-container .swiper-wrapper video { width:100%; height:auto; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.main_rolling .swiper-container .video_txt { width:100%; position:absolute; top:50%; transform:translateY(-50%); text-align:left; color:#fff; z-index:10; padding:0 17%; box-sizing:border-box; }
.main_rolling .swiper-container .video_txt dt.text_deco a { color:#fff; }
.main_rolling .swiper-container .video_txt_b { color:#222; }
.main_rolling .swiper-container .video_txt_b dt.text_deco a { color:#222;}
.main_rolling .swiper-container .video_txt dl{ padding-bottom:65px; }
.main_rolling .swiper-container .video_txt dt { font-size:80px; font-weight:600; line-height:1em; margin-bottom:30px; /* word-break:break-all; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); */ }
.main_rolling .swiper-container .video_txt dd { font-size:24px; line-height:1em; /* word-break:break-all;  */}

@media screen and (min-width: 891px){
    .main_rolling .swiper-container .video_txt dt.banner1 {font-size: 60px; line-height: 1.1; margin-bottom: 0;text-shadow: none;}
    .main_rolling .swiper-container .video_txt .banner-xs2{ margin-top: -85px;}
    /* .main_rolling .swiper-container .video_txt .banner-clue{ margin-top: -60px;} */
    .main_rolling .swiper-container .video_txt .banner-clue .text_deco{ line-height: 0.5;}
    .main_rolling .swiper-container .video_txt .banner-clue .text_deco img {width: 520px; height: auto;}
    .main_rolling .swiper-container .video_txt .banner-logo .text_deco{ line-height: 0.5;}
    .main_rolling .swiper-container .video_txt .banner-logo .text_deco img {width: auto; height: 108px;}
}

@media screen and (max-width:890px) {
	.main_rolling .swiper-container .video_txt dt.banner1 {font-size: 6.5vw;}
    #content .main_rolling .swiper-container .video_txt dd {font-weight: 400;}
    .main_rolling .swiper-container .video_txt .banner-clue .text_deco img {width: 70%;}
    .main_rolling .swiper-container .video_txt .banner-logo .text_deco img {width: auto; height: 72px;}
}

@media screen and (max-width:576px) {
    .main_rolling .swiper-container .video_txt .banner-logo .text_deco img {width: auto; height: 48px;}
}

/* Suprema Thermal Camera 2020-07-07 */
.main_rolling .swiper-container .video_txt .thermal dt { font-size:58px; font-weight:1000; text-shadow: none; }
.main_rolling .swiper-container .video_txt .thermal dt span { display:block; font-size:36px; font-weight:100; margin:20px 0 30px 0;}
.main_rolling .swiper-container .video_txt .thermal dd { font-size:1.3vw; line-height:1.4; /* word-break:break-all; */}
/* 2020-07-07 */

/* 2020-09-04 */
.main_rolling .swiper-container .video_txt .connect dt { font-size: 44px; text-shadow: none;}
@media screen and (max-width:890px) {
	.main_rolling .swiper-container .video_txt .connect dt { font-size: 7.5vw;}
}

.main_rolling .swiper-pagination_main { position:absolute; bottom:20%; left:50%; transform:translateX(-50%);  display:block; z-index:50}
.main_rolling .swiper-pagination_main .swiper-pagination-bullet { border-radius:0; width:8px; height:8px; margin-right:20px; background-color: #aaa; opacity:1; }
.main_rolling .swiper-pagination-bullet-active {width:70px ; height:8px; background-color: #a12944 ;}

/*section02*/
.section02 { width:100%; position:relative; overflow:hidden; background:url('../jpg/section02_bg.jpg') 0 360px repeat-x; margin-top:120px;}
.section02 .product_list h3 { width:100%; font-size:24px; color:#222; font-weight:400; letter-spacing: -0.02em; text-align:center; }
.section02 .product_list li { width:25%; position:relative; display:inline-block; float:left; }
.section02 .product_list li:hover h3 { color:#a12944; }
.section02 .product_list li:hover .on { opacity:1.0;}
.section02 .product_list .on { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; }

.section02 .tab_wrap { max-width:1600px; overflow:hidden; margin:0 auto; text-align:center; }
.section02 .tab_tit { display:inline-block; margin:0 auto; margin-bottom:60px; }
.section02 .tab_tit.pc_use { display:inline-block; }
.section02 .tab_tit.mb_use { display:none; }
.section02 .tab_tit:after { display:block; content:''; clear:both; }
.section02 .tab_tit li{ float:left; background:url('../jpg/tab_li_bar.jpg') right 5px no-repeat; }
.section02 .tab_tit li:last-child { background:none; }
.section02 .tab_tit li a { font-size:24px; color:#999; padding:0 30px; letter-spacing: -0.02em; font-weight:600; }
.section02 .tab_tit li a:hover, .section02 .tab_tit li .on { color:#222; }

/*section03*/
.section03 { width:100%; height:100%;  position:relative; margin-top:120px; text-align:center; }
.section03 .video_area { max-width:1396px; margin:0 auto 120px; height: 300px; border-radius: 24px; overflow: hidden;}
.section03 .btn_play { max-width:1400px; width:100%; height:100%; margin:0 auto; overflow:hidden; margin-bottom:150px; background: url('../jpg/main_video_v51b26.jpg?v2') no-repeat center; box-sizing: border-box; color: #fff; font-size: 1.475rem; display: flex;     align-items: center;
  justify-content: center; padding: 0 20px;}
.section03 .btn_play .txt-grp .material-symbols-outlined {font-size: 5em; font-variation-settings:'FILL' 0,'wght' 100,'GRAD' -25,'opsz' 20;} 
.section03 .btn_play img { width:100%; }
.video_pop, .video_pop_1, .video_pop_2 { width:100%; height:100%; position:fixed; top:50%; transform:translateY(-50%); left:0; padding:5%; background-color:#000; box-sizing:border-box; display:none; z-index:102; }
.video_pop video, .video_pop_1 video, .video_pop_2 video { width:70%; position:absolute; left:50%; transform:translateX(-50%) }
.video_close { position:absolute; top:40px; right:40px; }

@media screen and (max-width: 576px) {
  .section03 .video_area {border-radius: 0;}
  .section03 .btn_play { font-size: 1.275rem;}  
}

.product_tit { width:100%; display:inline-block; margin:0 auto; font-size:60px; letter-spacing: -0.02em; line-height:76px; font-weight:100;  text-align:center; margin-bottom:60px; font-weight:300; }

.solution {width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;  margin-bottom:120px; }
.solution_txt { width:100%; color:#fff; position:absolute; top:240px; text-align:center;}
.solution_txt h2 { font-size:70px; font-weight:400; }
.solution_txt span { font-size:20px; line-height:30px; font-weight:300; display:block; padding: 0 100px;}
.solution .swiper-container-solution { width:72%; height:800px; margin:0 auto; background-color:#fff; }
.solution .swiper-container-solution .swiper-slide-wrap { position:absolute; top:-20px; width:100%; overflow:hidden; }
.solution .swiper-container-solution .img_zoom img { max-width:initial !important; opacity:0.9; }
.solution .swiper-container-solution .img_zoom img,  .section04 div .img_zoom{
            -webkit-transform:scale(1.0); /*  ũ�� */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
            transition: transform .45s;
            -o-transition: transform .45s;
            -moz-transition: transform .45s;
            -webkit-transition: transform .45s;
}
.solution .swiper-container-solution .img_zoom:hover img, .section04 div:hover .img_zoom {
            -webkit-transform:scale(1.05); /*  ũ�� */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .55s;
            -o-transition: transform .55s;
            -moz-transition: transform .55s;
            -webkit-transition: transform .55s;
}

.solution .swiper-container-solution .swiper-button-prev {
  position: absolute;
  top: 0;
  left:0;
  height: 800px;
  z-index: 2;
  cursor: pointer;
  background:url('../png/swiper_prev_g.png') 50% center no-repeat;
  background-size: 64px 16px;
  background-color:#fff;
  opacity:0.6;
  width:14%;
  overflow:hidden;
}
.solution .swiper-container-solution .swiper-button-next {
  position: absolute;
  top: 0;
  right:0;
  height: 800px;
  z-index: 10;
  cursor: pointer;
  background-size: 64px 16px;
  background:url('../png/swiper_next_g.png') 50% center no-repeat;
  background-color:#fff;
  opacity:0.6;
  width:14%;
}
.solution .swiper-container-solution .swiper-button-prev:hover { background:url('../png/swiper_prev_p.png') 50% center no-repeat;  background-color:#fff; opacity:0.6;}
.solution .swiper-container-solution .swiper-button-next:hover { background:url('../png/swiper_next_p.png') 50% center no-repeat;  background-color:#fff; opacity:0.6;}

.solution .swiper-pagination { margin:0 auto; text-align:center; width:70%; height:130px; position:absolute; bottom:0; left:50%; margin-left: -35%; background-color:#fff; z-index:5; }

.solution .swiper-pagination span { display:block; width:16.66%; height:130px; float:left; border-radius: 0; opacity:1;}

.solution .swiper-pagination span:before { width:100%; height:130px; }

.solution .swiper-pagination span:nth-child(1) {background:url('../png/solution_tab_01.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(2) {background:url('../png/solution_tab_02.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(3) {background:url('../png/solution_tab_03.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(4) {background:url('../png/solution_tab_05.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(5) {background:url('../png/solution_tab_06.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(6) {background:url('../png/solution_tab_07.png') 50% 0 no-repeat;}

.solution .swiper-pagination-bullet-active:before { height:130px; display:block; border-top:4px solid #a12944; box-sizing: border-box; }

.solution .swiper-pagination-bullet-active:nth-child(1) {background:url('../png/solution_tab_01.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(2) {background:url('../png/solution_tab_02.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(3) {background:url('../png/solution_tab_03.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(4) {background:url('../png/solution_tab_05.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(5) {background:url('../png/solution_tab_06.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(6) {background:url('../png/solution_tab_07.png') 50% -130px no-repeat !important;}



/*section04*/
.section04 { width:100%; height:440px; overflow:hidden; margin:0 auto; margin-bottom:120px; }
.section04 .buy dl:after, .section04:after { display:block; content:''; clear:both; }
.section04 .buy, .section04 .support { width:50%; height:440px; position: relative; float: left; overflow: hidden; box-sizing:border-box; }
.section04 .buy img.img_zoom, .section04 .support img.img_zoom{ width:100%; min-width:960px;}
.section04 .buy dl, .section04 .support dl { min-width:595px; position:absolute; top:25%; left:50%; transform:translateX(-50%); box-sizing: border-box; }
.section04 .buy dt, .section04 .support dt { width:180px; height:180px; float: left; padding-right: 50px; }
.section04 .buy dt img, .section04 .support dt img { width:100%; }
.section04 .buy dd, .section04 .support dd {  line-height:33px; float:left; width:60%; }
.section04 .buy dd span.txt { display: block; height:100px; font-size:24px; color:#fff; font-weight:500; text-overflow:ellipsis; letter-spacing:-0.02em; }
.section04 .buy dd span.tit { font-size:20px; color:#ffa7ba; font-weight:300; text-overflow:ellipsis; }
.section04 .buy dd a { display:inline-block; padding-right:50px; background:url('../png/buy_arr.png') right 50% no-repeat; font-size:18px; margin-top:50px; font-weight:500; }
.section04 .support dd span.txt { display: block; height:100px; font-size:24px; color:#222; font-weight:500; text-overflow:ellipsis; }
.section04 .support dd span.tit { font-size:20px; color:#aaa; font-weight:300; text-overflow:ellipsis; letter-spacing:-0.02em; }
.section04 .support dd a { display:inline-block; padding-right:50px; color:#a12944; background:url('../png/support_arr.png') right 50% no-repeat; font-size:18px; margin-top:50px; font-weight:500; }

/*section05*/
.section05 { width:100%; margin:0 auto; margin-bottom:120px; }
.section05 .news { max-width:1400px; position:relative; margin:0 auto; margin-bottom:60px; }
.section05 .news:after, .section05 .calendar:after, .section05 .calendar dl:after, .section05 .new_video ul:after { display:block; content:''; clear:both; }
.section05 .news dl { width:33%; position:relative; overflow:hidden; float:left; padding:0 10px; display:inline-block; box-sizing:border-box; }
.section05 .news dl a { display:inline-block; overflow:hidden; width:100%; }
.section05 .news dl img{ width:442px; position:relative; left:50%; margin-left:-226px; overflow:hidden; }
.section05 .news dt { font-size:28px; color:#0a1015; font-weight:600; margin:40px 0 15px 0; }
.section05 .news dd { font-size:20px; color:#0a1015; font-weight:300; }
.section05 .news dd span{ font-size:16px; color:#aaa; display:block; margin-top:5px; }
.section05 .calendar { max-width:1400px;  border-top:1px solid #ddd;  border-bottom:1px solid #ddd; margin:0 auto; padding:40px 0 0; margin-bottom:60px; box-sizing:border-box; }
.section05 .calendar dl { width:50%; float:left; margin-bottom:40px; display:block; height:100px; padding-right:50px; box-sizing:border-box;}
.section05 .calendar dt { width:100px; height:100px; background-color:#f5f5f5; text-align:center; padding-top: 25px; margin-right:25px; float:left; box-sizing:border-box; }
.section05 .calendar dt .month { font-size:16px; color:#222; display:block; font-weight:600; }
.section05 .calendar dt .num { font-size:30px; color:#222; display:block; font-weight:600; }
.section05 .calendar dd .tit { overflow:hidden; display:block; font-size:24px; color:#002222; font-weight:400; box-sizing:border-box; line-height:1.2em;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  -webkit-line-clamp: 2; /* ���μ� */
		  -webkit-box-orient: vertical;
}
.section05 .calendar dd.date { display:block; font-size:16px; color:#aaa; font-weight:300; margin-top:23px; }
.section05 .new_video {max-width:1400px; margin:0 auto; }
.section05 .new_video ul { width:100%; }
.section05 .new_video li { width:32%; float:left; padding:0 0; overflow:hidden; display:block; box-sizing:border-box; }
.section05 .new_video li:nth-child(2) { margin:0 2%; }
.section05 .new_video li .sum { width:100%; height:120px; display:inline-block; position:relative; overflow:hidden; }
.section05 .new_video li .sum img { width:auto; position:relative; max-width:452px; left:50%; margin-left:-230px; overflow:hidden; }
.section05 .new_video li .tit { width:100%; text-align:left; font-size:20px; color:#222; padding-top:30px; display:inline-block; }

/*footer*/
#footer { width:100%; height:920px; position:relative; display:inline-block; background:url('../jpg/foot_bg.jpg') 50% 0 no-repeat; background-size:cover; padding:0 40px; box-sizing:border-box;}
#footer .gnb_map:after, #footer .foot_odd:after, #footer .foot_odd .f_site:after, #footer .copy_area:after { display:block; content:''; clear:both; }
#footer .gnb_map { max-width:1400px; margin:0 auto; padding:65px 0 40px 0; }
#footer .gnb_map .gnb { float:left; width:20%; box-sizing:border-box; }
#footer .gnb_map .gnb ul { margin-bottom:30px; }
#footer .gnb_map .gnb .tit { display:block; color:#fff; font-size:24px; padding-bottom:30px; }
#footer .gnb_map .gnb .tit.space { padding-top:30px; }
#footer .gnb_map .gnb .tit_s { display:block; font-size:16px; color:#fff; padding-bottom:10px; }
#footer .gnb_map .gnb .tit_s.mt20 { margin-top:20px; }
#footer .gnb_map .gnb .tit_s a{color:#fff;}
#footer .gnb_map .gnb .tit_s a:hover { border-bottom:none; }
#footer .gnb_map .gnb li { line-height:30px; }
#footer .gnb_map .gnb a{ font-size:16px; color:#aaa; }
#footer .gnb_map .gnb a:hover:not(.bd-none) { border-bottom:1px solid; }
#footer .foot_odd { max-width:1400px; margin:0 auto; border-bottom:1px solid #333; padding-bottom:30px }
#footer .foot_odd .terms li { float:left; /* background:url('/en/asset/images/common/foot_terms_bar.jpg') left 50% no-repeat; */ padding:0 20px; box-sizing:border-box;}
#footer .foot_odd .terms li:first-child { background:none; padding-left:0; }
#footer .foot_odd .terms a { font-size:15px; color:#fff; font-weight:500; text-transform: uppercase; }
#footer .foot_odd .f_site{position: relative;}
#footer .foot_odd .f_site .txt{width:240px; height:20px; position: absolute; right:0; top:-30px; font-size:16px; font-weight: 500; text-transform: uppercase; color:#fff; padding-left:10px; box-sizing:border-box; background:url('../png/f_site_arr.png')  center right no-repeat; cursor:pointer;}
#footer .foot_odd .f_site {position:relative;display:inline-block;width:240px;height:20px; float:right; top:30px; cursor:pointer;}
#footer .foot_odd .f_site option{color:#aaa; font-size:14px; font-weight:350;}
#footer .foot_odd .f_site label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px; }
#footer .foot_odd .f_site .select {position:absolute;right:0;top:0;width:240px;filter: alpha(opacity=0);z-index:10; font-size:16px; font-weight:500; text-transform: uppercase; background:transparent; border:none; display:none;background:#fff; border:1px solid rgb(32, 30, 30);
  appearance:none; /* �⺻ ��Ÿ�� ���ֱ� */
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
#footer .foot_odd .f_site .select li{width:100%; padding:0;}
#footer .foot_odd .f_site .select a:last-child{padding-bottom:6px;}
#footer .foot_odd .f_site .select a{display:block; padding:6px 6px 0 6px; color:#666;}

#footer .copy_area { max-width:1400px; margin:0 auto; padding-top:30px; position:relative; }
#footer .copy_area .copy { width:50%; color:#666; font-size:14px; font-weight:400; }
#footer .copy_area .copy span{ padding-left:20px; }
#footer .copy_area .sns { position:absolute; top:20px; right:0; }
#footer .copy_area .sns li { float:left; margin:0 10px; }
#footer .copy_area .sns li:last-child { margin-right:0}

@media screen and (max-width: 1200px){
    #footer .m_foot {min-height: 45.805vw; padding-bottom: 30px; height: auto; text-transform: unset;}
    #footer .m_foot ul {padding: 4.16vw 0;}
    #footer .m_foot ul > li {width: 100%;}
    #footer .m_foot ul > li > a {text-align: left;}
    #footer .m_foot ul > li:after {display: none;}
}

/*button*/
.btn_type01 { display:inline-block; min-width:200px; padding:0 40px; height:70px; line-height:70px; font-size:1.25em; font-weight:500; color:#222 !important; text-align: center; letter-spacing: -0.03em; border:1px solid #222; border-radius:35px; transition:all .35s;box-sizing: border-box; }
.btn_type02 { display:inline-block; min-width:200px; padding:0 40px; height:70px; line-height:70px; font-size:1.25em; font-weight:500; color:#fff !important; text-align: center; letter-spacing: -0.03em; border:1px solid #fff; border-radius:35px; transition:all .35s;box-sizing: border-box;}
.btn_type01:hover, .btn_type02:hover, .btn_more:hover { color: #fff !important; background:#a12944; border-color: #a12944 !important; }
.btn_more { min-width:200px; padding:0 40px;  height:70px; border-radius:70px; line-height:70px; margin:50px auto; font-size:1.25em; font-weight:500; color:#fff !important; border:1px solid #fff; display:inline-block; box-sizing: border-box; }
@media screen and (min-width: 891px){.btn_type01.pc_use, .btn_type02.pc_use {display: inline-block;}}

/*btn_inquiry*/
/* #btn_inquiry { position:fixed; right:50px; bottom:100px; display:block; width:70px; height:70px; box-shadow:5px 5px 30px rgba(0,0,0,0.4);  border-radius:100%; z-index:33; }
#btn_inquiry img { width:100%; } */
.btn_inquiry:not(.right_link .btn_inquiry, .shorcut) { position:fixed; right:50px; bottom:100px; display:block; width:70px; height:70px; box-shadow:5px 5px 30px rgba(0,0,0,0.4);  border-radius:100%; z-index:33; }
.btn_inquiry img { width:100%; }
@media screen and (max-width: 1200px){
    .btn_inquiry:not(.right_link .btn_inquiry, .shorcut){ width: 9.72vw; height: auto; right: 5.55vw; bottom: 5.55vw;}
}
@media screen and (max-width: 576px){
    .btn_inquiry:not(.right_link .btn_inquiry, .shorcut){ width: 54px; height: auto; right: 5.55vw; bottom: 5.55vw;}
}

#inquiry_box { position:fixed; left:50%; top:50%; display:none; width:720px; z-index:102; transform: translate(-50%, -50%); }
#inquiry_box .inquiry_head { width:100%; height:70px; background-color:#f8f8f8; position:relative; padding-bottom:50px;}
#inquiry_box .inquiry_head h4 { position:absolute; top:50%; transform:translateY(-50%); padding-left:40px; font-size:40px; letter-spacing:-0.02em; color:#222; box-sizing:border-box; }
#inquiry_box .inquiry_head .inquiry_close { position:absolute; top:50%; transform:translateY(-50%); right:40px; }
#inquiry_box .inquiry_body { height:600px; display:block; overflow-y:auto; background-color:#fff; }
#inquiry_box .inquiry_body .btn_area { display:inline-block; width:100%; height:auto; padding:40px; box-sizing:border-box; }
#inquiry_box .inquiry_body .btn_area:after { display:inline-block; clear:both; }

/* edit 201102 - 버튼 제품이미지로 변경*/
.inquiry_body .btn_area [class^="btn"] {display:inline-block; width:100%; height:100%;}
.inquiry_body .btn_area .btn_solution { background:url("../png/inquiry_btn_bs.png") center 20px no-repeat; }
.inquiry_body .btn_area .btn_module {background:url("../png/inquiry_btn_fm.png") center 40px no-repeat;}
.inquiry_body .btn_area .box_radio { display:inline-block; width:48%; height:210px; border-radius:6px; float:left; margin-right:10px; position:relative; background-color:#f8f8f8; cursor: pointer; overflow: hidden;}
.inquiry_body .btn_area .box_radio:last-child { margin-right:0; }
.inquiry_body .btn_area .box_radio label { display:inline-block; width:100%; text-align:center; font-size:16px; color:#222; letter-spacing:-0.02em; font-weight:500; cursor: pointer; position: absolute; left: 0;top: 0;height: 100%;padding: 47% 8px 0 8px;box-sizing: border-box;}
.inquiry_body .btn_area .box_radio.on { background-color:#a12944; box-shadow:5px 5px 30px rgba(0,0,0,0.4); }
.inquiry_body .btn_area .box_radio.on [class^="btn"] { background-color:#a12944;}
.inquiry_body .btn_area .box_radio.on label { color:#fff;}
.inquiry_body .btn_area .box_radio.on:hover {background: #a12944;}
.inquiry_body .btn_area .box_radio:hover {background: #efefef;}

#inquiry_box .inquiry_body .inquiry_item { width:100%; padding:0 40px; margin:30px 0; box-sizing:border-box; }
#inquiry_box .inquiry_body .inquiry_item h5 { font-size:16px; color:#999; letter-spacing:-0.02em; font-weight:500; }
#inquiry_box .inquiry_body .inquiry_item .write { display:inline-block; width:100%; height: 33px; border:none; border-bottom: 1px solid #ddd; line-height:29px; color:#222; font-weight:500; font-size:20px; }
#inquiry_box .inquiry_body .inquiry_item input:focus { outline: none; border-bottom:1px solid #a12944 !important; }
#inquiry_box .inquiry_body .inquiry_item span.gray { color:#666; font-size:18px; }
#inquiry_box .inquiry_body .inquiry_item select { border:1px solid red; width:100%; height:44px; line-height:32px; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2.png') no-repeat 100% 50%; border:none; border-bottom:1px solid #ddd; appearance:none; -webkit-appearance: none; -moz-appearance: none;  outline:0; }
#inquiry_box .inquiry_body textarea { width:100%; height:160px; background-color:#f8f8f8; resize:none; border:none; padding:20px; font-size:16px; color:#999; font-weight:500; box-sizing:border-box; }
#inquiry_box .inquiry_foot { display:inline-block; position:relative; width:100%; background-color:#f8f8f8; padding:40px; margin-top:10px; box-sizing:border-box; font-size:18px; line-height:28px; text-align:center; margin-bottom: 0; }
#inquiry_box .inquiry_foot span { text-align:left;}
#inquiry_box .font_red { color:#a12944; display:inline-block; }
#inquiry_box .inquiry_foot .btn_submit { display:inline-block; width:280px; height:70px; font-size:28px; color:#fff; line-height:70px; text-align:center; border-radius:70px; background-color:#a12944; margin:40px 0; }
#inquiry_box .inquiry_foot .check_box { position:absolute; top:-10px; left:-55px; }
@media screen and (max-width: 1200px){
  #inquiry_box .inquiry_body .btn_area .btn_solution,#inquiry_box .inquiry_body .btn_area .btn_module{ height: 32vw; background-position:center;}
  #inquiry_box .inquiry_body .btn_area .box_radio { padding:0;}
  #inquiry_box .inquiry_body .btn_area .btn_module { background-position: center; }
}
@media screen and (max-width: 600px){
  #inquiry_box .inquiry_body .btn_area .btn_solution{ background-size: 32vw auto;}
  #inquiry_box .inquiry_body .btn_area .btn_module {background-size: 30vw auto; height: 27vw;}
}
/* edit 201102 - 버튼 제품이미지로 변경*/

.checks {position: relative;}
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { display: inline-block; padding:0 0 15px 25px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ position: absolute; top:4px; left:0; content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0 8px 0 0; text-align: center; vertical-align: middle; border-radius:3px; background: #ccc; }
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {  }
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ border-radius:3px; color: #a12944  }

.inquiry_on { border-bottom:1px solid #a12944 !important; }

#dm_bg { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index:101; cursor:pointer; }

/*����Ʈ �ڽ� ������*/
.desc { color: #e8e8e8; }
.desc a { color: #515151; }
.dropdown { width: 103px; margin: 0px; }
.dropdown dd, .dropdown dt, .dropdown ul { margin: 0px; padding: 0px; }
.dropdown dd { position: relative; }
.dropdown a, .dropdown a:visited { color: #3b3b3b; text-decoration: none; outline: none; }
.dropdown a:hover { color: #3b3b3b; }
.dropdown dt a:hover { color: #3b3b3b; border-bottom: 1px solid #ccc;}
.dropdown dt a {
  background: #fff url('../png/arrow.png') no-repeat scroll right center;
  display: block;
  border-bottom: 1px solid #ccc;
  width: 82px;
  height: 33px;
}
.dropdown dt a span { cursor: pointer; display: block; line-height: 29px; padding-left: 10px; }
.dropdown dd ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #9e9e9e;
  color: #515151;
  display: none;
  left: 0px;
  padding: 5px 0px;
  position: absolute;
  top: -1px;
  width: auto;
  min-width: 102px;
  list-style: none;
  text-align: left;
}
.dropdown span.value { display: none; }
.dropdown dd ul li a { padding: 5px; display: block; padding-left: 11px; }
.dropdown dd ul li a:hover { background-color: #e8e8e8; }
.dropdown img.flag { border: none; vertical-align: middle; padding: 11px; }
.flagvisibility { display: none; }

/*공지사항 팝업*/
#notice_pop .pop_cont { width:600px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; text-align:center; }
#notice_pop .pop_cont img{width:100% !important; height:auto !important;}
#notice_pop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 780; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
#notice_pop .pop_cont .pop_btn_area { width:100%; height:65px; position:relative; }
#notice_pop .pop_cont .pop_btn_area .gray_btn { width:50%; height:100%; display:inline-block; background-color:#ddd; color:#999; font-size:18px; line-height:65px; }
#notice_pop .pop_cont .pop_btn_area .red_btn { width:50%; height:100%; display:inline-block; background-color:#a12944; color:#fff; font-size:18px; line-height:65px; }
#notice_pop.top0 .pop_cont{top:0; transform:translateX(-50%);}
#notice_pop .mailBtn{display:block; width:200px; height:20px; color:transparent; position:absolute; bottom:230px; left:28px;}

@media screen and (max-width:1680px) {
  .section04 .buy, .section04 .support { height:375px; }
  .section04 .buy img.img_zoom, .section04 .support img.img_zoom { min-width:820px; }
  #side_menu_container .btn_em_mode { width:150px; padding:13px 20px; height:initial; line-height:17px; }
  #top_odd { margin-right:240px; }
  #header{padding:0 30px;}
  #side_menu_container{right:30px;}
}


@media screen and (max-width:1366px) {
    #top_odd { margin-right:205px; }
    .solution .swiper-pagination { height:75px; }
    .solution .swiper-pagination span:nth-child(1) {background-size:120px;}
    .solution .swiper-pagination span:nth-child(2) {background-size:120px;}
    .solution .swiper-pagination span:nth-child(3) {background-size:120px;}
    .solution .swiper-pagination span:nth-child(4) {background-size:120px;}
    .solution .swiper-pagination span:nth-child(5) {background-size:120px;}
    .solution .swiper-pagination span:nth-child(6) {background-size:120px;}
    .solution .swiper-pagination-bullet-active:nth-child(1)
    { background:url('../png/solution_tab_01.png') 50% -92px no-repeat !important; background-size:120px!important; }
    .solution .swiper-pagination-bullet-active:nth-child(2)
    { background:url('../png/solution_tab_02.png') 50% -92px no-repeat !important; background-size:120px!important; }
    .solution .swiper-pagination-bullet-active:nth-child(3)
    { background:url('../png/solution_tab_03.png') 50% -92px no-repeat !important; background-size:120px!important; }
    .solution .swiper-pagination-bullet-active:nth-child(4)
    { background:url('../png/solution_tab_05.png') 50% -92px no-repeat !important; background-size:120px!important; }
    .solution .swiper-pagination-bullet-active:nth-child(5)
    { background:url('../png/solution_tab_06.png') 50% -92px no-repeat !important; background-size:120px!important; }
    .solution .swiper-pagination-bullet-active:nth-child(6)
    { background:url('../png/solution_tab_07.png') 50% -92px no-repeat !important; background-size:120px!important; }
    #side_menu_container .btn_em_mode { width:130px; padding:13px 10px; height:initial; line-height:17px; }
}


@media screen and (max-width:1280px) {
    #header { padding:0 25px; }
    #top_odd { margin-right:205px; }
    #side_menu_container { right:25px; }
    .section04 .buy dl, .section04 .support dl { min-width:46.48vw; top:50%; transform: translate(-50%, -50%); }
    .section04 .buy dt, .section04 .support dt { width:14.06vw; height:14.06vw; padding-right:3.90vw; }
    .section04 .buy dd, .section04 .support dd { line-height:3.51vw; }
    .section04 .buy dd span.txt, .section04 .support dd span.txt { line-height:2.65vw;}
    .section04 .buy, .section04 .support { height:auto; }
    .section04 .buy img.img_zoom, .section04 .support img.img_zoom { min-width:640px; }
}

.btn_top {  position:fixed; right:60px; bottom:20px; width:60px; height:60px; z-index:999; display:none; }
.btn_top > img { width:100%; }


/*404에러 페이지*/
.arr_404 { width:100%; max-width:1024px; margin:0 auto; text-align:center; padding:150px 0 80px 0; }
.arr_404 dl { display:inline-block; width:100%; text-align:center; }
.arr_404 dl dt { font-size:48px; font-weight:500; color:#222; padding-bottom:40px; }
.arr_404 dl dd { font-size:18px; font-weight:400; color:#666; }

.btn_area_404 { width:100%; text-align:center; margin:0 auto; padding:60px 0; }
.btn_area_404 a.line_btn { display:inline-block; padding:24px 90px; border:1px solid #a12944; border-radius:70px; font-size:20px; color:#a12944; }
.btn_area_404 a.red_btn { display:inline-block; padding:24px 90px; background-color:#a12944; border-radius:70px; font-size:20px; color:#fff; }


/* Product download section */
#product_wrap #board_wrapper .board_containe ul > li > .cate { width:13%; padding-left: 12px; padding-right: 12px;}
#product_wrap #board_wrapper .board_containe ul > li > .tb-cell.mkb, #board_wrapper .board_containe ul > li > .tb-cell.date {width: 10%; font-size: 1em; color: #bbb;}
#product_wrap #board_wrapper .board_containe ul > li > .down {width: 25%;}
#product_wrap #board_wrapper .board_containe ul > li > .subject {width: auto;}
@media screen and (max-width: 1024px){
    #product_wrap #board_wrapper .board_containe ul > li > .cate {width: auto; padding: 0; left: 0;font-size: 15px; top: 12px;text-align: left;}
    #product_wrap #board_wrapper .board_containe ul > li > .subject {width: 100%;}
    #product_wrap #board_wrapper .board_containe ul > li > .tb-cell.mkb, #board_wrapper .board_containe ul > li > .tb-cell.date {width: auto; font-size: 13px; margin-top: 6px;}
    #product_wrap #board_wrapper .board_containe ul > li > .date {margin-right: 20px;}
    #product_wrap #board_wrapper .board_containe ul > li > .down {width: 100%;}  
    #product_wrap #board_wrapper .board_containe ul > li  {text-align: left;}        
}



/* 24-12 Main Renewal */
#header.main_header { background: #fff; }
#header.main_header #gnb_container .gnb > li > a{ color:#222; }
#header.main_header #side_menu_container .all_search_container .btn_all_search { background:url('../png/btn_all_search_black.png') no-repeat center; }
#header.main_header #side_menu_container .btn_em_mode { background: #a12944; color:#fff; }
#header.main_header #side_menu_container .btn_em_mode:hover { background: #333; color:#fff; }
#header.main_header #logo a { background:url('../svg/m_logo_r.svg') 0 0 no-repeat; background-size:100% auto; }
#header.main_header #top_odd a { color:#999; }
#header.main_header #top_odd .selectBox .txt {color:#999;}
#header.main_header #top_odd .selectBox option { font-size:18px; }
#header.main_header .selectBox .select li { color:#aaa;}


.main-renewal .main_rolling {height: 840px; background: #000;}
.main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide {height: 840px;}

.main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide [id^="id_iframe"]  { position: relative;width: 100%;height: 100%;overflow-x: hidden;overflow-y: hidden;}
.main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide [id^="id_iframe"] iframe {  position: absolute; top: 0; left: 50%; height: 100%; min-width: 1920px; transform: translateX(-50%); border: 0;}

.main-renewal .section02 .tab_tit {margin-bottom: 40px; overflow: hidden; background: #fff;border-radius: 30px;}
.main-renewal .section02 .tab_tit li a {color: #c7c7c7; padding: 16px 30px; box-sizing: border-box; width: 220px; text-transform: uppercase; display: inline-block; font-size: 20px;}
.main-renewal .section02 .tab_tit li a:hover, .main-renewal .section02 .tab_tit li .on {background: #222; color: #fff;}
 
.txt-gr{background: -webkit-linear-gradient(310deg, rgba(0, 160, 233, 1) 0%, rgba(143, 113, 245, 1) 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.txt-x-gr{background: -webkit-linear-gradient(70deg,#00a0e9 0%, #8F71F5 50%, #e62e8b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.section02 .wrap-prod-list {border-radius: 30px; overflow: hidden; background: #fff;}


.section02 .wrap-prod-list .prod-txt-grp {padding: 80px 60px 80px 80px; text-align: left;}
.section02 .wrap-prod-list .prod-txt-grp h2 {font-size: 34px; margin-bottom: 24px; font-weight: 600;}
.section02 .wrap-prod-list .prod-txt-grp .prod-ico-list li {display: flex; margin: 24px 0; align-items: center;}
.section02 .wrap-prod-list .prod-txt-grp .prod-ico-list li figure {flex: 0 0 50px;}
.section02 .wrap-prod-list .prod-txt-grp .prod-ico-list li .ico-txt {padding-left: 30px; font-weight: 600;}
.section02 #tab-1 .wrap-prod-list .prod-txt-grp .prod-ico-list li .ico-txt {color: #222;}
.section02 #tab-2 .wrap-prod-list .prod-txt-grp .prod-ico-list li .ico-txt {color: #222;}

.section02 .wrap-prod-list .prod-txt-grp h2 img {width: auto; height: 45px;}

.section02 #tab-1 .wrap-prod-list .prod-img-grp figure {background: #1a0004;}
.section02 #tab-2 .wrap-prod-list .prod-img-grp figure {background: #EEF0F6;}
.section02 .wrap-prod-list .prod-txt-grp .btn-grp {margin-top: 48px;}
.section02 #tab-1 .btn-primary {background: var(--bsx-gr);}
.section02 #tab-1 .btn-primary:hover {background: var(--bsx-gr-hover);}

.section02.new-container {box-sizing: border-box; margin: 0; padding: 150px 0 100px; background: url('../webp/sp-main-bg.webp') no-repeat; background-size: cover;}

.section06 .product_tit,
.section02 .product_tit {font-size: 42px; font-weight: 600; line-height: normal;}
.section02 .wrap-prod-list .prod-img-grp figure {height: 100%;}
.section02 .wrap-prod-list .prod-img-grp img {height: 100%; object-fit: cover;}


.logoMarqueeSection { max-width: 100%; margin: 0 auto;}
  
.wrap-customer-logo .default-content-container {
      margin: 0 auto;      
      padding: 100px 0 0;      
      width: 100%;      
      display: flex;
      align-items: center;
  }
  

  
  .wrap-customer-logo .logoMarqueeSection>div>div {
      padding-top: 0;
      padding-bottom: 0;
      min-height: 0;
  }
  
  .wrap-customer-logo .marquee-wrapper {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  
  .wrap-customer-logo .marquee {
      display:  inline-block;
      white-space: nowrap;
      position: relative;
      transform: translate3d(0%, 0, 0);
      animation: marquee 75s linear infinite;      
  }
  
  .wrap-customer-logo .marquee a {
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
    vertical-align: middle;
    background: #fff;
    height: 120px;
    width: 200px;
    text-align: center;
    padding: 30px 40px;
    box-sizing: border-box;
    position: relative;
  }

  .wrap-customer-logo .marquee a figure {display: flex; justify-content: center; align-items: center; height: 100%;}

  .wrap-customer-logo div.marquee>a> figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    filter: grayscale(1);
  }

  
  .wrap-customer-logo .marquee-wrapper:hover .marquee {
      animation-play-state: paused !important;
  }
  .wrap-customer-logo .marquee-wrapper .marquee a:hover .label {display: block;}
  .wrap-customer-logo .marquee-wrapper .marquee a:hover img {filter: none;}
  .wrap-customer-logo .marquee-wrapper .marquee a .label {
    position: absolute;
    padding: 4px 8px 6px;
    top: 0;
    left: 0;
    color: #fff;
    background: #a42444;
    font-size: 13px;
    line-height: 100%;
    border-radius: 0 0 6px;
    display: none;
}

 
  @keyframes marquee {
      0% {
          transform: translate3d(0%, 0, 0);
      }
  
      100% {
          transform: translate3d(-100%, 0, 0);
      }
  }

.section03.new-container {margin: 150px 0;}
.section06 .sub-max-inner,
.section03 .sub-max-inner,
.section02 .sub-max-inner {max-width: 1600px;}

.section03 .txt-btn-grp,
.section02 .txt-btn-grp {text-align: right; margin-top: 40px;}

.section03 .prod-line-up {display: flex;}
.section03 .prod-line-up .col:nth-child(1) .prod-line-up-list {background: #c89dd3 url(../webp/sp-main-prod-biometric.webp) no-repeat center; background-size: cover;}
.section03 .prod-line-up .col:nth-child(2) .prod-line-up-list {background: #a2a0a5 url(../webp/sp-main-prod-rfid.webp) no-repeat center; background-size: cover;}
.section03 .prod-line-up .col:nth-child(3) .prod-line-up-list {background: #000 url(../webp/sp-main-prod-controller.webp) no-repeat center; background-size: cover;}

.section03 .prod-line-up-list {padding: 70px 48px; display: block; height: 524px; border-radius: 30px; text-align: left;box-sizing: border-box;} 
.section03 .prod-line-up-list h3 {font-size: 36px; color: #fff; font-weight: 700; margin-bottom: 24px;}


.main-renewal .section06 { text-align: center; padding: 150px 0 210px; background: #f0fbfe url(../webp/sp-main-data-protection-bg.webp) no-repeat center; background-size: cover;}
.main-renewal .section06 .product_tit { color: #033d7c; margin-bottom: 40px;}
.main-renewal .section06 .logo-data-protection {padding: 80px 50px 0;}
.main-renewal .section06 .logo-data-protection .row {align-items: center;}
.main-renewal .section06 .logo-data-protection figure {padding: 0 50px;}


.main-renewal .section05 {margin: 150px auto;}

.main-renewal .section04 {margin-bottom: 0;}
.main-renewal .section07 .sub-max-inner,
.main-renewal .section04 .sub-max-inner {max-width: 1440px;}
.section04 .wrap-support-list .col:nth-child(1) .wrap-support {background: #7c183e url(../webp/sp-main-support-bg1.webp) no-repeat top left; background-size: cover;}
.section04 .wrap-support-list .col:nth-child(2) .wrap-support {background: #f0f0f0 url(../webp/sp-main-support-bg2.webp) no-repeat top left; background-size: cover;}
.section04 .wrap-support-list .col:nth-child(3) .wrap-support {background: #d63c5e url(../webp/sp-main-support-bg3.webp) no-repeat top left; background-size: cover;}
.section04 .wrap-support-list .wrap-support {display: flex; padding: 50px; align-items: center; height: 100%; box-sizing: border-box; border-radius: 24px;}
.section04 .wrap-support-list .wrap-support figure {flex:0 0 70px;}

.section04 .wrap-support-list .wrap-support h4 {text-transform: uppercase;color:#ffa7ba; margin-bottom: 8px; font-weight: 500;}
.section04 .wrap-support-list .wrap-support .txt-grp {padding-left: 20px;}
.section04 .wrap-support-list .wrap-support .txt-grp > p {color: #fff; margin-bottom: 24px; line-height: 1.5;}
.section04 .wrap-support-list .col:nth-child(2) h4 {color:#78787a;}
.section04 .wrap-support-list .col:nth-child(2) p {color:#222;}

.main-renewal .section07 {
    padding:100px 0; height: 400px; box-sizing: border-box;
    background: url("../png/biostar2_6_banner_deco1.png") no-repeat left bottom -200px / auto, url("../png/biostar2_6_banner_deco2.png") no-repeat right bottom 5px / auto, url("../jpg/biostar2_6_banner.jpg") no-repeat center / auto 100% #79787b;
}
.main-renewal .section07 h3 {width: auto; margin: 0 0 16px; font-size: 36px; font-weight: 700;}
.main-renewal .section07 p {color: #222;}
.main-renewal .section07 .btn-grp {text-align: left; margin-top: 24px;}


@media screen and (min-width: 1214px){
    /* .main-renewal .main_rolling {height: 840px; box-sizing: border-box;} */
    /* .main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide {height: 840px;} */
    /* .main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide:first-child {background: #000; padding-top: 40px;} */
    /* .main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide:first-child .video_txt {display: none;} */
    .main-renewal .main_rolling .swiper-pagination_main {top: 50%; right: 100px; transform: translate(0, -50%); left: unset; bottom: unset;}
    .main-renewal .main_rolling .swiper-pagination_main .swiper-pagination-bullet {width: 5px; height: 5px; display: block; margin: 24px auto;border-radius: 50%; opacity: 0.5; background-color: #fff;}
    .main-renewal .main_rolling .swiper-pagination_main .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; opacity: 1;}

}


@media screen and (min-width: 891px) {    
    .section02 .wrap-prod-list .col:nth-child(1) {padding-right: 0;}
    .section02 .wrap-prod-list .prod-img-grp {padding-left: 0;}
}


@media screen and (max-width: 1600px) {
  .main-renewal .section06 .logo-data-protection figure {padding: 0 10px;}
  .section02 .wrap-prod-list .prod-img-grp img {width: 100%;object-fit: contain;object-position: center;height: 100%;}
}

@media screen and (max-width: 1400px) {
    .main_rolling .swiper-container .swiper-wrapper .swiper-slide img {height: 100%; object-fit: cover;}
}


@media screen and (max-width: 1024px) {
    .main-renewal .section02 .tab_tit.mb_use {width: 100%; margin-bottom: 30px;}
    .main-renewal .section02 .tab_tit li {width: 50%;}
    .main-renewal .section02 .tab_tit li a {font-size: 16px; width: 100%; padding: 12px;}
}

@media screen and (max-width: 890px){
    .main-renewal .main_rolling {height: 95vh;}
    .main-renewal .main_rolling .swiper-container .swiper-wrapper .swiper-slide {height: 95vh;}
    
    .main-renewal .section07 h3 {font-size: 1.75rem; line-height: 1.25;text-align: center;}
    .main-renewal .section07 p {text-align: center;}
    .main-renewal .section07 {background: #eee;height: auto; padding: 50px 30px; height: auto;}
    .main-renewal .section07 .btn-primary {padding: 16px 36px; font-size: 3.88vw; box-sizing: border-box;}

    .section02 .wrap-prod-list .prod-txt-grp h2,
    .section06 .product_tit, .section02 .product_tit {font-size: 24px;}
    .section02.new-container {padding: 70px 24px;}

    .section02 .wrap-prod-list .prod-txt-grp {padding: 40px 30px;}

    .wrap-customer-logo .default-content-container {padding: 50px 0 0;}

    .section03.new-container {margin: 70px 0;}

    .section03 .prod-line-up {display: block;}
    .section03 .prod-line-up-list {padding: 40px 40px 240px; height: auto;border-radius: 0; margin-bottom: 24px;}    
    .section03 .prod-line-up-list h3 {font-size: 32px;}
    .section03 .txt-btn-grp {padding: 0 24px;}

    .section03 .prod-line-up-list a.btn, .section03 .prod-line-up-list .btn {text-align: left;}

    .section03 .txt-btn-grp, .section02 .txt-btn-grp {margin-top: 20px;}

    .main-renewal .section06 {padding: 70px 0 100px;}
    .main-renewal .section06 .col {flex: 0 0 50%; max-width: 50%; margin-bottom: 32px;}

    .main-renewal .section05 {margin: 70px 0;}
    .section04 .wrap-support-list .wrap-support {border-radius: 0; padding: 50px 30px;}
    .main-renewal .section06 .logo-data-protection {padding: 50px 20px 0;}
    .main-renewal .section06 .logo-data-protection figure {padding: 0 20px;}

    .main-renewal .section04 {margin-bottom: 70px;}
}

@media screen and (max-width: 576px) {
    #content.main-renewal .new-container p {font-size: 3.88vw;}

}