@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:16.666%;}
#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;}
#support06 {background-image:url('../svg/icon-support0643a0.svg?v3');background-position:center center;background-repeat:no-repeat; background-size: auto 72px;}
.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-list > li:hover #support06 {background-image:url('../svg/icon-support06-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%;}
    #support06,
    #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:856px; padding:80px 0; background:url('../jpg/resource-finder-bg.jpg') no-repeat center; box-sizing:border-box; }
#product_data .resource-finder-container .sub-max-inner { position:relative; }

#product_data .reFi-wrapper { display:block; height:605px; 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 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%); }


/* 고객지원 : 마케팅자료 */
#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('../jpg/developer-api_bg01.jpg') no-repeat center; }
#developer_support .main-function-api .mainFtC-bg02 { height:780px; color:#fff; background: url('../jpg/developer-api_bg02.jpg') 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('../jpg/developer-api_bg05.jpg') 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('../jpg/developer-sdk_bg03.jpg') 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; }
.wrap-en-customer h3,
.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 접수 */
.wrap-en-customer {margin-bottom: 150px;}
.wrap-en-customer .receive .as_contact li{width: 100%; height: auto;}
.wrap-en-customer .receive .as_contact dt { width:15%;}
.wrap-en-customer .receive .as_contact dd { width:85%;}

