@charset "utf-8";

@media only screen and (max-width:1204px) {

    .common_wide_box dl { position:absolute; left:0; top:50%; width:50%; margin:0 10px; transform: translate(0, -50%); }
    .common_wide_box dl.txt_right { padding-left:50%; margin:0; }
    /* 1101 수정사항 */
    .common_wide_box dl.txt_center { left:50%; top:0; width:100%; padding-top:80px; transform: translate(-50%, -0%); text-align:center; }
    /* 1101 수정사항 끝 */

    .solutions_module { padding:0 40px; }
    .feature_list > li { width:calc( 50% - 20px ); }
    .platform_app_list > li { width:calc( 33% - 12px ); }
    .solutions_product_list > li { width:calc( 25% - 15px ); }
    .using_scenario {overflow-x:auto; }
	
	.btn_biostar_down li.biostar_down_01{background-size:45%; background-position: 2.33vw center;}
    .btn_biostar_down li a{min-width:180px; right:2.33vw;}
}

@media only screen and (max-width:1024px) {

    /* 퀵링크메뉴 */
    #solutions_wrap .sticky-menu { display:none; }

    .path_indicator { display:none; }

    /*flex-time 페이지 추가_2019-07-01*/
    .flex-time-bg .flex-time-wrap .flex-time .section-01{padding:20px;}
    .flex-time-bg .flex-time-wrap .flex-time .section-on{padding:30px;}

    .flex-time-bg .flex-time-wrap .flex-time .section-on img.section03_pop{right:40px;}
    .flex-time-bg .flex-time-wrap .flex-time.card02 .section-on .no01{width:56.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time.card03 .section-on .no03{width:52.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time.card04 .section-on .no04{width:39.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time.card08 .section-on .no08{width:39.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time .section-on img.section09_pop{width:58.73vw; right:-60px;}
    .flex-time-bg .flex-time-wrap .flex-time.card10 .section-on .no10{width:46.73vw;}

    /* .flex-time-bg .flex-time-wrap .flex-time .section-on .ico_list li{width:22%;} */
    .flexTime-info li{width:50%;}
    .flexTime-info li:nth-child(3), .flexTime-info li:nth-child(4){border-top:1px solid #ddd;}        

	.btn_biostar_down li a { padding:0 3.85vw;}
}

@media only screen and (max-width:890px) {
    .tooltip{display:block;}
    /* Sub Visual */
    .solutions_visual { height:162.77vw; }
    .solutions_visual.solutions_submain_visual { height:162.77vw; }
    .solutions_visual h2 { width:100%; font-size: 13.3vw; text-align:center;}
    .solutions_visual dl { width:100%; }
    .solutions_visual dl dt { font-size: 13.3vw; }
    .solutions_visual dl dd { font-size: 4.16vw; }
    .solutions_visual.solutions_submain_visual dl dt { font-size: 13.3vw; }
    .solutions_visual.solutions_submain_visual dl dd { font-size: 4.16vw; }

    .solutions_visual.access_control { background-position:30% 50%; }
    .solutions_visual.time_attendance { background-position:70% 50%; }
    .solutions_visual.mobile_credential { background-position:25% 50%; }
    .solutions_visual.facial_recognition { background-position:30% 50%; }
    .solutions_visual.biosign { background-position:30% 50%; }
    .solutions_visual.privacy_protection { background-position:30% 50%; }

    .solutions_submain h2 { font-size: 6.94vw; margin-top:9.72vw; }
    .solutions_submain_list { margin-top:4.86vw; padding:0 5.55vw; background-color:transparent; box-sizing:border-box; }
    .solutions_submain_list > li { width:50%; height:32.22vw; padding:0; background-color:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee; }
    .solutions_submain_list > li:nth-child(2n) { border-right:0; }
    .solutions_submain_list > li:nth-child(5),
    .solutions_submain_list > li:nth-child(6) { border-bottom:0; }
    .solutions_submain_list > li::after { display:none; }
    .solutions_submain_list > li > a { font-size: 3.88vw; border-radius:0; padding-top:20.83vw; }
    .solutions_submain_list > li > a:hover { box-shadow:none; }
    #icon-construction { background-position:center 7.08vw; background-size:10.27vw 9.86vw; }
    #icon-datacenter { background-position:center 6.8vw; background-size:8.47vw 10.13vw; }
    #icon-health { background-position:center 7.5vw; background-size:9.58vw 7.63vw; }
    #icon-commercial { background-position:center 7.5vw; background-size:8.47vw 7.5vw; }
    #icon-infra { background-position:center 7.22vw; background-size:9.02vw 9.02vw; }
    #icon-manufacturing { background-position:center 7.22vw; background-size:9.44vw 9.44vw}

    #icon-access { background-position:center 7.08vw; background-size:7.63vw 9.3vw; }
    #icon-time { background-position:center 7.22vw; background-size:9.3vw 8.75vw; }
    #icon-mobile { background-position:center 6.94vw; background-size:5.97vw 9.72vw; }
    #icon-face { background-position:center 7.08vw; background-size:9.3vw 9.3vw; }
    #icon-biosign { background-position:center 7.08vw; background-size:5.97vw 9.72vw; }
    #icon-privacy { background-position:center 6.94vw; background-size:8.33vw 10vw; }


    /* 적용분야 : 공통 */
    .h3_title { font-size:5.823vw; padding:0 5.55vw; margin-bottom:4.16vw; }
    .h4_title { font-size:6.94vw; }


    .common_applications .text_area { line-height:5.83vw; padding:6.94vw 5.55vw; font-size:3.88vw; }

    /* 솔루션 특징 */
    .common_wide_box { position: relative; display:block; width:100%; padding:0 5.55vw; box-sizing: border-box;  }
    .common_wide_box dl { position:relative; left:auto; top:auto; width:100%; margin:0; padding-top:11.11vw; transform: translate(0,0); }
    .common_wide_box dl dt { margin:0 0 2.77vw; font-size:6.94vw; }
    .common_wide_box dl dd { line-height:5.83vw; font-size:3.88vw; }

    .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:0; text-align: right; }
    .common_wide_box dl.txt_center { left:0; top:0; width:100%; max-width:1204px; padding-top:11.11vw; transform: translate(0, 0%); text-align:center; }

    .common_wide_box.bg01 { height:150vw; margin:4.16vw 0 0; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg01.jpg') no-repeat 50% 50%; background-size: cover; }
    .common_wide_box.bg02 { height:116.66vw; margin:4.16vw 0 0; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg02.jpg') no-repeat 50% 50%; background-size: cover;}
    .common_wide_box.bg03 { height:155.27vw; margin:4.16vw 0 0; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg03.jpg') no-repeat 50% 50%; background-size: cover;}
    .common_wide_box.bg04 { height:155.83vw; margin:0 0 100px; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg04.jpg') no-repeat 50% 50%; background-size: cover;}
    .common_wide_box.bg05 { height:209.027vw; margin:4.16vw 0 0; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg05.jpg') no-repeat 50% 50%; background-size: cover;}
    .common_wide_box.bg06 { height:119.44vw; margin:0 0 0; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg06.jpg') no-repeat 50% 50%; background-size: cover;}
    .common_wide_box.bg07 { height:266.38vw; margin:4.16vw 0 100px; background: url('/ko/asset_m/images/02_solutions/common_wide_box_bg07.jpg') no-repeat 50% 50%; background-size: cover;}

    /* 다양한 관리 기능 */
    .manage_funtion { margin-bottom:11.11vw; padding:11.11vw 0 0; background: #f8f8f8; }
    .manage_funtion .top_text { padding-top:20px; font-size:18px; color:#666; text-align:center; }
    .manage_funtion ul { padding:8.33vw 5.55vw 5.55vw; }
    .manage_funtion ul li { position:relative; float:none; width:100%; height:25vw; margin:0 0 5.55vw; }
    .manage_funtion ul li .icon_box { display:block; width:25vw; height:25vw; }
    .manage_funtion ul li .icon_box img { width:100%; }
    .manage_funtion ul li .text { position:absolute; left:33.33vw; line-height:normal; font-size:3.88vw; }


    /* 관련 정보 */
    .related_information { margin:5.55vw 0 13.8vw; padding:0 5.55vw; }
    .related_information li { float:none; width:100%; }
    .related_information li:first-child { margin-right:0; margin-bottom:4.16vw; }
    .related_information li a { display:block; height:27.7vw; line-height:27.7vw; padding-right:8.33vw; font-size:4.44vw; }
    .related_information li.bg06 a, .related_information li.bg07 a { display:block; height:27.7vw; font-size:3.8vw; line-height:5.5vw; }

    .related_information li.bg01 a { background-size: cover; }
    .related_information li.bg02 a { background-size: cover; }
    .related_information li.bg03 a { background-size: cover; }
    .related_information li.bg04 a { background-size: cover; }
    .related_information li.bg05 a { background-size: cover; }
    .related_information li.bg06 a { background-size: cover; }
    .related_information li.bg07 a { background-size: cover; }


    /* 적용분야 : 개인정보보호 */
    .privay_txt_box { display:block; margin:5.55vw 5.55vw 13.8vw; background: #f7f7f7; }
    .privay_txt_box.flex-time-bg-wrap { display:block; margin:0; background: #f7f7f7; }
    .privay_txt_box .vertical_box { display:block; width:100%; height:auto; margin:11.11vw auto 0; }
    .privay_txt_box .vertical_box .icon_box { display:block; width:100%; height:30.55vw; text-align:center; }
    .privay_txt_box .vertical_box .icon_box > img { height:100%; }
    .privay_txt_box .vertical_box dl { display:block; width:100%; height:auto; padding:0 4.16vw; text-align:center; }
    .privay_txt_box .vertical_box dl dt { margin:8.33vw 0 2.77vw; font-size:5vw; }
    .privay_txt_box .vertical_box dl dd { font-size:3.88vw; }


    .solutions_module { margin-top:8.33vw; padding:0 5.55vw; box-sizing:border-box; }
    .solutions_sub_module { margin-top:4.16vw; }
    .solutions_module > p { font-size: 3.88vw; }
    .solutions_module .h3_title { padding:0; }

    .solutions_list_box { width:100%; box-sizing:border-box; border:1px solid #ddd; padding:6.94vw 5.55vw; margin-top:2.77vw; }
    .solutions_list_box > ul { overflow:hidden; }
    .solutions_list_box > ul > li { width:100%; padding-left:3.47vw; background-position:left 2.65vw; background-size:1.38vw 1.38vw; font-size: 3.88vw; }

    /* 1102 수정사항 */
    .using_scenario { text-align:center; margin-top:2.77vw; }
    /* 1102 수정사항 끝 */
    .solutions_module > p.scenario_title { font-size: 4.44vw; margin:6.94vw 0 2.5vw; }
    .feature_list { margin-top:2.77vw; }
    .feature_list > li { width:100%; margin-right:0; margin-bottom:5.55vw; }
    .feature_list > li > p { font-size: 4.44vw; margin-top:4.16vw; }
    .feature_list > li > ul { margin-top:2.08vw; }
    .feature_list > li > ul > li { font-size: 3.88vw; padding-left:3.47vw; background-position:left 2.65vw; background-size:1.38vw 1.38vw;}
    .feature_list > li > ul > li > ul { padding-left:2.08vw; }

    .solutions_sub_module > h4 { font-size: 5vw; }
    .solutions_sub_module > ul { margin:2.77vw 0 5.55vw; }
    .platform_app_list > li { float:left; position:relative; width:100%; margin-right:0; margin-bottom:5.55vw; }
    .platform_app_list > li p { height:10.83vw; line-height:10.83vw; font-size: 4.44vw; }
    .platform_app_list > li p > span { width:1.66vw; height:2.77vw; background-size:100% 100%; margin-left:4.16vw; }
    .solutions_product_list { overflow-x:auto; white-space: nowrap;}
    .solutions_product_list > li { width:34vw; text-align:center; margin-bottom:7vw; margin-right:2.77vw; }
    .solutions_product_list > li:nth-child(4n) { margin-right:2.77vw; }
    .solutions_product_list > li div { width:100%; height:34vw; line-height:34vw; }
    .solutions_product_list > li div > img { vertical-align: middle; }
    .solutions_product_list > li p { font-size: 4.44vw;  }

    /*
    .solutions_product_list::-webkit-scrollbar { height:0.55vw; }
    .solutions_product_list::-webkit-scrollbar-track { background: #edecf1; }
    .solutions_product_list::-webkit-scrollbar-thumb { background: #a12944; }
    */

    /* 모바일 인증 솔루션 1101 수정사항 */
    .solution_table {margin-bottom:20vw;}
    .sub-max-inner.table{padding:0 5.5vw; box-sizing: border-box;}
    .table_h5 { font-size: 6.94vw; }
    .solution_table .th{width:100%; height: 27.77vw; }
    .solution_table .th p{ font-size: 5vw; line-height: 8.61vw; }
    .solution_table .th span{ font-size: 3.6vw; line-height: 4.44vw; }
    .solution_table .td{width:100%; height: auto; font-size: 3.8vw; line-height: 5.83vw; }
    .solution_table .td ul li{ margin-bottom: 2.08vw; }
    .solution_table .td strong{line-height:  7.2vw;  margin-bottom: 2.08vw; display:block;}
    .solution_table .td .txt_center{padding-left:4.16vw; position: static; transform: translate(0,0); padding: 6.94vw 0 6.94vw 5.5vw; }
    /*flex-time 페이지 추가_2019-07-01*/
    .licence-wrap{margin:0 -5.55vw; width:calc(100% + 11.1vw);}
    .licence-wrap li{display:block; width:49.25%; height:73vw; margin-bottom:1.5%; overflow:hidden;}
	.licence-wrap li:nth-of-type(2n){margin-right:0;}
    .licence-wrap li > img{width:25vw; height:25vw; margin:5.5vw 0 4.1vw 0;}
    .licence-wrap li strong{font-size:5vw; font-weight:600}
    .licence-wrap li span{font-size:4.44vw; font-weight:600}
	.licence-wrap li .price{padding-top:4.1vw; margin:4.1vw 5vw 0;}
	.licence-wrap li .price p{font-size:5vw;}
	.licence-wrap li .price span{font-size:3.6vw;}
	.licence-wrap > p{padding:0 5.55vw; margin-top:2.3vw; font-size:3.8vw; text-align:left;}


    .flexTime-info li > span{font-size:4.16vw; line-height:5.55vw}
    .flex-time-bg .flex-time-wrap .flex-time{overflow:hidden;}
    .flex-time-bg .flex-time-wrap .flex-time.card01, .flex-time-bg .flex-time-wrap .flex-time.card02, .flex-time-bg .flex-time-wrap .flex-time.card03, .flex-time-bg .flex-time-wrap .flex-time.card04, .flex-time-bg .flex-time-wrap .flex-time.card05, .flex-time-bg .flex-time-wrap .flex-time.card06, .flex-time-bg .flex-time-wrap .flex-time.card07, .flex-time-bg .flex-time-wrap .flex-time.card08, .flex-time-bg .flex-time-wrap .flex-time.card09, .flex-time-bg .flex-time-wrap .flex-time.card10{
        width:100%;
        height:113vw;
    }
    .flex-time-bg{padding:4.16vw 0;}
    .flex-time-bg .flex-time-wrap .flex-time .section-01{background:url('../images/01_product/bg_flexTime_section01.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-02{background:url('../images/01_product/bg_flexTime_section02.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-03{background:url('../images/01_product/bg_flexTime_section03.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-04{background:url('../images/01_product/bg_flexTime_section04.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-05{background:url('../images/01_product/bg_flexTime_section05.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-06{background:url('../images/01_product/bg_flexTime_section06.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-07{background:url('../images/01_product/bg_flexTime_section07.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-08{background:url('../images/01_product/bg_flexTime_section08.png') 0 0 no-repeat; background-size:cover;}
    .flex-time-bg .flex-time-wrap .flex-time .section-09{background:url('../images/01_product/bg_flexTime_section09.png') 0 0 no-repeat; background-size:120%;}
    .flex-time-bg .flex-time-wrap .flex-time .section-10{background:url('../images/01_product/bg_flexTime_section10.png') 0 0 no-repeat; background-size:cover;}

    .flex-time-bg h6{font-size:5vw; padding:0 5.5vw}
    .flex-time-bg .flex-time-wrap .flex-time .title-area dt{font-size:6.94vw; margin-bottom:5.55vw;}
    .flex-time-bg .flex-time-wrap .flex-time .title-area dd{font-size:3.88vw; line-height:5.83vw; letter-spacing:-1px;}
    .flex-time-bg .flex-time-wrap .flex-time .title-area dt.black{color:#222; font-size:6.94vw; margin-bottom:5.55vw; }
    .flex-time-bg .flex-time-wrap .flex-time .title-area dd.black{color:#222;font-size:3.88vw; line-height:5.83vw; letter-spacing:-2px;}
    
    .flex-time-bg .flex-time-wrap .flex-time .section-on{padding:11.52vw 5.55vw; height:113vw;}
    .flex-time-bg .flex-time-wrap .flex-time .section-on .text-area dt{font-size:6.94vw; margin-bottom:5.83vw;}
    .flex-time-bg .flex-time-wrap .flex-time .section-on .text-area dd{font-size:3.88vw; line-height:5.83vw; margin-bottom:7.63vw;}
    .flex-time-bg .flex-time-wrap .flex-time .section-01, .flex-time-bg .flex-time-wrap .flex-time .section-02, .flex-time-bg .flex-time-wrap .flex-time .section-03, .flex-time-bg .flex-time-wrap .flex-time .section-04, .flex-time-bg .flex-time-wrap .flex-time .section-05, .flex-time-bg .flex-time-wrap .flex-time .section-06, .flex-time-bg .flex-time-wrap .flex-time .section-07, .flex-time-bg .flex-time-wrap .flex-time .section-08, .flex-time-bg .flex-time-wrap .flex-time .section-09, .flex-time-bg .flex-time-wrap .flex-time .section-10{
        padding:11.52vw 5.55vw;
        height:113vw;
    }
    .flexTime-info li{min-height:53.05vw; padding:5.41vw 3.2vw;}
    .flexTime-info li:nth-child(1), .flexTime-info li:nth-child(2), .flexTime-info li:nth-child(3), .flexTime-info li:nth-child(4){background-position-y:11.41vw;}
    .flexTime-info li > span{bottom:5.41vw;}

    /* .flex-time-bg .flex-time-wrap .flex-time{overflow: hidden; height:auto;} */
    .flex-time-bg .flex-time-wrap .flex-time.card02 .section-on .no01{width:92.73vw}
    .flex-time-bg .flex-time-wrap .flex-time.card03 .section-on .no03{width:83.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time.card04 .section-on .no04{width:84.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time.card08 .section-on .no08{width:85.73vw;}
    .flex-time-bg .flex-time-wrap .flex-time .section-on img.section09_pop{bottom:-20%; left:5%; height:none; width:100%;}
    .flex-time-bg .flex-time-wrap .flex-time.card10 .section-on .no10{width:82.73vw;}
    .align-top-50{position:relative; top:initial; transform:translateY(0)}
    .flex-time-bg .flex-time-wrap .flex-time .section-on img.section03_pop{bottom:0; top:initial; left:50%; transform:translateX(-50%);}
    .pdt-20{padding-top:4.16vw !important;}
    .btn_biostar_down li { width:100%; height:38.76vw; }
    .btn_biostar_down li:last-child { margin-left:0; margin-top:4.16vw; }
    .btn_biostar_down li.biostar_down_01 { background:url('/ko/asset_m/images/01_product/ico_biostar02.jpg') center 10% no-repeat;} 
    .btn_biostar_down li a { width:90%; height:8.53vw; line-height:8.53vw; font-size:3.88vw; top:initial; bottom:10%; left:50%; transform:translateX(-50%); background:url('/ko/asset_m/images/common/icon-arrow-right_on_bold.png') 90% center no-repeat; }
}

@media only screen and (max-width:580px) {
    .btn_biostar_down li.biostar_down_01, .btn_biostar_down li.biostar_down_02 { background-size:60%; } 
}