@charset "utf-8";
.dot_txt_up2{margin-top:-10px;}
.dot_txt_up{margin-left:20px;margin-top:-10px;}

.box_1_5_2 {width:100%;float:left;border:1px solid #ececec;padding:10px 10px 10px 15px;background:#fcfcfc;}
.box_1_5_2  .btn_area{float:left; }

.sub02_1_1_gab{margin-top:10px;margin-left:20px;}
.sub03_2_pager{float:left;width:100%;border-bottom:1px solid #666666;height:30px;}
.sub03_2_list{float:left;padding-left:90px;padding-top:30px;text-align:center;};

.pdf_down{width:140px;height:35px;background:url('../../images/nfsi/sub03/pdf_down.jpg');}

.sub05_02_txt{float:left;margin-top:-20px;}
.sub05_02_radio{float:left;font-size:14px; color:#666;margin-top:-20px;margin-left:20px;}
.sub05_02_line{border-top:1px solid #ececec;}
.sub05_02_email{font-size:16px;border-left:1px solid #ececec;border-right:1px solid #ececec;border-bottom:1px solid #ececec;background:#f9f9f9;padding:20px;text-align:center;}
.sub05_02_email input{width:300px;height:31px;margin-top:-3px;}
.sub05_02_email button{background:#009966;color:#fff;width:122px;height:30px;border:0px;}
.sub05_02_email input{width:300px;height:31px;margin-top:-3px;}
.sub05_02_email button{background:#009966;color:#fff;width:122px;height:30px;border:0px;}
.sub05_03_01_td{padding-left:10px;}
.sub05_03_01_form input{width:220px;height:31px;margin-top:-3px;}
.sub05_03_01_form button{background:#757575;color:#fff;width:80px;height:31px;border:0px;}
.sub05_03_01_form select{height:33px;color:#969696;}
.sub05_3_1_step1_right_td{padding:20px;border-bottom:1px solid #ececec;color:#666;font-weight:normal;}
.sub05_3_1_step1_right_td input{height:32px;margin-top:-4px;}
.sub05_3_1_step1_right_td select{height:32px;color:#969696;}
.sub05_3_1_step1_right_td textarea{border:1px solid #ccc;color:#969696;padding:10px;line-height:1.8;}
.sub05_3_1_step1_right_td button{background:#757575;color:#fff;width:80px;height:32px;border:0px;}
.sub05_3_1_step1_left_td{text-align:center;width:160px;background:#eeeeee;border-bottom:1px solid #ccc;}

.step3_th{text-align:center;background:#eeeeee;border-bottom:1px solid #ccc;}
.step3_td{text-align:center;background:#fff;padding:10px;}
.step3_td input{width:100%}

.login{margin-left:200px;margin-top:30px;width:450px;}
.login .id{float:left;width:80px;text-align:right;margin-right:10px;}
.login .pass{float:left;width:80px;text-align:right;margin-right:10px;margin-top:-9px;}
.login .pass2{float:left;}
.login p{font-size:20px;margin-top:3px;}
.login input{width:330px;height:37px;background:#f9f9f9;}

.id_search p{font-size:20px;margin-top:3px;}
.id_search input{width:330px;height:37px;background:#f9f9f9;}
.id_search .txt{font-size:16px;margin-left:80px;}

.pw_search{margin-left:30px;}
.pw_search p{font-size:20px;margin-top:3px;}
.pw_search input{width:330px;height:37px;background:#f9f9f9;}
.pw_search .txt{font-size:16px;margin-left:80px;}

.l_div_btn{float:left;margin-left:8px;margin-top:-45px;}
.l_div_btn button{border:0px;width:81px;height:81px;background:#199975;color:#fff;}

.l_gr{float:left;margin-left:20px;font-size:16px;color:#666;}
.l_gr1{float:left;margin-top:-1px;}
.l_gr2{float:left;margin-top:-1px;}

.clear{clear:both;height:10px;}

/*.div_content p{margin-bottom:20px; line-height:1.5;  color:#666; }*/

.dot_txt{margin-bottom:0px;padding-left:10px; background:url(../../images/nfsi/footer_dot.png) no-repeat 0 10px; color:#666;}
.dot_big_txt{margin-bottom:0px;padding-left:10px; background:url(../../images/nfsi/footer_dot.png) no-repeat 0 10px; font-size:18px; color:#333;}
.big_txt{margin-bottom:0px;padding-left:10px;font-size:17px; color:#666;}

.div_box{border:1px solid #ececec;padding:25px;background:#fcfcfc;}
.div_box .title{font-weight:bold;margin-bottom:20px;}
.div_box2{border:1px solid #ececec;padding:20px;height:200px;overflow-y:auto;background:#fff;}
.chk_right{text-align:right;color:#666;}
.g_check{margin-left:20px;margin-top:10px;width:26px;height:26px;}

.div_box3{border:1px solid #ececec;padding:25px;background:#fcfcfc;height:300px;overflow-y:auto; line-height:1.6; }

.r_gr{float:left;margin-left:20px;}
.r_gr1{float:left;margin-top:-4px;}
.r_gr2{float:left;margin-top:-1px;}
.right_line{border-right:1px solid #ccc;}

.div_line{height:1px;background:#e0e0e0;}
.news_wrap .news_letter_tab{margin-top:0;}
.news_wrap .news_letter_tab li{width:50%;}

.line_1{padding-top:26px;box-sizing: border-box;}
.line_2{padding-top:17px;box-sizing: border-box;}

.mission_2{text-align:center; word-break:keep-all;}
.mission_2 ul{}
.mission_2>ul>li{width:100%;padding-bottom:35px;position: relative;}
.mission_2>ul>li:nth-child(1){background: url(../../images/nfsi/sub01/arrow.png) right 45% bottom 10px no-repeat;}
.mission_2>ul>li:nth-child(2){background: url(../../images/nfsi/sub01/arrow.png) right 45% bottom 10px no-repeat;}
.mission_2>ul>li:nth-child(3){background: url(../../images/nfsi/sub01/arrow.png) right 45% bottom 10px no-repeat;}
.mission_2>ul>li:nth-child(4){padding-bottom:82px; background: url(../../images/nfsi/sub01/arrow.png) right 45% bottom 25px no-repeat;}
.mission_2>ul>li:before{display: block;content:"";background: #ccc;width:1px;height: 100%;position: absolute;left: 4%;top: 0;z-index: 10;}
.mission_2>ul>li:last-child:before{content: none;}
.mission_2 ul li:after{display:block;clear:both;content:"";}
.mission_2 ul li .m_tit{float:left;width:10%;margin-right:2%;position: relative;z-index: 20;}
.mission_2 ul li .m_tit h3.green_e{background: #527d10;}
.mission_2 ul li .m_tit h3{width:76px;height:76px;border-radius: 76px;font-size:18px;color:#fff;}
.mission_2 ul li .m_tit h3.mint_e{background: #007b84;}
.mission_2 ul li .m_tit h3.orange_e{background: #b15625;}
.mission_2 ul li .m_inner{float:right;width:88%;}
.mission_2 ul li:nth-child(1) .m_inner{position:relative; top:6px;}
.mission_2 ul li:nth-child(2) .m_inner{position:relative; top:14px;}
.mission_2 ul li:nth-child(2) .m_inner{position:relative; top:14px;}
.mission_2 ul li:nth-child(3) .m_inner{position:relative; top:14px;}
.mission_2 ul li:nth-child(4) .m_tit{top:23px;}
.mission_2 ul li:nth-child(4) .m_inner{position:relative; top:14px;}
.mission_2 ul li:nth-child(5) .m_tit{top:20px;}
.mission_2 ul li:nth-child(6) .m_inner{position:relative; top:10px;}
.mission_2 ul li span{width: 100%;background: #f5fbfc;border:2px solid #00bac6;font-size:17px;color:#00737a;text-align: center;padding:10px 100px;display: block;box-sizing: border-box;}
.mission_2 ul li ul{}
.mission_2 ul li ul li{float:left;width:19.6%;margin-right:0.5%;}
.mission_2 ul li ul li:last-child{margin-right:0;}
.mission_2 ul ul li h4{display:table-cell; vertical-align:middle; padding:20px; width:20%; height:54px; background: #5e7488; color:#fff;}
.mission_2 ul ul li div{border:2px solid #90b3d2; background:#fff; text-align:left; padding:15px 10px 0 10px; min-height:100px;}
.mission_2 ul ul li:nth-child(2) div{border:2px solid #8ea8d5;}
.mission_2 ul ul li:nth-child(3) div{border:2px solid #819ccc;}
.mission_2 ul ul li:nth-child(4) div{border:2px solid #718ebf;}
.mission_2 ul ul li:nth-child(5) div{border:2px solid #6785b7;}
.mission_2 ul ul li div p{font-size: 13px;color:#555;margin-bottom:10px; counter-increment: chapter;position: relative;padding-left: 22px;}
.mission_2 ul ul li div p:after{content:"" counter(chapter);display: block;background: #636363;font-size:12px;color:#fff;text-align: center;width: 17px;height: 17px;border-radius: 17px;position:absolute;left: 0;top: 0;}
.mission_2 ul.orange_box{}
.mission_2 ul.orange_box li{float: left;width: 32%;margin-right:2%;box-sizing: border-box;border: 1px solid #f47835;background: #fdf5f0;border-radius:30px 0 30px 0;padding:15px 0;font-size:18px;color: #a25024;}





/* ************************************ 2024.08.20 국내외 일일정보 API 스타일 추가  ************************************ */
/* 타이틀 */
.title_style_3 { position:relative; margin-bottom: 22px; padding-left: 32px; font-size: 17px; color: #666; }
.title_style_3:before { content:"1"; position:absolute; top:0; left:0; display:block; background:#1b818c; width:24px; height:24px; color:#fff; border-radius:50px; text-align:center; font-size:14px; line-height:22px; }
.title_style_3.number2:before { content:"2"; }
.title_style_3.number3:before { content:"3"; }
.title_style_3.number4:before { content:"4"; }
.title_style_3.number5:before { content:"5"; }
.title_style_3.number6:before { content:"6"; }


/* 리스트 스타일 */ 
.list_style_order { margin:0 0 40px 0; }
.list_style_order li { display:inline-block; position:relative; width:150px; height:60px; color:#004a56; border:3px solid #1b818c; border-radius:5px; font-size:16px; text-align:center; line-height:60px; margin-right:52px;}
.list_style_order li:after { content:""; position:absolute; top:23px; right:-52px; display:block; background:url(../../images/nfsi/order_bullet.png) no-repeat 0 0; width:52px; height:11px; }
.list_style_order li:nth-child(3):after { content:none; }


/* 탭 스타일 */
.con_tabs {  }
.con_tabs .tab_list { display:flex; margin-bottom:40px; }
.con_tabs .tab_list .item {padding:10px 25px; border:0; flex: 1; flex-grow: 1; border:1px solid #ececec; border-left:0; background:#fff;}
.con_tabs .tab_list .item span {color:#333333; font-size:15px; font-weight:400; font-family: "NotoSansKR", "Arial", sans-serif;}
.con_tabs .tab_list .item:nth-child(1) { border-left:1px solid #ececec; }
.con_tabs .tab_list .item.active {background:#1b818c; border:0; }    
.con_tabs .tab_list .item.active span {color:#fff; font-weight: 500;}    
.con_tabs .tab_conts { font-size:14px; }    
.con_tabs .tab_conts .tab_panel {display:none; }
.con_tabs .tab_conts .tab_panel.active {display:block;}     
.con_tabs .tab_conts .tab_panel:focus, button:focus {outline:1px dotted #000;}
.con_tabs pre { background: #f6fbfb; border:1px solid #e0e0e0; padding:20px; margin:0 0 40px 0; white-space: pre-wrap; word-break: break-all; overflow: auto;}
 
 
.api_appl table { margin-bottom:40px; }   
.api_appl .appl_check li { margin-right:20px; display:inline-block; }  
.api_appl textarea { width:100%; border: 1px solid #e0e0e0; box-sizing: border-box;}
.api_appl #test_cnt { text-align:right; font-size:13px; }    
.api_appl .icon_necessary { content:'*'; font-size:17px; color:red; width: 10px; height: 10px; display: inline-block; text-indent: -9999px; vertical-align:top; }
.api_appl .center_area { text-align:center; }
.api_appl .btn-green-bg2 {background:#126068; color:#fff; border:1px solid #126068; margin-right:5px; }