@charset "utf-8";
/* CSS Document */
/* body{width:650px; overflow:hidden; } */
/* body {overflow-x:hidden;} */


/*2025*/

body,a {
	font-family: "Pretendard",sans-serif;
	font-size: 13px;
}

/***************************************************************

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {overflow:auto;}
.searchword{width:650px;}
.aro_program{width:650px;}
.aro_cont2_fl, .aro_cont2_fr{width:295px; height:auto; padding:0 0 0 15px ;}
#ppt h1, h2, h3, h4, h5, h6 {
    font-family: Pretendard;
}
#contents {padding:15px;min-width: 1000px;width: 1000px;}
.location{display:none;width:650px;}
.word_tit {padding-top:10px}

.examen_main_summary{width:650px;}
.aro_program .aro_cont1{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg1iframe.gif) no-repeat left top} 
.aro_program .aro_cont2{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg2iframe.gif) no-repeat left top}
.aro_program .aro_cont3{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg4_iframe650.gif) no-repeat left top}
.aro_program .aro_cont4 p{width:620px;}
.aro_program .aro_cont2 p{height:auto; letter-spacing:-0.1em; margin-bottom:10px; font-size:11px;}
.aro_cont1 a[href="javascript:fn_open();"]{display:block;margin-bottom:5px; margin-top:-15px; margin-left:8px;}
.aro_program  .aro_cont1 p{display:inline-block;}
.aro_program .aro_cont4 {
width:620px; padding:0 15px;display:inline-block;
height: 126px;
margin-top: -1px;
background: url(../../images/front/contents/examen/aro_program_bg4_iframe650.gif) no-repeat left top;
}

.middleSchool_test ul{ display:inline-block;}
.middleSchool_test li{width:300px;}
.middleSchool_test li .testBox h3{padding: 3px 8px 10px 0;}
.testInfo{padding: 0 0 0px 0 !important;}
.middleSchool_test .testLink {
margin-top: 0px;
margin-left: 0;
}

.middleSchool_test li .testBox {
background: url(../../images/front/contents/examen/examen_main_box.gif) repeat-x left top;
width: 302px;
height: 160px;
padding:10px;
border: solid 1px #C7D1DA;
}

.middleSchool_test .testLink li{
padding: 0 5px; 
margin-top:6px;
}

.middleSchool_test .testLink li a{
	font-size:11px;
}
.title_h1{width:650px;}
.job_part ul {
float: left;
width: 628px;
margin: 0 0 0 0px;
}
.job_part li label {
padding-left: 8px;
font-size: 12px;
color: #666;
font-size:11px; letter-spacing:-0.1em;}

.job_part {
overflow: hidden;
clear: both;
width:628px;
padding: 20px 10px 8px;
border: solid 1px #B6C1CD;
border-top: 0;
}
#TabMenu ul {
overflow: hidden;
width:649px;
}

.search_btn {
clear: both;
padding: 10px 0px 10px 0;
text-align: right;
}

.location .homeIcon {
display: inline-block;
background: url(../../images/front/icon/icon_home.gif) no-repeat left top;
width: 1px;
height: 12px;
margin-left: 0px;
}
.job_type {
overflow: hidden;
width:648px;
clear: both;
position: relative;
border: solid 1px #B6C1CD;
border-top: 0;
}
.job_type .type1 a {
display: inline-block;
margin:0 0 20px 45px;
}
.job_type .type1 {
overflow: hidden;
margin: 8px 0 0 0;
padding: 20px 10px 8px;
background: url(../../images/front/common/line_dote.gif) repeat-x left bottom;
}
.job_type_fl li label {
margin-left: 7px;
font-size: 11px;
color: #666;
}
.job_type_fl li {
float: left;
width: 190px;
height: 11px;
margin: 1px;
padding: 5px 4px 4px;
}

.job_junior_list li {
float: left;
width:305px;
height: 180px;
padding-left:10px;
padding-bottom: 0px;
}
.subject_box_check .tit {
width:500px;
font-size: 14px;
font-weight: bold;
color: #F63;
}
.subject_box_check ul {
width: 100%;
}
.subject_box_check .list_ul03 {
	display:block;
clear:both;
overflow: hidden;
margin:20px 0 0 0 ;
}
.subject_box_check .list_ul03 ul li label{font-size:11px;}
.subject_box_check .list_ul03 li {
width: 100px;
}

.notice_search {
clear: both;
display: block;
width: 618px;
height: auto;
margin: 0;
padding: 0;
border: 1px solid #CCC;
border-bottom: none;
margin: 30px 0 60px 0;
padding: 15px 15px 10px 15px;
background: url(../../images/front/contents/noti/bg_icon_search.gif) no-repeat left bottom;
}
.university_search_term li label {
padding-left: 8px;
font-size: 11px;
color: #666;
}
.university_search_term li {
float: left;
width: 150px;
padding: 2px 0 10px;
}

.major_item_search li li {
float: left;
width: 120px;
height: 16px;
padding: 27px 23px 0 0;
}
.major_item_search li label {
margin-left: 7px;
font-size: 11px;
color: #666;
}


/* Open API */
#openApiMain {background:#f5f6f7}
#openApi {background: #f2f6fa;}

