@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ font-family: 'Roboto','Noto Sans KR','malgun Gothic','맑은고딕',sans-serif; font-size:13px; }
/* 상단 */
#pixxett-api .dx-nav-0-link{color:#737e84;font-weight:bold;padding:0 12px;margin-right:0;}
#pixxett-api .dx-nav-active .dx-nav-0-link{font-weight:bold; color:#000;}
#pixxett-api .dx-nav-active .dx-nav-0-link:after{height:3px ;background-color:#0099e5;}
/* 왼쪽 메뉴 */
#documenter_sidebar{width:14%;}
#documenter_sidebar ol a{font-weight:bold; padding-top:15px;}
#documenter_sidebar ol a i{font-weight:normal;font-size:1.1rem;width:18px;display:inline-block;margin-right:0;}
#documenter_sidebar ol li ol li a{font-size:11px;font-weight:500;line-height:1.2rem;padding-bottom:8px;}
/* table */
#documenter_content table{max-width:1000px; }
#documenter_content table th,
#documenter_content table td{padding:0.85rem; word-break : keep-all; }
#documenter_content table thead th,
#documenter_content table thead td{font-weight:bold;}
#documenter_content table th code {color:#333; font-family:"Roboto";}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table{padding:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table{border:0;margin-bottom:0; }
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr td:first-child{border-left:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr td:last-child{border-right:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr:last-child td{border-bottom:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr:first-child th{border-top:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr th:first-child{border-left:0;}
#pixxett-api .method .method-copy .table > tbody > tr > td.table-in-table > table tr th:last-child{border-right:0;}
/* 도표 */
#documenter_content .fallow li{display:inline-block;list-style:none;margin:0;}
#documenter_content .fallow li span{display:table-cell; background-color:#FFF; margin-bottom:10px;border: 1px solid #BDC4C9; border-radius:5px; font-weight:500;padding:0.8rem 1.5rem; text-align:center; line-height:1.2rem;}
#documenter_content .fallow li span p{margin:0;}
#documenter_content .fallow li > i{display:table-cell; font-weight:900;vertical-align:middle;color:inherit; font-size: 1.5rem; opacity: 0.3; padding:0 0.8rem;}
#documenter_content .fallow li div{display:table-cell;}
#documenter_content .fallow li div span{display:block; }
/* #documenter_content .fallow.color-lightpink span{background-color:#dce9f1;color:#;border:none;} */
/* #documenter_content .fallow.color-lightpink li > i{color:#;} */
.flow-wrap {overflow-x:auto;}
.flow {overflow:hidden; min-width:430px; margin:20px 0;}
.flow:after {content:' '; display:block; clear:both;}
.flow .clear {clear:both;}
.flow .box {display:inline-flex; align-items:center; justify-content:center; float:left; width:120px; height:70px; text-align:center; line-height:1.5; border-radius:5px;}
.flow .line {display:inline-flex; position:relative; float:left; height:5rem; font-size:0; background:#c7d1d6;}
.flow .arr:after {content:' '; position:absolute; top:-3px; right:1px; width:0; height:0; padding:3px; transform:rotate(-45deg); border:solid #c7d1d6; border-width:0 3px 3px 0;}
.flow .box-blue {background:rgba(19,170,249,0.1);}
.flow .box-purple {background:rgba(116,96,238,0.1);}
.flow .box-orange {background:rgba(255,178,43,0.1);}
.f-process {min-width:700px;}
.f-process .line {width:20px; height:3px; margin-top:35px;}
.f-process .box {width:100px; color:#333; background:#f9f9f9;}
.f01 {min-width:600px;}
.f01 .line {width:230px; height:3px; margin-top:35px;}
.f01 .box-purple {margin-left:10px;}
.f01 .box-orange {width:100px; margin-left:130px;}
.f01 .box-orange + .box-orange {margin-left:10px;}
.f02 .l01 {width:30px; height:3px; margin-top:35px;}
.f02 .l02 {width:15px; height:3px; margin-top:35px;}
.f02 .l03 {width:3px; height:35px; margin-top:35px;}
.f02 .l04 {width:15px; height:3px; margin-top:35px;}
.f02 .l05 {width:3px; height:10px; margin-left:285px;}
.f02 .l06 {width:3px; height:38px; margin-left:285px;}
.f02 .l07 {width:15px; height:3px; margin-top:35px;}
.f03 .l01 {width:3px; height:35px; margin:35px 0 0 210px;}
.f03 .l02 {width:15px; height:3px; margin-top:35px;}
.f03 .l03 {width:3px; height:15px; margin-left:210px;}
.f03 .l04 {width:15px; height:3px; margin-top:35px;}
.f03 .l05 {width:3px; height:35px; margin-top:35px;}
.f03 .l06 {width:15px; height:3px; margin-top:35px;}
.f03 .l07 {width:30px; height:3px; margin-top:35px;}
.f03 .l08 {width:3px; height:10px; margin-left:135px;}
.f03 .l09 {width:3px; height:38px; margin-left:135px;}
.f03 .l10 {width:15px; height:3px; margin-top:35px;}
.f03 .l11 {width:30px; height:3px; margin-top:35px;}
.f03 .l12 {width:3px; height:15px; margin-left:210px;}
.f03 .l13 {width:3px; height:38px; margin-left:210px;}
.f03 .l14 {width:15px; height:3px; margin-top:35px;}
.f04 .l01 {width:30px; height:3px; margin-top:35px;}
.f04 .l02 {width:30px; height:3px; margin-top:35px;}
.f04 .l03 {width:3px; height:20px; margin-left:210px;}
.f04 .l03:after {top:auto; right:auto; bottom:1px; left:-3px; transform:rotate(45deg);}
.f04 .box-orange {margin-left:150px;}
/* 레이아웃 */
#documenter_content{padding-left:30px;}
#documenter_content section:first-child{padding-top:50px;}
#documenter_content section.method{min-height:auto;padding-bottom:0;}
#documenter_content section .figure{margin-bottom:50px;}
#documenter_content section h3 + p{margin-top:0;}
#pixxett-api section:not(:first-child) .method-example,
#pixxett-api section:not(:first-child) .method-copy {border:0}
.pre{white-space: pre-wrap;}
.padding0{padding:0 !important;}
#pixxett-api h1{font-size:32px; color:#0099e5;}
@media (max-width: 2500px) and (min-width: 400px){
#pixxett-api h1,#pixxett-api .method .method-copy h1{font-size:32px; color:#0099e5;}
}
#pixxett-api h3{font-weight:bold;font-size:19px;}
h2, .h2{font-size:27px; margin-bottom:50px; font-weight:bold;}
p a:hover{text-decoration:underline;}
p img{margin:10px 0;}
p.summary{width:800px; word-break : keep-all; line-height:1.7rem;}