@charset "utf-8";

/*서브 공통 탭 디자인*/
.page_tab{display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
.page_tab a{flex-grow: 1; border: 1px solid #bababa; background: #F8F8F8; font-size: 20px; line-height: 64px; text-align: center; border-bottom: none; border-right: none; display: block;}
.page_tab a:last-of-type{border-right: 1px solid #bababa;}
.page_tab a.on{border-top: 4px solid #002956; background: #fff; font-weight: 600;}
@media all and (max-width:767px){
    .page_tab{margin-bottom: 30px;}
    .page_tab a{font-size: 14px; line-height: 50px;}
}

.page_tab02 > div{display: inline-block; padding: 10px 20px; border: 1px solid #002956; font-size: 14px; color: #002956; border-radius: 4px; cursor: pointer;}
.page_tab02 > div.on{background: #002956; color: #fff;}

/* 탭추가 */
.tab-ul{border-bottom:2px solid #002956;}
.tab-ul li{display:table-cell; width:1%; border:1px solid #bababa; font-size:15px; color:#414141; text-align:center; box-sizing: border-box; height:60px; line-height:60px; padding:0 20px; cursor:pointer; border-right:0}
.tab-ul li:last-child{border-right:1px solid #bababa}
.tab-ul li.on{color:#fff; font-weight:700; background:#002956; border:1px solid #002956;}
@media all and (max-width:768px){
    .tab-ul li{height:40px; line-height:40px; padding:0; font-size:14px}
}

/*타이틀 블릿 커스텀*/
h3.h3_tit{font-size:25px; color:#2a2a2a; padding:10px; margin:10px 0; font-weight: 400;}
h3.h3_tit::before{width:8px; height:40px; display:inline-block; background:#002956; content:''; vertical-align:middle; margin-right:20px;}
.h4_tit_point{font-size:20px; color:#000;}
.h4_tit_point::before{width:10px; height:10px; background:#2f5fbf; display:inline-block; vertical-align:middle; content:''; margin-right:15px;}
h4.h4_tit{padding-left:15px; background:url(/resources/homepage/images/sub/title_h4_blit.png) no-repeat left center; font-size:18px; color:#333333; font-weight:400; margin-bottom:10px}
h5.h5_tit{padding:28px 10px; font-size:25px; color:#2a2a2a;}
@media all and (max-width:768px){
    h3.h3_tit{font-size:22px; margin:0;}
    h3.h3_tit::before{height:20px; margin-right:10px}
    .h4_tit_point{font-size:15px;}
    .h4_tit_point::before{width:5px; height:5px; margin-right:7px}
    h5.h5_tit{font-size:20px; padding:16px 10px}
}
@media all and (max-width:640px){
    h3.h3_tit{font-size:17px}
    h5.h5_tit{font-size:16px}
}
/*각 페이지 최상단 타이틀*/
.page_title::after{display:block; content:''; clear:both}
.page_title h3{float:left; width: calc(100% - 70px);}
.page_title span{display:block; float:right;}
.page_title span a{width:30px; height:30px; display:block; margin-right:10px; float:left;}
.page_title span a:last-child{margin-right:0;}
.page_title span a img{width:100%; height:100%;}
.page_title.underline{border-bottom:1px solid #bababa; margin-bottom:100px}
@media all and (max-width:768px){
    .page_title h3{font-size:24px; line-height:30px}
}

/*기본 테이블*/
.tableBox th{background: #F8F8F8; text-align: center; border: 1px solid #BABABA; height: 50px;}
.tableBox tr{cursor: pointer;}
.tableBox td{background: #fff; text-align: center; border: 1px solid #BABABA; height: 50px; padding: 0 10px;}
.tableBox th:first-child, .tableBox td:first-child{border-left: 0;}
.tableBox th:last-child, .tableBox td:last-child{border-right: 0;}
@media all and (max-width:767px){
    .tableBox td, .tableBox tr{font-size: 14px;}
}
@media all and (max-width:500px){
    .response_table{overflow-x: scroll;}
    .response_table table{width: 600px; }
}

/* 테이블 스타일 */
.table-detail{border-top:2px solid #000;}
.table-detail th{background:#f6f8fa; color:#000000; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:24px 0; font-weight:600}
.table-detail th:last-child{border-right:1px solid #e0e0e0;}
.table-detail td{color:#393333; background:#fff; padding:24px 0; text-align:center; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.table-detail td:last-child{border-right:1px solid #e0e0e0}
.table-detail.type-a th{background:#fbf7f2;}
.table-detail a{text-decoration: underline;}
@media all and (max-width:768px){
    .table-detail th, .table-detail td{padding:16px 0; font-size:14px}
}
@media all and (max-width:767px){
    .table-scroll{overflow-x: auto;}
    .table-scroll > .table-detail{width:768px}
}
@media all and (max-width:640px){
    .table-detail th, .table-detail td{padding:12px 12px; font-size:12px}
}


/* 스크롤 커스텀 */
.scroll::-webkit-scrollbar {width: 7px; height:7px;}
.scroll::-webkit-scrollbar-button:vertical:decrement{background:url(/resources/homepage/images/sub/scroll-top.png) no-repeat left center / 7px;}
.scroll::-webkit-scrollbar-button:vertical:increment{background:url(/resources/homepage/images/sub/scroll-bot.png) no-repeat left center / 7px;}
.scroll::-webkit-scrollbar-thumb{ background-color:#eaeaea; border-radius: 10px;}
.scroll::-webkit-scrollbar-track {background-color: #ffffff; border-radius: 10px;}
/* .bx_filter .scroll .go-top{width:15px; height:15px; display:block; background:url(/resources/homepage/images/sub/scroll-top.png) no-repeat center; cursor:pointer}
.bx_filter .scroll .go-bot{width:15px; height:15px; display:block; background:url(/resources/homepage/images/sub/scroll-bot.png) no-repeat center; cursor:pointer}
.bx_filter .scroll .bar{display:block; margin:5px 4px; background:#EAEAEA; border-radius: 10px; width:7px; height:100%;} */

/*로그인*/
.loginForm{max-width: 400px; margin: 100px auto; text-align: center; }
.loginForm h1{margin-bottom: 50px;}
.loginForm h1 img{max-width: 125px;}
.loginForm .tab{margin-bottom: 40px;}
.loginForm .tab a{float: left; width: 50%; padding: 10px; border: 1px solid #BABABA; background: #f8f8f8; font-size: 15px;}
.loginForm .tab a.on{background-color: #fff; border-bottom: none; font-weight: 600; border-top: 4px solid #002956;}
.loginForm .tit{padding: 10px; font-size: 25px; font-weight: 600; color: #002956; margin-bottom: 10px;}
.loginForm .desc{padding: 10px 0; margin-bottom: 20px; font-size: 15px; color: #8c8c8c;}
.loginForm .input_box{margin-bottom: 40px;}
.loginForm input[type="text"]{width: 100%; padding: 10px 12px 10px 50px; border: 1px solid #bababa; border-radius: 4px; margin-bottom: 10px; background: url(/resources/homepage/images/sub/ico_id.png) no-repeat 20px center / 20px auto;}
.loginForm input[type="password"]{width: 100%; padding: 10px 12px 10px 50px; border: 1px solid #bababa; border-radius: 4px; margin-bottom: 10px; background: url(/resources/homepage/images/sub/ico_pw.png) no-repeat 20px center / 20px auto;}
.loginForm .link_box{display: flex; justify-content: center; align-items: center; }
.loginForm .link_box a{width: calc((100% - 20px) / 2); text-align: center; padding: 10px 0; color: #fff; font-size: 20px; border-radius: 5px; font-weight: 700;}
.loginForm .link_box .link01{background: #002956; margin-right: 10px;}
.loginForm .link_box .link02{background: #28A7E1;}
/*일반회원 로그인*/
.loginForm .sns_box{margin-top: 20px; padding: 20px 0; margin-bottom: 40px;}
.loginForm .sns_box p{line-height: 40px; font-size: 15px; color: #8c8c8c; position: relative; margin-bottom: 20px;}
.loginForm .sns_box p:before{content: ""; display: block; width: calc((100% - 150px) / 2); height: 1px; background: #bababa; position: absolute; left: 0; top: 20px}
.loginForm .sns_box p:after{content: ""; display: block; width: calc((100% - 150px) / 2); height: 1px; background: #bababa; position: absolute; right: 0; top: 20px}
.loginForm .sns_box ul{display: flex; justify-content: center; align-items: center;}
.loginForm .sns_box ul li{margin-right: 20px;}
.loginForm .sns_box ul li:last-child{margin-right: 0;}
.loginForm .sns_box ul img{max-width: 48px;}
.loginForm .link_box.type02 a{width: 100%;}
@media all and (max-width:767px){
    .loginForm{margin: 30px 0;}
    .loginForm .tit{font-size: 20px; margin-bottom: 0;}
    .loginForm .desc{margin-bottom: 10px;}
    .loginForm .link_box a{font-size: 16px;}
    .loginForm .sns_box{margin: 10px 0;}
    .loginForm .input_box{margin-bottom: 10px;}
}
@media all and (max-width:500px){
    .loginForm .sns_box ul{flex-wrap: wrap; }
    .loginForm .sns_box ul li{margin-bottom: 10px; margin-right: 10px;}
}

/* 검색필터 */
.bx_filter::after{display:block; content:''; clear:both;}
.bx_filter > .box{float:left;}
.bx_filter.bxRow4 > .box{width:25%}
.bx_filter.bxRow5 > .box{width:20%}
.bx_filter .box .tit{color:#fff; text-align:center; background:#002956; font-size:20px; font-weight:600; height:50px; line-height:50px; position:relative}
.bx_filter .box .tit::after{display:block; content:''; width:26px; height:50px; background:url(/resources/homepage/images/sub/bx_filter_arrow.png)no-repeat center; background-size:cover; position:absolute; right:-26px; top:0; z-index:1}
.bx_filter .box:last-child .tit::after{display:none;}
.bx_filter .box .cont{padding:20px; height:260px; overflow-y:auto; border:1px solid #bababa; border-top:0; border-right:0; overflow-y: scroll;}
.bx_filter .box:last-child .cont{border-right:1px solid #bababa}
.bx_filter .cont::after{display:block; content:''; clear:both;}
.bx_filter .input{width:100%;}
/* .bx_filter .scroll{width:15px; float:right;} */
.bx_filter .input label{font-size:14px; color:#414141; cursor:pointer; display:block}
.bx_filter .input input{display:none}
.bx_filter .input .ip-rd label{padding:4px 0 4px 35px; background:url(/resources/homepage/images/sub/ip-rd-off.png) no-repeat left 10px center;}
.bx_filter .input input[type=radio]:checked + label{ background:url(/resources/homepage/images/sub/ip-rd-on.png) no-repeat left 10px center;}
.bx_filter .input .ip-ch label{padding:4px 0 4px 35px; background:url(/resources/homepage/images/sub/ip-ch-off.png) no-repeat left 10px center;}
.bx_filter .input input[type=checkbox]:checked + label{ background:url(/resources/homepage/images/sub/ip-ch-on.png) no-repeat left 10px center;}
@media all and (max-width:768px){
    .bx_filter .box .tit{font-size:15px}
    .bx_filter .box .cont{padding:10px; height:200px}
    .bx_filter .input .ip-rd label, .bx_filter .input .ip-ch label{padding:4px 0 4px 20px; background-position:left 0 center;}
    .bx_filter .input input[type=radio]:checked + label, .bx_filter .input input[type=checkbox]:checked + label{background-position:left 0 center;}
    .bx_filter .input label{font-size:12px}
}
@media all and (max-width:640px){
    .bx_filter.bxRow4 > .box{width:50%}
    .bx_filter.bxRow5 > .box{width:50%}
    .bx_filter.bxRow5 > .box:last-child{width:100%}
    .bx_filter .box .cont{height:120px}
	.bx_filter .box:nth-child(2n) .cont{border-right:1px solid #bababa;}
    .bx_filter .box .tit{font-size:12px; height:30px; line-height:30px}
    .bx_filter .box .tit::after{width:15px; height:30px; right:-15px}
    .bx_filter .box:nth-child(2n) .tit::after{display:none}
}

/* 검색바 */
.searchBar{margin-top:10px; margin-bottom:40px}
.searchBar::after{display:block; content:''; clear:both;}
.searchBar .tit{width:292px; float:left; line-height:50px; height:50px; color:#fff; text-align:center; background:#002956; font-size:15px; font-weight:600;}
.searchBar .cont{width:calc(100% - 292px); float:left; height:50px; padding:10px 20px; border:1px solid #BABABA; box-sizing: border-box;}
.searchBar .input > span{display:inline-block; margin-right:5px; vertical-align:top}
.searchBar .input > span:last-child{margin-right:0}
.searchBar .input .slc select{width:220px; padding:0 20px; height:30px; line-height:30px; border-radius: 5px; border:1px solid #bababa; font-size:12px; color:#414141; font-weight:400; background:url(/resources/homepage/images/sub/slt_down.png) no-repeat right 20px center;}
.searchBar .input .ip-txt input[type="text"]{width:450px; padding:0 20px; height:30px; line-height:30px; border-radius: 5px; border:1px solid #bababa; font-size:12px; color:#414141; font-weight:400}
.searchBar .input .btn a{padding:0 20px; border-radius: 4px; line-height:30px; height:30px; min-width:82px; text-align:center; font-size:13px; font-weight:400}
.searchBar .input .btn-blue{background:#002956; color:#fff;}
.searchBar .input .btn-blue.search::before{width:13px; height:14px; content:''; display:inline-block;background:url(/resources/homepage/images/sub/ico-search.png) no-repeat left center; vertical-align:middle; margin-right:5px}
.searchBar .input .btn-line{border:1px solid #002956; color:#002956;}
@media all and (max-width:1244px){
    .searchBar .tit{width:180px;}
    .searchBar .cont{width:calc(100% - 180px)}
    .searchBar .input > span.slc{width:calc(100% - (40% + 196px))}
    .searchBar .input .slc select{width:100%;}
    .searchBar .input > span.ip-txt{width:40%}
    .searchBar .input .ip-txt input[type="text"]{width:100%;}
}
@media all and (max-width:768px){
    .searchBar{margin-bottom:20px}
    .searchBar .tit{width:100px; font-size:12px; height:30px; line-height:30px; margin-bottom:0;}
    .searchBar .cont{width:100%; padding:5px; height:unset;}
    .searchBar .input > span.slc{width:70px}
    .searchBar .input > span.ip-txt{width:calc(100% - 214px);}
    .searchBar .input .slc select, .searchBar .input .ip-txt input[type="text"], .searchBar .input .btn a{padding:0 10px}
    .searchBar .input .btn a{min-width:unset;}
}

/* 검색결과 안내문구*/
.searchInfo p{font-size:20px; color:#414141;padding:20px 0}
.searchInfo p strong{color:#414141; font-weight:600;}
.searchInfo p span{color:#004EA2; font-weight:600}
@media all and (max-width:768px){
    .searchInfo p{font-size:16px}
}

/* 검색결과 리스트*/
.list-wrap{margin-top: 30px;}
.list-wrap:last-child{margin-bottom:80px}
.list-wrap .title{margin:0 5px; padding:10px 0; border-bottom:1px solid #CCCCCC}
.list-wrap .title::after{display:block; content:''; clear:both}
.list-wrap .title h4{float:left; width: calc(100% - 80px); padding-left:15px; background:url(/resources/homepage/images/sub/title_h4_blit.png) no-repeat left center; font-size:18px; color:#333333; font-weight:400; margin-bottom:0}
.list-wrap .title h4 span{color:#004EA2}
.list-wrap .title .more{width:80px; text-align:center; display:block; float:right; padding:7px 13px 7px 14.8px; color:#757575; font-size:14px; }
.list-wrap .title .more::after{content:''; width:11px; height:14px; display:inline-block; vertical-align: middle; background:url(/resources/homepage/images/sub/ico-more-plus.png) no-repeat center; margin-left:3px}
.list-wrap > ul > li{padding-top:24px;}
.list-wrap > ul > li h6{font-size:16px; color:#333333; margin-bottom:10px}
.list-wrap > ul > li p{font-size:14px; color:#666666; line-height:20px; margin-bottom:3px;}
.list-wrap > ul > li p:last-child{margin-bottom:0;}
.list-wrap > ul > li .list-btn{margin-top:14px; padding-bottom:24px; border-bottom:1px solid #CCCCCC}
.list-wrap > ul > li .list-btn a{font-size:14px; color:#333333; display:inline-block; border-right:1px solid  #ddd; padding-right:7px; margin-right:3px;}
.list-wrap > ul > li .list-btn a:last-child{border-right:0;}
.list-wrap > ul > li .list-btn a.light{color:#999999}
.list-wrap > ul > li .short-cont{display:none; padding:20px; border:1px solid #bababa; background:#f5f5f5;}
.list-wrap > ul > li .short-cont.on{display:block}
.list-wrap > ul > li .short-cont p{color:#414141; font-size:13px; line-height:18px;}
@media all and (max-width:768px){
    .list-wrap{margin-top:15px}
}
@media all and (max-width:640px){
    .list-wrap > ul > li{padding:16px 0}
    .list-wrap > ul > li h6{font-size:14px}
    .list-wrap > ul > li p{font-size:12px; line-height:16px}
    .list-wrap > ul > li .list-btn{padding-bottom:16px}
    .list-wrap > ul > li .list-btn a{font-size:12px}
    .list-wrap > ul > li .short-cont{padding:15px;}
    .list-wrap > ul > li .short-cont p{font-size:12px; line-height:16px}
}

/* 학술정보 상세*/
.infoDetail .top-btn{text-align:right; margin-bottom:10px; position:relative}
.infoDetail .top-btn .btn-line{color:#143960; display:inline-block; border-radius: 4px; border:1px solid #143960; padding:0 20px; height:30px; line-height:30px; font-size:13px; font-weight:400; vertical-align:middle;}
.infoDetail .top-btn .btn-line.scrap::before{width:13px; height:13px; display:inline-block; vertical-align:middle; content:''; background:url(/resources/homepage/images/sub/ico-scrap.png) no-repeat center; margin-right:5px;}
.infoDetail .top-btn .btn-line.down::before{width:13px; height:13px; display:inline-block; vertical-align:middle; content:''; background:url(/resources/homepage/images/sub/ico-wonmun.png) no-repeat center; margin-right:5px;}
.infoDetail .top-btn .btn-line.gray{color:#414141; border-color:#414141}
.infoDetail .top-btn .down-detail{display:none;position:absolute; bottom:-54px; right:0; padding:10px; border-radius: 4px; border:1px solid #414141; background:#fff}
.infoDetail .top-btn .down-detail.on{display:block;}
.infoDetail .top-btn .down-detail span{font-size:13px; color:#414141; width:404px; margin-right:10px; display:inline-block; vertical-align:middle; text-align:left}
.infoDetail .contWrap{padding:80px 20px; border:1px solid #bababa;}
.infoDetail .headBox{padding:10px 0; margin-bottom:80px; text-align:center}
.infoDetail .headBox h3{margin-bottom:20px; font-size:30px; font-weight:600; color:#2a2a2a;}
.infoDetail .headBox p{color:#2a2a2a; font-size:18px;}
.infoDetail .listBox{border-top:1px solid #bababa; border-bottom:1px solid #bababa; padding:20px; margin-bottom:40px}
.infoDetail .listBox li{padding:10px; position:relative; font-size:15px; color:#2a2a2a; margin-bottom:10px}
.infoDetail .listBox li:last-child{margin-bottom:0}
.infoDetail .listBox li::before{content:'';width:8px; height:8px; background:#2a2a2a; border-radius: 50%; display:inline-block; vertical-align: middle;margin-right:20px;}
.infoDetail .listBox li span{color:#2A2A2A; font-weight:600;}
.infoDetail .listBox li span::after{content:':'; display:inline-block; vertical-align: middle; color:#2a2a2a;font-weight:600; margin:0 20px}
.infoDetail .txtBox{padding:0 20px}
.infoDetail .txtBox dl{margin-bottom:40px}
.infoDetail .txtBox dl:last-child{margin-bottom:0;}
.infoDetail .txtBox dt{padding:10px; color:#2a2a2a; font-size:25px; font-weight:600; margin-bottom:10px}
.infoDetail .txtBox dd{border:1px solid #bababa; padding:20px;}
.infoDetail .txtBox dd p{font-size:15px; color:#2a2a2a; line-height:22px}
@media all and (max-width:768px){
    .page_title.underline{margin-bottom:10px}
    .infoDetail .contWrap{padding:40px 20px}
    .infoDetail .headBox{margin-bottom:40px}
    .infoDetail .headBox h3{font-size:24px;}
    .infoDetail .headBox p{font-size:16px}
    .infoDetail .listBox{margin-bottom:24px}
    .infoDetail .listBox li{padding:7px 0; font-size:14px;}
    .infoDetail .listBox li::before{margin-right:10px; width:5px; height:5px}
    .infoDetail .listBox li span::after{margin:0 10px}
    .infoDetail .txtBox{padding:0}
    .infoDetail .txtBox dl{margin-bottom:24px}
    .infoDetail .txtBox dt{font-size:20px; margin-bottom:0; padding:10px 0}
    .infoDetail .txtBox dd p{font-size:14px}
}
@media all and (max-width:640px){
    .infoDetail .headBox h3{font-size:18px}
    .infoDetail .listBox{padding:10px}
    .infoDetail .listBox li{margin-bottom:0; font-size:13px;}
    .infoDetail .txtBox dt{font-size:16px}
    .infoDetail .txtBox dd p{font-size:13px}
}

/*기관정보*/
.searchBar.organi{text-align:center; width:100%; margin:20px 0 40px 0}
.orgDetail .info{margin:40px 0; padding:0 10px}
.orgDetail .info::after{display:block; content:''; clear:both}
.orgDetail .info .txt{float:left; width:49%; margin-right:2%;}
.orgDetail .info .txt h3{padding:10px; font-size:50px; color:#2a2a2a; margin-bottom:0}
.orgDetail .info .txt div{padding:10px 20px;}
.orgDetail .info .txt p{font-size:12px; color:#2a2a2a; line-height:25px;}
.orgDetail .info .txt p span{display:inline-block; margin-right:30px}
.orgDetail .info .txt p span:last-child{margin-right:0;}
.orgDetail .info .map_wrap{float:right; width:49%;}
.orgDetail .defaultInfo{margin:40px 0;}
.orgDetail .defaultInfo > ul{margin-top:20px}
.orgDetail .defaultInfo > ul::after{display:block; content:''; clear:both;}
.orgDetail .defaultInfo > ul > li{float:left; border:1px solid #bababa; padding:20px; margin-right:20px; width:calc((100% - 40px)/3);}
.orgDetail .defaultInfo > ul > li:last-child{margin-right:0;}
.orgDetail .defaultInfo .sub_tit{padding:10px 0; font-size:20px; color:#000; margin-bottom:10px}
.orgDetail .defaultInfo > ul > li > div{border:1px solid #bababa; height:200px; padding:10px}
.orgDetail .defaultInfo > ul > li > div img{width:100%; height:100%; object-fit:cover;}
.orgDetail .defaultInfo .schedule{background:#f8f8f8; padding:0}
.orgDetail .defaultInfo .schedule p{text-align:center; padding:20px; color:#000; font-size:15px; font-weight:600}
.orgDetail .defaultInfo .schedule ul{padding:10px 40px}
.orgDetail .defaultInfo .schedule ul li{line-height:25px; font-size:15px; color:#414141;}
.orgDetail .offInfo .select{margin-left:40px;}
.orgDetail .offInfo .select select{padding:6px 20px; border-radius: 5px; border:1px solid #bababa; font-size:12px; color:#414141; height:auto;  background:url(/resources/homepage/images/sub/slt_down.png) no-repeat right 20px center; min-width:100px;}
.orgDetail .offInfo .select .btn-apply{padding:0 20px; border-radius: 4px; background:#002956; color:#fff; border:1px solid #021A34; font-size:13px; line-height:30px; height:30px; }
.orgDetail .tab-cont{padding:20px; border:1px solid #bababa; margin-bottom:40px}
.orgDetail .tab-cont > ul::after{display:block; content:''; clear:both;}
.orgDetail .tab-cont > ul > li{padding:10px 20px; border-radius: 2px; border:1px solid #bababa; color:#414141; float:left; width:calc((100% - 52px)/4); margin-right:14px; margin-bottom:10px; font-size:12px; cursor:pointer}
.orgDetail .tab-cont > ul > li:nth-child(4n){margin-right:0}
.orgDetail .tab-cont > ul > li.on{border-color:#002956; background:#eaeaea; color:#002956; font-weight:600}
.orgDetail .innerBody div.on{display:block;}
/* 기관 - 기관 소식*/
.orgDetail .box_list h3{border-bottom:1px solid #bababa; margin-bottom: 40px;}
.orgDetail .box_list h3::before{display:inline-block; width:10px; height:30px; content:''; vertical-align: middle;}
.orgDetail .box_list ul{margin-bottom:40px}
.orgDetail .box_list li{margin-bottom:20px}
.orgDetail .box_list li a{display:block; border-radius: 2px; border:1px solid #bababa; padding:20px}
.orgDetail .box_list .writer{display:block; margin-bottom:16px}
.orgDetail .box_list .writer i{width:40px; height:40px; border-radius: 50%; overflow:hidden; display:inline-block; margin-right:20px; vertical-align: middle; border:1px solid #e5e5e5}
.orgDetail .box_list .writer i img{width:100%; height:100%; object-fit: contain;}
.orgDetail .box_list .writer span{color:#8c8c8c; font-size:15px; font-weight:400;}
.orgDetail .box_list .cont{padding:0 20px; display:block;}
.orgDetail .box_list .cont .tit{padding:10px 0; color:#004ea2; font-size:20px; display:block;}
.orgDetail .box_list .cont .txt{font-size:15px; color:#8c8c8c; line-height:30px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.orgDetail .box_list li a:hover .tit, .orgDetail .box_list li a:hover .txt{text-decoration: underline;}
.orgDetail .news li a{border:none; padding:0; border-radius: 0;}
.orgDetail .news li a::after{display:block; content:''; clear:both}
.orgDetail .news li a > span{display:block;}
.orgDetail .news li a > span.left_wr{float:left; width:calc(100% - 276px); border:1px solid #bababa; border-radius: 2px; padding:20px}
.orgDetail .news li a > span.right_wr{float:right; width:256px; height:100%; overflow:hidden}
.orgDetail .news li a > span.right_wr img{width:100%; height:100%; object-fit:cover; transform: scale(1); transition:all .4s ease;}
.orgDetail .news li a:hover span.right_wr img{transform:scale(1.2); transition:all .4s ease;}
.orgDetail .sns .writer i{width:25px; height:25px; margin-right:10px}
/* 기관 - 공시정보 - 상세정보*/
.offInfo .func{text-align:right; margin:40px 0;}
.offInfo .func span{font-size:14px; color:#555555;}
.offInfo .func select{padding:10px 32px 10px 16px; border:1px solid #e0e0e0; color:#000000; font-size:14px; height:unset; background:url(/resources/homepage/images/sub/slt_down.png) no-repeat right 16px center;}
.offInfo .func .btn-line{border:1px solid #e0e0e0; padding:10px 16px; color:#555555; font-size:14px;}
.offInfo .func .cal::before{width:16px; height:16px; display:inline-block; background:url(/resources/homepage/images/sub/ico-btn-cal.png) no-repeat center; content:''; vertical-align:middle; margin-right:5px}
.offInfo .func .print::before{width:16px; height:16px; display:inline-block; background:url(/resources/homepage/images/sub/ico-btn-print.png) no-repeat center; content:''; vertical-align:middle; margin-right:5px}
.offInfo .func .excel::before{width:16px; height:16px; display:inline-block; background:url(/resources/homepage/images/sub/ico-btn-excel.png) no-repeat center; content:''; vertical-align:middle; margin-right:5px}
.offInfo .cont .table-scroll > span{display:block; text-align:right; color:#424542; margin-bottom:10px; font-size:14px}
.offInfo .cont .table-scroll.first{margin-bottom:36px}
.offInfo .etc{text-align:right; margin-top:10px}
.offInfo .etc span{margin-left:5px; border-left:1px solid #6b6d6b; padding-left:5px; font-size:14px}
.offInfo .etc span:first-child{border-left:none;}
.offInfo .copyimg{text-align:right; margin-top:30px; margin-bottom:10px}
.offInfo .h4_tit_point{margin-top:80px; margin-bottom:30px}
.offInfo .gr_box{padding:40px 30px; background:#f8f8f8; color:#555}
.offInfo .gr_box .ico-file{color:#000;}
.offInfo .gr_box .ico-file::before{content:''; width:16px; height:16px; margin-right:10px; display:inline-block; vertical-align:middle; background:url(/resources/homepage/images/sub/ico-file-down.png) no-repeat center;}
@media all and (max-width:1200px){
    .orgDetail .info .txt h3{font-size:32px}
}
@media all and (max-width:1024px){
    .orgDetail .defaultInfo .sub_tit{font-size:16px}
    .orgDetail .defaultInfo .schedule p{font-size:13px}
    .orgDetail .defaultInfo .schedule ul{padding:10px 20px}
    .orgDetail .defaultInfo .schedule ul li{font-size:13px}
    .orgDetail .box_list .cont{padding:0;}
    .orgDetail .box_list .cont .tit{white-space: nowrap; word-break: break-all; overflow:hidden; text-overflow: ellipsis;}
}
@media all and (max-width:768px){
    .orgDetail .info{margin:20px 0;}
    .orgDetail .info .txt{width:100%;}
    .orgDetail .info .txt h3{font-size:24px}
    .orgDetail .info .txt div{padding:10px;}
    .orgDetail .info .map_wrap{width:100%;}
    .orgDetail .defaultInfo{margin:20px 0;}
    .orgDetail .defaultInfo > ul{margin-top:0}
    .orgDetail .defaultInfo > ul > li{width:100%; margin-right:0; margin-bottom:16px}
    .orgDetail .defaultInfo > ul > li > div{height:auto;}
    .orgDetail .tab-cont{padding:16px}
    .orgDetail .tab-cont > ul > li{width:calc((100% - 14px)/2);}
    .orgDetail .tab-cont > ul > li:nth-child(2n){margin-right:0}
    .orgDetail .box_list .writer{margin-bottom:0}
    .orgDetail .box_list .writer span{font-size:12px;}
    .orgDetail .box_list .writer i{margin-right:5px; width:20px; height:20px}
    .orgDetail .news li a > span.left_wr{width:100%;}
    .orgDetail .news li a > span.right_wr{display:none;}
    .orgDetail .box_list .cont .tit{font-size:16px}
    .orgDetail .box_list .cont .txt{font-size:14px; line-height:24px}
    .offInfo .func{margin:20px 0;}
    .offInfo .func label{width:100%; display:inline-block; margin-bottom:10px}
    .offInfo .func .btn-line{font-size:12px}
    .offInfo .etc span{font-size:12px}
    .offInfo .copyimg img{width:150px; height:auto;}
    .offInfo .h4_tit_point{margin:30px 0;}
    .offInfo .gr_box, .offInfo .gr_box .ico-file{font-size:13px}
}

/* 통계정보 */
.result .btn-group{text-align:right; margin-bottom:20px}
.result .btn-group a{border-radius:4px; border:1px solid #cccccc; width:39px; height:34px; vertical-align:middle; text-align:center; display:inline-block; margin-left:10px; line-height:34px}
.result .btn-group a img{vertical-align: middle;}
.result .graph{padding:20px; border:1px solid #bababa;  margin-bottom:20px}
.result .graph > div{overflow-y:scroll; max-height:360px;}
.result .table{padding:20px; border:1px solid #bababa;}
.result .table > div{ overflow-y:scroll; max-height:800px}
.min_filter{margin-bottom:20px}
.min_filter::after{display:block; content:''; clear:both;}
.min_filter .box{float:left; width:20%;}
.min_filter .tit{border:1px solid #bababa; background:#002956; color:#fff; font-size:15px; font-weight:600; padding:6px 0; text-align:center;}
.min_filter .cont{border:1px solid #bababa; padding:10px 20px;}
.min_filter .cont select{font-size:12px; color:#414141; padding:10px 20px; border-radius: 5px; background:url(/resources/homepage/images/sub/slt_down.png) no-repeat right 20px center; height:unset; width:100%; border:1px solid #bababa;}
@media all and (max-width:768px){
    .min_filter .cont{padding:10px}
    .min_filter .cont select{padding:10px; font-size:10px; background-position:right 10px center;}
}
@media all and (max-width:640px){
    .min_filter .box{width:50%;}
}

/*tit랑 설명글일 경우*/
.page_con{margin-bottom: 30px;}
.page_con p{font-size: 14px; font-weight: 400; line-height: 1.5;}

/*list-txt*/
.list_txt{margin-top: 20px;}
.list_txt li{font-size: 14px; padding-left: 10px; background: url(/resources/homepage/images/sub/list_blit.png) no-repeat left 5px / 4px auto; margin-bottom: 10px; line-height: 1.5;}

/*소개 - 사업안내 - 사업안내*/
.intro01_01{margin-top: 20px;}
.intro01_01 ul{display: flex; justify-content: top; align-items: top; flex-grow: 1;}
.intro01_01 ul li{background: #EEE; margin-right: 10px; flex: 1; text-align: center; padding: 20px 55px 40px; border-radius: 5px;}
.intro01_01 li:last-child{margin-right: 0;}
.intro01_01 p{margin: 20px 0 10px; font-size: 18px;}
.intro01_01 span{color: #666; font-size: 14px; line-height: 20px; word-break: keep-all;}
@media all and (max-width:1000px){
    .intro01_01 ul li{padding: 30px 12px;}
}
@media all and (max-width:500px){
    .intro01_01 ul{flex-direction: column;}
    .intro01_01 ul li{margin: 5px 0;}
}

.intro01_02{margin-top: 20px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.intro01_02 > div{width: 50%; display: flex; margin-bottom: 20px; padding-right: 12px;}
.intro01_02 .img{margin-right: 10px;}
.intro01_02 .tit{font-size: 18px; color: #333; }
.intro01_02 .grey{margin: 10px 0; color: #777; font-size: 13.5px;}
.intro01_02 p{font-size: 14px; color: #333;}
@media all and (max-width:1000px){
    .intro01_02 .img img{max-width: 70px;}
}
@media all and (max-width:500px){
    .intro01_02{flex-direction: column;}
    .intro01_02 > div{margin: 10px 0; width: 100%; padding-right: 0;}
}

.intro01_03{display: flex; justify-content: center; align-items: top;}
.intro01_03 > div{flex: 1; background: #EEEEEE; margin: 0 5px; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-direction: column;  text-align: center;}
.intro01_03 > div img{width: 100%;}
.intro01_03 > div:nth-child(2){font-size: 20px; font-weight: 600; line-height: 1.7; background-image: url(/resources/homepage/images/sub/intro01_03_02_bg01.png), url(/resources/homepage/images/sub/intro01_03_02_bg02.png); background-repeat: no-repeat; background-position: top center, bottom center;}
.intro01_03 > div:nth-child(3) p{font-size: 20px; font-weight: 600; line-height: 1.7;}
.intro01_03 > div:nth-child(3) span{font-size: 18px; margin: 20px 0; line-height: 1.5;}
.intro01_03 > div:nth-child(3) .blue_box{padding: 20px 0; border-radius: 5px; width: 80%; background:  #28A7E1; color: #fff; margin: 0;}
@media all and (max-width:1000px){
    .intro01_03 > div:nth-child(2), .intro01_03 > div:nth-child(3) p{font-size: 16px;}
    .intro01_03 > div:nth-child(3) span{font-size: 14px;}
}
@media all and (max-width:767px){
    .intro01_03{flex-direction: column;}
    .intro01_03 > div{margin: 5px 0; padding: 50px 0;}
    .intro01_03 > div:first-child{padding: 0;}
    .intro01_03 > div img{max-width: 300px;}
    .intro01_03 > div:nth-child(3) .blue_box{padding: 10px 0;}
    .intro01_03 > div:nth-child(3) span{margin: 10px 0;}
}

.intro01_04{display: flex; justify-content: center; align-items: center; margin-top: 30px; margin-bottom: 30px;}
.intro01_04 > div{flex: 1;  margin: 0 5px; text-align: center; font-size: 14px; padding: 30px 12px; border: 1px solid #ccc; border-radius: 5px;}
@media all and (max-width:500px){
    .intro01_04{flex-wrap: wrap; flex-direction: row;}
    .intro01_04 > div{width: 47%; margin:5px; flex: auto;}
}

.intro01_05{display: flex; justify-content: center; align-items: top; margin-top: 30px; margin-bottom: 30px;}
.intro01_05 > div{flex: 1;  margin: 0 5px;  font-size: 14px; padding: 30px 20px; border: 1px solid #ccc; border-radius: 5px;}
.intro01_05 p{font-size: 14px; color: #333;}
.intro01_05 p span{font-size: 13px; color: #777;}
.intro01_05 p:first-child{font-size: 18px; margin-bottom: 15px;}
@media all and (max-width:500px){
    .intro01_05{flex-direction: column;}
    .intro01_05 > div{margin: 5px 0;}
}

/*소개 - 사업안내 - 자료실*/
/*검색박스*/
.introSearch{padding: 40px 12px; background: #002956; text-align: center; margin-bottom: 40px;}
.introSearch h3{color: #fff; font-size: 25px; margin-bottom: 20px;}
.introSearch input[type="text"]{width: 490px; height: 40px; padding: 0 20px; border: 1px solid #bababa; border-radius: 5px; margin-right: 10px;}
.introSearch button{width: 107px; padding-left: 50px; height: 40px; background: url(/resources/homepage/images/sub/ico_search.png)#004EA2 no-repeat 20px center / 20px auto; font-size: 18px; color: #fff; border-radius: 5px; border: 1px solid #021A34;}
@media all and (max-width:767px){
    .introSearch h3{font-size: 20px;}
    .introSearch input[type="text"]{width: 100%; margin-right: 0; margin-bottom: 12px;}
    .introSearch button{background-position: 95% center; padding-left: 0; width: 100%;}
}

/*게시글박스*/
.boardWrap .top{height: 80px; display: flex; align-items: center; margin-bottom: 20px;}
.boardWrap .totalBox{flex: auto;}
.boardWrap .totalBox p {display: inline-block; vertical-align: middle; font-size: 15px; color: #414141;}
.boardWrap .totalBox > span{margin: 0 5px; color: #414141;}
.boardWrap .totalBox .blue{color: #28A7E1; font-weight: 600;}
.boardWrap .orderBox{width: 100px; text-align: right;}
.boardWrap .orderBox a{display: inline-block; width: 40px; height: 40px; border: 1px solid #bababa; }
.boardWrap .orderBox .type01{background: url(/resources/homepage/images/sub/ico_oreder01.png) no-repeat center / auto 20px;}
.boardWrap .orderBox .type01.on{background: url(/resources/homepage/images/sub/ico_oreder01_on.png) no-repeat center / auto 20px;}
.boardWrap .orderBox .type02{background: url(/resources/homepage/images/sub/ico_oreder02.png) no-repeat center / auto 20px;}
.boardWrap .orderBox .type02.on{background: url(/resources/homepage/images/sub/ico_oreder02_on.png) no-repeat center / auto 20px;}
@media all and (max-width:767px){
    .boardWrap .top{margin-bottom: 0;}
}

.boardList > div{height: 0; overflow: hidden;}
.boardList > div.on{height: auto;}
.boardList .imageType li{float: left; width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px; height: 300px; border-radius: 5px; border: 1px solid #bababa; overflow: hidden;}
.boardList .imageType li a{display: block; width: 100%; height: 100%;}
.boardList .imageType li img{width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.boardList .imageType li:hover img{transform: scale(1.2);}
.boardList .imageType li:nth-child(4n){margin-right: 0;}

@media all and (max-width:1000px){
    .boardList .imageType li{width: calc((100% - 20px) / 3);height: 200px;}
    .boardList .imageType li:nth-child(4n){margin-right: 10px; }
    .boardList .imageType li:nth-child(3n){margin-right: 0;}        
}
@media all and (max-width:767px){
    .boardList .imageType li{width: calc((100% - 10px) / 2); height: 250px;}
    .boardList .imageType li:nth-child(3n){margin-right: 10px;} 
    .boardList .imageType li:nth-child(2n){margin-right: 0;}
   
}
@media all and (max-width:500px){
    .boardList .imageType li{width: 100%; margin-right: 0;}
}

.boardPager{height: 86px; display: flex; justify-content: center; align-items: center; margin-top: 80px; margin-bottom: 40px;}
.boardPager > a{padding: 10px; border: 1px solid #bababa; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #414141; margin-right: 5px; width: 40px; height: 40px;}
.boardPager > a:last-child{margin-right: 0; }
.boardPager > a.on{background: #004EA2; color: #fff;}
.boardPager .control{color: #bababa; width: auto;}
@media all and (max-width:1000px){
 .boardPager{margin: 30px 0;}   
}
@media all and (max-width:767px){
    .boardPager{margin: 20px 0;}
    .boardPager > a{font-size: 12px;}
}

/*게시글 - 상세보기*/
.boardDetail{padding-top: 75px; border-top: 4px solid #002956; margin-top: 10px;}
.boardInfo table{border-top: 1px solid #BABABA;}
.boardInfo th, .boardInfo td{min-height: 38px; font-size: 15px; padding: auto; border-left: 1px solid #bababa;}
.boardInfo th:first-of-type{border-left: 0;}
.boardInfo th{background: #f8f8f8;  padding: 10px 0;}
.boardInfo td{padding: 10px 20px;}
.boardInfo tr{border-bottom: 1px solid #bababa; }
.boardInfo .attachBox{padding: 10px; border: 1px solid #bababa; min-height: 120px;}
.boardInfo .attachBox > div{ padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #bababa;}
.boardInfo .attachBox p{display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 12px; line-height: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 80%;}
.boardInfo .downBox{margin-top: 5px;}
.boardInfo .downBox button{width: 110px; height: 30px; border-radius: 5px; padding-left: 30px; background-image: url(/resources/homepage/images/sub/ico_download.png); background-repeat:no-repeat;  background-position:10px center; background-size: 15px auto; font-size: 12px; color: #fff; border: 1px solid #bababa;}
.boardInfo .downBox .btn01{background-color: #28A7E1;}
.boardInfo .downBox .btn02{background-color: #004EA2;}
@media all and (max-width:500px){
    .boardInfo th, .boardInfo td{display: block; text-align: left; padding: 10px 20px; border-left: 0; border-bottom: 1px solid #bababa;}
    .boardInfo tr{border-bottom: none;}
}

.boardCon{padding-top: 40px; border-top: 1px solid #bababa; margin-top: 35px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #bababa; margin-bottom: 20px;}
.boardCon .tit{padding: 60px 0; font-size: 30px; font-weight: 600; word-break: keep-all;}
.boardCon img{margin-bottom: 10px; max-width: 100%;}
@media all and (max-width:500px){
    .boardCon{padding-top: 0;}
    .boardCon .tit{font-size: 20px; padding: 30px 0;}
}

.boardBtn{border-top: 1px solid #bababa; margin-bottom: 50px;}
.boardBtn .postBtn{padding: 20px; padding-left: 55px; display: block; border-bottom: 1px solid #bababa; font-size: 15px; color: #414141;   white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.boardBtn .prev{background: url(/resources/homepage/images/sub/arrow_up.png) no-repeat 20px center / 25px auto;}
.boardBtn .next{background: url(/resources/homepage/images/sub/arrow_down.png) no-repeat 20px center / 25px auto;}
.boardBtn .listBtn{margin-top: 10px; padding: 10px 30px; border: 1px solid #bababa; border-radius: 5px; background: #004EA2; color: #fff; font-size: 12px;}

/*nsgi소개 > 상담문의 > 자주묻는 질문*/
.qnaBox{margin-top: 20px;}
.qnaBox .page_tab02{margin-bottom: 60px;}
.qnaItem{margin-bottom: 20px;}
.qnaItem .mark{position: absolute; left: 20px; top: 20px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 25px; font-weight: 600; font-style: normal; border-radius: 10px;}
.qnaItem .tit{position: relative; padding: 20px 0; padding-left: 100px; border: 1px solid #bababa; border-radius: 4px; color: #414141; font-size: 20px; margin-bottom: 20px; padding-right: 60px;
    background: url(/resources/homepage/images/sub/qna_arrow.png) no-repeat calc(100% - 20px) center / 40px auto; cursor: pointer;}
.qnaItem.on .tit{ background: url(/resources/homepage/images/sub/qna_arrow02.png)#002956 no-repeat calc(100% - 20px) center / 40px auto;}
.qnaItem .tit span{color: #004EA2;}
.qnaItem .tit .mark{ background: #002956; color: #fff; }
.qnaItem.on .tit .mark{border: 1px solid #fff;}
.qnaItem .tit p{padding: 10px 0;}
.qnaItem.on .tit p,.qnaItem.on .tit p span{color: #fff;}
.qnaItem .con{position: relative; padding: 20px 0; padding-left: 100px; border: 1px solid #bababa; border-radius: 4px; color: #414141; font-size: 20px; margin-bottom: 20px; word-break: keep-all; background: #F8F8F8; display: none;}
.qnaItem.on .con{display: block;}
.qnaItem .con p{word-break: keep-all; line-height: 1.5; padding: 10px 0;}
.qnaItem .con .mark{ border: 1px solid #004EA2; color: #004EA2; background: #fff;}
@media all and (max-width:767px){
    .page_tab02 > div{margin-bottom: 4px;}
    .qnaBox .page_tab02{margin-bottom: 30px;}
    .qnaItem .tit{font-size: 16px; padding-left: 70px; background: url(/resources/homepage/images/sub/qna_arrow.png) no-repeat calc(100% - 20px) center / 20px auto; padding-right: 40px;}
    .qnaItem.on .tit{background: url(/resources/homepage/images/sub/qna_arrow02.png)#002956 no-repeat calc(100% - 20px) center / 20px auto;}
    .qnaItem .mark{width: 40px; height: 40px; font-size: 16px; top: 12px;}
    .qnaItem .tit p{padding: 0; word-break: keep-all; line-height: 1.5;}
    .qnaItem .con{padding-left: 70px; font-size: 16px;}
    .qnaItem .con p{padding: 0;}
}

/*nsgi소개 > 상담문의 > 1:1문의*/
.inquiryBox{margin-top: 60px;}
.inquiryBox .agree{border: 1px solid #BABABA; padding: 40px 20px; border-radius: 4px; margin-bottom: 80px;}
.inquiryBox .agree h4{font-size: 20px; font-weight: 600;}
.inquiryBox .agree textarea{width: 100%; height: 200px; resize: none; border-radius: 4px; padding: 40px 32px; overflow-y: scroll; margin: 20px 0; border: 1px solid #bababa; font-size: 14px; line-height: 1.5;}
.inquiryBox .ck_box {display: inline-block;}
.inquiryBox .ck_box input{display:none}
.inquiryBox .ck_box label{padding:4px 0 4px 35px; background:url(/resources/homepage/images/sub/ip-ch-off.png) no-repeat left 10px center;}
.inquiryBox .ck_box input[type=checkbox]:checked + label{ background:url(/resources/homepage/images/sub/ip-ch-on.png) no-repeat left 10px center;}
.inquiryBox .formBox{padding: 40px 0; border-top: 2px solid #002956; margin-bottom: 80px; border-bottom: 2px solid #002956;}
.inquiryBox .formBox .red{color: #F00; margin-right: 10px;}
.inquiryBox .formBox > span{color: #8C8C8C; font-size: 14px; display: block; padding: 10px 0;}
.inquiryBox .formBox table tr{ border-bottom: 1px solid #bababa; text-align: left;}
.inquiryBox .formBox td, .inquiryBox .formBox th{padding: 10px 20px; font-size: 14px;}
.inquiryBox .formBox th{width: 120px; font-weight: 400; color: #414141;}
.inquiryBox .formBox input[type="text"], .inquiryBox .formBox input[type="password"], .inquiryBox .formBox select, .inquiryBox .formBox input[type="file"]{padding: 10px 20px; border: 1px solid #bababa; font-size: 12px; color: #414141; border-radius: 4px; min-width: 214px;}
.inquiryBox .formBox input::file-selector-button{display: none;}
.inquiryBox .formBox input:focus{outline: none;}
.inquiryBox .formBox .w100{width: 100%;}
.inquiryBox .formBox textarea{width: 100%; padding: 10px 20px; height: 230px; border: 1px solid #bababa; border-radius: 4px; resize: none; overflow-y: scroll;}
.inquiryBox .formBox .btn{width: 100px; height: 30px; border-radius: 5px; border: 1px solid #bababa;}
.inquiryBox .formBox .btn01{margin: 0 10px; background: #002956; color: #fff;}
.inquiryBox .formBox .btn02{border: 1px solid #002956; color: #002956; background: #fff;}
.inquiryBox .formBtn{text-align: center; margin-bottom: 40px;}
.inquiryBox .formBtn .btn{width: 100px; height: 30px; border-radius: 5px; font-size: 12px;}
.inquiryBox .formBtn .btn01{background: #004EA2; color: #fff; border: 1px solid #bababa;}
.inquiryBox .formBtn .btn02{border: 1px solid #004EA2; color: #004EA2; background: #fff;}
@media all and (max-width:767px){
    .inquiryBox{margin-top: 30px;}
    .inquiryBox .agree{margin-bottom: 30px;}
    .inquiryBox .agree .ck_box label{font-size: 14px;}
    .inquiryBox .agree h4{font-size: 16px;}
    .inquiryBox .agree textarea{padding: 24px;}
    .inquiryBox .formBox{margin-bottom: 30px;}
    .inquiryBox .formBox input[type="text"], .inquiryBox .formBox input[type="password"], .inquiryBox .formBox select, .inquiryBox .formBox input[type="file"]{width: 100%; min-width: auto;}
    .inquiryBox .formBox input[type="file"]{width: 80%; margin-bottom: 5px;}
    .inquiryBox .formBox td, .inquiryBox .formBox th{padding: 10px 0;}
    .inquiryBox .formBox th{width: 80px;}
    .inquiryBox .ck_box{margin-top: 5px;}
}

/*nsgi소개 > 상담문의 > 나의 상담내역*/
.hisBox{margin: 60px 0;}
.hisBox .blue{color: #004EA2;}
@media all and (max-width:767px){
    .hisBox{margin: 30px 0; margin-top: 0;}
}

/*사이트맵*/
.stCon{display: flex; justify-content: center; padding: 60px 0;}
.stCon > div{flex: 1; margin-right: 40px;}
.stCon > div:last-child{margin-right: 0;}
.stCon h5{padding: 14px; font-size: 25px; font-weight: 600; color: #002956; border-bottom: 1px solid #002956;}
.stCon ul{padding: 15px 10px 10px 30px;}
.stCon ul li{padding-left: 20px; background: url(/resources/homepage/images/sub/sitemap_blit.png) no-repeat left center / 9px auto; margin-bottom: 10px; line-height: 22px;}
.stCon ul li a{display: block; color: #414141; font-weight: 500;}
@media all and (max-width:1000px){
    .stCon{flex-wrap: wrap; flex-direction: row;}
    .stCon > div{flex: unset; width: 50%; margin-right: 0; padding-right: 30px;}
}
@media all and (max-width:767px){
    .stCon{padding: 20px 0;}
    .stCon h5{font-size: 20px;}
    .stCon ul{padding: 20px 10px;}
}
@media all and (max-width:500px){
    .stCon > div{width: 100%; padding-right: 0;}
}