.openApicontHead4{margin-top:63px;}
.result_list_info{margin-bottom:12px;}
.result_list_info .red{color:#ff3c00}
.ui-tbl-view .tbl-cont img{width:100%;}

.apiWrap {width: 1400px;margin:0 auto}
.apiHeader {position:relative;height: auto;background: none;}
.apiHeader .logo {padding:20px 0 0 0;display: flex;align-items: center;padding: 10px 0;}
.apiHeader .logo img {padding-right:10px;}
.apiHeader .logo span {display:inline-block;padding-top:3px;color: #3e3e3e;font-size: 20px;font-weight: 600;letter-spacing: -1px;}
.apiHeader .tnb {}
.apiHeader .tnb li {float:left; padding:0 2px 0 18px;}
.apiHeader .tnb li a {font-size: 13px;color: #1a1a1a;display:inline-block;padding:2px 23px 0 0;}
.apiHeader .gnb {position: relative;left: auto;top: auto;background: #1e4eb0;display: flex;border-radius: 10px;}
.apiHeader .gnb li {float: none;}
.apiHeader .gnb li .ico {display:block;  margin:-46px 10px 0 85px;}
.apiHeader .gnb li .gnb_api1 span {background: url(../../images/front/contents/openapi/gnb01.png);}
.apiHeader .gnb li .gnb_api1.on {}
.apiHeader .gnb li .gnb_api2 span {background: url(../../images/front/contents/openapi/gnb02.png);}
.apiHeader .gnb li .gnb_api2.on {}
.apiHeader .gnb li .gnb_api3 span {background: url(../../images/front/contents/openapi/gnb03.png);}
.apiHeader .gnb li .gnb_api3.on {}
.apiHeader .gnb li .gnb_api4 span {background: url(../../images/front/contents/openapi/gnb04.png);}

.apiHeader .gnb li .gnb_api4.on {}
.apiHeader .gnb li a span {font-size: 16px;color:#ffffff !important;line-height: 1;height: auto;visibility: visible;overflow:hidden;display: flex;align-items: center;}
.apiHeader .gnb li a{display: flex;width: auto;height: 60px;background: none;padding: 0 15px;}

.apiColumn {position:relative;background: none;overflow:hidden;display: flex;margin: 17px 0 0 0;justify-content: space-between;}
.apiColumnLeft {float:left;width: 240px;padding-bottom:50px;background: #fff;border-radius: 10px;}
.apiColumnLeft .lnb {width: 100%;}
.apiColumnLeft .lnb li a {display: flex;font-size: 15px;color: #535c69;padding: 10px;}
.apiColumnLeft .lnb li a:before{content:'';display:block;width:22px;height:21px;}
.apiColumnLeft .lnb li:nth-child(1) a:before{background: url(../../images/front/contents/openapi/lnb01.png);}
.apiColumnLeft .lnb li:nth-child(2) a:before{background: url(../../images/front/contents/openapi/lnb02.png);}
.apiColumnLeft .lnb li:nth-child(3) a:before{background: url(../../images/front/contents/openapi/lnb03.png);}
.apiColumnLeft .lnb li:nth-child(4) a:before{background: url(../../images/front/contents/openapi/lnb04.png);}
.apiColumnLeft .lnb li:nth-child(5) a:before{background: url(../../images/front/contents/openapi/lnb05.png);}
.apiColumnLeft .lnb li:nth-child(6) a:before{background: url(../../images/front/contents/openapi/lnb06.png);}
.apiColumnLeft .lnb li:nth-child(7) a:before{background: url(../../images/front/contents/openapi/lnb07.png);}
.apiColumnLeft .lnb li:nth-child(8) a:before{background: url(../../images/front/contents/openapi/lnb08.png);}
.apiColumnLeft .lnb li:nth-child(9) a:before{background: url(../../images/front/contents/openapi/lnb09.png);}
.apiColumnLeft .lnb li:nth-child(10) a:before{background: url(../../images/front/contents/openapi/lnb10.png);}
.apiColumnLeft .lnb li:nth-child(11) a:before{background: url(../../images/front/contents/openapi/lnb11.png);}
.apiColumnLeft .lnb li:nth-child(12) a:before{background: url(../../images/front/contents/openapi/lnb12.png);}
.apiColumnLeft .lnb li:nth-child(1) a:hover:before,
.apiColumnLeft .lnb li:nth-child(1) a.on:before{background: url(../../images/front/contents/openapi/lnb01_on.png);}
.apiColumnLeft .lnb li:nth-child(2) a:hover:before,
.apiColumnLeft .lnb li:nth-child(2) a.on:before{background: url(../../images/front/contents/openapi/lnb02_on.png);}
.apiColumnLeft .lnb li:nth-child(3) a:hover:before,
.apiColumnLeft .lnb li:nth-child(3) a.on:before{background: url(../../images/front/contents/openapi/lnb03_on.png);}
.apiColumnLeft .lnb li:nth-child(4) a:hover:before,
.apiColumnLeft .lnb li:nth-child(4) a.on:before{background: url(../../images/front/contents/openapi/lnb04_on.png);}
.apiColumnLeft .lnb li:nth-child(5) a:hover:before,
.apiColumnLeft .lnb li:nth-child(5) a.on:before{background: url(../../images/front/contents/openapi/lnb05_on.png);}
.apiColumnLeft .lnb li:nth-child(6) a:hover:before,
.apiColumnLeft .lnb li:nth-child(6) a.on:before{background: url(../../images/front/contents/openapi/lnb06_on.png);}
.apiColumnLeft .lnb li:nth-child(7) a:hover:before,
.apiColumnLeft .lnb li:nth-child(7) a.on:before{background: url(../../images/front/contents/openapi/lnb07_on.png);}
.apiColumnLeft .lnb li:nth-child(8) a:hover:before,
.apiColumnLeft .lnb li:nth-child(8) a.on:before{background: url(../../images/front/contents/openapi/lnb08_on.png);}
.apiColumnLeft .lnb li:nth-child(9) a:hover:before,
.apiColumnLeft .lnb li:nth-child(9) a.on:before{background: url(../../images/front/contents/openapi/lnb09_on.png);}
.apiColumnLeft .lnb li:nth-child(10) a:hover:before,
.apiColumnLeft .lnb li:nth-child(10) a.on:before{background: url(../../images/front/contents/openapi/lnb10_on.png);}
.apiColumnLeft .lnb li:nth-child(11) a:hover:before,
.apiColumnLeft .lnb li:nth-child(11) a.on:before{background: url(../../images/front/contents/openapi/lnb11_on.png);}
.apiColumnLeft .lnb li:nth-child(12) a:hover:before,
.apiColumnLeft .lnb li:nth-child(12) a.on:before{background: url(../../images/front/contents/openapi/lnb12_on.png);}






.apiColumnRight {width: calc(100% - 258px)}
.apiColumnLeft_foot {position:absolute; left:0; bottom:0;}
.apiFooter {clear:both;border-top:solid 1px #e4e4e4;text-align:center;padding:27px 0 63px;font-family:'Malgun Gothic';font-size:10px;color:#666666;width:100%;}


/* openAPI main */
.apiMainCont1 {background: #d8e9ff url(../../images/front/contents/openapi/visual_main.gif) no-repeat right top;height: 280px;border-radius: 15px;padding: 0 0 0 50px;}
.apiMainCont1 .txt1 {padding-top:51px; font-size:14px; color:#333; font-family:'NanumGothicBoldWeb'; text-decoration:underline;}
.apiMainCont1 .txt2 {padding-top:10px;font-size:30px;color:#333;font-weight:800;line-height:120%;letter-spacing:-1px;}
.apiMainCont1 .txt2 .blue {}
.apiMainCont1 .txt3 {padding-top:20px; font-size:12px; /*color:#888888;*/ color:#494848; line-height:140%; letter-spacing:-1px;}

.apiMainCont2 {width: 100%;border-bottom:solid 1px #e3e3e3;padding: 20px 0 20px 0;overflow:hidden;display: flex;justify-content: space-between;gap: 16px;}
.apiMainCont2 .fl {width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.apiMainCont2 .fr {width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.apiMainCont2 .btn {width: 28px;height: 28px;background: #d6dde5;border-radius: 50%;}
.apiMainCont2 h2 {font-size:16px;color:#40527c;font-weight:800;padding-top:6px;}
.apiMainCont2 p {font-size:12px;color:#888888;line-height:140%;letter-spacing:-1px;padding:10px 0;width: 100%;}
.apiMai@charset "utf-8";
/* CSS Document */
/* body{width:650px; overflow:hidden; } */
/* body {overflow-x:hidden;} */


/*2025*/

body,a {
	font-family: "Pretendard",sans-serif;
	font-size: 13px;
}

/***************************************************************

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {overflow:auto;}
.searchword{width:650px;}
.aro_program{width:650px;}
.aro_cont2_fl, .aro_cont2_fr{width:295px; height:auto; padding:0 0 0 15px ;}

#contents {padding:15px;min-width: 1000px;width: 1000px;}
.location{display:none;width:650px;}
.word_tit {padding-top:10px}

.examen_main_summary{width:650px;}
.aro_program .aro_cont1{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg1iframe.gif) no-repeat left top} 
.aro_program .aro_cont2{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg2iframe.gif) no-repeat left top}
.aro_program .aro_cont3{width:620px; padding:0 15px;display:inline-block;
background: url(../../images/front/contents/examen/aro_program_bg4_iframe650.gif) no-repeat left top}
.aro_program .aro_cont4 p{width:620px;}
.aro_program .aro_cont2 p{height:auto; letter-spacing:-0.1em; margin-bottom:10px; font-size:11px;}
.aro_cont1 a[href="javascript:fn_open();"]{display:block;margin-bottom:5px; margin-top:-15px; margin-left:8px;}
.aro_program  .aro_cont1 p{display:inline-block;}
.aro_program .aro_cont4 {
width:620px; padding:0 15px;display:inline-block;
height: 126px;
margin-top: -1px;
background: url(../../images/front/contents/examen/aro_program_bg4_iframe650.gif) no-repeat left top;
}

.middleSchool_test ul{ display:inline-block;}
.middleSchool_test li{width:300px;}
.middleSchool_test li .testBox h3{padding: 3px 8px 10px 0;}
.testInfo{padding: 0 0 0px 0 !important;}
.middleSchool_test .testLink {
margin-top: 0px;
margin-left: 0;
}

.middleSchool_test li .testBox {
background: url(../../images/front/contents/examen/examen_main_box.gif) repeat-x left top;
width: 302px;
height: 160px;
padding:10px;
border: solid 1px #C7D1DA;
}

.middleSchool_test .testLink li{
padding: 0 5px; 
margin-top:6px;
}

.middleSchool_test .testLink li a{
	font-size:11px;
}
.title_h1{width:650px;}
.job_part ul {
float: left;
width: 628px;
margin: 0 0 0 0px;
}
.job_part li label {
padding-left: 8px;
font-size: 12px;
color: #666;
font-size:11px; letter-spacing:-0.1em;}

.job_part {
overflow: hidden;
clear: both;
width:628px;
padding: 20px 10px 8px;
border: solid 1px #B6C1CD;
border-top: 0;
}
#TabMenu ul {
overflow: hidden;
width:649px;
}

.search_btn {
clear: both;
padding: 10px 0px 10px 0;
text-align: right;
}

.location .homeIcon {
display: inline-block;
background: url(../../images/front/icon/icon_home.gif) no-repeat left top;
width: 1px;
height: 12px;
margin-left: 0px;
}
.job_type {
overflow: hidden;
width:648px;
clear: both;
position: relative;
border: solid 1px #B6C1CD;
border-top: 0;
}
.job_type .type1 a {
display: inline-block;
margin:0 0 20px 45px;
}
.job_type .type1 {
overflow: hidden;
margin: 8px 0 0 0;
padding: 20px 10px 8px;
background: url(../../images/front/common/line_dote.gif) repeat-x left bottom;
}
.job_type_fl li label {
margin-left: 7px;
font-size: 11px;
color: #666;
}
.job_type_fl li {
float: left;
width: 190px;
height: 11px;
margin: 1px;
padding: 5px 4px 4px;
}

.job_junior_list li {
float: left;
width:305px;
height: 180px;
padding-left:10px;
padding-bottom: 0px;
}
.subject_box_check .tit {
width:500px;
font-size: 14px;
font-weight: bold;
color: #F63;
}
.subject_box_check ul {
width: 100%;
}
.subject_box_check .list_ul03 {
	display:block;
clear:both;
overflow: hidden;
margin:20px 0 0 0 ;
}
.subject_box_check .list_ul03 ul li label{font-size:11px;}
.subject_box_check .list_ul03 li {
width: 100px;
}

.notice_search {
clear: both;
display: block;
width: 618px;
height: auto;
margin: 0;
padding: 0;
border: 1px solid #CCC;
border-bottom: none;
margin: 30px 0 60px 0;
padding: 15px 15px 10px 15px;
background: url(../../images/front/contents/noti/bg_icon_search.gif) no-repeat left bottom;
}
.university_search_term li label {
padding-left: 8px;
font-size: 11px;
color: #666;
}
.university_search_term li {
float: left;
width: 150px;
padding: 2px 0 10px;
}

.major_item_search li li {
float: left;
width: 120px;
height: 16px;
padding: 27px 23px 0 0;
}
.major_item_search li label {
margin-left: 7px;
font-size: 11px;
color: #666;
}


/* Open API */
#openApiMain {background:#f5f6f7}
#openApi {background: #f2f6fa;}

.openApicontHead4{margin-top:63px;}
.result_list_info{margin-bottom:12px;}
.result_list_info .red{color:#ff3c00}
.ui-tbl-view .tbl-cont img{width:100%;}

.apiWrap {width: 1400px;margin:0 auto}
.apiHeader {position:relative;height: auto;background: none;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.apiHeader .logo {padding:20px 0 0 0;display: flex;align-items: center;padding: 10px 0;}
.apiHeader .logo img {padding-right:10px;width: 100px;}
.apiHeader .logo span {display:inline-block;padding-top:3px;color: #3e3e3e;font-size: 20px;font-weight: 600;letter-spacing: -1px;}
.apiHeader .tnb {}
.apiHeader .tnb li {float:left;padding: 0;}
.apiHeader .tnb li a {font-size: 13px;color: #1a1a1a;display:inline-block;padding: 2px 12px 0 0;}
.apiHeader .tnb li a:before{content: '';display: inline-block;width: 4px;height: 4px;background: #aaaaaa;border-radius: 50%;margin: -2px 8px 0 0;vertical-align: middle;}
.apiHeader .gnb {position: relative;left: auto;top: auto;background: #1e4eb0;display: flex;border-radius: 12px;width: 100%;height: 53px;padding: 0 0 0 14px;}
.apiHeader .gnb li {float: none;}
.apiHeader .gnb li .ico {display:block;  margin:-46px 10px 0 85px;}
.apiHeader .gnb li .gnb_api1 span {background: url(../../images/front/contents/openapi/gnb01.png) left center no-repeat;}
.apiHeader .gnb li .gnb_api1.on {background: none;}
.apiHeader .gnb li .gnb_api2 span {background: url(../../images/front/contents/openapi/gnb02.png) left center no-repeat;}
.apiHeader .gnb li .gnb_api2.on {
    background: rgba(0, 0, 0, 0.3);
}
.apiHeader .gnb li .gnb_api3 span {background: url(../../images/front/contents/openapi/gnb03.png) left center no-repeat;}
.apiHeader .gnb li .gnb_api3.on {background: rgba(0,0,0,0.3);}
.apiHeader .gnb li .gnb_api4 span {background: url(../../images/front/contents/openapi/gnb04.png) left center no-repeat;}

.apiHeader .gnb li .gnb_api4.on {
    background: rgba(0, 0, 0, 0.3);
}
.apiHeader .gnb li a span {font-size: 16px;color:#ffffff !important;line-height: 1;height: auto;visibility: visible;overflow:hidden;display: flex;align-items: center;padding: 0 0 0 26px;}
.apiHeader .gnb li a{display: flex;width: auto;height: 100%;background: none;padding: 0 15px;}

.apiColumn {position:relative;background: none;overflow:hidden;display: flex;margin: 17px 0 0 0;justify-content: space-between;}
.apiColumnLeft {float:left;width: 240px;padding-bottom:50px;background: #fff;border-radius: 15px;}
.apiColumnLeft .lnb {width: 100%;padding: 15px 0;}
.apiColumnLeft .lnb li{padding: 0 10px;}
.apiColumnLeft .lnb li a {display: flex;font-size: 15px;color: #535c69;padding: 10px;align-items: center;gap: 10px;}
.apiColumnLeft .lnb li a:hover,
.apiColumnLeft .lnb li a.on{background-color: #f1f8ff;color:#006ed0;border-radius: 5px;}
.apiColumnLeft .lnb li a:before{content:'';display:block;width:22px;height:21px;}
.apiColumnLeft .lnb li:nth-child(1) a:before{background: url(../../images/front/contents/openapi/lnb01.png);}
.apiColumnLeft .lnb li:nth-child(2) a:before{background: url(../../images/front/contents/openapi/lnb02.png);}
.apiColumnLeft .lnb li:nth-child(3) a:before{background: url(../../images/front/contents/openapi/lnb03.png);}
.apiColumnLeft .lnb li:nth-child(4) a:before{background: url(../../images/front/contents/openapi/lnb04.png);}
.apiColumnLeft .lnb li:nth-child(5) a:before{background: url(../../images/front/contents/openapi/lnb05.png);}
.apiColumnLeft .lnb li:nth-child(6) a:before{background: url(../../images/front/contents/openapi/lnb06.png);}
.apiColumnLeft .lnb li:nth-child(7) a:before{background: url(../../images/front/contents/openapi/lnb07.png);}
.apiColumnLeft .lnb li:nth-child(8) a:before{background: url(../../images/front/contents/openapi/lnb08.png);}
.apiColumnLeft .lnb li:nth-child(9) a:before{background: url(../../images/front/contents/openapi/lnb09.png);}
.apiColumnLeft .lnb li:nth-child(10) a:before{background: url(../../images/front/contents/openapi/lnb10.png);}
.apiColumnLeft .lnb li:nth-child(11) a:before{background: url(../../images/front/contents/openapi/lnb11.png);}
.apiColumnLeft .lnb li:nth-child(12) a:before{background: url(../../images/front/contents/openapi/lnb12.png);}
.apiColumnLeft .lnb li:nth-child(13) a:before{background: url(../../images/front/contents/openapi/lnb13.png);}
.apiColumnLeft .lnb li:nth-child(1) a:hover:before,
.apiColumnLeft .lnb li:nth-child(1) a.on:before{background: url(../../images/front/contents/openapi/lnb01_on.png);}
.apiColumnLeft .lnb li:nth-child(2) a:hover:before,
.apiColumnLeft .lnb li:nth-child(2) a.on:before{background: url(../../images/front/contents/openapi/lnb02_on.png);}
.apiColumnLeft .lnb li:nth-child(3) a:hover:before,
.apiColumnLeft .lnb li:nth-child(3) a.on:before{background: url(../../images/front/contents/openapi/lnb03_on.png);}
.apiColumnLeft .lnb li:nth-child(4) a:hover:before,
.apiColumnLeft .lnb li:nth-child(4) a.on:before{background: url(../../images/front/contents/openapi/lnb04_on.png);}
.apiColumnLeft .lnb li:nth-child(5) a:hover:before,
.apiColumnLeft .lnb li:nth-child(5) a.on:before{background: url(../../images/front/contents/openapi/lnb05_on.png);}
.apiColumnLeft .lnb li:nth-child(6) a:hover:before,
.apiColumnLeft .lnb li:nth-child(6) a.on:before{background: url(../../images/front/contents/openapi/lnb06_on.png);}
.apiColumnLeft .lnb li:nth-child(7) a:hover:before,
.apiColumnLeft .lnb li:nth-child(7) a.on:before{background: url(../../images/front/contents/openapi/lnb07_on.png);}
.apiColumnLeft .lnb li:nth-child(8) a:hover:before,
.apiColumnLeft .lnb li:nth-child(8) a.on:before{background: url(../../images/front/contents/openapi/lnb08_on.png);}
.apiColumnLeft .lnb li:nth-child(9) a:hover:before,
.apiColumnLeft .lnb li:nth-child(9) a.on:before{background: url(../../images/front/contents/openapi/lnb09_on.png);}
.apiColumnLeft .lnb li:nth-child(10) a:hover:before,
.apiColumnLeft .lnb li:nth-child(10) a.on:before{background: url(../../images/front/contents/openapi/lnb10_on.png);}
.apiColumnLeft .lnb li:nth-child(11) a:hover:before,
.apiColumnLeft .lnb li:nth-child(11) a.on:before{background: url(../../images/front/contents/openapi/lnb11_on.png);}
.apiColumnLeft .lnb li:nth-child(12) a:hover:before,
.apiColumnLeft .lnb li:nth-child(12) a.on:before{background: url(../../images/front/contents/openapi/lnb12_on.png);}
.apiColumnLeft .lnb li:nth-child(13) a:hover:before,
.apiColumnLeft .lnb li:nth-child(13) a.on:before{background: url(../../images/front/contents/openapi/lnb13_on.png);}






.apiColumnRight {width: calc(100% - 258px)}
.apiColumn #frm {width: calc(100% - 258px)}
.apiColumn #frm .apiColumnRight{width: 100%}
.apiColumnLeft_foot {position:absolute; left:0; bottom:0;}
.apiFooter {clear:both;border-top:solid 1px #e4e4e4;text-align:center;padding:27px 0 63px;font-family:'Malgun Gothic';font-size: 12px;color:#666666;width: 1400px;text-align: left;margin: 20px auto 0 auto;}


/* openAPI main */
.apiMainCont1 {background: #d8e9ff url(../../images/front/contents/openapi/visual_main.jpg) no-repeat 693px bottom;height: 280px;border-radius: 15px;padding: 0 0 0 50px;}
.apiMainCont1 .txt1 {padding: 10px 20px;font-size:14px;color: #ff3100;font-family:'NanumGothicBoldWeb';text-decoration: none;background: #fff;display: inline-block;border-radius: 35px;margin: 44px 0 10px 0;}
.apiMainCont1 .txt1 strong{#ddd;color: #1e5eb0;font-weight: 400;}
.apiMainCont1 .txt2 {padding-top:10px;font-size:30px;color:#333;font-weight: 600;line-height:120%;letter-spacing:-1px;}
.apiMainCont1 .txt2 .blue {
    color: #333;
}
.apiMainCont1 .txt3 {padding-top: 12px;font-size: 14px;/*color:#888888;*/color:#494848;line-height: 143%;letter-spacing:-1px;}

.apiMainCont2 {width: 100%;border-bottom: none;padding: 20px 0 0 0;overflow:hidden;display: flex;justify-content: space-between;gap: 16px;}
.apiMainCont2 .fl {width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.apiMainCont2 .fr {width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;align-content: flex-start;}
.apiMainCont2 .fl:before{content:'';display: block;width: 98px;height: 90px;background: url(../../images/front/contents/openapi/main01.png);position:absolute;right:0;bottom:10px;}
.apiMainCont2 .fr:before{content:'';display: block;width: 90px;height: 98px;background: url(../../images/front/contents/openapi/main02.png);position:absolute;right:0;bottom:10px;}
.apiMainCont2 .btn {width: 28px;height: 28px;border-radius: 50%;background: #d6dde5 url(../../images/front/contents/openapi/main-arrow.png) center center no-repeat;position: absolute;right: 23px;}
.apiMainCont2 h2 {font-size:16px;color:#40527c;font-weight:800;padding: 6px 0 15px 0;width: 100%;border-bottom: 1px solid #ddd;}
.apiMainCont2 p {font-size:12px;color:#888888;line-height:140%;letter-spacing:-1px;padding:10px 0;width: 100%;}
.apiMainCont2 p a{font-size: 18px;line-height: 1.5;}
.apiMainCont2 .tip {font-size: 14px;color: #db3700;line-height:140%;letter-spacing:-1px;padding:0 0 0 16px;background: #fef0ef url(../../images/front/contents/openapi/ico-cloud.png) no-repeat 16px center;display: inline-block;width: auto;padding: 8px 15px 8px 45px;border-radius: 10px;margin: 6px 0 0 0;}
.apiMainCont2 h2 a{font-size: 22px;font-weight: 600;}
.apiMainCont3 {width:732px;padding:44px 0 80px 0;overflow:hidden}
.apiMainCont3 .fl {float:left;position: relative;}
.apiMainCont3 .fr {float:right; width:334px;position: relative;}
.apiMainCont3 .fr:before{content:'';display: block;width: 90px;height: 98px;background: url(../../images/front/contents/openapi/main04.png);position:absolute;right: 14px;bottom:10px;}
.apiMainCont3 .fr p {padding:13px 0 19px 0; /*color:#999999;*/ color:#494848; font-size:11px; line-height:140%; letter-spacing:-1px;}
.apiMainCont3 h2 {padding-top:6px;font-size: 22px;font-weight: 600;color: #333;padding: 6px 0 15px 0;width: 100%;border-bottom: 1px solid #ddd;}
.apiMainCont3 .box {}
.apiMainCont3 .box ul {}
.apiMainCont3 .box li {}
.apiMainCont3 .box li a {/*color:#888;*/ color:#494848; font-size:11px; letter-spacing:-1px;}
.apiMainCont3 .box li a:hover {color:#666; font-size:11px; text-decoration:underline;}



/* 타이틀 */
.apiColumnRight .title {}
.apiColumnRight .title h2 {font-size: 20px;color: #1a1a1a;font-weight: 600;border-bottom: 1px solid #ddd;padding: 0 0 20px 0;}
.apiColumnRight .title .location {float:right; margin-top:-15px; font-size:11px; color:#666666; font-size:12px; padding-right:5px; text-align:right}

/* 컨텐츠 */

.sknavi {position:absolute;	top:-500px;}
.sknavi:focus, .sknavi:hover, .sknavi:active {top:1px;	display:block;	width:100%;	height:20px; padding-top:4px; text-align:center; font-size:12px; font-weight:bold;	background-color:#36312b; color:#ffffff; text-decoration:none;	z-index:10;}


.openApicontHead {background:url(../../images/front/contents/openapi/main_img1.gif) no-repeat left top; padding-left:116px; margin-top:63px; margin-left:20px;}
.openApicontHead h3 {font-size:24px; color:#3a558d; font-family:'NanumGothicBoldWeb'; font-weight:800; padding-top:10px; letter-spacing:-1px; }
.openApicontHead p {font-size:12px; /*color:#888888;*/ color:#504F4F; line-height:150%; letter-spacing:-1px; padding:10px 0;}

.apiColumnRight .box1 {background:url(../../images/front/contents/openapi/box2.gif) no-repeat left top; width:710px; height:200px; margin-left:20px; margin-top:18px; padding-top:15px;}
.apiColumnRight .box2 {background:url(../../images/front/contents/openapi/box3.gif) no-repeat left top; width:710px; height:88px; margin-left:20px; margin-top:18px;}
.apiColumnRight .box2 h4 {font-size:16px; color:#444444; font-family:'NanumGothicBoldWeb'; font-weight:800; padding:16px 0 7px 32px; letter-spacing:-1px; }
.apiColumnRight .box2 p {font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; padding-left:32px;}

.key_none {background:url(../../images/front/contents/openapi/sub_img1.gif) no-repeat left top; padding-left:126px; height:103px; margin:40px 0 0 168px;}
.key_none p {padding:26px 0 12px 0; font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; }

.key_finish {background:url(../../images/front/contents/openapi/sub_img2.gif) no-repeat left top; padding-left:126px; height:110px; margin:35px 0 0 120px;}
.key_finish strong {display:block; font-size:16px; color:#444444; font-family:'NanumGothicBoldWeb'; font-weight:800; padding:7px 0; letter-spacing:-1px;}
.key_finish p {padding:0 0 18px 0; font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; }

.table_api_apply {width:710px; border-top:solid 2px #444547;  border-bottom:solid 1px #d4d4d4; margin-left:20px; margin-top:18px;}
.table_api_apply th {background:#f9f9f9; font-size:12px; font-weight:bold; text-align:left; padding:16px 0 14px 24px; border-bottom:solid 1px #ebebeb}
.table_api_apply td {padding:8px 10px; border-bottom:solid 1px #ebebeb}
.table_api_apply td input {border:solid 1px #cdcdcd; height:21px; padding:2px 0 0 0;}
.table_api_apply td select {height:23px;}
.table_api_apply td .tip {background:url(../../images/front/contents/openapi/ico_tip2.gif) no-repeat left 7px; padding:9px 0 0 20px; font-size:11px; /*color:#999;*/ color:#504F4F;}

.apiColumnLeft_foot {height:8px;}


.openApicontHead2 {background:url(../../images/front/contents/openapi/main_img3.gif) no-repeat left top; padding-left:92px; margin-top:63px; margin-left:20px;}
.openApicontHead2 p {font-size:12px; color:#666; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.openApicontHead3 {position:relative;display: flex;justify-content: space-between;padding: 0 0 10px 0;align-items: center;}
.openApicontHead3 p {width:505px;font-size: 14px;color:#666;line-height:150%;letter-spacing:-1px;padding:13px 0 7px 0;}
.openApicontHead3 .btnOpApi{width: auto;height: 16px;display: block;background: #f2ffff;font-size: 14px;color: #0b829e;border: 1px solid #7bc6d8;border-radius: 5px;padding: 10px;}

.openApiH3 {font-size:18px;color: #1a1a1a;padding: 37px 0 8px 0;letter-spacing:-1px;font-weight: 400;}
.openApiH4 {font-size:12px; color:#666; font-weight:bold; padding:12px 0 0 0; letter-spacing:-1px;}

.openApiTxt {font-size:12px; color:#666; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.openApiTxtOrange {font-size:12px; color:#ff6c00; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.txtBg {font-size: 14px;color:#666;line-height:150%;margin-top:4px;display:inline-block;}

.apiStep {background:url(../../images/front/contents/openapi/box4.gif) no-repeat left top; width:710px; height:186px; padding:28px 0 0 40px; margin-top:15px;}
.apiStep li {float:left; width:112px; background:url(../../images/front/contents/openapi/useGuide_step_allow.gif) no-repeat 11px 43px; padding:0 0 0 30px;}
.apiStep li p { text-align:center; font-size:11px; color:#666; line-height:130%; padding-top:10px; letter-spacing:-1px;}
.apiStep li.first {padding-left:0; background:none;}

.apiGuideLink {padding:50px 0 0 0;}
.apiGuideLink div {float:left; width:286px;}
.apiGuideLink .line {border-left:solid 1px #e1e1e1;  padding-left:26px;}
.apiGuideLink div h4 {font-size:16px; color:#40527c; font-family:'NanumGothicBoldWeb'; font-weight:800;  padding: 5px 0 0 37px; height:21px; letter-spacing:-1px; background:url(../../images/front/contents/openapi/useGuide_icon1.gif) no-repeat left top;}
.apiGuideLink div p {font-size:11px; /*color:#999;*/ color:#585757; line-height:130%; padding:6px 0 15px;}

.apiTable {width:100%; margin-top:12px;}
.apiTable th {background: #f2f5f9;text-align:center;font-weight:bold;color: #6a7a92;font-size: 13px;padding:9px 12px 9px 12px;min-height:13px;}
.apiTable td {border-left:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;color:#666;font-size: 13px;line-height:140%;padding:9px 12px 6px 12px;min-height:13px;}
.apiTable .first {border-left:0;}
.apiTable .bg td {background:#fbfbfb;}
.codeBox {border:solid 1px #dedede; background:#fefdea; padding:30px;text-wrap: balance;}

.openApiDl {padding-top:10px;}
.openApiDl dl {overflow:hidden; width:100%; }
.openApiDl dt {float:left; font-weight:bold; font-size:12px; color:#666; line-height:130%; margin-top:4px;}
.openApiDl dd {float:left; background:#d8eefe; font-size:12px; color:#666; line-height:130%; margin-top:4px; display:inline-block; }

.screenSample {border-bottom:solid 1px #e6e6e6; margin:38px 0 0 0; padding-bottom:25px;}

/*  팝업  */
#openApiPopup {background:#f4f4f4;}
#openApiIframe{background:#fff;}
#openApiPopupHead {background:url(../../images/front/contents/openapi/popup_bg_header.gif) repeat-x left top; height:70px;} 
#openApiPopupHead h1 {float:left; background:url(../../images/front/contents/openapi/popup_icon_header.gif) no-repeat 30px 26px; padding:18px 0 0 45px; line-height:120%; font-size:30px; color:#fff; font-family:'NanumGothicBoldWeb'; font-weight:800; }
#openApiPopupHead .logo {float:right; padding:19px 27px 0 0;}
#openApiPopupCont {border:solid 3px #dadada; margin:8px; background:#fff; position:relative; min-height:545px; padding:0 0 85px 0;}
#openApiPopupCont .footer {position:absolute; left:0; bottom:0; height:59px; width:100%; padding-top:25px; border-top:solid 1px #dedede; background:#f9f9f9; text-align:center; font-size:12px; color:#666; font-family:'NanumGothicBoldWeb';}
#openApiPopupCont .footer p {padding-top:5px;}
#openApiPopupCont .footer a {font-size:12px; color:#666; font-family:'NanumGothicBoldWeb';}
#openApiPopupCont .footer a:hover {text-decoration:underline;}

/*  Iframe  */
.openApiIframebox1 {margin:121px auto 0 auto; border:solid 1px #e4e4e5; background:#fcfcfc; width:678px; height:268px;}
.openApiIframebox1 .addId {background:url(../../images/front/contents/openapi/popup_icon_1.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox1 .addId .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox1 .addId .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox1 .addId .fl {float:left; width:170px; padding-top:18px;}
.openApiIframebox1 .addId .fl span {display:block; background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px; padding:0 0 0 8px !important; font-size:11px; color:#888888; line-height:130%; margin-top:9px; letter-spacing:-1px; }

.openApiIframebox1 .idCheck {background:url(../../images/front/contents/openapi/popup_icon_4.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox1 .idCheck .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox1 .idCheck .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox1 .idCheck .txt2 {font-weight:bold; color:#666666; padding:8px 0 18px 0;}
.openApiIframebox1 .idCheck .txt3 {display:block; background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px; padding:0 0 18px 8px !important; font-size:12px; color:#666666; line-height:130%; margin-left:-8px; letter-spacing:-1px; }

.openApiIframeH2 {padding:84px 0 15px 0; color:#666666; font-family:'NanumGothicBoldWeb'; font-size:24px; width:678px; margin:0 auto; letter-spacing:-1px;}
.openApiIframebox2 {margin:0 auto 0 auto; border:solid 1px #e4e4e5; background:#fcfcfc; width:678px; height:268px;}
.openApiIframebox2 .login {background:url(../../images/front/contents/openapi/popup_icon_2.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox2 .login .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox2 .login .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox2 .login ul {padding:20px 0 14px; float:left;}
.openApiIframebox2 .login li {border:solid 1px #c4ccd4; height:31px; width:293px; margin-top:-1px;}
.openApiIframebox2 .login li input {border:0;margin:10px;}
.openApiIframebox2 .login .btn_login {float:left; margin-top:19px;}
.openApiIframebox2 .login .link {clear:both; display:inline-block; padding:0 20px 0 15px; background:url(../../images/front/contents/openapi/popup_icon_5.gif) no-repeat left top; }
.openApiIframebox2 .login .link a {font-size:12px; color:#737b92; text-decoration:underline;}

.text_blur_id {background:url(../../images/front/contents/openapi/popup_input_txt_id.gif) no-repeat left top;}
.text_focus_id {background:#fff;}
.text_blur_pw {background:url(../../images/front/contents/openapi/popup_input_txt_pw.gif) no-repeat left top;}
.text_focus_pw {background:#fff;}

.openApiExamen {padding:55px 0 0 0; width:650px; margin:0 auto; }
.apiTab {border:solid 1px #e4e4e4; border-bottom:solid 1px #bfbfbf; background:#fafafa; height:33px; }
.apiTab a {display:block;float:left;width:218px;border:solid 1px #e4e4e4;border-bottom:solid 1px #bfbfbf;height:23px;margin:-1px;color:#999999;font-size:15px;text-align:center;padding-top:10px;}
.apiTab a:hover {text-decoration:none;border:solid 1px #bfbfbf; border-bottom:0; height:24px; color:#444444; background:url(../../images/front/contents/openapi/popup_tab_bg.gif) repeat-x left top; }
.apiTab a.on {display:block; float:left; width:218px; border:solid 1px #bfbfbf; border-bottom:0; height:24px; margin:-1px; color:#444444; font-family:'NanumGothicBoldWeb'; font-size:15px; background:url(../../images/front/contents/openapi/popup_tab_bg.gif) repeat-x left top; text-align:center; padding-top:10px;}
.openApiExamenSelct {margin-top:35px; background:#f5f5f5; padding:38px 0 0 0;}
.openApiExamenSelct .openApiExamenSelctHead {margin:0 38px 0 38px; background:url(../../images/front/contents/openapi/popup_icon_3.gif) no-repeat left top; padding:0 0 24px 72px; border-bottom:dotted 1px #b6c1cd;}
.openApiExamenSelct .openApiExamenSelctHead h2  {color:#444; font-family:'NanumGothicBoldWeb'; font-size:20px; padding-bottom:7px; padding-top:3px; letter-spacing:-1px;}
.openApiExamenSelct .openApiExamenSelctHead p {font-size:12px; color:#666; background:#dde4ea; margin:3px 0 }
.openApiExamenSelct .link {padding-top:52px; padding-bottom:57px; overflow:hidden;}
.openApiExamenSelct .link li {float:left;}

.openApiExamenResult {padding:35px 0 0 0; width:650px;}
.openApiExamenResult .openApiExamenResultSearch {background:url(../../images/front/contents/openapi/popup_box1.gif) no-repeat left top; width:650px; height:75px;}
.openApiExamenResult .openApiExamenResultSearch dl {padding:10px 0 0 32px; height:20px;}
.openApiExamenResult .openApiExamenResultSearch dt {float:left; font-size:12px; font-weight:bold; color:#444444; background:url(../../images/front/contents/openapi/ico_point2.gif) no-repeat left 10px; padding:6px 12px 0 8px;}
.openApiExamenResult .openApiExamenResultSearch dd {float:left; padding-right:50px;}
.openApiExamenResult .openApiExamenResultSearch dd .inputTxt {border:solid 1px #c9c9c9; height:20px; width:117px;}
.openApiExamenResult .openApiExamenResultSearch dd select {margin-top:3px;}
.openApiExamenResult .btn_search {float:right; margin-top:-30px; margin-right:30px;}
.openApiExamen .searchInfo {background:url(../../images/front/contents/openapi/popup_icon_tip.gif) no-repeat left 30px; padding:28px 0 0 15px; color:#777777; padding-bottom:12px;}
.openApiExamen .searchInfo strong {color:#ff6600;}

.myExamenList {width:650px;}
.myExamenList th {border-top:solid 1px #3a5679; border-bottom:solid 1px #e1e1e1; background:#fafafa; font-size:12px; font-weight:bold; color:#666; height:34px; vertical-align:middle}
.myExamenList td {border-bottom:solid 1px #ededed; font-size:12px; color:#666; text-align:center; height:31px; vertical-align:middle}
.myExamenList td.tl a {display:block; width:455px; padding-left:23px;}
.myExamenList td .colorFinish {color:#139802}
nCont2 .tip {font-size:11px; color:#ff6633; line-height:140%; letter-spacing:-1px; padding:0 0 0 16px; background:url(../../images/front/contents/openapi/ico_tip.gif) no-repeat left top;}

.apiMainCont3 {width: 100%;padding: 20px 0 0 0;overflow: hidden;display: flex;justify-content: space-between;gap: 16px;}
.apiMainCont3 .fl {float:left;width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.apiMainCont3 .fr {width: 50%;height: auto;background: #fff;border-radius: 10px;padding: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.apiMainCont3 .fr p {padding:13px 0 19px 0;/*color:#999999;*/color:#494848;font-size: 18px;line-height:140%;letter-spacing:-1px;}
.apiMainCont3 .fr a{font-size:15px;color: #091131;background: url(../../images/front/contents/openapi/api-doc-down.png) no-repeat left center;padding: 10px 0 10px 24px;display: inline-block;width: auto;}
.apiMainCont3 .fr p + a{border-bottom: 1px solid #ddd;}}
.apiMainCont3 h2 {font-size: 22px;color: #333;font-weight: 600;padding-top:6px;font-family: 'Pretendard';border-bottom: 1px solid #ddd;padding: 6px 0 15px 0;}
.apiMainCont3 .box {}
.apiMainCont3 .box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 15px 0 0 0;
}
.apiMainCont3 .box li {width: 32%;display: flex;align-items: center;justify-content: center;}
.apiMainCont3 .box li a {color: #1e4eb0;font-size: 16px;font-weight: 500;letter-spacing:-1px;display: block;padding: 12px 0;background: #ddd;width: 100%;border-radius: 10px;text-align: center;background: #f1f8ff;}
.apiMainCont3 .box li a:hover {color:#666;font-size: 14px; text-decoration:underline;}



/* 타이틀 */
.apiColumnRight .title {
    background: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    display: flex;
    color: #4a4a4a;
    font-size: 14px;
    justify-content: space-between;
    gap: 0;
    flex-wrap: wrap;
    align-items: flex-start;
}
.apiColumnRight .title h2 {font-size: 20px;color: #1a1a1a;font-weight: 600;border-bottom: 1px solid #ddd;padding: 0 0 20px 0;width: 100%;margin: 0 0 20px 0;}
.apiColumnRight .title h3{width: 100%;margin: 0 0 10px 0;}
.apiColumnRight .title .location {float:right; margin-top:-15px; font-size:11px; color:#666666; font-size:12px; padding-right:5px; text-align:right}
.apiColumnRight .title p{line-height: 22px;}
.apiColumnRight .title p br + br{display: none;}
.btnOpApi{
    border: 1px solid #7bc6d8;
    background: #f2ffff url(../../images/front/contents/openapi/api-btn-ico.png) no-repeat 15px center;
    border-radius: 8px;
    padding: 9px 15px 7px 35px;
    font-size: 14px;
    color: #0b829e;
}



/* 컨텐츠 */
.apiColumnRight .box-wrap {
    background: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    margin-top:20px;
}
.sknavi {position:absolute;	top:-500px;}
.sknavi:focus, .sknavi:hover, .sknavi:active {top:1px;	display:block;	width:100%;	height:20px; padding-top:4px; text-align:center; font-size:12px; font-weight:bold;	background-color:#36312b; color:#ffffff; text-decoration:none;	z-index:10;}


.openApicontHead {background:url(../../images/front/contents/openapi/main_img1.gif) no-repeat left top;padding-left: 116px;margin-top: 30px;ma;margin-left: 0;}
.openApicontHead h3 {font-size:24px; color:#3a558d; font-family:'NanumGothicBoldWeb'; font-weight:800; padding-top:10px; letter-spacing:-1px; }
.openApicontHead p {font-size:12px; /*color:#888888;*/ color:#504F4F; line-height:150%; letter-spacing:-1px; padding:10px 0;}

.apiColumnRight .box1 {background: #f1f8ff;width: auto;height: auto;margin-left: 0;margin-top:18px;padding: 53px 0;border-radius: 8px;}
.apiColumnRight .box2 {background: #f2f6fa;width: 100%;height:88px;mar;margin-left: 0;margin-top: 18px;border-radius: 8px;}
.apiColumnRight .box2 h4 {font-size:16px; color:#444444; font-family:'NanumGothicBoldWeb'; font-weight:800; padding:16px 0 7px 32px; letter-spacing:-1px; }
.apiColumnRight .box2 p {font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; padding-left:32px;}

.key_none {background:url(../../images/front/contents/openapi/sub_img1.gif) no-repeat left top; padding-left:126px; height:103px; margin:40px 0 0 168px;}
.key_none p {padding:26px 0 12px 0; font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; }

.key_finish {background:url(../../images/front/contents/openapi/sub_img2.gif) no-repeat left top; padding-left:126px; height:110px; margin:35px 0 0 120px;}
.key_finish strong {display:block; font-size:16px; color:#444444; font-family:'NanumGothicBoldWeb'; font-weight:800; padding:7px 0; letter-spacing:-1px;}
.key_finish p {padding:0 0 18px 0; font-size:12px; color:#666; line-height:140%; letter-spacing:-1px; }

.no-key{display: flex;align-items: center;flex-direction: column;line-height: 1.5;font-size: 16px;}
.no-key a{
    margin: 15px 0 0 0;
}
.table_api_apply {width: 100%;border-top:solid 2px #444547;border-bottom:solid 1px #d4d4d4;margin-left: 0;margin-top:18px;}
.table_api_apply th {background:#f9f9f9; font-size:12px; font-weight:bold; text-align:left; padding:16px 0 14px 24px; border-bottom:solid 1px #ebebeb}
.table_api_apply td {padding:8px 10px; border-bottom:solid 1px #ebebeb}
.table_api_apply td input {border:solid 1px #cdcdcd; height:21px; padding:2px 0 0 0;}
.table_api_apply td select {height:23px;}
.table_api_apply td .tip {background:url(../../images/front/contents/openapi/ico_tip2.gif) no-repeat left 7px; padding:9px 0 0 20px; font-size:11px; /*color:#999;*/ color:#504F4F;}

.apiColumnLeft_foot {height:8px;display: none;}


.openApicontHead2 {background:url(../../images/front/contents/openapi/main_img3.gif) no-repeat left top; padding-left:92px; margin-top:63px; margin-left:20px;}
.openApicontHead2 p {font-size:12px; color:#666; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.openApicontHead3 {position:relative;display: flex;justify-content: space-between;padding: 0 0 10px 0;align-items: center;}
.openApicontHead3 p {width:505px;font-size: 14px;color:#666;line-height:150%;letter-spacing:-1px;padding:13px 0 7px 0;}
.openApicontHead3 .btnOpApi{width: auto;height: 16px;display: block;background: #f2ffff;font-size: 14px;color: #0b829e;border: 1px solid #7bc6d8;border-radius: 5px;padding: 10px;}

.openApiH3 {font-size:18px;color: #1a1a1a;padding: 37px 0 8px 0;letter-spacing:-1px;font-weight: 400;}
.openApiH4 {font-size:12px; color:#666; font-weight:bold; padding:12px 0 0 0; letter-spacing:-1px;}

.openApiTxt {font-size:12px; color:#666; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.openApiTxtOrange {font-size:12px; color:#ff6c00; line-height:150%; letter-spacing:-1px; padding:13px 0 7px 0 ;}
.txtBg {font-size: 14px;color:#666;line-height:150%;margin-top:4px;display: block;}

.apiStep {background:url(../../images/front/contents/openapi/box4.gif) no-repeat left top; width:710px; height:186px; padding:28px 0 0 40px; margin-top:15px;}
.apiStep li {float:left; width:112px; background:url(../../images/front/contents/openapi/useGuide_step_allow.gif) no-repeat 11px 43px; padding:0 0 0 30px;}
.apiStep li p { text-align:center; font-size:11px; color:#666; line-height:130%; padding-top:10px; letter-spacing:-1px;}
.apiStep li.first {padding-left:0; background:none;}

.apiGuideLink {padding:50px 0 0 0;}
.apiGuideLink div {float:left; width:286px;}
.apiGuideLink .line {border-left:solid 1px #e1e1e1;  padding-left:26px;}
.apiGuideLink div h4 {font-size:16px; color:#40527c; font-family:'NanumGothicBoldWeb'; font-weight:800;  padding: 5px 0 0 37px; height:21px; letter-spacing:-1px; background:url(../../images/front/contents/openapi/useGuide_icon1.gif) no-repeat left top;}
.apiGuideLink div p {font-size:11px; /*color:#999;*/ color:#585757; line-height:130%; padding:6px 0 15px;}
.apiGuideLink:after{content:'';display: block;clear: both;}

.apiTable {width:100%; margin-top:12px;}
.apiTable th {background: #f2f5f9;text-align:center;font-weight:bold;color: #6a7a92;font-size: 13px;padding:9px 12px 9px 12px;min-height:13px;}
.apiTable td {border-left: none;border-bottom:solid 1px #e2e2e2;color:#666;font-size: 13px;line-height:140%;padding:9px 12px 6px 12px;min-height:13px;}
.apiTable .first {border-left:0;}
.apiTable .bg td {background: #fff;}
.codeBox {border:solid 1px #dedede; background:#fefdea; padding:30px;text-wrap: balance;}

.openApiDl {padding-top:10px;}
.openApiDl dl {overflow:hidden; width:100%; }
.openApiDl dt {float:left; font-weight:bold; font-size:12px; color:#666; line-height:130%; margin-top:4px;}
.openApiDl dd {float:left; background:#d8eefe; font-size:12px; color:#666; line-height:130%; margin-top:4px; display:inline-block; }

.screenSample {border-bottom:solid 1px #e6e6e6; margin:38px 0 0 0; padding-bottom:25px;}

/*  팝업  */
#openApiPopup {background:#f4f4f4;}
#openApiIframe{background:#fff;}
#openApiPopupHead {background:url(../../images/front/contents/openapi/popup_bg_header.gif) repeat-x left top; height:70px;} 
#openApiPopupHead h1 {float:left; background:url(../../images/front/contents/openapi/popup_icon_header.gif) no-repeat 30px 26px; padding:18px 0 0 45px; line-height:120%; font-size:30px; color:#fff; font-family:'NanumGothicBoldWeb'; font-weight:800; }
#openApiPopupHead .logo {float:right; padding:19px 27px 0 0;}
#openApiPopupCont {border:solid 3px #dadada; margin:8px; background:#fff; position:relative; min-height:545px; padding:0 0 85px 0;}
#openApiPopupCont .footer {position:absolute; left:0; bottom:0; height:59px; width:100%; padding-top:25px; border-top:solid 1px #dedede; background:#f9f9f9; text-align:center; font-size:12px; color:#666; font-family:'NanumGothicBoldWeb';}
#openApiPopupCont .footer p {padding-top:5px;}
#openApiPopupCont .footer a {font-size:12px; color:#666; font-family:'NanumGothicBoldWeb';}
#openApiPopupCont .footer a:hover {text-decoration:underline;}

/*  Iframe  */
.openApiIframebox1 {margin:121px auto 0 auto; border:solid 1px #e4e4e5; background:#fcfcfc; width:678px; height:268px;}
.openApiIframebox1 .addId {background:url(../../images/front/contents/openapi/popup_icon_1.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox1 .addId .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox1 .addId .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox1 .addId .fl {float:left; width:170px; padding-top:18px;}
.openApiIframebox1 .addId .fl span {display:block; background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px; padding:0 0 0 8px !important; font-size:11px; color:#888888; line-height:130%; margin-top:9px; letter-spacing:-1px; }

.openApiIframebox1 .idCheck {background:url(../../images/front/contents/openapi/popup_icon_4.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox1 .idCheck .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox1 .idCheck .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox1 .idCheck .txt2 {font-weight:bold; color:#666666; padding:8px 0 18px 0;}
.openApiIframebox1 .idCheck .txt3 {display:block; background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px; padding:0 0 18px 8px !important; font-size:12px; color:#666666; line-height:130%; margin-left:-8px; letter-spacing:-1px; }

.openApiIframeH2 {padding:84px 0 15px 0; color:#666666; font-family:'NanumGothicBoldWeb'; font-size:24px; width:678px; margin:0 auto; letter-spacing:-1px;}
.openApiIframebox2 {margin:0 auto 0 auto; border:solid 1px #e4e4e5; background:#fcfcfc; width:678px; height:268px;}
.openApiIframebox2 .login {background:url(../../images/front/contents/openapi/popup_icon_2.gif) no-repeat 91px top; margin-top:44px; padding:16px 0 0 188px; overflow:hidden}
.openApiIframebox2 .login .txt {color:#656c84; font-family:'NanumGothicBoldWeb'; font-size:24px; letter-spacing:-1px; line-height:120%;}
.openApiIframebox2 .login .txt span {color:#ff6700; font-family:'NanumGothicBoldWeb'; font-size:24px; }
.openApiIframebox2 .login ul {padding:20px 0 14px; float:left;}
.openApiIframebox2 .login li {border:solid 1px #c4ccd4; height:31px; width:293px; margin-top:-1px;}
.openApiIframebox2 .login li input {border:0;margin:10px;}
.openApiIframebox2 .login .btn_login {float:left; margin-top:19px;}
.openApiIframebox2 .login .link {clear:both; display:inline-block; padding:0 20px 0 15px; background:url(../../images/front/contents/openapi/popup_icon_5.gif) no-repeat left top; }
.openApiIframebox2 .login .link a {font-size:12px; color:#737b92; text-decoration:underline;}

.text_blur_id {background:url(../../images/front/contents/openapi/popup_input_txt_id.gif) no-repeat left top;}
.text_focus_id {background:#fff;}
.text_blur_pw {background:url(../../images/front/contents/openapi/popup_input_txt_pw.gif) no-repeat left top;}
.text_focus_pw {background:#fff;}

.openApiExamen {padding:55px 0 0 0; width:650px; margin:0 auto; }
.apiTab {border: none;border-bottom:solid 1px #bfbfbf;background: none;height:33px;display: flex;gap: 25px;}
.apiTab a {display:block;float: none;width: auto;border: none;height:23px;margin:-1px;color: #333;font-size:15px;text-align:center;padding-top:10px;}
.apiTab a:hover,
.apiTab a.on {display:block;float: none;width: auto;border: none;border-bottom: solid 2px #1e4eb0;height:23x;margin:-1px;color: #1e4eb0;font-size: 15px;background: none;text-align:center;padding-top:10px;}
.openApiExamenSelct {margin-top:35px; background:#f5f5f5; padding:38px 0 0 0;}
.openApiExamenSelct .openApiExamenSelctHead {margin:0 38px 0 38px; background:url(../../images/front/contents/openapi/popup_icon_3.gif) no-repeat left top; padding:0 0 24px 72px; border-bottom:dotted 1px #b6c1cd;}
.openApiExamenSelct .openApiExamenSelctHead h2  {color:#444; font-family:'NanumGothicBoldWeb'; font-size:20px; padding-bottom:7px; padding-top:3px; letter-spacing:-1px;}
.openApiExamenSelct .openApiExamenSelctHead p {font-size:12px; color:#666; background:#dde4ea; margin:3px 0 }
.openApiExamenSelct .link {padding-top:52px; padding-bottom:57px; overflow:hidden;}
.openApiExamenSelct .link li {float:left;}

.openApiExamenResult {padding:35px 0 0 0; width:650px;}
.openApiExamenResult .openApiExamenResultSearch {background:url(../../images/front/contents/openapi/popup_box1.gif) no-repeat left top; width:650px; height:75px;}
.openApiExamenResult .openApiExamenResultSearch dl {padding:10px 0 0 32px; height:20px;}
.openApiExamenResult .openApiExamenResultSearch dt {float:left; font-size:12px; font-weight:bold; color:#444444; background:url(../../images/front/contents/openapi/ico_point2.gif) no-repeat left 10px; padding:6px 12px 0 8px;}
.openApiExamenResult .openApiExamenResultSearch dd {float:left; padding-right:50px;}
.openApiExamenResult .openApiExamenResultSearch dd .inputTxt {border:solid 1px #c9c9c9; height:20px; width:117px;}
.openApiExamenResult .openApiExamenResultSearch dd select {margin-top:3px;}
.openApiExamenResult .btn_search {float:right; margin-top:-30px; margin-right:30px;}
.openApiExamen .searchInfo {background:url(../../images/front/contents/openapi/popup_icon_tip.gif) no-repeat left 30px; padding:28px 0 0 15px; color:#777777; padding-bottom:12px;}
.openApiExamen .searchInfo strong {color:#ff6600;}

.myExamenList {width:650px;}
.myExamenList th {border-top:solid 1px #3a5679; border-bottom:solid 1px #e1e1e1; background:#fafafa; font-size:12px; font-weight:bold; color:#666; height:34px; vertical-align:middle}
.myExamenList td {border-bottom:solid 1px #ededed; font-size:12px; color:#666; text-align:center; height:31px; vertical-align:middle}
.myExamenList td.tl a {display:block; width:455px; padding-left:23px;}
.myExamenList td .colorFinish {color:#139802}