.wrap-en-customer .info {color: #a12944; margin-top: 16px;}
.wrap-en-customer .info .material-icons { font-size: 1.25em;}
.wrap-en-customer .btn_area {margin-top: 60px;}

.wrap-download {margin: 100px 0;}
.wrap-download .txt {margin-bottom: 24px;}

.wrap-download .txt,
.wrap-customer-register * {font-size: 18px; box-sizing: border-box; color: #666; line-height: 1.5;}
.wrap-customer-register .form-register {margin:60px auto ; padding: 60px;}
.wrap-customer-register .form-register .form-control {width: 100%; height: 45px; padding: 0 10px 0; border: 1px solid #ddd; border-radius: 6px; background-color: transparent; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; background: #fff;}
.wrap-customer-register .form-register .form-control::placeholder {color: #ccc;}
.wrap-customer-register .form-register .form-control:disabled {background: #f5f5f5;}
.wrap-customer-register .form-register .form-control:focus {border-color: #a12944;}
.wrap-customer-register .form-register label + .grp-form-control,
.wrap-customer-register .form-register label + .form-control {margin-top: 8px;}
.wrap-customer-register .form-register .required {color: #a12944; margin-left: 4px;}

.wrap-customer-register .form-register .grp-form-control {display: flex; height: 45px;}
.wrap-customer-register .form-register .grp-form-control .form-control {border-radius: 6px 0 0 6px;}
.wrap-customer-register .form-register .grp-form-control .btn {padding-top: 12px;border-radius: 0 6px 6px 0;}



.wrap-customer-register .tit-grp {margin-bottom: 32px;}
.wrap-customer-register .tit-grp-line {border-top: 1px solid #222; position: relative; padding-top: 30px;}
.wrap-customer-register .tit-grp h3 { background: #fff; display: inline-block; padding-right: 8px; position: absolute; top: -18px;}

.wrap-customer-register .tit-grp h4 .material-icons {font-size: 24px; margin-right: 8px;}
.wrap-customer-register .tit-grp .btn .material-icons {color: inherit; margin-right: 8px; font-size: 1.15em;}
.wrap-customer-register .tit-grp .row {align-items: center;}
.wrap-customer-register .tit-grp .btn-grp {text-align: right; margin-top: 24px;}
.wrap-customer-register .tit { color: #a12944; font-size: 24px; margin-bottom: 8px;}
.wrap-customer-register .row + .row {margin-top: 24px;}

.wrap-customer-register .form-register section { padding-bottom: 50px;}
.wrap-customer-register .form-register section + section {margin-top: 50px;}

.wrap-customer-register .form-register .product_list ul{display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; box-sizing: border-box;}
.wrap-customer-register .form-register .product_list ul li {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; box-sizing: border-box; position: relative; width: 100%;padding-right: 16px;padding-left: 16px; position: relative; text-align: center; margin-bottom: 50px;}
.wrap-customer-register .form-register input[type=checkbox] { position: relative; margin-right: 8px; border: 2px solid #a1a8ae;border-radius: 2px;background: none;cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;opacity: .5;}
.wrap-customer-register .form-register input[type=checkbox]:checked {background-color: #000; border-color: #000; opacity: 1;}
.wrap-customer-register .form-register input[type=checkbox]:checked::before {content: '';position: absolute;right: 50%;top: 50%;width: 6px;height: 10px;border: solid #FFF;border-width: 0 2px 2px 0;margin: -1px -2px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2}
.wrap-customer-register .form-register input[type=checkbox] + label {cursor: pointer;}

.wrap-customer-register .form-register .section-box {padding: 60px 30px; border: 1px solid #ddd; border-radius: 30px;}
.wrap-customer-register .form-register .type-list li {margin-bottom: 8px; }
.wrap-customer-register .form-register .type-list li h5 {margin-bottom: 8px;}
.wrap-customer-register .form-register .type-list li::before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ddd; vertical-align: middle; margin-right: 8px;}
.wrap-customer-register .form-register .device-list h5 {margin-bottom: 24px;}
.wrap-customer-register .form-register .device-list .wrap-device-list {padding: 24px 16px; background-color: #fff; border-radius: 16px; margin-bottom: 24px; border: 1px solid #f1f1f1; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.wrap-customer-register .form-register .device-list li label {font-size: 1rem;}
.wrap-customer-register .form-register .device-list li [class^="col"] {margin-bottom: 16px;}
.wrap-customer-register .form-register .device-list li [class^="col"]:last-child {margin-bottom: 0;}
.wrap-customer-register .form-register .device-list li .form-control *,
.wrap-customer-register .form-register .device-list li .form-control {font-size: 1rem;}
.wrap-customer-register .form-register .device-list li textarea {resize: vertical; padding: 8px 16px;}
.wrap-customer-register .form-register .section2 .btn-grp {text-align: right; margin-top: 24px;}
.wrap-customer-register .form-register .section2 .btn-grp .btn {padding: 10px 36px;}
.wrap-customer-register .form-register .section2 .btn-grp .material-icons {margin-left: 0; margin-right: 16px; color: inherit; font-size: 1.2em;}
/* .wrap-customer-register .form-register .device-list .btn-grp .btn {background: #fff; color: #222; border: 1px solid #ddd; }
.wrap-customer-register .form-register .device-list .btn-grp .btn:hover {background: #666; color: #fff;} */
.wrap-customer-register .section2 .tit-grp .btn {padding: 8px 36px;}
.wrap-customer-register .section2 .tit-grp .btn .material-icons {margin-left: 0;}

.section2 .wrap-deviceList {max-width: 100%; overflow-x: auto;}

.wrap-customer-register .form-register .as-agree-ck {margin-top: 16px;}
.wrap-customer-register .form-register .as-agree-ck ul li {margin-bottom: 8px;}
.wrap-customer-register .form-register .as-agree-ck label {display: inline-block; width: calc(100% - 50px); vertical-align: top;}
.wrap-customer-register .form-register .as-agree-ck ol {padding-left: 20px;}
.wrap-customer-register .form-register .as-agree-ck ol li {list-style: decimal; margin-bottom: 8px;}
.wrap-customer-register .btn_area {margin: 60px 0;}
.wrap-en-customer .btn_area .btn-primary,
.wrap-customer-register .btn_area .btn-primary {text-transform: uppercase;min-width: 240px; font-size: 1.25em;}

.wrap-customer-register .wrap-additional-info {padding: 30px 0; border-top: 1px dashed #ccc; margin-top: 30px;}
.wrap-customer-register .wrap-additional-info .info { text-align: center; margin-bottom: 30px; color: #222;}
.wrap-customer-register .wrap-additional-info .info .material-icons-outlined {font-size: 1.25em; vertical-align: middle; margin-right: 4px;}
.wrap-customer-register .ui-button .ui-icon {background-image: none;}
.wrap-customer-register .ui-button:hover .ui-icon {background-image: none;}

.wrap-monthpicker {display: flex; height: auto; align-items: center; margin-top: 8px; }
.wrap-customer-register .form-register .wrap-monthpicker .form-control {border-radius: 6px 0 0 6px;}
.wrap-monthpicker .month-picker-open-button {border-radius: 0 6px 6px 0; flex: 0 0 45px; max-width: 45px; background: #222 url('../svg/ico_calendar_month43a0.svg?v3') no-repeat; height: 45px; background-size: 24px auto; background-position: center;} 
.wrap-monthpicker .month-picker-open-button:hover {background: #000 url('../svg/ico_calendar_month43a0.svg?v3') no-repeat; background-size: 24px auto; background-position: center; cursor: pointer;}


.month-picker .ui-state-active, .month-picker.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #a12944; background: #a12944; color: #fff;}
.month-picker .ui-state-highlight, .month-picker.ui-widget-content .ui-state-highlight {border: 1px solid #222; background: #222; color: #fff;}

.month-picker .month-picker-year-table .month-picker-title {width: 58%;}
.month-picker .month-picker-year-table .month-picker-title .ui-button {background: none; border: none;}


.wrap-customer-register .rma-tb {display: table; width: 100%; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; border-spacing: 0; text-align: left; border-left: 1px solid #eee;}
.wrap-customer-register .rma-tb th {height: 50px;background-color: #f5f5f5;color: #222;font-size: 16px;letter-spacing: -0.03em;font-weight: 600;text-align: center;border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.wrap-customer-register .rma-tb td {height: 50px;color: #222; font-size: 16px; letter-spacing: -0.03em; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 5px 25px; box-sizing: border-box;text-align: center;}


.inquiry_detail {padding-left: 40px;}
.inquiry_detail .privacy_info {display: none; padding-left: 20px;}
.inquiry_detail .privacy_info li {list-style: decimal; margin-bottom: 8px;}

.btn {padding: 16px 36px; border-radius: 32px; display: inline-block; font-weight: 500; transition: all .5s;}
.btn-sm { padding: 8px 24px; font-size: 0.85em;}

@media screen and (max-width: 890px) {
    .wrap-en-customer .receive { padding: 24px 2.77vw;}
    .wrap-en-customer h3 {margin-bottom: 0;}
    .receive .as_contact {margin-top: 20px;}
    .receive .as_contact li {padding: 30px 20px;}
    .wrap-en-customer .receive .as_contact dt, .wrap-en-customer .receive .as_contact dd {width: 100%; display: block;}

    .wrap-en-customer .btn_area .btn-primary {box-sizing: border-box; max-width: 100%; min-width: none;}

    .wrap-en-customer h3 { font-size: 5.83vw;}
    .wrap-download {padding: 0 2.77vw;}
    .wrap-download #board_wrapper {padding: 0;}
    .wrap-download .txt {font-size: 3.88vw;}

    .wrap-customer-register .form-register {padding: 30px; margin: 30px auto;}

    .wrap-customer-register * {font-size: 16px;}
    .wrap-customer-register .tit-grp-line {border: none;}

    .form-register .col {margin-bottom: 16px;}
    .wrap-customer-register .link {word-break: break-all;}

    .wrap-customer-register .form-register .grp-form-control .btn {flex: 0 0 120px; padding: 12px; font-size: 1em;}
}




/*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;}
}


/* KO register CI */

.ko-regi-ci .sub_visual03_06 { background: url('../jpg/register-ci-main-bg.jpg') no-repeat center center; background-size:cover;}