@charset "utf-8";
/*sub menu*/
.sub_scrollmenu{display: none; background-color: #4171b8; padding: 24px 0;}
.sub_scrollmenu.on{display: block; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999;}
.sub_scrollWrap{width: 1200px; margin: 0 auto;}
.sub_pagetit{min-width: 100px; font-weight: 700; float: left; padding: 10px 50px 0 0; font-size: 22px; color: #fff; /*background: url(../images/common/sub_scroll_bg.png) no-repeat left top;*/}
.sub_pagelist{float: left; padding: 13px 0 15px 30px; border-left: 1px solid #6b90c8;}
.sub_pagelist li{float: left;}
.sub_pagelist li a{padding: 0 20px; border-left: 1px solid #6b90c8; color: #fff;}
.sub_pagelist li a:hover{color: #333;}
.sub_pagelist li:first-child a{border-left: 0;}

/* 개인정보처리방침_팝업 */
.pop_privacy			{width: 100%; max-width: 1300px; box-sizing: border-box;}
.pop_privacy .cont		{padding:30px 50px 0 30px !important; width: 100%; margin: 0 auto; /* position: relative; */ box-sizing: border-box;}
.pop_privacy h3			{background:#4171b9 ; padding:15px 20px; width: 100%; color:#fff; font:600 28px/35px "Open Sans", "Noto Sans KR", sans-serif; display: block; box-sizing: border-box;}



/*page title*/
.pageTit		{/*background: url(../images/sub/sub01Bg.jpg); background-size: cover;*/ background: #ece9e4; position: relative; overflow: hidden;}
.pageTit::after	{position: absolute; content: ''; display: block;  max-width: 1200px; width: 100%; left: 0; margin: 0 auto; text-align: center; right: 0;}
.pageTitWrap	{width: 1200px; margin: 0 auto; padding: 64px 0 70px;}
.pageTitWrap h2	{padding-bottom: 25px; font-size: 31px; line-height: 37px; color: #222; font-weight: 700;}
.pageTitWrap p	{font: 400 15px/22px "Noto Sans KR", sans-serif; color: #999;}

.pageTit.sub01Bg	{background:#ece9e4;}
.pageTit.sub02Bg	{background:#e4eeec;}
.pageTit.sub03Bg	{background:#ebecf6;}
.pageTit.sub04Bg	{background:#dbeafb;}
.pageTit.sub05Bg	{background:#fae9e9;}
.pageTit.sub06Bg	{background:#f8f9fc;}
.pageTit.sub07Bg	{background:#ece9e4;}
.pageTit.sub08Bg	{background:#fff3e6;}

.pageTit.sub01Bg::after		{background: url(../images/common/page_tit_after01.png) no-repeat 100% 50%; height:305px; top: -43px;}
.pageTit.sub02Bg::after		{background: url(../images/common/page_tit_after02.png) no-repeat 100% 50%; height:357px; top: -80px;}
.pageTit.sub03Bg::after		{background: url(../images/common/page_tit_after03.png) no-repeat 100% 50%; height:319px; top: -10px;}
.pageTit.sub04Bg::after		{background: url(../images/common/page_tit_after04.png) no-repeat 100% 50%; height:306px; top: -20px;}
.pageTit.sub05Bg::after		{background: url(../images/common/page_tit_after05.png) no-repeat 100% 50%; height:298px; top: -10px;}
.pageTit.sub06Bg::after		{background: url(../images/common/page_tit_after06.png) no-repeat 100% 50%; height:303px; top: -18px;}
.pageTit.sub07Bg::after		{background: url(../images/common/page_tit_after.png) no-repeat 100% 50%; height:304px; top: 5px;}
.pageTit.sub08Bg::after		{background: url(../images/common/page_tit_after07.png) no-repeat 100% 50%; height:326px; top: -45px;}




/*sub common navi*/
.sub_navi_wrap{position: relative; z-index: 50; width: 100%; background-color: #fff; border-bottom: 1px solid #dcdcdc;}
.sub_navi .subNaviList{clear: both; width: 1200px; margin: 0 auto; position: relative;}
.subNaviList>li{height: 56px; position: relative; z-index: 30; float: left;}
.subNaviLi{border-right: 1px solid #e2e2e2; background: url(../images/common/arrow02.png) no-repeat 90% center;}
.subNaviLi>a{display: block; min-width: 130px; padding: 0 40px 0 25px; font-size: 18px; color:  #403e3e; line-height: 56px;}
.home {border-left: 1px solid #e2e2e2; border-right: 1px solid #dcdcdc;}
.home a{display: block; width: 54px; height: 100%; background: url(../images/common/home.png) no-repeat center center;}
.subNavi_list{display: none; position: absolute; top: 56px; left: -1px; z-index: 40; width: 100%; padding: 18px 0 28px; background-color: #f7f8fb; border: 1px solid #cacdd6; border-top: 1px solid #dcdcdc;}
.subNavi_list li a {display: block; padding: 8px 0 8px 31px; font-size: 16px; color: #0a0a0a;}
.subNavi_list li a:hover{text-decoration: underline;}
.subNaviLi:hover .subNavi_list{display: block;}
.subNavi_list.on{display: block;}

/*sub navi depth*/
.depthWrap{display: none; position: absolute; top: 56px; left: -1px; z-index: 1; background-color: #fff; padding: 10px 0; width: 100%; border: 1px solid #e2e2e2;}
.depthWrap .depth{display: block; padding: 0 25px; line-height: 30px; font-size: 16px; color:  #403e3e;}
.depthWrap .depth:hover, .gnb_member a:hover{color: #4276bb;}

/*field wrap*/
.fieldWrap_type1{width: 1200px; margin: 0 auto;}

/*field title*/
.contents{width: 1200px; margin: 0 auto; overflow: hidden;}
.fieldTit{font-size: 26px; font-weight: 700;}

.title_type1{font-size: 20px;}
.title_type2{font-size: 15px;}
.left_bar{padding-left: 12px; font-size: 17px; font-weight: 700; background: url(../images/sub/left_bar01.jpg) no-repeat left 5px; line-height: 22px;}

/*sub common css*/
.pType{font-size: 15px; line-height: 22px;}
.bold{font-weight: 700;}
.blue	{color: #4276bb;}
.text_underline	{text-decoration: underline;}
.hr{height: 1px; background-color: #dcdcdc;}
.hr2{height: 1px; background-color: #e6e6e6;}
.list_style li{line-height: 30px; font-size: 14px;}
.hipen_li li{padding-left: 8px; background: url(../images/sub/list_hipen.jpg) no-repeat left 15px;}
.borderBox{padding: 30px; border: 1px solid #e1e1e1; font-size: 14px; line-height: 22px; text-align: center;}
.dot01{display: inline-block; padding-left: 15px; background: url(../images/sub/dot01.jpg) no-repeat left 14px;}
.pdf_icon{padding-left: 15px; vertical-align: middle;}
.level{float: right; font-size: 14px;}

.down_btn		{display: inline-block; min-width: 95px; line-height: 30px; color: #fff; background: #4271b8; border: none; cursor: pointer; transition: all .2s; font-size: 13px; margin: 5px 0 10px;}
.down_btn:hover	{background: #305c9f;}
.down_btn.excel	{background: #0e8147;}
.down_btn.excel:hover	{background: #0b7b43;}
.down_btn.btn_mint		{background: #38acad;}
.down_btn.btn_mint:hover{background: #269a9b;}

.search_flex	{display: flex; align-items: flex-end; justify-content: space-between;}
.font_12		{font-size: 12px; font-weight: 600;}

.table_scroll	{overflow-x: auto;}

.flex				{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.btn_box .w_auto	{width: auto; padding: 0 10px; margin-top: 0;}


/*tab*/
.tab{border-left: 1px solid #e1e1e1;}
.tab li{float: left; width: 199px; text-align: center;}
.tab li a{display: block; line-height: 44px; font-size: 15px; border: 1px solid #e1e1e1; border-left: 0; letter-spacing: -1px; box-sizing: border-box;}
.tab li.on a{background-color: #4171b8; color: #fff; border: 1px solid #4171b8;}
.tabBox{display: none;}

/*table*/
.table_wrap table{width: 100%;}
.table_wrap thead{border-top: 1px solid #646464;}
.table_wrap tr{border-bottom: 1px solid #ececec;}
.table_wrap tr.border01{border-bottom: 1px solid #e6e6e6;}
.table_wrap th{background-color: #f5f5f5; font-weight: 700;}
.table_wrap th.bg01{background-color: #ebebeb;}
.table_wrap th, .table_wrap td{min-width: 30px; padding: 14px 5px; font-size: 15px; line-height: 21px;}
.table_wrap td{text-align: center; border-left: 1px solid #ececec;}
.table_wrap td.b_less {border: 0;}
.table_wrap tr.border01 td{border-left: 1px solid #e6e6e6;}

.table_wrap.type2 thead th{background-color: #d6eaf7; border-left: 1px solid #d0d0d0;}
.table_wrap.type2 thead th.b_less{border-left: 0;}
.table_wrap.type2 tbody th{background-color: transparent;}
.table_wrap.type2 tbody td{border-left: 1px solid #d0d0d0;}
.table_wrap.type2 tr, .table_wrap.analy tr{border-bottom: 1px solid #d0d0d0;}
.table_wrap.type2 tr.colorY{background-color: #f1fdec;}

/*contents*/
/*sub01_01*/
	.sub01_01 div{padding-left: 109px; background-position: 2px center; background-repeat: no-repeat;}
	.sub01_01 .title_type1{padding-bottom: 25px; font-weight: 700;}
	.intro01{background-image: url(../images/sub/intro_img01.jpg);}
	.intro02{background-image: url(../images/sub/intro_img02.jpg);}
	.intro03{background-image: url(../images/sub/intro_img03.jpg);}

/*sub01_03*/
	/*acod*/
	.accod_tit{position: relative; border-top: 1px solid #dcdcdc; padding: 23px 69px; background: url(../images/sub/faqQ.png) no-repeat 20px 25px; font-size: 14px; font-weight: 700; text-align: left; line-height: 30px; cursor: pointer;}
	.accod_tit .arrow{display: inline-block; position: absolute; top: 32px; right: 31px; width: 15px; height: 8px; background: url(../images/common/arrow03.png) no-repeat left bottom;}
	.accod_tit.on .arrow{background-position: left top;}
	.accodArea{display: none; padding: 23px 69px; font-size: 14px; line-height: 30px; text-align: left; border-top: 1px solid #dcdcdc; background: url(../images/sub/faqA.png) no-repeat 20px 25px #f8f8f8;}
	.more_wrap{margin-top: 30px; text-align: left;}

/*sub01_03*/
.sub01_03 .borderBox{background-color: #f8f8f8; text-align: center;}

/* sub01_05 */
.sub01_05{margin-bottom: 123px;}
.banner{float: left; width: 50%; margin-bottom: 30px;}
.siteLogo{float: left; display: block; width: 280px; margin-right: 30px; background-repeat: no-repeat; background-position: left top;}
.siteLogo img{display: inline-block; width: 100%; height: auto;}
.linkcon{float: left; width: 290px;}
.linkTit{display: block; padding-bottom: 19px; font-size: 15px; font-weight: 700;}
.linkEx{display: block; font-size: 14px; color: #666; line-height: 19px;}

/*sub01 notice*/
.fieldcon.notice .searchBar{text-align: right;}
.fieldcon.notice .serR{display: inline-block;}
.fieldcon.notice .select{text-align: left;}
.fieldcon.notice .selec#gubun{width: 113px;}

/* sub02_02 */
.graphWrap{padding: 40px 90px; border: 1px solid #e1e1e1;}
.img_center{text-align: center;}

/* sub02_03 */
.field_subTit{font-size: 20px; font-weight: 700; line-height: 25px;}
.mapNavi{position: fixed; bottom: 0; left: 0; z-index: 55; width: 100%;}

.mapNavi .mapTit{line-height: 37px; background-color: #a1a1a1; color: #fff; font-size: 15px; border-radius: 10px 10px 0 0;}
.mapNavi .mapTit, .mapList{text-align: center;}
.mapNavi .mapTit{position: fixed; bottom: 37px; left: 0; width: 111px;}
.mapNavi .mapList{width: 100%; border-right: 1px solid #e6e6e6; box-sizing: border-box;}
.mapNavi .mapList li{float: left; width: 5.555%; border: 1px solid #e6e6e6; border-bottom: 0; border-right: 0; box-sizing: border-box; background-color: #fff;}
.mapNavi .mapList a{display: block; padding: 11px 0 9px; color: #666666;}
.mapNavi .mapList a:hover{color: #333333; text-decoration: underline;}
.mapNavi .mapList a.on{font-weight: 700; color: #333;}
.mapWrap{padding: 40px; background-color: #f8f8f8; border: 1px solid #e1e1e1;}
.mapWrap2{padding: 40px; border: 1px solid #e1e1e1;}

.mapNavi_ko02 {position: fixed; z-index: 55; top: 48%; right: 12%; width: 111px;}
.mapNavi_ko02 .mapTit, .mapNavi_ko02 .mapList {text-align: center;}
.mapNavi_ko02 .mapList{border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.mapNavi_ko02 .mapList li{border: 1px solid #e6e6e6; border-bottom: 0; border-right: 0;}
.mapNavi_ko02 .mapTit {position: static; line-height: 37px; background-color: #a1a1a1; color: #fff; font-size: 15px; border-radius: 10px 10px 0 0;}
.mapNavi_ko02 .mapList a{display: block; padding: 11px 0 9px; color: #666666; background-color: #fff;}
.mapNavi_ko02 .mapList a:hover{color: #333333; text-decoration: underline;}
.mapNavi_ko02 .mapList a.on{font-weight: 700; color: #333;}
.mapNavi_ko02 .mt_m{display:none;}
	



.down, .up {display: inline-block; padding-right: 13px; background-repeat: no-repeat; background-position: right center;}
.down {background-image: url(../images/main/down.png);}
.up {background-image: url(../images/main/up.png);}

/*map_L , map_R*/
.map_L{float: left; width: 530px;}
.map_R{float: right; width: 530px;}

/*sub03
.anSearch{float: right; display: inline-block; margin-right: 50px; border: 0; background-color: #4271b8; font-size: 16px; color: #fff; line-height: 40px; padding: 0 40px; cursor: pointer;}

.anTable .mainTable{width: 100%;}
.mainTable > tbody{border-top: 2px solid #222; border-bottom: 1px solid #ddd;}
.mainTable th, .bgGray{background-color: #eee;}
.anTable .mainTable th, .anTable .mainTable td {padding: 7px; font-size: 15px;}
.anTable .mainTable th.left{text-align: left;}
.anTable .mainTable > tbody > tr{ border-bottom: 1px solid #ddd;}

.anSelec{padding: 2px 10px 5px; border: 1px solid #ccc;}
.varTb li{display: inline-block; height: 30px; width: 102px; vertical-align: middle;}

.varTb li span, .addCondi span{display: inline-block; width: 82px; padding: 5px 10px; margin: 0 5px 5px 0; font-size: 14px; text-align: center; border-radius: 20px; cursor: pointer; background-color: #fff; box-shadow: 1px 2px 10px rgba(0,0,0,0.3); vertical-align: middle;}

.subTable{width: 530px; margin: 0 auto;border: 1px solid #ddd;}
.subTable thead{border-bottom: 1px solid #ddd;}
.subTable th.noneBg{ background-color: #fff;}
.bder-R{border-right: 1px solid #ddd;}
.condiTit{display: block; width: 33%;}
.condiTit.row{width: 100%; line-height: 50px;}
.condiTit.col{float: left; line-height: 40px;}
.addCondi.col{float: left; width: 65%; background-color: #fff; height: 25px; padding: 10px 1%;text-align: left;}
.addCondi.col2{float: left;line-height: 40px;  width: 95%; background-color: #fff; height: 25px; padding: 10px 1%;text-align: left;}
.addCondi.row{width: 98%; height: 58px; background-color: #fff; padding: 5px 1%;}
*/
/*analy inner table
.table_wrap.analy th, .table_wrap.analy td{padding: 2px; font-size: 14px; border-right: 1px solid #d0d0d0;}
.table_wrap.analy th{background-color: #eee;}
.table_wrap.analy table{border-left: 1px solid #d0d0d0;}*/

/*.subTable{width: 49%;}
.subTable th.condiTit{background-color: #ddd;}
.subTable.row{float: left;}
.subTable.col{float: right;}
.subTable tr{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.subTable.row td{border-bottom: 1px solid #ddd; min-height: 30px;}
.subTable td{}

.subTable.col tr{border-top: 1px solid #ddd;}
.subTable.col td{min-height: 59px;}*/

/*sub04_01*/
.tR{text-align: right; font-size: 14px; color: #666666;}

/*sub05_01*/
.sub05_01 .borderBox{padding: 22px;}
.sub05_01 .db:before{content: '|'; display: inline-block; margin-left: 13px; padding-right: 13px; color: #dcdcdc;}

/* sub06 */
.search_L{float: left;  width: 300px;}
.search_R{float: right; width: 425px;}
.s_label{display: inline-block; border: 1px solid #dddddd; line-height: 35px; font-size: 14px; color: #454545; background: url(../images/sub/selecArrow.png) no-repeat; cursor: pointer; vertical-align: middle;}
.select{position: relative; display: inline-block;}
.select label{padding: 0 15px; width: 80px; background-position: 85px center;}
.select label.label02{width: 143px; background-position: 147px center;}
.select2 label{padding: 0 62px 0 16px; background-position: 105px center; vertical-align: middle;}
.selec{position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; width: 111px; height: 36px; cursor: pointer;}
.selec#gubun{width: 176px;}
.selec.phone, .selec.tel{width: 102px; height: 30px;}
.selec.email{width: 147px; height: 30px;}
.searchArea{display: inline-block; min-width: 290px; padding: 10px 12px; border: 1px solid #dddddd; vertical-align: middle;}
.serR button{padding: 0 26px 0 50px; background: url(../images/sub/searchBg.png) no-repeat 21px center #3c76c6; border: 0; line-height: 37px; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle;}

/*list*/
.board table{width: 100%;}
.board thead tr{border-top: 1px solid #646464; border-bottom: 1px solid #dbdbdb; background-color: #c4c9d1;}
.board th.b_less{border-left: 0;}
.board thead th{line-height: 50px; font-size: 14px; border-left: 1px solid #dbdbdb;}
.board tbody th, .board tbody td{padding: 20px 26px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; line-height: 20px; font-size: 14px; text-align: center; color: #333;}
.board td.text_left{text-align: left;}
.board tbody td strong{font-weight:bold;}

/*view*/
.board.view thead tr{background-color: transparent; border-top: 1px solid #646464; border-bottom: 1px solid #646464;}
.board.view thead th{font-size: 16px; font-weight: 700;}
.board.view tbody th{border-left: 0; background-color: #f5f5f5; line-height: 40px;}
.board.view tbody td{border-left: 0; line-height: 30px; text-align: left;}
.board.view tbody td .link{color: #3c76c6;}
.textArea{padding: 0 63px; line-height: 32px; font-size: 14px;}
.icon a img{vertical-align: middle;}
.boardArea, .boardArea a{word-break: break-all;}
.goToList{text-align: center;}
.goToList a{display: inline-block; padding: 0 24px; line-height: 37px; background-color: #3c76c6; color: #fff; font-size: 14px;}

/*paging*/
#pager{text-align: center;}
#pager span{vertical-align: middle; display: inline-block; width: 35px; margin: 0 5px; line-height: 33px; color: #ababab; cursor: pointer; border: 1px solid transparent; box-sizing: border-box;}
#pager .page-number:hover, #pager span.pgCurrent{border: 1px solid #222; color: #222;}
#pager .pgNext{width: 35px; height: 35px; margin: 0 5px; border: 0; background-color: transparent; background-repeat: no-repeat; background-size: 100% auto; vertical-align: middle; cursor: pointer;}
#pager .pgNext.first { background-image: url(../images/sub/sub_first.jpg);}
#pager .pgNext.last{ background-image: url(../images/sub/sub_last.jpg);}
#pager .pgNext.prev{margin-right: 20px; background-image: url(../images/sub/sub_prev.jpg);}
#pager .pgNext.next{margin-left: 20px; background-image: url(../images/sub/sub_next.jpg);}

/*LOGIN*/
.login .fieldTit, .login .pType{text-align: center;}
.login .bold{display: inline-block; padding-bottom: 15px; font-size: 20px;}
.loginInfoWrap, .findMyInfo{width: 518px; margin: 0 auto;}
.loginInfo_L{float: left; width: 398px;}
.loginInfo_L input{display: inline-block; width: 341px; padding: 12px 24px 9px; font-size: 14px; border: 1px solid #d2d2d2;}
.loginInfo_R{float: right;}
.loginInfo_R input{display: inline-block; padding: 0 29px; line-height: 89px; border: 0; background-color: #4271b8; font-size: 20px; color: #fff; cursor: pointer;}
.findMyInfo li{line-height: 42px; vertical-align: middle; font-size: 14px; color: #292929;}
.findMyInfo li a{float: right; display: inline-block; padding-left: 22px; width: 170px; line-height: 42px; font-size: 14px; font-weight: 700; color: #fff; background-color: #9ab933;}

#login_text{width: 518px; margin: 10px auto 0; font-size: 14px; line-height: 20px; color: red;}

/*JOIN*/
.join{padding-bottom: 200px;}
.join_step {text-align: center;}
.join_step .step{text-align: center; padding-top: 16px;}
.join_step .step li{display: inline-block; padding: 0 52px; line-height: 20px; font-size: 15px; color: #888888;}
.join_step li span{color: #4271b8;}
.join_point {font-weight: 700;}
.joinText_box{height: 80px; overflow-y: scroll; padding: 34px; border: 1px solid #bcc0c5; font-size: 15px; line-height: 26px;}
.join_ol{padding-left: 40px;}
.join_ol li{list-style: decimal; line-height: 26px; font-size: 14px;}
.in_ol{padding-left: 20px;}
.in_ol li{list-style: disc;}
.in_p{padding-left: 20px; line-height: 26px;}

.joinText_box.h_auto	{height: auto; overflow-y: auto;}

.comBtn{text-align: center;}
.comBtn a{display: inline-block; width: 165px; line-height: 50px; background-color: #8c9cb4; color: #fff;}
.comBtn .btnType1{background-color: #4271b8;}

.joinArea .hr{height: 2px; background-color: #aeaeae;}
.pointR{color: #ff3c3c;}
.pointB{color: #4271b8;}

.errorTxt{display: block;}
.error{font-size: 13px; color: #ff3c3c;}

.joinAl{padding: 40px 35px; border: 1px solid #e3e7e7; background-color: #f8f9fb; line-height: 26px; font-size: 14px;}


/*join table*/
.joinTable table, .appliTable table{width: 100%;}
.joinTable tbody, .appliTable tbody{border-top: 3px solid #232021;}
.joinTable th, .appliTable th{padding: 5px 40px; background-color: #eff2fa; text-align: left; line-height: 53px; color: #333333; font-weight: 700;}
.joinTable td, .appliTable td{padding: 5px 19px; line-height: 30px;}
.joinTable tr, .appliTable tr{border-bottom: 1px solid #cdcdcd;}

.joinTable input{display: inline-block; width: 20%; padding: 5px 7px; border: 1px solid #d5d5d5; vertical-align: middle;}
.joinTable input:focus{border: 1px solid #ff8787; background-color: #ffefef; box-shadow: 0px 0px 9px #ff3c3c;}
.joinTable .joinBtn, .appliTable .samBtn{padding: 0 22px; margin-left: 5px; border: 0; background-color: #8c9cb4; color: #fff; line-height: 29px; vertical-align: middle;}
.joinTable .pType, .appliTable .pType{margin-left: 5px;}
.joinTable .num{width: 80px;}
.joinTable .s_label{padding: 0 10px; line-height: 27px;}
.joinTable .label02{width: 120px; background-position: 120px center;}
.text_bg{background-color: #eeeeee;}
.joinTable input.text_bg:focus{border: 1px solid #d5d5d5; background-color: #eeeeee; box-shadow: none;}

/*join end*/
.jouinEnd{max-width: 640px; padding: 35px 55px 55px; margin: 0 auto; background-color: #eff2fa; text-align: center;}
.jouinEnd .welcome{font-size: 22px; line-height: 36px;}

/* application 01*/
.appliNum li{padding-left: 27px; line-height: 25px; font-size: 15px; background-repeat: no-repeat; background-position: left 4px;}
.appliNum li:nth-child(1){background-image: url(../images/sub/appliNum01.png);}
.appliNum li:nth-child(2){background-image: url(../images/sub/appliNum02.png);}
.appliNum li:nth-child(3){background-image: url(../images/sub/appliNum03.png);}
.appliNum li:nth-child(4){background-image: url(../images/sub/appliNum04.png);}
.appli_doc li{float: left; width: 49%; margin-right: 2%; margin-bottom: 28px; background: url(../images/sub/appli_doc.png) no-repeat 37px center;}
.appli_doc li a{display: block; position: relative; padding-left: 120px;  border: 1px solid #b8c2c4; line-height: 95px; font-weight: 700;}
.appli_doc li:nth-child(2){margin-right: 0;}
.appli_doc li:hover{background-color: #f1f4fa;}
.appli_doc li a:hover{border: 1px solid #1796cd;}
.downIcon{position: absolute; top: 50%; margin-top: -19px; right: 26px; z-index: 1; display: inline-block; width: 40px; height: 38px; vertical-align: middle; background: url(../images/sub/down_icon.png) no-repeat;}

/* application 02*/
.appliP{padding: 40px 35px; border: 1px solid #e3e7e7; background-color: #f8f9fb;}
.appliTable th{vertical-align: middle;}
.appliTable .ipAdress{width: 50%; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5;}
.appliTable  textarea{margin: 20px 0; display: inline-block; border: 1px solid #d5d5d5; width: 63%;}
.file{display: inline-block; padding: 0 18px 0 35px; line-height: 30px; border: 1px solid #cdd4d6; background-color: #e8ebf0; color: #000000; background-position: 13px center; background-repeat: no-repeat;}
.fileAdd{background-image: url(/images/sub/file_add.png);}
.fileCancel{background-image: url(/images/sub/file_cancel.png);}
tr.borderB{border-bottom: 3px solid #232021;}

/* file upload */
.fileName{float: left; display: block; width: 100%; max-width: 180px; padding: 7px 10px 8px; margin-right: 10px; font-size: 13px; line-height: 20px; border: 1px solid #ddd;}
/*.file-box {float:left; width:420px;}
.file-text {float:left; width:292px;height:16px;line-height:16px;padding:3px;margin-right:5px;border:1px solid #d1ceca;}*/
.file-box	{display: flex;}
.file-div 					{position:relative; width:100%; height:32px; vertical-align: middle; display: flex;}
.file-div .add-file			{margin: 0 0 0 5px; width: fit-content; display: block;}
.file-div .add-file a		{width: 100%; display: flex; font-size: 13px; line-height: 1.3;}
.file-div .add-file a img	{width: 23px; height: 20px; padding-top: 5px;}
.file-div .add-file a span	{display: block; margin: 8px 0 0 6px;}

/*.file-div .file-button {position:absolute;width:131px;height:24px;top:0px;border:0;background:url(/images/sub/file_add.png) no-repeat 0 0; display: inline-block; padding: 0 18px 0 35px; line-height: 30px; border: 1px solid #cdd4d6; background-color: #e8ebf0; color: #000000; background-position: 13px center; background-repeat: no-repeat;}*/
.file-div .file-hidden {position:absolute; font-size:24px;top:0px;left:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0; width: 138px; height: 32px;}

/* international01*/
.graphBox{margin-bottom:50px;}

/* my page */
.dropOut{padding-bottom: 20px; border-bottom: 1px solid #ddd; text-align: right;}
.dropOut a{display: inline-block; padding: 5px 10px; background-color: #ececec;}

/* withdraw */
.withdraw{width: 600px; margin: 50px auto 0; border: 1px solid #eee;}
.withdraw .wdTit {display: block; line-height: 40px; text-align: center; font-weight: 600; background-color: #eee;}
.withdraw .wdText{display: block; width: 100%; padding: 10px 0; border: 0; min-height: 150px; text-indent: 10px;}

/*  fnb  */
.terms .pType, .personal .pType, .email .pType{line-height: 26px;}
.prohibition .left_bar{cursor: pointer;}
.bar_arrow{display: inline-block; width: 15px; height: 8px; margin-left: 5px; background-repeat: no-repeat; background-position: left bottom; background-image: url(/images/common/arrow03.png); opacity: 0.5; vertical-align: middle;}
.left_bar.on .bar_arrow{background-position: left top;}
.prohibition .pbox{display: none; padding: 0 0 30px;}
.prohibition .pbox.on{display: block;}
.prohibition dt{padding-bottom: 10px; font-size: 16px; font-weight: 700; color: #666;}
.pbox dd, .pbox p{padding-bottom: 40px; line-height: 26px; font-size: 14px;}
.bbsColor2{color: #4276bb;}

.td_bold{font-weight:bold;color:red;}


/* 연창신청 버튼 */
.delyBtn{padding: 0 22px; margin-left: 5px; border: 0; background-color: #8c9cb4; color: #fff; line-height: 29px; vertical-align: middle;}
.delyTable table{width: 100%; border-top: 3px solid #232021;}
.delyTable th{padding: 5px 40px; background-color: #eff2fa; line-height: 53px; color: #333333; font-weight: 700;}
.delyTable td{padding: 5px 19px; line-height: 30px; text-align: center;}
.delyTable tr{border-bottom: 1px solid #cdcdcd;}

/* 국가승인통계 */
.top_menu.two											{display:flex; align-items: center; padding:30px 0; justify-content: space-between  }
.top_menu.two .down_btn									{margin:0;}

.mapWrap2.two											{padding:25px;}
.mapWrap2.two canvas 									{width:100%; height:360px; }

.firstTab												{margin-bottom:70px;}
.table_container										{overflow:auto;}
table.government_table									{width:100%; border-top:2px solid #222;}
table.government_table.two								{table-layout: fixed;}
table.government_table thead							{background-color:#fafafa;}
table.government_table tr								{border-bottom:1px solid #ddd;}
table.government_table th								{font-size:15px; color:#222; font-weight:500; padding:15px 10px; border-right:1px solid #ddd; line-height: 19px;}
table.government_table th:last-child					{border-right:0;}			

table.government_table td								{font-size:15px; color:#424242; text-align:center; font-weight:400; padding:15px 10px; border-right:1px solid #ddd; line-height: 21px;}
table.government_table td:last-child					{border-right:0;}			
table.government_table td.sub_tit						{width:100px; background-color:#fafafa; font-size:15px; font-weight:500; color:#222;}
table.government_table td.bold							{font-weight: 600;}

.chart_flex			{display: flex; gap: 20px;}
.chart_flex .w_40	{width: 40%;}
.chart_flex .w_60	{width: 60%;}	

.input_table input	{width: 100%; padding: 5px 7px; border: 1px solid #d5d5d5; display: inline-block; box-sizing: border-box;}

.header_sub2		{font-size: 13px; font-weight: 400; color: #999;}
.fieldTit_sub		{font-size: 15px; font-weight: 500; color: #888;}

@media screen and (max-width: 1200px){
	
	.firstTab													{margin-bottom:50px;}
	.top_menu.two												{padding:15px 0 10px 0; align-items:unset; flex-direction: column;}		
	.top_menu.two .down_btn										{margin:15px 0 0 5px; float:right; }
	
	.mapWrap2.two												{padding:15px;}
	.mapWrap2.two canvas 										{height:280px;}
	
	table.government_table										{width:1200px;}	
	table.government_table th									{font-size:15px; padding:12px 0; }
	table.government_table td									{font-size:14px; padding:10px 0; }
	table.government_table td.sub_tit							{font-size:15px;}
	
	.table_container::-webkit-scrollbar 						{width: 2px; height:4px;}
	.table_container::-webkit-scrollbar-thumb 					{background: #999; border-radius: 10px;}
	.table_container::-webkit-scrollbar-track 					{background: #f4f4f4;}
	
	.chart_flex			{flex-wrap: wrap;}
	.chart_flex .w_40	{width: 100%;}
	.chart_flex .w_60	{width: 100%;}
}

@media screen and (max-width: 640px){
	.pType		{font-size: 14px; line-height: 21px;}
	.firstTab													{margin-bottom:30px;}
	.top_menu.two												{padding:10px 0 5px 0;}
	.top_menu.two .down_btn										{margin:10px 0 0 5px;}
	.mapWrap2.two canvas 										{height:180px; }
	
	.mapWrap2.two												{padding:10px;}	
	h4.left_bar.government span.h_st							{display:block; text-align:left; }
	
	
}



@media screen and (max-width: 1366px){
}
@media screen and (max-width: 1200px){
	.sub_scrollWrap, .pageTitWrap, .sub_navi .subNaviList, .fieldWrap_type1, .contents{width: 95%;}
	

	/*table*/
	.table_wrap, .appliTable {overflow-x: auto;}

	/*intro*/
	.siteLogo{width: 38%; margin-right: 2%;}
	.siteLogo img{display: inline-block; width: 100%; height: auto;}
	.linkcon{width: 55%;}
	.banner{min-height: 85px;}


	/* sub02_02 */
	.graphWrap{padding: 40px 30px;}
	.graphWrap  img{display: inline-block; width: 90%; height: auto;}

	/* sub02_03 */
	.mapWrap img, .mapWrap2 img {display: inline-block; width: 100%; height: auto;}
	.map_L{width: 40%;}
	.map_L img{margin-top: 50px;}
	.map_R{width: 58%;}

	/*chart*/
	#chart_div, #chart_div2{width: 100%;}
	
	/* mapNavi_ko02 */
	.mapNavi_ko02{right: 20px;}
	
	
	.pageTitWrap h2	{font-size: 28px; padding-bottom: 14px;}
	.fieldTit		{font-size: 23px; margin-bottom: 22px !important;}
	
}

@media screen and (max-width: 1024px){
	.sub_navi_wrap, .sub_scrollmenu, .sub_scrollmenu.on{display: none;}

	/*sub common css*/
	.borderBox{padding: 15px;}

	/*page title*/
	.pageTitWrap{padding: 40px 0 50px;}

	/*intro*/
	.borderBox img{display: inline-block; width: 80%; height: auto;}
	.borderBox img.pdf_icon{display: inline-block; width: 15px; height: 15px; padding-left: 0;}

	.siteLogo{width: 100%; margin-right: 0;}
	.siteLogo img{width: 280px;}
	.linkcon{width: 100%; margin-top: 20px;}
	.linkTit{padding-bottom: 10px;}
	.banner{width: 50%; min-height: 230px; margin-bottom: 0;}

	/* sub02_02 */
	.graphWrap  img{width: 100%;}
	.mapWrap2{padding: 10px;}

	.mapNavi, .mapNavi_ko02{top: auto; bottom: 0; right: 0; left: 0; width: 100%;}
	.mapNavi_ko02 .mapTit{position: fixed; bottom: 37px; left: 0; width: 111px;}
	.mapNavi_ko02 .mapList{width: 100%; border-right: 1px solid #e6e6e6; box-sizing: border-box;}
	.mapNavi_ko02 .mapList li {float: left; width: 14.28%; border-right: 0; box-sizing: border-box;}
	/* .mapTit{position: fixed; bottom: 37px; left: 0; width: 111px;}
	.mapList{width: 100%; border-right: 1px solid #e6e6e6; box-sizing: border-box;}
	.mapList li {float: left; width: 5.555%; border-right: 0; box-sizing: border-box;}
	.mapNavi.ko02 .mapList li{width: 16.555%;} */

	/*sub03*/
	.appliTable textarea{width: 100%;}

	/*sub04*/
	.tab li{width: 33.333%;}
	.tab li:nth-child(n+4) a{border-top: 0;}

	/*map_L , map_R*/
	.map_L, .map_R{float: none; width: 100%;}
	.map_L img{margin-top: 0; margin-bottom: 40px;}

	.board tbody th, .board tbody td{padding: 10px 5px;}

	/*join*/
	.join{padding-bottom: 0;}
	.selec#tel1{width: 100px;}

	/*board*/
	.pc_type{display: none;}
	.table_wrap td.b_lessM, .board td.b_lessM{border-left: 0;}
	
	/* 마이페이지 */
	.delyTable{overflow-x: scroll;}

}

@media screen and (max-width: 860px){

.pageTit::after	{content: ''; z-index: 7; }
.pageTitWrap h2	{z-index: 12; position: relative;}
.pageTitWrap p	{z-index: 12; position: relative;}

.pageTit.sub01Bg::after		{background: url(../images/common/page_tit_after01.png) no-repeat 100% 50% / 320px; ; top: -68px;}
.pageTit.sub02Bg::after		{background: url(../images/common/page_tit_after02.png) no-repeat 100% 50% / 320px; ; top: -100px;}
.pageTit.sub03Bg::after		{background: url(../images/common/page_tit_after03.png) no-repeat 100% 50% / 320px; ; top: -42px;}
.pageTit.sub04Bg::after		{background: url(../images/common/page_tit_after04.png) no-repeat 100% 50% / 320px; ; top: -45px;}
.pageTit.sub05Bg::after		{background: url(../images/common/page_tit_after05.png) no-repeat 100% 50% / 330px; ; top: -45px;}
.pageTit.sub06Bg::after		{background: url(../images/common/page_tit_after06.png) no-repeat 100% 50% / 320px; ; top: -40px;}
.pageTit.sub07Bg::after		{background: url(../images/common/page_tit_after.png) no-repeat 100% 50% / 300px; ; top: -35px;}
.pageTit.sub08Bg::after		{background: url(../images/common/page_tit_after07.png) no-repeat 100% 50% / 310px; top: -77px;}





/* 개인정보처리방침_팝업 */
.pop_privacy			{}
.pop_privacy .cont		{padding:85px 20px !important;}
.pop_privacy h3			{position:absolute; background:#4171b9 ; padding:15px 20px; top:0; left:0; width:100%; color:#fff; font:600 25px/34px "Open Sans", "Noto Sans KR", sans-serif;}



}


@media screen and (max-width: 768px){
	/*intro*/
	.banner{width: 320px; margin: 0 0 30px; padding: 0; min-height: auto;}
	.siteLogo, .linkcon{float: none;}

	/*sub02*/
	.mapWrap{padding: 15px;}

	/*sub03
	.appli_doc li{width: 100%;}
	.fileName{margin: 5px 0; width: 90%;}
	.file-div{margin-bottom: 5px;}*/

	/*sub04*/
	.search_L{float: none;}
	.search_R{float: none; margin-top: 10px;}
	.tab li{width: 50%;}
	.tab li:nth-child(n+3) a{border-top: 0;}

	/* application 01*/
	.appli_doc li{float: left; width: 100%; margin-right: 0%;}

	/*join*/
	.joinTable th, .appliTable th{padding: 0 5px; line-height: 25px;}
	.joinTable td, .appliTable td{padding: 5px;}

	/*join end*/
	.jouinEnd{margin-top: 10px;}
	

	/* withdraw */
	.withdraw{width: 100%;}
	
	.search_flex						{flex-wrap: wrap;}
	.search_flex .searchBar 			{width: 100%;}
	.search_flex .search_R				{width: 100%;}
	.search_flex .search_R .searchArea	{width: 76%;}
}
@media screen and (max-width: 745px){
	/* sub02 */
	.mapNavi_ko02 .mapList li a{letter-spacing:-2px;}
}
@media screen and (max-width: 640px){

.pageTit::after				{content: ''; z-index: 7;}
.pageTitWrap p				{width: 59%;}
.pageTitWrap p br			{display: none;}

.pageTit.sub01Bg::after		{background: url(../images/common/page_tit_after01.png) no-repeat 100% 50% / 160px; ; top: -50px;}
.pageTit.sub02Bg::after		{background: url(../images/common/page_tit_after02.png) no-repeat 100% 50% / 160px; ; top: -86px;}
.pageTit.sub03Bg::after		{background: url(../images/common/page_tit_after03.png) no-repeat 100% 50% / 160px; ; top: -55px;}
.pageTit.sub04Bg::after		{background: url(../images/common/page_tit_after04.png) no-repeat 100% 50% / 160px; ; top: -50px;}
.pageTit.sub05Bg::after		{background: url(../images/common/page_tit_after05.png) no-repeat 100% 50% / 180px; ; top: -50px;}
.pageTit.sub06Bg::after		{background: url(../images/common/page_tit_after06.png) no-repeat 100% 50% / 180px; ; top: -50px;}
.pageTit.sub07Bg::after		{background: url(../images/common/page_tit_after.png) no-repeat 100% 50% / 160px; ; top: -45px;}
.pageTit.sub08Bg::after		{background: url(../images/common/page_tit_after07.png) no-repeat 100% 50% / 180px; top: -67px;}



	/*intro*/
	.borderBox img{width: 90%;}

	.appli_doc li{background-size: 50px 50px; background-position: 10px center;}
	.appli_doc li a{padding-left: 80px; }
	.downIcon{right: 10px;}

	/*이용신청*/
	.fileName{width: 96%; padding: 7px 2% 8px; margin-bottom: 5px;}

	/*join*/
	.joinTable .pType, .appliTable .pType{display: block;}
	.joinTable input {margin: 5px 0;}
	.joinImg img{display: inline-block; width: 100%; height: auto;}

	/*login*/
	.loginInfoWrap, .findMyInfo, #login_text{width: 100%;}
	.loginInfo_L, .loginInfo_R{float: none; width: 100%;}
	.loginInfo_L input{width: 96%; padding: 12px 2% 9px;}
	.loginInfo_R input{width: 100%; margin-top: 10px; line-height: 45px;}
	.findMyInfo li a{float: none; width: 100%; text-align: center; padding-left: 0;}

	/*sub02*/
	.mapNavi .mapTit{bottom: 110px;}
	.mapNavi .mapList li{width: 16.555%;}
	.mapNavi_ko02{background:#fff;}
	.mapNavi_ko02 .mapTit{bottom: 73px;}	
	.mapNavi_ko02 .mapList li{width: 25%;}
	.mapNavi_ko02 .mapList li a{letter-spacing:0;}
	.mapNavi_ko02 .mt_m{display:block; height:36px;}
	

	/*sub04*/
	.search_R{width: 100%; margin-top: 10px;}
	.searchArea{width: 76%; min-width: auto; padding: 10px 1%;}
	.serR button, .fieldcon.notice .serBtn button{width: 20%; padding: 0; background-position: 12% center;}
	
	/*sub01 notice*/
	.fieldcon.notice .searchBar{text-align: left;}
	.fieldcon.notice .select{width: 100%;}
	.fieldcon.notice .serInp{width: 60%; margin-top: 10px;}
	.fieldcon.notice .searchArea{width: 98%; min-width: auto; padding: 10px 0;}
	.fieldcon.notice .serBtn{width: 20%; margin-top: 10px;}
	.fieldcon.notice .serBtn button{width: 100%;}

	/*sub05_01*/
	.sub05_01 .borderBox a{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

	/*board*/
	.tablet_type{display: none;}
	.longTxt a{display: inline-block; width: 265px; text-indent: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	/*paging*/
	#pager span{margin: 5px;}
	
	/* 출처 */
	h4 .h_st	{display: block; float: none !important; text-align: right; margin: 10px 0 5px;}
}

@media screen and (max-width: 480px){
	/*sub01*/
	.borderBox.manual{padding: 0; border: 0; text-align: left;}
	.borderBox.manual .dot01{padding-left: 5px; background-image: none;}

	/*sub04*/
	.tab li{width: 100%;}
	/* .tab li:nth-child(n+2) a{border-top: 0;} */
	.tab li a{min-height: 52px; line-height: 50px;}
	.tab li.tab_li04 a{line-height: 23px;}

	/*sub05*/
	.searchArea{width: 74%;}
	.serR button{background-image: none;}

	/*join*/
	.join_step {display: none;}
	.joinTable input, .joinTable .num{width: 75%;}
	.joinTable .s_label{width: 100px;}

	/*board*/
	.longTxt a{width: 220px;}
	.board.view{overflow-x: scroll;}
	

	/* 개인정보처리방침_팝업 */
	.pop_privacy			{}
	.pop_privacy .cont		{padding:70px 15px !important;}
	.pop_privacy h3			{position:absolute; background:#4171b9 ; padding:15px 20px; top:0; left:0; width:100%; color:#fff; font:600 20px/24px "Open Sans", "Noto Sans KR", sans-serif;}
	
}

@media screen and (max-width: 425px){
	
.pageTit::after	{content: ''; background: url(../images/common/page_tit_after02.png) no-repeat 92% 50% / 185px; z-index: 7; top: -19px;}	
	
	/* sub02 */
	.mapNavi_ko02 .mapList .mt_h a{padding:22px 0 19px;}
	.mapNavi_ko02 .mt_m{display:none;}
}

/* 202181107 추가수정 */
.contents.contents_anal{overflow: inherit;}
.contents.contents_anal .an_resultTit{border-bottom:none;}
.contents.contents_anal .table_wrap.analy table{border-top: 2px solid #979797;}