@charset "UTF-8";

html{font-size:16px}
body{font-family:"Spoqa Han Sans", Sans-serif;color:#666;font-size:1rem}
h1,h2,h3,h4,h5{font-weight:700}
ul,li{margin:0;padding:0;list-style:none}
footer{padding:2rem 0;background:#f2f2f2}
.skip, hr, legend{position:absolute;left:-5000px;overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0}
caption{overflow:hidden;width:1px;height:1px;height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-10000px}
.form-control{height:45px;font-size:16px}
a:active, a:hover, a:visited {outline: 0;text-decoration:none}
a {cursor:pointer}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0;outline-offset:0}
#wrapper{width:100%;margin:0;padding:0}
.container{width:100%}
.header-top{background:#f2f2f2;border-bottom:1px solid #ddd}
.header-top .brand{margin-bottom:0.75rem}
.header-top .brand a{display:block;color:#1428a0;font-weight:700;width:70px;height:44px;background:url(../img/t-logo.png) no-repeat 50% 50%;font-size:0}
.header-top .log-area{text-align:right;line-height:38px}
.header-top .log-area a{margin-left:20px;font-size:0.875rem;font-weight:700;color:#525252}
.header-top .col-md-4{align-items:center}
.header-top .container{padding-left:0;padding-right:0}
.navbar-header{padding-top:0.75rem;padding-bottom:0.75rem}
.top-search .form-control{float:left;width:calc(100% - 37px)}
.top-search .form-control{height:38px;border:1px solid #ddd;border-radius:1px 0 0 1px;vertical-align:top}
.top-search .btn{padding:0;background:#337ab7 url(../img/ico-sh.png) no-repeat 50% 50%;width:37px;height:38px;border-radius:0 1px 1px 0;font-size:0;vertical-align:top}
.header-nav{border-bottom:1px solid #ddd}
.header-nav .navbar.navbar-expand-lg{padding:.5rem 0}
.navbar{margin-bottom:0}
.navbar-nav>li>a{font-weight:700;color:#525252}
.navbar-nav>li>a:hover{background:none}
.navbar-nav>li.active>a{color:#0977c9}
.navbar-nav .fa-angle-down{margin-left:0.5rem}
.navbar-toggle{border:1px solid #ddd;border-radius:0}
.navbar-toggle .icon-bar{background:#000}
.footer-info{font-size:0.875rem;color:#959595}
.footer-info address{margin:0.75rem 0}
.footer-info .tel{padding-left:20px;margin-right:10px;background:url(../img/ico-tel.png) no-repeat 0 50%}
.footer-info .fax{padding-left:20px;background:url(../img/ico-fax.png) no-repeat 0 50%}
.footer-link a{font-size:0.875rem;color:#0977c9;font-weight:700;margin:0 40px 0 0;text-decoration:underline}
/**/
.main-sliders{margin-top:20px}
.m-ty1{font-size:1.25rem;color:#222}
.m-ty2{font-size:0.875rem;color:#4098d8}
.company .m-ty1,
.digital .m-ty1{margin:2rem 0 1.25rem}
.main-sliders .container{padding:0}
.main-sliders .bx-prev, .main-sliders .bx-next{width:56px;height:88px;margin-top:-44px}
.main-sliders .bx-prev{margin-left:15px;background:url(../img/s-prev.png) no-repeat 50% 50%}
.main-sliders .bx-next{margin-right:15px;background:url(../img/s-next.png) no-repeat 50% 50%}
.main-sliders .sliders .slide img{width:100%}
.bx-pager{position:absolute;left:0;bottom:20px;width:100%;text-align:center}
.bx-pager .bx-pager-item{display:inline-block;}
.bx-pager .bx-pager-item .bx-pager-link{display:block;width:20px;height:20px;background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.9);border-radius:100%;font-size:0;margin:0 7px}
.bx-pager .bx-pager-item .bx-pager-link.active{background:#e6703a}
.company-top{overflow:hidden;padding:1rem;background:#f0f0f0;box-sizing:border-box}
.company-top .fL h4{min-height:31px}
.company-top .fL p{margin:0;font-size:0.813em;font-weight:700}
.company-top .fL{float:left;width: calc(100% - 65px)}
.company-top .fR{float:right;width:65px;height:65px;border:1px solid #d2d2d2;border-radius:2px;background:#fff;text-align:center}
.company-top .fR img{border-radius:2px}
.company-body{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.company-body ul{overflow:hidden;}
.company-body li{float:left;width:50%;border-bottom:1px solid #f0f0f0}
.company-body li:nth-child(2n){border-left:1px solid #f0f0f0}
.company-body li span{display:block;padding:12px 0;font-size:0.75rem;text-align:center}
.company-body li span.on{background:#fffadd;color:#d9534f;font-weight:700}
.company-btm{padding:1.5rem 0;background:#f0f0f0;text-align:center}
.company-btm img{margin:0 20px;vertical-align:middle}
.company-btm a{display:inline-block;margin:0 20px;vertical-align:middle}
.company-btm a>img{margin:0}
.bx-wrapper{position:relative}
.bx-prev, .bx-next{position:absolute;top:50%;display:block;width:42px;height:42px;margin-top:-21px;font-size:0}
.bx-prev{left:-10px;background:url(../img/sd-prev.png) no-repeat 50% 50%}
.bx-next{right:-10px;background:url(../img/sd-next.png) no-repeat 50% 50%}
.digital-list>img{width:100%; max-height:200px;min-height:200px;}
.digital-list .bx{padding:1.25rem 0.75rem;border:1px solid #e6e6e6;border-top:0}
.digital-list .bx h4{margin-bottom:15px}
.digital-list .bx>p{min-height:70px;font-size:0.75rem;margin-bottom:0}
.digital-list .dc-tags{min-height:90px}
.digital-list .dc-tags img{margin-top:10px;margin-right:4px}
.digital{margin-bottom:70px}
/**/
.sub-container{padding-top:1.5rem;padding-bottom:2rem}
.sub-container .container{padding-left:11px;padding-right:11px}
.sub-container .contents{padding-top:2rem}
.sub-headline{height:70px;background:#0977c9}
.sub-tit{margin-bottom:20px}
.sub-tit h3{display:block;margin:0;margin-right:25px;font-size:1.875em;letter-spacing:-1px}
.sub-tit .txs{font-size:1.250em}
.h-ty1{margin:0;padding-bottom:20px;font-size:1.875em;border-bottom:5px solid #d0d0d0}
.lnb li{position:relative;margin:10px 0}
.lnb li:first-child{margin-top:0}
.lnb li a{padding-left:27px;font-size:0.875rem;line-height:18px;color:#444}
.lnb li a:before{content:'';position:absolute;top:50%;left:0;margin-top: -8px;display:inline-block;width:18px;height:18px;margin-right:10px;border-radius:100%;background:#d0d0d0 url(../img/lnb-arr.png) no-repeat 50% 50%;vertical-align:top}
.lnb li.active a{color:#ff6600}
.lnb li.active a:before{background:#ff6600 url(../img/lnb-arr.png) no-repeat 50% 50%;}
.sign-bx{width:100%;max-width:555px;}
.sign-bx-input{padding:20px 0;border-top:5px solid #d0d0d0;border-bottom:5px solid #d0d0d0}
.sign-bx-input .form-control:last-child{margin-top:15px}
.sing-bx-btn{padding-top:20px}
.sing-bx-btn .btn-theme{width:100%}
.sing-bx-btn span{display:block;font-size:0.875rem;margin-top:1rem}
.btn-theme{padding:7px 20px;background:#ff6600;color:#fff;font-size:1rem}
.btn-theme:hover{color:#fff}
.link{color:#ff6600;text-decoration:underline}
.faq-list-wrap{border-top:5px solid #d0d0d0}
.faq-lists{margin-top:2rem}
.faq-lists h4{margin:0 0 20px}
.faq-body{border-top:2px solid #343b75}
.faq-body .q{margin:0;padding:1rem 0.5rem}
.faq-body .q a{padding-right:30px;display:block;color:#666;text-decoration:none;}
.faq-body .a{margin:0;padding:1rem;background:#f6f6f6;border-top:1px solid #d0d0d0;color:#0977c9}
.faq-body>li{border-bottom:1px solid #d0d0d0}
.faq-body>li .q a{background:url(../img/ico-up.png) no-repeat 100% 50%}
.faq-body>li.hides .q a{background:url(../img/ico-down.png) no-repeat 100% 50%}
.buyer-select .col-sm-3{margin-top:1rem}
.buyer-select .form-control{height:34px;font-size:12px}
.buyer-company>li{margin-top:2rem}
.buyer-company .company-body .on{background:#71a9dc;color:#fff}
.btn-cate{display:inline-block;width:90px;height:34px;background:#d0d0d0;border:1px solid #c5c5c5;box-sizing:border-box;text-align:center;font-size:11px;border-radius:45px;vertical-align:top;line-height:1.1;color:#fff}
.btn-cate.active{background:#f6ad44;border:1px solid #fcab37}
.category{margin-top:2rem;text-align:center}
.category .btn-cate{margin:0.5rem 0.025rem}
.category .btn-cate:first-child{width:70px}
.modal-pop .modal-content{border-radius:0}
.modal-pop .modal-header{position:relative;padding:1.5rem 1rem;background:#0977c9}
.modal-pop .modal-header h4{color:#fff}
.modal-pop .modal-header .close{position:absolute;top:10px;right:10px;}
.modal-pop .modal-body{padding:0}
.modal-pop .modal-footer{text-align:center}
.modal-header .mh-tit{display:inline-block;margin-right:2rem;font-size:1.875em;vertical-align:middle}
.modal-header .mh-stu{display:inline-block;vertical-align:middle}
.modal-header .mh-stu .stu{vertical-align:middle}
.stu{padding:0.5rem 1rem;background:#f6ad44;color:#fff;text-align:center;font-size:11px;border-radius:17px}
.comp-head{margin:0;padding:1rem 0;background:url(../img/bg-pt1.gif) repeat}
.comp-head-com{max-width:160px;padding:1rem;border:1px solid #d2d2d2;border-radius:10px;background:#fff;text-align:center;box-sizing:border-box;margin:0 auto}
.comp-head-btm{text-align:center}
.comp-head-btm a, .comp-head-btm img{margin:1rem 5px;vertical-align:top}
.comp-body{padding:1.5rem 1rem 1rem}
.comp-head-list li{overflow:hidden;margin:7px 0}
.comp-head-list .th{position:relative;float:left;font-weight:700;width:80px;}
.comp-head-list .th:after{content:':';position:absolute;top:0;right:4px;color:#666;font-weight:700}
.comp-head-list .td{float:left;width: calc(100% - 80px)}
.comp-body{font-size:0.875em}
.p-tit1{font-size:1.625em;color:#343b75}
.p-tit2{display:inline-block;font-size:1.625em;border-bottom:1px solid #666;color:#666;margin-top:1.5rem}
.register-step{text-align:center}
.register-step .step{display:inline-table;width:100px;height:100px;border:1px solid #dfdfdf;padding:4px;border-radius:100%;font-size:12px;text-align:center;vertical-align:top;margin:0 15px 15px}
.register-step .step a,
.register-step .step span{display:table-cell;width:100%;height:100%;border:1px solid #dfdfdf;box-sizing:border-box;border-radius:100%;background:#f3f7f9;vertical-align:middle}
.register-step .step.active a,
.register-step .step.active span{background:#343b75;color:#fff;border:1px solid #343b75}
.h-ty2{font-size:1.125em;margin:70px 0 20px;padding-bottom:24px;color:#000;border-bottom:2px solid #343b75}
.terms-cont{height:200px;overflow:hidden;overflow-y:scroll;border:1px solid #ccc;background:#fcfcfc}
.terms-chk{padding:15px 0}
.checks{display:inline-block;vertical-align:middle;position:relative}
.checks input{position:absolute;top:50%;left:50%;width:1px;height:1px;padding:0;margin:-1px;border:0;background-color:transparent;display:none}
.checks label{display:inline-block;position:relative;cursor:pointer;line-height:19px;vertical-align:middle;height:19px;font-weight:normal;margin:0}
.checks input+label{padding-left:23px;font-size:12px}
.checks input+label:before{content:'';position:absolute;left:0;top:0;width:19px;height:19px;line-height:19px;box-sizing:border-box}
.checks input[type="checkbox"] + label:before{background:#fff url(../img/chk-off.png) no-repeat 50% 50%}
.checks input[type="checkbox"]:checked + label:before{background:#fff url(../img/chk-on.png) no-repeat 50% 50%}
.checks input[type="radio"] + label:before{background:#fff url(../images/ico_radio.png) no-repeat 0 0}
.checks input[type="radio"]:checked + label:before{background-position:0 100%}
.checks.notx input+label{padding-left:19px}
.btn-btms{margin-top:30px;text-align:center}
.btn-btms .btn{margin-left:10px;min-width:100px}
.btn-btms .btn:first-child{margin-left:0}
.btn{background:#ff6600;padding: 8px 12px;color:#fff;font-weight:700}
.btn:hover,.btn:active,.btn:visited{color:#fff}
.btn.gray{background:#999}
.btn.orange{background:#f0ad4e}
.email-cert-ipt{padding-bottom:20px;border-bottom:5px solid #d0d0d0}
.email-cert-btn{margin-top:20px;}
.email-cert-btn .btn{margin-right:20px}
.email-cert-btn .tx{font-size:0.875em}
.row{margin:1rem 0}
.row .col-md-3{margin-bottom:0.5rem}
.row .col-md-3, .row .col-md-9{padding:0}
.phone-number{overflow:hidden}
.phone-number .ipt-num1{float:left;width:30%}
.phone-number .ipt-num2{width:34%}
.phone-number .bar{float:left;line-height:45px;width:3%;text-align:center;font-weight:bold}
.phone-number2{overflow:hidden}
.phone-number2 .tx{float:left;width:35px;line-height:45px;font-size:0.875em;font-weight:700}
.phone-number2 .ipt2{float:left;width:calc(100% - 35px)}
.sel-yy,.sel-mm,.sel-dd{width:32%;display:inline-block}
.c-logo-img{display:inline-block;width:120px;height:120px;border:1px solid #ccc;box-sizing:border-box;vertical-align:baseline}
.c-logo-img img{width:118px;vertical-align:baseline}
.biz-img{display:inline-block;width:120px;height:120px;margin-top:1rem;border:1px solid #ccc;box-sizing:border-box;}
.biz-img img{width:118px;}
.textar{border:1px solid #ccc;width:100%;height:170px;border-radius:5px;padding:1rem}
.ico-file{display:inline-block;width:17px;height:17px;background:url(../img/ico-plus.gif) no-repeat 50% 50%;font-size:0;vertical-align:middle}
.file-attach{overflow:hidden;font-size:12px;margin-top:0.5rem}
.file-attach .lf{float:left}
.file-attach .lf .ico-file{margin-left:10px}
.file-attach .rt{float:right}
.file-attach .rt strong{color:#ff6600}
.ctype-list{overflow:hidden}
.ctype-list li{float:left;width:50%;margin:5px 0}
.ts{font-size:0.875rem}
.ln-sns{overflow:hidden;margin-bottom:1rem}
.ln-sns .ts{float:left;width:75px;line-height:45px;font-weight:700}
.ln-sns .form-control{float:left;width: calc(100% - 75px);}
.register-cominfo{font-size:0.875rem}
.register-cominfo .form-control{font-size:0.875rem}
.register-cominfo .col-md-3{font-weight:700}
.ln-id .form-control,  .ln-pw .form-control{margin-bottom:0.5rem}
.ln-id .btn{background:#f0ad4e}
.ln-cont{margin-top:1rem}
.file-add{margin-top:1rem}
.file-add .form-control{display:inline-block;width: calc(100% - 35px);margin-right:10px}
.steal-imgs .c-logo-img{margin-bottom:0.5rem}
.biz-match{overflow:hidden;margin-top:2rem}
.biz-textar{margin-top:2rem}
.biz-textar .textar-txt{text-align:right;font-size:0.85rem}
.biz-textar .textar-txt strong{color:#ff6600;font-weight:normal}
.biz-select .form-control{margin-bottom:0.5rem;font-size:0.875rem}
.ico-plus-big{display:inline-block;width:52px;height:52px;background:url(../img/ico-plus-b.png) no-repeat 50% 50%;font-size:0}
.biz-match-list h5{margin:0;padding:1rem 0;height:47px;background:#343b75;color:#fff;text-align:center;font-size:0.875rem;font-weight:400;border-radius:5px 5px 0 0}
.biz-match-list li{padding:0.75rem 0;text-align:center;background:#fcfcfc;text-align:center;color:#343b75;border-bottom:1px solid #e9e9e9;min-height:45px}
.biz-match-plus{margin-top:2rem;text-align:center;font-size:0.875rem}
.biz-match-plus h5{height:47px;margin:0;background:#b5b5b5;border-radius:5px 5px 0 0}
.biz-match-plus span{display:block}
.biz-match-plus .inner{padding-bottom:40px;background:#fcfcfc}
.biz-match-plus .ico-plus-big{margin:50px 0 20px}
.register-complete{padding:0 1rem 1rem;border-bottom:5px solid #d0d0d0}
.register-complete .compt{color:#343b75;font-size:1.5rem;font-weight:700;margin-bottom:0;letter-spacing:-1px}
.register-complete .ts{color:#999;margin-top:0.5rem}
.btn-btms.ag-left{margin-top:20px}
.paging{padding:20px 0 25px;text-align:center}
.pagination>li>a, .pagination>li>span{border:0;background:#ebebeb;margin:0 3px;border-radius:10px;font-size:0.875rem;font-weight:700;color:#6d6e75;box-sizing:border-box;min-width:40px;height:40px;line-height:28px}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius:10px;background:#ebebeb url(../img/p-prev.png) no-repeat 50% 50%;font-size:0}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:10px;background:#ebebeb url(../img/p-next.png) no-repeat 50% 50%;font-size:0}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#343b75}
.notice-list li{padding:1rem;border-bottom:1px solid #d0d0d0}
.notice-list .notice-cont h4{color:#f6ad44}
.notice-list .thumb img{width:120px;height:80px;border-radius:8px}
.notice-view .h-ty1{color:#343b75;font-size:1.5rem}
.notice-view-img{margin-top:20px;border:1px solid #d2d2d2;border-radius:10px;text-align:center;padding:2rem}
.notice-view-img img{width:100%}
.notice-view-con{padding:2rem 0}
.notice-view-con img{width:100% !important;height: auto !important;}
.notice-view-btns{text-align:center}
.notice-view-btns .btn{margin:0 0.5rem;padding:10px 12px;width:70px;border:1px solid #eea236;line-height:1.7}
.mypage-edit .h-ty2.fir{margin-top:0}
.search-list{overflow:hidden;overflow-x:auto}
.tb-list{width:100%;min-width:800px;table-layout:fixed;word-wrap:break-word}
.tb-list th, .tb-list td{padding:0.75rem 0;border-left:1px solid #d0d0d0;font-size:12px;font-weight:normal;text-align:center;}
.tb-list thead th{background:#f0f0f0;border-top:1px solid #999;border-bottom:1px solid #999}
.tb-list tbody td{border-bottom:1px solid #d0d0d0;}
.tb-list tr th:first-child,.tb-list tr td:first-child{border-left:0}
.tb-list .s-sns{text-align:left;padding-left:1rem}
.tb-list .s-sns a{display:inline-block;margin:4px;text-decoration:underline;color:#0977c9}
.matching-wrap{margin-top:2rem;border-top:1px solid #999}
.matching-list{border-bottom:1px solid #d0d0d0}
.matching-tit{padding:0.5rem;background:#fff url(../img/ico-down.png) no-repeat 98% 50%;cursor:pointer}
.matching-tit h4{display:inline-block;margin:0;padding:6px 15px;background:#0b63ab;font-size:12px;color:#fff;border-radius:16px;font-weight:400;}
.matching-tit .con{display:block;margin:0.5rem 0;font-size:12px;font-weight:700}
.matching-list.show .matching-tit{background:#f0f0f0}
.matching-list.show .matching-cont{display:block;}
.matching-cont{display:none;padding:10px 0;border-top:1px solid #999}
.matching-comp{min-height:105px;display:table;width:100%;margin:1rem 0;padding:1rem;background:#f0f0f0;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:8px;box-sizing:border-box}
.matching-comp .fL,.matching-comp .fR{display:table-cell;vertical-align:middle}
.matching-comp .fL h4{min-height:35px;margin:0}
.matching-comp .fL p{margin:0;font-size:0.813em;font-weight:700}
.matching-comp .fL{width: calc(100% - 65px)}
.matching-comp .fR{text-align:right}
.matching-comp .logo{display:inline-block;width:65px;height:65px;border-radius:2px;background:#fff;text-align:center;border:1px solid #d2d2d2}
.matching-comp .logo img{border-radius:2px;}
.btn-del{display:inline-block;padding:3px 6px;background:#b5b5b5;font-size:10px;color:#666;border:1px solid #999;border-radius:12px}
.date-search{text-align:center;margin-top:20px;margin-bottom:30px}
.date-search .form-control{display:inline-block;width:85px;vertical-align:middle}
.date-search .form-control.mm{width:70px}
.date-search .btn{padding:11px 6px 12px;vertical-align:middle}
.graph-box{margin-bottom:20px;border:1px solid #c9c9c9;border-top:0}
.graph-box .graph-tit{padding:0.5rem 1rem;background:#f0f0f0;border-bottom:1px solid #999;border-top:1px solid #999}
.graph-box .graph-tit h4{display:inline-block;background:#0b63ab;color:#fff;font-size:12px;font-weight:400;margin:0;padding:6px 12px;border-radius:12px}
.graph-area{padding:1rem;height:300px}
.graph-area .img{width:100%}
.h-ty2 em{font-style:normal;color:#0b63ab}
.h-ty3{font-size:1.125em;margin:30px 0 20px;color:#333}
.h-ty3.fir{margin-top:0}
.sr-list li{display:inline-block;margin:3px 15px 5px 0}
.sr-list li:last-child{margin-left:0}
.search-country{margin-top:2rem}
.search-country label{margin-top:1rem;font-size:14px}
.search-country label.fir{margin-top:0}
.search-country .top-search{margin-top:1rem}
.search-country select{font-size:14px}
.terms-privacy .h-ty2.fir{margin-top:0}
.olist{margin:0;padding-left:18px}
.olist>li{list-style:decimal;margin-bottom:0.25rem}
.olist>li ul{margin-top:0.25rem}
.olist>li li{margin-bottom:0.25rem}
.terms-wp{font-size:0.875rem}
.terms-wp li p{margin-bottom:0}
.terms-wp h4{margin-top:2rem;font-size:1rem}
.terms-wp h5{margin:2rem 0 0.75rem;font-size:1rem;font-weight:400;color:#000}
.tb{width:100%;margin-bottom:0.5rem}
.tb th, .tb td{border:1px solid #ddd;padding:0.5rem;}
.tb th{background:#f0f0f0;font-weight:400}
.tb thead th{text-align:center;}
.sel-type{display:block;position:relative;}
.sel-type .sel{display:inline-block;padding:0 10px;background:#b5b5b5;color:#fff;font-size:14px;border-radius:10px}
.sel-type .sel .del{border:0;background:transparent;margin:-2px 5px 0 0;padding:0;vertical-align:top;color:#333366;font-weight:700}
.sel-type .sel-my span{display:inline-block;margin:5px}
.sel-type .sel-my{position:relative;font-size:14px;height:45px;border:1px solid #ccc;border-radius:5px;overflow:hidden;background:#fcfcfc}
.sel-type .sel-list{position:absolute;top:47px;left:0;width:100%;border:1px solid #ccc;border-radius:5px;padding:0.5rem;margin-top:4px;background:#fff}
.arr-up, .arr-down{position:absolute;right:0;display:block;width:14px;height:14px;border:0;margin:0;padding:0;font-size:0}
.arr-up{top:6px;background:url(../img/arr-up.png) no-repeat 50% 50%}
.arr-down{bottom:6px;background:url(../img/arr-down.png) no-repeat 50% 50%}
/**/
.s-greeting{padding-top:2rem;border-top: 5px solid #d0d0d0;font-size:0.875em;}
.s-greeting p{margin-bottom:0;line-height:1.8}
.s-greeting .tx{margin-top:2rem}
.s-moiba-intro{border-top: 5px solid #d0d0d0;}
.s-moiba-intro h4{margin-bottom:1rem;font-size:1.5rem;color:#0977c9;letter-spacing:-1px;margin-top:2rem}
.s-moiba-intro h5{margin-top:1.5rem;margin-bottom:5px;font-size:1.125rem;color:#111;line-height:1.4}
.s-moiba-intro p{font-size:0.875em;margin-bottom:0}
.s-system{border-top: 5px solid #d0d0d0;}
.s-system .ment{padding:2rem 0;font-size:1.5rem;color:#ff6600;text-align:center}
.s-system .graph{text-align:center}
.s-system .graph img{max-width:826px;width:100%}
.s-howtouse{padding-top:1rem;border-top: 5px solid #d0d0d0;}
.step-tb{display:table;width:100%;margin-top:1rem}
.step-tb-th{color:#fff}
.step-tb-th h4{margin:0;padding:0.5rem 1rem}
.step-tb-th span{display:block;padding:0.5rem 0.75rem}
.step-tb-td{padding:1rem}
.step-tb-td p{margin:0}
.step-tb1{border:1px solid #41a344}
.step-tb1 .step-tb-th{background:#41a344}
.step-tb1 .step-tb-th h4{background:#67b569}
.step-tb2{border:1px solid #41a0a3}
.step-tb2 .step-tb-th{background:#41a0a3}
.step-tb2 .step-tb-th h4{background:#67b3b5}
.step-tb3{border:1px solid #417fa3}
.step-tb3 .step-tb-th{background:#417fa3}
.step-tb3 .step-tb-th h4{background:#6799b5}
.step-tb4{border:1px solid #415ea3}
.step-tb4 .step-tb-th{background:#415ea3}
.step-tb4 .step-tb-th h4{background:#677fb5}
.step-tb5{border:1px solid #425b84}
.step-tb5 .step-tb-th{background:#425b84}
.step-tb5 .step-tb-th h4{background:#62779b}

.add_file {padding-bottom:30px;}


@media (min-width: 576px) {
  .container{width:100%}
}

@media (min-width: 768px) {
  .container{width:100%}
  .header-nav .navbar-collapse{padding-left:0;padding-right:0}
  .sing-bx-btn .btn-theme{width:220px;margin-right:30px}
  .sing-bx-btn span{display:inline-block;}
  .faq-lists{margin-top:70px}
  .faq-body .q{padding:18px 25px}
  .faq-body .a{padding:18px 25px 25px}
  .buyer-company{overflow:hidden}
  .buyer-company>li{float:left;width:48%;margin-top:2rem;margin-right:4%}
  .buyer-company>li:nth-child(2n){margin-right:0}
  .modal-header .mh-tit{margin-right:60px}
  .register-step .step{margin:0 10px 15px}
  .btn-btms{margin-top:60px;text-align:right}
  .btn-btms .btn{width:220px;margin-left:15px}
  .ctype-list li{width:25%}
  .biz-select .form-control{display:inline-block;width:49%;margin-bottom:0.5rem}
  .biz-select .form-control:nth-child(1),  .biz-select .form-control:nth-child(3){margin-right:1%}
  .biz-match{margin-top:50px}
  .biz-match .biz-match-list{float:left;margin-right:15px}
  .biz-match .biz-match-plus{float:left}
  .biz-match-list{width:100%;max-width:220px}
  .biz-match-plus{width:100%;max-width:220px;margin-top:0}
  .biz-textar{margin-top:70px}
  .btn-btms.ag-left{text-align:left}
  .notice-list li{overflow:hidden}
  .notice-list .thumb{float:left;margin-right:25px}
  .notice-list .notice-cont{float:left;width: calc(100% - 150px)}
  .notice-view-btns .btn{width:120px;margin:0 0.5rem}
  .search-list{padding:10px 20px}
  .paging{padding:40px 0 25px;text-align:center}
  .matching-cont{overflow:hidden}
  .matching-cont .matching-comp{float:left;width:258px;margin:10px}
  .matching-wrap{margin-top:70px}
  .matching-tit .con{display:inline-block;margin:0 20px}
  .search-country label{display:inline-block;margin-left:20px;margin-right:5px}
  .search-country label.fir{margin-left:0}
  .search-country .form-control{display:inline-block;width:170px;height:38px;vertical-align:middle}
  .search-country .top-search{display:inline-block;margin:0 0 0 10px;vertical-align:middle}
  .sel-type{display:inline-block}
  .biz-select .sel-type{width:49%}
  .biz-select .sel-type:nth-child(1),
  .biz-select .sel-type:nth-child(3){margin-right:1%}
  /**/
  .s-system .ment{padding:75px 0 70px;font-weight:700}
  .step-tb-th, .step-tb-td{display:table-cell}
  .step-tb-th{width:30%;vertical-align:top}
  .step-tb-td{width:70%;vertical-align:middle}
}

@media (min-width: 992px) {
  .container{width:100%}  
  .top-search{width:268px;margin:0 auto}
  .top-search .form-control{width:224px}
  .header-top .brand{margin-bottom:0}
  .header-top{padding-top:20px;padding-bottom:20px}
  .header-top .log-area a{margin-left:35px}
  .navbar-header{margin-top:1.5rem}
  .header-nav .navbar-collapse{justify-content:flex-end;padding-top:22px;padding-bottom:22px}
  .header-nav .navbar-expand-lg .navbar-nav .nav-link{padding-left:1rem;padding-right:1rem}
  .header-nav .nav-item:last-child .nav-link{padding-right:0}
  .navbar-header{padding-top:0;padding-bottom:0}
  .navbar-nav>li:last-child>a{padding-right:0}
  .navbar-nav .dropdown-menu{width:100%}
  .navbar-nav .dropdown-menu a{font-size:0.875rem}
  footer{padding:60px 0}
  .footer-info address{margin:0 0 20px}
  .footer-info .info{margin-bottom:15px}
  .footer-info .tel{padding-left:25px;margin-right:35px}
  .footer-info .fax{padding-left:25px}
  .footer-info .copy{margin-bottom:0}
  .main-sliders{margin-top:40px}
  .main-sliders .container{padding:0 15px}
  .company .m-ty1,
  .digital .m-ty1{margin:65px 0 20px}
  .sub-container{padding-top:100px;padding-bottom:110px}
  .sub-container .contents{padding-top:0}
  .sub-tit h3{display:inline-block}
  .sing-bx-btn .btn-theme{width:220px;margin-right:30px}
  .buyer-company>li{float:left;width:23%;margin:3rem 0;margin-right:2%}
  .buyer-company>li:nth-child(2n){margin-right:2%}
  .buyer-company>li:nth-child(4n){margin-right:0}
  .comp-head-list{margin-top:1rem}
  .comp-head-list .half{display:inline-block;vertical-align:top;margin-top:3px;margin-bottom:3px}
  .comp-head-list .half.lst{margin-left:50px;width:50%}
  .comp-head-list .half.lst .th{width:50px}
  .p-tit1{margin-top:2.5rem}
  .p-tit2{margin-top:2.5rem}
  .register-step{margin-top:-60px}
  .register-step .step{margin:0 15px 15px}
  .ipt1{width:380px}
  .ipt2{width:345px}
  .sel-country{width:215px}
  .phone-number .ipt-num1{width:100px}
  .phone-number .ipt-num2{width:150px}
  .phone-number .bar{width:15px}
  .phone-number{float:left}
  .phone-number2 .ipt2{width:345px}
  .biz-img{float:left;margin-top:0;margin-left:15px}
  .ctype-list li{width:20%}
  .register-cominfo .col-md-3{padding-top:12px}
  .register-cominfo .info{line-height:45px}
  .c-logo-img{margin-right:12px}
  .sel-yy, .sel-mm, .sel-dd{width:130px;margin-right:15px}
  .ln-sns .ipt2{width:345px}
  .ln-id .form-control,  .ln-pw .form-control{display:inline-block;margin-right:15px;margin-bottom:0}
  .ln-id .btn{padding-top:11px;padding-bottom:12px;vertical-align:top;width:120px}
  .register-continfo .col-md-9{padding-left:40px}
  .biz-select .form-control{display:inline-block;width:24%;margin-right:5px}
  .biz-select .form-control:nth-child(1),
  .biz-select .form-control:nth-child(3){margin-right:5px}
  .biz-select .form-control:last-child{margin-right:0}
  .notice-view-img, .notice-view-con{width:800px;margin:20px auto}
  .date-search{text-align:center;margin-top:-70px;margin-bottom:30px}
  .date-search .form-control.mm, .date-search .form-control.yy{width:90px}
  .date-search .btn{width:90px;padding:11px 12px 12px;vertical-align:middle}
  .search-result .buyer-company>li{margin-top:1rem;margin-bottom:1rem}
  .biz-select .sel-type{width:24%;margin-right:5px}
  .biz-select .sel-type:nth-child(1),
  .biz-select .sel-type:nth-child(3){margin-right:5px}
  .biz-select .sel-type:last-child{margin-right:0}
}

@media (min-width: 1200px) {
  .container{width:1140px}
  .buyer-company>li{float:left;width:257px;margin-top:2rem;margin-right:30px}
  .register{width:860px;margin:0 auto;}
}