@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); 

.body-fixed{overflow:hidden;}

/*bootstrap custom*/ 
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} 
.row{margin-right:-1%;margin-left:-1%;} 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:1%;padding-right:1%;}
.btn-gradient{
    background: rgb(51,148,217);
    background: linear-gradient(180deg, rgba(51,148,217,1) 0%, rgba(4,61,162,1) 100%);
}
/* ie 6, 7, 8 사용자에게 브라우저 업데이트 설명 div 관련 css */ 
#ieUser{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:83px;background:#083457;overflow:hidden;z-index:99999;} 
#ieUser .iewrap{margin:0;padding:0;position:relative;max-width:1000px;margin:28px auto 0;} 
#ieUser .iewrap .img{float:left;margin:0;padding:0 10px 0 0;} 
#ieUser .iewrap .txt{float:left;margin:0;padding:0;font-size:12px;color:#fff;} 
#ieUser .iewrap .btn{position:absolute;right:0;top:0;margin:0;padding:0;border:none;background:none;cursor:pointer;} 
#ieUser .iewrap .browser_list{float:left;margin:0 0 0 20px;padding:0;list-style:none;} 
#ieUser .iewrap .browser_list li{float:left; padding:0 12px 0 0;} 

/*-------------------------------------------------- 
    [block.css] jinho 
---------------------------------------------------- */ 
.breadcrumbs{padding:0;border-top:1px solid #eee;} 
.breadcrumbs h1{margin:1px 0;font-size:17px;color:#aaa;} 
.breadcrumb{margin:0;top:1px;}
.breadcrumb>li{font-size:12px;}
.breadcrumb a{color:#999;}
 
@media (max-width: 768px){ 
    .breadcrumbs{display:none;} 
} 
/*-------------------------------------------------- 
    [//block.css] jinho 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [table.css] jinho 
---------------------------------------------------- */ 
.table {-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;} 
.table thead tr th{padding:15px 5px;background-color:#f9f9f9;color:#2e5166;text-align:center;} 
.table tbody tr th{padding:12px 15px;border-color:#616161;vertical-align:middle;border-top:none;border-bottom:1px solid #dedede;background:#f9f9f9;} 
.table tbody tr td{padding:12px 5px;border-color:#eee;vertical-align:middle; 
    -ms-word-break: break-word; 
    word-break: break-word;} 
.table tbody tr td.big-txt{font-size:16px;font-weight:bold;color:#4ea4e3;} 
.table tbody tr:first-child td{border-top:none;} 
.table tfoot tr td{padding:25px 15px;background:#f0f8fb;vertical-align:middle;} 
.table-responsive{display:block;border:none;-webkit-overflow-scrolling:touch;} 
 
.table tbody tr td .table-img{padding:5px;width:90px;height:90px;border:1px solid #dedede;white-space:normal;} 
.table tbody tr td .table-tit{margin:0 0 5px 0;padding:0;font-size:16px;font-weight:bold;} 
.table tbody tr td .table-desc{margin:0;padding:0;font-size:14px;color:#999;} 
.table tbody tr td .table-txt{color:#777;} 
.table tbody tr td .badge-tit{display:none;} 
.table tbody tr td.status .btn{cursor:auto;} 
 
.table tbody tr td .inline-group .table-tit{display:inline-block;margin:0 10px 0 0;} 
 
.table-mycustom{ 
    border:1px solid #dedede; 
    border-bottom:1px solid #dedede; 
    border-left:1px solid #dedede; 
    border-right:1px solid #dedede; 
    text-align:left; 
    overflow:visible; 
} 
.table-mycustom tbody tr td{ 
    padding:12px; 
} 
.myMethod{ 
    background:#F9F9F9; 
    text-align:center; 
} 
 
.table_privacy tbody tr td{border:1px solid #eee;text-align:center;} 
.table.table_privacy tbody tr:first-child td{border-top:1px solid #eee;}

.table-notice{min-height:500px;}

@media (max-width:768px){
    .table-notice{min-height:auto;}
}
 
 
/*-------------------------------------------------- 
    [//table.css] jinho 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [app] jinho 
---------------------------------------------------- */
.app-item{position:relative;}
.illustration-v2 .product-img{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;box-shadow:none;background:#f1f1f1;overflow:hidden;z-index:1;}
.illustration-v2 .product-img .add-to-cart{top:auto;bottom:0;margin:0;background:rgba(41,79,103,.7);color:#fff;}
.illustration-v2 .product-img .add-to-cart i{border-right-color:#fff;}
.illustration-v2 .product-description{padding:10px 0;}
.illustration-v2 .survey-badge{position:absolute;bottom:0;right:0;width:50%;z-index:1;}
.illustration-v2 .survey-badge img{display:block;max-width:100%;}
.product_img{display:block;position:relative;width:100%;padding:0 0 100% 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.product_img img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;border:none;} 
 
/*.product-description-brd{box-shadow:none;}*/
.product-description h4.title{margin:0 0 5px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:16px;font-weight:500;} 
.product-description h4.title a{color:#414141;} 
.product-description .gender{margin:0 0 3px 0;font-size:13px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} 
.product-description .title-price{display:block;color:#14a5fb;} 
.product-description .type{display:block;margin:0 auto 3px;width:50%;padding:1px 0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#e67e22;font-size:12px;color:#fff;} 
.product-description .period{display:block;margin:0 auto 5px;width:50%;padding:1px 0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#1abc9c;font-size:12px;color:#fff;} 
.product-description .partner{display:block;font-size:12px;color:#999;} 
 
.app-item:hover .product-description h4.title a{color:#0497e0;} 
.app-item:hover .product_img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);} 
 
.search-select-ul{list-style:none;padding:0;} 
.search-select-ul:after{display:block;content:"";clear:both;} 
.search-select-ul .sort-list-btn{margin:0 0 0 9px;padding:0;} 
.search-select-ul .sort-list-btn .btn{position:relative;padding:12px 70px 12px 12px;margin:0;overflow:hidden;} 
.search-select-ul .sort-list-btn .btn .caret{position:absolute;top:47%;right:9px;margin:0;} 
 
.social_facebook{display:inline-block;width:24px;height:22px;background-position:0 100%;background-size:cover;vertical-align:middle;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;} 
 
.screenshot-wrap{} 
.screenshot-wrap .screenshot-list{-webkit-overflow-scrolling:touch;overflow-scrolling: touch;white-space: nowrap;overflow-x: auto;overflow-y: hidden;} 
.screenshot-wrap .screenshot-list ul{margin-left:-1.9%;padding:0;font-size:0;} 
.screenshot-wrap .screenshot-list ul .screenshot-item{display:inline-block;margin:0;padding:10px;margin-left:1.9%;width:23.1%;background:#f1f1f1;border:1px solid #dedede;vertical-align:bottom; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;} 
.screenshot-wrap .screenshot-list ul .screenshot-item a span{display:block;position:relative;height:380px;line-height:380px;overflow:hidden;text-align:center;} 
.screenshot-wrap .screenshot-list ul .screenshot-item a span img{display:inline-block;vertical-align:middle;width:auto;max-width:100%;height:auto;max-height:100%;} 
 
.reviews-rating{position:relative;margin:0 0 30px;padding:0 0 0 230px;} 
.reviews-rating .review-rating-total{position:absolute;top:0;left:0;width:200px;text-align:center;} 
.reviews-rating .review-rating-total .average{display:block;font-size:60px;line-height:60px;font-weight:bold;color:#4c4c50;} 
.reviews-rating .review-rating-total .product-ratings{} 
.reviews-rating .review-rating-total .product-ratings li i{font-size:20px;} 
.reviews-rating .review-rating-total .customer-ratings{font-size:12px;color:#888;} 
.reviews-rating .review-rating-list{} 
.reviews-rating .review-rating-list ul{padding:0;list-style:none;} 
.reviews-rating .review-rating-list ul li{position:relative;margin:5px 0;padding:0 0 0 40px;} 
.reviews-rating .review-rating-list ul li .rating-score{position:absolute;top:50%;left:0; 
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%);} 
.reviews-rating .review-rating-list ul li .rating-score i{color:#f9cf65;} 
.reviews-rating .review-rating-list ul li .rating-bar{display:block;position:relative;width:100%;height:18px;background:#eee;} 
.reviews-rating .review-rating-list ul li .rating-bar span{display:block;position:absolute;top:0;left:0;height:100%;background:#1698dc;} 
 
 
.reviews-wrap .sky-form fieldset{padding:20px 20px;} 
.reviews-wrap .sky-form footer{padding:15px 20px;} 
 
.reviews-wrap .product-comment{padding:15px;background:#f8f8f8;border:0;} 
.reviews-wrap .product-comment .product-comment-dtl{margin:0;padding:0;} 
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head{margin:0 0 10px;} 
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head:after{display:block;content:"";clear:both;}

.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .comment-writer{float:left;position:relative;margin:0;padding:0 0 0 35px;}
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .comment-writer .writer-img{display:block;position:absolute;top:50%;left:0;margin-top:-12px;width:24px;height:24px;background: url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/user-img.png) no-repeat 50% 50% / 100%;overflow:hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .comment-writer .writer-img img{display:block;max-width:100%;}
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .comment-writer .writer-img img[src='null']{display:none;}
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .comment-writer .writer-id{font-size:16px;}

.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .date{float:right;font-size:12px;} 
.reviews-wrap .product-comment .product-comment-dtl .product-comment-head .product-ratings{float:right;margin-right:20px;} 
.reviews-wrap .product-comment .product-comment-dtl p{margin:0 0 10px 0;padding:0;font-size:13px;} 
.reviews-wrap .product-comment-reply{position:relative;margin-left:50px;} 
.reviews-wrap .product-comment-reply:after{display:block;content:"";position:absolute;top:0;left:-40px;width:30px;height:30px;background:url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/reply_icon.png) no-repeat 50% 50% / 100%;}
.reviews-wrap #myReviewInfo{background:#f0f8fb;}
 
.partner-app-wrap{} 
.partner-app-wrap .headline:after{display:block;content:"";clear:both;} 
.partner-app-wrap .headline .btn-u{margin-top:6px;float:right;} 
 
.partner-app-wrap .partner-app-list{-webkit-overflow-scrolling:touch;overflow-scrolling: touch;white-space: nowrap;overflow-x: auto;overflow-y: hidden;} 
.partner-app-wrap .partner-app-list ul{margin-left:-2%;padding:0;font-size:0;} 
.partner-app-wrap .partner-app-list ul .app-item{display:inline-block;float:none;margin-left:2%;width:14.666%;} 
.partner-app-wrap .partner-app-list ul .app-item .product-img{position:relative;overflow:hidden;z-index:1;background:#dedede; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;} 
 
.fancybox-title-float-wrap .child{display:none !important;} 
 
@media (max-width:992px){ 
    .screenshot-wrap .screenshot-list ul .screenshot-item, 
    .partner-app-wrap .partner-app-list ul .app-item{width:31.333%;} 
    .screenshot-wrap .screenshot-list ul .screenshot-item a span{height:260px;line-height:260px;} 
 
} 
 
@media (max-width:768px){ 
    .search-select-ul .sort-list-btn{margin:0 3.5% 0 0;width:31%;} 
    .search-select-ul .sort-list-btn:first-child{margin-right:0;} 
    .search-select-ul .sort-list-btn h3{display:none;} 
    .search-select-ul .sort-list-btn .btn-group{width:100%;} 
    .search-select-ul .sort-list-btn .btn-group .btn{width:100%;padding:12px 25px 12px 12px;} 
 
    .search-select-ul .sort-list-btn .dropdown-menu{right:auto;left:0;} 
    .search-select-ul .sort-list-btn:first-child .dropdown-menu{right:0;left:auto;} 
} 
 
@media (max-width:667px){ 
    .screenshot-wrap .screenshot-list ul .screenshot-item, 
    .partner-app-wrap .partner-app-list ul .app-item{width:48%;} 
    .screenshot-wrap .screenshot-list, 
    .partner-app-wrap .partner-app-list{margin:0 -9px;padding:0 15px;} 
    .screenshot-wrap .screenshot-list ul .screenshot-item:last-child, 
    .partner-app-wrap .partner-app-list ul .app-item:last-child{margin-right:2%;} 
} 
@media (max-width:568px){ 
    .reviews-rating{padding:0 0 0 150px;} 
    .reviews-rating .review-rating-total{width:130px;} 
    .reviews-rating .review-rating-list ul li{padding:0 0 0 35px;} 
 
    .partner-app-wrap .headline h3{width:70%;white-space:nowrap;overflow:hidden; 
        -ms-text-overflow: ellipsis; 
        text-overflow: ellipsis;} 
} 
@media (max-width:320px){ 
    .reviews-rating{padding:0 0 0 130px;} 
    .reviews-rating .review-rating-total .product-ratings li{margin:0;font-size:15px;} 
    .reviews-rating .review-rating-total .product-ratings li .rating-selected{font-size:15px;} 
} 
 
/*-------------------------------------------------- 
    [// app] jinho 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [my apps] jinho 
---------------------------------------------------- */ 
.my-apps-list{margin:0 0 50px 0;padding:0;} 
.my-apps-list > div{margin-bottom:15px;padding-top:53px;} 
.my-apps-list .my-apps{position:relative;;margin:0;padding:68px 20px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#f0f8fb;} 
.my-apps-list .my-apps .my-apps-img{position:absolute;top:-60px;left:50%;margin-left:-60px;width:120px;height:120px;border:8px solid #fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#fff;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} 
.my-apps-list .my-apps .my-apps-img img{display:block;max-width:100%;height:auto;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;} 
.my-apps-list .my-apps .my-apps-info{position:relative;} 
.my-apps-list .my-apps .my-apps-info h3{margin:0 0 8px 0;padding:0 0 4px 0;height:27px;border-bottom:1px solid #ddd;} 
.my-apps-list .my-apps .my-apps-info h3 a{display:block;font-size:15px;color:#154a6d;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.my-apps-list .my-apps .my-apps-info p{margin:0 0 5px 0;padding:0 74px 0 0;height:28px;line-height:14px;font-size:12px;color:#999;overflow:hidden;} 
.my-apps-list .my-apps .my-apps-info dl{position:relative;margin:0;padding:0 0 0 60px;} 
.my-apps-list .my-apps .my-apps-info dl:last-of-type{margin:0 0 15px 0;} 
.my-apps-list .my-apps .my-apps-info dl dt{position:absolute;top:0;left:0;width:60px;font-size:12px;} 
.my-apps-list .my-apps .my-apps-info dl dd{display:block;height:17px;font-size:12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} 
.my-apps-list .my-apps .my-apps-info .btn, 
.my-apps-list .my-apps .my-apps-info .btn-u{height:34px;} 
.my-apps-list .my-apps .my-apps-info .result-btn{position:relative;padding-right:34px;} 
.my-apps-list .my-apps .my-apps-info .result-btn i{display:block;position:absolute;top:0;right:0;width:34px;height:34px;line-height:34px;border-left:1px solid #7192cd;} 
.my-apps-list .my-apps .my-apps-info .my-apps-result-wrap{position:relative;} 
.my-apps-list .my-apps .my-apps-info .my-apps-result-wrap .my-apps-result{display:none;position:absolute;top: 100%;left: 0;padding:0;margin:2px 0 0;width:100%;border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);-ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);z-index: 1000;} 
.my-apps-list .my-apps .my-apps-info .my-apps-result-wrap .my-apps-result .table{margin:0;} 
.my-apps-list .my-apps .my-apps-info .my-apps-result-wrap .my-apps-result .table tbody tr th{padding:8px 5px;border-top:none;border-bottom:1px solid #eee;vertical-align:middle;text-align:center;font-size:12px;} 
.my-apps-list .my-apps .my-apps-info .my-apps-result-wrap .my-apps-result .table tbody tr td{padding:8px 5px;} 
 
.my-apps-list .my-apps:hover .my-apps-img{border-width:4px;} 
 
.my-apps-list .my-apps .my-apps-info .social-wrap{position:absolute;top:39px;right:0;margin:0;} 
.my-apps-list .my-apps .my-apps-info .social-icons li a{cursor:pointer;} 
 
.pagination-wrap{} 
.pagination-wrap:after{display:block;content:"";clear:both;} 
.pagination-wrap .pagenation-left{float:left;margin-top:24px;} 
.pagination-wrap .pagination{float:right;} 
 
 
.pagination li a{margin:0 3px;border:none;background:none;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius:4px;} 
.pagination li a:hover{background:none;color:#3498db;} 
.pager li > a, .pager li > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;} 
.pagination > li > a.square-button{border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;} 
/*-------------------------------------------------- 
    [//my apps] jinho 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [custom] jinho 
---------------------------------------------------- */ 
 
hr{margin:20px 0;} 
.modal .tag-box{padding:10px 15px;margin-bottom:10px;} 
.modal .tag-box ul{padding-left:18px;} 
 
.app-popup-select{width:100%;} 
.app-popup-select #options{position:relative;overflow:hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
.app-popup-select .btn .caret{position:absolute;top:50%;right:10px;margin-top:-2px;}
.app-popup-select .dropdown-menu{padding:0;right:0;} 
.app-popup-select .dropdown-menu > li{padding:3px 10px;border-bottom:1px solid #dedede;} 
.app-popup-select .dropdown-menu > li:last-child{border-bottom:none;} 
.app-popup-select .dropdown-menu > li > a{padding:0;} 
.app-popup-select .dropdown-menu > li .file-state{display:block;padding:4px 0 0;font-size:11px;} 
.app-popup-select .dropdown-menu > li .file-state:before{display:inline-block;content:"└";margin:0 5px 0 0;} 
.app-popup-select .dropdown-menu > .analyzing{background:#f9f9f9;cursor:not-allowed;} 
.app-popup-select .dropdown-menu > li:hover, 
.app-popup-select .dropdown-menu > li > a:hover{background:#f0f8fb;} 
 
/*#happynewyearPopup .modal-body button.close{position:absolute;top:25px;right:30px;z-index:1;opacity:.4;}
#happynewyearPopup .modal-body .madal-content{position:relative;margin:0 0 10px 0;padding: 80% 20px 14.5%;background:url(/resources/images/popup/happy_new_year.jpg) no-repeat 50% 50% / cover;} 
#happynewyearPopup .modal-body .madal-content .year{font-size:16px;} 
#happynewyearPopup .modal-body .madal-content .mgb-logo{width:38%;position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}*/
 
.welcome-wrap{position:relative;margin-top:-99px;min-height:100vh;background:url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/error_bg.jpg) no-repeat 0 0 / cover;}
.welcome-wrap .inner{position:absolute;top:50%;left:50%;width:100%;padding:0 20px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} 
.welcome-wrap .inner h1{margin:0 0 20px 0;font-size:50px;color:#3498db;line-height:50px;} 
 
 
 
@media (max-width:991px){ 
    .welcome-wrap{margin-top:0;} 
    .print-btn{display:none;} 
} 
 
@media (min-width: 768px){ 
    #emailGuidePopup .modal-dialog, 
    #uploadSucPopup .modal-content, 
    #confirmReqPopup .modal-content{width:400px;} 
    #uploadGuidePopup .modal-dialog{width:450px;} 
    #healthModal .modal-body p{font-size:15px;} 
    /*#happynewyearPopup .modal-dialog{width:496px;} */
} 
 
@media (max-width:500px){ 
    .welcome-wrap .inner h1{font-size:36px;line-height:36px;} 
} 
 
@media (max-width: 425px){ 
    /*#happynewyearPopup .modal-body .madal-content{padding: 118% 15px 11.5%;}
    #happynewyearPopup .modal-body .madal-content p{font-size:11px;} */
} 
 
.line-through{text-decoration:line-through;} 
.btn.disabled, 
.btn[disabled], 
.btn-u.disabled, 
.btn-u[disabled], 
fieldset[disabled] .btn{cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;} 
.sky-form{box-shadow:none;} 
.sky-form .inline-group .radio, .sky-form .inline-group .checkbox{margin-top:0;} 
.sky-form .radio, .sky-form .checkbox{margin:0 0 5px 0;padding-left:25px;font-size:13px;} 
.sky-form .radio i, .sky-form .checkbox i{width:17px;height:17px;border-width:1px;} 
.sky-form .radio input + i:after{top:5px;left:5px;} 
.sky-form .checkbox input + i:after{top:0;left:0;} 
 
#squarespaceModal .app-img img{margin:0 auto;} 
#squarespaceModal .sky-form .radio, 
#squarespaceModal .sky-form .checkbox{font-size:17px;} 
 
.carousel-inner > .item .item-contents{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.3);text-align:center;} 
.carousel-inner > .item .item-contents .item-contents-tit{margin:0 0 10px 0;padding:0;font-size:25px;font-weight:bold;color:#fff;} 
.carousel-inner > .item .item-contents .item-contents-desc{margin:0;padding:0;line-height:20px;font-size:14px;color:#fff;} 
.carousel-v1 .carousel-arrow a i{opacity:0.3;margin:0;padding:25px 12px 25px 20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.carousel-v1 .carousel-arrow a.left i{padding:25px 20px 25px 12px;-webkit-border-radius:0 50px 50px 0;-moz-border-radius:0 50px 50px 0;-ms-border-radius:0 50px 50px 0;border-radius:0 50px 50px 0;} 
.carousel-v1 .carousel-arrow a.right i{-webkit-border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px;-ms-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;} 
 
.input-group{border:none;width:100%;} 
.input-group .form-control, .input-group-addon, .input-group-btn{border-right:none;} 
.input-group .form-control, .input-group-addon, .input-group-btn .btn-u{padding:11px 15px;} 
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{border-right:1px solid #ccc;} 
.form-control, .sky-form .input input, 
.sky-form .select select, 
.sky-form .textarea textarea{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:10px 15px;height:44px;font-size:14px;color:#404040;border:1px solid #ccc;} 
#reviewForm .textarea textarea{height:100px;} 
#VIEW_FORM .input-group .form-control{height:auto;} 
.sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus{border-color:#ccc;-webkit-box-shadow:0 0 2px #c9c9c9;-moz-box-shadow:0 0 2px #c9c9c9;-ms-box-shadow:0 0 2px #c9c9c9;box-shadow:0 0 2px #c9c9c9;} 
.sky-form .icon-append{right:1px;padding:0 3px;min-width:44px;top:1px;height:43px;font-size:17px;line-height:43px;background:inherit;border-color:#ccc;} 
.sky-form select.form-control{line-height:38px;} 
#PH_COUNTRY_CD_SEL{width:30% !important;} 
#PH_COUNTRY_ATTR{width:20% !important;} 
#PHONE, 
#PH_NUM{width:50% !important;} 
 
.app-search-box{position:relative;padding:0;background:none;border:none;} 
.app-search-box.sky-form .select{position:absolute;width:130px;top:0;left:0;z-index:40;} 
.app-search-box.sky-form .select select{border-radius:0;font-size:13px;} 
.app-search-box.sky-form .select i:before{display:none;} 
.app-search-box.sky-form .input-group .form-control{border-radius:0 !important;padding-left:144px;} 
.app-search-box.sky-form .input-group .form-control{border-radius:0 !important;} 
.app-search-box.sky-form .input-group .input-group-btn .btn-u{padding:0 15px;height:44px;} 
 
.qty-group{display:inline-block;position:relative;margin:0;padding:0 30px;} 
.qty-group .quantity-button{display:block;position:absolute;top:0;width:30px;height:30px;line-height:30px;background:#eee;border:none;outline:none;text-align:center;cursor:pointer;font-size:10px;color:#666;} 
.qty-group .quantity-button:first-of-type{left:0;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;} 
.qty-group .quantity-button:last-of-type{right:0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;} 
.qty-group .quantity-field{margin:0;padding:0 15px;width:50px;height:30px;line-height:30px;border:1px solid #eee;outline:none;text-align:center;box-sizing:border-box;} 
 
 
.font-size-18{font-size:18px;font-weight:bold;} 
.font-size-16{font-size:16px;font-weight:bold;} 
 
.circles-number span{font-size:28px !important;} 
.circles-text {font-size:28px !important;} 
.service-block-v4{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;} 
 
 
/*.cart-table thead, 
.cart-table tbody, 
.cart-table tfoot,*/ 
.order-table thead, 
.order-table tbody{display:block;float:left;width:100%;} 
/*.cart-table tbody,*/ 
.order-table tbody{max-height:500px;overflow:auto;} 
/*.cart-table tr,*/ 
.order-table tr{display:table;width:100%;} 
 
.cart-table{overflow:hidden;}
.cart-table thead th:nth-of-type(1) { width: 64.7%; }
.cart-table thead th:nth-of-type(2) { width: 150px; }
.cart-table thead th:nth-of-type(3) { width: 100px; }
.cart-table thead th:nth-of-type(4) { width: 85px; }

.cart-table tbody td:nth-of-type(1) { width: 100px; }
.cart-table tbody td:nth-of-type(2) { width: 55%; }
.cart-table tbody td:nth-of-type(3) { width: 150px; }
.cart-table tbody td:nth-of-type(4) { width: 100px; }
.cart-table tbody td:nth-of-type(5) { width: 70px; }
 
.cart-table tfoot td:nth-of-type(1) { width: 70%; } 
.cart-table tfoot td:nth-of-type(2) { width: 220px; } 
 
.cart-table.no-scroll thead th:nth-of-type(1){width:65.7%;} 
.cart-table.no-scroll thead th:nth-of-type(2){width:141px;} 
.cart-table.no-scroll thead th:nth-of-type(4){width: 67px;} 
 
.cart-table .checkbox{display:inline-block;margin:0;padding:0;width:auto;} 
.cart-table .checkbox i{position:relative;top:0;} 
.cart-table thead tr th{vertical-align: middle;} 
.cart-table tfoot .tr_view{display:none;} 
.cart-table tfoot .tr_view td{display:none;width:100%;} 
 
.order-table thead tr th{white-space:initial !important;vertical-align:middle !important;} 
.order-table tbody tr td{padding:24px 5px;} 
.order-table tbody tr .product-td{position:relative;padding-left:120px;} 
.order-table tbody tr .product-td .table-img{position:absolute;top:50%;left:15px; 
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%);} 
.order-table thead th:nth-of-type(1), .order-table tbody td:nth-of-type(1){ width: 64.7%; min-width:400px;} 
.order-table thead th:nth-of-type(2), .order-table tbody td:nth-of-type(2) { width: 150px; min-width:135px;} 
.order-table thead th:nth-of-type(3), .order-table tbody td:nth-of-type(3) { width: 100px;} 
.order-table.scroll thead th:nth-of-type(1){width:62%;} 
 
.cart-table.scroll thead, 
.cart-table.scroll tbody, 
.cart-table.scroll tfoot{display:block;float:left;width:100%;} 
.cart-table.scroll tbody{max-height:500px;overflow:auto;} 
.cart-table.scroll tr{display:table;width:100%;} 
.cart-table.scroll thead{ 
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.1); 
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.1); 
    box-shadow: 0 4px 15px rgba(0,0,0,.1); 
} 
.cart-table.scroll tfoot{ 
    position:relative; 
    -webkit-box-shadow: 0 -2px 20px rgba(0,0,0,.4); 
    -moz-box-shadow: 0 -2px 20px rgba(0,0,0,.4); 
    box-shadow: 0 -2px 20px rgba(0,0,0,.4);} 
.cart-table.scroll tfoot .tr_view td{display:table;width:100%;padding:0;border:none;background:#4765a0;} 
.cart-table.scroll tfoot .tr_view td .more-btn{display:block;width:100%;margin:0;padding:5px 0;border:none;background:#4765a0;font-size:14px;font-weight:bold;color:#fff;} 
 
.cart-info{margin:0 0 10px 0;} 
.cart-info .total{display:inline-block;margin:0 25px 0 0;font-size:22px;color:#313131;} 
.cart-info .price{display:inline-block;font-size:22px;font-weight:bold;} 
 
.easy-block-v1 .easy-block-v1-badge{-webkit-border-radius:0 0 10px 0;-moz-border-radius:0 0 10px 0;-ms-border-radius:0 0 10px 0;border-radius:0 0 10px 0;} 
 
.mgb-breadcrumb{padding:0;list-style:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;overflow:hidden;} 
.mgb-breadcrumb:after{display:block;content:"";clear:both;} 
.mgb-breadcrumb li{float:left;width:50%;position:relative;} 
.mgb-breadcrumb li div{display:block;position:relative;padding:0 5px 0 70px;height:64px;line-height:61px;background:#eee;font-size:19px;color:#fff;} 
.mgb-breadcrumb li div i{display:inline-block;position:absolute;top:50%;left:16px;margin-top:-20px;width:40px;height:40px;line-height:35px;border:2px dashed #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;} 
.mgb-breadcrumb li div span{display:inline-block;line-height:22px;vertical-align:middle;} 
.mgb-breadcrumb li:not(:first-child) div{padding-left:96px;} 
.mgb-breadcrumb li:not(:first-child) div i{left:44px;} 
.mgb-breadcrumb li:not(:first-child) div:before{display:block;content:"";position:absolute;top:0;left:3px;width:0;height:0;border-top:32px inset transparent;border-bottom:32px inset transparent;border-left:32px solid #fff;} 
.mgb-breadcrumb li:first-child div:before{display:block;content:"";position:absolute;top:0;right:-7px;width:3px;height:100%;background:#fff;z-index:1;} 
.mgb-breadcrumb li:last-child div:after{display:block;content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#fff;} 
.mgb-breadcrumb li:not(:last-child) div:after{display:block;content:"";position:absolute;top:0;right:-32px;width:0;height:0;border-top:32px inset transparent;border-bottom:32px inset transparent;border-left:32px solid #eee;z-index:2;} 
.mgb-breadcrumb li:not(:last-child) div{margin-right:4px;} 
.mgb-breadcrumb li.active div{background:#18ba9b;} 
.mgb-breadcrumb li.active div:after{border-left-color:#18ba9b;} 
.step3-breadcrumb li{width:33.33%;} 
 
.tit-group{position:relative;} 
.tit-group .toggle-btn{position:absolute;top:-3px;right:0;margin:0;padding:0;width:30px;height:30px;line-height:30px;border:none;background:none;outline:none;font-size:22px;color:#999;cursor:pointer;} 
 
.discount-info{margin:0;padding:0;list-style:none;} 
.discount-info .dc-item{margin:0;padding:20px 0 20px 100px;position:relative;border-bottom:1px solid #eee;} 
.discount-info .dc-item:last-child{border-bottom:none;} 
.discount-info .dc-item .dc-tit{margin:0;padding:0;position:absolute;top:26px;left:0;width:90px;font-size:16px;} 
.discount-info .dc-item .dc-input{margin:0 0 5px 0;padding:0 40px 0 0;position:relative;} 
.discount-info .dc-item .dc-input .num-badge{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.discount-info .dc-item .dc-desc:after{display:block;content:"";clear:both;} 
.discount-info .dc-item .dc-desc p{float:left;margin-top:3px;} 
.discount-info .dc-item .dc-desc .inline-group{float:right;} 
.dc-box{padding:12px 15px;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;} 
.dc-box:after{display:block;content:"";clear:both;} 
.dc-box h3{font-size:16px;} 
.dc-box .checkbox{float:right;} 
.sky-form .discount-info .dc-item .radio, 
.sky-form .discount-info .dc-item .checkbox{margin:2px 0;} 
.sky-form .discount-info .dc-item .inline-group{margin:0;} 
 
.sequencing-wrap .discount-info .dc-item .dc-tit{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:normal;color:#616161;} 
 
.total-result{padding:20px 30px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;} 
.total-result-list{margin:0 0 20px 0;padding:0;list-style:none;} 
.total-result-list li{margin:15px 0;} 
.total-result-list li dl{margin:0;padding:0;line-height:22px;} 
.total-result-list li dl:after{display:block;content:"";clear:both;} 
.total-result-list li dl dt{float:left;font-size:15px;font-weight:bold;} 
.total-result-list li dl dd{text-align:right;font-size:14px;} 
.total-result-list li .sub-dl{margin-top:3px;} 
.total-result-list li .sub-dl dt{font-size:14px;font-weight:normal;} 
.total-result-list li.total-price{margin:20px 0;padding:20px 0 0 0;border-top:1px solid #ccc;} 
.total-result-list li.total-price dl dt{font-size:22px;} 
.total-result-list li.total-price dl dd{font-size:22px;font-weight:bold;} 
.total-result p{margin:0 0 20px 0;}
.total-result-btn .btn-u{margin:0 5px 10px!important;}
 
.app-ver .total-result-list li.total-price dl{display:none;}


.app-product-img{position:relative;display:block;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;overflow:hidden;}
.app-product-img .survey-badge{position:absolute;bottom:0;right:0;width:36%;z-index:1;}
.app-product-img .survey-badge img{display:block;max-width:100%;}
.app-info-detail_wrap{display:inline-block;position:relative;margin:-24px 0 18px 0;} 
.app-info-detail_wrap .app-info-detail-icon{display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-box-shadow:0 0 0 10px #fff;-moz-box-shadow:0 0 0 10px #fff;-ms-box-shadow:0 0 0 10px #fff;box-shadow:0 0 0 10px #fff;} 
.app-info-detail_wrap .app-info-detail-icon i{margin:0;} 
.app-info-detail_wrap .app-info-detail{display:none;position:absolute;top:126%;left:50%;padding:15px;width:auto;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;text-align:left;z-index:100;} 
.app-info-detail_wrap .app-info-detail:before, 
.app-info-detail_wrap .app-info-detail:after{display:block;content:"";position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-bottom:12px solid #dedede;border-left:12px solid transparent;border-right:12px solid transparent;} 
.app-info-detail_wrap .app-info-detail:after{top:-11px;border-bottom-color:#fff;} 
.app-info-detail_wrap .app-info-detail .close-btn{display:none;position:absolute;top:15px;right:15px;width:25px;height:25px;line-height:25px;border:none;background:none;text-align:center;} 
.app-info-detail_wrap .app-info-detail .specifies-list li{white-space:nowrap;overflow:hidden; 
    -ms-text-overflow: ellipsis; 
    text-overflow: ellipsis;} 
 
 
.product-ratings li{position:relative;margin:0;} 
.product-ratings li:first-child{margin-left:0;} 
.product-ratings li i{display:block;color:#e1e1e1;} 
.product-ratings li i.active{position:absolute;top:0;left:0;width:100%;height:100%;color:#f9cf65;overflow:hidden;} 
.app-product-ratings.product-ratings li i{font-size:30px !important;} 
 
.app-product-info{} 
.app-product-head{margin:0 0 12px 0;padding:0 0 5px 0;border-bottom:1px solid #dedede;} 
.app-product-head:after{display:block;content:"";clear:both;} 
.app-product-tit{margin:0;font-size:30px;font-weight:bold;max-width:80%;} 
.app-product-label{margin:0 0 10px 0;} 
.app-product-label .label{display:inline-block;margin:0 5px 5px 0;} 
.app-product-price{margin:0 0 20px 0;} 
.app-product-price span{font-size:40px;font-weight:bold;color:#3498db;} 
.app-product-price .price{font-size:32px;font-weight:normal;color:#999;text-decoration:line-through;} 
.app-product-info dl{margin:0 0 10px;padding:0;} 
.app-product-info dl dt{display:inline-block;margin-right:10px;font-size:14px;color:#666;} 
.app-product-info dl dd{display:inline-block;}
.app-product-desc-tooltip{position:relative;}
.app-product-info .app-product-desc{}
.app-product-info .app-product-desc.ellipsis{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:60px;}
.app-product-desc-tooltip .tooltip-btn{float:right;margin-top:-15px;padding:0 6px;border:1px solid #3498db;background:#f0f8fb;font-size:11px;color:#3498db;}
.app-product-desc-tooltip .tooltip-btn:hover{background:#3498db;color:#fff;}
.app-product-desc-tooltip .tooltip-box{display:none;position:absolute;top:0;left:0;width:100%;padding:38px 10px 20px;border:1px solid #dedede;background:#fff;text-align:left;z-index:100;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 8px rgba(0,0,0,.25);
    box-shadow:0 0 8px rgba(0,0,0,.25);/**/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.app-product-desc-tooltip .tooltip-box:before{display:block;content:"";position:absolute;left:-12px;top:10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #dedede;}
.app-product-desc-tooltip .tooltip-box:after{display:block;content:"";position:absolute;left:-10px;top:12px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff;}
.app-product-desc-tooltip .tooltip-box .tooltip-close-btn{position:absolute;top:10px;right:10px;border:none;background:none;cursor: pointer;}
.app-product-desc-tooltip .tooltip-box p{margin:0;}
.app-product-info .btn-gradient{padding:6px 20px;}
.app-product-info .btn-gradient:hover,
.app-product-info .btn-gradient:focus,
.app-product-info .btn-gradient:active{background:linear-gradient(180deg,rgba(51,148,217,1) 0,rgba(4,61,162,1) 100%);border:none;}

.free-test-wrap{padding:0 0 0 20px;border-left:1px solid #dedede;}
.free-test-wrap .free-test-tit{margin:0 0 8px;font-size:14px;font-weight:bold;color:#666;}
.free-test-wrap .survey-slider-arrow button{position:absolute;top:50%;padding:5px;border:none;background:none;z-index:10;cursor:pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.free-test-wrap .survey-slider-arrow button i{font-size:24px;}
.free-test-wrap .survey-slider-arrow button.prev{left:0;}
.free-test-wrap .survey-slider-arrow button.next{right:0;}
.free-test-wrap .survey-slider-arrow button.slick-disabled{visibility:hidden;opacity:0;}
.free-test-wrap .survey-slide-wrap{position:relative;margin-bottom:8px;padding:0 25px;}
.free-test-wrap .survey-slide-wrap .slick-slide{outline:none;}
.free-test-wrap .survey-slide-wrap div img{display:block;margin:0 auto;max-width:100%;}
.free-test-wrap .free-test-btn{text-align:center;}
.free-test-wrap .free-test-btn .btn{padding:4px 25px;background:#e74c3c;font-size:16px;color:#fff;}
.free-test-wrap .free-test-btn .btn:hover{background:#b5372a;}

#app_info_box{font-size:0;} 
#app_info_box .content-boxes-v3{display:inline-block;float:none;margin-bottom:20px;vertical-align:top;} 
.app-product-box{margin:0 0 15px 0;padding:20px 30px;background:#f0f8fb;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} 
.content-boxes-v3 i.icon-custom{top:2px;} 
.content-boxes-v3 .content-boxes-in-v3 .tit{margin:0 0 10px 0;padding:0;font-size:14px;font-weight:bold;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.content-boxes-v3 .content-boxes-in-v3 p{margin:0;font-size:12px;} 
 
.sequencing-info .app-product-head{margin-bottom:25px;} 
.sequencing-info .app-product-price{padding:15px 0 0 0;border-top:1px solid #dedede;} 
.sequencing-info .app-product-price span{font-size:30px;} 
.sequencing-info .app-product-detail{position:relative;margin:0 0 15px 0;padding:0 0 0 150px;} 
.sequencing-info .app-product-detail dt{position:absolute;top:0;left:0;width:150px;font-size:15px;font-weight:normal;color:#414141;} 
.sequencing-info .app-product-detail dd{font-size:14px;color:#999;} 
.sequencing-desc .table{border:1px solid #dedede;overflow:visible;} 
.sequencing-desc .table tbody tr td{padding:12px;} 
 
.sky-form .flag-radio .radio img{display:inline-block;margin:0 5px 0 0;width:30px;vertical-align:text-bottom;} 
 
.app-desc-img .img-responsive{margin:0 auto;} 
#btn_area .dropdown-toggle.btn-u:focus{color:#00a4ff;} 
/* #btn_area .open .dropdown-toggle.btn-u:focus{color:#fff;} 
#btn_area .open .btn-u.btn-brd:hover{color:#fff;} */ 
#reviews .sky-form{border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;overflow:hidden;} 
 
#pConfirm h4{margin:0;} 
 
.pricing-item{position:relative;margin:0 0 20px 0;padding:0;background:#f0f8fb;border:1px solid #f0f8fb;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;text-align:center;overflow:hidden;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.pricing-item:before{display:block;content:"";position:absolute;top:113px;left:50%;width:120%;height:100%;margin-left:-60%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#fff;z-index:0;} 
.pricing-item .pricing-item-price{position:relative;margin:0 0 30px 0;padding:20px 0;font-size:60px;font-weight:bold;line-height:normal;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.pricing-item .pricing-item-price i{font-size:35px;font-style:normal;} 
.pricing-item .pricing-item-info{position:relative;padding:0 30px;} 
.pricing-item .pricing-item-info:after{display:block;content:"";clear:both;} 
.pricing-item .pricing-item-info li{float:left;width:50%;} 
.pricing-item .pricing-item-info li .pricing-item-info-txt{margin:0 0 6px 0;} 
.pricing-item .pricing-item-info li .pricing-item-info-txt i{display:block;margin:0 auto 3px;width:40px;height:40px;line-height:40px;border:1px solid #dedede;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:15px;color:#999;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.pricing-item .pricing-item-info li .pricing-item-info-num{font-size:25px;} 
.pricing-item .pricing-item-footer{display:none;} 
 
.app-ver .pricing-item{padding:15px 0;} 
.app-ver .pricing-item:before{top:-67px;} 
.app-ver .pricing-item .pricing-item-price{display:none;} 
.app-ver .pricing-item .pricing-item-info{padding:0;} 
.app-ver .pricing-item .pricing-item-info li{float:none;width:100%;} 
.app-ver .pricing-item .pricing-item-info .pricing-point{margin:0 0 40px;} 
.app-ver .pricing-item .pricing-item-info .pricing-point .pricing-item-info-txt{margin:0 0 10px;} 
.app-ver .pricing-item .pricing-item-info .pricing-point .pricing-item-info-txt i{display:inline-block;margin:0 5px 0 0;width:auto;height:auto;line-height:normal;border:none; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0;} 
.app-ver .pricing-item .pricing-item-info .pricing-point .pricing-item-info-num{font-size:60px;line-height:60px;} 
.app-ver .pricing-item .pricing-item-info .pricing-mileage{line-height:24px;} 
.app-ver .pricing-item .pricing-item-info .pricing-mileage .pricing-item-info-txt{display:inline-block;margin:0 8px 0 0;vertical-align:middle;} 
.app-ver .pricing-item .pricing-item-info .pricing-mileage .pricing-item-info-txt i{display:inline-block;margin:0 5px 0 0;width:auto;height:auto;line-height:normal;border:none; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0;} 
.app-ver .pricing-item .pricing-item-info .pricing-mileage .pricing-item-info-num{display:inline-block;font-size:16px;vertical-align:middle;} 
 
.pricing-item:hover, 
.pricing-item.active{background:#0497e0;border-color:#0497e0;} 
.pricing-item:hover .pricing-item-price, 
.pricing-item.active .pricing-item-price{color:#fff;} 
.pricing-item:hover .pricing-item-info .pricing-point .pricing-item-info-txt i, 
.pricing-item.active .pricing-item-info .pricing-point .pricing-item-info-txt i{background:#f1c40f;border-color:#f1c40f;color:#fff;} 
.pricing-item:hover .pricing-item-info .pricing-mileage .pricing-item-info-txt i, 
.pricing-item.active .pricing-item-info .pricing-mileage .pricing-item-info-txt i{background:#3498db;border-color:#3498db;color:#fff;} 
 
.app-ver .pricing-item:hover, 
.app-ver .pricing-item.active{background:#fff;border-color:#0497e0;} 
.app-ver .pricing-item:hover:before, 
.app-ver .pricing-item.active:before{background:#0497e0;} 
.app-ver .pricing-item:hover .pricing-item-info .pricing-point .pricing-item-info-txt, 
.app-ver .pricing-item.active .pricing-item-info .pricing-point .pricing-item-info-txt{color:#fff;} 
.app-ver .pricing-item:hover .pricing-item-info .pricing-point .pricing-item-info-txt i, 
.app-ver .pricing-item.active .pricing-item-info .pricing-point .pricing-item-info-txt i{background:transparent;border-color:transparent;color:inherit;} 
.app-ver .pricing-item:hover .pricing-item-info .pricing-point .pricing-item-info-num, 
.app-ver .pricing-item.active .pricing-item-info .pricing-point .pricing-item-info-num{color:#fff;} 
.app-ver .pricing-item:hover .pricing-item-info .pricing-mileage .pricing-item-info-txt i, 
.app-ver .pricing-item.active .pricing-item-info .pricing-mileage .pricing-item-info-txt i{background:transparent;border-color:transparent;color:inherit;} 
 
.recommender-form{padding:50px 20px 25px;} 
.recommender-form .input-group{margin:0 auto;width:50%;} 
.recommender-form .input-group-addon:first-child{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;} 
.recommender-form .btn{padding:11px 12px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;} 
 
.partners-wrap{position:relative;margin:0;padding:0;} 
.partners-wrap:after{display:block;content:"";clear:both;} 
.partners-wrap .partners-item{margin-bottom:20px;padding:20px 25px 15px;width:48.5%;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border-radius:5px;border:1px solid #dedede;} 
.partners-wrap .partners-info{} 
.partners-wrap .partners-gutter{width:3%;} 
.partners-wrap .partners-tit{margin:0 0 15px 0;} 
.partners-wrap .partners-logo{margin:0 0 20px 0;text-align:center;} 
.partners-wrap .partners-logo img{display:inline-block;} 
 
/*sequencing*/ 
.sequencing-box{margin:0 0 20px 0;} 
 
.accordion-list{margin:0;padding:0;list-style:none;} 
.accordion-list > li{position:relative;margin:0 0 5px 0;padding:0 0 19px 0;border:5px;overflow:hidden;} 
.accordion-list > li .accordion-list-head{position:relative;margin:0;padding:6px 125px 6px 15px;background:#f0f8fb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} 
.accordion-list > li .accordion-list-head .accordion-detail{margin:0;padding:0;list-style:none;} 
.accordion-list > li .accordion-list-head .accordion-detail:after{display:block;content:"";clear:both;} 
.accordion-list > li .accordion-list-head .accordion-detail li{display:inline-block;margin:0 25px 0 0;height:60px;line-height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;vertical-align:middle;text-align:center;} 
.accordion-list > li .accordion-list-head .accordion-detail li.float-right{float:right;} 
.accordion-list > li .accordion-list-head .accordion-detail li span{display:inline-block;line-height:normal;font-size:13px;vertical-align:middle;} 
.accordion-list > li .accordion-list-head .accordion-detail li .detail-img{display:inline-block;margin:0 13px 0 0;padding:0;width:40px;vertical-align:middle;} 
.accordion-list > li .accordion-list-head .accordion-detail li .detail-tit{display:block;margin:0 0 5px 0;font-size:17px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.accordion-list > li .accordion-list-head .accordion-link-btn{position:absolute;top:50%;right:43px;font-size:12px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.accordion-list > li .accordion-list-head .accordion-toggle-btn{display:block;height:100%;margin:0;padding:0 9px;position:absolute;top:50%;right:0;border:none;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;background:#cedde2;line-height:normal;font-size:18px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
 
.accordion-list > li .accordion-list-body{border:1px solid #f0f8fb;border-top:none;} 
.accordion-list > li .accordion-list-body .inner{padding:20px;} 
 
.accordion-list > li .accordion-list-body .input-group{margin:0 auto;width:90%;} 
.accordion-list > li .accordion-list-body .input-group .input-group-addon{background:#f9f9f9;border:1px solid #dedede;font-size:12px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;color:#666;} 
.accordion-list > li .accordion-list-body .input-group .form-control{border-color:#dedede;font-size:12px;border-left:none;} 
.accordion-list > li .accordion-list-body .input-group .input-group-btn .btn{height:44px;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;font-size:12px;} 
 
 
@media (max-width: 992px){ 
/*  .cart-table thead th:nth-of-type(1) { width: 58%; } 
    .cart-table tbody td:nth-of-type(2) { width: 45%; } 
    .cart-table tbody td:nth-of-type(3) { width: 168px; } 
    .cart-table tfoot td:nth-of-type(1){width:50%;} 
    .cart-table tfoot td:nth-of-type(2){width:50%;text-align:right;}*/ 
 
    .cart-table.no-scroll thead th:nth-of-type(1){width:57%;} 
    .cart-table.no-scroll tbody td:nth-of-type(2){width:42%;} 
 
} 
 
 
@media (max-width:768px){ 
    #pConfirm .label{font-size:16px;} 
    .app-product-img{max-width:260px;} 
    .app-product-tit{font-size:25px;} 
    .app-product-box{padding:15px;} 
    .recommender-form .input-group{width:100%;} 
    .partners-wrap .partners-item{width:100%;} 
    .partners-wrap .partners-gutter{width:0%;} 
    .app-info-detail_wrap{width:100%;} 
    .app-info-detail_wrap .app-info-detail .close-btn{display:block;} 
    .accordion-list > li .accordion-list-head{padding:10px 45px 10px 15px;} 
    .accordion-list > li .accordion-list-head .accordion-detail li{display:block;margin:0 0 10px 0;height:auto;line-height:normal;} 
    .accordion-list > li .accordion-list-head .accordion-detail li .detail-img{display:none;} 
    .accordion-list > li .accordion-list-head .accordion-detail li span{text-align:center;} 
    .accordion-list > li .accordion-list-head .accordion-link-btn{display:block;margin:0 auto;position:static;transform:none;} 
    .accordion-list > li .accordion-list-body .inner{padding:10px;} 
    .accordion-list > li .accordion-list-body .input-group{width:100%;} 
    #app_info_box .content-boxes-v3{width:100%;} 
    #squarespaceModal .app-img img{max-width:320px;width:100%;}
} 
 
@media (max-width:549px){ 
    .pricing-wrap > div{float:none !important;width:100% !important;} 
    .pricing-item:before{top:85px;} 
    .pricing-item .pricing-item-price{font-size:40px;margin:0 0 30px 0;} 
    .mgb-breadcrumb li div{padding:0 5px 0 49px;font-size:14px;} 
    .sequencing-wrap .mgb-breadcrumb li div{padding:0 5px 0 15px;} 
    .mgb-breadcrumb li:not(:last-child) div:after{right:-20px;border-left-width:20px;} 
    .mgb-breadcrumb li div i{left:10px;margin-top:-15px;width:30px;height:30px;line-height:30px;font-size:12px;} 
    .sequencing-wrap .mgb-breadcrumb li div i{display:none;} 
    .mgb-breadcrumb li div span{line-height:18px;} 
    .mgb-breadcrumb li:not(:first-child) div{padding-left:62px;} 
    .sequencing-wrap .mgb-breadcrumb li:not(:first-child) div{padding-left:24px;} 
    .mgb-breadcrumb li:not(:first-child) div:before{left:2px;border-left:20px solid #fff;} 
    .mgb-breadcrumb li:not(:first-child) div i{left:27px;} 
    .tag-box{padding:15px;} 
 
    .discount-info .dc-item{padding:20px 0;} 
    .discount-info .dc-item .dc-tit{position:static;width:auto;margin:0 0 6px 0;} 
    .recommender-content{padding:20px 0 0 0;} 
    .recommender-content .title-v1 p{font-size:13px;} 
    .recommender-content .title-v1 h3{font-size:16px;line-height:22px;} 
 
    .app-product-price span{font-size:35px;} 
    .app-product-price .price{font-size:28px;} 
 
    .accordion-list > li .accordion-list-body .input-group{padding:35px 0 0 0;} 
    .accordion-list > li .accordion-list-body .input-group .input-group-addon{display:block;position:absolute;top:0;width:100%;border-bottom:0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} 
    .accordion-list > li .accordion-list-body .input-group .form-control{border:1px solid #dedede;} 
    .accordion-list > li .accordion-list-body .input-group .input-group-btn .btn{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;} 
 
    .carousel-inner > .item .item-contents{padding:5px;} 
    .carousel-inner > .item .item-contents .item-contents-tit{margin:0 0 5px 0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
    .carousel-inner > .item .item-contents .item-contents-desc{line-height:13px;font-size:11px;} 
    .app-product-ratings.product-ratings li i{font-size:20px !important;} 
 
    .cart-table{display:block;} 
    .cart-table caption{display:block;padding: 15px 5px;background-color: #f9f9f9;font-size:16px;font-weight:bold;color: #2e5166;text-align: center;} 
    .cart-table thead{display:none;} 
    .cart-table tbody{display:block;} 
    .cart-table tbody tr{display:block;position:relative;padding:10px 0;border-bottom:2px solid #eee;} 
    .cart-table tbody tr td{display:block;padding:4px 5px;width:100% !important;border:none;text-align:center;} 
    .cart-table tbody tr td .table-img{margin:0 auto;} 
    .cart-table tbody tr .close-td{position:absolute;top:14px;right:5px;width:auto !important;} 
    .cart-table tfoot{display:table;width:100%;} 
    .cart-table tbody tr td .badge-tit{display:inline-block;} 
    .cart-table.scroll thead{display:none;} 
 
    #squarespaceModal .modal-dialog{min-height:100%;} 
} 
 
@media (max-width:420px){ 
    #pConfirm .label{font-size:12px;} 
    .carousel-v1 .carousel-arrow a i{padding:10px 12px 10px 15px;} 
    .carousel-v1 .carousel-arrow a.left i{padding:10px 15px 10px 12px;} 
    .container{padding-right:10px;padding-left:10px;} 
} 
/*-------------------------------------------------- 
    [//custom] jinho 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [headers - header-v8.css] 2017.10.30 jinho 
---------------------------------------------------- */ 
body.header-fixed-space-v2 {padding-top: 114px;} 
.header-fixed .header-v8.header-sticky{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.header-v8 .blog-topbar{-webkit-transition:opacity .3s cubic-bezier(.5,1,.7,1);-moz-transition:opacity .3s cubic-bezier(.5,1,.7,1);-ms-transition:opacity .3s cubic-bezier(.5,1,.7,1);transition:opacity .3s cubic-bezier(.5,1,.7,1);} 
.header-fixed .header-v8.header-sticky.header-fixed-shrink{opacity:0.8;} 
.header-fixed .header-v8.header-sticky.header-fixed-shrink:hover{opacity:1;} 
.header-v8 .navbar-brand {margin:13px 0 5px;height:auto;max-height:none;line-height:normal;padding:0 15px;font-size:inherit;} 
.header-v8 .navbar-brand a{display:block;height:100%;width:100%;} 
.header-v8 .navbar-brand a img{display:block;} 
.header-v8 .navbar-nav > li > a{padding:25px 18px;line-height: 24px;font-size:14px;font-family: 'Encode Sans', sans-serif;}
.header-v8 .navbar-nav > li > a span{display:none;}
.blog-topbar .container, .blog-topbar .container-fluid{padding:0 15px;line-height:40px;}
.topbar-time{padding:7px 9px 7px 0;} 
.topbar-time a{color:#fff;} 
/*#M3000{display:none;}*/

.topbar-list li a img{display:none;}
.topbar-list .topbar-dropdown{padding:11px 0 0 0;background:transparent;}
.topbar-list .topbar-dropdown:after{display:block;content:"";position:absolute;top:6px;left:50%;margin-left:-5px;border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;}
.topbar-list .topbar-dropdown ul{margin:0;padding:0;list-style:none;background:#fff;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,.4);
    box-shadow: 0 2px 8px rgba(0,0,0,.4);}
.topbar-list .topbar-dropdown li a{margin:0;padding:12px 15px;color:#838383;font-size:11px;line-height:normal;}
.topbar-list .topbar-dropdown li a:hover{color:#0497e0;}


.mb-lan-menu{display:none;position:relative;z-index:999;}
.mb-lan-menu .lan-btn{display:block;padding:0 7px;border:none;background:none;}
.mb-lan-menu .lan-btn span{font-size:13px;color:#fff;font-weight:600;font-family: 'Encode Sans',sans-serif;text-transform:uppercase;}
.mb-lan-menu .lan-menu{display:none;position:absolute;top:100%;left:50%;margin-left:-30px;width:60px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
    box-shadow: 0 2px 8px rgba(0,0,0,.4);}
.mb-lan-menu .lan-menu:after{display:block;content:"";position:absolute;top:-5px;left:50%;margin-left:-5px;border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;}
.mb-lan-menu .lan-menu a{display:block;padding:10px 10px;background:#fff;font-size:13px;color:#333;line-height:normal;font-weight:600;font-family: 'Encode Sans',sans-serif;text-transform:uppercase;text-align:center;white-space:nowrap;}

@media (max-width:1024px){
    .pc-lan{display:none !important;}
    .mb-lan-menu{display:block;}
    .mb-lan-menu:after{display: block;content: "";position: absolute;top: 12px;left: 0;width: 1px;height: 15px;background: #fff;}
}
@media (max-width:580px){
    .mb-lan-menu .lan-btn span,
    .mb-lan-menu .lan-menu a{font-size:12px;}
    .topbar-list li a img{display:inline-block;}
    .topbar-list li a .txt{display:none;}
    .topbar-list > li:before{display:none;}
}
@media (max-width:320px){
    .blog-topbar .container, .blog-topbar .container-fluid{padding:0 13px;}
    .topbar-list>li{padding:0 2px;}
    .topbar-list li a .num-badge-txt{width:26px;}
}

.footer-v1 .footer{padding:0;background:#f0f8fb;}
.footer-v1 .footer .container{padding-bottom:20px;}
.footer-v1 .foot-bottom{position:relative;padding:0;background:#303a3d;border-width:2px;}
.footer-v1 .foot-bottom .container{padding:0;}
.footer-v1 .foot-bottom .copyright{border:none;margin:0;padding:10px 0;float:left;color:#888;background:transparent;}
.footer-v1 .foot-bottom .footer-img{float:right;padding:6px 0;}
.footer-v1 .foot-bottom .footer-img > *{display:inline-block;vertical-align:middle;}
.footer-v1 .foot-bottom .footer-img img{width:auto;height:28px;}
.footer-v1 .foot-btn{display:none;}
.footer-v1 .foot-btn i:before{content:"\f0d8";}
.footer-v1 .foot-btn.collapsed i:before{content:"\f0d7";}

.footer-v1 .footer address{margin:0;padding:0;}
.footer-v1 .footer address p{margin:0 0 5px;font-size:14px;line-height:22px;color:#777;}
.footer-v1 .footer address .label{display:inline-block;margin-bottom:6px;font-size:11px;}

.footer-top{border-bottom:1px solid #dedede;text-align:center;}
.footer-top ul{margin:0;padding:10px 0;list-style:none;}
.footer-top ul li{display:inline-block;padding:0 12px;border-right:1px solid #777;line-height:16px;}
.footer-top ul li:last-child{border-right:none;}
.footer-top ul li a{font-size:15px;color:#777;
    cursor: pointer;}

.foot-tit{position:relative;}
.foot-tit:after{display:block;content:"";clear:both;}
.foot-tit .foot-logo{float:left;}
.foot-tit .foot-language{float:right;position:relative;margin-top:20px;}
.foot-tit .foot-language button{font-size:15px;color:#3498db;padding:5px 20px 5px 0;border:none;font-weight:bold;background:transparent url(https://d14rou3pdf9zu2.cloudfront.net/kr/common/lang-btn.png) no-repeat 100% 50%;}
.foot-tit .foot-language button i{display:inline-block;margin-right:5px;vertical-align:middle;}
.foot-tit .foot-language .language-menu{display:none;position:absolute;top:100%;right:0;padding-top:10px;text-align:center;z-index:10;}
.foot-tit .foot-language .language-menu:after{display: block;content: "";position: absolute;top: 0;left: 50%;margin-left: -5px;border-bottom: 10px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.foot-tit .foot-language .language-menu ul{margin:0;padding:0;list-style:none;background:#fff;}
.foot-tit .foot-language .language-menu ul li{padding:5px 20px;}
.foot-tit .foot-language .language-menu ul li a{display:block;font-size:11px;}

.footer-v1 h4{margin:0 0 15px;font-size:20px;color:#777;}

.foot-link{padding:10px 0 0;margin:0;}
.foot-link li{display:inline-block;padding:0 10px;border-left:1px solid #777;}
.foot-link li:first-child{padding-left:0;border-left:none;}
.foot-link li a{font-size:14px;color:#777;}

 
@media (min-width: 992px){ 
    .header-fixed .header-v8.header-fixed-shrink .navbar-brand {height:56px;max-height:56px;line-height:56px;} 
    .header-fixed .header-v8.header-fixed-shrink .navbar-nav > li > a{line-height:24px;} 
    .navbar-nav>li {margin:0 0 0 20px;}
    .navbar-nav>li:first-child {margin-left:0;} 
} 
@media (max-width: 991px){ 
    body.header-fixed-space, body.header-fixed-space-v2{padding-top:0;} 
    .header-v8 .navbar-toggle{margin:17px 0 0 0;} 
    .header-v8 .navbar-collapse{border:none;} 
    .header-v8 .navbar-nav > li > a{position:relative;} 
    .header-v8 .navbar-nav > li > a:not(:only-child):after{display:block;content:"\f107";position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;} 
    .header-v8 .navbar-nav > li > a span{display:inline-block;margin:-2px 9px 0 0;font-size:20px;vertical-align:middle;} 
 
    .header-v8 .navbar-nav > li > .dropdown-menu{display:none;position:static;float:none;margin:0;padding:0;border:none;box-shadow:none;} 
    .header-v8 .navbar-nav > li > .dropdown-menu > li > a{padding:8px 20px 8px 30px;border:none;} 
    .header-v8 .navbar-nav > li > .dropdown-menu > li > a:before{display:inline-block;content:"-";margin:0 5px 0 0;} 
    .header-v8 .dropdown-menu .active > a, 
    .header-v8 .dropdown-menu li > a:hover{background:#eee;text-decoration:none;} 
 
    .header-v8 .navbar-nav > .active > a, 
    .header-v8 .navbar-nav > .active > a:hover, 
    .header-v8 .navbar-nav > .active > a:focus{color:#fff !important;background:#3498db;} 
 
    .header-v8 .navbar-nav > .active > a:after{content:"\f106" !important;} 
 
    .footer-v1 .footer-col{width:100% !important;} 
    .footer-v1 address{margin:0;} 
    .footer-v1 .foot-btn{display:block;padding:4px 12px;position:absolute;top:0;right:0;width:100%;background:none;border:none;font-size:22px;color:#888;text-align:right;} 
    .footer-v1 .foot-btn:active:focus, 
    .footer-v1 .foot-btn:active:hover, 
    .footer-v1 .foot-btn:active{color:inherit;background-color: inherit;border-color: inherit; 
        -webkit-box-shadow: none; 
        -moz-box-shadow: none; 
        box-shadow: none;} 
 
}
@media (max-width: 768px){
    .header-v8 .navbar-brand{padding:0;}
    .topbar-time{display:none;}
    .topbar-menu{display:block;padding:0;}
    .footer-v1 .footer{padding:0;}

    .footer-top ul li{margin:4px 0;}
    .foot-link{border-top:1px solid #dedede;text-align:center;}
}
@media (max-width:667px){
    .footer-logo{width:210px;}
    .footer-top ul li a,
    .foot-link li a{font-size:13px;}
    .footer-v1 h4{font-size:16px;margin-bottom:10px;}
    .footer-v1 .footer address p{font-size:12px;}
    .footer-v1 .foot-bottom .footer-img{position:absolute;bottom:127px;right:10px;}
    .footer-v1 .foot-bottom .copyright{padding:10px;font-size:11px;}
}
@media (max-width:425px){
    .footer-logo{width:170px;}
    .foot-tit .foot-language{margin-top:15px;}
    .footer-v1 .footer address p{font-size:11px;line-height:18px;}
}
@media (max-width:320px){
    .footer-v1 .foot-bottom .footer-img{bottom:155px;}
}
 
 
/*-------------------------------------------------- 
    // [headers - header-v8.css] 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [my page] jinho 
---------------------------------------------------- */ 
 
.mypage-wrap{} 
.mypage-row{} 
.mypage-row .mypage-item{} 
.mypage-row .mypage-item .inner{position:relative;height:250px;padding:15px 20px;background:#dedede;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;overflow:hidden;} 
.mypage-row .mypage-item .tit{margin:0 0 10px 0;font-size:18px;font-weight:bold;color:#2c373a;} 
 
.mypage-row .mypage-item .mileage-list{margin:0 0 36px 0;padding:20px 0 0 0;position:relative;list-style:none;} 
.mypage-row .mypage-item .mileage-list:before{display:block;content:"";position:absolute;top:12px;left:50%;width:1px;height:90px;background:#2e5166;} 
.mypage-row .mypage-item .mileage-list:after{display:block;content:"";clear:both;} 
.mypage-row .mypage-item .mileage-list li{float:left;width:50%;text-align:center;} 
.mypage-row .mypage-item .mileage-list li .num-badge{display:inline-block;margin:0 0 10px 0;width:30px;height:30px;line-height:31px;background:#f1c40f;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:16px;color:#fff;} 
.mypage-row .mypage-item .mileage-list li:nth-child(2) .num-badge{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#4765a0;} 
.mypage-row .mypage-item .mileage-list li .num{display:block;font-size:32px;line-height:32px;color:#fff;} 
.mypage-row .mypage-item .btn-u{padding:11px;background: rgba(255,255,255,.3);} 
 
.mypage-more-btn{display:block;position:absolute;top:0;right:0;width:50px;height:50px;color:#fff;font:normal normal normal 14px/1 FontAwesome;} 
.mypage-more-btn:before{display:block;content:"\f067";position:absolute;top:0;left:0;width:100%;height:100%;line-height:37px;text-indent:31px;z-index:1;} 
.mypage-more-btn:after{display:block;content:"";position:absolute;top:0;left:0;border-top:50px solid #2e5166;border-left:50px solid transparent;} 
 
.mypage-row .mypage-item .btn-u:hover{background:#2980b9;} 
.mypage-row .mypage-item .circle{margin:0 0 8px 0;text-align:center;} 
.mypage-row .mypage-item .circles-wrp{display:inline-block;} 
.mypage-row .mypage-item .circles-wrp svg{position:relative;z-index:100;} 
.mypage-row .mypage-item .circles-text{display:block;position:relative;font-weight:bold;color:#1f4861;z-index:1;} 
.mypage-row .mypage-item .circles-text:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;z-index:-1;} 
.mypage-row .mypage-item .storage{position:relative;} 
.mypage-row .mypage-item .storage:before{display:block;content:"";position:absolute;top:3px;left:50%;margin-left:-1px;width:2px;height:18px;background:#325365;} 
.mypage-row .mypage-item .storage:after{display:block;content:"";clear:both;} 
.mypage-row .mypage-item .storage span{display:block;padding:0 10px;float:left;width:50%;font-size:16px;font-weight:bold;box-sizing:border-box;} 
.mypage-row .mypage-item .storage .file-size{text-align:right;color:#fff;} 
 
.mypage-row .mypage-item .profile-img{position:relative;margin:0 auto 10px;padding:0;width:134px;height:134px;border-radius:50%;overflow:hidden;background:#fff;} 
.mypage-row .mypage-item .profile-img:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/user-img.png) no-repeat 50% 50% / 100%;}
.mypage-row .mypage-item .profile-img img{position:relative;display:block;width:100%;height:100%;border:none;z-index:1;} 
.mypage-row .mypage-item .profile-name{display:block;margin:0 0 10px;font-size:16px;font-weight:bold;color:#fff;text-align:center;} 
 
/*.mypage-item .app-slide{margin:0;padding:0;}
.mypage-item .app-slide:after{display:block;content:"";clear:both;} 
.mypage-item .app-slide .app-item{text-align:center;} 
.mypage-item .app-slide .app-item .app-item-img{display:inline-block;width:110px;height:110px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background:#fff;overflow:hidden;} 
.mypage-item .app-slide .app-item .app-item-img img{display:block;width:100%;height:auto;border:none;} 
.mypage-item .app-slide .app-item .app-item-tit{display:block;height:40px;font-size:13px;color:#1f4861;font-weight:bold;overflow:hidden;} 
.mypage-item .owl-carousel .owl-item{opacity:.4;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} 
.mypage-item .owl-carousel .owl-item.center, 
.mypage-item .owl-carousel .owl-item:hover{opacity:1;transform:none;z-index:2;} 
.mypage-item .app-slide .owl-dots{position:absolute;bottom:-29px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} 
.mypage-item .app-slide .owl-dots .owl-dot{display:inline-block;margin-left:6px;width:12px;height:12px;background:#fff;border:1px solid #dedede;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} 
.mypage-item .app-slide .owl-dots .owl-dot.active{background:#3498db;} */
 
.mypage-row .app .inner{background:#f0f8fb;} 
.mypage-row .mileage .tit{color:#fff;} 
.mypage-row .app .tit{margin-bottom:5px;} 
.mypage-row .myfile .inner{background:#c4cad1;} 
.mypage-row .mileage .inner, 
.mypage-row .myProfile .inner{background:#3fa9ef;} 
 
.mgb-tab .nav-tabs > li{margin-bottom:-2px;} 
.mgb-tab .nav-tabs > li > a{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom-color:transparent;color:#aaa;} 
.mgb-tab .nav-tabs>li.active>a, 
.mgb-tab .nav-tabs>li.active>a:focus, 
.mgb-tab .nav-tabs>li.active>a:hover{font-weight:bold;color:#3fa9ef;background:#fff;border-bottom-color:#fff;} 
 
.mgb-tab .tab-content{padding:25px 0 0 0;} 
 
.mgb-timeline.timeline-v1{padding:20px 0;} 
.mgb-timeline.timeline-v1:after{display:block;content:"";clear:both;} 
.mgb-timeline.timeline-v1::before{top:40px;} 
.mgb-timeline.timeline-v1 > li:nth-child(2){margin-top:25px;} 
.mgb-timeline.timeline-v1 > li{padding:0 0 0 40px;margin-bottom:28px;} 
.mgb-timeline.timeline-v1 > li:last-child{margin:0;height:0;/* float:none; */} 
.mgb-timeline.timeline-v1 > li.li-more{position:absolute;bottom:0;left:50%;float:none;margin:0 !important;padding:0 !important;width:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} 
.mgb-timeline.timeline-v1 > li.li-more a{background:#3fa9ef;} 
 
.mgb-timeline.timeline-v1 > li > .timeline-badge{top:0;right:-40px;padding:3px 0;width:80px;height:auto;line-height:normal;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#fff;text-align:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.mgb-timeline.timeline-v1 > li > .timeline-badge .tl-date{display:block;font-size:11px;line-height:13px;font-weight:bold;color:#bbb;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.mgb-timeline.timeline-v1 > li > .timeline-badge .tl-time{display:block;font-size:11px;color:#bbb;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.mgb-timeline.timeline-v1 > li:hover > .timeline-badge{border-color:#3fa9ef;} 
.mgb-timeline.timeline-v1 > li:hover > .timeline-badge .tl-date, 
.mgb-timeline.timeline-v1 > li:hover > .timeline-badge .tl-time{color:#3fa9ef;} 
 
.mgb-timeline.timeline-v1 > li > .timeline-panel{width:89%;padding:10px 15px 10px 55px;min-height:70px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;border:none;background:#f9f9f9;box-sizing:border-box;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel:before{top:7px;right:-11px;border-width:11px 0 11px 11px;border-left-color:#f9f9f9;border-right-color:#f9f9f9;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel:after{top:7px;right:-10px;border-width:10px 0 10px 10px;border-left-color:#f9f9f9;border-right-color:#f9f9f9;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-img{position:absolute;top:50%;left:-40px;width:80px;height:80px;border:5px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#ccc;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-img img{display:block;width:100%;height:auto;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} 
.mgb-timeline.timeline-v1 > li:hover > .timeline-panel{background:#f0f8fb;} 
.mgb-timeline.timeline-v1 > li:hover > .timeline-panel:before, 
.mgb-timeline.timeline-v1 > li:hover > .timeline-panel:after{border-left-color:#f0f8fb;border-right-color:#f0f8fb;} 
 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-head{margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #ccc;text-align:right;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-head .tl-order-no{display:inline-block;margin:0;font-size:11px;} 
 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot{margin:10px 0 0 0;padding:5px 0 0 0;border-top:1px solid #ccc;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot:after{display:block;content:"";clear:both;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot span{font-size:12px;color:#888;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot span strong{color:#555;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot .tl-rem-days{display:block;float:right;} 
 
 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-tit{margin:0 0 5px 0;font-size:16px;font-weight:bold;color:#2e5166;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-tit:hover a{text-decoration:none;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail{position:relative;margin:0 0 3px 0;padding:0 0 0 60px;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail dt{position:absolute;top:0;left:0;padding:2px 0;width:60px;background:#79d5b3;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;font-size:12px;color:#fff;text-align:center;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail dd{padding:0 10px;height:21px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail dd.point-plus{color:#3fa9ef;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-btn{margin-top:10px;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-foot{padding:5px 0 0 0;border-top:1px solid #ccc;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-foot .tl-txt{float:left;margin:0;padding:0;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-foot .tl-size{text-align:right;} 
 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file{position:absolute;top:50%;left:-30px;width:54px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;text-align:center;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file:after{display:block;content:"\f252";position:absolute;top:17px;left:50%;font:normal normal normal 14px/1 FontAwesome;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#4765a0;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file.fail:after{content:"\f071";color:#e74c3c;font-size:19px;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file.completed:after{content:"\f058";color:#3498db;font-size:19px;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file img{display:block;margin:0 0 3px 0;max-width:100%;height:auto;border:none;} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file > .label{position:absolute;top:36px;left:50%;font-size:9px;color:#666;font-style:italic;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} 
.mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file > .btn{margin:0 0 0 -2px;font-size:11px;} 
 
.mgb-timeline.timeline-v1 > li > .tl-loading{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} 
.mgb-timeline.timeline-v1 > li > .tl-loading i{font-size:40px;color:#3498db;} 
 
.mgb-timeline.timeline-v1 > li.active > .timeline-panel{opacity:.6;} 
.mgb-timeline.timeline-v1 > li.active > .tl-loading{display:block;} 
 
 
.mgb-timeline.timeline-v1 > li:nth-child(even){padding:0 40px 0 0;margin-bottom:28px;} 
.mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-badge{left:-40px;top:auto;bottom:0;} 
.mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-panel{padding:10px 48px 10px 15px;} 
.mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-panel:before{top:auto;bottom:7px;left:-11px;right:auto;border-left-width:0;border-right-width:11px;} 
.mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-panel:after{top:auto;bottom:7px;left:-10px;right:auto;border-left-width:0;border-right-width:10px;} 
.mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-panel .tl-img{right:auto;left:auto;right:-40px;} 
 
.mgb-timeline.timeline-v1.no-images > li > .timeline-panel{padding:10px 15px;} 
.mgb-timeline.timeline-v1.no-images > li{padding:0;} 
 
.mgb-timeline.timeline-v1.dna-data > li > .timeline-panel{padding:20px 15px 20px 60px;} 
.mgb-timeline.timeline-v1.dna-data > li:nth-child(even) > .timeline-panel{padding:20px 50px 20px 15px;} 
.mgb-timeline.timeline-v1.dna-data > li:nth-child(even) > .timeline-panel .tl-file{left:auto;right:-30px;} 
 
 
 
/*account*/ 
.myaccount{background:#f0f8fb;padding:20px;} 
.myaccount .myaccount-tit{margin:0 0 10px 0;font-size:20px;font-weight:bold;color:#154a6d;} 
.myaccount .myaccount-tit span{margin:0 0 0 5px;display:inline-block;font-size:12px;font-weight:normal;vertical-align:middle;} 
.myaccount .myaccount-sub-tit{margin:0 0 3px 0;font-size:14px;color:#888;} 
.myaccount .myaccount-cont{padding:10px 15px;min-height:44px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;word-break:break-all;} 
.myaccount .myaccount-cont:after{display:block;content:"";clear:both;} 
.myaccount .inpuiry-cont{min-height:150px;} 
.myaccount .myaccount-cont p{margin:0;font-size:15px;font-weight:bold;color:#313131;word-break:break-all;}
.myaccount .myaccount-cont ul{margin:0;padding:0;list-style:none;}
.myaccount .myaccount-cont ul li{display:inline-block;margin:2px;padding:10px;border:1px solid #dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.myaccount .myaccount-cont ul li a{color:#3498db;}
.myaccount .myaccount-cont .table{margin:0;}
.inquiry-reply{padding:20px 20px 20px 60px;background:#f0f0f0 url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/reply_icon.png) no-repeat 20px 18px;background-size:25px;}
.delivery-info .myaccount-cont{position:relative;padding:10px 100px 10px 15px;} 
.delivery-info .myaccount-cont.no-btn{padding:10px 15px;} 
.delivery-info .myaccount-cont .btn-u{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
 
.myaccount .opinfo-head{} 
.myaccount .opinfo-head:after{display:block;content:"";clear:both;} 
.sky-form .myaccount .opinfo-head .toggle{margin-bottom:3px;font-size:14px;font-weight:normal;color:#888;} 
.sky-form .myaccount .opinfo-head .toggle i{display:block;width:76px;height:22px;} 
.sky-form .myaccount .opinfo-head .toggle input:checked+i, 
.sky-form .myaccount .opinfo-head .toggle:hover i, 
.sky-form .myaccount .opinfo-head .toggle input:focus+i{border-color:#e5e5e5;} 
.sky-form .myaccount .opinfo-head .toggle input:checked+i:before{right:58px;} 
.sky-form .myaccount .opinfo-head .toggle i:after{font-size:12px;} 
.sky-form .myaccount .opinfo-head .toggle.height i:after{content:"cm";} 
.sky-form .myaccount .opinfo-head .toggle.height input:checked+i:after{content:"fit/inch";} 
.sky-form .myaccount .opinfo-head .toggle.weight i:after{content:"kg";} 
.sky-form .myaccount .opinfo-head .toggle.weight input:checked+i:after{content:"lb";} 
.sky-form .myaccount .myaccount-body div[name=opt_div] select.form-control{margin-bottom:5px;} 
 
 
.proFile-img{float:left;position:relative;margin:0 20px 0 0;padding:0;width:120px;height:120px;background:#f1f1f1;} 
.proFile-img:after{display:block;content:"\f030";position:absolute;top:50%;left:50%;font: normal normal normal 14px/1 FontAwesome;font-size:40px;color:#aaa;transform:translate(-50%, -50%);} 
.proFile-img img{display:block;position:absolute;top:0;left:0;width:120px;height:120px;border:none;z-index:10;} 
.proFile-img .delBtn{display:block;position:absolute;top:0;right:0;width:26px;height:26px;line-height:26px;border:1px solid #dedede;background:#fff;z-index:11;} 
.proFile-img .delBtn i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} 
.filebox{margin:0 0 10px;} 
.filebox .form-control{display:inline-block;margin:0 5px 0 0;width:250px;height:40px;vertical-align:middle;text-overflow:ellipsis;} 
 
.mgb-tab-nav{position:relative;} 
.m-tab-select{display:none;position:relative;margin:0;padding:0 50px 0 0;border:1px solid #ddd;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;} 
.m-tab-select .select-btn{display:block;padding:10px 20px;width:100%;background:none;border:none;font-size:14px;font-weight:bold;text-align:left;cursor:pointer;} 
.m-tab-select .select-arrow{display:block;position:absolute;top:0;right:0;margin:0;padding:0;width:44px;height:44px;line-height:44px;border:none;background:none;text-align:center;font-size:18px;} 
 
/* 프로필 css 2018.03.22 */ 
.proFile-img img, 
.proFile-img .delBtn{display:none;} 
.proFile-img.show img, 
.proFile-img.show .delBtn{display:block;} 
.profile_modal{text-align:center;} 
.profile_modal .modal-dialog{display:inline-block;width:auto !important;} 
.profile_modal .jcrop-keymgr{opacity:0;visibility:hidden;} 
 
/* .profile_modal .image_upload_area > img{} 
.profile_modal .modal-dialog{width:auto !important;max-width:310px;} 
.profile_modal .modal-dialog .jcrop-holder{width:100% !important;height:auto !important;} 
.profile_modal .modal-dialog .jcrop-holder img{width:278px !important;height:auto !important;} 
.profile_modal .modal-dialog .jcrop-holder > img{position:static !important;} 
.jcrop-tracker{width:100% !important;height:100% !important;} */ 
 
.showing .nav-tabs{display:none;} 
.showing .m-tab-select{display:block;} 
@media (max-width:992px){ 
    .mypage-row .myProfile{width:100% !important;} 
    .mgb-timeline.timeline-v1 > li > .timeline-badge, 
    .mgb-timeline.timeline-v1 > li:nth-child(even) > .timeline-badge{right:auto;left:0px;} 
    .mgb-timeline.timeline-v1 > li{margin:0 0 15px 0 !important;padding:0 0 0 88px !important;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel{width:97% !important;padding:15px !important;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel:before, 
    .mgb-timeline.timeline-v1 > li > .timeline-panel:after{left:-10px !important;right:auto !important;border-left-width:0 !important;border-right-width:10px !important;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-img{top:47px;right:15px !important;left:auto !important;transform:none;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-tit{padding:0 100px 0 0;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail{padding:0 100px 0 60px;} 
    .mgb-timeline.timeline-v1.no-images > li > .timeline-panel .tl-tit{padding:0;} 
    .mgb-timeline.timeline-v1.no-images > li > .timeline-panel .tl-detail{padding:0 0 0 60px;} 
    .mgb-timeline.timeline-v1.dna-data > li > .timeline-panel{padding:15px 15px 15px 100px !important;} 
    .mgb-timeline.timeline-v1.dna-data > li > .timeline-panel .tl-file{left:10px !important;right:auto !important;} 
 
    .mgb-timeline.timeline-v1 > li.li-more{left:0;margin:0 !important;padding:0 !important; 
        -webkit-transform: none; 
        -moz-transform: none; 
        -ms-transform: none; 
        -o-transform: none; 
        transform: none;} 
} 
@media (max-width:768px){ 
    .mypage-row .myProfile, 
    .mypage-row .myfile, 
    .mypage-row .mileage{width:100% !important;} 
    .mypage-row .mypage-item .tit{margin:0 0 4px 0;font-size:15px;} 
 
    .mgb-tab .tab-content{padding:20px 0 0 0;} 
    .mgb-timeline.timeline-v1.dna-data > li > .timeline-panel{padding:15px 15px 15px 66px !important;} 
    .mgb-timeline.timeline-v1.dna-data > li > .timeline-panel .tl-file{width:48px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file:after{top:15px;font-size:14px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file > .label{top:32px;padding:2px 4px;font-size:9px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-file > .btn{font-size:10px;padding:0 2px;} 
 
    .mgb-tab-nav .nav-tabs{position: absolute;top: 100%;left: 0;z-index: 1000;margin: 2px 0 0;padding: 5px 0;width:100%;border: 1px solid #ccc;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;background-color: #fff;text-align: left;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);-ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);} 
    .mgb-tab-nav .nav-tabs > li{float:none;margin:0;} 
    .mgb-tab-nav .nav-tabs > li > a{border:none;border-radius:0;} 
    .mgb-tab-nav .nav-tabs>li.active>a, 
    .mgb-tab-nav .nav-tabs>li.active>a:focus, 
    .mgb-tab-nav .nav-tabs>li.active>a:hover{border:none;} 
    .app-info-detail_wrap .app-info-detail{width:100%;white-space:normal;} 
    .sorting-block{position:relative;overflow:hidden;} 
    .sorting-block .sorting-grid li .sorting-cover p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} 
 
    .myaccount .myaccount-cont p{font-size:13px;}

    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot .tl-rem-days, 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl_foot .tl-exp-date{float:none;} 
 
} 
@media (max-width:992px){ 
    .proFile-img{float:none;margin:0 auto;} 
    .proFile-upload, 
    .proFile-img.show .delBtn{display:none;} 
} 
@media (max-width:425px){ 
    .mgb-tab .nav-tabs > li > a{font-size:11px;padding:8px 4px;} 
    .mypage-item .owl-carousel .owl-item{opacity:1;transform:none;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-img{display:none;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-tit{padding:0 30px 0 0;font-size:13px;}
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-detail{padding:0 0 0 60px;font-size:11px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-order-no{font-size:11px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-foot .tl-txt{float:none;font-size:10px;} 
    .mgb-timeline.timeline-v1 > li > .timeline-panel .tl-foot .tl-size{text-align:left;font-size:10px;} 
 
} 
/*-------------------------------------------------- 
    [//mypage] jinho 
---------------------------------------------------- */ 
 
 
/*-------------------------------------------------- 
    [main page - slide ] 2017.10.30 jinho 
---------------------------------------------------- */ 
.slider-inner .da-slider{height:400px;background:#ddd;border:none;} 
.da-slide h2 {top:62px;font-size:31px;line-height:35px;text-shadow:1px 1px 2px rgba(0,0,0,.3);} 
.da-slide p {top:128px;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.3);} 
.da-slide .da-link{top:280px;margin-left:-2%;padding:0;background:none;border:none;box-shadow:none;text-shadow:none;font-family:'Open Sans', sans-serif;font-weight:bold;font-size:24px;text-align:left;} 
.da-slide .da-link:hover{background:none;box-shadow:none;} 
.da-slide .da-link a{display:inline-block;margin:0 10px 0 0;vertical-align:bottom;cursor:pointer;} 
.da-slide .da-link a img{display:block;max-width:100%;height:auto;border:none;} 
.da-slide .da-img{margin:0;padding:0;top:0;left:0;width:100%;height:100%;} 
.da-slide .da-img img{opacity:0;visibility:hidden;} 
 
/*.da-slide.mosquitos h2{font-size:50px;line-height:normal;color:#3d69b9 !important;font-weight:600 !important;text-shadow:none;}
.da-slide.mosquitos p{top:150px;font-size:22px;line-height:30px;color:#3d69b9 !important;text-shadow:none;} 
.da-slide.mosquitos .da-link{top:initial;bottom:80px;padding:3px 15px;background:rgba(104,153,220,.8);border-radius:0 !important;font-size:23px;font-weight:600;color:#fff;min-width:auto;}*/
 
 
.da-arrows span{background:rgba(255,255,255,.4);top: 0;height: 100%;width: 50px;margin-top:0;-webkit-transition:opacity .2s ease-in-out .2s;-moz-transition:opacity .2s ease-in-out .2s;-ms-transition:opacity .2s ease-in-out .2s;transition:opacity .2s ease-in-out .2s;} 
.da-arrows span:after{display:none;} 
.da-arrows span i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:18px;color:rgba(255,255,255,.8);} 
.da-arrows span.da-arrows-prev{left: 0;} 
.da-arrows span.da-arrows-next{right: 0;} 
.da-slider:hover .da-arrows span{opacity: 0.4;} 
.da-slider:hover .da-arrows span:hover{opacity: 1;} 
 
.da-slide .da-content{position:absolute;margin-left:-2%;margin-right:6%;opacity:0;left:110%;} 
.da-slide .da-content h2{position:static;margin:0 0 30px 0;color:#333;} 
.da-slide .da-content p{position:static;margin:0;} 
.da-slide.template1 .da-content{top:60px;} 
.da-slide.template1 .da-content h2{font-size:50px;line-height:50px;} 
.da-slide.template1 .da-content p{font-size:24px;} 
.da-slide.template1 .da-btn{position:absolute;top:280px;left:10%;right:10%;text-align:left;} 
.da-slide.template1 .da-link{position:static;display:inline-block;margin:0;padding:2px 20px;background:#ccc;} 
 
.da-slide.template2 .da-content{top:58px;margin-left:30%;} 
.da-slide.template2 .da-content h2{font-size:28px;font-weight:900;line-height:30px;} 
.da-slide.template2 .da-content p{font-size:18px;} 
.da-slide.template2 .da-btn{position:absolute;top:280px;right:10%;text-align:right;} 
.da-slide.template2 .da-link{position:static;display:inline-block;margin:0;padding:2px 20px;background:#ccc;} 
 
.da-slide.template3 .da-content{top:32px;right:10%;margin:0;text-align:center;} 
.da-slide.template3 .da-content h2{margin-bottom:15px;font-size:44px;line-height:45px;} 
.da-slide.template3 .da-content p{font-size:25px;} 
.da-slide.template3 .da-btn{position:absolute;top:200px;right:10%;text-align:center;} 
.da-slide.template3 .da-btn .da-link{position:static;display:inline-block;margin:0;padding:2px 20px;background:#ccc;} 
 
.da-slide-current .da-content{left:10%;opacity:1;} 
 
.da-slide.da-slide-fromleft .da-content, 
.da-slide.da-slide-fromleft .da-btn{-webkit-animation: fromLeftAnim1 .6s ease-in .6s both; 
    -moz-animation: fromLeftAnim1 .6s ease-in .6s both; 
    -o-animation: fromLeftAnim1 .6s ease-in .6s both; 
    -ms-animation: fromLeftAnim1 .6s ease-in .6s both; 
    animation: fromLeftAnim1 .6s ease-in .6s both;} 
.da-slide.da-slide-fromright .da-content, 
.da-slide.da-slide-fromright .da-btn{-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both; 
    -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both; 
    -o-animation: fromRightAnim1 0.6s ease-in 0.8s both; 
    -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both; 
    animation: fromRightAnim1 0.6s ease-in 0.8s both;} 
.da-slide.da-slide-toright .da-content, 
.da-slide.da-slide-toright .da-btn{ 
    -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both; 
    -moz-animation: toRightAnim1 0.6s ease-in 0.6s both; 
    -o-animation: toRightAnim1 0.6s ease-in 0.6s both; 
    -ms-animation: toRightAnim1 0.6s ease-in 0.6s both; 
    animation: toRightAnim1 0.6s ease-in 0.6s both; 
} 
.da-slide.da-slide-toleft .da-content, 
.da-slide.da-slide-toleft .da-btn{ 
    -webkit-animation: toLeftAnim1 0.6s ease-in both; 
    -moz-animation: toLeftAnim1 0.6s ease-in both; 
    -o-animation: toLeftAnim1 0.6s ease-in both; 
    -ms-animation: toLeftAnim1 0.6s ease-in both; 
    animation: toLeftAnim1 0.6s ease-in both; 
} 
 
 
@media (min-width:1440px){ 
    .da-slide .da-link{margin-left:3%;} 
    .da-slide .da-content{margin-left:3%;margin-right:14%;} 
    .da-slide.template3 .da-content, 
    .da-slide .da-btn{margin-left:3%;margin-right:3%;} 
} 
@media (min-width:1680px){ 
    .da-slide .da-link{margin-left:7%;} 
    .da-slide .da-content{margin-left:7%;margin-right:14%;} 
    .da-slide.template3 .da-content, 
    .da-slide .da-btn{margin-left:7%;margin-right:7%;} 
} 
@media (min-width:1920px){ 
    .da-slide .da-link{margin-left:12%;} 
    .da-slide .da-content{margin-left:12%;margin-right:21%;} 
    .da-slide.template3 .da-content, 
    .da-slide .da-btn{margin-left:12%;margin-right:12%;} 
} 
@media (max-width: 1024px){ 
    .da-slide .da-content{margin:0;right:10%;} 
    .da-slide.template3 .da-btn{top:230px;} 
} 
@media (max-width: 991px){ 
    .slider-inner .da-slider{border-top:1px solid #dedede;} 
} 
@media (max-width: 900px){ 
    .da-slide .da-img{display:block;} 
} 
@media (max-width: 768px){ 
    .da-slider{height:280px !important;;} 
    .da-slide h2{top:21px !important;;font-size:20px !important;line-height:25px !important;;} 
    .da-slide p{top:71px !important;;font-size:13px !important;;} 
    .da-slide .da-link{top:192px;font-size:13px !important;;} 
    .da-slide .da-link .show-modal{width:60px !important;;} 
    .da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{left:6% !important;;} 
    .da-dots{bottom:0px !important;;} 
 
    .da-slide.mosquitos .da-img{background-position:66% 50% !important;} 
    .da-slide.mosquitos h2{font-size:24px !important;} 
    .da-slide.mosquitos p{font-size:14px !important;line-height:22px;} 
 
    .da-slide .da-img{background-size:cover !important;} 
    .da-slide:nth-of-type(4) .da-img{background:#dfdedc url(https://d14rou3pdf9zu2.cloudfront.net/glb/main/main_banner_01.jpg) no-repeat 72% 37% / cover !important;}
    .da-slide:nth-of-type(4) h2, 
    .da-slide:nth-of-type(4) p{color:#fff !important;} 
    .da-slide:nth-of-type(5) .da-img{background:#828476 url(https://d14rou3pdf9zu2.cloudfront.net/glb/main/main_banner_04.jpg) no-repeat 21% 91% / cover !important;}
    .da-slide:nth-of-type(5) h2, 
    .da-slide:nth-of-type(5) .da-link{margin-left:0 !important;} 
 
    .da-slide.template1 .da-content{top:30px;} 
    .da-slide .da-content p{line-height:20px;} 
    .da-slide.template1 .da-btn{top:180px;} 
    .da-slide.template2 .da-content{top:35px;} 
    .da-slide.template3 .da-btn{top:150px;} 
} 
@media (max-width: 452px){ 
    .da-slide.template1 .da-link{top:170px;} 
    .da-slide.template2 .da-content{margin-left:9%;} 
    .da-slide.template2 .da-btn{top:160px;} 
    .da-slide.template3 .da-btn{top:120px;} 
} 
/*-------------------------------------------------- 
    // [main page - slide] 
---------------------------------------------------- */ 
 
 
/*-------------------------------------------------- 
    [main page - 카테고리별 대표앱 출력 ] 2017.10.30 jinho 
---------------------------------------------------- */ 
/*.sorting-banner{margin:0 0 15px 0;padding:0;list-style:none;}
.sorting-banner .banner-item{display:none;position:relative;margin:0;padding:0;-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-ms-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-ms-animation-duration:.75s;animation-duration:.75s;overflow:hidden;} 
.sorting-banner .banner-item:first-child{display:block;} 
.sorting-banner .banner-item .banner-bg{margin:0;padding:0;} 
.sorting-banner .banner-item .banner-bg img{display:block;width:100%;height:auto;border:none;} 
.sorting-banner .banner-item .banner-btn{display:block;position:absolute;bottom:20px;right:40px;padding:5px 20px;background:rgba(255,255,255,.4);font-size:14px;color:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;} 
.sorting-banner .banner-item .banner-btn:hover{background:#1698dc;text-decoration:none;} 
.sorting-banner .banner-item .banner-txt{position:absolute;} 
.sorting-banner .banner-item .banner-txt span{display:block;color:#fff;white-space:nowrap;letter-spacing:.5px;} 
.sorting-banner .banner-item .banner-txt .txt-big{font-size:40px;font-weight:500;} 
.sorting-banner .banner-item .banner-txt .txt-small{font-size:18px;} 
 
.sorting-banner .new .banner-txt{top:34px;right:39px;} 
.sorting-banner .exercise .banner-txt{top:34px;left:39px;} 
.sorting-banner .exercise .banner-txt .txt-big{color:#c86b00;} 
.sorting-banner .personality .banner-txt{top:34px;right:39px;} 
.sorting-banner .personality .banner-txt .txt-big{font-size:30px;color:#f3284a;} 
.sorting-banner .personality .banner-txt .txt-small{color:#ff9bca;} 
.sorting-banner .ancestry .banner-txt{top:34px;left:39px;} 
.sorting-banner .trait .banner-txt{top:14px;left:250px;text-align:right;} 
.sorting-banner .trait .banner-txt .txt-big{color:#1494d9;} 
.sorting-banner .trait .banner-txt .txt-small{color:#657a85;} 
.sorting-banner .health .banner-txt{top:90px;left:67px;} 
.sorting-banner .health .banner-txt .txt-small{color:#09468b;} 
.sorting-banner .NGSOne .banner-txt{top:75px;left:52px;font-family: 'Roboto';} 
.sorting-banner .NGSOne .banner-txt .txt-big{font-weight:700; 
    text-shadow: 2px 2px 5px rgba(0,0,0,.3);} 
.sorting-banner .NGSOne .banner-txt .txt-small{font-size:26px;font-weight:100;} */
 
 
 
.sorting-grid_wrap{position:relative;margin:0 -5.5%;overflow:hidden;} 
.sorting-grid{margin:0;padding:0;max-height:100%;} 
.sorting-grid:after{display:block;content:"";clear:both;} 
.sorting-grid .mix{padding:0 5%;overflow:hidden;} 
.sorting-grid li a{display:block;position:relative;perspective:1000px;-webkit-perspective:1000px;-webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86) .1s;-moz-transition:all .3s cubic-bezier(.785,.135,.15,.86) .1s;transition:all .3s cubic-bezier(.785,.135,.15,.86) .1s;} 
.sorting-grid .sorting-img{position:relative;margin:0 0 4px 0;padding:0 0 99% 0;overflow:hidden;background:#dedede;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;} 
.sorting-grid .sorting-img:before{display:block;content:"\e032";font-family:'Simple-Line-Icons';position:absolute;top:0;left:0;width:100%;height:100%;line-height:208px;font-size:60px;color:#999;text-align:center;} 
.sorting-grid .sorting-img img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;border:none;} 
.sorting-grid .sorting-price{position:absolute;top:-50px;right:-8px;background:#0497e0;font-size:13px;-webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .3s cubic-bezier(.785,.135,.15,.86);transition:all .3s cubic-bezier(.785,.135,.15,.86);-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);-ms-box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);} 
.sorting-grid .sorting-price:hover{background:#137baf;border:none;} 
.sorting-grid .sorting-price .price-corner{width: 0;height: 0;right: 0;bottom: -8px;display: block;position: absolute;border-style: solid;border-width: 8px 8px 0 0;border-color:#2f5c74 transparent transparent;} 
 
.sorting-grid.showing li:not(.active) a{opacity:.6;-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);} 
.sorting-grid.showing li.active a .sorting-price{top:10px;} 
 
.sorting-grid li a:hover .sorting-cover span{color:#149ddd;} 
.sorting-block .sorting-grid li .sorting-cover{background:#fff !important;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} 
.sorting-block .sorting-grid li .sorting-cover span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.sorting-block .sorting-grid li .sorting-cover p{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.sorting-block .sorting-grid li .sorting-cover .creator{font-size:12px;color: #71c7ff;} 
.sorting-block .sorting-grid .mix:nth-child(n+13){display:none;} 
 
.market-bt-wrap{margin:0;padding:15px 0;list-style:none;text-align:center;} 
.market-bt-wrap .market-bt{display:none;margin:0 auto;width:150px;} 
.market-bt-wrap .market-bt a{display:block;padding:7px 0;width:100%;background:#3498db;border-radius:5px;font-size:18px;color:#fff;} 
.market-bt-wrap .market-bt:first-child{display:block;} 
 
.main-process{position:static;padding:0;overflow:hidden;} 
.main-process:before{display:none;} 
.main-process .container{position:relative;width:100%;margin:0;padding:65px 0;background:rgba(0,0,0,.4);} 
.main-process .main-process-desc p{margin:0;font-size:24px;line-height:37px;color:#fff;} 
#btn_use_guide1, #btn_use_guide2{width:80%;} 
 
@media (max-width:992px){ 
    /*.main-process{background:url(https://d14rou3pdf9zu2.cloudfront.net/glb/main/12.jpg) no-repeat 50% 50% / cover;}*/
    /*.sorting-banner .NGSOne .banner-txt{top:23px;left:30px;}
    .sorting-banner .NGSOne .banner-txt .txt-big{font-size:32px;} 
    .sorting-banner .NGSOne .banner-txt .txt-small{font-size:20px;} */
} 
 
@media (max-width:768px){ 
    /*.sorting-banner{display:none;} */
    .sorting-grid_wrap{margin:0 -15px;} 
    .sorting-grid .mix{padding:0 15px;} 
    .main-process .main-process-desc p{font-size:21px;} 
    #btn_use_guide1, #btn_use_guide2{width:100%;} 
} 
@media (max-width:568px){ 
    .sorting-grid_wrap{margin:0 -8px;} 
    .sorting-grid .mix{width:50% !important;padding:0 8px;} 
} 
/*-------------------------------------------------- 
    // [main page - 카테고리별 대표앱 출력] 
---------------------------------------------------- */ 
 
 
/*-------------------------------------------------- 
    [Point Purchase Success] 2017.09.19 jinho 
---------------------------------------------------- */ 
.complete_msg_box{margin:0 0 20px 0;padding:30px;border:1px dashed #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} 
.tag-box .table thead tr th{background:#ddd;padding:12px 5px;} 
 
.point-info-list{position:relative;margin:0 0 10px 0;padding:15px;list-style:none;background:#f0f8fb;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;text-align:right;overflow:hidden;} 
.point-info-list:before{display:block;content:"\f1c0";position:absolute;top:-13px;left:-3px;font:normal normal normal 14px/1 FontAwesome;font-size:88px;color:rgba(0,0,0,.1);} 
 
/*-------------------------------------------------- 
    // [Point Purchase Success] 
---------------------------------------------------- */ 
 
 
/*-------------------------------------------------- 
    [step progress] 2017.09.19 jinho 
---------------------------------------------------- */ 
.mgb_step_form_wrap{margin:0 0 30px 0;padding:45px 0 0 0;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;background:#fff;} 
.mgb_step_bar{position:relative;margin:0 0 50px 0;padding:0;} 
.mgb_step_bar .step_progressbar{position:relative;margin:0;padding:0;position:absolute;top:39px;left:8%;width:83%;height:10px;background:#ccc;} 
.mgb_step_bar.step5 .step_progressbar{left:9%;width:81%;} 
.mgb_step_bar.step6 .step_progressbar{left:8%;width:83%;} 
.mgb_step_bar .step_progressbar .progress{display:block;position:absolute;top:0;left:0;width:0%;height:100%;background:#1698dc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} 
.mgb_step_bar .step_list{position:relative;margin:0;padding:0;list-style:none;} 
.mgb_step_bar .step_list:after{display:block;content:"";clear:both;} 
.mgb_step_bar .step_list li{float:left;width:25%;text-align:center;} 
.mgb_step_bar.step5 .step_list li{width:20%;} 
.mgb_step_bar.step6 .step_list li{width:16.66%;} 
.mgb_step_bar .step_list li .step_num{display:block;margin:0 0 10px 0;font-size:12px;color:#818181;} 
.mgb_step_bar .step_list li .step_dot{display:inline-block;position:relative;margin:0 0 5px 0;width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;cursor:pointer;} 
.mgb_step_bar .step_list li .step_dot:after{display:block;content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#ccc;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} 
.mgb_step_bar .step_list li .step_dot:before{display:none;content:"";position:absolute;top:50%;left:50%;width:35px;height:35px;border:3px solid #f0ad4e;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;box-sizing:border-box;} 
.mgb_step_bar .step_list li .step_desc{margin:0;padding:0;font-size:12px;color:#717171;} 
 
.mgb_step_bar .step_list li.active .step_dot, 
.mgb_step_bar .step_list li.done .step_dot, 
.mgb_step_bar .step_list li.done .step_dot:after{background:#1698dc;} 
.mgb_step_bar .step_list li.active .step_num{font-weight:bold;color:#414141;} 
.mgb_step_bar .step_list li.active .step_dot:after{background:#fff;} 
 
.mgb_step_bar .step_list li.active .step_dot:before, 
.mgb_step_bar .step_list li.done .step_dot:before{border-color:#f0ad4e;} 
 
.mgb_step_content{margin:0 0 40px 0;} 
.mgb_step_bgn button{margin:0 5px;} 
 
@media (max-width:768px){ 
    .mgb_step_form_wrap{padding:18px 0 0 0;} 
    .mgb_step_bar{margin:0 0 15px 0;} 
    .mgb_step_bar .step_progressbar{top:37px;height:5px;} 
    .mgb_step_bar .step_list li .step_dot{width:20px;height:20px;} 
    .mgb_step_content{margin:0 0 13px 0;} 
 
} 
 
/*-------------------------------------------------- 
    // [step progress] 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [modal] 2017.10.31 jinho 
---------------------------------------------------- */ 
 
.main_modal { 
    padding:30px; 
    left:50%; 
    top:50%; 
    position:fixed; 
    z-index:1100; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px; 
    border-radius:4px 
} 
@media (max-width:767px) { 
    .main_modal frame { 
        width:320px 
    } 
} 
.main_modal.size-m { 
    width:900px; 
    height:600px; 
    margin-left:-450px; 
    margin-top:-300px 
} 
@media (min-width:991px){ 
    .modal-open .blog-topbar, 
    .modal-open .navbar, 
    .modal-open .floatingMenu{padding-right:17px;} 
} 
@media (max-width:991px) { 
    .main_modal.size-m { 
        width:600px; 
        height:400px; 
        margin-left:-300px; 
        margin-top:-200px 
    } 
} 
@media (max-width:767px) { 
    .main_modal.size-m { 
        width:300px; 
        height:200px; 
        margin-left:-150px; 
        margin-top:-100px 
    } 
} 
.main_modal.size-l { 
    width:700px; 
    height:500px 
} 
.main_modal.size-s { 
    width:500px; 
    height:300px 
} 
.modal-bg { 
    position:fixed; 
    height:100%; 
    width:100%; 
    background-color:#000; 
    opacity:.5; 
    top:0; 
    left:0; 
    z-index:1000; 
} 
.modal-close { 
    color:#b1b0ac; 
    font-size:30px; 
    line-height:.5; 
    position:absolute; 
    top:10px; 
    right:10px; 
    font-weight:700; 
    cursor:pointer 
} 
.modal-close:hover { 
    color:#e72626 
} 
/*-------------------------------------------------- 
    // [// end modal] 
---------------------------------------------------- */ 
 
/*-------------------------------------------------- 
    [my files - page] 2017.11.02 jinho 
---------------------------------------------------- */ 
.body-contents{min-height:600px;} 
 
.upload-guid-step > div{position:relative;padding-bottom:30px;} 
.upload-guid-step > div:after{display:block;content:"\f054";position:absolute;top:50%;right:-7px;font:normal normal normal 14px/1 FontAwesome;font-size:18px;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);} 
.upload-guid-step > div:last-child:after{display:none;} 
 
.upload-guid-step i.icon-custom{width:135px;height:135px;line-height:135px;border:none;margin:0;font-size:76px;font-weight:bold;color:#2e5166;} 
 
.ftp-box{position:relative;overflow:hidden;} 
.ftp-box:before{display:block;content:"\f0ed";position:absolute;top:-40px;right:-18px;font:normal normal normal 14px/1 FontAwesome;font-size:270px;color:rgba(0,0,0,.05);} 
 
 
@media (max-width: 767px){
    .upload-guid-step > div{margin:0 0 15px 0;padding-bottom:15px;} 
    .upload-guid-step > div:after{content:"\f078";top:100%;right:50%;-webkit-transform:translate(50%, 0);-moz-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0);} 
 
} 
.team-v7 .team-arrow-right:before{right:-15px;border-width:15px 0 15px 20px;border-color: transparent transparent transparent #f7f7f7;} 
.team-v7 .team-arrow-left:before{left:-15px;border-width:15px 20px 15px 0;} 
.mgb-manual-wrap{margin:0;padding:0;} 
.mgb-manual-wrap .mgb-manual{display:table;margin:0 0 20px 0;width:100%;border:6px solid #f7f7f7;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;table-layout:fixed;} 
.mgb-manual-wrap .mgb-manual .mgb-manual-img{display:table-cell;width:50%;padding:20px;vertical-align:middle;} 
.mgb-manual-wrap .mgb-manual .mgb-manual-cont{display:table-cell;width:50%;padding:20px 40px;vertical-align:middle;} 
.mgb-manual-wrap .mgb-manual .mgb-manual-img{text-align:center;} 
.mgb-manual-wrap .mgb-manual .mgb-manual-img img{display:inline-block;max-width:100%;height:auto;border:none;} 
 
@media (max-width:992px){ 
    .mgb-manual-wrap .mgb-manual{margin:0 0 20px 0;border:12px solid #f9f9f9;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;} 
    .mgb-manual-wrap .mgb-manual .mgb-manual-img, 
    .mgb-manual-wrap .mgb-manual .mgb-manual-cont{display:block;width:100%;border-radius:0 !important;} 
    .mgb-manual-wrap .mgb-manual:nth-child(even) .mgb-manual-cont{text-align:left;} 
    .team-v7 .team-arrow-right:before{right:auto;left:50%;top:auto;bottom:-15px;border-width:15px 10px 0 10px;border-color:#fff transparent transparent transparent;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} 
    .team-v7 .team-arrow-left:before{right:auto;left:50%;top:-15px;bottom:auto;margin:0;border-width:0 10px 15px 10px;border-color:transparent transparent #fff transparent;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} 
} 
@media (max-width:768px){ 
    .mgb-manual-wrap .mgb-manual .mgb-manual-img, .mgb-manual-wrap .mgb-manual .mgb-manual-cont{padding:20px 15px;} 
} 
/*-------------------------------------------------- 
    // [// my files - page] 
---------------------------------------------------- */ 
/*.tab-v2 .tab-content{padding:20px;}
 
 
.mgb-panel h5{margin-bottom:8px;font-size:16px;} 
.mgb-panel .contex-bg p{margin-bottom:15px;} 
.mgb-panel .bg-info{background-color:#f0f8fb;} 
.mgb-panel .headline{margin:10px 0 13px 0;} */
 
 
/*-------------------------------------------------- 
    [Point History] 2017.09.25 seohee 
---------------------------------------------------- */ 
 
.custom_his_table thead tr th { 
    background-color: #E1E1E1; 
    text-align: center; 
} 
.custom_his_table tbody tr td { 
    vertical-align: middle; 
} 
.custom_his_table tbody tr td:not(.left) { 
    text-align: center; 
} 
 
 
/*-------------------------------------------------- 
    // [Point History] 
---------------------------------------------------- */ 
 
 
/*-------------------------------------------------- 
    [no data icon] 2017.09.29 seohee 
---------------------------------------------------- */ 
.no_cont::before{ 
    width:120px; 
    height:120px; 
    display:block; 
    margin:0 auto 6px; 
    content:''; 
    background-image:url('https://d14rou3pdf9zu2.cloudfront.net/glb/common/img_no_cont.png');
    background-attachment:scroll; 
    background-position-x:center; 
    background-position-y:center; 
    background-size:auto; 
    background-origin:padding-box; 
    background-clip:border-box; 
    background-color:#f0f8fb; 
    -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; 
    background-repeat:no-repeat; 
    background-size:cover; 
} 
 
.no_cont{ 
    padding-top:60px; 
    padding-bottom:60px; 
    text-align:center; 
    position:relative; 
} 
/*-------------------------------------------------- 
    // [no data icon] 
---------------------------------------------------- */ 
 
.list-group-item { 
    position: relative; 
    display: block; 
    padding: 10px 15px; 
    margin-bottom: -1px; 
    background-color: #fff; 
    border: 1px dotted #cfcfcf; 
} 
 
input, form { 
    color:#333; 
 
} 
 
/*-------------------------------------------------- 
    [FAQ] 
---------------------------------------------------- */ 
 
#accordion .panel-default{border:none;box-shadow:none;} 
 
 
.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body { 
    border-top: none; 
} 
.acc-v1 .panel-heading a { 
    font-size: 14px; 
    padding: 10px 20px 15px 0;
    background:#fff; 
    color: #3498db; 
    border-bottom: 2px solid #3498db; 
    font-weight: bold; 
} 
.acc-v1.plus-toggle .panel-heading a.collapsed { 
    color: #000000; 
    border-bottom: 2px solid #efefef; 
} 
.acc-v1 .panel-heading a.collapsed .tab-icon { 
    color: #000000; 
} 
.acc-v1 .panel-heading a .tab-icon { 
    font-size: 20px; 
    color: #3498db; 
    vertical-align: middle; 
} 
.acc-v1 .panel-heading a:hover .tab-icon { 
    font-size: 20px; 
    color: #3498db; 
    vertical-align: middle; 
} 
.acc-v1 .panel-heading a:hover { 
    text-decoration: none; 
    color: #3498db; 
} 
.acc-v1.plus-toggle .panel-heading a.collapsed:hover { 
    color: #3498db; 
} 
.panel-heading { 
    position: relative; 
} 
/* Plus Toggle */ 
.acc-v1.plus-toggle .panel-heading a:before { 
    color: #3498db; 
    font-size: 12px; 
    content: "\f063"; 
    line-height: 12px; 
    position: absolute; 
    right: 0; 
    top: 18px; 
    background: transparent; 
    font-family: FontAwesome; 
} 
.acc-v1.plus-toggle .panel-heading a.collapsed:before { 
    content: "\f061"; 
    color: #000000; 
} 
 
/*-------------------------------------------------- 
    [AboutUs] 
---------------------------------------------------- */ 
.tooltip-inner{min-width:200px;}

.aboutus-wrap .about-box{padding:0 10%;text-align:center;}
.aboutus-wrap .about-box .about-img{margin-bottom:20px;text-align:center;}
.aboutus-wrap .about-box .about-img img{display:inline-block;}
.aboutus-wrap .about-box h4{margin-bottom:20px;font-size:24px;font-weight:bold;}
.aboutus-wrap .about-box p{font-size:18px;}

/*.scientific-advisor {padding-left:95px;}
.scientific-advisor-info{position: relative;padding: 25px 25px 25px 125px;} 
.scientific-advisor-img{top:50%;left:-95px;width:190px;height:190px;margin-top:-95px;position:absolute;overflow:hidden;}

@media (max-width:768px){ 
    .scientific-advisor{padding-left:0;padding-top:95px;} 
    .scientific-advisor-info{padding:125px 25px 25px 25px;} 
    .scientific-advisor-img{top:-95px;left:50%;margin-top:0;margin-left:-95px;} 
} */
 
.comments-sub { 
    background: #eee; 
    padding: 20px 30px; 
    position: relative; 
} 
.isc-contents blockquote{padding-left:40px;} 
@media (min-width: 768px){ 
    .comments-sub:before { 
        width: 0; 
        height: 0; 
        top: 20px; 
        left: -17px; 
        content: " "; 
        position: absolute; 
        border-style: solid; 
        border-width: 15px 17px 15px 0; 
        border-color: transparent #eee transparent transparent; 
    } 
}
@media (min-width: 420px){
    .aboutus-wrap .about-box h4{font-size:20px;}
    .aboutus-wrap .about-box p{font-size:16px;}
}

    .comments-sub{
    background-color: #eee; 
    padding: 20px 30px 25px 30px; 
    -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px; 
} 
 
.comments-sub p{ 
    font-size:15px; 
} 
 
.aboutUs_icon{
    display:block;
    font-size: 8em; 
    color: #4ea4e3;
    text-align:center;
} 
 
[alt="aboutUs_image"]{ 
    padding-top: 40px; 
    width: 120px; 
    display:block; 
    margin:0 auto; 
} 
 
.no-margin-bottom{ 
    text-align: left; 
}
@media (max-width: 992px){
    .aboutUs_icon{font-size:6em;}
}

@media (max-width: 768px){ 
    .aboutUs_icon{ 
        display:block; 
        text-align:center; 
    } 
    [alt="aboutUs_image"]{ 
        display:block; 
        padding-top:0; 
        margin:0 auto 
    } 
    .comments-sub:after { 
        width: 0; 
        height: 0; 
        top: -17px; 
        left: 50%; 
        content: " "; 
        position: absolute; 
        border-style: solid; 
        border-width: 0 15px 17px 15px; 
        border-color: transparent transparent #eee transparent; 
        -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); 
    } 
    .isc-contents h3, 
    .isc-contents h5{ 
        text-align:center; 
    } 
    .isc-contents blockquote{padding:5px 15px;border:none;} 
} 
 
/* Add here all your css styles (customizations) */ 

/*-------------------------------------------------- 
    [Privacy, Terms of Service] 
---------------------------------------------------- */
.privacy-contents{position:relative;padding-top:40px;}
.privacy-contents .policy-date{position:absolute;top:0;right:0;}
.privacy-contents .policy-date > *{display:block;text-align:right;font-size:12px;}
.privacy-contents .policy-date > *:first-of-type{margin-bottom:10px;}
.privacy-contents > p, .privacy-contents>ul>p{ 
    font-size: 14px;
} 
.privacy-contents>h3{
    font-weight: bold;
} 
.privacy-contents>h4{
    font-weight: bold; 
}

.loading_section { 
    display: none; 
    opacity: 0; 
    -webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s; 
} 
.loading_section.on { 
    display: block; 
    opacity: 1; 
} 
.img_loading { 
    position: fixed; 
    z-index: 2000; 
    width: 100px; 
    height: 100px; 
    top: 50%; 
    left: 50%; 
    margin: -50px 0 0 -50px; 
    background: url(https://d14rou3pdf9zu2.cloudfront.net/glb/common/loading_img.gif) 50% 50% no-repeat #fff;
    border-radius: 200px; 
    background-size: 90px auto; 
} 
.bg_loading { 
    position: fixed; 
    z-index: 1000; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    background: #000; 
    opacity: .7; 
} 
 
/*-------------------------------------------------- 
    [login] 
---------------------------------------------------- */ 
#login { 
    border: solid 1px #eee; 
    padding: 30px;
    max-width:367px;
    margin:0 auto;
} 
button.btn.rounded.btn-23andme { 
    background-color: transparent; 
    border-color: #6bb130; 
    color: #6bb130; 
} 
button.btn.rounded.btn-facebook { 
    background-color: transparent; 
    border-color: #4863ae; 
    color: #4863ae; 
} 
button.btn.btn-block.btn-lg.btn-23andme-inversed { 
    background-color: transparent; 
    border-color: #6bb130; 
    color: #6bb130; 
} 
.btn-23andme-inversed img, 
.btn-23andme img{ 
    width:15px; 
    height:20px; 
}
.login-block .alert-danger{font-size:13px;
    -ms-word-break: break-all;
    word-break: break-all;}
.sns-badge{display:inline-block;margin-right:5px;padding:2px 8px;font-size:11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.sns-badge.kakao{background:#FEE339;color:#181601;}
.sns-badge.facebook{background:#4863ae;color:#fff;}
.sns-badge.apple{background:#000;color:#fff;}
/*-------------------------------------------------- 
    [site map] 
---------------------------------------------------- */ 
.sitemap-wrap{} 
.sitemap-item{margin:0 0 40px 0;} 
.sitemap-item .inner{position:relative;overflow:hidden;} 
.sitemap-item .sitemap-head{position:relative;padding:64px 10px 10px 15px;background:#f9f9f9;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;overflow:hidden;} 
.sitemap-item .sitemap-head h2{margin:0;padding:0;font-size:18px;line-height:normal;font-weight:bold;color:#fff;} 
.sitemap-item .sitemap-head h2 a{color:#fff;} 
.sitemap-item .sitemap-head span{display:block;margin:0;position:absolute;top:-6px;right:-6px;font-size:88px;font-weight:bold;color:rgba(0,0,0,.3);} 
.sitemap-item .sitemap-body{padding:10px 0;} 
.sitemap-item .sitemap-body .categories{} 
.sitemap-item .sitemap-body .categories li{margin:2px 0;} 
.sitemap-item .sitemap-body .categories li a{display:block;padding:5px;font-size:14px;} 
.sitemap-item .sitemap-body .categories li a:hover{background:#f9f9f9;} 
.sitemap-item .sitemap-body .categories li a i{margin:0 7px 0 0;} 
 
 
/*-------------------------------------------------- 
    [floating menu] 
---------------------------------------------------- */ 
.floatingMenu{position:fixed;top:21%;right:0;z-index:999;}
.floatingMenu .nav_trigger{display:none;} 
.floatingMenu ul{margin:0;padding:0;list-style:none;} 
.floatingMenu ul li{margin:0 0 8px;} 
.floatingMenu ul li a{display:block;position:relative;width:100px;text-align:center; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.floatingMenu ul li a .fmIcon{height:77px;line-height:77px;background:#c4cad1; 
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    transition: all .2s ease;} 
.floatingMenu ul li a .fmIcon img{display:inline-block;} 
.floatingMenu ul li a span{display:block;padding:4px 0;font-family:'Encode Sans', sans-serif;font-size:16px;font-weight:600;color:#fff;background:#a7acb2; 
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    transition: all .2s ease;} 
.floatingMenu ul li a:hover .fmIcon{background:#3fa9ef;} 
.floatingMenu ul li a:hover span{background:#78c3f4;} 
 
.modal-open{right:17px;} 
 
@media (max-width:1024px){ 
    .floatingMenu{top:inherit;bottom:50px;right:13px;overflow:hidden;} 
    .floatingMenu .nav_trigger{display:block;width:33px;margin-top:10px;height:33px;background:#3fa9ef;line-height:33px;border-radius:50%;text-align:center;
        opacity: 0.8; 
        -webkit-transition: all .1s ease; 
        -moz-transition: all .1s ease; 
        -ms-transition: all .1s ease; 
        -o-transition: all .1s ease; 
        transition: all .1s ease;} 
    .floatingMenu .nav_trigger i{font-size:12px;color:#fff;vertical-align:middle;} 
    .floatingMenu ul{visibility:hidden;height:0; 
        -webkit-transition: none; 
        -moz-transition: none; 
        -ms-transition: none; 
        -o-transition: none; 
        transition: none; 
    } 
    .floatingMenu ul li{transform:scale(0); 
        -webkit-transition: none; 
        -moz-transition: none; 
        -ms-transition: none; 
        -o-transition: none; 
        transition: none;} 
    .floatingMenu ul li a{position:relative;width:33px;} 
    .floatingMenu ul li a .fmIcon{height:33px;line-height:33px;background:#3fa9ef;border-radius:50%;overflow:hidden;} 
    .floatingMenu ul li a .fmIcon img{width:18px;} 
    .floatingMenu ul li a span{display:none;} 
 
    .floatingMenu.nav-is-visible ul li:nth-child(3){ 
        -webkit-transition-delay: 0.05s; 
        -moz-transition-delay: 0.05s; 
        -ms-transition-delay: 0.05s; 
        -o-transition-delay: 0.05s; 
        transition-delay: 0.05s;} 
    .floatingMenu.nav-is-visible ul li:nth-child(2){ 
        -webkit-transition-delay: 0.15s; 
        -moz-transition-delay: 0.15s; 
        -ms-transition-delay: 0.15s; 
        -o-transition-delay: 0.15s; 
        transition-delay: 0.15s;} 
    .floatingMenu.nav-is-visible ul li:nth-child(1){ 
        -webkit-transition-delay: 0.25s; 
        -moz-transition-delay: 0.25s; 
        -ms-transition-delay: 0.25s; 
        -o-transition-delay: 0.25s; 
        transition-delay: 0.25s;} 
 
    .floatingMenu .nav_trigger:hover{opacity:1;} 
 
    .floatingMenu.nav-is-visible .nav_trigger{opacity:1;} 
    .floatingMenu.nav-is-visible .nav_trigger i:before{content:"\f00d";} 
    .floatingMenu.nav-is-visible ul{visibility:visible;height:100%; 
        -webkit-transition: all .1s ease; 
        -moz-transition: all .1s ease; 
        -ms-transition: all .1s ease; 
        -o-transition: all .1s ease; 
        transition: all .1s ease; 
    } 
    .floatingMenu.nav-is-visible ul li{ 
        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
        -webkit-transition: all .1s ease; 
        -moz-transition: all .1s ease; 
        -ms-transition: all .1s ease; 
        -o-transition: all .1s ease; 
        transition: all .1s ease;} 
} 
 
/*-------------------------------------------------- 
    [layerpopup css] 
---------------------------------------------------- */ 
#imageCropModal{background:rgba(0,0,0,.5);} 
 
@media (min-width: 900px){ 
    #happywinedayPopup .modal-dialog{width:768px;margin-top:10%;} 
} 
 
/*HAAPY WINE DAY*/ 
/*#happywinedayPopup .modal-content{border:none;}
#happywinedayPopup .modal-content button.close{position:absolute;top:6px;right:12px;float:none;z-index:10;font-size:32px;} 
#happywinedayPopup .modal-body{padding:78px 0 60px;background:url(/resources/images/popup/wineday-bg.png) no-repeat 50% 50% / cover;} 
#happywinedayPopup .modal-body h2{margin:0 0 6px;padding:0;line-height:normal;font-family:'Open Sans';font-size:50px;font-weight:700;color:#3d9b93;letter-spacing:-2.5px;} 
#happywinedayPopup .modal-body h2 em{font-style:normal;color:#a3407c;} 
#happywinedayPopup .modal-body .ribbon{position:relative;margin:0 auto 10px;width:335px;height:37px;line-height:37px;background:#531931;z-index:5;outline:2px solid #fff;} 
#happywinedayPopup .modal-body .ribbon:before, 
#happywinedayPopup .modal-body .ribbon:after{display:block;content:"";position:absolute;top:8px;width:0;height:0;border-style:solid;z-index:-1;} 
#happywinedayPopup .modal-body .ribbon:before{border-color:#531931 #531931 #531931 transparent;left:-58px;border-width:19px 50px 18px 25px;} 
#happywinedayPopup .modal-body .ribbon:after{border-color:#531931 transparent #531931 #531931;right:-58px;border-width:19px 25px 18px 50px;} 
#happywinedayPopup .modal-body .ribbon p{margin:0;padding:0;font-size:24px;font-weight:bold;color:#fff;} 
#happywinedayPopup .modal-body p{font-family:'Open Sans';font-weight:600;font-size:14px;color:#777;} 
#happywinedayPopup .modal-body p strong{color:#bf6096;} 
#happywinedayPopup .modal-body p a{font-weight:bold;color:#bf6096;text-decoration:underline;} 
#happywinedayPopup .modal-footer{padding:10px;text-align:left;} 
#happywinedayPopup .modal-footer .sky-form{display:inline-block;} 
 
@media (max-width: 800px){ 
    #happywinedayPopup .modal-body{padding:62px 5% 55px;} 
    #happywinedayPopup .modal-body h2{font-size:40px;} 
    #happywinedayPopup .modal-body .ribbon{height:33px;line-height:33px;} 
    #happywinedayPopup .modal-body .ribbon:before{border-width:16px 50px 16px 25px;} 
    #happywinedayPopup .modal-body .ribbon:after{border-width:16px 25px 16px 50px;} 
    #happywinedayPopup .modal-body .ribbon p{font-size:20px;} 
    #happywinedayPopup .modal-body p{font-size:12px;} 
 
} 
@media (max-width: 512px){ 
    #happywinedayPopup .modal-body h2{line-height:45px;} 
    #happywinedayPopup .modal-body .ribbon{width:66%;} 
} */
 
/*-------------------------------------------------- 
    [app promo css] 
---------------------------------------------------- */ 
.app_promo{margin:0 auto;padding:0 5%;max-width:640px;text-align:center;} 
.app_promo_logo{display:inline-block;} 
.app_promo_btn_wrap{margin-bottom:50px;} 
.app_promo_btn_wrap a{display:block;margin:0 auto;} 
.app_promo_btn_wrap a img{display:inline-block;max-width:100%;height:auto;} 
.app_promo_img{display:inline-block;border:2px solid #dedede;padding:10px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px;} 
.app_promo_img img{display:block;max-width:100%;height:auto;border:none;} 
 
 
/*-------------------------------------------------- 
    [ngs css] 
---------------------------------------------------- */ 
.ngs-wrap .img-desc{font-size:16px;} 
.app-product-info .lead{font-size:18px;} 
.ngs-wrap .dcp-desc{font-size:17px;} 
 
.down-wrap{margin-bottom:50px;} 
.down-wrap .dp-inline-block{position:relative;} 
.ngs-table{padding:0;width:100%;border:2px solid #a0a0a0;background:#fafafa;} 
.ngs-table th{padding:5px 0;text-align:center;border:1px solid #a0a0a0;font-size:14px;font-weight:normal;} 
.ngs-table td{padding:8px 10px;font-size:14px;text-align:center;border:1px solid #a0a0a0;white-space:nowrap;} 
.ngs-table td img{margin:0 auto;max-width:110px;} 
.ngs-table td .price{font-size:13px;color:#a0a0a0;text-decoration:line-through;} 
.ngs-table td .per{font-size:15px;font-weight:bold;color:#3498db;} 
.ngs-table td .price_disc{font-size:18px;color:#000;} 
.ngs-ul{padding:0;list-style:none;} 
.ngs-ul li{margin-bottom:30px;} 
.ngs-ul li h5{font-weight:bold;} 
 
 
.tr-bg-blue{background:#D8EDF6;} 
.tr-bg-green{background:#DEEFD8;} 
.tr-bg-yellow{background:#FCF7E3;} 
.tr-bg-red{background:#F1DDDD;} 
 
 
.highlights-img{margin:0 auto;} 
.highlights dl{padding-left:30px;} 
.highlights dl dt{position:relative;margin-bottom:5px;font-size:16px;color:#3376B2;font-weight:normal;} 
.highlights dl dt:after{display:block;content:"▶";position:absolute;top:0;left:-20px;color:#3376B2;} 
.highlights dl dd{margin-bottom:20px;font-size:15px;} 
 
.down-option{position:absolute;top:68px;right:0;padding:10px;width:364px;background:#fff;z-index:999;opacity:0;visibility:hidden; 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    -ms-transition: all .3s ease; 
    -o-transition: all .3s ease; 
    transition: all .3s ease; 
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.3); 
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.3); 
    box-shadow: 0 0 25px rgba(0,0,0,.3); 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;} 
.down-option:before{display:block;content:"";position:absolute;bottom:100%;width:100%;height:20px;} 
.down-option:after{display:block;content:"";position:absolute;bottom:100%;right:30px;border-bottom:20px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;} 
.down-option .headline{margin:0;text-align:left;} 
.ngs-wrap .down-option .headline h2{white-space:nowrap;font-size:22px;} 
.down-option ul{margin:0;padding:20px 0 10px;list-style:none;font-size:0;} 
.down-option ul:after{display:block;content:"";clear:both;} 
.down-option ul li{display:inline-block;margin-bottom:15px;padding:0 10px;width:33.33%;text-align:center;} 
.down-option ul li img{display:block;margin:0 auto 10px;max-width:100%;height:auto;} 
.down-option ul li span{display:block;font-size:14px;white-space:nowrap;} 
 
.down-wrap .dp-inline-block:hover .down-option{opacity:1;visibility:visible;} 
 
@media (max-width: 992px){ 
    .down_btn{display:none;} 
} 
 
@media (max-width: 768px){ 
    .highlights{padding-top:0px;} 
} 
 
@media (max-width: 425px){ 
    .ngs-wrap .img-desc{font-size:12px;} 
    .ngs-wrap h3{font-size:16px;} 
    .down-option{width:auto;min-width:280px;;} 
    .down-option .headline h2{font-size:18px;} 
    .down-option ul li span{font-size:12px;} 
    .ngs-wrap .dcp-desc{font-size:13px;} 
    .ngs-table td img{width:60px;} 
} 
 
#security{display:block;position:absolute;top:-120px;} 
@media (max-width: 992px){ 
    #security{top:-46px;} 
} 
 
/*advisory*/ 
.advisory-list{position:relative;} 
.advisory-list ul{margin:0 -100px;padding:0;list-style:none;font-size:0;} 
.advisory-list ul:after{display:block;content:"";clear:both;} 
.advisory-list ul li{display:inline-block;margin-bottom:40px;padding:0 100px;width:33.33%;text-align:center;vertical-align:top;}
.advisory-list ul li a{display:block;opacity:1;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} 
.advisory-list ul li a .advisory-img{position:relative;margin:0 auto 20px;padding-bottom:100%;width:100%;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} 
.advisory-list ul li a .advisory-img .inner{position:absolute;top:50%;left:50%;width:108%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} 
.advisory-list ul li a .advisory-img .inner img{display:block;width:100%;height:auto;border:none;} 
.advisory-list ul li a .advisory-info{position:relative;overflow:hidden;} 
.advisory-list ul li a .advisory-info .advisory-name{margin:0 0 10px;font-size:25px;font-weight:bold;color:#0497e0;font-family: 'Roboto', Arial, sans-serif;} 
.advisory-list ul li a .advisory-info .advisory-position{display:block;line-height:18px;font-size:15px;color:#9fa0a0;font-family: 'Roboto', Arial, sans-serif;}
.advisory-list ul li a .advisory-info .advisory-desc{display:none;} 

.item-list ul{margin:0 -20px;padding:0;list-style:none;font-size:0;}
.item-list ul:after{display:block;content:"";clear:both;}
.item-list ul li{display:inline-block;margin-bottom:40px;padding:0 20px;width:25%;text-align:center;vertical-align:top;}
.item-list ul li a{display:block;opacity:1;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.item-list ul li a .item-img{position:relative;margin:0 auto 20px;padding-bottom:60%;width:100%;overflow:hidden;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.item-list ul li a .item-img img{display:block;max-width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.item-list ul li a .item-info{position:relative;overflow:hidden;}
.item-list ul li a .item-info .name{margin:0 0 10px;font-size:20px;color:#0497e0;}
.item-list ul li a .item-info .desc{font-size:14px;color:#999;}
.item-list ul li a .item-info .info,
.item-list ul li a .item-info .link{display:none;}

.about-popup .modal-dialog{width:1024px;top:50%;-webkit-transform: translateY(-50%) !important;-moz-transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-o-transform: translateY(-50%) !important;transform: translateY(-50%) !important;}
.about-popup .modal-header .close{opacity:1;}
.about-popup .modal-header .close img{width:20px;}
.about-popup .modal-dialog .modal-content{border:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.about-popup .modal-dialog .modal-content .modal-header{border:none;}
.about-popup .modal-dialog .modal-body{position:relative;padding:0 0 50px 409px;}
.about-popup .modal-dialog .modal-body .modal-advs-img{position:absolute;top:0;left:0;width:409px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 10px rgba(0,0,0,.3);box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.about-popup .modal-dialog .modal-body .modal-advs-img img{display:block;width:100%;}
.about-popup .modal-dialog .modal-body .modal-advs-info{padding:30px 40px 30px 40px;min-height:400px;}
.about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-name{margin-bottom:15px;line-height:40px;font-size:38px;font-weight:bold;color:#616161;}
.about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-pos{display:block;position:relative;margin-bottom:30px;padding-bottom:30px;font-size:18px;color:#9fa0a0;}
.about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-pos:after{display:block;content:"";position:absolute;bottom:0;left:0;width:60px;height:5px;background:#0497e0;}
.about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-pos br{display:none;}
.about-popup .modal-dialog .modal-body .modal-advs-info p{font-size:16px;line-height:24px;color:#9fa0a0;text-align:justify;word-break:break-word;}

#partnerModal .modal-dialog .modal-body{padding:0 0 0 409px;}
#partnerModal .modal-dialog .modal-body .modal-advs-img{position:absolute;top:50%;left:18px;padding:0 2%;width:409px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
#partnerModal .modal-dialog .modal-body .modal-advs-img img{margin:0 auto;}
@media(min-width:1200px){ 
    .advisory-list.showing ul li a{opacity:0.6;} 
    .advisory-list.showing ul li a .advisory-img{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);} 
    .advisory-list.showing ul li a.show{opacity:1;} 
    .advisory-list.showing ul li a.show .advisory-img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
    #partnerModal .modal-dialog,
    #advisoryModal .modal-dialog{width:1024px;}
}

@media(max-width:1200px){
    .advisory-list ul{margin:0 -57px;}
    .advisory-list ul li{padding:0 57px;}
    .about-popup .modal-dialog{margin:0 auto;width:90%;}
}

@media(min-width:1024px){
    .short-page{min-height:589px;}
    .about-popup .modal-dialog{margin:0 auto;width:90%;}
    #appPartner ul li{width:16.66%;}
    #sequencingPartner ul li{width:20%;}
    #mgbService ul li{width:33.33%;}
}

@media(max-width:992px){
    .advisory-list ul li{width:50%;}
    .about-popup .modal-dialog .modal-body,
    #partnerModal .modal-dialog .modal-body{position:relative;padding:0 0 50px 300px;}
    .about-popup .modal-dialog .modal-body .modal-advs-img,
    #partnerModal .modal-dialog .modal-body .modal-advs-img{width:300px;}
    .about-popup .modal-dialog .modal-body .modal-advs-info{padding:20px 8% 0;}
 
} 
@media(max-width:768px){
    .item-list ul{margin:0;}
    .item-list ul li{width:33.33%;padding:0 5%;}
    .advisory-list ul{margin:0 -5%;}
    .advisory-list ul li{padding:0 5%;}
    .about-popup .modal-dialog{top:20px;margin-bottom:20px;-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important;}
    .about-popup .modal-dialog .modal-body,
    #partnerModal .modal-dialog .modal-body{padding:0 8% 50px;}
    .about-popup .modal-dialog .modal-body .modal-advs-img,
    #partnerModal .modal-dialog .modal-body .modal-advs-img{position:static;width:auto;-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important;}
    .about-popup .modal-dialog .modal-body .modal-advs-info{padding:20px 0;min-height:auto;}
 
} 
@media(max-width:425px){
    .advisory-list ul{margin:0;}
    .item-list ul li,
    .advisory-list ul li{width:50%;padding:0 5%;}
    .about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-name{margin-bottom:10px;font-size:24px;line-height:30px;}
    .about-popup .modal-dialog .modal-body .modal-advs-info .modal-advs-pos{margin-bottom:20px;padding-bottom:20px;font-size:16px;}
    .about-popup .modal-dialog .modal-body .modal-advs-info p{font-size:14px;}

    .advisory-list ul li a .advisory-info .advisory-name{font-size:18px;line-height:22px;}
    .advisory-list ul li a .advisory-info .advisory-position{font-size:12px;line-height:16px;}
} 

.wrapper{position:relative;overflow:hidden;min-height:100%;}
.entrance{min-height:100vh;background:#343434;} 
.entrance-head{position:absolute;top:0;left:0;right:0;padding-top:27px;z-index:3;}
.entrance-head:after{display:block;content:"";clear:both;} 
.entrance-head .mgb-logo{float:left;margin:0 0 0 35px;}
.entrance-head .mgb-logo img{display:block;max-width:100%;} 
.entrance-head .snb-btn{float:right;margin:0 35px 0 0;border:none;background:none;cursor:pointer;}
.entrance-head .mgb-lang{float:right;position:relative;margin:6px 30px 0 0;}
.entrance-head .mgb-lang .mgb-lang-btn{padding:1px 10px;width:90px;border:1px solid #fff;background:transparent;font-size:13px;color:#fff;text-align:left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.entrance-head .mgb-lang .mgb-lang-btn i{float:right;margin-top:4px;}
.entrance-head .mgb-lang .lang-menu{position:absolute;top:110%;left:0;margin:0;padding:5px 10px;width:100%;background:#fff;text-align:left;list-style:none;opacity:0;visibility:hidden;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.entrance-head .mgb-lang .lang-menu li:first-child{border-bottom:1px solid #c0c0c0;}
.entrance-head .mgb-lang .lang-menu li a{display:block;padding:4px 0;font-size:13px;font-weight:300;color:#777}
.entrance-head .mgb-lang.show .lang-menu{opacity:1;visibility:visible;}

.entrance-head .language{float:right;position:relative;margin-right:20px;}
.entrance-head .language .lan-btn{margin:0;padding:5px 10px;border:none;background:transparent;cursor:pointer;}
.entrance-head .language .lan-btn span{font-size:20px;font-weight:bold;color:#fff;font-family:Roboto, Arial, sans-serif;}
.entrance-head .language .lan-menu{display:none;position:absolute;top:100%;left:50%;padding:0;margin-left:-50px;padding-top:5px;width:100px;text-align:center;list-style:none;}
.entrance-head .language .lan-menu:after{display:block;content:"";position:absolute;top:0;left:50%;margin-left:-5px;border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;}
.entrance-head .language .lan-menu li{}
.entrance-head .language .lan-menu a{display:block;padding:5px;background:transparent;font-size:20px;font-weight:bold;color:#fff;}
.entrance-head .language .lan-menu a:hover{color:#0591cf;}
 
.entrance-wrap{position:relative;padding-bottom:50px;min-height:100vh;background:#fff;z-index:1;}
.entrance-wrap .entrance-tit{position:relative;margin:0 0 120px;line-height:normal;font-family:'Roboto', sans-serif;font-size:110px;font-weight:900;color:#fff;text-align:center;} 
.entrance-wrap .entrance-tit:after{display:block;content:"";position:absolute;bottom:10px;left:50%;margin-left:-45%;width:90%;height:45px;background:#009add;} 
.entrance-wrap .entrance-tit span{position:relative;z-index:1;} 
 
.entrance-wrap .entrance-list{margin:0 0 70px;padding:0;list-style:none;text-align:center;} 
.entrance-wrap .entrance-list:after{display:block;content:"";clear:both;} 
.entrance-wrap .entrance-list li{display:inline-block;margin:0 15px;width:198px;vertical-align:top;} 
.entrance-wrap .entrance-list li:first-child{margin-left:0;} 
.entrance-wrap .entrance-list li:last-child{margin-right:0;} 
.entrance-wrap .entrance-list li a{ 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    -ms-transition: all .3s ease; 
    -o-transition: all .3s ease; 
    transition: all .3s ease; 
} 
.entrance-wrap .entrance-list li a .inner{} 
.entrance-wrap .entrance-list li a .item-icon{padding-top:30px;margin-bottom:15px;}
.entrance-wrap .entrance-list li a .item-icon img{display:inline-block;max-width:100%;height:auto;} 
.entrance-wrap .entrance-list li a .item-txt{display:inline-block;line-height:normal;font-family:'Roboto', sans-serif;font-size:18px;color:#909090;} 
.entrance-wrap .entrance-list li.on a{background:#0591cf;} 
.entrance-wrap .entrance-list li.on a .item-txt{color:#0095d6;}
 
.entrance-wrap .btn-wrap{text-align:center;} 
.entrance-wrap .btn-wrap .btn{margin:0 40px;padding:3px;background:transparent;border-bottom:1px solid #909090;font-size:22px;color:#909090;} 
.entrance-wrap .btn-wrap .btn:hover{background:transparent;border-bottom-color:#0591cf;color:#0591cf;} 
 
.entrance-menu-wrap{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;visibility:hidden;z-index:100;} 
.entrance-menu-wrap .menu-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);cursor:pointer;opacity:0;-webkit-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);} 
.entrance-menu-wrap .menu{position:absolute;top:0;bottom:0;right:-40%;width:40%;padding:85px 45px;background:#1a1a1a;z-index:100;overflow:auto;-webkit-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);} 
.entrance-menu-wrap .menu .close-btn{position:absolute;top:20px;right:20px;border:none;background:none;} 
.entrance-menu-wrap .menu .snb-tit{display:inline-block;margin-bottom:80px;padding-bottom:5px;font-family:'Roboto', sans-serif;font-size:40px;font-weight:bold;color:#fff;border-bottom:2px solid #0591cf;} 
.entrance-menu-wrap .menu .entrance-address{margin:0 0 100px;padding:0;font-family:'Roboto', sans-serif;} 
.entrance-menu-wrap .menu .entrance-address .tit{display:block;margin-bottom:5px;font-size:25px;font-weight:900;color:#0591cf;} 
.entrance-menu-wrap .menu .entrance-address .txt{font-size:18px;color:#c4c4c4;}
.entrance-menu-wrap .menu .entrance-address .txt a{color:#c4c4c4;}
.entrance-menu-wrap .menu .sns-list{margin:0 0 20px;padding:0 0 30px;list-style:none;border-bottom:1px solid #333333;} 
.entrance-menu-wrap .menu .sns-list li{display:inline-block;margin-right:15px;} 
.entrance-menu-wrap .menu .sns-list li img{display:block;max-width:100%;} 
.entrance-menu-wrap .menu  .copyright{margin:0;padding:0;font-size:14px;color:#c4c4c4;}
.entrance-menu-wrap.show{visibility:visible;} 
.entrance-menu-wrap.show .menu-overlay{opacity:0.4;} 
.entrance-menu-wrap.show .menu{right:0;}

.entrance-content .mb-ver{display:none;}


.cover, .cover2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,.4);opacity:0;transform-origin:50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.cover.open, .cover2.open{opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}

.open-content, .open-content2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:9999;transition: opacity .5s linear;}
.open-content.open, .open-content2.open{display:block;opacity:1;pointer-events:all;overflow-x:hidden;overflow-y:auto;}
 
.entrance-content{display:none;position:relative;margin:50px auto;padding:50px 5%;width:90%;min-height:80%;background:#343434;text-align:center; 
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.7); 
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.7); 
    box-shadow: 0 0 30px rgba(0,0,0,.7);} 
.entrance-content .container{width:90% !important;max-width:1170px;} 
.entrance-content .content-close{position:absolute;top:20px;right:20px;border:none;background:none;cursor:pointer;} 
.entrance-content .cont-tit{display:inline-block;margin-bottom:50px;line-height:52px;font-size:50px;font-weight:bold;color:#fff;border-bottom:2px solid #0591cf;} 
.entrance-content .sub-tit{margin-bottom:20px;font-size:30px;font-weight:bold;color:#0591CF;} 
.entrance-content p{line-height:26px;font-size:20px;color:#c4c4c4;} 
.entrance-content img{display:block;margin:0 auto;max-width:100%;} 
.entrance-content .box-wrap{position:relative;margin:0 20px;padding:0 10px;background:#434343;min-height:385px;
    -webkit-box-shadow: 4px 4px 30px rgba(0,0,0,.5); 
    -moz-box-shadow: 4px 4px 30px rgba(0,0,0,.5); 
    box-shadow: 4px 4px 30px rgba(0,0,0,.5);} 
.entrance-content .box-wrap .sub-tit{font-size:18px;}
.entrance-content .box-wrap p{line-height:24px;font-size:16px;}
.entrance-content .box-wrap .num{position:absolute;top:0;left:0;border:25px solid #0591CF;border-left:25px solid #0591CF;border-right:25px solid transparent;border-bottom:25px solid transparent;} 
.entrance-content .box-wrap .num span{position:absolute;top:-27px;left:-17px;font-size:22px;color:#434343;} 
.entrance-content .service-step{margin:0;padding:50px 0 0;list-style:none;} 
.entrance-content .service-step:after{display:block;content:"";clear:both;} 
.entrance-content .service-step li{position:relative;float:left;width:29%;margin-right:6.5%;} 
.entrance-content .service-step li:before{display:block;content:"\f105";position:absolute;top:50%;left:100%;margin-top:-15px;width:23%;text-align:center;font: normal normal normal 14px/1 FontAwesome;font-size:30px;color:#0591CF;} 
.entrance-content .service-step li:after{display:block;content:"";position:absolute;top:50%;left:100%;width:23%;height:2px;background:#0591CF;} 
.entrance-content .service-step li:last-child{margin-right:0;} 
.entrance-content .service-step li:last-child:before, 
.entrance-content .service-step li:last-child:after{display:none;} 
.entrance-content .service-step li .box-wrap{margin:0;padding:0 10px;} 
 
#entraceCenter .img-content-wrap{position:relative;padding-right:45%;margin-bottom:50px;min-height:290px;} 
#entraceCenter .img-content-wrap .cont-img{position:absolute;top:0;right:0;width:40%;} 
#entraceCenter .img-content-wrap .cont-img img{display:inline-block;max-width:100%;} 
#entraceCenter .img-content-wrap:last-child{padding:0 0 0 45%;margin:0;} 
#entraceCenter .img-content-wrap:last-child .cont-img{right:auto;left:0;}

.notice-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;}
.notice-popup:after{display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,.6);}
.notice-popup .inner{position:absolute;top:50%;left:50%;width:760px;padding:30px 20px;background:#343434;text-align:center;box-sizing:border-box;z-index:10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
    box-shadow: 0 0 10px rgba(0,0,0,.6);}
.notice-popup .inner .close-btn{position:absolute;top:15px;right:15px;border:none;background:none;}
.notice-popup .inner .close-btn img{width:24px;}
.notice-popup .inner > img{display:inline-block;margin-bottom:20px;}
.notice-popup .inner p{margin-bottom:30px;font-size:20px;color:#c4c4c4;}
.notice-popup .inner .btn{width:190px;margin:0 10px;padding:10px 0;background:#555;font-size:20px;color:#fff;}

.bg-white:after{background:rgba(255,255,255,.6)}
.bg-white .inner{background:#fff;}
.bg-white .inner p{color:#444;}
.bg-white .inner .btn{background:#9fa0a0;}

@media (min-width:1024px){
    .entrance-head .language:hover .lan-menu{display:block;}
}

@media (max-width:900px){
    .notice-popup .inner{width:90%;}
}
@media (max-width:580px){
    .notice-popup .inner{padding:30px 15px;}
    .notice-popup .inner p{font-size:15px;}
    .notice-popup .inner .btn{width:120px;margin:5px;padding:5px 0;font-size:14px;}
    .notice-popup .inner > img{width:50px;}
}
@media (max-width:414px){
    .notice-popup .inner p{font-size:12px;}
    .entrance-head .mgb-lang{margin-right:5px;}
}
@media (max-width:320px){
    .notice-popup .inner p{font-size:11px;}
    .notice-popup .inner .btn{width:112px;}
}

.partnership-list{margin:0 -45px;padding:0;list-style:none;}
.partnership-list:after{display:block;content:"";clear:both;}
.partnership-list li{float:left;position:relative;width:33.33%;padding:0 45px;}
.partnership-list li:after{display:block;content:"";position:absolute;top:50%;right:-24px;margin-top:-50px;width:51px;height:131px;background:url(https://d14rou3pdf9zu2.cloudfront.net/glb/entrance/partnership-arrow.png);}
.partnership-list li:last-of-type:after{display:none;}
.partnership-list li a{display:block;}

 
.slideshow {position: relative;color: #ffffff;height:600px;background:#000;} 
.s-container{position:relative;height:100%;overflow:hidden;} 
.slideshow__slide {position: absolute;top: 0;right: 0;bottom: 0;left: 0;visibility: hidden;transition: visibility 0s 1.7s;} 
.slideshow__slide.is-current {visibility: visible;transition-delay: 0s;} 
/*.js-parallax {-webkit-transform: translateZ(0);   transform: translateZ(0);will-change: transform;}*/ 
.background-absolute {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: center;background-size: cover;overflow:hidden;} 
 
.slideshow__slide.is-prev .slideshow__slide-background-parallax, 
.slideshow__slide.is-next .slideshow__slide-background-parallax {-webkit-transform: none !important;transform: none !important;} 
.slideshow__slide.is-prev-section .slideshow__slide-background-parallax, 
.slideshow__slide.is-next-section .slideshow__slide-background-parallax {-webkit-transform: none !important;transform: none !important;} 
 
.slideshow .inner {position: relative;margin: 0 auto;padding:0 20px;max-width:1024px;} 
 
.slideshow .pagination {position: absolute !important;width: 100%;text-align: center;right: 0;padding: 0 !important;bottom: 0;z-index: 999;}
.slideshow .pagination .container{padding:0;}
.slideshow .pagination__item {cursor: pointer;display: inline-block;white-space: nowrap;font-size: 0;width: 10px;height: 10px;border: 1px solid #fff;margin: 0 5px;transition: .2s ease-in-out;} 
.slideshow .pagination__item.is-current, .pagination__item:hover {background-color: #fff;} 
 
.slideshow__slide-background-wrap { 
    transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s; 
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s; 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
 
.slideshow__slide.is-prev .slideshow__slide-background-wrap { 
    -webkit-transform: translate3d(-100%, 0, 0); 
    transform: translate3d(-100%, 0, 0); 
} 
 
.slideshow__slide.is-next .slideshow__slide-background-wrap { 
    -webkit-transform: translate3d(100%, 0, 0); 
    transform: translate3d(100%, 0, 0); 
} 
 
.slideshow__slide.is-prev-section .slideshow__slide-background-wrap { 
    -webkit-transform: translate3d(-100%, 0, 0); 
    transform: translate3d(-100%, 0, 0); 
    transition: none; 
} 
 
.slideshow__slide.is-next-section .slideshow__slide-background-wrap { 
    -webkit-transform: translate3d(100%, 0, 0); 
    transform: translate3d(100%, 0, 0); 
    transition: none; 
} 
 
.slideshow__slide-background { 
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s; 
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s; 
    -webkit-transform: scale(1); 
    transform: scale(1); 
    overflow: hidden; 
} 
 
.slideshow__slide.is-prev .slideshow__slide-background, 
.slideshow__slide.is-next .slideshow__slide-background { 
    -webkit-transform: scale(0.5); 
    transform: scale(0.5); 
    transition-delay: 0s; 
} 
 
.slideshow__slide.is-prev-section .slideshow__slide-background, 
.slideshow__slide.is-next-section .slideshow__slide-background { 
    -webkit-transform: scale(0.5); 
    transform: scale(0.5); 
    transition-delay: 0s; 
    transition: none; 
} 
 
.slideshow__slide-image-wrap { 
    transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s; 
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s; 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
 
.slideshow__slide.is-prev .slideshow__slide-image-wrap { 
    -webkit-transform: translate3d(0, 0%, 0); 
    transform: translate3d(0, 0%, 0); 
} 
 
.slideshow__slide-image { 
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s; 
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s; 
    -webkit-transform: scale(1); 
    transform: scale(1); 
} 
 
.slideshow__slide.is-prev .slideshow__slide-image, 
.slideshow__slide.is-next .slideshow__slide-image { 
    -webkit-transform: scale(1.25); 
    transform: scale(1.25); 
    transition-delay: 0s; 
} 
 
.slideshow__slide.is-prev-section .slideshow__slide-image, 
.slideshow__slide.is-next-section .slideshow__slide-image { 
    -webkit-transform: scale(1.25); 
    transform: scale(1.25); 
    transition-delay: 0s; 
    transition: none; 
} 
 
.slideshow__slide-image::before, 
.slideshow__slide-image::after {display:none;content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0.35;} 
.slideshow__slide-image::before {background-color: #1e1e22;} 
.slideshow__slide-image::after {background: linear-gradient(to bottom, transparent 0%, #1e1e22 100%);} 
 
.slideshow__slide-caption-text {position: relative;height: 100%;padding-top: 11%; 
    transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; 
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
.slideshow__slide.is-prev .slideshow__slide-caption-text { 
    -webkit-transform: translate3d(-100%, 0, 0); 
    transform: translate3d(-100%, 0, 0); 
} 
.slideshow__slide.is-next .slideshow__slide-caption-text { 
    -webkit-transform: translate3d(100%, 0, 0); 
    transform: translate3d(100%, 0, 0); 
} 
.slideshow__slide.is-prev-section .slideshow__slide-caption-text { 
    -webkit-transform: translate3d(-100%, 0, 0); 
    transform: translate3d(-100%, 0, 0); 
    transition: none; 
} 
.slideshow__slide.is-next-section .slideshow__slide-caption-text { 
    -webkit-transform: translate3d(100%, 0, 0); 
    transform: translate3d(100%, 0, 0); 
    transition: none; 
}
.slideshow__slide-caption {position: relative;height: 100%; 
    -webkit-transform: translate3d(100%, 0, 0); 
    transform: translate3d(100%, 0, 0); 
    transition: -webkit-transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; 
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; 
}

.slideshow__slide[data-slide='1'] .slideshow__slide-caption-text{padding-top: 5%; }
.slideshow__slide .btn{background: #fff;font-size: 40px;color: #3d3d3d;margin-top:20px;padding: 5px 75px;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
box-shadow: 5px 5px 5px rgba(0,0,0,.2);
}
 
.is-loaded .slideshow__slide-caption { 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
 
.slideshow__slide-caption-title {line-height:77px;font-size:70px;font-weight:bold;margin-bottom:25px;color:#fff;} 
.slideshow__slide-caption-desc{font-size:35px;line-height:45px;color:#fff;margin-bottom:20px;}

.slideshow__slide-caption-subtitle.-load { 
    transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; 
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; 
    -webkit-transform: translate3d(3.75rem, 0, 0); 
    transform: translate3d(3.75rem, 0, 0); 
} 
 
.is-loaded .slideshow__slide-caption-subtitle.-load { 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
 
body[data-route-option="prev-section"] .slideshow__slide-caption-subtitle.-load, 
body[data-route-option="next-section"] .slideshow__slide-caption-subtitle.-load { 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} .c-header-home_controls
 
.slideshow__slide-caption-subtitle-label { 
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
    display: inline-block; 
} 
 
.o-hsub.-link:hover .slideshow__slide-caption-subtitle-label, 
.o-hsub-wrap:hover .slideshow__slide-caption-subtitle-label { 
    -webkit-transform: translateX(20px); 
    transform: translateX(20px); 
} 
 
.o-hsub {font-size: 18px;padding: 1.25rem 0;display: inline-block;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 500;} 
.o-hsub::before {content: "";display: inline-block;vertical-align: middle;border-bottom: 1px solid;width: 40px;background-color: #1e1e22;margin-right: 1.125rem; 
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    -webkit-transform-origin: center left; 
    transform-origin: center left; 
} 
.o-hsub.-link {color: #ffffff;text-decoration: none;} 
.o-hsub.-link:hover::before, 
.o-hsub-wrap:hover .o-hsub.-link::before {-webkit-transform: scaleX(1.5);transform: scaleX(1.5);} 
.o-section_image img {width: 100%;} 
.o-button {display: inline-block;position: absolute;top:50%;overflow: visible;width:60px;height:60px;margin: -30px 0 0 0;padding: 0;outline: 0;border: 1px solid #1e1e22;background: none;color: inherit;vertical-align: middle;text-align: center;text-decoration: none;text-transform: none;font: inherit;line-height: normal;cursor: pointer;white-space: nowrap; 
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 
.js-slider-home-prev{left:3%;} 
.js-slider-home-next{right:3%;} 
.o-button:hover { 
    text-decoration: none; 
}

.o-button:before {display: inline-block;height: 100%;content: "";vertical-align: middle;} 
.o-button > * {display: inline-block;vertical-align: middle;white-space: normal;font-size: 1rem;} 
 
.o-button::after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #1e1e22;-webkit-transform: scaleX(0);transform: scaleX(0); 
    -webkit-transform-origin: center left; 
    transform-origin: center left; 
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; 
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; 
} 
.o-button:hover {color: #ffffff;transition-delay: 0s;} 
.o-button:hover::after { 
    -webkit-transform: scaleX(1); 
    transform: scaleX(1); 
    transition-delay: 0s; 
} 
.o-button.-left::after { 
    -webkit-transform-origin: center right; 
    transform-origin: center right; 
} 
.o-button.-white {border-color: #ffffff;} 
.o-button.-white::after {background-color: #ffffff;} 
.o-button.-white:hover {color: #000000;} 
.o-button.-square {padding: 0;} 
 
.o-button_label {display: inline-block;position: relative; 
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); 
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); 
    -webkit-transform: translateX(0); 
    transform: translateX(0); 
    line-height: 1.4; 
    z-index: 2; 
    text-transform: uppercase; 
    letter-spacing: 0.12em; 
    font-weight: 500; 
    font-size: 20px; 
} 
.o-button:hover .o-button_label { 
    -webkit-transform: translateX(0.5rem); 
    transform: translateX(0.5rem); 
    transition-delay: 0.075s; 
} 
.o-button.-left:hover .o-button_label { 
    -webkit-transform: translateX(-0.5rem); 
    transform: translateX(-0.5rem); 
} 
.o-button.-square:hover .o-button_label { 
    -webkit-transform: translateX(0.375rem); 
    transform: translateX(0.375rem); 
} 
.o-button.-left.-square:hover .o-button_label { 
    -webkit-transform: translateX(-0.375rem); 
    transform: translateX(-0.375rem); 
} 
.o-button-group {margin-left: 0;letter-spacing: normal;font-size: 0;} 
 
/* 
.c-header-home_controls{margin-left:0;padding-bottom:80px;letter-spacing: normal; 
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); 
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); 
    -webkit-transform: translate3d(0, 100%, 0); 
    transform: translate3d(0, 100%, 0); 
} 
 
.is-loaded .c-header-home_controls{ 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
body[data-route-option="prev-section"] .c-header-home_controls, 
body[data-route-option="next-section"] .c-header-home_controls{ 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
} 
.c-header-home_controls {transition-delay: 0.65s;} 
@media (min-width: 700px) { 
    .c-header-home_controls {float: left;} 
} 
*/ 
 
#login{margin-top:100px;}
#login .dark-form{margin:0;}
#login h2, 
#login h4{color:#fff;} 
#login p, 
#login .login-block, 
#login .sky-form .checkbox, .sky-form .radio{color:#c4c4c4;font-size:14px;} 
#login .btn{background:#fff !important;} 
#login .input-group-addon:first-child{background:#555;border:none;border-right:1px solid #888;} 
#login .input-group .form-control{background:#555;border:none;color:#fff;}
#login .input-group #USER_PASSWD{padding-right:45px;}
.input-group .eyes{
    position: absolute;
    display: block;
    top: 50%;
    right: 14px;
    z-index: 10;
    transform: translateY(-50%);
    cursor:pointer;
}
.login-page .entrance-head .mgb-lang{display:none;}
 
.dark-form{margin-top:100px;background:transparent !important;box-shadow:none !important;color:#c4c4c4 !important;font-size:15px;}
.dark-form p{color:#c4c4c4 !important;}
.dark-form .reg-header h2{color:#fff;}
.dark-form .form-control{background:#555;border:none;color:#fff;}
.dark-form button.btn.btn-block.btn-lg.btn-23andme-inversed{background:#fff;border:none;}
.dark-form .state-error input{background:#999 !important;}

.reg-page .btn-wrap > *{display:block;width:375px;margin:0 auto 10px;}
.apple-btn img{display:block;width:100%;}
.reg-page .apple-btn .mb-ver{display:none;}

.social-login .btn-wrap{margin:0;padding:0;list-style:none;}
.social-login .btn-wrap li{margin:0 0 10px;}
.social-login .btn-wrap li a{display:block;width:100%;}
.social-login .btn-wrap li a img{display:block;width:100%;}
.social-login .btn-wrap .mb-ver{display:none;}/**/


@media (min-width:1200px){
    #entraceAbout .box-wrap .sub-tit{font-size:22px;}
}

@media (max-width:1200px){ 
    .slideshow__slide-caption-text{padding-top:16%;}
    .slideshow .inner{padding:0 90px;}
    .slideshow .slideshow__slide[data-slide='1'] .inner{padding:0;}

    .js-slider-home-prev{left:15px;} 
    .js-slider-home-next{right:15px;} 
    .entrance-wrap .entrance-list li{width:19.5%;margin:0 0 20px 0;}
} 
@media (max-width:1024px){ 
    #entraceCenter .img-content-wrap{padding:0 !important;min-height:auto;text-align:center;} 
    #entraceCenter .img-content-wrap .cont-img{position:static;width:100%;padding-top:25px;text-align:center;}
    .entrance-content .box-wrap p br{display:none;}
}
@media (max-width:900px){ 
    .entrance-content .container{width:100% !important;} 
    .entrance-menu-wrap .menu{width:500px;} 
    .entrance-content .cont-tit{margin-bottom:30px;font-size:32px;line-height:42px;} 
    .entrance-content .sub-tit{margin-bottom:15px;font-size:22px;} 
    .entrance-content p{font-size:16px;line-height:22px;}
    .entrance-content .box-wrap .sub-tit{font-size:18px;line-height:22px;}

    .entrance-wrap .container{position:relative;padding-top:70px;}
    .entrance-wrap .btn-wrap{position:absolute;top:15px;left:0;right:0;}
    .entrance-wrap .entrance-list{margin:0;}
    .entrance-content .service-step{padding-top:20px;} 
    .entrance-content .service-step li{float:none;width:500px;margin:0 auto 80px !important;} 
    .entrance-content .service-step li .box-wrap{min-height:auto;padding:0 5% 20px;} 
    .entrance-content .service-step li:after{top:100%;left:50%;margin:0 0 0 -1px;width:2px;height:80px;} 
    .entrance-content .service-step li:before{content: "\f078";top:100%;left:50%;margin:0 0 0 -11px;width:22px;height:80px;line-height:80px;font-size:21px;text-align:center;}

    .partnership-list{margin:0;}
    .partnership-list li{float:none;width:100%;padding:0;}
    .partnership-list li:after{display:none;}
} 
@media (max-width:768px){ 
    .slideshow{height:450px;} 
    .slideshow .inner{padding:0 80px;} 
    .slideshow__slide-caption-text{padding-top:120px;} 
    .slideshow__slide-caption-title{font-size:54px;line-height:60px;margin-bottom:10px;} 
    .o-button.-square{width:45px;height:45px;} 
    .o-hsub{font-size:14px;} 
    .entrance-wrap .entrance-list li{width:32%;margin:0 0 20px 0 !important;}
    .entrance-content .box-wrap{margin-bottom:20px;padding-bottom:20px;min-height:auto;}
    .entrance-content .service-step li{width:100%;}
    #announcePopup .modal-dialog{margin:40px 5%;}

    .slideshow .slideshow__slide[data-slide='1'] .inner{padding:0 60px;}
    .slideshow__slide[data-slide='1'] .slideshow__slide-caption-text{padding-top:13%;}
    .slideshow__slide-caption-desc{margin-bottom:10px;font-size:18px;line-height:25px;}
    .slideshow__slide .btn{font-size:26px;padding:5px 40px;}
} 
@media (max-width:667px){
    .entrance-content .pc-ver{display:none;}
    .entrance-content .mb-ver{display:block;}
    .entrance-head{padding-top:15px;}
    .entrance-head .mgb-logo{margin:0 0 0 15px;}
    .entrance-head .mgb-logo img{width:210px;}
    .entrance-head .language .lan-btn{padding:0 10px;}
    .entrance-head .snb-btn{margin:3px 15px 0 0;}
    .entrance-head .snb-btn img{width:32px;} 
    .slideshow__slide-caption-title{font-size:35px;line-height:44px;} 
    .entrance-menu-wrap .menu{width:80%;padding:40px 8%;} 
    .entrance-menu-wrap .menu .snb-tit{margin-bottom:40px;font-size:32px;} 
    .entrance-menu-wrap .menu .entrance-address .tit{font-size:20px;} 
    .entrance-menu-wrap .menu .entrance-address .txt{font-size:14px;} 
    .entrance-menu-wrap .menu .entrance-address{margin-bottom:60px}

    .slideshow__slide[data-slide='1'] .slideshow__slide-caption-text{padding-top:124px;}
    .slideshow__slide-caption-desc{font-size:14px;line-height:18px;}
    .slideshow__slide-caption-desc br{display:none;}

    .slideshow__slide .btn{margin-top:0;font-size:20px;padding:5px 25px;}
    .slideshow__slide .btn img{width:22px;}

    .reg-page .btn-wrap > *{width:220px;font-size:15px;}
    .reg-page .apple-btn .mb-ver{display:block;}
    .reg-page .apple-btn .pc-ver{display:none;}
} 
@media (max-width:425px){
    .slideshow{height:340px;} 
    .slideshow .inner{padding:0 50px;} 
    .slideshow__slide-caption-text{padding-top:90px;} 
    .o-button.-square{width:35px;height:35px;} 
    .o-button_label{font-size:15px;} 
    .o-button{top:82%;} 
    .js-slider-home-prev{left:5px;} 
    .js-slider-home-next{right:5px;} 
    .entrance-wrap .entrance-list li{width:49%;margin-bottom:15px !important;} 
    .entrance-wrap .entrance-list li a .item-txt{font-size:16px;} 
    .entrance-wrap .entrance-list li a .item-icon{padding-top:20px;} 
    .o-hsub::before{width:20px;} 
    .o-hsub{font-size:12px;} 
    .entrance-wrap .btn-wrap .btn{margin:0 23px;font-size:18px;}
    .entrance-menu-wrap .menu .close-btn{top:15px;right:15px;} 
    .entrance-menu-wrap .menu .close-btn img{width:25px;} 
    .entrance-menu-wrap .menu .snb-tit{font-size:28px;} 
    .entrance-menu-wrap .menu .entrance-address .tit{font-size:18px;} 
    .entrance-menu-wrap .menu .entrance-address .txt{font-size:13px;} 
    .entrance-menu-wrap .menu .sns-list li{margin-right:10px;} 
    .entrance-content .cont-tit{margin-bottom:20px;font-size:24px;line-height:32px;} 
    .entrance-content .sub-tit{margin-bottom:15px;font-size:18px;} 
    .entrance-content p{font-size:14px;line-height:22px;}
    .entrance-content .box-wrap p{font-size:14px;text-align:center;}

    .entrance-head .mgb-logo{margin:0 0 0 10px;}
    .entrance-head .mgb-logo img{width:160px;}
    .entrance-head .snb-btn{margin:3px 5px 0 0;}
    .entrance-head .language{margin-right:0;}
    .entrance-head .language .lan-btn{padding:6px 10px;}
    .entrance-head .language .lan-btn span{font-size:14px;}

    .social-login .btn-wrap{width:239px;margin:0 auto;}
    .social-login .btn-wrap .pc-ver{display:none;}
    .social-login .btn-wrap .mb-ver{display:block;}

    .slideshow__slide[data-slide='1'] .slideshow__slide-caption-text{padding-top:64px;}
    .slideshow__slide-caption-title{font-size:28px;line-height:38px;}

} 
@media (max-width:320px){ 
    .slideshow__slide-caption-title{font-size:19px;line-height:29px;margin:0;}
 
}

.address-list{margin:0 0 40px;padding:0;list-style:none;}
.address-list li{margin-bottom:20px;}
.address-list li p{position:relative;padding-left:40px;}
.address-list li i{position:absolute;top:0;left:0;width:40px;font-size:30px;color:#3498db;}
.address-list li span{font-size:20px;}
.address-list li a{color:#3498db;}
.address-list li .img{margin-bottom:10px;}
.sns-list{padding:0;list-style:none;}
.sns-list li{display:inline-block;margin-right:10px;}

@media (max-width:500px){
    .address-list li span{font-size:16px;}
}

.connect-wrapper{margin:0 auto;padding-top:60px;max-width:375px;}
.connect-wrapper .mgb-logo{margin-bottom:20px;}
.connect-wrapper .connect-cont{margin-bottom:20px;padding:30px;border:1px solid #ccc;text-align:center;}
.connect-wrapper p{margin-bottom:20px;font-size:15px;word-break: keep-all;}
.connect-wrapper .noti{font-size:11px;}
.connect-wrapper .connect-account{margin:0 0 20px;padding:10px 15px;list-style:none;background:#eee;}
.connect-wrapper .connect-account li{}
.connect-wrapper .connect-account li i{width:16px;height:16px;line-height:17px;font-size:11px;border-radius:50%;color:#fff;vertical-align:middle;}
.connect-wrapper .connect-account li i.fa-facebook{background:#3a5a9a;}
.connect-wrapper .connect-account li i.fa-user{background:#bcbdc0;}
.connect-wrapper .connect-account li i.fa-comment{background:#f8ea5f;color:#381e1f;}
.connect-wrapper .connect-account li i.fa-apple{background:#000;}
.connect-wrapper .connect-account li span{display:inline-block;vertical-align:middle;font-size:15px;color:#009de1;}
.connect-wrapper .connect-form{text-align:left;}


#ui-datepicker-div{
    z-index:9999 !important;
}
.covidSurvey {
    display: block;
    padding: 10px 30px 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url(https://d14rou3pdf9zu2.cloudfront.net/glb/covid/covid-bg.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.covidSurvey .covid-header {
    padding-top: 20px;
    background: url(https://d14rou3pdf9zu2.cloudfront.net/glb/covid/covid-bg.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.covidSurvey .container {
    max-width: 885px;
}

.covidSurvey .cont-tit {
    margin-bottom: 20px;
    color: #fff;
    border-color: #fff;
}

.covidSurvey p {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 200;
    color: #fff;
}

.covidSurvey p em {
    font-style: normal;
    color: #fff200;
    font-weight: bold;
}

.covidSurvey .p-big {
    margin-bottom: 30px;
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    color: #fff;
}

.covidSurvey .covid-info-list {
    margin: 10px auto 20px;
    padding: 20px 0 0;
    width: 580px;
    list-style: none;
}

.covidSurvey .covid-info-list li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 166px;
}


.covidSurvey .covid-info-list li .info-list-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 158px;
    padding: 0;
    background: #f8a3b4;
    border-radius: 100px;
    font-size: 24px;
    font-weight: bold;
    color: #2f5d9e;
}

.covidSurvey .covid-info-list li .info-list-cont {
    margin:0;
    padding: 3px 30px;
    font-size: 24px;
    font-weight: 400;
    color: #2f5d9e;
    background: #fff;
    border-radius: 100px;
    text-align: left;
}

.covidSurvey .covid-info-list li .info-list-cont img{
    display:inline-block;
    vertical-align:middle;
}

.covidSurvey .covid-count-wrap {
    margin-bottom: 10px;
}

.covidSurvey .covid-count-wrap .covid-count-tit {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: normal;
}

.covidSurvey .covid-count-wrap .covid-count {
    margin: 0;
    padding: 0;
}

.covidSurvey .covid-count-wrap .covid-count li {
    display: inline-block;
    margin: 0 2px;
    width: 50px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 10px;
    background: #fff;
    font-size: 34px;
    font-weight: bold;
    color: #2f5d9e;
}

.covidSurvey .covid-sns {
    margin-bottom: 30px;
}

.covidSurvey .covid-sns p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.covidSurvey .covid-sns a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.covidSurvey .covid-btn,
.covidSurvey .covid-btn2 {
    padding: 8px 55px;
    background: #f8a3b4;
    border: none;
    border-radius: 100px;
    font-size: 27px;
    font-weight: bold;
    color: #2f5d9e;
}

.covidSurvey .covid-btn2 {
    margin:0 10px;
    width: 200px;
    background: #2f5d9e;
    font-size: 20px;
    color: #fff;
}
.covidSurvey .covid-btn2.prev-btn{
    background:#f8a3b4;
}

.covidSurvey .covid-btn2 img {
    display: inline-block;
    marin-left: 10px;
    vertical-align: middle;
}

.covidSurvey .covid-btn.yellow {
    background: #fff200;
}

.covidSurvey .covid-btn-wrap .covid-btn {
    display: block;
    padding: 12px 20px;
}

.covidSurvey2 {
    padding: 0;
    background: #fff;
}

.covidSurvey .covid-content {
    padding: 10px 0 40px;
}

.covidSurvey .covid-content .survey-step {
    display: inline-block;
    margin-bottom: 15px;
    padding: 3px 10px;
    background: #f8a3b4;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.covidSurvey .covid-content .survey-sut-tit {
    margin-bottom: 20px;
    line-height: normal;
    font-size: 30px;
    font-weight: bold;
    color: #313131;
}

.covidSurvey .covid-progress-wrap {
    position: relative;
    max-width: 886px;
    margin: 0 auto 20px;
    padding: 20px 0 20px 80px;
}

.covidSurvey .covid-progress-wrap .covid-progress-per {
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    background: url(https://d14rou3pdf9zu2.cloudfront.net/glb/covid/covid-progress.png) no-repeat 50% 50%;
}

.covidSurvey .covid-progress-wrap .covid-progress {
    position: relative;
    background: #d2d2d2;
    border-radius: 40px;
    width: 100%;
    height: 19px;
    overflow: hidden;
}

.covidSurvey .covid-progress-wrap .covid-progress .covid-progress-bar {
    display: block;
    width: 17%;
    height: 100%;
    border-radius: 40px;
    background: #f8a3b4;
}

.covidSurvey .survey-form {
    max-width: 435px;
    min-height:240px;
    margin: 0 auto 65px;
}

.covidSurvey .survey-form2 {
    max-width: 654px;
}

.covidSurvey .survey-form .survey-list {
    position: relative;
    padding-right: 245px;
    min-height:28px;
}

.covidSurvey .survey-form .survey-list .survey-tit {
    font-size: 20px;
    color: #313131;
    text-align: left;
}

.covidSurvey .survey-form .survey-list .survey-cont {
    position: absolute;
    top: 0;
    right: 0;
    width: 245px;
}

.covidSurvey .survey-form input[type=text],
.covidSurvey .survey-form input[type=password]{
    display: block;
    width: 100%;
    border: none;
    padding: 4px;
    height: 35px;
    background: #eee;
    text-align: right;
}

.covidSurvey .survey-form .survey-list2 {
    padding-right: 180px;
}

.covidSurvey .survey-form .survey-list2 .survey-cont {
    width: 180px;
}

.covidSurvey .survey-form .radio-btn {
    display: block;
    float: left;
    width: 49%;
    margin-right: 2%;
}

.covidSurvey .survey-form .radio-btn:last-of-type {
    margin-right: 0;
}

.covidSurvey .survey-form .radio-btn input {
    display: none;
}

.covidSurvey .survey-form .radio-btn input[type="radio"]:checked ~ label {
    color: #fff;
    background: #2f5d9e;
}

.covidSurvey .survey-form .radio-btn label {
    font-size: 20px;
    background: #eee;
    font-weight: 400;
    display: block;
    color: #737373;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}

.styled-select {
    border: none;
    box-sizing: border-box;
    overflow: hidden;
    background: #eee;
    position: relative;
}

.styled-select select {
    display: block;
    width: 100%;
    height: 35px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    padding: 5px 20px 5px 15px;
    font-size: 20px;
    text-align: center;
}

.styled-select i {
    position: absolute;
    color: #2d5a9c;
    top: 8px;
    right: 12px;
    font-size: 18px;
}

.survey-select-group .styled-select {
    float: left;
    width: 27%;
    margin-left: 2%;
}

.survey-select-group .styled-select:first-child {
    width: 40%;
    margin-left: 0;
}

.survey-form .radio {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    cursor: pointer;
}

.survey-form .radio input {
    position: absolute;
    left: -99999px;
}

.survey-form .radio i {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: 0;
    background: #eee;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2) inset;
}

.survey-form .radio input:checked ~ i:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f8a3b4;
    transform: translate(-50%, -50%);
}

.survey-form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.covid-result-list {
    margin: 0 -5px 15px;
    padding: 0;
    list-style: none;
}

.covid-result-list:after {
    display: block;
    content: "";
    clear: both;
}

.covid-result-list li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    padding: 0 5px;
}

.covid-result-list li.covid-result-total {
    width: 100%;
}

.covid-result-list li .covid-result {
    padding: 10px 10px 5px;
    background: #fff;
    border-radius: 10px;
}

.covid-result-list li .covid-result .covid-result-type {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight:300;
    color: #313131;
    line-height: 22px;
}

.covid-result-list li .covid-result .covid-result-type strong {
    font-weight: bold;
}

.covid-result-list li .covid-result .covid-result-value {
    font-size: 20px;
    font-weight: bold;
    color: #e94635;
}

.covid-result-list li .covid-result .covid-result-value.red {
    color: #e94635;
}

.covid-result-list li .covid-result .covid-result-value.yellow {
    color: #f4cc28;
}

.covid-result-list li .covid-result .covid-result-value.green {
    color: #42b050;
}

.covid-result-list li .covid-result .covid-result-value.lightgreen {
    color: #adcf27;
}

.covid-result-list li.covid-result-total .covid-result {
    position: relative;
    padding: 20px 288px 20px 0;
}

.covid-result-list li.covid-result-total .covid-result .covid-result-type {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.covid-result-list li.covid-result-total .covid-result .covid-result-value {
    font-size: 45px;
}

.covid-result-list li.covid-result-total .covid-result img {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.covidSurvey .covid-member.survey-form{margin-bottom:15px;max-width:466px;min-height:auto;}
.covidSurvey .covid-member.survey-form .radio{padding-left:30px;margin:0 15px 10px;font-size:23px;font-weight:400;color:#fff;}
.covidSurvey .covid-member.survey-form .radio i{top:10px;}
.covidSurvey .covid-member.survey-form input[type=text],
.covidSurvey .covid-member.survey-form input[type=password]{text-align:left;}

.covid-offer{position:relative;max-width:305px;margin:0 auto 15px;padding-left:90px;}
.covid-offer span{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:14px;font-weight:500;color:#fff;}

.covidSurvey .survey-reference{text-align:left;}
.covidSurvey .survey-reference a{display:inline-block;margin:30px 0 10px;border-bottom: 2px solid #f8a3b4;color:#2f5d9e;}
.covidSurvey .survey-reference p{display:none;border:1px solid #dedede;padding:10px;font-size:12px;line-height:20px;color:#555;word-break:break-all;}

.covidSurvey .survey-form .survey-cont2 input[type=text]{
    float:left;
    width:49%;
}
.covidSurvey .survey-form .survey-cont2 input[type=text]:last-child{
    float:right;
}

@media (max-width: 1024px) {
    .covidSurvey .covid-progress-wrap {
        width: 90%;
    }

    .covidSurvey .covid-btn-wrap .covid-btn {
        font-size: 20px;
    }
    .covid-result-list li{width:33.33%;}
}

@media (max-width: 768px) {
    .covidSurvey {
        padding: 44px 0 50px;
    }

    .covidSurvey .covid-info-list {
        width: 90%;
    }

    .covidSurvey p {
        font-size: 14px;
        line-height: 20px;
    }

    .covidSurvey .covid-info-list li {
        padding-left: 117px;
    }

    .covidSurvey .covid-info-list li .info-list-tit {
        width: 106px;
        font-size: 16px;
    }

    .covidSurvey .covid-info-list li .info-list-cont {
        font-size: 16px;
    }

    .covidSurvey .covid-content .survey-sut-tit {
        font-size: 24px;
    }

    .covidSurvey .survey-form2 {
        width: 90%;
    }

    .covidSurvey .survey-form .survey-list2 {
        padding-right: 150px;
    }

    .covidSurvey .survey-form .survey-list2 .survey-cont {
        width: 150px;
    }

    .covidSurvey .survey-form .radio-btn label {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .covidSurvey .survey-form .survey-list .survey-tit {
        font-size: 18px;
    }

    .covid-result-list {
        margin-bottom: 15px;
    }

    .covid-result-list li .covid-result .covid-result-type {
        font-size: 14px;
    }

    .covid-result-list li.covid-result-total .covid-result {
        padding: 20px 175px 20px 0;
    }

    .covid-result-list li.covid-result-total .covid-result .covid-result-type {
        font-size: 20px;
    }

    .covid-result-list li.covid-result-total .covid-result .covid-result-value {
        font-size: 35px;
    }

    .covid-result-list li.covid-result-total .covid-result img {
        right: 2%;
        width: 160px;
    }

    .covidSurvey .p-big {
        font-size: 18px;
    }
}
@media (max-width: 580px) {
    .covidSurvey .covid-content{padding:10px 5% 30px;}
    .covidSurvey .container{padding:0;}
    .covidSurvey .cont-tit{margin-bottom:10px;padding-bottom:5px;font-size:26px;line-height:28px;}
    .covidSurvey .covid-content .survey-step{}
    .covid-result-list li{width:50%;}
    .covid-result-list li .covid-result{padding:10px 9px 5px;min-height:150px;}
    .covid-result-list li .covid-result .covid-result-type{font-size:12px;line-height:20px;}
    .covid-result-list li .covid-result img{margin-bottom:10px;}
    .covid-result-list li .covid-result .covid-result-value{margin-bottom:0;font-size:16px;}
    .covid-result-list li.covid-result-total .covid-result{padding:20px 5%;}
    .covid-result-list li.covid-result-total .covid-result img{margin-bottom:10px;position:static;transform:none;}
    .covid-result-list li.covid-result-total .covid-result .covid-result-type{font-size:16px;}
    .covid-result-list li.covid-result-total .covid-result .covid-result-value{font-size:30px;}
    .covidSurvey .p-big{font-size:16px;font-weight:normal;}
    .covidSurvey .p-big br,
    .covidSurvey p br{display:none;}

    .covidSurvey .survey-form .survey-list{padding-right:125px;}
    .covidSurvey .survey-form .survey-list .survey-cont{width:125px;}
}
@media (max-width: 425px) {
    .covidSurvey {
        padding: 30px 5% 40px;
    }

    .entrance-content .content-close{top:10px;right:10px;}
    .entrance-content .content-close img{width:20px;}

    .covidSurvey2 {
        padding: 0;
    }

    .covidSurvey .covid-info-list {
        width: 100%;
    }

    .covidSurvey .covid-count-wrap .covid-count-tit,
    .covidSurvey .covid-content .survey-sut-tit {
        font-size: 20px;
    }

    .covidSurvey .covid-count-wrap .covid-count li {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
    }

    .covidSurvey .covid-btn, .covidSurvey .covid-btn2 {
        font-size: 16px;
        margin:5px 0;
        padding: 8px 15px;
    }

    .covidSurvey .survey-form {
        width: 90%;
    }

    .covidSurvey .survey-form .survey-list .survey-tit {
        font-size: 13px;
    }

    .covidSurvey .survey-form .radio-btn label {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .styled-select select,
    .covidSurvey .survey-form.covid-member input[type=text],
    .covidSurvey .survey-form.covid-member input[type=password]{
        height: 40px;
        font-size: 14px;
        margin-bottom:5px;
    }
    .styled-select select,
    .covidSurvey .survey-form input[type=text],
    .covidSurvey .survey-form input[type=password]{
        height: 30px;
        font-size: 14px;
    }

    .covidSurvey .covid-btn-wrap .covid-btn{padding:8px 10px;font-size:16px;}
    .covid-result-list li .covid-result .covid-result-type{font-size:11px;}
    .covidSurvey .covid-info-list li .info-list-cont{min-height:25px;padding:3px 15px;font-size:14px;}

    .covidSurvey .covid-member.survey-form .radio i{top:5px;}
    .covidSurvey .covid-member.survey-form .radio{font-size:18px;}

}
@media (max-width: 320px) {
    .covid-result-list li.covid-result-total .covid-result .covid-result-type{font-size:14px;}
}

.upload-wrap{padding:0;margin:0;width:100%;}
.upload-wrap .panel{border:0;box-shadow:none;}
.upload-wrap .panel-body{padding:20px;}
.focus{background:#aaa;}
.focus > *{opacity:0.3;}
.focus #dropzone{opacity:1;border:1px solid #3498db;background:#fff;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.5);
    box-shadow: 0 0 25px rgba(0,0,0,.5);}

#dropzone{position:relative;padding:50px 0;z-index:1;overflow:hidden;}
#dropzone span{position:relative;z-index:-1;}

#dropzone.active {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    -webkit-animation: stripes 2s linear infinite; /* animation:stripes 2s linear infinite */
}
@-webkit-keyframes stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}
@keyframes stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}
.tl-filename{position:relative;margin:0 0 5px;}
.tl-filename .tl-tit{padding:0 30px 0 0;}
.tl-filename .rename-btn{position:absolute;top:50%;right:0;border:none;background:none;font-size:20px;cursor:pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.tl-filename .rename-wrap{display:none;position:relative;margin:0 0 5px;padding:0 132px 0 0;}
.tl-filename .rename-wrap .btn{position:absolute;top:50%;right:0;background:#999;color:#fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.tl-filename .rename-wrap .btn.edit-btn{right:75px;}

.survey-floating{position:fixed;right:10px;bottom:10px;z-index:9999;}
.survey-floating .close-btn{position:absolute;top:0;left:50%;width:50px;height:50px;margin-left:28px;border:none;background:none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.survey-floating.sky-form .checkbox{position:absolute;bottom:20px;left:136px;font-size:10px;color:#fff;}


@media (max-width:425px){
    .survey-floating .survey-floating-img img{width:240px;}
    .survey-floating .close-btn{margin-left:21px;}
    .survey-floating.sky-form .checkbox{bottom:16px;left:92px;}
    .tl-filename .rename-wrap{padding:0;}
    .tl-filename .rename-wrap .form-control{margin-bottom:5px;}
    .tl-filename .rename-wrap .btn{position:static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;}
}

#uploadBody .sky-form{margin-bottom:20px;box-shadow:none;}
#uploadBody .alert h4{font-weight:600;}
#uploadBody .sky-form .radio i, #uploadBody .sky-form .checkbox i {width: 17px;height: 17px;border-width: 1px;border-color:#ccc;}
#uploadBody .sky-form .checkbox a span{margin-left:10px;font-size:12px;}
#uploadBody .sky-form .checkbox a[aria-expanded='true'] span:before{content: "\e113";}
#uploadBody .alert-info .table{background:#fff;border:1px solid #ccc;}
#uploadBody .alert-info .table thead tr th{border:1px solid #ccc;}
#uploadBody .alert-info .table tbody tr td{text-align:center;border-color:#ccc;}
#userInfoCollection p{margin:0;padding:15px;font-size:14px;font-weight:500;}

@media (max-width:425px) {
    #uploadBody .alert-info .table{background:none;border:none;}
    #uploadBody .alert-info .table thead{display:none;}
    #uploadBody .alert-info .table tbody tr{display:block;}
    #uploadBody .alert-info .table tbody tr td{display:block;padding:0 0 10px;margin-bottom:10px;background:#fff;border:1px solid #ccc;}
    #uploadBody .alert-info .table tbody tr td:before {
        content: attr(data-th) "";
        font-weight: bold;
        display: block;
        padding:10px 5px;
        background:#f9f9f9;
        margin-bottom:10px;
        border-bottom:1px solid #ccc;
    }
}