@charset "utf-8";

/* Sub Visual */
.sub_visual03_02 { background: url('../jpg/sub-visual-support-04.jpg') no-repeat center center; background-size:cover; }
.sub_visual03_03 { background: url('../jpg/sub-visual-support-04-02.jpg') no-repeat center center; background-size:cover; }
.sub_visual03_04 { background: url('../jpg/sub-visual-support-04-03.jpg') no-repeat center center; background-size:cover; }
.sub_visual03_05 { background: url('../jpg/sub-visual-support-04-04.jpg') no-repeat center center; background-size:cover; }

/* submain 20190402 수정 */
.submain-visual-wrap {width:100%;height:790px;background:url('../jpg/submain-visual-support.jpg');background-size:cover;background-position:center;}
.submain-visual {position:relative;width:100%;max-width:1204px;margin:0 auto;text-align:center;padding-top:200px;}
.submain-visual > p.pc-desc{line-height:66px; font-weight:700;}
.submain-visual > p {font-size: 60px; color:#222222;}
.submain-visual > p.submain-category {font-size: 24px;font-weight: 400;margin-top:25px; line-height:30px; text-align: left;}
.submain-visual > p.mobile-desc {display:none;}

.submain-list {width:100%;margin-top:50px;}
.submain-list::after {content:'';display:block;clear:both;}
.submain-list > li {float:left;}
.submain-list > li span {display:block;width:170px;height:170px;background-color:#fff;border-radius:100px;margin:0 auto;}
.submain-list > li p {font-size: 24px;font-weight: 500;color:#666;margin-top:25px;line-height:30px; text-transform: uppercase;}
.submain-list.list-num4 > li {width:20%;}
#support01 {background-image:url('../png/icon-support01.png');background-position:52px center;background-repeat:no-repeat;}
#support02 {background-image:url('../png/icon-support02.png');background-position:center center;background-repeat:no-repeat;}
#support03 {background-image:url('../png/icon-support03.png');background-position:center center;background-repeat:no-repeat;}
#support04 {background-image:url('../png/icon-support04.png');background-position:center center;background-repeat:no-repeat;}
#support05 {background-image:url('../svg/icon-support051b26.svg?v2');background-position:center center;background-repeat:no-repeat; background-size: auto 82px;}
.submain-list > li:hover span {background-color:#a12642;-webkit-box-shadow:15px 15px 30px rgba(0,0,0,0.3);box-shadow:15px 15px 30px rgba(0,0,0,0.3);}
.submain-list > li:hover p {color:#a12642;}
.submain-list > li:hover #support01 {background-image:url('../png/icon-support01-on.png');}
.submain-list > li:hover #support02 {background-image:url('../png/icon-support02-on.png');}
.submain-list > li:hover #support03 {background-image:url('../png/icon-support03-on.png');}
.submain-list > li:hover #support04 {background-image:url('../png/icon-support04-on.png');}
.submain-list > li:hover #support05 {background-image:url('../svg/icon-support05-on.svg');}

.submain-contents-wrap {width:100%;padding:80px 0 150px;}
.submain-contents {width:100%;max-width:1204px;margin:0 auto;}

.submain-info:after {content:'';display:block;clear:both;}
.submain-info > div {float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.submain-info > div:nth-child(1) {border-right:1px solid #ddd;background:none;background-position:500px 125px;background-repeat:no-repeat;}
.submain-info > div:nth-child(2) {background:none;background-position:475px 124px;background-repeat:no-repeat;}
.submain-info > div p {font-size: 36px;font-weight: 500;color:#222222; line-height:30px; line-height:26px;}
.submain-info > div p.submain-tel-num {font-size: 42px;font-weight: 600;margin-top:30px;}
.submain-info > div p.submain-tel-num > span {display:inline-block;font-size: 16px;font-weight: 400;color:#999;margin-left:15px;}
.submain-info > div dl dt,
.submain-info > div dl dd {float:left;line-height:1em;padding-bottom:12px;}
.submain-info > div dl dt {font-family:'Noto Sans KR'!important;font-size: 16px;font-weight: 350;color:#666;}
.submain-info > div dl dd {padding-top:2px;font-weight: 500;color:#222;}
.submain-info > div:nth-child(1) dl {margin-top:20px;}
.submain-info > div:nth-child(1) dl dt {width:95px;}
.submain-info > div:nth-child(1) dl dd {width:calc(100% - 95px);}
.submain-info > div:nth-child(2) dl {margin-top:42px;}
.submain-info > div:nth-child(2) dl dt {width:130px;}
.submain-info > div:nth-child(2) dl dd {width:calc(100% - 130px);}

.customer-center {position:relative;height:180px;margin-top:80px;background-color:#f4f4f4;background-image:url('../png/bg-customercenter.png');background-position:50px 38px;background-repeat:no-repeat;padding:35px 0 0 185px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.customer-center p {font-size: 16px;font-weight: 350;color:#666; width:60%}
.customer-center p:first-child {font-size: 24px;font-weight: 700;color:#222;margin-bottom:15px;}

.btn-submain-round {position:absolute;width:auto;height:42px;top:50%;right:50px;border:1px solid #a12642;border-radius:21px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:42px; text-align:center; font-size: 16px;font-weight: 600;color:#a12642!important;background:url('../png/icon-arrow-right_on_bold.png') right 20px center no-repeat;-webkit-transform:translateY(-50%); padding: 0 40px 0 30px;}

@media only screen and (max-width:890px) {
    .submain-visual .submain-list.list-num4 > li {width: 42%;}
    #support05 {background-size: 11.61vw auto ;}
    #wrap .submain-visual-wrap {height: auto; padding-bottom: 50px;}
}


/* 고객지원 : 공통 : 탭메뉴 */
.support-tab-list { width:100%; }
.support-tab-list:after { display:block; content:''; clear:both; }
.support-tab-list > a { display:block; float:left; width:25%; line-height:70px; font-size:1.25em; font-weight:400; color:#999; text-align:center; letter-spacing:-0.025em; border:1px solid #ddd; border-left:none; box-sizing:border-box; transition:all .5s; }
.support-tab-list.develop_depth > a { width:33.33%; }
.support-tab-list.develop > a { width:50%; }

/* 2020-05-21 hjjeon */
.support-tab-list.sdk-tab > a { width:25%; }
.other-lang .support-tab-list.sdk-tab > a {width: 33.33%;}
.support-tab-list.sdk-tab > a > span > strong { font-weight: 400;}
.support-tab-list.sdk-tab > a.on > span > strong { font-weight:500; }

.support-tab-list > a:first-child { border-left:1px solid #ddd;}
.support-tab-list > a:hover { color:#fff; background: #a12642; border-color:#a12642; }
.support-tab-list > a.on { font-weight:500; color:#fff; background: #a12642; border-color:#a12642; }


/* 고객지원 : 제품자료 : 상단 */
.product_n_marketing_common .pakage-title { display:block; font-size:36px; font-weight:600; color:#222; line-height:66px; }
#product_data .pakage-list { display:block; width:100%; height:280px; margin-bottom:60px;}
#product_data .pakage-list > li { position:relative; float:left; width:100%; height:100%; vertical-align: middle; }
#product_data .pakage-list > li:first-child:before { position:absolute; right:0; top:50%; display:block; content:'-'; width:1px; height:210px; font-size:0; z-index:5; transform: translateY(-50%); }

#product_data .pakage-list > li a { position:absolute; left:50%; top:50%; width:50%; display:block; text-align:center; box-sizing:border-box; transform: translate(-50%,-50%); }
#product_data .pakage-list > li a .bio_cover { display:inline-block; vertical-align: middle; box-shadow:15px 15px 60px #ddd; }
#product_data .pakage-list > li a .txt-box { display:inline-block; padding-left:50px; text-align:left; vertical-align: middle; }
#product_data .pakage-list > li a .bio_name { margin:0 0 12px; font-size:1.875em; font-weight:600; color:#222; font-family:'Montserrat', sans-serif; }
#product_data .pakage-list > li a .shorcut { display:inline-block; line-height:40px; padding:0 50px 0 20px; font-size:1em; font-weight:500; color:#a12642; background: url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642; border-radius:20px; text-align:center; }

/* 고객지원 : 공통 : 제품자료, 마케팅자료 : 타이틀, 검색 */
.product_n_marketing_common .reFi-title { display:block; font-size:36px; font-weight:600; color:#222; font-family:'Montserrat', sans-serif; }
.product_n_marketing_common .reFi-search_wrap { position:absolute; right:0; top:0; display:block; width:300px; height:54px; background:#f7f7f7; border:1px solid #ddd; border-radius:27px; box-sizing:border-box; }
.product_n_marketing_common .reFi-search_wrap input[type=text] { float:left; width:75%; line-height:52px; padding:0 0 0 20px; font-size:1em; font-weight:300; color:#666; letter-spacing:-0.025em; background:none; border:none; outline:0;  box-sizing:border-box; }
.product_n_marketing_common .reFi-search_wrap input[type=submit] { display:block; float:right; width:25%; height:52px; font-size:0; text-align:center; border:none; background:url('../png/icon-search.png') no-repeat center, transparent; outline:0; cursor:pointer; }

.product_n_marketing_common .reFi-search_wrap input::-ms-input-placeholder { color: #aaa; } /* ie10 */
.product_n_marketing_common .reFi-search_wrap input::-webkit-input-placeholder { color: #aaa; }/* webkit, edge */
.product_n_marketing_common .reFi-search_wrap input::-moz-placeholder { color: #aaa; }/* mozila, firefox */


/* 고객지원 : 제품자료 : Resource Finder */
#product_data .resource-finder-container { height:auto; padding:80px 0; background:url('../jpg/resource-finder-bg.jpg') no-repeat top center; box-sizing:border-box; }
#product_data .resource-finder-container .sub-max-inner { position:relative; }

#product_data .reFi-wrapper { display:block; height:auto; margin-top:40px; background: #fff; box-shadow:10px 10px 40px #ddd; }
#product_data .reFi-wrapper:after { display:block; content: ''; clear:both; }

#product_data .reFi-wrapper .common_refiWrap_title { padding:55px 0 35px; text-align:center; }
#product_data .reFi-wrapper .common_refiWrap_title dt { padding:0 0 5px; font-size:2em; font-weight:600; color:#222; letter-spacing: -0.025em; text-transform: uppercase; font-family:'Montserrat', sans-serif; }
#product_data .reFi-wrapper .common_refiWrap_title dd { font-size:1.125em; color:#999; letter-spacing: -0.025em; }

#product_data .reFi-wrapper .cate_box { float:left; width:50%; height:100%; border-right:1px solid #ddd; box-sizing: border-box; }
#product_data .reFi-wrapper .cate_box ul { display:block; margin:0 60px; }
#product_data .reFi-wrapper .cate_box ul > li { margin:0 0 10px; }
#product_data .reFi-wrapper .cate_box ul > li > a { display:block; line-height:50px; padding:0 20px; font-size:1.125em; color:#222; letter-spacing: -0.025em; font-family:'Montserrat', sans-serif; border-radius:25px; transition:all .4s; }
#product_data .reFi-wrapper .cate_box .en_list > li:nth-child(2),
#product_data .reFi-wrapper .cate_box .en_list > li:nth-child(10),
#product_data .reFi-wrapper .cate_box .en_list > li:nth-child(11) {display: none;}

#product_data .reFi-wrapper .cate_box .ko_list > li:nth-child(2),
#product_data .reFi-wrapper .cate_box .ko_list > li:nth-child(10) {display: none;}

#product_data .reFi-wrapper .cate_box ul > li.on > a { font-weight: 500; color: #a12642; background:url('../png/icon-arrow-right_on.png') no-repeat 92% center, #f5e9ec; }

#product_data .reFi-wrapper .cate_box ul > li:hover > a { font-weight: 500; color: #a12642; background:url('../png/icon-arrow-right_on.png') no-repeat 92% center, #f5e9ec; }
#product_data .reFi-wrapper .mb-cate-select-box { display:none; }

#product_data .reFi-wrapper .view_box { float:right; width:50%; height:100%; padding-right:10px; box-sizing:border-box; }
#product_data .reFi-wrapper .view_box .support-swiper-slide:after { display:block; content:''; clear:both; }

#product_data .reFi-wrapper .view_box .slide-li { float:left; width:33%; margin-bottom:30px; }

#product_data .reFi-wrapper .view_box .slide-li > a { display:block; text-align:center; }
#product_data .reFi-wrapper .view_box .slide-li > a .txt-name { font-size:1.125em; font-weight: 600; color:#222; font-family:'Montserrat', sans-serif; }
#product_data .reFi-wrapper .view_box .slide-li.current > a .txt-name { color:#a12642; }

/* Swiper*/
#product_data .support-swiper-container { position:relative; height:390px; padding-bottom:0; overflow:hidden; }

#product_data .support-swiper-scrollbar { position:absolute; right:0; top:0; height:100%; width:8px; }
#product_data .swiper-pagination-bullet { margin:0 5px; }
#product_data .swiper-pagination-bullet-active { background-color: #a12642; }

#product_data .support-swiper-pagination { position:absolute; left:0; bottom:0; width:100%; }


/* 게시판 형태 */
#board_wrapper { display:block; }
#board_wrapper .board_top { position:relative; width:100%; margin:0 0 40px; }
#board_wrapper .board_top:after { display:block; content:''; clear:both; }
#board_wrapper .board_top .left_area { display:block; }
#board_wrapper .board_top .left_area a.on { font-weight:500; color:#222; }
#board_wrapper .board_top .right_area { position:absolute; right:0; bottom:-40px; }
#board_wrapper .board_top .right_area a { padding-bottom:10px; margin-bottom:-2px; }
#board_wrapper .board_top .right_area a.on { font-weight:500; color:#a12642; border-bottom:3px solid #a12642; }
#board_wrapper .board_top a { display:inline-block; margin:0 5px; font-size:1em; color:#999; letter-spacing:-0.025em; vertical-align:middle; }
#board_wrapper .board_top a:first-child { margin-left:0; }
#board_wrapper .board_top span { display:inline-block; font-size:0.75em; color:#ddd; vertical-align:middle; }

#board_wrapper .board_containe { display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#board_wrapper .board_containe ul > li { display:table; width:100%; padding:10px 0 15px; border-bottom:1px solid #ddd; }
#board_wrapper .board_containe ul > li:last-child { border-bottom:none; }
#board_wrapper .board_containe ul > li > .tb-cell { display:table-cell; vertical-align:middle; text-align:center; font-family:'Montserrat', sans-serif; letter-spacing: -0.025em; }

#board_wrapper .board_containe ul > li > .date-area { width:9%; color:#ddd; }
#board_wrapper .board_containe ul > li > .date-area .date { font-size:2.5em; }
#board_wrapper .board_containe ul > li > .date-area .yymm { font-size:1em; }
#board_wrapper .board_containe ul > li > .cate { width:13%; font-size:1.25em; color:#a12642; text-align: left; padding-left: 12px; padding-right: 12px;}
#board_wrapper .board_containe ul > li > .subject { width:auto; font-size:1.25em; font-weight:500; color:#222; text-align:left; }
#board_wrapper .board_containe ul > li > .date,
#board_wrapper .board_containe ul > li > .mkb { width:10%; font-size:1em; color:#bbb; }
#board_wrapper .board_containe ul > li > .down { width:25%; position: relative; }
#board_wrapper .board_containe ul > li > .down a { display:inline-block; width:47%; height:42px; line-height:42px; font-size:1em; border:1px solid #a12642; box-sizing:border-box; border-radius:21px; }
#board_wrapper .board_containe ul > li > .down a.btn_down { margin-right:2%; color:#fff; background: #a12642; }
#board_wrapper .board_containe ul > li > .down a.btn_share { color:#a12642; }

@media screen and (max-width: 890px){
    #sub-body-container #board_wrapper .board_containe ul > li > .cate {width: auto; padding: 0; left: 0;font-size: 15px; top: 12px;text-align: left;}
    #sub-body-container #board_wrapper .board_containe ul > li > .subject {width: 100%;}
    #sub-body-container #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;}
    #sub-body-container #board_wrapper .board_containe ul > li > .date {margin-right: 20px;}
    #sub-body-container #board_wrapper .board_containe ul > li > .down {width: 100%;}  
    #sub-body-container #board_wrapper .board_containe ul > li  {text-align: left;}           

    #wrap #product_data .pakage-list > li a .shorcut {width: 80%;}
}

.sticky-menu .right_link .share_area { position:absolute; display:none; right:0; top:80px; padding:10px; background: #fff; box-shadow: 10px 10px 30px rgba(0,0,0,0.3); z-index:7;}
.sticky-menu .right_link .share_area a { line-height:44px!important;  }

.share_area { position:absolute; display:none; right:0; right:20px; top:59px; background: #fff; box-shadow: 10px 10px 30px rgba(0,0,0,0.3); z-index:7;}
.share_area a { line-height:44px; border:none !important; width:initial !important; }

#board_wrapper .paging_area { display:block; margin-top:40px; text-align:center; }
#board_wrapper .paging_area a { display:inline-block; width:32px; height:32px; line-height:32px; font-size:1em; font-weight:600; color:#999; text-align:center; vertical-align:middle; }
#board_wrapper .paging_area a.on { color:#fff; background: #a12642; border-radius:100%;  }

#board_wrapper .paging_area span { display:inline-block; width:32px; height:32px; line-height:32px; font-size:1em; font-weight:300; color:#999; text-align:center; vertical-align:middle; cursor: pointer; }
#board_wrapper .paging_area span:first-child { margin-right:20px; font-size:0; background: url('../png/icon-arrow-left2.png') no-repeat center; }
#board_wrapper .paging_area span:last-child { margin-left:20px; font-size:0; background: url('../png/icon-arrow-right2_on.png') no-repeat center;}

#board_wrapper .mb_board_top { display:none; }

#product_data  #board_wrapper { margin:100px 0 80px; }


/* 고객지원 : 공통 : 제품자료, 마케팅자료 : 문의하기 */
.product_n_marketing_common .inquiry-container { position:relative; display:block; height:150px; margin:0 0 80px; padding:20px 70px; background: url('../jpg/icon-inqurator.jpg') no-repeat 70px center; border:1px solid #ddd; box-sizing: border-box; }
.product_n_marketing_common .inquiry-container dl { width:50%; padding-left:150px; letter-spacing:-0.025em; }
.product_n_marketing_common .inquiry-container dl dt { font-size:1.5em; font-weight:600; color:#222; }
.product_n_marketing_common .inquiry-container dl dd { padding:10px 0; font-size:1.125em; font-weight:300; color:#666; }
.product_n_marketing_common .inquiry-container .shorcut { position:absolute; right:70px; top:50%; display:block; width:174px; height:42px; line-height:40px; text-align:center; font-size:1em; font-weight:500; color:#a12642; background: url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642; border-radius:21px; box-sizing:border-box; transform: translateY(-50%); }

.inquiry-container { position:relative;display: block; height:150px; padding:20px 70px; background:#fff url('../jpg/icon-inqurator-2.jpg') no-repeat 70px center; border:1px solid #ddd; box-sizing: border-box; }
.inquiry-container dl { width:50%; padding-left:150px; letter-spacing:-0.025em; }
.inquiry-container dl dt { font-size:1.5em; font-weight:600; color:#222; }
.inquiry-container dl dd { padding:10px 0; font-size:1.125em; font-weight:300; color:#666; }
.inquiry-container .shorcut { position:absolute; right:70px; top:50%; display:block; width:174px; height:42px; line-height:40px; text-align:center; font-size:1em; font-weight:500; color:#a12642; background: url('../png/icon-arrow-right_on_bold-3.png') no-repeat 90% center; border:1px solid #a12642; border-radius:21px; box-sizing:border-box; transform: translateY(-50%); }
.inquiry-container.customer-stories .shorcut{color: #fff; background: #a12944 url('../png/icon-arrow-right_on_bold_wh.png') no-repeat 90% center;}
.inquiry-container.customer-stories .shorcut .txt-blog{display: inline-block; background: url('../png/go_blog18e0.png?v201218') center no-repeat; width: 49px;height: 100%; vertical-align: middle; margin-right: 5px;}
@media screen and (min-width: 891px){
    .inquiry-container {display:flex; align-items: center;}
    .inquiry-container.customer-stories{ padding-top: 35px; background-position: 70px center; background-size: auto;}
    .inquiry-container.customer-stories .shorcut {text-align: left; padding-left: 20px;}
    .inquiry-container.customer-stories .shorcut .txt-blog { background-size: 80%;}
}
@media screen and (max-width: 890px){
    .inquiry-container.customer-stories .shorcut .txt-blog { background-size: contain; width: 10vw;}

    /* 고객지원 : 공통 : 제품자료, 마케팅자료 : 문의하기 */
    .inquiry-container {height:auto;margin: 0 5.55vw 5.55vw;padding:5.3vw 1.38vw;background-position: 6.6vw 7.7vw;background-size: 25%;}
    .inquiry-container dl {width:auto;/* margin-bottom:2.77vw; */padding-left:29.86vw;padding-top: 4px;}
    .inquiry-container dl dt { font-size:5vw; }
    .inquiry-container dl dd { padding:1.38vw 0; font-size:3.88vw;}
    .inquiry-container .shorcut {position: relative;left: 50%;transform: translateX(-50%);top:auto;width: 90%;height:10.55vw;line-height:10vw;margin-top: 2.861vw;font-size:3.88vw;background-position:97% center;border-radius:10.55vw;background: url('../png/icon-arrow-right_on_bold-4.png') no-repeat 95% center;background-size: 1.67vw;}
}

/* 고객지원 : 마케팅자료 */
#marketing_data .sub-max-inner { position:relative; }
#marketing_data #board_wrapper { margin:60px 0 80px; }


/* 고객지원 : 개발자 도구 : 공통 : 상단 */
#developer_support .product-info.wrap-biostar,
#developer_support .product-info { position:relative; height:420px; }
#developer_support .product-info dl { position:absolute; left:400px; top:50%; transform: translateY(-50%); }
#developer_support .product-info dl dt { margin:0 0 20px; font-size:3.75em; font-weight:500; font-family:'Montserrat', sans-serif; }
#developer_support .product-info dl dd { font-size:1.25em; font-weight:300; color:#666; letter-spacing:-0.025em; }

@media screen and (max-width:890px){
#developer_support .product-info.wrap-biostar dl{margin-top: 10vw;}
}


/* 고객지원 : 개발자 도구 : 퀵링크메뉴 */
#developer_support .sticky-menu { position:relative; left:0; top:0; display:block; width:100%; height:80px; background: #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; z-index:10; }
#developer_support .sticky-menu a { display:inline-block; line-height:78px; letter-spacing:-0.025em; vertical-align:middle; }
#developer_support .sticky-menu .left_link { float:left; width:50%; }
#developer_support .sticky-menu .left_link a { padding-right:40px; font-size:18px; font-weight:500; transition:all .5s; }
#developer_support .sticky-menu .left_link a:hover { font-weight:600; color:#a12642; }
#developer_support .sticky-menu .left_link a.on { font-weight:600; color:#a12642; }
#developer_support .sticky-menu .right_link { float:right; width:50%; text-align:right; }
#developer_support .sticky-menu .right_link .btn_contact,
#developer_support .sticky-menu .right_link .btn_inquiry { 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;  padding: 0 24px;}
#developer_support .sticky-menu .right_link .btn_contact:hover,
#developer_support .sticky-menu .right_link .btn_inquiry:hover { color:#fff; background: #a12642; }
#developer_support .sticky-menu .right_link .btn_share { margin-left:10px; width:54px; font-size:0; background:url('../png/icon-share.png') no-repeat right center; }


/* 고객지원 : 개발자 도구 : 공통 : 타이틀 */
#developer_support .sub_h3_title { padding-top:80px; padding-bottom:10px; font-size:2.25em; font-weight:600; color:#222; letter-spacing:-0.025em; }
#developer_support .sub_h3_detail { font-size:1.125em; font-weight:400; color:#666; letter-spacing:-0.025em; }

/* 고객지원 : 개발자 도구 : 공통 : 주요기능 텍스트  */
#developer_support .sub-max-inner { position:relative; height:100%; }

#developer_support .main-function-content { position:relative; width:100%; height:600px; color:#222; }
#developer_support .main-function-content dl { position:absolute; display:block; left:0; top:50%; width:45%; transform: translateY(-50%); }
#developer_support .main-function-content dl.wd { width: 40%; }
#developer_support .main-function-content dl dt { line-height:60px; padding:0 0 20px; font-size:3em; font-weight:500; }
#developer_support .main-function-content dl dd { line-height:1.8; font-size:1.125em; font-weight:350; opacity:0.8; }

/* 고객지원 : 개발자 도구 : api : 주요기능 */
#developer_support .main-function-api .mainFtC-bg01 { margin-top:30px; background: url('../webp/developer-api_bg01.webp') no-repeat center; }
#developer_support .main-function-api .mainFtC-bg02 { height:780px; color:#fff; background: url('../webp/developer-api_bg02.webp') no-repeat center; }
#developer_support .main-function-api .mainFtC-bg03 { background: url('../jpg/developer-api_bg03.jpg') no-repeat center; }
#developer_support .main-function-api .mainFtC-bg04 { height:800px; color:#fff; background: url('../jpg/developer-api_bg04.jpg') no-repeat center; }
#developer_support .main-function-api .mainFtC-bg05 { height:550px; color:#fff; background: url('../webp/developer-api_bg051b26.webp?v2') no-repeat center; }

#developer_support .main-function-api .mainFtC-bg01 dl dd p { margin-bottom:10px; }
#developer_support .main-function-api .mainFtC-bg02 dl { left:50%; }
#developer_support .main-function-api .mainFtC-bg04 dl { left:50%; }


/* 고객지원 : 개발자 도구 : SDK : 주요기능 */
#developer_support .main-function-sdk .mainFtC-bg01 { color:#fff; margin-top:30px; background: url('../jpg/developer-sdk_bg01.jpg') no-repeat center; }
#developer_support .main-function-sdk .mainFtC-bg02 .sub-max-inner { background: url('../jpg/developer-sdk_bg02.jpg') no-repeat left center; }
#developer_support .main-function-sdk .mainFtC-bg03 { background: url('../webp/developer-sdk_bg03.webp') no-repeat center; background-size: cover; }

#developer_support .main-function-sdk .mainFtC-bg02 dl { left:auto; right:0; }
#developer_support .main-function-sdk .mainFtC-bg02 dl dt span { display:block; }
#developer_support .main-function-sdk .mainFtC-bg03 dl dd p { margin:0 0 10px; }


/* 고객지원 : 개발자 도구 : Suprema G-SDK */
#developer_support .main-function-g-sdk .mainFtC-bg01 { color:#fff; margin-top:30px; background: url('../jpg/developer-g-sdk_bg01.jpg') no-repeat center; background-size: cover; }
#developer_support .main-function-g-sdk .mainFtC-bg02 { background: url('../jpg/developer-g-sdk_bg02.jpg') no-repeat center; background-size: cover; }
#developer_support .main-function-g-sdk .mainFtC-bg03 { color:#fff; background: url('../jpg/developer-g-sdk_bg03.jpg') no-repeat center; background-size: cover; }

#developer_support .main-function-g-sdk .mainFtC-bg02 dl { left:auto; right:0; }
#developer_support .main-function-g-sdk .mainFtC-bg02 dl dt span { display:block; }
#developer_support .main-function-g-sdk .mainFtC-bg03 dl dd p { margin:0 0 10px; }


/* 고객지원 : 개발자 도구 : SVP : 주요기능 */
#developer_support .main-function-svp .mainFtC-bg01 { color:#fff; margin-top:30px; background: url('../jpg/developer-svp_bg01.jpg') no-repeat center; }
#developer_support .main-function-svp .mainFtC-bg02 { color:#fff; background: url('../jpg/developer-svp_bg02.jpg') no-repeat center; }
#developer_support .main-function-svp .mainFtC-bg02 dl { left:auto; right:0; }
#developer_support .main-function-svp .mainFtC-bg02 dl dt span { display:block; }
#developer_support .main-function-svp .mainFtC-bg03 dl dd p { margin:0 0 10px; }


/* 고객지원 : 개발자 도구 : 개발자지원 */
#developer_support .developer-support-content { padding:0 0 80px; background: #f4f4f4; }
#developer_support .manual_box { position:relative; display:block; height:150px; margin-top:50px; letter-spacing:-0.03em; box-sizing:border-box; background-color:#fff; }
#developer_support .manual_box .product_name { line-height:150px; font-size:32px; font-weight:500; color:#222; font-family:'Montserrat', sans-serif; }
#developer_support .manual_box .manual-btn-area  { position:absolute; right:70px; top:50%; display:block; transform: translateY(-50%); }

/* 1101 수정사항 */
#developer_support .manual_box .btn_view_menual { display:inline-block; min-width:200px; height:50px; line-height:48px; margin-left:10px; font-size:1.125em; font-weight:500; color:#a12642; background: url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642; border-radius:25px; box-sizing:border-box; text-align:center; padding: 0 45px 0 30px;}
/* 1101 수정사항 */

#developer_support .manual_box-sdk .product_name { margin-left:70px; padding-left:100px; background: url('../jpg/icon-menual.jpg') no-repeat left center; }
#developer_support .manual_box-api .product_name { margin-left:70px; padding-left:100px; background: url('../jpg/icon-click.jpg') no-repeat left center; }




/*고객지원 : 고객센터 : 접수방법 */
.receive { max-width:1204px; position:relative; margin:0 auto; font-size:18px; color:#666; }
.receive_info { width:100%; padding:40px; font-size:18px; line-height:28px; margin:100px 0; color:#666; border:1px solid #ddd; box-sizing:border-box; }
.receive h3 { font-size:36px; color:#222; font-weight:600; margin-bottom:20px; box-sizing:border-box; }
.receive h4 { font-size:24px; color:rgb(87, 82, 82); margin-bottom:23px; box-sizing:border-box; }
.receive h5 { font-size:24px; color:#222; margin-bottom:20px; font-weight:500; box-sizing:border-box; }
.receive .item_date span.mg{display:block; margin-bottom: 33px;}
.receive .com { display:inline-block; color:#999; font-size:14px; }
.receive_info .red_font { color:#a12642; font-weight:600; }
.receive .as_contact { width:100%; position:relative; display:inline-block; border:1px solid #ddd; margin-top:40px; box-sizing:border-box; }
.receive .as_contact:after { display:block; content:''; clear: both;}
.receive .as_contact li { width:33.33%; height:300px; display:inline-block; padding:40px 35px; border-right:1px solid #ddd; box-sizing:border-box; float:left; }
.receive .as_contact li:last-child { border-right:0; }
.receive .as_contact .as_phone { font-size:24px; color:#222; font-weight:500; display:inline-block; margin-bottom:10px; }
.receive .as_contact dl { width:100%; display:inline-block; line-height:30px; }
.receive .as_contact dt { width:28%; font-size:18px; color:#666; display:inline-block; vertical-align:top; float:left; }
.receive .as_contact dd { width:72%; font-size:18px; color:#222; display:inline-block; letter-spacing:-0.025em; float:left; }
.receive .as_contact .com { margin-top:10px; }
.receive ul.dot { width:100%; text-align:left; margin-top:25px;  display:inline-block; }
.receive ul.dot li { width:100%; font-size:18px; line-height:28px; margin-bottom:7px; color:#999; background:url('../png/ico_dot.png') 0 10px no-repeat; padding-left:15px; letter-spacing:-0.02em; box-sizing:border-box; }
.receive .caution { width:100%; position:relative; background-color:#f7f7f7; padding:60px; margin-top:100px; color:#666; font-size:18px; line-height:28px; box-sizing:border-box; }
.receive .caution ul { font-size:18px; color:#222; margin-top:20px;}
.receive .caution li { list-style:decimal; margin-left:20px; }
.receive .caution .error_list { width:100%; background-color:#fff; padding:40px; margin-top:40px; box-sizing:border-box; }
.receive .caution .error_list h6 { font-size:20px; color:#a12944; font-weight:600; }
.receive .caution .error_list ul:after { display:inline-block; content:''; clear: both;}
.receive .caution .error_list li { width:47%; float:left; list-style:none; margin:0 }
.receive .ownership { margin-top:100px; box-sizing:border-box; }
.receive .ownership ul.dot { margin-top:0; }
.clause { margin:40px 0 100px; box-sizing:border-box; }
.clause ul.dot { margin-top:0; }

.btn_area { width:100%; text-align:center; margin-top:20px; }
.btn_area .btn_red { padding:25px 85px; border-radius:64px; background-color:#a12944; color:#fff; font-size:20px; display:inline-block; }
.btn_area .btn_line { padding:10px 45px; border-radius:42px; border:1px solid #a12944; color:#a12642; font-size:16px; font-weight:500; margin:0 10px; display:inline-block; box-sizing:border-box; }
.btn_area .btn_line span { background:url('../png/icon-arrow-right_on_bold.png') right center no-repeat; padding-right:20px; box-sizing:border-box; }

/*AS 접수 신청_pop*/
#as_pop { position:fixed; left:50%; top:100px; display:none; width:720px; z-index:102; transform: translateX(-50%); }
#as_pop .font_red { color:#a12642; display:inline-block; }
#as_pop .inquiry_head { width:100%; background-color:#f8f8f8; position:relative; }
#as_pop .inquiry_head h4 { font-size:40px; letter-spacing:-0.02em; color:#222; padding:50px 40px; box-sizing:border-box; }
#as_pop .inquiry_head .inquiry_close { position:absolute; top:50%; right:40px; margin-top:-15px; }
#as_pop .inquiry_body { height:680px; display:block; overflow-y:auto; background-color:#fff; }
#as_pop .inquiry_body .btn_area { display:inline-block; width:100%; height:auto; padding:40px; box-sizing:border-box; }
#as_pop .inquiry_body .btn_area:after { display:inline-block; clear:both; }
#as_pop .inquiry_body .btn_area a { display:inline-block; width:48%; height:160px; border-radius:3px; float:left; margin-right:10px; position:relative; background-color:#f8f8f8; }
#as_pop .inquiry_body .btn_area a:last-child { margin-right:0; }
#as_pop .inquiry_body .btn_area a span { display:inline-block; width:100%; text-align:center; font-size:16px; color:#222; position:absolute; bottom:30px; left:0; letter-spacing:-0.03em; font-weight:500; }
#as_pop .inquiry_body .btn_area .btn_solution { display:inline-block; width:57px; height:57px; position:absolute; top:20px; left:50%; margin-left:-27px; background:url("../png/inquiry_btn_bg01.png") 0 0 no-repeat; }
#as_pop .inquiry_body .btn_area .btn_module { display:inline-block; width:36px; height:55px; position:absolute; top:20px; left:50%; margin-left:-18px; background:url("../png/inquiry_btn_bg02.png") 0 0 no-repeat; }
#as_pop .inquiry_body .btn_area a:hover, #inquiry_box .inquiry_body .btn_area a.on { background-color:#a12642; box-shadow:5px 5px 30px rgba(0,0,0,0.4); }
#as_pop .inquiry_body .btn_area a:hover .btn_solution, #inquiry_box .inquiry_body .btn_area a.on .btn_solution { background-position:0 -57px; background-color:#a12642; }
#as_pop .inquiry_body .btn_area a:hover .btn_module, #inquiry_box .inquiry_body .btn_area a.on .btn_module { background-position:0 -55px; background-color:#a12642; }
#as_pop .inquiry_body .btn_area a:hover span, #inquiry_box .inquiry_body .btn_area a.on span { color:#fff; }
#as_pop .inquiry_body .inquiry_item { width:100%; padding:0 20px; margin:20px 0; box-sizing:border-box; }
#as_pop .inquiry_body .inquiry_item h5 { font-size:16px; color:#999; letter-spacing:-0.02em; font-weight:500; margin-bottom:10px; }
#as_pop .inquiry_body .inquiry_item .write { display:inline-block; width:100%; height: 33px; border:none; border-bottom: 1px solid #ccc; line-height:29px; padding-left:10px; color:#222; font-weight:500; font-size:20px; }
#as_pop .inquiry_body .inquiry_item input:focus { outline: none; border-bottom:1px solid #a12944 !important; }
#as_pop .inquiry_body .inquiry_item span.gray { color:#666; font-size:18px; }
#as_pop .inquiry_body .inquiry_item .selectbox .dropdown { width:100%; }
#as_pop .inquiry_body .inquiry_item .selectbox .dropdown dt a { width:100%; background:url('../png/inquiry_select_arr.png') no-repeat scroll right center; color:#222; font-weight:500; font-size:20px; }
#as_pop .inquiry_body .inquiry_item .selectbox .dropdown dd ul { width:100%; border:none; margin:10px 0;  }
#as_pop .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; }
#as_pop .inquiry_body .product_list .check_box_01 { margin-top:10px; }
#as_pop .inquiry_body .product_list { width:100%; padding:0 20px; margin:40px 0; box-sizing:border-box; }
#as_pop .inquiry_body .product_list ul { width:100%; display:inline-block; position:relative; }
#as_pop .inquiry_body .product_list ul:after { display:block; content:''; clear:both; }
#as_pop .inquiry_body .product_list li { width:25%; height:180px; display:block; float:left; text-align:center; margin-bottom:20px;}
#as_pop .inquiry_body .product_list .product_sum { width:100%; height:140px; vertical-align:sub; display:inline-block;  }
#as_pop .inquiry_body .product_list .product_sum img { height:90%; width:auto;}
#as_pop .inquiry_body .inquiry_item .symptoms { width:100%; paddin:0 20px; display:inline-block; position:relative; }
#as_pop .inquiry_body .inquiry_item .symptoms:after { display:block; content:''; clear:both; }
#as_pop .inquiry_body .inquiry_item .symptoms li { width:50%; float:left; }
#as_pop .inquiry_body .inquiry_item .symptoms .check_box_01 label { font-weight:300; margin-top:3px; }
#as_pop .inquiry_foot { display:inline-block; position:relative; width:100%; background-color:#f8f8f8; padding:40px 45px; margin-top:10px; box-sizing:border-box; font-size:18px; line-height:28px; text-align:center; }
#as_pop .inquiry_foot span { display:block; text-align:left;}
#as_pop .inquiry_foot span.font_red { display:inline-block; }
#as_pop .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:#a12642; margin:40px 0; }
#as_pop .inquiry_foot .check_box { position:absolute; top:-10px; left:-55px; }
#as_pop .inquiry_foot .check_info{ width:100%; display:inline-block; position:relative; margin:20px 0 0 40px; text-align:left; }
#as_pop .inquiry_foot .check_box input[type=checkbox]:before { content:''; display:inline-block; width:30px; height:30px; background:url('../png/inquiry_checkbox.png') 0 0 no-repeat; background-color:#ccc; }
#as_pop .inquiry_foot .check_box input[type=checkbox]:checked:before { background:url('../png/inquiry_check.png') 0 0 no-repeat; background-color:#ccc; }
#as_pop .inquiry_foot .bg_white { width:100%; padding:20px; margin-top:20px; background-color:#fff; font-size:16px; color:#666; line-height:26px; display:inline-block; text-align:left; box-sizing:border-box; }

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

/*고객센터 : 서비스 요금 및 보증기간*/
.consist { width:100%; text-align:center; background-color:#f7f7f7; padding:60px 0; margin-bottom:50px;  }
.consist img { margin:0 auto; }
.consist span { display:inline-block; }
.consist .red_font { color:#a12944; font-weight:600; margin-top:45px; }
.consist span.com { width:100%; margin-top:10px; }
.item_date { width:100%; position:relative; }
.item_date > span { margin-bottom:50px; display:inline-block } 

/*고객센터 : 서비스 요금 및 보증기간 : table*/
.price { margin-bottom:100px; }
.price_table { overflow-x:scroll; }
.item_date > table { margin-top:40px; }
.receive table { width:1204px; display:inline-block; border-top:2px solid #ccc; border-bottom:1px solid #ccc; border-spacing:0; text-align:left; }
.receive table img { width:inherit; }
.receive td.gray{ height:30px; background-color:#f5f5f5; color:#222; font-size:16px; letter-spacing: -0.03em; font-weight:600; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.receive td.tit{ height:35px; color:#222; font-size:16px; letter-spacing: -0.03em; font-weight:600;  border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:25px; box-sizing:border-box;}
.receive td.td_cont{ height:35px; color:#666; font-size:16px; letter-spacing: -0.03em; font-weight:300; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:25px; box-sizing:border-box; }
.receive td.td_center { text-align:center; }
.receive td.td_cont:last-child { border-right:0; }
.receive td.td_border { border-right:1px solid #ccc !important; }
.receive td.tit span.com { font-size:13px; color:#999; }
.receive table span.none { display:none; }

/*FAQ*/
.receive .faq h4 { font-size:36px }
.receive .faq ul { width:100%; position:relative; border-top:2px solid #ccc; }
.receive .faq li { position:relative; background:url('../png/ico_q.png') 30px 35px no-repeat; padding:30px 30px 20px 60px; border-bottom:1px solid #ccc; box-sizing:border-box; }
.receive .faq li:after { display:block; content:''; clear:both; }
.receive .faq li .down_volume { position:absolute; top:35px; right:190px; font-size:16px; color:#999; }
.receive .faq li a.btn_down { position:absolute; top:20px; right:30px; display:inline-block; padding:10px 40px; border-radius:42px; background-color:#a12944; font-size:16px; color:#fff; font-weight:600; margin-left:40px; }

.paging_area { display:block; margin-top:40px; text-align:center; }
.paging_area a { display:inline-block; width:32px; height:32px; line-height:30px; font-size:1em; font-weight:300; color:#999; text-align:center; vertical-align:middle; }
.paging_area a.on { color:#fff; background: #a12642; border-radius:100%;  }

.paging_area span { display:inline-block; width:32px; height:32px; line-height:32px; font-size:1em; font-weight:300; color:#999; text-align:center; vertical-align:middle; cursor: pointer; }
.paging_area span:first-child { margin-right:20px; font-size:0; background: url('../png/icon-arrow-left2.png') no-repeat center; }
.paging_area span:last-child { margin-left:20px; font-size:0; background: url('../png/icon-arrow-right2_on.png') no-repeat center;}


/* check_box style*/
.check_box_01 input[type=checkbox]:before { content:'d'; text-indent:-99999px; width:16px; height:16px;  display:inline-block; background:url('../png/check_box.png') 0 0 no-repeat; background-color:#fff; }
.check_box_01 input[type=checkbox]:checked:before { background:url('../png/checked_box.png') 0 0 no-repeat; background-color:#fff; }
.check_box_01 label { display:inline-block; margin-left:10px; font-size:16px; color:#666; font-weight:600; margin-top:5px; letter-spacing:-0.02em; }

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

/* 국문 삭제 css 시작 */
/* .submain-info > div {float:left;width:50%;height:252px;padding:40px 0 0 60px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.submain-info > div:nth-child(1) {border-right:1px solid #ddd;background:url('/en/asset/images/03_support/bg-support.png');background-position:500px 125px;background-repeat:no-repeat;}
.submain-info > div:nth-child(2) {background:url('/en/asset/images/03_support/bg-email.png');background-position:475px 124px;background-repeat:no-repeat;}
.submain-info > div p {font-size: 36px;font-weight: 500;color:#222222; line-height:30px;}
.submain-info > div p.submain-tel-num {font-size: 42px;font-weight: 600;margin-top:30px;}
.submain-info > div p.submain-tel-num > span {display:inline-block;font-size: 16px;font-weight: 400;color:#999;margin-left:15px;}
.submain-info > div dl dt,
.submain-info > div dl dd {float:left;line-height:1em;padding-bottom:12px;}
.submain-info > div dl dt {font-family:'Noto Sans KR'!important;font-size: 16px;font-weight: 350;color:#666;}
.submain-info > div dl dd {padding-top:2px;font-weight: 500;color:#222;}
.submain-info > div:nth-child(1) dl {margin-top:20px;}
.submain-info > div:nth-child(1) dl dt {width:95px;}
.submain-info > div:nth-child(1) dl dd {width:calc(100% - 95px);}
.submain-info > div:nth-child(2) dl {margin-top:42px;}
.submain-info > div:nth-child(2) dl dt {width:130px;}
.submain-info > div:nth-child(2) dl dd {width:calc(100% - 130px);}

.customer-center {position:relative;height:180px;margin-top:80px;background-color:#f4f4f4;background-image:url('/en/asset/images/03_support/bg-customercenter.png');background-position:50px 38px;background-repeat:no-repeat;padding:35px 0 0 185px;-webkit-box-sizing:border-box;box-sizing:border-box;} */
/* 국문 삭제 css 끝 */

/* 영문 추가 css 시작 20190402 수정 */
.submain-info > div {float:left;width:calc( 50% - 10px);padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ddd; }
.submain-info > div:nth-child(1) { margin-right:20px;  }
.submain-info > div p {font-size: 16px;font-weight: 400;color:#999;}
.submain-info > div p:first-child { font-size: 32px; font-weight: 600; color:#222; margin-bottom:20px; line-height:42px;  text-align:center;}
.submain-info > div > a { display: block; width:320px; height:42px; margin:25px auto 0; text-align:center; line-height:42px; font-size: 16px; font-weight: 700; color:#a12944; border:1px solid #a12944; border-radius:21px; background:url('../png/icon-arrow-right_on_bold.png') 90% center no-repeat; }

.customer-center {position:relative;height:180px;margin-top:80px;background-color:#f4f4f4;background-image:url('../png/bg-customercenter.png');background-position:50px 38px;background-repeat:no-repeat;padding:60px 0 0 185px;-webkit-box-sizing:border-box;box-sizing:border-box;}

@media screen and (min-width: 891px){
.lang_fr .submain-info > div > a{ width: 450px; background:url('../png/icon-arrow-right_on_bold.png') 95% center no-repeat;}
.lang_fr .submain-info > div {padding: 50px 20px;}
}

@media screen and (max-width: 890px){
    .lang_fr .submain-info > div > a.longtext { display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 60px;line-height: normal;}
    .lang_fr .submain-info > div {padding: 8.33vw 0;}
}
/* 영문 추가 css 끝 */

/* biostar 1,2 pakage */
.biostar_pkg{height:308px; padding:50px 60px; box-sizing:border-box; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; position: relative;}
.biostar_pkg img{display:inline-block; margin-right:50px; box-shadow:15px 15px 60px #ddd; vertical-align: middle;}
.biostar_pkg .biostar_pkg_txt {display: inline-block; vertical-align: middle; width: calc(100%  - 210px);}
.biostar_pkg .biostar_pkg_txt p{font-size:36px; line-height:66px; font-weight:600; }
.biostar_pkg .biostar_pkg_txt span{display:block; font-size:18px; line-height:28px; color:#666;}

.bug{font-size:18px; line-height:28px; margin-bottom:50px;}
.bug p{color:#222;}
.bug span{color:#666;}
.biostar-1-pkg:after{display:block; content:''; clear:both;}
.bug_more:after{display:block; content:''; clear:both;}
.bug_box{width:48%; margin-bottom:1.75%; margin-right:1.75%; position: relative; height:160px; float:left; border:1px solid #ddd;}
.bug_box:last-child{margin-right:0;}
.bug_box .bug_txt{position: absolute; top:50%;  transform: translateY(-50%); width:100%;}
.bug_box .bug_txt p{font-size: 24px; line-height: 34px; text-align:center;}
.bug_box .bug_txt a{display:block; border-radius:40px; font-size: 16px; line-height:40px; text-align:center; width:35%; margin:20px auto 0;}
.bug_box .bug_txt .more_btn{border:1px solid #a12642; color:#a12642;}
.bug_box .bug_txt .down_btn{background:#a12642; color:#fff;}

.pkg_version{background:#f7f7f7; width:100%; height:170px; padding:40px 50px; position: relative; box-sizing:border-box;}
.pkg_version:after{display:block; content:''; clear:both;}
.pkg_version > div {width:50%; float:left;}
.pkg_version > div p {font-size:18px; margin-bottom:10px; font-weight: 600;}

#board_wrapper.pkg_board .board_containe ul > li > .cate{width:23%;}
#board_wrapper.pkg_board .board_containe ul > li > .subject{width:40%}
#board_wrapper.pkg_board .board_containe ul > li > .down a{width:100%;}
#board_wrapper.pkg_board .board_containe ul > li > .down{width:10%;}

h5.pkg{font-size:36px; line-height:66px; font-weight:600;}
.mg{margin-bottom:80px;}
span.red{color:#a12642;}
.bulit {width:100%; padding-left:18px; background:url('../png/ico_dot.png') left center no-repeat; font-size: 18px; font-weight: 350; color:#666; box-sizing: border-box; line-height:28px; }

/* biostar 2 pkg download popup */
.biostar-pkg-form {position: fixed; left: 50%; top: 50%; display: none; width: 500px; z-index: 102; transform: translate(-50%, -50%); background: #fff;}
.biostar-pkg-form .form-head {position: relative; background: #f8f8f8; padding: 36px;}
.biostar-pkg-form .form-head h4 {font-size: 24px;}
.biostar-pkg-form .inquiry_close {position: absolute; top: 50%; transform: translateY(-50%); right: 40px;}
.form-body {color: #666; font-size: 18px; line-height: 1.5; padding: 36px;}
.form-body p {font-size: 16px;}
.form-body .input-list {margin: 16px 0 24px;}
.form-body .input-list li + li {margin-top: 8px;}
.form-body .input-list li {color: #222; font-weight: 500;}
.form-body .input-list label {cursor: pointer; }
.form-body .input-list label:hover {text-decoration: underline;}
.form-body .input-list input + label {margin-left: 8px;}
.form-body .btn-primary {border: none; }
.form-body .btn-grp {text-align: center;}
.form-body .info { font-size: 73%; display: inline-block; margin-bottom: 30px; color: #999;}

@media screen and (max-width: 576px){
    .biostar-pkg-form {width: 100%;}
    .biostar-pkg-form .form-head {padding: 24px;}
    .biostar-pkg-form .form-head h4 {font-size: 18px;}
    .biostar-pkg-form .inquiry_close {right: 24px;}
    .biostar-pkg-form .inquiry_close img {width: 18px;}
    .form-body {padding: 24px; font-size: 16px;}
    .form-body p {font-size: 14px;}
}