@charset "utf-8";

/* 버튼 */
.btn_type {display: inline-block; font-size: 0; text-indent: -9999px; vertical-align: top;}
.btn_type02 {display: inline-block;/* font-family: 'NotoSans', sans-serif; */ vertical-align: top;}
.btn_type02 > span {position: relative;}

.btn_type02.blue_sm {height: 30px; padding: 0 25px; border-radius: 15px; color: #fff; font-size: 14px; font-weight: 700; line-height: 30px; background: #188ADC;}
.btn_type02.blue {height: 40px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 40px; background: #188ADC; padding:0 20px;}
.btn_type02.noline_blue {height: 60px; padding: 0 32px; border-radius: 30px; color: #fff; line-height: 60px; background: #188ADC;}
.btn_type02.noline_blue2 {height: 56px; padding: 0 40px; color: #fff; line-height: 56px; background: #188ADC;}
.btn_type02.noline_blue3 {height: 56px; padding: 0 40px; color: #fff; line-height: 56px; background: #052960;}
.btn_type02.noline_gray {height: 60px; padding: 0 32px; border-radius: 30px; color: #fff; line-height: 60px; background: #555;}
.btn_type02.noline_gray2 {height: 56px; padding: 0 40px; color: #fff; line-height: 56px; background: #313a46;}

.btn_type02.outline_blue {height: 56px; padding: 0 40px; border: 1px solid #188ADC; color: #188ADC; font-size: 16px; font-weight: 700; line-height: 54px; background: #fff;}
.btn_type02.outline_gray {height: 56px; padding: 0 40px; border: 1px solid #333333; color: #333333; font-size: 16px; font-weight: 700; line-height: 54px; background: #fff;}

.btn_type02.outline_blue.on, .btn_type02.outline_blue:hover{background-color: #188ADC;color: #fff;}
.btn_type02.outline_blue_sm {height: 40px; border: 1px solid #188ADC; border-radius: 5px; color: #1a4890; font-size: 14px; font-weight: 700; line-height: 38px; background: #fff;}

.btn_more {display: inline-block; width: 24px; height: 24px; background: url(../images/icon/ico_more.png) no-repeat;}
.btn_ios {display: inline-block; width: 110px; height: 30px; background: url(../images/btn_down_ios.png) no-repeat;}
.btn_android {display: inline-block; width: 110px; height: 30px; background: url(../images/btn_down_android.png) no-repeat;}
.btn_fastgo {display: inline-block; position: relative; width: 110px; height: 30px; padding-left: 38px; border: 2px solid #1a4890; border-radius: 15px; color: #1a4890; font-size: 13px; font-weight: 700; line-height: 26px; text-decoration: none !important;}
.btn_fastgo::before {content: ""; display: block; position: absolute; left:-2px; top: -2px; width: 30px; height: 30px; background: url(../images/icon/ico_fastgo.png) no-repeat;}
.btn_fastgo.auto {width: auto; padding-right: 20px;}

.btn_search_all {width: 30px; height: 30px; background: url(../images/icon/ico_sch_b.png) no-repeat; background-size: contain;}
.btn_search_all.on {background: url(../images/icon/ico_sch_all_close.png) no-repeat; background-size: contain;}
.main_p .btn_search_all.on {background: url(../images/icon/ico_sch_all_close_w.png) no-repeat; background-size: contain;}

.btn_sitemap {width: 24px; height: 26px; background: url(../images/icon/ico_sitemap_b.png) no-repeat; background-size: contain; transform: rotate(0deg); transition:left 0.4s,transform 0.6s ;margin-top:2px;}
.btn_sitemap.on {transform: rotate(180deg);}

.btn_businfo {width: 260px; height: 60px; padding-left: 64px; border-radius: 30px; color: #fff;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px; line-height: 60px; text-align: left; background: #1a4890 url(../images/icon/ico_bus.png) no-repeat 30px center;}
.btn_airbus {width: 260px; height: 60px; padding-left: 64px; border-radius: 30px; color: #fff;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px; line-height: 60px; text-align: left; background: #1a4890 url(../images/icon/ico_airplane.png) no-repeat 30px center;}


/* 위치정보 */
.location {z-index: 1; position: relative; border-bottom: 1px solid #c9c9c9;/* font-family: 'NotoSans', sans-serif; */ background-color: #fff;width: 100%; display: none;}
.location > .inner {margin: 0 auto; border-left: 1px solid #c9c9c9;}
.location > .inner > ul::after {content: ""; display: block; clear: both;}
.location > .inner > ul > li {float: left; position: relative;}
.location > .inner > ul > li::after {content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 50px; background: #c9c9c9;}
.location > .inner > ul > li > a {display: block; position: relative; min-width: 220px; height: 50px; padding: 0 45px 0 20px; color: #222; font-size: 15px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.location > .inner > ul > li > a::after {content: ""; display: block; position: absolute; right: 20px; top: 23px; width: 8px; height: 4px; background: url(../images/icon/ico_combo_arrow_b8x4.png) no-repeat;}
.location > .inner > ul > li > a.on::after {transform: rotate(180deg);}
.location > .inner > ul > li.home a {width: 48px; min-width: auto; padding: 0; font-size: 0; background: url(../images/icon/ico_home.png) no-repeat center;}
.location > .inner > ul > li.home a::after {content: none;}
.location > .inner > ul > li > ul {display: none; position: absolute; left: -1px; top: 50px; width: 221px; border: 1px solid #c9c9c9; border-top: 1px solid #eee; background: #fff;}
.location > .inner > ul > li > ul > li > a {display: block; height: 40px; padding: 0 20px; color: #222; font-size: 15px; line-height: 40px;}
.location > .inner > ul > li > ul > li > a:hover {text-decoration: underline;}
.location > .inner > ul > li > ul > li.on > a { text-decoration: underline; font-weight: bold; }

.location02 {/*border-bottom: 1px solid #c9c9c9; */ border-bottom:0;}
.location02 > ul {width: 1260px; margin: 0 auto; font-size: 0;/* font-family: 'NotoSans', sans-serif; */ text-align: center;}
.location02 > ul li {display: inline-block; height: 50px; line-height: 49px; vertical-align: top;}
.location02 > ul li::after {content: ""; display: inline-block; width: 6px; height: 49px; margin: 0 10px; background: url(../images/icon/ico_arrow_right6x11.png) no-repeat center; vertical-align: top;}
.location02 > ul li:last-child::after {content: none;}
.location02 > ul li a {color: #fff; font-size: 14px; vertical-align: middle;}
.location02 > ul li a.home {display: inline-block; width: 14px; height: 13px; font-size: 0; text-indent: -9999px; background: url(../images/icon/ico_home.png) no-repeat center;}
.location02 > ul li:last-child a {font-weight: 700;/* text-decoration: underline; */}


/* Accordion 목록  */
.accordion_list01 {margin-top: 20px; border-top: 3px solid #555;/* font-family: 'NotoSans', sans-serif; */}
.accordion_list01 .list_group {border-bottom: 1px solid #c9c9c9;}
.accordion_list01 .head {display: table; width: 100%; table-layout: fixed; background: #f2f2f2;}
.accordion_list01 .head > * {display: table-cell; padding: 21px 10px 23px 10px; color: #222; font-size: 16px; vertical-align: middle;}

.accordion_list01 .head span:nth-child(1) {width: 100px; text-align: center;}
.accordion_list01 .head span:nth-child(2) {width: auto;}
.accordion_list01 .head span:nth-child(2) a {color: #222;}
.accordion_list01 .head span:nth-child(2) a:hover {text-decoration: underline;}
.accordion_list01 .head span:nth-child(3) {position: relative; width: 250px; padding-right: 48px;}
.accordion_list01 .head span:nth-child(3)::after {content: ""; display: block; position: absolute; right: 20px; top: 26px; width: 18px; height: 10px; background: url(../images/icon/ico_arrow_b18x10.png) no-repeat;}
.accordion_list01.title_only .head span:nth-child(3)::after {content: none;}

.accordion_list01 .head.on {background: #e8eef6;}
.accordion_list01 .head.on > * {color: #1a4890; font-weight: 700;}
.accordion_list01 .head.on span:nth-child(2) a {color: #1a4890;}
.accordion_list01 .head.on span:nth-child(3)::after {transform: rotate(180deg);}

.accordion_list01 .list_group.disabled {pointer-events: none;}
.accordion_list01 .list_group.disabled .head {background: #fafafa;}
.accordion_list01 .list_group.disabled .head > *,
.accordion_list01 .list_group.disabled .head span:nth-child(2) a {color: #a7a7a7;}
.accordion_list01 .list_group.disabled .head span:nth-child(3)::after {background: url(../images/icon/ico_arrow_gray18x10.png) no-repeat;}

.accordion_list01 .content {display: none; border-top: 1px solid #393939;}
.accordion_list01 .content .top > dl {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #c9c9c9;}
.accordion_list01 .content .top > dl > * {display: table-cell; padding: 16px 0; color: #222; font-size: 16px;}
.accordion_list01 .content .top > dl dt {width: 90px; font-weight: 700;}
.accordion_list01 .content .top > dl dt:nth-child(1) {width: 120px; padding-left: 30px; }
.accordion_list01 .content .top > dl dd {width: auto;}
.accordion_list01 .content .top > dl .file a {display: inline-block; position: relative; margin-top: 3px; padding-left: 21px; color: #222; line-height: 1; background: url(../images/icon/ico_file.png) no-repeat left 0px;}
.accordion_list01 .content .article {padding: 19px 30px; color: #666; font-size: 16px; line-height: 20px;}


/* 검색조건 */
.condition {/*padding: 19px 25px 25px 25px; /*
/*    border-top: 1px solid #393939; */
    font-size: 0; text-align: center;
/*    background: #eee;*/
}
.condition .f-select,
.condition .f_ipt,
.condition .btn_type02.blue {margin: 5px 10px 0 0; vertical-align: top;}
.condition .btn_type02.blue {width: 80px;}
.condition .f_ipt input[type=text] { min-width: 300px; }

.cond .line {display: inline;}


/* 게시판 목록 */
.board_list {margin-top: 30px;/* font-family: 'NotoSans', sans-serif; */}
.board_list .head {display: table; width: 100%; border-top: 3px solid #555; border-bottom: 1px solid #393939;}
.board_list .head > * {display: table-cell; height: 60px; color: #222; font-size: 16px; font-weight: 700; text-align: center; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_list .head::after {content: ""; display: block; clear: both;}
.board_list .head > span button {width: 16px; height: 16px; background: url(../images/icon/ico_arrow_order.png) no-repeat center;}
.board_list .head > span:first-child{
   width:  100px;
}
.board_list .head > span:nth-child(2){
    width: auto;
}
.board_list .head > span:nth-child(3){
    width: 140px;
}
.board_list .head > span:nth-child(4){
    width: 140px;
}
.board_list .head > span:last-child{
    width: 70px;
}
.board_list .result .list_item {display: table; position: relative; width: 100%; table-layout: fixed;}
.board_list .result .list_item:hover {background: #f4f4f4;}
.board_list .result .list_item > * {display: table-cell; text-align: center;}
.board_list .result .list_item > div {padding: 16px 10px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 15px; vertical-align: middle;}
.board_list .result .list_item > div:first-child{
    width: 100px;
}
.board_list .result .list_item > div:nth-child(2){
    width: auto;
}
.board_list .result .list_item > div:nth-child(3){
    width: 140px;
}
.board_list .result .list_item > div:nth-child(4){
    width: 140px;
}
.board_list .result .list_item > div:last-child{
    width: 70px;
}
.board_list .result .list_item > div.al {text-align: left;}
.board_list .result .list_item > div img {max-width: 100%;vertical-align: middle;}
.board_list .result .list_item > div .lnk {color: #222;}
.board_list .result .list_item > div .lnk:hover {text-decoration: underline;}
.board_list .result .list_item > div .ico_new,
.board_list .result .list_item > div .ico_attach {margin-right: 4px; vertical-align: -2px;}
.board_list .result .list_item > div .ico_attach span {position: absolute; left: -9999px; top: -9999px;}

.board_list02 {margin-top: 20px;/* font-family: 'NotoSans', sans-serif; */}
.board_list02 .head {display: table; width: 100%; border-top: 3px solid #555; border-bottom: 1px solid #393939;}
.board_list02 .head > * {display: table-cell; height: 60px; color: #1a4890; font-size: 16px; font-weight: 700; text-align: center; vertical-align: middle; background: #e8eef6;}
.board_list02 .head::after {content: ""; display: block; clear: both;}
.board_list02 .head > span button {width: 16px; height: 16px; background: url(../images/icon/ico_arrow_order.png) no-repeat center;}

.board_list02 .result .list_item {display: table; width: 100%;}
.board_list02 .result .list_item > * {display: table-cell; text-align: center;}
.board_list02 .result .list_item > div {padding: 16px 10px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 15px; font-weight: 300; vertical-align: middle;}
.board_list02 .result .list_item > div.al {text-align: left;}
.board_list02 .result .list_item > div dl dt {color: #1a4890; font-weight: 700;}
.board_list02 .result .list_item > div dl dd {margin-top: 8px;}

.board_list03 {border-top: 2px solid #10325b;}
.board_list03 .head {display: table; width: 100%; border-bottom: 1px solid #10325b;}
.board_list03 .head > * {display: table-cell; height: 60px; color: #222; font-size: 16px; font-weight: 700; text-align: center; vertical-align: middle; background: #eee;}
.board_list03 .result .list_item {display: table; width: 100%;}
.board_list03 .result .list_item > * {display: table-cell;}
.board_list03 .result .list_item > div {padding: 16px 18px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 15px; font-weight: 300; vertical-align: middle;}

.board_list03 > table thead th {padding: 17px 0 21px 0; border-bottom: 1px solid #10325b; color: #222; font-size: 16px; font-weight: 700; background: #eee;}
.board_list03 > table tbody th, .board_list03 > table tbody td {border-bottom: 1px solid #c9c9c9; text-align: center;}
.board_list03 > table tbody th.align_l, .board_list03 > table tbody td.align_l {text-align: left;}

/* 게시판 등록수정 */
.board_write {border-top: 3px solid #555; color: #454545;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px;}
.board_write .board_top {padding: 18px 0 20px 0;}
.board_write .form_box {border-top: 1px solid #393939;}
.board_write .form_box th {padding: 8px 30px; border-bottom: 1px solid #c9c9c9;background: #e8eef6;}
.board_write .form_box th > label {font-weight: normal}
.board_write .form_box th.req > label::before {content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 4px; background: url(../images/icon/ico_emp_star.png) no-repeat; vertical-align: 3px;}
.board_write .form_box td {padding: 8px 10px; border-bottom: 1px solid #c9c9c9;}
.board_write .form_box td.lb {padding: 17px 30px; background: #e8eef6;}
.board_write .form_box td.lb > label,
.board_write .form_box td.lb > span {display: inline-block;}
.board_write .form_box td.req > label::before,
.board_write .form_box td.req > span::before {content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 4px; background: url(../images/icon/ico_emp_star.png) no-repeat; vertical-align: 3px;}
.board_write .form_box td.no_form {padding: 18px 10px;}

/* 게시판 목록 하단 */
.board_bot {margin-top: 40px;}
.board_bot .paging {text-align: center; font-size: 0;}
.board_bot .paging ul {display: inline-block; font-size: 0; text-align: center; vertical-align: top;}
.board_bot .paging ul li {margin-right: 5px; display: inline-block; vertical-align: top;}
.board_bot .paging ul li:last-child {margin-right: 0;}
.board_bot .paging a {display: inline-block; width: 40px; height: 40px; font-size: 0; background: url(../images/bg_paging_circle.png) no-repeat; vertical-align: top;}
.board_bot .paging ul li a span {display: table-cell; position: relative; width: 40px; height: 40px; text-align: center; vertical-align: middle;}
.board_bot .paging ul li.pageNo a {color: #666; font-size: 14px;/* font-family: 'NotoSans', sans-serif; */}
.board_bot .paging ul li.pageNo.current a span {border-radius: 50%; color: #fff; background: #10325b;}
.board_bot .paging a:hover {font-weight: 700;}
.board_bot .paging .first a span {font-size: 0; background: url(../images/icon/ico_paging_first.png) no-repeat center;}
.board_bot .paging .prevBlock a span {font-size: 0; background: url(../images/icon/ico_paging_pblock.png) no-repeat center;}
.board_bot .paging .prev {margin-right: 15px;}
.board_bot .paging .prev a span {font-size: 0; background: url(../images/icon/ico_paging_prev.png) no-repeat center; margin-right: 10px;}
.board_bot .paging .next {margin-left: 10px;}
.board_bot .paging .next a span {font-size: 0; background: url(../images/icon/ico_paging_next.png) no-repeat center; margin-left: 10px;}
.board_bot .paging .nextBlock a span {font-size: 0; background: url(../images/icon/ico_paging_nblock.png) no-repeat center;}
.board_bot .paging .last a span {font-size: 0; background: url(../images/icon/ico_paging_last.png) no-repeat center;}
.board_bot .paging .disabled { -webkit-filter: grayscale(100%);filter: grayscale(100%);}

.board_bot .paging .disabled { display: none;}
.board_bot .paging .first.mobile {display: none;}

/* 게시판 상세 */
.board_detail {border-top: 3px solid #393939;/* font-family: 'NotoSans', sans-serif; */}
.board_detail dl {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #c9c9c9; color: #222;}
.board_detail dl > * {display: table-cell;}
.board_detail dl dt {padding: 15px 30px; font-size: 16px; font-weight: 700; background: #eee;}
.board_detail dl dd {width: auto; padding: 17px 20px; font-size: 15px;}
.board_detail dl dd input[type=checkbox]:first-child {margin-left: 0;}

.board_detail02 {border-top: 3px solid #393939;/* font-family: 'NotoSans', sans-serif; */}
.board_detail02 .title {padding: 20px; border-bottom: 1px solid #393939; color: #222; font-size: 20px; text-align: center;}
.board_detail02 .info {padding: 17px 0 19px 0; border-bottom: 1px solid #c9c9c9; font-size: 0; text-align: center; background: #f2f2f2;}
.board_detail02 .info dl {display: inline-block; position: relative; padding: 0 22px 0 21px; vertical-align: top;}
.board_detail02 .info dl:last-child {padding-right: 0;}
.board_detail02 .info dl::after {content: ""; display: block; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #676767;}
.board_detail02 .info dl:last-child::after {content: none;}
.board_detail02 .info dl > * {display: inline-block; height: 16px; color: #222; font-size: 16px; line-height: 16px; vertical-align: top;}
.board_detail02 .info dl dt {margin-right: 8px; font-weight: 700;}
.board_detail02 .attach {display: table; width: 100%; padding: 16px 0 20px 0; border-bottom: 1px solid #c9c9c9; font-size: 16px; background: #f2f2f2;}
.board_detail02 .attach > * {display: table-cell; width: auto;}
.board_detail02 .attach .lb {width: 200px; padding-right: 15px; font-weight: 700; text-align: right;}
.board_detail02 .attach .file a {display: inline-block; position: relative; margin-top: 3px; padding-left: 21px; color: #222; min-width: 260px;}
.board_detail02 .attach .file a::before {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 15px; height: 16px; background: url(../images/icon/ico_file.png) no-repeat;}
.board_detail02 .article {padding: 50px; border-bottom: 1px solid #c9c9c9;}
.board_detail02 .article a img {display: block; margin: 0 auto;}
.board_detail02 .article img { margin-bottom: 5px;}

.board_detail03 {border-top: 3px solid #393939;/* font-family: 'NotoSans', sans-serif; */}
.board_detail03 .title {padding: 20px; border-bottom: 1px solid #393939; color: #222; font-size: 20px; text-align: center;}
.board_detail03 .info {padding: 17px 0 19px 0; border-bottom: 1px solid #c9c9c9; font-size: 0; text-align: center; background: #f2f2f2;}
.board_detail03 .info dl {display: inline-block; position: relative; padding: 0 22px 0 21px; vertical-align: top;}
.board_detail03 .info dl:first-child {padding-left: 0;}
.board_detail03 .info dl:last-child {padding-right: 0;}
.board_detail03 .info dl::after {content: ""; display: block; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #676767;}
.board_detail03 .info dl:last-child::after {content: none;}
.board_detail03 .info dl > * {display: inline-block; height: 16px; color: #222; font-size: 16px; line-height: 16px; vertical-align: top;}
.board_detail03 .info dl dt {margin-right: 8px; font-weight: 700;}
.board_detail03 .attach {display: table; width: 100%; padding: 16px 0 20px 0; border-bottom: 1px solid #c9c9c9; font-size: 16px; background: #f2f2f2;}
.board_detail03 .attach > * {display: table-cell; width: auto;}
.board_detail03 .attach .lb {width: 450px; padding-right: 10px; font-weight: 700; text-align: right;}
.board_detail03 .attach .file a {display: block; position: relative; margin-top: 3px; padding-left: 21px; color: #222;}
.board_detail03 .attach .file a::before {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 15px; height: 16px; background: url(../images/icon/ico_file.png) no-repeat;}
.board_detail03 .article .question {position: relative; padding: 48px 20px 48px 100px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 16px; font-weight: 700;}
.board_detail03 .article .question i {display: block; position: absolute; left: 40px; top: 40px; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-family: 'Nanum Square', sans-serif; font-size: 20px; font-weight: 700; text-align: center; line-height: 40px; background: #1a4890;}
.board_detail03 .article .answer {position: relative; padding: 48px 0 0 100px; font-size: 16px; line-height: 24px;}
.board_detail03 .article .answer i {display: block; position: absolute; left: 40px; top: 40px; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-family: 'Nanum Square', sans-serif; font-size: 20px; font-weight: 700; text-align: center; line-height: 40px; background: #5aab34;}
.board_detail03 .article .inner { margin-top: 20px; }
.board_detail03 .article .attach_file {display: table; width: 100%; margin-top: 10px; padding: 10px 20px; border: 1px solid #bac7d7; background: #e7eef6;}
.board_detail03 .article .attach_file > * {display: table-cell;}
.board_detail03 .article .attach_file > span {width: 90px; color: #222; font-size: 14px; vertical-align: middle;}
.board_detail03 .article .attach_file ul {text-align: left}
.board_detail03 .article .attach_file ul li {margin-bottom: 8px;}
.board_detail03 .article .attach_file ul li:last-child {margin-bottom: 0;}
.board_detail03 .article .attach_file ul li a {display: inline-block; padding-left: 20px; color: #1a4890; font-size: 14px; font-weight: normal; background: url(../images/icon/ico_file.png) no-repeat left 2px;}
.board_detail03 .article .attach_file ul li a:hover {text-decoration: underline;}
.board_detail03 .article .env_info {display: table; width: 100%; margin-top: 10px; padding: 10px 20px; border: 1px solid #bac7d7; background: #e7eef6;}
.board_detail03 .article .env_info > * {display: table-cell;}
.board_detail03 .article .env_info > span {width: 90px; color: #222; font-size: 14px; vertical-align: middle;}
.board_detail03 .article .env_info ul li {margin-bottom: 8px;}
.board_detail03 .article .env_info ul li:last-child {margin-bottom: 0;}
.board_detail03 .article .env_info ul li a {display: inline-block; padding-left: 20px; color: #1a4890; font-size: 14px; font-weight: normal; background: url(../images/icon/ico_file.png) no-repeat left 2px;}
.board_detail03 .article .env_infoattach_file ul li a:hover {text-decoration: underline;}
.board_detail03 .article .answer .attach_file ul li a {background-position: left 5px;}

.board_view {border-top: 2px solid #393939;/* font-family: 'NotoSans', sans-serif; */}
.board_view table {width: 100%; table-layout: fixed; border-collapse: collapse;}
.board_view table td {padding: 15px 20px 12px 20px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 15px; line-height: 24px; letter-spacing: -1px;}
.board_view table td div {min-height: 24px; }
.board_view table .lb {color: #222; font-size: 16px; font-weight: 700; background: #eee; border-bottom: 1px solid #c9c9c9;}

.attach_file_link {display: inline-block; padding-left: 20px; color: #222; font-size: 15px; background: url(../images/icon/ico_file.png) no-repeat left 3px;}


/* 목록 */
.list_type > li {position: relative; padding-left: 15px; color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 15px; line-height: 24px;}
.list_type > li::before {content: ""; display: block; position: absolute; left: 0; top: 9.5px; width: 4px; height: 4px; background: #1a4890;}
.list_type > li .btn_fastgo {vertical-align: 0px;}

.list_type02 > li {position: relative; padding-left: 10px; color: #666;/* font-family: 'NotoSans', sans-serif; */ font-size: 15px; line-height: 24px;}
.list_type02 > li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 5px; height: 1px; background: #666;}t

.list_type03 {border-top: 2px solid #10325b;}
.list_type03 dl {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #c9c9c9;/* font-family: 'NotoSans', sans-serif; */}
.list_type03 dl > * {display: table-cell; vertical-align: middle;}
.list_type03 dl dt {width: 240px; padding: 0 19px; color: #1a4890; font-size: 16px; font-weight: 700; letter-spacing: -1px;}
.list_type03 dl dd {padding: 15px 10px 14px 0; color: #222; font-size: 15px; line-height: 24px; letter-spacing: -1px;}

.list_type04 {border-top: 2px solid #10325b;}
.list_type04 dl {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #c9c9c9;/* font-family: 'NotoSans', sans-serif; */}
.list_type04 dl > * {display: table-cell; vertical-align: middle;}
.list_type04 dl dt {width: 240px; padding: 0 19px; color: #1a4890; font-size: 16px; font-weight: 700; letter-spacing: -1px;}
.list_type04 dl dd {padding: 15px 10px 14px 0; color: #222; font-size: 15px; line-height: 24px; letter-spacing: -1px;}

.list_type05 {padding-left: 18px;}
.list_type05 li {margin-top: 9px; color: #222;/* font-family: 'NotoSans', sans-serif; */ list-style-type: decimal;}
.list_type05 li .sub {display: block; position: relative; margin-top: 6px; padding-left: 9px;}
.list_type05 li .sub::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 5px; height: 1px; background: #3f3f3f;}

.list_box {padding: 13px 29px 28px 29px; border-radius: 8px;/* font-family: 'NotoSans', sans-serif; */ background: #f2f2f2;}
.list_box ul li {position: relative; margin-top: 11px; padding-left: 24px; color: #222; font-size: 16px; line-height: 24px;}
.list_box ul li i {display: block; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; color: #fff; font-size: 10px; text-align: center; line-height: 16px; background: #1a4890;}
.list_box ul li span {text-decoration: underline;}
.list_box ul li strong {color: #1a4890;}
.list_box ul + .txt01 {margin-top: 12px;}

/* Table type */
.tb_list01 {margin-top: 24px; border-top: 3px solid #10325b;/* font-family: 'NotoSans', sans-serif; */}
.tb_list01 > dl {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #c9c9c9;}
.tb_list01 > dl > * {display: table-cell; vertical-align: middle;}
.tb_list01 > dl dt {width: 300px; padding: 10px 30px; color: #1a4890; font-size: 16px; font-weight: 700; line-height: 20px; background: #e8eef6;}
.tb_list01 > dl dd {width: auto; padding: 0 38px; color: #222; font-size: 15px;}
.tb_list01 > dl dd > strong {display: block; margin-top: 16px; color: #222; font-size: 16px;}
.tb_list01 > dl dd > strong + ul {padding-top: 4px;}
.tb_list01 > dl dd ul {padding: 6px 0 20px 0;}
.tb_list01 > dl dd ul li {position: relative; margin-top: 10px; padding-left: 20px;}
.tb_list01 > dl dd ul li::before {content: ""; display: block; position: absolute; left: 0; top: 7.5px; width: 5px; height: 5px; background: #1a4890;}

.tb_list02 {overflow-x: auto; overflow-y: hidden; border-top: 2px solid #10325b;}
.tb_list02 table {table-layout: fixed; border-collapse: collapse;}
.tb_list02 thead th {padding: 18px 0 19px 0; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #10325b; color: #222; font-size: 15px; font-weight: 700; line-height: 20px; background: #eee;}
.tb_list02 thead th:last-child {border-right: 0;}
.tb_list02 tbody th,
.tb_list02 tbody td {padding: 9px 20px 10px 20px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; font-size: 15px; font-weight: 400; text-align: center; letter-spacing: -1px;}
.tb_list02 tbody th {color: #1a4890;}
.tb_list02 tbody .align_l {text-align: left;}
.tb_list02 tbody td:last-child {border-right: 0;}
.tb_list02 tbody td[rowspan] {border-left: 1px solid #c9c9c9;}
.tb_list02 tbody td a {color: #393939; text-decoration: underline;}
.tb_list02 tbody th img,
.tb_list02 tbody td img {max-width: 100%;}

.tb_list03 {border-top: 2px solid #10325b; overflow-y: hidden; overflow-x: auto;}
.tb_list03 table {table-layout: fixed; border-collapse: collapse;/* font-family: 'NotoSans', sans-serif; */}
.tb_list03 tbody .align_l {text-align: left;}
.tb_list03 table tbody th {padding: 16px 19px; border-bottom: 1px solid #c9c9c9; color: #1a4890; font-size: 16px; font-weight: 700;}
.tb_list03 table tbody td {padding: 16px 19px; border-bottom: 1px solid #c9c9c9; color: #222; font-size: 15px;}
.tb_list03 table tbody td img {max-width: 100%;}


/* 하단 버튼 영역 */
.btn_area {margin-top: 50px; text-align: center;}


/* 폼 요소 */
.f-select {display: inline-block; position: relative; min-width: 120px; background: #fff;}
.f-select select {position: relative; width: 100%; height: 40px; border: 1px solid #c9c9c9; padding: 0 40px 0 17px; color: #666; font-size: 14px; background: transparent; }
.f-select::before {content: ""; display: block; position: absolute; right: 19px; top: 17px; width: 8px; height: 4px; background: url(../images/icon/ico_combo_arrow_b8x4.png) no-repeat;}

.f_ipt {display: inline-block; background: #fff;}
.f_ipt input[type=text],
.f_ipt input[type=password],
.f_ipt input[type=number] {width: 100%; height: 40px; padding: 0 19px; border: 1px solid #c9c9c9; color: #666; font-size: 14px;}

.f_chk {display: inline-block; margin-left: 13px;}
.f_chk:first-child {margin-left: 0;}

.f_txtar {width: 100%; padding: 19px; border: 1px solid #c9c9c9; color: #666; font-size: 14px; line-height: 18px; resize: none;}


/* 탭 */
.tab_type ul::after {content: ""; display: block; clear: both;}
.tab_type ul li {float: left; position: relative;}
.tab_type ul li::before {content: ""; display: block; z-index: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: #c9c9c9;}
/* .tab_type ul li.on::after {content: none;} */
.tab_type ul li:first-child::before {content: none;}
.tab_type ul li a {display: block; position: relative; height: 54px; /* border-bottom: 1px solid #10325b; */ color: #666; font-size: 18px; line-height: 53px; letter-spacing: -1px; background: #fff;}
.tab_type ul li.on a {/* border: 1px solid #10325b; border-bottom: 0; */ color: #222; line-height: 54px;}
.tab_type ul li:first-child a {border-radius: 30px 0 0 30px;}
.tab_type ul li:last-child a {border-radius: 0 30px 30px 0;}
/*.tab_type ul li.on + li::before {content: none;}*/
.tab_type ul li.on a::before {content: ""; display: block; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 7px; height: 7px; border-radius: 50%; border: 3px solid #fff; background: #198ad9;}
/* .tab_type ul li.on::before {content: none;}*/
.tab_type.case2 ul li {width: 50%;}
.tab_type.case3 ul li {width: 33.33%;}
.tab_type.case3 ul li:last-child {width: 33.34%;}
.tab_type.case4 ul li {width: 25%;}
.tab_type.case5 ul li {width: 20%;}
.tab_type.case6 ul li {width: 16.66%;}
.tab_type.case6 ul li:last-child {width: 16.67%;}
.tab_type.case7 ul li {width: 14.28%;}
.tab_type.case7 ul li:last-child {width: 14.29%;}
.tab_type.case8 ul li {width: 12.5%;}
.tab_type.case10 ul li {width: 10%;}

.tab_type02 ul {font-family: 'NotoSans', sans-serif; font-size: 0; text-align: center;}
.tab_type02 ul li {display: inline-block; width: 145px; margin: 0; vertical-align:top;margin-right:1px;}
.tab_type02 ul li:last-child {margin-right: 0;}
.tab_type02 ul li a {display: table-cell; width: 145px; height: 40px; padding: 0; border-bottom: 2px solid #ddd; color: #666; font-size: 16px; vertical-align: middle;}
.tab_type02 ul li a.on {border: 0; color: #fff; font-weight: 500; background: #92c339;}
.tab_type02.case8 ul li a {font-size: 12px; letter-spacing: -1px;}


/* 제목 */
.sub_tit01 {position: relative; margin-top: 50px; padding: 10px 0 0 10px; color: #222; font-size: 24px; font-weight: 700;}
.sub_tit01::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #cde6c2; z-index: -1;}
.sub_tit01:first-child {margin-top: 0;}

.sub_tit02 {position: relative; margin-top: 50px; padding: 10px 0 0 10px; color: #222; font-size: 24px; font-weight: 700; float: left;}
.sub_tit02::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #cde6c2; z-index: -1;}
.sub_tit02:first-child {margin-top: 0;}

.sub_tit03 {margin-top: 50px; color: #222; font-size: 20px; font-weight: 700;}
.sub_tit03::before {content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: #3d70b6; vertical-align: 4px;}
.sub_tit03:first-child {margin-top: 0;}

.sub_tit04 {color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px; font-weight: 700; letter-spacing: -1px;}


/* 텍스트 */
.notosans {font-family: 'NotoSans', sans-serif;}

.emp_blue {color: #1a4890 !important; font-weight: 700;}
.emp_red {color: #e50150 !important; font-weight: 700;}
.txt_deco_underline {text-decoration: underline !important;}

.cmt01 {display: inline-block; position: relative; padding-left: 13px; color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px;}
.cmt01::before {content: ""; display: block; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; background: url(../images/icon/ico_emp_star.png) no-repeat;}

.desc_type01 {position: relative; margin-top: 26px; padding: 0 30px; color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px; line-height: 24px; letter-spacing: -1px;}
.desc_type01::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #c9c9c9;}
.desc_type02 {position: relative; margin-top: 26px; padding: 0 22px; color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 14px; line-height: 24px; letter-spacing: -1px;}
.desc_type02::before {content: ""; display: block; position: absolute; left: 0; top: 6px; width: 2px; height: 87px; background: #bbc6d6;}

.desc_type03 {padding: 11px 28px 23px 28px; border: 1px solid #bbc6d6; border-radius: 9px;  background: #f2f2f2;}
.desc_type03 p {margin-top: 11px; color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px;/* font-family: 'NotoSans', sans-serif; */ line-height: 24px; letter-spacing: -1px;}

.gide_txt li {margin-top: 10px; color: #393939;/* font-family: 'NotoSans', sans-serif; */ font-size: 15px;}

.txt01 {color: #222;/* font-family: 'NotoSans', sans-serif; */ font-size: 16px; letter-spacing: -1px;}


/* 아이콘 */
.ico {display: inline-block; font-size: 0; text-indent: -9999px;}
.ico_type {display: inline-block; font-size: 0;}
.ico_new {width: 16px; height: 16px; background: url(../images/icon/ico_new.png) no-repeat center;}
.ico_attach {width: 16px; height: 16px; background: url(../images/icon/ico_file.png) no-repeat center;}
.ico_safafi {width: 26px; height: 26px; background: url(../images/icon/ico_safari.png) no-repeat;}
.ico_chrome {width: 26px; height: 26px; background: url(../images/icon/ico_chrome.png) no-repeat;}
.ico_firefox {width: 26px; height: 26px; background: url(../images/icon/ico_firefox.png) no-repeat;}


/* 라벨 */
.lb_type {display: inline-block; width: 70px; height: 26px; border-radius: 13px; color: #fff; font-size: 14px; text-align: center; line-height: 26px;}
.lb_type.green {background: #008921;}
.lb_type.blue {background: #014fbb;}
.lb_type.black {background: #555;}


/* 컨텐츠 Unit */
.img_box img {max-width: 100%;}


/* 기타 */
.license {margin-top: 25px; padding: 30px; border-radius: 8px; background: #f2f2f2;}
.license > div {padding: 0 49px; border: 1px solid #bac6d6; border-radius: 9px; color: #222; font-size: 16px; line-height: 24px; background: #fff;}
.license .top {padding: 58px 0 28px 0; border-bottom: 1px solid #555; text-align: center;}
.license .top h4 {font-size: 24px; font-weight: 700;}
.license .top p {margin-top: 22px; font-family: 'NotoSanas', sans-serif;}
.license .bot {padding: 14px 0 45px 0; font-family: 'NotoSanas', sans-serif;}
.license .bot ol.list {padding: 20px 0 10px 40px;}
.license .bot ol.list li {list-style-type: lower-alpha; margin-bottom: 8px;}


/* 간격 */
.board_view + .sub_tit04 {margin-top: 30px;}

.btn_area .btn_type02 + .btn_type02 {margin-left: 6px;}

.contents_top .tab_type {margin-top: 10px;filter: drop-shadow(1px 2px 2px #c1c1c1);}
.contents_top .tab_type02 {margin-top: 50px; display:block;}

.img_box + .txt01 {margin-top: 56px;}
.img_box + .tb_list02 {margin-top: 50px;}
.list_type + .img_box {margin-top: 35px;}

.txt01 + .txt01 {margin-top: 24px;}
.txt01 + .img_box {margin-top: 58px;}
.txt01 + .tb_list02 {margin-top: 28px;}
.txt01 + .tb_list03 {margin-top: 27px;}
.txt01 + .tb_list04 {margin-top: 27px;}
.txt01 + .list_type {margin-top: 8px;}
.txt01 + .list_type03 {margin-top: 27px;}
.txt01 + .list_type04 {margin-top: 27px;}
.txt01 + .list_box {margin-top: 28px;}
.txt01 + .sub_tit04 {margin-top: 24px;}

.desc_type01 + .sub_tit04 {margin-top: 36px;}

.sub_tit01 + .txt01 {margin-top: 23px;}
.sub_tit01 + .list_type {margin-top: 21px;}
.sub_tit01 + .tb_list02 {margin-top: 26px;}
.sub_tit01 + .list_type03 {margin-top: 26px;}
.sub_tit01 + .list_type04 {margin-top: 26px;}
.sub_tit01 + .list_type05 {margin-top: 23px;}
.sub_tit01 + .sub_tit03 {margin-top: 25px;}
.sub_tit01 + .img_box {margin-top: 27px;}

.sub_tit03 + .tb_list02 {margin-top: 17px;}
.sub_tit03 + .board_list03 {margin-top: 27px;}

.sub_tit04 + .list_type {margin-top: 9px;}
.sub_tit04 + .tb_list02 {margin-top: 18px;}
.sub_tit04 + .txt01 {margin-top: 8px;}
.sub_tit04 + .board_view {margin-top: 10px;}

.page_inner > .sub_tit04:first-child {margin-top: 30px;}

.list_type + .txt01 {margin-top: 21px;}
.list_type + .sub_tit04 {margin-top: 30px;}
.list_type .list_type02 {padding-bottom: 10px;}
.list_type + .list_type04 {margin-top: 25px;}
.list_type + .list_box {margin-top: 15px;}
.list_type + .tb_list02 {margin-top: 25px;}
.list_type + .direct_go {margin-top: 45px;}

.tb_list02 + .gide_txt {margin-top: 17px;}
.tb_list02 + .sub_tit04 {margin-top: 26px;}
.tb_list02 + .direct_go {margin-top: 30px;}

.gide_txt + .txt01 {margin-top: 43px;}

.direct_go .btn_type02 + .btn_type02 {margin-left: 6px;}
.direct_go + .txt01 {margin-top: 36px;}


/* Swiper */
.swiper-button-next {right: 60px; top: 45%; width: 60px; height: 60px; border: 1px solid #fff; transform: rotate(180deg); background: url(../images/icon/ico_arrow_left11x20_w.png) no-repeat center;}
.swiper-button-prev {left: 60px; top: 45%; width: 60px; height: 60px; border: 1px solid #fff; background: url(../images/icon/ico_arrow_left11x20_w.png) no-repeat center;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: none;}
.swiper-pagination-bullet {width: 12px; height: 12px; border: 2px solid #fff; background: transparent; opacity: 1;}
.swiper-pagination-bullet-active {width: 60px; border: 0; border-radius: 8px; background: #fff;}


/* gallery */
.gallery{max-width:1240px; margin:0 auto;}
.gallery .list{overflow:hidden;}
.gallery .list:after {content:""; display:block; clear:both;}
.gallery .list li {float:left; width:31.6%; margin-right:2.6%; margin-bottom:24px;}
.gallery .list li:nth-child(3n) {margin-right:0;}
.gallery .list li a {text-decoration:none; display:block;}

.gallery .list li .photo {display:block; overflow:hidden;max-height: 214px;}
.gallery .list li .photo img {display:block; width:100%; height:200px; object-fit:fill; margin:0 auto;}
.gallery .list li .txt {border:1px solid #dedede; border-top:0; padding:25px 9%; position:relative;}
.gallery .list li .txt .title {margin-bottom:15px;}
.gallery .list li .txt .title span {display:inline-block; vertical-align:top; font-size:14px; background:#1a5bb1; color:#fff; padding:3px 12px;}
.gallery .list li .txt .title strong {display:block; font-weight:500; font-size:17px; line-height:22px; color:#222; margin-top:10px;height: 42px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery .list li .txt .date {color:#7d7d7d; font-size:14px; margin-right:20px;}
.gallery .list li .txt .date a::after {content:""; display:block; width:16px; height:16px; background:url(../images/btn_gallery_more.png) no-repeat center 50%; position:absolute; right:9%; bottom:24px;}
.gallery .list li:hover,
.gallery .list li:active {box-shadow:2px 2px 5px rgba(0,0,0,0.15); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.15);}
.gallery .list li a:hover:after,
.gallery .list li a:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); background:url(../images/btn_gallery_more.png) no-repeat center 50%;}

	li.item_46.on{
		width: 200px;
	}
	li.item_46.on a.on{
		width: 200px;
	}