@charset "utf-8";
@import url("base.css");
html,body { scroll-behavior:smooth; } 
body {background-color: #f4f4f4;}
/* clearfix:Start */
.clearfix:after { /* Firefox, IE8, Opera, Safari, etc. */
 content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } 

*+html .clearfix { /* for IE7 */
 display: inline-block; } 

* html .clearfix { /* for IE6 */
 height: 1%; } 

body.body-scroll-none { height: 100%; overflow: hidden; } 

#wrap { min-width: 1110px; position: relative; overflow: hidden; scroll-behavior:smooth; } 
.mo_header { display: none; } 
.view_m { display: none !important; } 
.hidden_m { display: block; } 
.view { display: block !important; } 
.hide { display: none !important; } 


.txt {color: #333; line-height: 1.5;}
._t13 {font-size: 13px;}
._t16 {font-size: 16px;}
._t20 {font-size: 20px;}
._bold {font-weight: 700;}
/** header **/
#header { width: 100%; height: 75px; top: 0; padding: 0 30px; background: #424349; z-index: 10; border-bottom: 1px solid #eeeeee; min-width: 1110px; position: fixed; } 
#header .header-wrap { display:flex; align-items:center; justify-content: space-between; height: 75px; margin: 0 auto; /*overflow:hidden; */ } 

#header .header-wrap h1 {padding: 0; margin: 0; } 
#header .header-wrap h1>a { display: block; height: 100%; } 
#header .header-wrap nav a:hover,
#header nav a.on { color: #000; } 
#header .header-wrap nav img {position: relative; margin-top: 15px;}
#header .header-wrap nav a.on:after { content: ""; position: absolute; left: -4px; right: -4px; bottom: 0px; background: #000; height: 4px; } 
#header .header-wrap nav a.whitepaper { color: #bf9b2a; border: 1px solid #bf9b2a; border-radius: 100px; text-align: center; width: 110px; height: 24px; line-height: 24px; margin-top: 18px; } 
#header .select_lang { display: flex;}
#header .select_lang a { display: inline-block; font-size: 14px; color: #8b8b8b;}
#header .select_lang > li { margin-left: 10px;}
#header .select_lang > li:first-child { margin: 0;}
#header .select_lang > li.active a {color: #fff;}
/** contents **/
#contents { /*overflow:hidden; */ position: relative; padding-left: 300px; transition: padding .3s ease;} 
#contents:after { content: ""; display: block; clear: both; } 

.contents-wrap { position: relative; display: block; clear: both; box-sizing: border-box;} 
.contents-wrap-gray { position: relative; width: 100%; margin: 0 auto; background: #f3f3f3; display: block; clear: both; } 
.contents-inner-wrap { display: block; clear: both; position: relative; width: 100%; max-width: 980px; padding: 0px 50px 50px; background-color: #fff;} 
.contents-inner-wrap .contents_box:first-child h2 {padding-top: 120px;}

.contents-wrap h2 { padding: 90px 0 0px; font-size: 48px; letter-spacing: 0;} 
.contents-wrap h2 + p {font-size: 16px; margin-top: 20px; color: #333; line-height: 1.8; font-weight: 500;}
.contents_box h3 { font-size: 23px; line-height: 1; padding: 70px 0 0px; margin-bottom: 15px;} 

.contents_box h3 + .inner-source-box { margin-top: 10px; } 
.contents_box h4 { padding: 54px 0 0 8px; } 
.contents_box h3 + h4 { padding: 35px 0 0 8px;}
.contents_box h4:before { top: 70px; } 
.contents_box h3 + h4:before { top: 50px;}

.contents-inner-wrap ul { position: relative; } 
.contents-inner-wrap .left { display: inline-block; } 
.contents-inner-wrap .right { float: right; } 
.contents-inner-wrap img { max-width: 100%; } 

/** leftmenu **/
.leftmenu,
.leftmenu * { box-sizing: border-box; border: 0 none; margin: 0; padding: 0; } 

/* .leftmenu { position: absolute; left:0; top:0px; bottom:0px; z-index:1000; width:225px; background:#fff; border-right:1px solid #b4b4b4; } */
.menu3nd {display: none;}
.leftmenu { position: fixed; left: 0; top: 75px; bottom: 0px; z-index: 1000; width: 245px; background: #fff; border-right: 1px solid #dddddd; transition: transform .3s ease; } 

.leftmenu .lm_cont { position: absolute; left: 0; right: 0; top: 0px; bottom: 0;  overflow-x: hidden; overflow-y: auto; scrollbar-gutter: auto;} 
.leftmenu .btn_leftmenu {display: inline-block; position: absolute; top: 18px; right: -33px; width: 32px; height: 32px; font-size: 0; background: url(../images/common/btn_left_fold.png) no-repeat 50% 50%; cursor: pointer;}
#contents.left_fold { padding-left: 55px;}
#contents.left_fold .leftmenu {/*left: -245px;*/ transform: translateX(-245px);}
#contents.left_fold .leftmenu .btn_leftmenu {background: url(../images/common/btn_left_open.png) no-repeat 50% 50%;  }
.leftmenu .lm_list > li { margin-left: 0px; } 
.leftmenu .lm_list > li.on { border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; } 
.leftmenu .lm_list > li > a { display: block; line-height: 20px; padding: 20px 0px 13px 25px; font-size: 16px; color: #333333; font-weight: 600; background: url("../images/common/ico-3depth-off.png") no-repeat 93% 27px;  }
.leftmenu .lm_list > li.text > a,
.leftmenu .lm_list > li.text > a:hover {background-image: none;}
.leftmenu .lm_list > li.text > a.on {color: #d60000; }
.leftmenu .lm_list > li.text > a,
.leftmenu .lm_list > li.on.text > a {font-size: 16px;} 
.leftmenu .lm_list > li.on > a { color: #d60000; background: url("../images/common/ico-3depth-on.png") no-repeat 93% 28px;}
.leftmenu .lm_list > li.on > a.on { color: #d60000; } 
.leftmenu .lm_list > li > ul { display: none; padding: 5px 0px 13px 0px; margin-top: -10px;} 
.leftmenu .lm_list > li.on > ul { display: block; } 
.leftmenu .lm_list > li > ul > li { display: block; padding: 3px 3px 3px 0px; font-size: 14px; color: #858585; font-weight: 400; } 
.leftmenu .lm_list > li > ul > li > a { display: block; padding: 8px 20px 7px 30px; font-size: 14px; line-height: 1.4; color: #333; font-weight: 600; border-radius: 5px; } 
.leftmenu .lm_list > li.on > a:hover { background: url("../images/common/ico-3depth-on.png") no-repeat 93% 28px; }
.leftmenu .lm_list > li > ul > li.on > a { color: #d60000; } 

.leftmenu .lm_list .menu3nd { display: none; height: 0; transition: all .3s ease; } 
.leftmenu .lm_list .menu3nd > li { position: relative; padding: 8px 0px 7px 40px; } 
.leftmenu .lm_list .menu2nd > li.on .menu3nd { height: auto; display: block; } 

.leftmenu .lm_list .menu3nd > li > a.on { z-index: 2; position: relative; color: #d60000;}  
.leftmenu .lm_list .menu3nd > li > a.on:after { z-index: -1; content: ''; display: block; position: absolute; width: 245px; top:-7px; left: -40px; right: 0; height: 30px; background: #f5f5f5;}
.leftmenu .lm_list .menu3nd > li > a.on._long:after {height: 47px;}
.leftmenu .lm_list .menu3nd > li > a { font-size: 13px; color: #858585; font-weight: 600; } 
.leftmenu .lm_list .menu3nd > li > a:before {content:"-";display: inline-block;margin-right: 3px;}
.leftmenu .menu1st > li.text > a {padding: 20px 0px 14px 26px;}

/*Intro*/
#intro { position: relative; width: 100%; display: block; } 


.inner-source-box { background: #f6f6f6; padding: 15px 20px 20px; margin-top: 0px; font-size: 13px; color: #333333; } 
.inner-source-box .auth_decl { color: #f62222; font-size: 13px; } 
.inner-source-box .auth_value { color: #c9a100; font-size: 13px; } 
.inner-source-box .uri_method { color: #c9a100; font-size: 13px; } 
.inner-source-box .uri_add { color: #888888; font-size: 13px; } 
.inner-source-box .uri_detail { color: #333333; font-size: 13px; } 
.inner-source-box .uri_value { color: #f62222; font-size: 13px; } 

.box-method { padding: 12px 20px; } 
.box-method .trans_method { display: inline-block; min-width: 54px; color: #333; font-size: 13px; background: #fff; border: 1px solid #c8c8c8; padding: 6px; text-align: center; } 
.box-method .trans_method_value { font-size: 13px; color: #333333; padding-left: 3px; } 

.box-method .trans_method.get { background: #75a7f1; border: none; color: #fff; } 

.box-method .trans_method.post { background: #06ce98; border: none; color: #fff; } 

.inner-real-source-box { background: #f6f6f6; padding: 15px 20px 5px; margin-top: 5px; font-size: 13px; color: #333333; overflow-x: auto; } 

.inner-envi-source-box { background: #000; padding: 15px 20px 5px; margin-top: 5px; font-size: 13px; color: #333333; overflow: auto; } 

/* Tables */
.contents_box table { margin-bottom: 1.25em; border: solid 1px #ddd; } 

.contents_box table thead,
.contents_box table tfoot { background: #f7f8f7; font-weight: bold; } 

.contents_box table thead tr th,
.contents_box table thead tr td,
.contents_box table tfoot tr th,
.contents_box table tfoot tr td { padding: 13px 15px 12px; font-size: 14px; color: #333; text-align: left; word-break: break-all; } 

.contents_box table.grid-all > thead > tr > .tableblock, 
.contents_box table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; border-color: #ddd; border-style: solid; font-size: 14px; } 
.contents_box code { background: transparent; border:none; color: #333; font-size: 12px; font-family: inherit; } 

table tr th,
table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: rgba(0, 0, 0, 0.8); } 

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { display: table-cell; line-height: 1.6; } 


/* pre 내 들어가는 소스 처리 */
pre code { color: #c8c8c8; background-color: transparent; padding: 0; border: none; } 
code { color: #ddd; background-color: #373b40; font: 'Inconsolata', monospace; padding: 1px 4px; border: 1px solid #424c54; border-radius: 3px; } 

.hljs-keyword,
.hljs-selector-tag { color: #7b59c0; } 
.hljs-keyword,
.javascript .hljs-function { color: #4BACC6; } 
.hljs-built_in,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type { color: #a65926; } 

.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant { color: #f5871f; } 

.hljs-bullet,
.hljs-string,
.hljs-symbol { color: #918B3B; } 

.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata { color: #718c00; } 

.hljs-comment,
.hljs-quote { color: #A6A6A6; } 

/*transaction*/
#transaction { position: relative; width: 100%; display: block; } 

.source_desc { margin-top: 15px; } 
.source_desc li { display: block; font-size: 14px; font-weight: 400; line-height: 22px; font-family: arial, 'NanumGothic', sans-serif; position: relative; padding-left: 12px; color: #888; height: 100%; } 
.source_desc li::before { content: ''; width: 7px; height: 1px; background-color: #555; position: absolute; left: 0; top: 11px; transform: translateY(-50%); } 


/*scroll_to_top*/
.scrollup { display: none; position: fixed; z-index: 999; width: 45px; height: 45px; border-radius: 50%; padding: 13px 13.5px; bottom: 5%; left: calc(50% + 580px); text-align: center; font-weight: bold; font-size: 15px; color: #888; /*text-indent: -9999px; */
 background-color: #fff; border: 1px solid #dfdfdf; cursor: pointer; } 


@keyframes inout { 
 0% { transform: scale(1, 1); } 
 50% { transform: scale(1.1, 1.1); } 
 100% { transform: scale(1.0, 1.0); } 
 }

@-webkit-keyframes inout {
 /* Safari & Chrome */
 0% { transform: scale(1, 1); } 
 50% { transform: scale(1.1, 1.1); } 
 100% { transform: scale(1.0, 1.0); } 
 }

.contents_box .innerbox:last-child { padding-bottom: 60px; } 

.list_box {display:flex; flex-wrap: wrap; gap:20px;}
.list_box li.type1 {padding: 25px; background: #f2f9fc; border-radius: 10px;}
.list_box li.type2 {padding: 5px 10px; background: #fcf6f6; border-radius: 10px;}
.list_box li.type1 > p + .txt._t13 { display: block; margin-top: 8px; color: #777;}
.list_box._pc_3 > li { display: flex; flex-direction: column; width: calc(100% / 3 - 15px); min-height: 167px; margin: 0;}
.list_box li.type2 > p { text-align: center;}
.list_box._pc_4 > li { display: flex; align-items:center; justify-content: center;width: calc(100% / 4 - 15px); min-height: 80px; margin: 0;}
.desc_box {margin-top: auto; padding-top: 20px;}
.desc_box span.txt._t13 {display: block; margin-top: 5px; max-width: 91%; color:#777;}
.txt_desc {margin-top: 40px; line-height: 1.8;}
/* query 시작 */ 



@media screen and (max-width:1110px) {
#wrap { max-width:1110px; min-width: 100%; position:relative; overflow:hidden; } 
#header { width:100%; padding:0 15px; z-index:10; border-bottom: 1px solid #eeeeee;min-width:768px; position: fixed; } 
#header .header-wrap { position: relative; margin:0 auto; /*overflow:hidden; */max-width:1110px; } 
#contents { margin:0; /*overflow:hidden; */max-width:1110px; min-width: 0; position: relative; padding-left: 250px; } 
.leftmenu { position: fixed; bottom:0px; z-index:9; transition: left .2s ease-in; } 
.contents-inner-wrap { position:relative; max-width:1110px; margin:0 auto; padding:0px 20px 50px 20px; display:block; clear:both; } 
#contents.left_fold {padding-left: 0;}
}



@media screen and (max-width: 768px) {
/* 국가 선택 시작 */ 
#header .header-wrap nav .header_lag { display:none; } 
/* 국가 선택 끝 */ 

/* base */
.ar { float:none; } 
.view_m { display:block !important; text-align:center !important; } 
.view_m img { width:100%; max-width:375px; display:inline-block; /* margin:20px auto; */ } 
.hidden_m { display:none !important; } 
.block { display:block; } 

#header .header-wrap { min-width:0; } 
#header .header-wrap nav a#nav_10 { display:block; } 
#header #nav_9 , .header_util { display:none; } 
#header .header-wrap nav .header_util { display:none; } 
#header .mo_header { display:block; position:relative; } 
#header .mo_header h1 { display:inline-block; text-align:left; padding-left:40px; top: 9px; } 
 #header .header-wrap h1 > a { display: inline-block; } 
#header .mo_header h1 img { display:inline-block; width:auto; height:22px; margin:5px auto; } 
#header .select_lang > li a{font-size: 13px;}

.leftmenu {width: 100%; top:54px;}
.leftmenu.mo-open {transform: translateX(0);}
.leftmenu .btn_leftmenu {display: none;}
.no-scroll {overflow: hidden;}

.leftmenu .lm_list .menu3nd > li { padding: 10px 0px 10px 40px;}
.leftmenu .lm_list .menu3nd > li > a.on:after {width:100%; width:100vw;}
.leftmenu .lm_list .menu3nd > li > a.on._long:after {height: 30px;}

.mo_btn_group { position:absolute; overflow:hidden; right:0; top:7px; } 
.mo_btn_group a { overflow:hidden; float:left; width:32px; height:32px; border:1px solid #888; font-size:12px; line-height:31px; text-align:center; color:#666; } 
.mo_btn_group a.btn_wp { text-indent:-5000px; border:1px solid #da7071; background:url(../images/common/img_pdf.png) no-repeat 50% 49%; background-size:15px 15px; margin-right:8px; }
.mo_btn_group a.btn_bounty { width:45px; margin-right:8px; border:1px solid #bf9b2a; color: #bf9b2a; } 

.mo_btn_group .country { width:77px; padding-right:0; color:#888; background:url('../images/common/icon_select.png')no-repeat right 15px center; border:1px solid #888; border-radius:0; font-size:13px; outline:none; appearance:none;-moz-appearance:none;-webkit-appearance:none; }
.mo_btn_group .country option { background-color:#fff !important; } 
#header .header-wrap nav a.whitepaper { display:none; } 

/* wrap */
#wrap { width:100%; min-width:100%; max-width:100%; } 

.contents-wrap { overflow:hidden;} 
.contents_box .innerbox p { font-size:15px; } 
.contents_box .innerbox p br { display:none; } 
.contents-inner-wrap .contents_box:first-child h2 { padding:70px 0 10px;}
.contents_box h2 { padding:52px 0 10px; font-size: 36px;} 
.contents_box h3 { padding:30px 0 0px; font-size: 18px; } 
.contents-wrap h2 + p { margin-top: 10px; font-size: 15px; line-height: 1.5;}
.contents_box h4 { padding:28px 0 0 6px;}
.contents_box h3 + h4 { padding:28px 0 0 6px;}
.contents_box h4:before { top:43px;}
.contents_box h3 + h4:before { top:43px;}
.txt_desc {font-size: 14px; line-height: 1.5;}

/* header */
#header { width:100%; min-width:auto; height:54px; transition:all .3s ease; overflow:hidden; padding:0 15px;} 
#header .header-wrap { height: 54px; } 
.leftmenu { transform: translateX(-100%); width: 100%;} 
#contents { margin:0; width:100%; position: relative; padding-left: 0px; } 

.list_box {gap:15px;}
.list_box li.type1 {padding: 25px 15px;}

.api_type a { display: inline-block; border-radius: 8px; background: #fdf3f3; color: #ed0000; font-size: 16px; padding: 20px 30px; margin-right: 15px; width: 48%; } 
.api_type a:nth-child(2) { margin-right: 0px; } 
.api_type a:last-child { margin-right: 0px; } 
.api_type a.net { background: #fdf3f3 url("../images/common/api_bl_network.png") no-repeat 28px 16px; padding-left: 65px; }
.api_type a.wallet { background: #fdf3f3 url("../images/common/api_bl_wallet.png") no-repeat 28px 16px; padding-left: 65px; }
.api_type a.smartc { background: #fdf3f3 url("../images/common/api_bl_smartc.png") no-repeat 28px 17px; padding-left: 65px; margin-top: 15px; }

.btn_menu { position:absolute; width:40px; height:40px; left:-3px; top:-4px; cursor: pointer; } 
.nav-toggle { position: relative; top:18px; left:0px; z-index: 999999; padding:0; cursor: pointer; } 
.nav-toggle:focus { outline: none; } 
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; display: block; width: 24px; height: 2px; border-radius: 1px; background: #fff; cursor: pointer; } 
.nav-toggle span:before { top: -8px; } 
.nav-toggle span:after { bottom: -8px; } 
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition: all 300ms ease-in-out; transition: all .2s ease-in-out; } 
.nav-toggle.active span { background-color: transparent; } 
.nav-toggle.active span:before, .nav-toggle.active span:after { top: 0; } 
.nav-toggle.active span:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.nav-toggle.active span:after { top: 10px; -ms-transform: translatey(-10px) rotate(-45deg); -webkit-transform: translatey(-10px) rotate(-45deg); transform: translatey(-10px) rotate(-45deg); } 
.navicon { width:30px; height: 30px; right:0px; top:0px; left:0px; -webkit-transition: all .2s ease-in-out; transition: all 300ms ease-in-out; cursor: pointer; } 


/*scroll_to_top*/
.scrollup { display: none; position: fixed; z-index:999; width:45px; height:45px; border-radius:50%; padding:13px 13.5px; bottom: 10px; left: calc(100% - 55px); text-align:center; font-weight:bold; font-size:15px; color:#888; /*text-indent: -9999px; */ background-color: #fff; border:1px solid #dfdfdf; cursor:pointer; } 

.list_box._pc_3 > li {width: calc(100% / 2 - 10px); min-height: 140px;}
.list_box._pc_4 > li {width: calc(100% / 3 - 15px);}
.list_box._pc_3 > li ._t20 {font-size: 16px;}
.desc_box span.txt._t13 {font-size: 12px;}
.list_box li.type2 > p {font-size: 12px;}
}

.contents_box table thead tr th, 
.contents_box table thead tr td, 
.contents_box table tfoot tr th, 
.contents_box table tfoot tr td { padding: 13px 10px 12px; }

.contents_box table.grid-all > thead > tr > .tableblock, 
.contents_box table.grid-all > tbody > tr > .tableblock {font-size: 12px;}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* 이곳에 CSS 작성 */
  .list_box._pc_3 > li,
  .list_box._pc_4 > li {
    margin: 5px;
  }

}