+.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/

+

+/* api - 소개 */

+.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}

+.api_guide_cont .api_visual_image {margin:0 0 57px 0; }

+.api_guide_cont .api_intro {margin:20px 0 0 0;}

+.api_guide_cont .api_intro ,.service ,.use{width: 1220px; background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}

+.api_guide_cont .api_intro ,.service ,.use .title{margin: 0 auto;}

+.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}

+.api_guide_cont .api_intro .title-line .left-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}

+.api_guide_cont .api_intro .title-line .right-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}

+.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }

+.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}

+.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}

+.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}

+.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}

+.api_guide_cont .api_process_guide li:last-child::after{display: none;}

+.api_guide_cont .api_process_guide .step_title {background:#fbc72b; font-size:18px; text-align: center; border-radius:10px 10px 0 0; padding:10px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}

+.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}

+.api_guide_cont .api_process_guide .step_con {height:250px; background:#fff;  border-radius:0 0 10px 10px; text-align: center; padding:25px 0 25px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}

+.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}

+.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 17px; font-weight: 300;  line-height: 1.2; padding:0 10px;}

+

+/* api - 사용안내  */

+.api_guide {display: none;}

+.api_guide.current {display: block;}

+.api_guide_cont ul.info {border:solid 3px #ddd; border-radius: 5px; padding:18px 0 18px 27px; }

+.api_guide_cont ul.info li { font-size:16px; color:#666; font-weight: 300; line-height: 1.6;}

+.api_guide_cont .re_cont .req_title {background:url(/publish/images/api_intro_cont/icon_api_request.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:40px 0 0 0;}

+		/* api 사용안내, 예제 다운로드 공통 사용*/

+.api_guide_cont .box {background:#f2f2f2; border-radius: 5px; padding:30px; margin: 15px 0 30px 0;}

+.api_guide_cont .box .text {background:#fff; border-radius: 5px; padding:30px 25px;}

+.api_guide_cont .box .text h4 {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; }

+.api_guide_cont .box .text table { width:100%; border-top: 2px solid #000; margin:10px 0 0 0;}

+.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }

+.api_guide_cont .box .text table th {width:210px; text-align: left; text-indent: 18px; line-height: 1.2; background:#f5f5f5; font-size:16px; padding:10px 0;}

+.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}

+		/* // api 사용안내, 예제 다운로드 공통 사용*/

+.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}

+.api_guide_cont .re_cont .type_table table thead th {border-top:1px solid #000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding: 15px 0; }

+.api_guide_cont .re_cont .type_table table thead th:first-child {border-left:none;}

+.api_guide_cont .re_cont .type_table table td {border-bottom:1px solid #e5e5e5; text-align: center; padding:20px 0; border-right:1px solid #e5e5e5; font-weight: 300;}

+.api_guide_cont .re_cont .type_table table td .font_b {font-weight:400;}

+.api_guide_cont .re_cont .type_table table td .select_o {color:#002c9a; font-weight: 400;}

+.api_guide_cont .re_cont .type_table table td .select_x {color:#e40000; font-weight: 400;}

+.api_guide_cont .re_cont .type_table table td:last-child {border-right: none;}

+.api_guide_cont .re_cont .type_table .table_info {font-size:15px; color:#555; font-weight: 300; margin:0 0 30px 0;}

+.api_guide_cont .re_cont .type_table .table_info p {padding:5px 0;}

+.api_guide_cont .re_cont .box .code_view {background:#292d3e; border-radius: 5px; color:#fff; padding:32px 0 32px 43px; margin:15px 30px 30px 30px;}

+.api_guide_cont .re_cont .box .title {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; text-indent: 28px;}

+.api_guide_cont .re_cont .box .title_t1 {text-indent: 28px;}

+.api_guide_cont .re_cont .box .title_t1 .ex {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px;}

+.api_guide_cont .re_cont .box .title_t1 .ex_success { font-size:15px; color:#002c9a; font-weight: 300; background: #fff; border:1px solid #002c9a; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }

+.api_guide_cont .re_cont .box .title_t1 .ex_fail { font-size:15px; color:#e40000; font-weight: 300; background: #fff; border:1px solid #e40000; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }

+.api_guide_cont .re_cont .box .code_view .l_code {text-indent:18px; }

+.api_guide_cont .re_cont .box .code_view .l_code_t1 {text-indent:98px;}

+.api_guide_cont .re_cont .box .code_view .l_code_t2 {text-indent:63px;}

+.api_guide_cont .re_cont .box .code_view .m_code {text-indent:110px; }

+.api_guide_cont .re_cont .box .code_view .indent {text-indent:50px }

+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 {text-indent:80px; }

+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 .indent_t2 {text-indent:108px;}

+.api_guide_cont .re_cont .box .code_view .indent p {padding:8px 0;}

+.api_guide_cont .re_cont .box .code_view .indent p span {color:#fbc72b;}

+.api_guide_cont .re_cont .res_title {background:url(/publish/images/api_intro_cont/icon_api_response.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:60px 0 -20px 0;}

+

+/* api - 예제 다운로드 */

+.download_cont {display: none;}

+.download_cont.current {display: block;}

+.api_guide_cont .api_download .list_tab_wrap2.type2 {margin:30px 0;}

+.api_guide_cont .api_download .btn_area {text-align:center; padding:30px 0 50px 0; }

+.api_guide_cont .api_download .btnType.btnType11 {color:#fff; background:#002c9a; width:230px; height:50px; font-size:18px; font-weight:400; border-radius: 5px; padding:0 20px;}

+

+/* api - 신청/관리 */

+.api_guide_cont .api_admin {margin:0 0 60px 0; }

+.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}

+.api_guide_cont .api_admin .tb_wrap_t1{ width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; border-bottom: 0 none;}

+.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}

+.api_guide_cont .api_admin .input_box {background: #f2f2f2; border-radius:5px; padding:17px 17px 17px 30px; text-indent:20px; margin:15px 0 8px 0;}

+.api_guide_cont .api_admin .input_box .box_in {background: url(/publish/images/api_intro_cont/icon_api_input.png) 0 8px no-repeat; font-size:16px;}

+.api_guide_cont .api_admin .input_box input {border:1px solid #d5d5d5; border-radius:5px; width:400px; padding:2px 0 5px 10px;}

+.api_guide_cont .api_admin .input_box input::placeholder {font-size:14px; color:#ababab;}

+.api_guide_cont .api_admin .btnType.btnType2 {float:right; padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;}

+

+

+	

+	$(".api_guide").not($tabCn).removeClass("current");

+	$(".api_guide").not($tabCn).fadeOut(0);

+// list tab3 버튼 

+function listTab3(obj, tabId) {

+	var $tab = $(obj).closest("li");

+	$tab.addClass("active");

+	$tab.find("button").attr("title", "선택됨");

+	$tab.siblings("li.tab").removeClass("active");

+	$tab.siblings("li.tab").find("button").removeAttr("title");

+

+	var $tabCn = $("#listTab3_" + tabId);

+	$tabCn.fadeIn(0);

+	$tabCn.addClass("current");

+

+	$(".download_cont").not($tabCn).removeClass("current");

+	$(".download_cont").not($tabCn).fadeOut(0);

+

+	currTabId = tabId;

+

+}

+