@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.color-1 {color:#00b0f0 !important;}
.color0 {color:#000 !important;}
.color333 {color:#333 !important;}
.color555 {color:#555 !important;}
.color777 {color:#777 !important;}
.color999 {color:#999 !important;}

.fz14 {font-size:14px !important;}
.fz15 {font-size:15px;}
.fz18 {font-size:18px;}
.fz20 {font-size:20px;}
.fz22 {font-size:22px;}
.fz24 {font-size:24px;}
.fz26 {font-size:26px;}
.fz28 {font-size:28px;}
.fz30 {font-size:30px;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt10 {margin-bottom:10px;}
.doc-cnt20 {margin-bottom:20px;}
.doc-cnt40 {margin-bottom:40px;}
.doc-cnt50 {margin-bottom:50px;}
.doc-cnt75 {margin-bottom:75px;}
.doc-cnt110 {margin-bottom:110px;}
.doc-cnt130 {margin-bottom:130px;}

.padr15 {padding-right:15px;}
.padr30 {padding-right:30px;}
.padl15 {padding-left:15px;}

.mar15-0 {margin:15px 0;}
.mar0-10 {margin:0 10px;}
.mar0-15 {margin:0 15px;}
.marl15 {margin-left:15px;}
.marr15 {margin-right:15px;}
.padlr0 {padding-left:0 !important; padding-right:0 !important;}
.mr20 {margin-right:20px;}
.mr55 {margin-right:55px;}

.doc-tit {font-size:24px; margin-bottom:14px; font-weight:700; color:#000; letter-spacing:-.035em; line-height:1.3em;}
.doc-tit.border {padding-bottom:35px; margin-bottom:40px; border-bottom:1px solid #ddd;}

.menu-1 {display:flex; margin:0 -4px;}
.menu-1 li {padding:0 4px; flex:fit-content;}
.menu-1 li a {height:60px; border-radius:10px; color:#333; display:flex; border:1px solid #ddd; align-items:center; justify-content:center;}
.menu-1 li.active a {border-color:#00b0f0; color:#fff; background-color:#00b0f0;}

.menu-2 {display:flex; justify-content:center; border-bottom:1px solid #ddd;}
.menu-2 li {padding:0 25px; position:relative;}
.menu-2 li:after {position:absolute; content:''; top:50%; transform:translateY(-50%); right:0; background-color:#ddd; width:1px; height:14px;}
.menu-2 li:last-child:after {display:none;}
.menu-2 li a {height:80px; display:flex; color:#888; align-items:center; justify-content:center; position:relative;}
.menu-2 li.active a {color:#00b0f0;}
.menu-2 li.active a:after {position:absolute; content:''; height:5px; bottom:-1px; left:-4px; right:-4px; background-color:#00b0f0;}

.menu-2.type2 {border-bottom:0;}
.menu-2.type2 li a {height:40px;}
.menu-2.type2 li.active a:after {height:3px; left:0; right:0;}

.menu-3 {display:flex; margin:0 -6px;}
.menu-3 li {padding:0 6px; flex:fit-content;}
.menu-3 li a {height:60px; display:flex; border:1px solid #ddd; border-radius:5px; align-items:center; justify-content:center; text-align:center;}
.menu-3 li.active a {color:#fff; background-color:#00b0f0; border-color:#00b0f0;}

.service-tab .menu-2 {border-bottom:0;}
.service-tab .menu-2 li {padding:0 16px;}
.service-tab .menu-2 li a {height:auto;}
.service-tab .menu-2 li.active a:after {height:3px; bottom:-12px;}

.flex-img {display:flex; margin:0 -15px;}
.flex-img .col {padding:0 15px; width:50%;}
.flex-img .img.col-r {order:1;}
.flex-img .cnt .box {padding:65px 20px 65px 60px; height:100%; border:1px solid #ddd;}
.flex-img .cnt .box .tit {margin-bottom:15px; line-height:1.4em; color:#c9c9c9;}
.flex-img .cnt .box .tit span {font-size:60px; padding-right:15px; color:#00b0f0; font-weight:900; letter-spacing:-.035em;}
.flex-img .cnt .box .txt {color:#000; letter-spacing:-.04em;}
.flex-img .cnt .box p {line-height:2em;}

.flex-img.type2 .cnt .box {padding-bottom:0;}
.flex-img.type2 .cnt .box p {line-height:1.7em;}

.bt-wrap {display:flex;}
.bt-wrap.center {justify-content:center;}
.bt-wrap a {height:50px; margin-right:15px; min-width:235px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; text-align:center; border-radius:30px; font-weight:700; color:#333;}
.bt-wrap a:last-child {margin-right:0;}
.bt-wrap a.act,
.bt-wrap a:hover {color:#fff; background-color:#00b0f0; border-color:#00b0f0; font-weight:500;}

.flex-img .col2 .bot {margin-top:30px; position:relative;}
.flex-img .col2 .bot .icon {position:absolute; right:0; top:10px;}
.flex-img .col2 .title {margin-bottom:10px; font-weight:600; line-height:1.4em; color:#000; letter-spacing:-.03em;}
.flex-img .col2 p {padding-right:75px; color:#555; line-height:1.5em;}

.core-tech li {display:flex;}
.core-tech li .cnt {padding-left:50px; padding-top:20px; flex:1;}
.core-tech li .cnt .tit {margin-bottom:30px; color:#000;}
.core-tech li .cnt p {line-height:2em; color:#555;}

.ap-field {display:flex; text-align:center;}
.ap-field li {flex:fit-content; line-height:1.556em; font-weight:500; letter-spacing:-.035em; color:#333;}
.ap-field li .img {margin-bottom:20px;}

.service-cnt .cont {height:0; overflow:hidden;}
.service-cnt .cont.active {height:auto;}

.service-cnt .wrap {padding:75px 59px; border:1px solid #ddd;}
.service-cnt .top {display:flex;}
.service-cnt .top .img {order:2;}
.service-cnt .top .cnt {padding-right:70px; flex:1;}
.service-cnt .top .cnt .title {margin-bottom:20px; letter-spacing:-.04em; line-height:1.3em;}
.service-cnt .top .cnt p {line-height:1.667em;}
.service-cnt .top .cnt .box {padding:42px 45px; display:flex; background-color:#f8f8f8; border-radius:10px;}
.service-cnt .top .cnt .box .icon {margin-right:40px;}
.service-cnt .top .cnt .box span {flex:1; line-height:1.667em;}

.service-cnt .group {margin-bottom:80px;}
.service-cnt .group:last-child {margin-bottom:0;}
.service-cnt .group .title {margin-bottom:25px;}
.service-cnt .group .flex {display:flex;}
.service-cnt .group .flex .img {margin-right:40px;}

.table-1.bt2 {border-bottom:1px solid #626262;}
.table-1.bt2 table {border-top-width:2px;}
.table-1 table {border-top:1px solid #626262; border-collapse:collapse; width:100%; text-align:center; border-bottom:1px solid #626262;}
.table-1 table th {padding:14px 5px; border-right:1px solid #ddd; border-bottom:1px solid #626262;}
.table-1 table td {padding:20px 0; line-height:1.6em; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table-1 table td p.fz15 {padding-left:30px; line-height:1.3em; text-align:left;}
.table-1 table th:last-child, .table-1 table td:last-child {border-right:0;}
.table-1 table .left {padding-left:40px; text-align:left;}

.table-1.pad2 table td {padding:12px 0;}

.under-table {margin-top:15px;}

.bg-ff {background-color:#fff !important;}
.bg-f7 {background-color:#f7f7f7 !important;}
.bg-f8 {background-color:#f8f8f8 !important; color:#000;}
.bg-2 {background-color:#f2f8fc !important;}
.br-none {border-right:0 !important;}
.bl-none {border-left:0 !important;}
.bl-1 {border-left:1px solid #ddd !important;}
.br-1 {border-right:1px solid #ddd !important;}

.bor-b62 {border-bottom:1px solid #626262;}

.borb-ddd {border-bottom-color:#ddd !important;}

/* .vat-pad {vertical-align:top; padding-top:25px !important;} */

.list-dots li.item {padding-left:23px; position:relative; color:#555;}
.list-dots li.item:before {width:3px; height:3px; border-radius:100%; top:13px; left:7px; background-color:#777; position:absolute; content:'';}
.list-dots li.item .indent {padding-left:10px;}
.list-dots li.item .indent2 {padding-left:20px;}

div.qmark {width:17px; height:17px; display:inline-block; background-image:url(../images/sub/service/qmark.png); background-size:contain; background-repeat:no-repeat;}
.qmark {margin:-4px 0 0 6px; vertical-align:middle;}

.fancybox-toolpop .fancybox-skin {border:4px solid #ebebeb; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;	box-shadow:none !important;}
.fancybox-toolpop .fancybox-outer, 
.fancybox-toolpop .fancybox-inner {background-color:#fff;}
.fancybox-toolpop .fancybox-close,
.modal a.close-modal {top:18px; right:15px; width:20px; height:20px; background-size:contain; background-repeat:no-repeat; background-image:url(../images/sub/service/qpop_close.png) !important;}

.cytassist-flex {display:flex;}
.cytassist-flex ul {flex:1;}
.cytassist-flex .img {margin-right:150px;}

.required {font-size:18px; vertical-align:middle; color:#00b0f0; font-weight:700; letter-spacing:-.035em;}
/* .required, .space {padding-right:10px; width:20px; display:inline-block;} */
.required, .space {    padding-right: 0;
letter-spacing: 0; width: 0;
    display: inline-block;
    position: absolute;
    margin-left: -15px;}
.required.right {padding-left:10px; padding-right:0 !important;}

.search-box {padding:35px 10px; background-color:#f7f7f7; display:flex; border-radius:10px; justify-content:center; align-items:center;}
.search-box .item {padding:0 5px;}
.search-box .select-item {width:150px;}
.search-box .input-item {width:440px;}
.search-box .input-item input {width:100% !important;}
.search-box .item input {width:150px;}
.search-box .item a {width:150px; height:50px; display:flex; border-radius:5px; align-items:center; justify-content:center;}
.search-box .item.bg2 a {background-color:#555; color:#fff;}
.search-box .item.bg3 a {background-color:#fff; color:#242424; border:1px solid #ddd;}
.search-box .item1 a {background-color:#e0e0e0;}
.search-box .item5 a {background-color:#707070; color:#fff;}
.search-box.type2 .item2 {min-width:150px;}
.search-box.type2 .item6 {min-width:440px;}

.breakdown {display:flex; font-size:18px;}
.breakdown .col-l {flex:1;}
.breakdown .col-r {display:flex; align-items:center;}
.breakdown .col-r .item:last-child {margin-left:25px;}
.breakdown .col-r .result-down {height:50px; padding:0 20px; align-items:center; display:flex; border:1px solid #ddd; border-radius:5px; color:#333;}
.breakdown .col-r .result-down img {margin-right:5px; vertical-align:middle;}

table.space-center th {text-align:center;}

.breakdown-form {text-align:center !important;}
.breakdown-form table th {/* padding:26px 18px; */ text-align:center; border-left:0; border-right:0;}
.breakdown-form table td {padding:40px 10px; border-left:0; border-right:0;}
.breakdown-form.pad2 table td {padding:12px 18px;}
.breakdown-form table a {font-weight:500; display:block; color:#000; border-radius:30px;}
.breakdown-form table .none-st1 {font-weight:400; display:block; color:#505050; border-radius:0;}
.breakdown-form table .detail {font-size:14px; height:26px; max-width:100px; line-height:24px; margin:7px auto 0; border:1px solid #777;}
.breakdown-form table .detail.wid2 {width:42px; background-color:#fff;}
.breakdown-form table .detail.wid3 {width:74px; margin-top:0 !important;}
.breakdown-form table .detail.type2 {margin-top:0; width:80px;}
.breakdown-form table .bg-c1 {background-color:#2d3346; color:#fff; border-color:#2d3346; font-weight:500;}
.breakdown-form table .bg-c2 {background-color:#e0e0e0; color:#000; border-color:#e0e0e0;}
.breakdown-form table .bg-c3 {background-color:#00b0f0; color:#fff; border-color:#00b0f0;}
.breakdown-form table .bg-c4 {background-color:#707070; color:#fff; border-color:#707070;}
.breakdown-form .info {margin-left:40px;}
.breakdown-form .info .tit {width:133px; height:38px; line-height:36px; margin-bottom:7px; border-radius:30px; font-weight:700; border:1px solid #ddd;}
.breakdown-form .info ul li {display:flex;}
.breakdown-form .info ul li p {text-align:left; flex:1;}
.breakdown-form .flex {display:flex; align-items:center;}
.breakdown-form .flex p {flex:1;}
.breakdown-form .btn-wrap {margin-right:20px; align-items:center;}
.breakdown-form .btn-wrap a {min-width:105px; background-color:#2d3346; color:#fff; font-weight:300;}
.breakdown-form .btn-wrap a:first-child {margin-top:0;}

.breakdown-form.type2 table th {padding:7px 5px; border-right:1px solid #ddd;}
.breakdown-form.type2 table td {padding:22px 10px; height:auto;}
.breakdown-form.type2 table th.fz14 {padding:5px; font-weight:400; line-height:1.3em;}

.breakdown-form.type3 table th {padding:20px 5px; border-right:1px solid #ddd;}
.breakdown-form.type3 table td {padding:20px 10px; height:auto;}

.breakdown-form.pad3 table th {padding:6px 0;}
.breakdown-form.pad3 table td {padding:5px;}

.all-border table th,
.all-border table td {border-right:1px solid #ddd;}

.table-padding table td {padding:12px 5px;}

.content-height {height:150px !important;}

.detail-btn-wrap {display:flex; justify-content:space-between; align-items:flex-end;}
.detail-btn-wrap .col-l {display:flex;}
.detail-btn-wrap .col-l p {margin-right:40px; color:#555;}
.detail-btn-wrap .col-l p strong {padding-right:22px; color:#333; position:relative;}
.detail-btn-wrap .col-l p strong:after {position:absolute; content:''; top:9px; right:9px; width:1px; height:14px; background-color:#a8a8a8;}
.detail-btn-wrap .col-r {display:flex;}
.detail-btn-wrap .col-r a {margin-right:13px; min-width:120px; height:50px; padding:0 15px; border:1px solid #ddd; border-radius:5px; display:flex; color:#333; align-items:center; justify-content:center;}
.detail-btn-wrap .col-r a img {margin:-2px 5px 0 0; vertical-align:middle;}
.detail-btn-wrap .col-l p:last-child, .detail-btn-wrap .col-r a:last-child {margin-right:0;}

.step-wrap .title {padding:30px 50px; border-top:1px solid #626262;}

.a-border {border:1px solid #ddd; border-radius:5px; line-height:50px; padding:0 10px; display:inline-block;}

.board-form .radiobox.mar0 label:before, 
.board-form .checkbox.mar0 label:before {margin-right:0;}

.board-form .radiobox.mar10 label:before, 
.board-form .checkbox.mar10 label:before {margin-right:10px;}

.board-form.pad2 table th {padding:18px 5px; line-height:1.5em;}
.board-form.pad2 table td {padding:10px 7px;}

.doctit-wrap {margin-bottom:40px; display:flex;}
.doctit-wrap .doc-tit {flex:1; margin-bottom:0;}
.btns-wrap {display:flex; justify-content:flex-end;}
.btns-wrap a {margin-left:8px; min-width:77px; text-align:center;}

.table-in-qmark table th {font-size:17px; padding:25px 15px; position:relative;}
.table-in-qmark table td {text-align:center !important;}
.table-in-qmark table .pop_modal,
.table-in-qmark table .pop_qmark {position:absolute; top:5px; right:5px;}

.pop_qmark.detail {position:relative !important; top:auto !important; right:auto !important; margin-top:0 !important;}

.table-in-qmark2 table th {padding:4px 10px;}

.q-link .path-wrap .part:last-child {display:none;}

.quick-info {display:flex; /* padding:40px 30px 30px; border:1px solid #ddd; */}
.quick-info .col-l {width:1%; flex:1;}
.quick-info .col-l ul .item {padding-left:13px; margin-bottom:5px; position:relative; color:#000;}
.quick-info .col-l ul .item:last-child {margin-bottom:0;}
.quick-info .col-l ul .item:before {width:3px; height:3px; background-color:#555; position:absolute; content:''; top:12px; left:0; border-radius:100%;}
.quick-info .col-l ul .item ol li {color:#555; line-height:1.8em;}
.quick-info .col-r {flex:1 800px; max-width:800px;}
.quick-info .col-r .table-1 table th,
.quick-info .col-r .table-1 table td {padding:10px 5px;}

.loca {display:flex;}
.loca .box {position:relative;}
.loca .box {margin-right:65px;}
.loca .box:last-child {margin-right:0;}
.loca .box:after {position:absolute; content:''; top:4px; right:-32px; background-color:#aaa; width:1px; height:20px;}
.loca .box:last-child:after {display:none;}
.loca .box .item {margin-right:20px;}
.loca .box .item:last-child {margin-right:0;}

.breakdown-form .pos {padding-right:50px; display:flex; align-items:center;}
.breakdown-form .pos ul {flex:1;}
.breakdown-form table a.bubble img {margin-right:5px; vertical-align:middle;}
.breakdown-form table a.bubble span {font-size:14px; font-weight:700; color:#ff6000;}

.quick-apply {margin:65px 0 40px; text-align:center;}
.quick-apply .tit {margin-bottom:30px; font-weight:700; color:#333;}
.quick-apply .num {margin-bottom:15px;} 
.quick-apply p {line-height:1.8em; color:#555;}

.openbox {max-width:550px; letter-spacing:-.01em; color:#686868; position:relative; border:1px solid #ddd; border-radius:7px;}
.openbox .slct {height:50px; padding:0 20px; align-items:center; display:flex; line-height:1.3em;}
.openbox .slct:after {content:""; position:absolute; top:50%; transform:translateY(-50%); right:18px; width:14px; height:9px; background:url("../images/bbs/select.png") 50% 50% no-repeat;}
.openbox ul {padding:10px 20px; display:none; position:absolute; z-index:1; left:0; width:550px; margin-top:10px; border-radius:10px; box-shadow:1px 3px 10px rgba(0,0,0,.15); background-color:#fff;}
.openbox ul li {margin-bottom:10px; line-height:1.6em;}
.openbox ul li:last-child {margin-bottom:0;}
.openbox ul li a {display:block; color:#686868;}
.openbox ul li:hover a {color:#000; text-decoration:underline;}
.openbox.active ul {display:block;}
.openbox.active .slct:after {transform:rotate(180deg); margin-top:-5px;}

.qc-input {width:440px;}

.modal a.close-modal {background-image:url(/images/pop_close.png);}

/* .blocker {background-color:rgba(255,255,255,0);} */
.modal {padding:75px 30px 20px; max-width:410px; min-height:200px; box-shadow:none; border:4px solid #ebebeb;}
.layer_popup {display:none; width:100%; position:relative; z-index:100 !important;}
.layer_popup .title {font-size:20px; margin-bottom:25px; font-weight:700; letter-spacing:-.025em; color:#555;}
.layer_popup .tit {font-size:18px; margin-bottom:12px; font-weight:700; letter-spacing:-.025em; color:#000;}
.layer_popup.modal.size-auto {min-height:auto;}
.layer_popup.modal.size1 {padding:30px;}
.layer_popup.modal.size2 {max-width:720px;}
.layer_popup.modal.size3 {max-width:580px;}
.layer_popup.modal.size4 {max-width:300px;}
.layer_popup.modal.size5 {max-width:450px;}
.layer_popup .table table {border-top:1px solid #626262; border-bottom:1px solid #626262; border-collapse:collapse; width:100%; text-align:center;}
.layer_popup .table table th {padding:10px 5px; border-right:1px solid #ddd; background-color:#f8f8f8; color:#000; border-bottom:1px solid #626262;}
.layer_popup .table table td {padding:10px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.layer_popup .table table th:last-child,
.layer_popup .table table td:last-child {border-right:0;}

.layer_popup.ty1 {padding:20px; max-width:500px; height:500px;}
.layer_popup.ty1 .board-search {border-top:1px solid #000; background-color:#fafafa; padding:20px 0;}
.layer_popup.ty1 .board-search .search {display:flex; justify-content:center; float:none;}
.layer_popup.ty1 .board-search .search input.input {margin-right:10px; width:200px;}
.layer_popup.ty1 .table table th,
.layer_popup.ty1 .table table td {height:50px; border-right:0;}

.layer_popup.ty2 {padding:20px; max-width:650px; height:650px;}
.layer_popup.ty2 .table {margin-top:10px;}
.layer_popup.ty2 .table table th {border-bottom:1px solid #ddd;}
.layer_popup.ty2 .table table td {padding:10px 20px; text-align:left;}
.layer_popup.ty2 .table table td.radio-w .item {width:80px; display:inline-block; text-align:center;}
.layer_popup.ty2 .wid-50 {width:50px; padding:0; text-align:center !important;}

.order-complete {text-align:center;}
.order-complete strong {margin:30px 0; font-size:20px; color:#000; display:block;}
.order-complete strong b {color:#007fc4;}
.order-complete p {margin-bottom:10px;}
.order-complete .num {color:#000;}

.pop-panel {border:0; padding:30px 30px 50px; width:100%; max-width:1300px;}
.pop-panel .tit {margin:0; padding-bottom:15px; border-bottom:1px solid #000000; font-size:20px; color:#000;}
.pop-panel .table {margin-top:30px;}
.pop-panel .table table {border-top:1px solid #626262; border-collapse:collapse; width:100%; text-align:center; font-size:18px;}
.pop-panel .table table th {padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#000;}
.pop-panel .table table td {padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.pop-panel .table table th:last-child,
.pop-panel .table table td:last-child {border-right:0;}
.pop-panel .table table tbody tr:hover td {background:#f9f9f9;}
.modal.pop-panel .close-modal {top:30px; right:30px; background-size:12px;}
.panel-search {display:grid; gap:12px; padding:15px 20px; background:#f5f5f5;}
.panel-search .input {display:block; width:100%;}
.panel-search .row {display:flex; gap:10px;}
.panel-search .w40 {width:40%;}
.panel-search .w60 {width:60%;}
.panel-search .btn-pack.medium {min-width:120px; background:#707070; border-color:#707070; font-size:18px;}
.panel-search .words {display:flex; flex-wrap:wrap; gap:6px;}
.panel-search .word {display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#fff; border:1px solid #ddd; border-radius:6px; font-size:20px; color:#000; font-weight:700;}

@media (max-width:1500px) {
	.pop-panel .table table {font-size:16px;}
	.pop-panel .table table th {padding:10px;}
	.pop-panel .table table td {padding:10px;}
	.panel-search .btn-pack.medium {font-size:15px;}
	.panel-search .word {width:36px; height:36px; font-size:16px;}
}
@media (max-width:760px) {
	.pop-panel {padding:20px 20px 30px; margin-top:80px; max-height:76vh; overflow:auto;}
	.pop-panel .tit {font-size:16px; padding-bottom:10px;}
	.pop-panel .table {margin-top:10px;}
	.pop-panel .table table {font-size:14px; line-height:1.4em;}
	.pop-panel .table table th {padding:8px;}
	.pop-panel .table table td {padding:8px;}
	.panel-search {gap:10px; padding:10px 10px;}
	.panel-search .row {flex-wrap:wrap; gap:8px;}
	.panel-search .w40 {width:calc(40% - 4px);}
	.panel-search .w60 {width:calc(60% - 4px);}
	.panel-search .btn-pack.medium {display:block; min-width:100%; font-size:14px;}
	.panel-search .words {gap:4px;}
	.panel-search .word {width:27px; height:27px; font-size:13px; border-radius:4px;}
	.modal.pop-panel .close-modal {top:20px; right:20px;}
}

.img-upload {display:flex; align-items:center;}
.img-upload a {margin:0;}
.img-upload .detail {width:80px; margin:0 7px !important;}

.filebox {display:flex; align-items:center}
.filebox .upload-name {border-radius:5px; flex:1; height:32px; padding:0 10px; border:1px solid #bbb; width:100%; max-width:120px; color:#999;}
/* .filebox label {padding:0; color:#fff !important; vertical-align:middle; background-color:#333; cursor:pointer; height:44px; line-height:44px; width:134px; text-align:center;} */
.filebox label {border-radius:30px;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}

/* .reportSlide {margin-top:140px;} */
.reportSlide .items {padding:0 200px;}
.reportSlide .items .item {transform:scale(.75); text-align:center;}
.reportSlide .items .item.slick-current {transform:scale(1);}
.reportSlide .items .item .img {position:relative;}
.reportSlide .items .item .img:after {opacity:0; position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:2px solid #529fc9;}
.reportSlide .items .item.slick-current .img:after {opacity:1;}
.reportSlide .slick-arrow {display:block; position:absolute; width:28px; height:43px; top:50%; transform:translateY(-50%); z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.reportSlide .slick-prev {left:105px; background-image:url("../images/sub/result/bt_prev.png");}
.reportSlide .slick-next {right:105px; background-image:url("../images/sub/result/bt_next.png");}

.report-detail {margin-top:80px; text-align:center;}
.report-detail img {box-shadow:1px 3px 10px rgba(0,0,0,.15);}

.bg-box {padding:25px 30px; background-color:#f7f7f7; border-radius:10px;}

.search-wrap1 {margin-bottom:15px; display:flex; justify-content:space-between;}
.search-wrap1 .col {display:flex; align-items:center;}
.search-wrap1 .col-l p {margin-right:15px;}
.search-wrap1 .item1 {margin-right:30px;}
.search-wrap1 .date .input {max-width:165px;}
.search-wrap1 .search {margin-left:15px;}
.search-wrap1 .won {margin:0 15px;}
.search-wrap1 .won .input {max-width:140px; text-align:right;}

.table-in-wrap .wrap {margin-bottom:15px;}
.table-in-wrap .wrap strong {display:inline-block; width:160px; text-align:center;}
.table-in-wrap .wrap:last-child {margin-bottom:0;}
.table-in-wrap .wrap .txt {font-size:16px; padding-left:160px;}

.money-title {display:flex; justify-content:center; align-items:center;}
.money-title a {margin-left:30px; color:#00b0f0; display:inline-block; font-weight:700; border:1px solid #ddd;}

.coupon-wrap {border-top:1px solid #000; border-bottom:1px solid #000; display:flex;text-align:center;}
.coupon-wrap .item {width:50%;padding-bottom:20px}
.coupon-wrap .item .tit {padding:20px 0; margin-bottom:20px; border-bottom:1px solid #ddd; font-weight:700;}

.pwd-check {padding:65px 0; text-align:center; background-color:#f7f7f7; border-radius:10px;}
.pwd-check p {margin-bottom:20px;}

.mem-leave {padding:30px 25px; background-color:#f5f5f5; text-align:center;}

.display-b {margin-top:10px; display:block;}

.btn-pack.large-pm {min-width:50px; line-height:48px;}

.service-agree .content {padding:15px; height:280px; border:1px solid #ddd; overflow:scroll; background-color:#fafafa;}
.service-agree .sec {margin-bottom:25px;}
.service-agree .table {margin:25px 0;}
.service-agree .table table {border-top:2px solid #626262; border-collapse:collapse; width:100%; text-align:center;}
.service-agree .table table th {background-color:#f7f7f7; color:#333;}
.service-agree .table table th, 
.service-agree .table table td {padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.service-agree .table table th:last-child, 
.service-agree .table table td:last-child {border-right:0;}
.service-agree .content ol li {padding-left:15px; text-indent:-15px; margin-bottom:3px; line-height:1.667em; letter-spacing:-.035em;}
.service-agree .content ol li:last-child {margin-bottom:0;}
.service-agree .content ol li ol {margin:10px 0;}

.service-agree .bot {text-align:center;}
.service-agree .bot .date {margin-bottom:20px;}
.service-agree .bot p {margin:15px 0 30px;}
.service-agree .bot .input {text-align:center;}

.fancybox-lock .fancybox-overlay {background:unset}
.fancybox-popfind .fancybox-skin {border:4px solid #ebebeb;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}
.fancybox-popfind .fancybox-outer, 
.fancybox-popfind .fancybox-inner {background-color:#fff;}
.fancybox-popfind .fancybox-close {top:20px; right:23px; width:20px; height:20px; background-size:contain; background-repeat:no-repeat; background-image:url(../images/sub/service/qpop_close.png) !important;}


/* 유보이후 추가 */
.btn-pack.leave {background-color:#ff7833; border-color:#ff7833; color:#fff;}


.tb-style {border-top:1px solid #000;}
.tb-style table {border-collapse:collapse; width:100%;}
.tb-style thead th {font-size:18px; letter-spacing:-.035em; line-height:1.2em;}
.tb-style th {padding:20px 10px; color:#333;}
.tb-style td {padding:7px; color:#555;}
.tb-style th, .tb-style td {border-bottom:1px solid #ddd;}
.tb-style th:last-child, .tb-style td:last-child {border-right:0;}

.tb-style .center {text-align:center;}
.tb-style .left {text-align:left;}

.tb-style .detail-btn {font-size:13px; min-width:80px; max-width:80px; line-height:28px; margin:5px auto 0; display:block; color:#000; letter-spacing:-.05em; text-align:center; font-weight:500; border:1px solid #ddd; border-radius:30px;}
.tb-style .detail-btn:hover {color:#fff; background-color:#b3b3b3; border-color:#b3b3b3;}

.padding-border {padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #ddd;}
.padding-left10 {padding-left:10px;}
.padding-left20 {padding-left:20px;}
.padding-left30 {padding-left:30px;}
.padding-left100 {padding-left:100px;}

.doc-tit2 {font-size:20px; margin-bottom:20px; line-height:1.3em; color:#007fc4; letter-spacing:-.04em;}

.quantity-1 .qty-bt {font-size:18px; width:30px; height:30px; line-height:28px; border-radius:3px; border:1px solid #ddd;}

.qmrk {display:none; width:17px; height:17px; margin:-2px 0 0 10px; cursor:pointer; vertical-align:middle; /* display:inline-block; */ background-position:50% 50%; background-repeat:no-repeat; background-image:url('../images/sub/qmrk.png');}
.qmrk:hover {background-image:url('../images/sub/qmrk-on.png');}

/* span태그 위치 option */
.tooltip-link {width:17px; height:17px; margin:-2px 0 0 5px; cursor:pointer; vertical-align:middle; display:inline-block; background-position:50% 50%; background-repeat:no-repeat; background-image:url(../images/sub/qmrk.png);}
.tooltip-link:hover {background-image:url(../images/sub/qmrk-on.png);}

.required + .tooltip-link {margin-left:0;} 
 
/* 툴팁 option */
/* .tooltip-link[data-tooltip]:not([data-tooltip=""]):before {padding:10px 7px; border-radius:10px;
max-width:300px; width:300px; left:50px; content:attr(data-tooltip); position:absolute; background-color:rgba(0,0,0,0.5); color:#fff; 
    top:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s linear;}
.tooltip-link[data-tooltip]:not([data-tooltip=""]):after {right:-23px; top:50%; margin-top:-10px;  content:''; border-width:10px; border-style:solid; border-color:transparent; border-top-color:rgba(0,0,0,0.5); width:0; height:0; display:inline-block; position:absolute; transform:rotate(90deg); opacity:0; transition:all 0.5s linear;}
.tooltip-link:hover[data-tooltip]:not([data-tooltip=""]):before, 
.tooltip-link:hover[data-tooltip]:not([data-tooltip=""]):after {opacity:1;} */


.flex-dot {margin-bottom:25px; display:flex;}
.flex-dot li {padding-left:15px; margin-right:30px; position:relative; display:flex;}
.flex-dot li:last-child {margin-right:0;}
.flex-dot li:before {width:4px; height:4px; position:absolute; content:''; top:12px; left:0; background-color:#555; border-radius:100%;}
.flex-dot li p {position:relative;}
.flex-dot li p:last-child {padding-left:30px;}
.flex-dot li p:last-child:before {top:-2px; left:11px; font-size:14px; position:absolute; content:'|';}

.sample-btn {min-width:300px; border:2px solid #77bbe0; height:50px; padding:0 30px; margin-top:40px; color:#000; line-height:48px; font-size:18px; display:inline-block; text-align:center; font-weight:500; border-radius:30px;}
.sample-btn img {margin:-2px 10px 0 0; vertical-align:middle;}

.sub-visual .content h2 i {margin:0 20px; width:1px; height:40px; background-color:#fff; display:inline-block;}

.detail-pg .title {font-size:24px; height:80px; padding:0 20px; margin-bottom:70px; align-items:center; color:#fff; font-weight:700; background-color:#555; display:flex;}
.detail-pg .title .num {padding-right:15px; color:#00b0f0;}

.thpad th {padding:25px 0 !important;}

.point-bt {color:#00acdc !important; text-decoration:underline;}

.clr-1 {color:#00b0f0 !important;}
.clr-2 {color:#28be00 !important;}
.clr-3 {color:#ff0000 !important;}

.qctb-1 table th {background-color:#fff;}
.qctb-1 table td {padding:5px !important;}
.qctb-1 table td select.input {border:none !important;}
.qctb-1 table td a {display:flex; justify-content:center;}
.qctb-1 table .bor-none,
.qctb-1 table td:last-child {border-right:0 !important;}

.qc-btns .ty1 {padding-right:40px; position:relative;}
.qc-btns .ty1:after {position:absolute; content:''; top:8px; right:20px; background-color:#aaa; height:14px; width:1px;}
.qc-btns .ty2 {font-size:14px; line-height:26px; padding:0 10px; color:#00b0f0; border:1px solid #00b0f0; border-radius:30px;}
.qc-btns .ty1 img {margin:-6px 0 0 10px; vertical-align:middle;}

.qc-btns2 .ty1:last-child {padding-right:0;}
.qc-btns2 .ty1:last-child:after {display:none;}

.btn-arrow {width:7px; height:12px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block; background-image:url('../images/sub/btn-arrow.png');}

.wide-title {margin-bottom:70px; background-color:#f2f2f2;}
.wide-title .contain {height:80px; align-items:center; justify-content:space-between; display:flex;}
.wide-title .tit {font-size:24px; font-family:'GmarketSans'; font-weight:700; letter-spacing:-.03em; color:#000; flex:1;}

.service-m ul {display:flex; margin:0 -5px;}
.service-m ul li {width:14.28%; padding:0 5px;}
.service-m ul li a {height:90px; padding:5px; line-height:1.44em; border:1px solid #ddd; align-items:center; justify-content:center; text-align:center; border-radius:10px; display:flex;}
.service-m ul li.active a {border-color:#00b0f0; background-color:#00b0f0; color:#fff;}

.tb-in-flex {margin-top:-1px; display:flex;}
.tb-in-flex li {padding:13px 0; align-items:center; width:100%; border-right:1px solid #ddd; display:flex; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tb-in-flex li:last-child {border-right:0;}
.tb-in-flex li p {width:200px; border-right:1px solid #ddd; text-align:center;}
.tb-in-flex li .in {padding-left:20px; flex:1;}

.sheet-tb-top {padding-bottom:10px; border-bottom:1px solid #ddd; display:flex;}
.sheet-tb-top .col-l {padding-left:30px; flex:1;}
.sheet-tb-top .col-r {font-size:14px; display:flex;}
.sheet-tb-top .col-r a {min-width:100px; margin-right:10px; line-height:26px; display:block; text-align:center; border-radius:20px; color:#fff;}
.sheet-tb-top .col-r a:last-child {margin-right:0;}
.sheet-tb-top .col-r a.ty1 {background-color:#00b0f0;}
.sheet-tb-top .col-r a.ty2 {background-color:#707070;}

.spreadsheet-top {margin-bottom:15px; display:flex;}
.spreadsheet-top .col-l {flex:1;}
.spreadsheet-top span {color:#00b0f0;}
.spreadsheet-top .col-r {display:flex;}
.spreadsheet-top .col-r a.ty1 {min-width:140px; line-height:26px; font-size:14px; margin:0 10px; display:inline-block; text-align:center; border-radius:20px; border:1px solid #ddd;}
.spreadsheet-top .col-r a.ty2 {padding:0 10px; position:relative;}
.spreadsheet-top .col-r a.ty2:after {height:14px; top:6px; position:absolute; content:''; right:0; width:1px; background-color:#ddd;}
.spreadsheet-top .col-r a.ty2:last-child:after {display:none;}
.spreadsheet-top .col-r a b {font-weight:800;}

.calendar .cal-date.point {color:#ff4e00;}
.calendar ul li span {font-size:13px; padding-left:10px; color:#a13838;}
.calendar ul li b {font-weight:400; color:#ff4e00;}

.p-m-wrap {padding:10px 20px; margin-bottom:30px; display:flex; align-items:center; background-color:#f5f5f5;}
.p-m-wrap p {margin-right:20px;}
.p-m-wrap .input {padding:0; margin:0 5px; text-align:center;}
.p-m-wrap .quantity-1 {align-items:center; display:flex;}
.p-m-wrap .quantity-1 .qty-bt {background-color:#fff;}
.p-m-wrap .input, .p-m-wrap .quantity-1 .qty-bt {width:40px; height:40px;}

.spreadsheet-tb {padding-bottom:300px; border-bottom:1px solid #000;}
.spreadsheet-tb table {font-size:18px; border-top:1px solid #000; text-align:center; border-collapse:collapse; width:100%;}
.spreadsheet-tb table th {color:#333; letter-spacing:-.03em; background-color:#f5f5f5;}
.spreadsheet-tb table th, .spreadsheet-tb table td {padding:15px 0; height:60px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.spreadsheet-tb table th:last-child, .spreadsheet-tb table td:last-child {border-right:0;}
.spreadsheet-tb table .input.datepicker {height:35px; border:0; background-color:unset;}
.spreadsheet-tb table select {border:0; background-color:unset;}
.spreadsheet-tb table select:focus {outline:none; border:none;}
.spreadsheet-tb table .in-select {padding:0;}
.spreadsheet-tb table tbody tr:hover td {border-bottom-color:#00b0f0; background-color:#f1fbff;}

.tb-in-search {}
.tb-in-search .group {padding:10px 0 15px;}
.tb-in-search .group .top {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #626262; display:flex;}
.tb-in-search .group .top .tit {flex:1; color:#010101; font-weight:500;}
.tb-in-search .group .top b {color:#000;}
.tb-in-search .group .no-data {text-align:center;}
.tb-in-search .group .search {padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tb-in-search .group .search select {flex:1; width:100% !important;}
.tb-in-search .group .search input.input {max-width:50% !important;}
.tb-in-search .group .list .itemm {padding:10px 0; display:block; border-bottom:1px solid #ddd;}


.h-auto {height:auto !important;}

.join-img {margin:160px 0 60px; text-align:center;}

.agree-renew {background-color:#fbfcfd; border-radius:30px; padding:20px;}
.agree-renew h2 {font-size:20px; font-weight:900; color:#000;}
.agree-renew .group {margin-top:30px;}
.agree-renew .tit {font-size:18px; margin-bottom:10px; font-weight:700; color:#555;}
.agree-renew .mail {color:#c04f15; margin-top:15px;}
.agree-renew .mail small {width:20px; height:20px; line-height:20px; margin-right:10px; font-weight:900; display:inline-block; text-align:center; font-size:16px; color:#fff; border-radius:100%; background-color:#c04f15;}

.agree-renew .mail-group {position:relative;}
.agree-renew .abs {position:absolute; top:0; right:0;}

.join-com {padding:30px 30px 60px; text-align:center; background-color:#fbfcfd; border-radius:30px;}
.join-com .img {margin-bottom:30px;}
.join-com strong {font-size:20px; margin-bottom:20px; letter-spacing:-.03em; line-height:1.4em; display:block; color:#000; font-weight:900;}
.join-com p {font-size:18px; line-height:1.6em;}

/* 서비스별 Sample QC 기준 상세보기 */
.qc-sample {font-size:clamp(14px, calc(16 / 1600 * 100vw ), 16px); line-height:1.5em; letter-spacing:-.03em;}
.qc-sample h2 {padding:20px 0 12px 0; margin-bottom:15px; border-bottom:1px solid #000; color:#000; font-size:clamp(18px, calc(24 / 1600 * 100vw ), 24px); line-height:1.3em; letter-spacing:-.03em;}
.qc-sample h3 {margin-bottom:10px; color:#000; font-size:clamp(15px, calc(19 / 1600 * 100vw ), 19px); line-height:1.3em; letter-spacing:-.03em;}
.qc-sample .sec {margin-bottom:35px;}
.qc-sample .info-guide {margin-left:1em; color:#555; font-weight:300;}
.qc-sample .table {margin:0;}
.qc-sample .table table {font-size:clamp(13px, calc(17 / 1600 * 100vw ), 16px); line-height:1.5em;}
.qc-sample .table table th {height:42px; padding:5px; color:#222; line-height:inherit;}
.qc-sample .table table td {height:50px; padding:5px; color:#555; line-height:inherit;}
.qc-sample .table table thead th {background:#f2f2f2;}
.qc-sample .table .bg1 {background:#e9ffe2;}
.qc-sample .table .bg2 {background:#fff4e2;}
.qc-sample .table .bg3 {background:#ffe2e2;}
.qc-sample .table .bg4 {background:#bbb;}
.qc-sample .table .sm {display:block; font-size:.8em; line-height:1.2em;}
.qc-sample .table .sm2 {display:block; font-size:.67em; line-height:1.2em;}
.qc-sample .table.width-sm {max-width:470px;}

@media (max-width:760px) {
	.qc-sample h2 {padding:0 30px 10px 0; margin-bottom:10px;}
	.qc-sample .info-guide {margin-left:0; font-size:12px;}
	.qc-sample .sec {margin-bottom:25px;}
	.qc-sample .table {margin:0 -20px; padding:0 20px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
}