@charset "UTF-8";
@import url("ui/basic.css");
@import url("common.css");
@import url("ui/others.css");
@import url("ui/jquery.bxslider.css");
@import url("ui/magnific-popup.css");
@import url("ui/mCustomScrollbar.css");
@import url("ui/animate.css");
@import url("ui/slick.min.css");
body { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; width: 100%; color: #666; overflow-y: auto; overflow-x: auto; line-height: 1.6; -webkit-text-size-adjust: none; font-weight: 400; }

body > .home { min-width: 320px; overflow-x: hidden; }

@media screen and (max-width: 768px) { body { font-size: 14px; } }

.board-box strong, .board-box b { font-weight: bold; }

.board-box u { text-decoration: underline; }

.board-box i, .board-box em { font-style: italic; }

.board-box strike, .board-box s { text-decoration: line-through; }

.board-box ol, .board-box ol li { list-style: decimal; }

.board-box ul, .board-box ul li { list-style: disc; }

.board-box img { width: auto !important; height: auto !important; }

.board-box h1 { font-size: 2em; }

.board-box h2 { font-size: 1.5em; }

.board-box h3 { font-size: 1.17em; }

.board-box h4 { font-size: normal; }

.board-box h5 { font-size: 0.83em; }

.board-box h6 { font-size: 0.67em; }

.col_w { width: 120px; }

table .code { padding: 5px 10px; display: inline-block; border: 1px solid #ddd; vertical-align: middle; }

.row { margin-right: -15px; margin-left: -15px; /* For IE 6/7 */ zoom: 1; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

*[class*="row"] *[class*="col-"], *[class*="row_"] *[class*="col-"] { padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

*[class*="row_"] { zoom: 1; }

*[class*="row_"]:before, *[class*="row_"]:after { content: ''; display: table; }

*[class*="row_"]:after { clear: both; }

.row_0 { margin-right: 0px; margin-left: 0px; }

.row_0 *[class*="col-"] { padding-right: 0px; padding-left: 0px; }

.row_2 { margin-right: -2px; margin-left: -2px; }

.row_2 *[class*="col-"] { padding-right: 2px; padding-left: 2px; }

.row_5 { margin-right: -5px; margin-left: -5px; }

.row_5 *[class*="col-"] { padding-right: 5px; padding-left: 5px; }

.row_10 { margin-right: -10px; margin-left: -10px; }

.row_10 *[class*="col-"] { padding-right: 10px; padding-left: 10px; }

.col-lg-0 { display: none; }

.col-lg-05 { width: 4.16667%; }

.col-lg-1 { width: 8.33333%; }

.col-lg-15 { width: 12.5%; }

.col-lg-2 { width: 16.66667%; }

.col-lg-25 { width: 20.83333%; }

.col-lg-3 { width: 25%; }

.col-lg-35 { width: 29.16667%; }

.col-lg-4 { width: 33.33333%; }

.col-lg-45 { width: 37.5%; }

.col-lg-5 { width: 41.66667%; }

.col-lg-55 { width: 45.83333%; }

.col-lg-6 { width: 50%; }

.col-lg-65 { width: 54.16667%; }

.col-lg-7 { width: 58.33333%; }

.col-lg-75 { width: 62.5%; }

.col-lg-8 { width: 66.66667%; }

.col-lg-85 { width: 70.83333%; }

.col-lg-9 { width: 75%; }

.col-lg-95 { width: 79.16667%; }

.col-lg-10 { width: 83.33333%; }

.col-lg-105 { width: 87.5%; }

.col-lg-11 { width: 91.66667%; }

.col-lg-115 { width: 95.83333%; }

.col-lg-12 { width: 100%; }

table .w_150 { width: 150px; }

table td.text_left { text-align: left; }

.table_board_for { margin-top: 30px; table-layout: fixed; width: 100%; border-top: 1px solid #474b53; border-bottom: 1px solid #ddd; text-align: center; word-break: break-all; }

@media screen and (max-width: 1024px) { .table_board_for.type_b th:nth-child(2), .table_board_for.type_b td:nth-child(2) { width: 60%; }
  .table_board_for.type_b th:nth-child(3), .table_board_for.type_b td:nth-child(3) { width: 20%; }
  .table_board_for.type_b th:nth-child(4), .table_board_for.type_b td:nth-child(4) { width: 20%; }
  .table_board_for.type_b th:last-child, .table_board_for.type_b td:last-child { display: none; } }

@media screen and (max-width: 1024px) { .table_board_for.type_c th:nth-child(2), .table_board_for.type_c td:nth-child(2) { width: 16%; }
  .table_board_for.type_c th:nth-child(3), .table_board_for.type_c td:nth-child(3) { width: 52%; }
  .table_board_for.type_c th:nth-child(4), .table_board_for.type_c td:nth-child(4) { width: 16%; }
  .table_board_for.type_c th:last-child, .table_board_for.type_c td:last-child { width: 16%; } }

@media screen and (max-width: 768px) { .table_board_for.type_d th, .table_board_for.type_d td { vertical-align: middle; }
  .table_board_for.type_d colgroup, .table_board_for.type_d th:nth-child(1), .table_board_for.type_d td:nth-child(1) { display: none; }
  .table_board_for.type_d th:nth-child(3), .table_board_for.type_d td:nth-child(3) { width: 40px; }
  .table_board_for.type_d th:nth-child(4), .table_board_for.type_d td:nth-child(4) { width: 90px; }
  .table_board_for.type_d th:last-child, .table_board_for.type_d td:last-child { width: 110px; } }

.table_board_for.type_e th, .table_board_for.type_e td { vertical-align: middle; }

@media screen and (max-width: 1024px) { .table_board_for.type_e th, .table_board_for.type_e td { padding: 10px 5px; width: 100%; display: block; }
  .table_board_for.type_e tbody, .table_board_for.type_e colgroup, .table_board_for.type_e tr, .table_board_for.type_e th, .table_board_for.type_e td { display: block; border: none; }
  .table_board_for.type_e thead { display: none; }
  .table_board_for.type_e tr { border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; text-align: left; }
  .table_board_for.type_e tr td, .table_board_for.type_e tr th { padding: 0; border: none; text-align: left; line-height: 1.7; }
  .table_board_for.type_e tr th { padding: 10px 0 5px; text-align: left; }
  .table_board_for.type_e tr td { position: relative; padding-left: 80px; }
  .table_board_for.type_e tr td:before { content: attr(data-title); position: absolute; top: 0; left: 0; color: #222; font-weight: 500; }
  .table_board_for.type_e tr td a { position: relative; }
  .table_board_for.type_e tr td a:before { content: ''; height: 10px; border-left: 1px solid #ccc; margin-top: -5px; position: absolute; top: 50%; left: -8px; margin-top: -5px; } }

@media screen and (max-width: 1024px) { .table_board_for.qna_type_a colgroup, .table_board_for.qna_type_a colgroup col, .table_board_for.qna_type_a thead { display: none; }
  .table_board_for.qna_type_a tr:after { content: ''; display: block; clear: both; }
  .table_board_for.qna_type_a tbody tr { border-top: 1px solid #ddd; padding: 5px 0; }
  .table_board_for.qna_type_a tbody tr:first-child { border-top: 0; }
  .table_board_for.qna_type_a tbody, .table_board_for.qna_type_a tr, .table_board_for.qna_type_a td { display: block; width: 100% !important; text-align: left; border: none; }
  .table_board_for.qna_type_a tbody:nth-child(2), .table_board_for.qna_type_a tr:nth-child(2), .table_board_for.qna_type_a td:nth-child(2) { float: left; width: 100% !important; }
  .table_board_for.qna_type_a tbody:nth-child(3), .table_board_for.qna_type_a tbody:nth-child(4), .table_board_for.qna_type_a tbody:nth-child(5), .table_board_for.qna_type_a tr:nth-child(3), .table_board_for.qna_type_a tr:nth-child(4), .table_board_for.qna_type_a tr:nth-child(5), .table_board_for.qna_type_a td:nth-child(3), .table_board_for.qna_type_a td:nth-child(4), .table_board_for.qna_type_a td:nth-child(5) { float: left; margin-right: 5px; width: auto !important; } }

.table_board_for thead th { color: #444; font-weight: bold; }

.table_board_for a:hover { color: #0060a1; text-decoration: underline !important; }

.table_board_for th { padding: 13px 2px; position: relative; color: #000; font-weight: 700; }

.table_board_for th:first-child:before { display: none; }

.table_board_for td { padding: 15px 5px; border-top: 1px solid #ddd; text-align: center; vertical-align: top; }

.table_board_for td .img_bx { overflow: hidden; width: 80px; margin: 0 auto; background: url(../images/board/280x190_default.jpg) no-repeat center center; background-size: cover; }

.table_board_for td .img_bx .img_src { display: block; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 75%; }

@media screen and (max-width: 1024px) { .table_board_for th, .table_board_for td { padding: 8px 5px; } }

.anwer, .anwer_off, .anwer_on { display: inline-block; text-align: center; vertical-align: middle; height: 33px; line-height: 33px; font-size: 16px; border-radius: 3px; color: #fff; letter-spacing: -0.4px; padding: 0 20px; }

.anwer { min-width: 100px; }

.anwer_off, .anwer._off { color: #fff; background-color: #0060a1; }

.anwer_on, .anwer._on { color: #fff; background-color: #18191a; }

.anwer._ask { background-color: #999999; color: #fff; }

.anwer._cancel { background-color: #dddddd; color: #666; }

table tr .xi-volume-up, table tr .xi-file-download { font-size: 18px; color: #0060a1; }

table tr .xi-renew { font-size: 28px; color: #0060a1; }

.pass-wrap { margin-top: 60px; }

.pass-wrap .tit { font-size: 1.2em; font-weight: 500; color: #333; margin-bottom: 20px; }

.img_board_list { margin-left: -10px; margin-right: -10px; }

.img_board_list li { float: left; padding-left: 10px; padding-right: 10px; margin: 0 0 20px; }

@media screen and (max-width: 768px) { .img_board_list { margin-left: -5px; margin-right: -5px; }
  .img_board_list li { padding-left: 5px; padding-right: 5px; margin: 0 0 10px; width: 50%; } }

.img_board_list a, .img_board_list .item { position: relative; display: block; border: 1px solid #ddd; }

.img_board_list a:before, .img_board_list .item:before { display: block; content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 0 solid #0060a1; transition: border-width 0.3s; z-index: 5; }

.img_board_list a:hover:before { border-width: 5px; }

.img_board_list a:hover .img_box .img_src { transform: scale(1.05); }

.img_board_list a:hover .img_box i[class^="xi-"] { color: #0060a1; }

.img_board_list a:hover .txt_box .tit { color: #0060a1; }

.img_board_list .event_state { position: absolute; top: 10px; left: 10px; }

.img_board_list .img_box { overflow: hidden; position: relative; }

.img_board_list .img_box i[class^="xi-"] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 70px; color: #fff; text-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2), 2px 2px 10px rgba(0, 0, 0, 0.2); }

.img_board_list .img_box .img_src { display: block; transition: 0.3s; width: 100%; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: contain; padding-top: 75%; background-size: cover; transition: 0.3s; }

.img_board_list .img_box .videoWrapper { display: block; }

.img_board_list .txt_box { padding: 20px 15px; background: #fff; color: #333; }

.img_board_list .txt_box .tit { color: #222; font-weight: 500; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width: 1024px) { .img_board_list .txt_box .tit { font-size: 14px; } }

.img_board_list .txt_box .date { margin-top: 10px; font-size: 0.9em; color: #999; }

.img_board_list .txt_box .des { margin-top: 10px; font-size: 0.9em; color: #999; height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.img_board_list.type_b li a { border: none; }

.img_board_list.type_b li a .txt_box { padding: 15px 0; }

.img_board_list.type_b li a:before { display: none; }

.img_board_list.type_b li a:hover .img_box .hover_box { transition: 0.3s ease-out; height: 100%; }

.img_board_list.type_b li a .img_box .hover_box { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; font-size: 13px; letter-spacing: 1px; }

.img_board_list.type_b li a .img_box .hover_box .txt { display: inline-block; border-bottom: 1px solid #fff; }

.img_board_list.type_b li a .img_box .hover_box i { font-size: 12px; margin-left: 5px; }

.img_board_list.type_c li { margin-bottom: 0; }

.img_board_list.type_c li a { margin-left: -1px; margin-top: -1px; }

.img_board_list.type_c li a .txt_box .date { margin-top: 10px; font-size: 0.9em; color: #999; height: auto; line-height: 1.5; -o-text-overflow: inherit; text-overflow: inherit; display: block; }

.img_board_list.type_c li a .txt_box .date span { position: relative; padding: 0 7px; }

.img_board_list.type_c li a .txt_box .date span:before { content: ''; position: absolute; top: 50%; left: -1px; height: 10px; margin-top: -5px; border-left: 1px solid #ccc; }

.img_board_list.type_c li a .txt_box .date span:first-child { padding-left: 0; }

.img_board_list.type_c li a .txt_box .date span:first-child:before { display: none; }

.img_board_list_02 { border-top: 1px solid #000; }

.img_board_list_02 li { padding: 20px 0; border-bottom: 1px solid #ddd; }

.img_board_list_02 li a { display: table; width: 100%; box-sizing: border-box; position: relative; }

.img_board_list_02 li a .no_txt { position: absolute; top: 50%; left: 0; color: #222; font-weight: 400; margin-top: -12px; }

.img_board_list_02 li a:hover .txt_box .tit { text-decoration: underline !important; }

.img_board_list_02 li a:hover .img_box img { transform: scale(1.05); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; }

.img_board_list_02 li a .img_box { overflow: hidden; float: left; width: 160px; margin-right: 30px; border: 1px solid #ddd; }

@media screen and (max-width: 1024px) { .img_board_list_02 li a .img_box { width: 80px; margin-right: 15px; } }

.img_board_list_02 li a .img_box img { width: 100%; }

.img_board_list_02 li a .txt_box { display: table-cell; width: 100%; vertical-align: middle; position: relative; }

.img_board_list_02 li a .txt_box .tit { font-size: 18px; color: #222; font-weight: 400; }

@media screen and (max-width: 1024px) { .img_board_list_02 li a .txt_box .tit { font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } }

.img_board_list_02 li a .txt_box .des { margin-top: 10px; color: #999; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width: 1024px) { .img_board_list_02 li a .txt_box .des { display: none; } }

.img_board_list_02 li a .txt_box .tbl_detail_span { margin-top: 10px; }

.img_board_list_02 li a .txt_box .tbl_detail_span span { position: relative; padding: 0 7px; }

.img_board_list_02 li a .txt_box .tbl_detail_span span:before { content: ''; position: absolute; top: 50%; left: -1px; height: 10px; margin-top: -5px; border-left: 1px solid #ccc; }

.img_board_list_02 li a .txt_box .tbl_detail_span span:first-child { padding-left: 0; }

.img_board_list_02 li a .txt_box .tbl_detail_span span:first-child:before { display: none; }

@media screen and (max-width: 1024px) { .img_board_list_02 li a .txt_box .tbl_detail_span { font-size: 11px; } }

.event_img_list { border-bottom: 1px solid #999; border-top: 1px solid #999; }

.event_img_list li { position: relative; padding: 20px 0; border-top: 1px solid #ddd; }

.event_img_list li .event_t { position: absolute; top: 0; left: 0; display: inline-block; padding: 8px 20px; z-index: 1; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.5); text-align: center; }

@media screen and (max-width: 1024px) { .event_img_list li .event_t { font-size: 13px; padding: 5px 10px; } }

.event_img_list li .event_t.on { background: rgba(0, 96, 161, 0.5); }

.event_img_list li a { position: relative; display: table; width: 100%; }

.event_img_list li a:hover .txt_box .tit { color: #0060a1; }

.event_img_list li a:hover .btn_link { background: #0060a1; color: #fff; }

.event_img_list li a:hover .img_box:before { border-width: 5px; }

.event_img_list li:first-child { border-top: none; }

.event_img_list li .img_box { position: relative; float: left; width: 300px; margin-right: 30px; border: 1px solid #ddd; }

.event_img_list li .img_box .img_src { padding-bottom: 75%; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: contain; transition: 0.3s; background-size: cover; }

.event_img_list li .img_box img { width: 100%; }

.event_img_list li .img_box:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 0 solid #0060a1; transition: border-width 0.3s; z-index: 5; }

@media screen and (max-width: 768px) { .event_img_list li .img_box { float: none; width: 100%; margin-bottom: 15px; } }

.event_img_list li .txt_box { display: table-cell; width: 100%; vertical-align: middle; padding: 10px 0; }

.event_img_list li .txt_box .tit { transition: all 0.4s ease; font-size: 25px; color: #333; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.event_img_list li .txt_box .des { font-size: 17px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 20px; }

.event_img_list li .txt_box .date { margin-top: 20px; }

@media screen and (max-width: 768px) { .event_img_list li { padding: 10px 0; }
  .event_img_list li a { display: block; }
  .event_img_list li .txt_box { display: block; padding: 0; }
  .event_img_list li .txt_box .tit { font-size: 17px; }
  .event_img_list li .txt_box .des { font-size: 14px; margin-top: 10px; }
  .event_img_list li .txt_box .date { margin-top: 10px; } }

.table-view-01 { table-layout: fixed; width: 100%; border-bottom: solid 1px #ddd; }

.table-view-01.type_e .col_w { width: 150px; }

.table-view-01.type_e th { background: #f6f6f6; text-align: left; }

@media screen and (max-width: 1024px) { .table-view-01.type_e .col_w { width: 80px; }
  .table-view-01.type_e th { padding: 8px 2px; } }

.table-view-01 .tit { font-size: 16px; color: #000; }

.table-view-01 tr:first-child th, .table-view-01 tr:first-child td { border-top: solid 1px #000; }

.table-view-01 th, .table-view-01 td { padding: 10px 8px; vertical-align: top; border-top: solid 1px #ddd; }

.table-view-01 th { color: #333; text-align: left; font-weight: 500; }

.table-view-01 .blue { color: #5d9ad3; }

.table-view-01 .text_left { text-align: left; }

.table-view-01 .addfile_txt { padding-left: 35px; background-image: url(../images/icon/file_i.png); background-repeat: no-repeat; background-position: left center; }

@media screen and (max-width: 400px) { .table-view-01 .addfile_txt { padding-left: 20px; background-size: 15px; } }

.table-view-01 .notice-b { display: inline-block; padding: 2px 8px; background-color: #489fc4; color: #fff; font-size: 12px; border-radius: 10px; }

.table-view-01.title-black th { color: #333; }

.table-view-01.th-center th { text-align: center; }

.table-view-01.table-line th, .table-view-01.table-line td { border: solid 1px #ddd; }

.table-view-01 td .board-box { min-height: 150px; padding: 10px; text-align: initial; }

.table-view-01 td .board-box img { max-width: 100%; }

.table-view-01 .tbl_detail_list li { display: inline-block; position: relative; padding: 0 10px; }

.table-view-01 .tbl_detail_list li:last-child { padding-right: 0; }

.table-view-01 .tbl_detail_list li:first-child { padding-left: 0; }

.table-view-01 .tbl_detail_list li .tit_t { font-weight: bold; color: #222; margin-right: 5px; }

.table-view-01 .tbl_detail_list li:first-child:before { display: none; }

.table-view-01 .tbl_detail_list li:before { content: ''; border-left: 1px solid #ccc; height: 10px; margin-top: -5px; top: 50%; left: -2px; position: absolute; }

@media screen and (max-width: 768px) { .table-view-01 .tbl_detail_list li { padding: 0 4px; }
  .table-view-01 .tbl_detail_list li .tit_t { margin-right: 0; } }

.table-view-01 .tit_box p.tit { float: left; }

.table-view-01 .tit_box p.tit .type_t { display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; font-weight: 400; background: #666; letter-spacing: -0.8px; padding: 0 5px; height: 25px; line-height: 23px; box-sizing: border-box; margin-right: 10px; }

.table-view-01 .tit_box p.tbl_detail_span { float: right; }

.table-view-01 .tit_box p.tbl_detail_span span:first-child:before { display: none; }

.table-view-01 .tit_box p.tbl_detail_span span:before { display: inline-block; overflow: hidden; width: 1px; height: 10px; margin: -1px 7px 0 4px; background: #bbb; content: ''; vertical-align: middle; }

.table-view-01 .tit_box p.tbl_detail_span > span.anwer:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_on:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_off:before { display: none; }

.border-list-type { border-top: solid 1px #999; border-bottom: solid 1px #999; }

.border-list-type li { border-bottom: solid 1px #c7c7c7; height: 40px; line-height: 40px; position: relative; padding-left: 100px; text-align: left; }

.border-list-type li a { display: block; }

.border-list-type li a .list-title { font-weight: 500; position: absolute; top: 0; left: 0; width: 150px; height: 40px; line-height: 40px; padding: 0 30px 0 50px; box-sizing: border-box; color: #222; background-repeat: no-repeat; background-position: 24px center; background-size: 12px; }

.border-list-type li a .list-up-bg { background-image: url("../images/icon/list-prev.gif"); }

.border-list-type li a .list-down-bg { background-image: url("../images/icon/list-next.gif"); }

.border-list-type li a .w-con { float: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.border-list-type .border-none { border-bottom: none; }

.paging-area { position: relative; margin-top: 50px; }

.paging-area ul { margin: 0; padding: 0; list-style: none; text-align: center; }

.paging-area ul li { display: inline; margin-left: 2px; padding: 0; }

.paging-area ul li a { position: relative; display: inline-block; width: 34px; height: 34px; line-height: 32px; color: #333; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; }

.paging-area ul li a span { display: inline-block; text-indent: -9999px; }

.paging-area ul li a.active { text-decoration: none; border-color: #111; }

.paging-area ul li a.prev-first { background-image: url("../images/paging/prev-first.png"); }

.paging-area ul li a.prev { background-image: url("../images/paging/prev.png"); }

.paging-area ul li a.next-last { background-image: url("../images/paging/next-last.png"); }

.paging-area ul li a.next { background-image: url("../images/paging/next.png"); }

.board-search-01 { margin-top: 50px; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }

@media screen and (max-width: 1024px) { .board-search-01.type_c .select-type-01 { top: 65px; }
  .board-search-01.type_c .select-type-01.first { position: static; width: 100%; margin-bottom: 5px; }
  .board-search-01.type_c .btn-color-01 { top: 65px; } }

.board-search-01 select, .board-search-01 input { border: solid 1px #ddd; background-color: #fff; }

.board-search-01 .select-type-01 { width: 100px; height: 40px; line-height: 40px; background-color: #fff; }

.board-search-01 .input-type-01 { padding: 0 5px; width: 20%; height: 40px; line-height: 40px; background-color: #fff; }

.board-search-01 .btn { display: inline-block; vertical-align: top; line-height: 40px; height: 40px; line-height: normal; }

.board-search-01 .btn-color-01 { width: 90px; color: #333; background-color: #f6f6f6; border: solid 1px #ddd; }

@media screen and (max-width: 1024px) { .board-search-01 .select-type-01 { width: 21%; position: absolute; top: 20px; left: 0; }
  .board-search-01 .input-type-01 { margin: 0 22% 0 22%; width: 56%; }
  .board-search-01 .btn-color-01 { width: 21%; position: absolute; top: 20px; right: 0; } }

.board_write_btn_bx { position: relative; text-align: right; margin-top: 40px; }

@media screen and (max-width: 1024px) { .board_write_btn_bx { margin-top: 10px; }
  .board_write_btn_bx a { width: 100%; } }

.board_view_btn_box { margin: 40px auto; }

@media screen and (max-width: 1024px) { .board_view_btn_box { position: relative; }
  .board_view_btn_box a { min-width: 70px; padding: 0 10px; }
  .board_view_btn_box a:nth-child(2) { position: absolute; top: 0; left: 0; min-width: 35px; }
  .board_view_btn_box a:nth-child(3) { position: absolute; top: 0; left: 60px; min-width: 35px; }
  .board_view_btn_box a:nth-child(4) { position: absolute; top: 0; left: 120px; min-width: 35px; } }

.table-form-01 { width: 100%; border-top: 1px solid #000; background: #fff; }

.table-form-01 .join_s_txt { font-size: 0.9em; }

.table-form-01.type_c th, .table-form-01.type_c td { display: block; border-bottom: 0; }

.table-form-01.type_c td { padding: 0; }

.table-form-01.type_c th { padding: 10px 0 5px; }

.table-form-01 .col_w { width: 120px; }

@media screen and (max-width: 1024px) { .table-form-01 .col_w { width: 70px; } }

.table-form-01 tr th { padding: 12px 10px; text-align: left; font-weight: 700; color: #222; }

.table-form-01 tr th, .table-form-01 tr td { border-bottom: 1px solid #ddd; }

.table-form-01 td { padding: 12px 10px; }

@media screen and (max-width: 1024px) { .table-form-01 td { padding: 10px 5px; } }

.table-form-01 th label { font-weight: bold; }

.table-form-01 .code { background: #ddd; padding: 10px 10px; margin-right: 5px; color: #333; font-weight: bold; }

.table-form-01 .btn-type-01 { width: 100%; box-sizing: border-box; }

.form_wrap.type_c { max-width: 600px; margin: 0 auto; }

.qna { border-top: 1px solid #000; background: #fff; text-align: left; }

.qna.type_b .qna-header a { background: none !important; }

.qna.type_b .qna-header a { position: relative; }

.qna.type_b .qna-header a.select:before { -webkit-transform: rotate(0); transform: rotate(0); }

.qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after { background-color: rgba(0, 0, 0, 0.8); width: 14px; height: 2px; position: absolute; right: 22px; top: 50%; margin-top: -1px; content: ''; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media screen and (max-width: 1024px) { .qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after { right: 12px; } }

.qna.type_b .qna-header a:before { -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.qna.type_b .qna-header a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.qna .qna-header { padding: 15px 10px; position: relative; border-bottom: solid 1px #ddd; }

.qna .qna-header.select { color: #0060a1; }

.qna .qna-header.select a { color: #0060a1; background: url(../images/qna/qna-down.png) no-repeat right center; }

.qna .qna-header.select:before { color: #0060a1; }

.qna .qna-header:before { content: 'Q.'; position: absolute; top: 50%; left: 15px; font-size: 20px; margin-top: -15px; font-weight: 500; }

.qna .qna-header a { display: block; padding-left: 40px; padding-right: 30px; text-decoration: none; font-size: 1.1em; font-weight: 400; color: #222; background: url(../images/qna/qna-up.png) no-repeat right center; }

@media screen and (max-width: 1024px) { .qna .qna-header a { font-size: 14px; } }

.qna .qna-header a:hover { color: #0060a1; }

.qna .qna-body { display: none; padding: 20px 20px 20px 50px; line-height: 1.5; color: #333; border-bottom: solid 1px #ddd; position: relative; background: #f6f6f6; }

@media screen and (max-width: 1024px) { .qna .qna-body { font-size: 14px; } }

.qna .qna-body:before { content: 'A.'; position: absolute; top: 15px; left: 15px; font-size: 20px; font-weight: 500; color: #0060a1; }

.qna_tab { margin-bottom: 30px; }

.qna_tab ul { text-align: center; }

.qna_tab ul li { float: left; }

.qna_tab ul li a { display: block; position: relative; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #666; border: 1px solid #ddd; background: #fff; margin-left: -1px; margin-top: -1px; }

.qna_tab ul li a.on, .qna_tab ul li a:hover { color: #fff; border-color: #0060a1; background: #0060a1; }

@media screen and (max-width: 1024px) { .qna_tab { margin-bottom: 20px; }
  .qna_tab ul li a { height: 35px; font-size: 13px; line-height: 35px; letter-spacing: -0.8px; box-sizing: border-box; } }

.txt_post_wrap.type_a { margin-top: 40px; padding: 20px 30px; border: 1px solid #999; }

@media screen and (max-width: 1024px) { .txt_post_wrap.type_a { margin-top: 30px; padding: 15px 15px; } }

.txt_post_wrap.type_a .name_box { margin-top: 10px; position: relative; padding-left: 70px; max-width: 200px; }

.txt_post_wrap.type_a .name_box label { position: absolute; top: 0; left: 0; }

.txt_post_wrap.type_a .post_list { margin-top: 30px; }

.txt_post_wrap.type_a .post_list li { position: relative; padding: 15px 0; border-top: 1px solid #ccc; }

.txt_post_wrap.type_a .post_list li .btn_del { position: absolute; top: 15px; right: 0; display: inline-block; height: 28px; line-height: 28px; border: 1px solid #333; color: #333; width: 50px; font-size: 13px; text-align: center; }

.txt_post_wrap.type_a .post_list li .name_01 { font-size: 16px; font-weight: 500; color: #666; }

.txt_post_wrap.type_a .post_list li .date_01 { font-size: 13px; font-weight: 500; color: #999; }

.txt_post_wrap.type_a .post_list li .des_txt { margin-top: 10px; }

.txt_post_wrap.type_a .write_box table { width: 100%; }

.txt_post_wrap.type_a .write_box table .col_w { width: 80px; }

@media screen and (max-width: 1024px) { .txt_post_wrap.type_a .write_box table .col_w { width: 40px; } }

.txt_post_wrap.type_a .write_box table .col_w2 { width: 90px; }

@media screen and (max-width: 1024px) { .txt_post_wrap.type_a .write_box table .col_w2 { width: 60px; } }

.txt_post_wrap.type_a .write_box table th { color: #222; font-weight: bold; text-align: left; text-indent: 8px; }

.txt_post_wrap.type_a .write_box .txt_num i { color: #0060a1; margin-right: 5px; }

.txt_post_wrap.type_a .write_box .write_area { position: relative; margin-top: 10px; padding-right: 140px; }

.txt_post_wrap.type_a .write_box .write_area textarea { width: 98%; padding: 10px 1%; height: 50px; min-height: 50px; }

.txt_post_wrap.type_a .write_box .write_area .btn_submit { position: absolute; top: 0; right: 0; display: inline-block; height: 72px; line-height: 72px; text-align: center; width: 140px; background: #777; font-size: 17px; color: #fff; }

@media screen and (max-width: 1024px) { .txt_post_wrap.type_a .write_box .write_area { padding-right: 0; }
  .txt_post_wrap.type_a .write_box .write_area .btn_submit { height: 40px; line-height: 40px; width: 100%; font-size: 15px; position: static; margin-top: 10px; } }

.txt_post_wrap.type_b { margin-top: 20px; }

.txt_post_wrap.type_b .list_box { margin-top: 20px; border-bottom: 1px solid #e8e8e8; }

.txt_post_wrap.type_b .post_list li { position: relative; border-top: 1px solid #e8e8e8; }

.txt_post_wrap.type_b .post_list li.post_li .inner { padding: 15px 15px; }

.txt_post_wrap.type_b .post_list li .left { float: left; }

.txt_post_wrap.type_b .post_list li .right { float: right; }

.txt_post_wrap.type_b .post_list li .answer_box { display: none; }

.txt_post_wrap.type_b .post_list li .answer_box .inner { position: relative; padding: 15px 15px 15px 40px; }

.txt_post_wrap.type_b .post_list li .answer_box .inner i { position: absolute; top: 15px; left: 15px; width: 12px; height: 15px; background: url(../../static/img/icon/subdirectory-arrow.png) no-repeat; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .area-type-form { height: 35px; min-height: 35px; width: 100%; padding: 7px; box-sizing: border-box; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .des_txt.write_txt { position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_write { position: absolute; top: 0; right: 0; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 80px; background: #212121; color: #fff; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_censel { position: absolute; top: 0; right: 0; display: inline-block; height: 72px; line-height: 72px; text-align: center; width: 72px; background: #999; color: #fff; }

.txt_post_wrap.type_b .post_list li .name_01 { font-weight: 500; color: #000; padding-right: 10px; border-right: 1px solid #ddd; }

.txt_post_wrap.type_b .post_list li .date_01 { font-size: 13px; font-weight: 700; color: #999; }

.txt_post_wrap.type_b .post_list li .des_txt { margin-top: 10px; font-size: 13px; }

.txt_post_wrap.type_b .txt_num i { color: #212121; margin-right: 5px; }

.txt_post_wrap.type_b .write_box .write_area { position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .write_box .write_area textarea { width: 100%; padding: 10px; height: 80px; min-height: 80px; box-sizing: border-box; border: 1px solid #ddd; font-size: 14px; }

.txt_post_wrap.type_b .write_box .write_area .btn_submit { position: absolute; top: 0; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #212121; font-size: 15px; color: #fff; }

.txt_post_wrap.type_b .write_box .write_area .btn_submit_02 { position: absolute; top: 0; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #8c8c8c; font-size: 15px; color: #fff; }

@media screen and (max-width: 1024px) { .txt_post_wrap.type_b .write_box .write_area { padding-right: 0; }
  .txt_post_wrap.type_b .write_box .write_area .btn_submit { height: 40px; line-height: 40px; font-size: 15px; margin-top: 10px; position: static; width: 100%; } }

.txt_post_wrap.type_b .btn_answer { display: inline-block; height: 24px; line-height: 24px; color: #fff; background: #212121; width: 50px; font-size: 13px; text-align: center; }

.txt_post_wrap.type_b .btn_del { font-size: 13px; color: #f1281b; padding: 0 10px; }

.txt_post_wrap.type_b .btn_modify { position: relative; font-size: 13px; color: #000; padding: 0 10px; }

.txt_post_wrap.type_b .btn_modify:before { content: ''; position: absolute; top: 50%; right: 0; height: 10px; margin-top: -5px; border-left: 1px solid #ddd; }

.txt_post_wrap.type_b .modify_box { margin-top: 10px; display: none; position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .modify_box textarea { height: 80px; min-height: 80px; width: 100%; padding: 7px; box-sizing: border-box; border: 1px solid #ddd; }

.txt_post_wrap.type_b .modify_box a, .txt_post_wrap.type_b .modify_box input[type='button'], .txt_post_wrap.type_b .modify_box .btn_write { position: absolute; bottom: 7px; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #212121; color: #fff; }

.calendar_wrap_a { position: relative; }

.calendar_wrap_a .term_data { position: absolute; top: 20px; left: 0; }

.calendar_wrap_a .term_data .tit { font-size: 17px; color: #333; font-weight: 500; margin-right: 10px; }

.calendar_wrap_a .btn_date_wr { position: absolute; top: 20px; right: 0; }

.calendar_wrap_a .control_bx { position: relative; margin: 0 auto 10px; text-align: center; }

.calendar_wrap_a .control_bx .year { color: #26488c; font-weight: bold; font-size: 45px; padding: 0 15px; vertical-align: middle; display: inline-block; }

@media screen and (max-width: 768px) { .calendar_wrap_a .control_bx .year { font-size: 26px; } }

.calendar_wrap_a .control_bx .btn_prev_month { font-size: 40px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_a .control_bx .btn_prev_month i { vertical-align: middle; }

@media screen and (max-width: 768px) { .calendar_wrap_a .control_bx .btn_prev_month { font-size: 30px; } }

.calendar_wrap_a .control_bx .btn_next_month { font-size: 40px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_a .control_bx .btn_next_month i { vertical-align: middle; }

@media screen and (max-width: 768px) { .calendar_wrap_a .control_bx .btn_next_month { font-size: 30px; } }

.schedule_type_a { table-layout: fixed; width: 100%; text-align: left; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #000; word-break: break-all; }

.schedule_type_a thead th { color: #222; padding: 8px 0; text-align: center; border: 1px solid #ddd; border-bottom: 0; background: #f8f8f8; font-weight: bold; }

@media screen and (max-width: 768px) { .schedule_type_a thead th { font-size: 13px; } }

.schedule_type_a tbody { background: #fff; }

.schedule_type_a tbody td { position: relative; width: 14.258%; font-weight: normal; padding: 5px 5px; height: 140px; vertical-align: top; border: 1px solid #ccc; }

.schedule_type_a tbody td .date { display: block; color: #222; font-weight: bold; }

.schedule_type_a tbody td .date.red { color: #f03d3d; }

.schedule_type_a tbody td .date.blue { color: #26488c; }

.schedule_type_a tbody td:hover { background: #edf3f7; }

.schedule_type_a tbody td:hover .btn_tooltip_ajax { color: #000; text-decoration: underline !important; }

.schedule_type_a tbody td .cursor_default { cursor: default; }

@media screen and (max-width: 768px) { .schedule_type_a tbody td .meal_list li, .schedule_type_a tbody td .kcal_t { font-size: 10px; } }

.calendar_wrap_b { position: relative; max-width: 400px; margin: 0 auto; }

.calendar_wrap_b .term_data { position: absolute; top: 20px; left: 0; }

.calendar_wrap_b .term_data .tit { font-size: 17px; color: #333; font-weight: 500; margin-right: 10px; }

.calendar_wrap_b .control_bx { position: relative; margin: 0 auto 10px; text-align: center; }

.calendar_wrap_b .control_bx .year { color: #26488c; font-weight: bold; font-size: 24px; padding: 0 15px; vertical-align: middle; display: inline-block; }

@media screen and (max-width: 768px) { .calendar_wrap_b .control_bx .year { font-size: 18px; } }

.calendar_wrap_b .control_bx .btn_prev_month { font-size: 20px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_prev_month i { vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_next_month { font-size: 20px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_next_month i { vertical-align: middle; }

.schedule_type_b { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; word-break: break-all; text-align: center; }

.schedule_type_b thead th { color: #222; padding: 8px 0; text-align: center; border-bottom: 1px solid #ddd; font-weight: 500; }

@media screen and (max-width: 768px) { .schedule_type_b thead th { font-size: 13px; } }

.schedule_type_b tbody { background: #fff; }

.schedule_type_b tbody td { position: relative; width: 14.258%; font-weight: normal; vertical-align: top; padding: 5px; color: #333; border-bottom: 1px solid #ddd; }

.schedule_type_b tbody td .date { display: block; margin: 0 auto; color: #222; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; width: 40px; }

.schedule_type_b tbody td .date.today { background: #32c5d2; color: #fff; }

.schedule_type_b tbody td .date.on { background: #0060a1; color: #fff; }

.schedule_type_b tbody td .date.sunday { color: #f03d3d; }

.schedule_type_b tbody td .date.blue { color: #26488c; }

.schedule_type_b tbody td .btn_date_wr { position: absolute; top: 20px; right: 0; }

.schedule_type_b tbody td .cursor_default { cursor: default; }

.total_clause_bx { padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: right; color: #333; margin-bottom: 30px; }

.clause_list { margin-bottom: 30px; }

.clause_list h5 { color: #333; margin-bottom: 10px; font-size: 1.2em; font-weight: 500; }

.clause_list li .textarea_box_border { border: 1px solid #dedede; }

.clause_list li .textarea_box { width: 96%; height: 150px; padding: 20px 2%; overflow-y: auto; font-size: 13px; }

.login_con .login_wrap { max-width: 430px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 20px 20px; margin-bottom: 20px; }

.login_con .login_wrap .login_list li { margin-top: 10px; }

.login_con .login_wrap .login_list li input { height: 50px; line-height: 50px; }

.login_con .login_wrap .login_list li input.btn_login { width: 100%; display: inline-block; height: 50px; line-height: 50px; background: #fff; color: #666; line-height: 1.5; cursor: pointer; font-size: 16px; border: 1px solid #000; background: #000; color: #fff; }

.login_con .login_wrap .bot_sec { margin-top: 20px; }

.login_con .login_wrap .bot_sec .tit { margin-bottom: 10px; }

.login_con .login_wrap .bot_sec a { width: 100%; box-sizing: border; padding: 0; height: 45px; line-height: 45px; }

.login_con .tab-wrap, .login_con .tabwrap { margin-bottom: 20px; border-bottom: 1px solid #ddd; }

.login_con .tab-wrap .tab li, .login_con .tabwrap .tab li { float: left; width: 50%; margin: 0 auto; }

.login_con .tab-wrap .tab li a, .login_con .tabwrap .tab li a { display: block; position: relative; height: 50px; line-height: 50px; text-align: center; font-size: 18px; }

.login_con .tab-wrap .tab li a:before, .login_con .tabwrap .tab li a:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; border-top: 2px solid #000; transition: 0.3s; }

.login_con .tab-wrap .tab li a.on, .login_con .tabwrap .tab li a.on { color: #6a635b; }

.login_con .tab-wrap .tab li a.on:before, .login_con .tabwrap .tab li a.on:before { width: 100%; }

.num { display: table; vertical-align: middle; width: 100%; max-width: 500px; }

.num li { display: table-cell; width: 33.3333%; padding-left: 10px; }

.num li:before { float: left; width: 10px; line-height: 40px; margin-left: -10px; color: #444; text-align: center; content: '-'; }

.num li:first-child { padding-left: 0; }

.num li:first-child:before { display: none; }

.e_mail_box { display: table; width: 100%; }

.e_mail_box .mail_txt, .e_mail_box .mail_txt2 { display: table-cell; width: 31.333%; vertical-align: middle; }

.e_mail_box .mail_a { display: table-cell; width: 4%; text-align: center; vertical-align: middle; }

.e_mail_box .mail_sel { display: table-cell; width: 31.333%; vertical-align: middle; padding-left: 10px; }

.e_mail_box .mail_sel:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }

.id_num { display: table; vertical-align: middle; width: 100%; }

.id_num li { display: table-cell; width: 50%; padding-left: 10px; }

.id_num li:before { float: left; width: 10px; line-height: 40px; margin-left: -10px; color: #444; text-align: center; content: '-'; }

.id_num li:first-child { padding-left: 0; }

.id_num li:first-child:before { display: none; }

.area_select { display: table; vertical-align: middle; width: 100%; }

.area_select li { display: table-cell; width: 50%; padding-left: 10px; }

.area_select.txt3 li { display: table-cell; width: 33.333%; padding-left: 10px; }

.area_select li:first-child { padding-left: 0; }

.area_select li:first-child:before { display: none; }

.area_select li:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }

.select_10 { width: 100px; border: 1px solid #ccc; }

.input_7 { width: 70px; padding: 0; text-indent: 7px; }

.input_10 { width: 100px; padding: 0; }

.input_12 { width: 120px; padding: 0; text-indent: 7px; }

.input_15 { width: 150px; padding: 0; text-indent: 7px; }

.input_20 { width: 200px; padding: 0; text-indent: 7px; }

.input_txt, .input_30 { max-width: 300px; width: 100%; padding: 0; }

.input_50 { width: 50%; padding: 0; text-indent: 7px; }

.input_80 { width: 80%; padding: 0; text-indent: 7px; }

.input_date { position: relative; width: 150px; display: inline-block; }

.input_date i { position: absolute; top: 50%; right: 10px; margin-top: -12px; font-size: 24px; }

.input_won { display: inline-block; padding-right: 30px; position: relative; max-width: 300px; width: 100%; box-sizing: border-box; }

.input_won .won_t { position: absolute; top: 50%; right: 0; margin-top: -10px; }

.input_for { width: 100%; padding: 0; }

.sel_for { width: 100%; border: 1px solid #ccc; }

.sel_30 { width: 100%; max-width: 300px; border: 1px solid #ccc; }

textarea { margin: 0; border: solid 1px #ccc; background-color: #fff; overflow: auto; min-height: 200px; width: 80%; -webkit-appearance: none; -webkit-border-radius: 0; resize: none; }

.area_for { padding: 10px; width: 100%; box-sizing: border-box; height: 150px; border: solid 1px #ddd; overflow-y: auto; }

.filebox_css input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.filebox_css label { display: inline-block; padding: 3px 5px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #6a6a6a; cursor: pointer; border: 1px solid #555; }

.filebox_css .upload-name { display: inline-block; padding: 3px 5px; font-size: 15px; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; }

.file_box { position: relative; padding-right: 90px; }

.file_box:hover .btn_type_file { background: #666; }

.file_box .text_01 { position: absolute; top: 2px; left: 0; }

.file_box p { border: 1px solid #ccc; line-height: 36px; height: 36px; overflow: hidden; }

.file_box .btn_type_file { display: block; width: 90px; height: 36px; line-height: 36px; color: #fff; background: #999; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; }

.file_box .btn_type_file:hover { background: #666; }

.file_box input { position: absolute; top: 0; right: 0; width: 92px; height: 36px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -webkit-appearance: none; }

.input_btn_box { position: relative; padding-right: 100px; }

.input_btn_box .table-btn-01 { position: absolute; top: 0; right: 0; width: 95px; }

.btn-type-01, input.btn-type-01[type="submit"], .btn-type-02, input.btn-type-02[type="submit"], .btn-type-03, input.btn-type-03[type="submit"], .btn-type-04, input.btn-type-04[type="submit"] { height: 50px; line-height: 50px; display: inline-block; text-align: center; min-width: 100px; padding: 0 20px; cursor: pointer; box-sizing: border-box; transition: 0.3s; }

.btn-type-01, input[type="submit"].btn-type-01 { color: #fff; background: #0060a1; border: 1px solid #0060a1; }

.btn-type-01:hover, input[type="submit"].btn-type-01:hover { background: #fff; color: #0060a1; }

.btn-type-02, input[type="submit"].btn-type-02 { color: #fff; background: #999; border: 1px solid #999; }

.btn-type-02:hover, input[type="submit"].btn-type-02:hover { background: #fff; color: #999; }

.btn-type-03, input[type="submit"].btn-type-03 { background: #fff; border: 1px solid #000; color: #000; }

.btn-type-03:hover, input[type="submit"].btn-type-03:hover { background: #000; color: #fff; }

.btn-type-04, input[type="submit"].btn-type-04 { color: #fff; background-color: #666; border: 1px solid #666; }

.btn-type-04:hover, input[type="submit"].btn-type-04:hover { background: #fff; color: #666; }

.respon_btn a { display: inline-block; text-align: center; padding: 8px 12px; min-width: 200px; color: #fff; background-color: #a0d53b; line-height: 1.5; cursor: pointer; }

.respon_btn2 a { display: inline-block; text-align: center; padding: 8px 12px; min-width: 100px; color: #fff; background-color: #a0d53b; line-height: 1.5; cursor: pointer; }

.form_btn_01 { display: inline-block; text-align: center; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 17px; background-color: #0a326c; border: 1px solid #0a326c; cursor: pointer; }

.form_btn_01:hover { color: #0a326c; background-color: #fff; }

.form_btn_02 { display: inline-block; text-align: center; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 17px; background-color: #666; border: 1px solid #666; cursor: pointer; }

.form_btn_03 { display: inline-block; text-align: center; width: 130px; padding: 8px 0; color: #fff; background-color: #de6742; border: 1px solid #de6742; line-height: 1.5; cursor: pointer; }

.table-btn-01 { display: inline-block; text-align: center; padding: 0 10px; height: 38px; line-height: 38px; color: #fff !important; background-color: #999; vertical-align: middle; min-width: 60px; box-sizing: border-box; }

.table-btn-02 { display: inline-block; text-align: center; height: 28px; line-height: 28px; color: #444; background-color: #fff; border: 1px solid #444; font-size: 13px; vertical-align: middle; padding: 0 20px; }

.btn_submit_01 { display: inline-block; text-align: center; padding: 8px 10px 8px 10px; color: #fff; background-color: #666; font-size: 14px; vertical-align: middle; min-width: 60px; }

.btn_submit_02 { display: inline-block; text-align: center; padding: 8px 10px 8px 10px; color: #fff; background-color: #de6742; font-size: 14px; vertical-align: middle; min-width: 60px; }

.chk_area input[type="checkbox"], .chk_area input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.chk_area input[type="checkbox"] + label, .chk_area input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.chk_area input[type='checkbox'] { line-height: 19px; }

.chk_area input[type='checkbox'] + label { padding-left: 25px; }

.chk_area input[type='checkbox'] + label:before { width: 19px; height: 19px; top: 50%; margin-top: -9.5px; content: ''; position: absolute; left: 0; text-align: center; background-position: center; background-image: url(../images/icon/chk-b.png); }

.chk_area input[type='checkbox']:checked + label:before { background-image: url(../images/icon/chk-b_on.png); }

.chk_area input[type='radio'] { line-height: 19px; }

.chk_area input[type='radio'] + label { font-size: 18px; padding-right: 20px; padding-left: 25px; }

.chk_area input[type='radio'] + label:before { top: 50%; margin-top: -9.5px; width: 19px; height: 19px; content: ''; border: 1px solid #ddd; border-radius: 50%; position: absolute; left: 0; }

.chk_area input[type='radio']:hover + label:before { border-color: #222; }

.chk_area input[type='radio']:checked + label:before { border: 5px solid #222; }

.center { text-align: center; }

.right { text-align: right; }

.font_w { color: #fff !important; }

.txt_blue { color: #0060a1; }

.txt_gray { color: #666; }

/*서브 기본 설정*/
.txt_right { text-align: right; }

.sub_con.form_con table td > input, .sub_con.form_con table td > select { max-width: 600px; }

.sub_con.form_con table td .row_5, .sub_con.form_con table td .e_mail_box { max-width: 600px; }

.sub_con.w_600 { max-width: 600px; margin: 0 auto; }

.w_700 { max-width: 700px; margin: 0 auto; }

.w_1050 { max-width: 1050px; margin: 0 auto; }

.font_up_1 { font-size: 17px; }

.font_up_4 { font-size: 24px; }

.w_900 { max-width: 900px !important; margin: 0 auto; }

.part_mt { margin-top: 80px; }

.txt_mt { margin-top: 30px; }

.bold_5 { font-weight: 500; }

.bold_4 { font-weight: 400; }

.tit_red { font-size: 34px; color: #002b5c; font-weight: 500; }

.tit_bk { font-size: 17px; color: #333; font-weight: 500; margin-bottom: 10px; }

.txt_left { text-align: left; }

/*서브 비주얼----------------------------------------------------*/
.sub_visual_wrap { position: relative; text-align: center; z-index: -1; vertical-align: middle; color: #fff; height: 318px; background-position: center 0; background-repeat: no-repeat; }

@media screen and (max-width: 1024px) { .sub_visual_wrap { height: 200px; background-size: cover; } }

.sub_visual_wrap .tit_box { padding: 180px 0 0 0; }

.sub_visual_wrap .tit_box h2 { position: relative; color: #fff; font-size: 40px; letter-spacing: 10px; display: inline-block; font-weight: bold; line-height: 1.0; }

@media screen and (max-width: 1024px) { .sub_visual_wrap .tit_box { padding: 100px 0 0 0; }
  .sub_visual_wrap .tit_box h2 { font-size: 30px; } }

.sub_visual_wrap.visual_01 { background-image: url(../images/sub/visual_01.jpg); }

.sub_visual_wrap.visual_02 { background-image: url(../images/sub/visual_01.jpg); }

.sub_visual_wrap.visual_03 { background-image: url(../images/sub/visual_01.jpg); }

.sub_visual_wrap.visual_04 { background-image: url(../images/sub/visual_01.jpg); }

.sub_visual_wrap.visual_05 { background-image: url(../images/sub/visual_01.jpg); }

.sub_visual_wrap.visual_05 { background-image: url(../images/sub/visual_01.jpg); }

/*메뉴위치-----------------------------------------------------*/
.sub-menu-box { border-bottom: 1px solid #ccc; background: #f4f4f4; }

.sub-menu-box .menu-bg { position: relative; }

.sub-menu-box .menu-home { float: left; }

.sub-menu-box .menu-home a { display: block; padding: 0  18px; height: 50px; line-height: 50px; color: #222; font-size: 18px; font-weight: 500; border: solid #ccc; border-width: 0 1px; }

.sub-menu-box .menu-dep01 { float: left; height: 50px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }

.sub-menu-box .menu-dep01 a { display: block; padding: 18px 22px; color: #333; font-size: 15px; font-weight: 500; }

.sub-menu-box .menu-list-box { position: relative; float: left; height: 50px; border-right: solid 1px #ccc; z-index: 1; }

.sub-menu-box .menu-list-box .menu-area-box { width: 250px; }

.sub-menu-box .menu-title { padding: 15px 10px; color: #333; font-weight: normal; cursor: pointer; }

.sub-menu-box .menu-title span { font-size: 14px; display: block; background: url("../images/icon/sub_nav_bg.png") no-repeat right center; }

.sub-menu-box .menu-title span.on { font-size: 14px; color: #ed1651; display: block; background: url("../images/icon/sub_nav_bg_on.png") no-repeat right center; }

.sub-menu-box .menu-list-con { display: none; width: 100%; position: absolute; top: 50px; left: 0; background: #f7f7f7; border: 1px solid #ddd; }

@media screen and (max-width: 768px) { .sub-menu-box .menu-list-con { top: 38px !important; } }

.sub-menu-box .menu-list-con a { display: block; color: #666; font-size: 14px; line-height: 40px; padding: 0 10px; height: 40px; }

.sub-menu-box .menu-list-con a:hover { text-decoration: underline !important; }

.sub_menu_box { background: #f4f4f4; text-align: center; }

.sub_menu_box .sub_menu_list { display: inline-block; }

.sub_menu_box .sub_menu_list.menu_4 li { width: 25%; }

.sub_menu_box .sub_menu_list li { float: left; min-width: 170px; }

.sub_menu_box .sub_menu_list li a { position: relative; display: block; height: 50px; line-height: 50px; border: 1px solid #999; margin-left: -1px; background: #fff; overflow: hidden; }

.sub_menu_box .sub_menu_list li a span { position: absolute; top: 0; left: 0; width: 100%; font-size: 16px; color: #333; z-index: 5; }

.sub_menu_box .sub_menu_list li a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #004098; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; transition: all 0.2s ease-out; }

.sub_menu_box .sub_menu_list li a:hover, .sub_menu_box .sub_menu_list li a.on, .sub_menu_box .sub_menu_list li a.focus { border: 1px solid #004098; }

.sub_menu_box .sub_menu_list li a:hover span, .sub_menu_box .sub_menu_list li a.on span, .sub_menu_box .sub_menu_list li a.focus span { color: #fff; }

.sub_menu_box .sub_menu_list li a:hover:after, .sub_menu_box .sub_menu_list li a.on:after, .sub_menu_box .sub_menu_list li a.focus:after { height: 100%; }

.sub_menu_wrap .sub_menu_list li a.on { background: #004a8f; color: #fff; border-color: #004a8f; }

@media screen and (max-width: 1024px) { .sub_menu_box { text-align: center; margin-top: -30px; }
  .sub_menu_box .sub_menu_list { display: block; }
  .sub_menu_box .sub_menu_list.menu_4 li { width: 25%; }
  .sub_menu_box .sub_menu_list li { float: left; min-width: auto; }
  .sub_menu_box .sub_menu_list li a { height: 40px; line-height: 40px; border: 1px solid #999; margin-left: -1px; }
  .sub_menu_box .sub_menu_list li a span { font-size: 13px; }
  /*메뉴위치--------------------------------------------------*/
  .sub-menu-box .wrapper { padding: 0; }
  .sub-menu-box .menu-bg { position: relative; margin-top: 0; }
  .sub-menu-box .menu-home, .sub-menu-box .menu-dep01 { display: none; }
  .sub-menu-box .menu-home > .menu-list-box:first-child { border-left: 1px solid #ddd; }
  .sub-menu-box .menu-list-box { position: relative; float: none; height: auto; float: left; width: 100%; box-sizing: border-box; z-index: 1; }
  .sub-menu-box.menu_02 .menu-list-box { width: 50%; }
  .sub-menu-box .menu-list-box .menu-area-box { width: 100%; }
  .sub-menu-box .menu-title { padding: 10px 20px; } }

@media screen and (max-width: 1024px) and (max-width: 768px) { .sub-menu-box .menu-title { padding: 10px 8px; } }

@media screen and (max-width: 1024px) { .sub-menu-box .menu-title span { font-size: 15px; } }

@media screen and (max-width: 1024px) and (max-width: 768px) { .sub-menu-box .menu-title span { font-size: 12px; text-align: left; } }

@media screen and (max-width: 1024px) { .sub-menu-box .menu-title span.on { font-size: 17px; display: block; background: url("../images/icon/sub_nav_bg_on.png") no-repeat right center; }
  .sub-menu-box .menu-list-con { display: none; width: 100%; top: 40px; left: 0; text-indent: 10px; }
  .sub-menu-box .menu-list-con a { display: block; font-size: 14px; height: 40px; line-height: 40px; padding-left: 10px; } }

@media screen and (max-width: 1024px) and (max-width: 768px) { .sub-menu-box .menu-list-con a { height: 32px; line-height: 32px; padding-left: 0; font-size: 11px; } }

.sub_con { padding: 75px 0 100px 0; line-height: 1.8; }

.sub_con .sub_tit { position: relative; border-bottom: 1px solid #d6d6d6; text-align: center; margin-bottom: 80px; }

.sub_con .sub_tit h3 { display: inline-block; position: relative; top: 1px; border-bottom: 2px solid #0060a1; color: #151515; font-size: 32px; font-weight: 400; letter-spacing: -0.75px; }

@media screen and (max-width: 768px) { .sub_con .sub_tit h3 { font-size: 20px; } }

.sub_con .sub_tit a { display: inline-block; position: absolute; top: 0px; padding: 15px 0px 43px 0; border-bottom: 1px solid #151515; }

.sub_con .sub_tit .sub-prev-btn { padding-right: 5px; left: 0px; }

.sub_con .sub_tit .sub-next-btn { padding-left: 5px; right: 0px; }

@media screen and (max-width: 1024px) { .sub_con { padding: 30px 0 60px; }
  .sub_con .sub_tit { margin-bottom: 30px; }
  .sub_con .sub_tit h3 { font-size: 26px; padding: 0 20px 20px 20px; } }

@media screen and (max-width: 1024px) and (max-width: 768px) { .sub_con .sub_tit h3 { font-size: 22px; } }

.sub_tbl { table-layout: fixed; max-width: 1200px; width: 100%; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #999; }

.sub_tbl thead th { color: #333; padding: 12px 5px; border-left: 1px solid #ccc; border-bottom: 1px solid #999; }

.sub_tbl thead th:first-child { border-left: 0; }

.sub_tbl tbody td { border-top: 1px solid #ccc; }

.sub_tbl tbody td:last-child { border-right: 0; }

.sub_tbl tbody tr.p_bg td { background: #eecdd6; }

.sub_tbl tbody tr:first-child td { border-top: 1px solid #ccc; }

.sub_tbl tr td { padding: 12px 5px 12px 15px; letter-spacing: -1px; border-left: 1px solid #ccc; border-bottom: 0; }

.sub_tbl tr td:first-child { border-left: 0; }

.box_search .section_result .wrap_search .wrap_inp { position: relative; right: 0; width: 265px; height: 45px; background-color: #6f9ebb; }

.box_search .section_result .wrap_search .btn_search { float: right; width: 32px; height: 30px; background: red; }

.w_150 { width: 150px; }

.table_board_for .notice_t { color: #fff; background-color: #002b5c; display: inline-block; padding: 2px 7px; border-radius: 20px; font-size: 14px; margin-right: 10px; }

.table_board_for .text_left > a { display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.paging_txt { display: none; }

.m_block { display: none !important; }

.m_block.text_block { display: inline-block !important; }

.re_icon { float: right; margin-right: 10px; }

.color_box td > a { margin-right: 5px; float: left; display: block; width: 16px; height: 16px; border: 1px solid #ccc; }

.white { background: #fff; }

.red { background: red; }

.yellow { background: yellow; }

.green { background: green; }

.sky { background: #00aeef; }

.blue { background: blue; }

.purple { background: #662d91; }

.brown { background: #603913; }

.black { background: #000; }

.btn_search { padding: 0 20px; background: #6f9ebb; margin-right: 10px; border: 1px solid #6f9ebb; color: #fff; }

.inp_search { width: 300px; }

/* 3D 콘텐츠------------------------------------------ */
.search_box .vtn { height: 40px; line-height: 40px; }

.search_box .box_wrap { width: 100%; }

.search_box .box_wrap tr { height: 45px; border: 1px solid #ccc; }

@media screen and (max-width: 768px) { .search_box .box_wrap tr { width: 100%; height: 40px; } }

.search_box .box_wrap .bor_ri { border-right: 1px solid #ccc; }

.search_box .box_wrap .table_tit { font-size: 16px; font-weight: 400; color: #fff; background: #81aeca; }

@media screen and (max-width: 768px) { .search_box .box_wrap .table_tit { font-size: 12px; } }

.search_box { box-sizing: border-box; width: 100%; max-width: 900px; margin: 0 auto 50px; text-align: center; }

.search_box .box_search { font-size: 0; }

.search_box .box_search li { display: inline-block; width: 23%; padding-left: 5px; box-sizing: border-box; }

.search_box .box_search li input, .search_box .box_search li select { width: 100%; font-size: 14px; }

.search_box .box_search li.input_wrap { width: 31%; position: relative; padding-right: 75px; }

.search_box .box_search li.input_wrap .vtn { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { .search_box { margin-bottom: 20px; }
  .search_box .box_search li { width: 33.33%; margin-bottom: 5px; }
  .search_box .box_search li.input_wrap { width: 100%; } }

.join_con { max-width: 800px; margin: 0 auto; }

.w_600 { max-width: 600px; margin: 0 auto; }

.table_board_for .type { margin-bottom: 5px; color: #333; font-weight: 500; }

.sub_menu_wrap { margin-top: 50px; margin-bottom: 50px; }

.sub_menu_wrap .sub_menu_list > li { width: 33.3%; height: 60px; line-height: 60px; float: left; border: 1px solid #ddd; box-sizing: border-box; text-align: center; }

@media screen and (max-width: 1024px) { .sub_menu_wrap .sub_menu_list > li { height: 40px; line-height: 40px; } }

.sub_menu_wrap .sub_menu_list > li > a { display: block; font-size: 20px; }

@media screen and (max-width: 1024px) { .sub_menu_wrap .sub_menu_list > li > a { font-size: 15px; } }

.sub_menu_wrap .sub_menu_list > li > a:hover { background: #0060a1; color: #fff; }

.color_list { margin-left: 10px; }

.color_list li { float: left; }

.color_list li > span { display: block; width: 15px; height: 15px; border: 1px solid #ccc; box-sizing: border-box; }

.info-table td { text-align: left !important; padding-left: 10px; }

/* 마이페이지------------------------------ */
.mypage { margin-top: 100px; }

.mypage_tab_wrap .mypage_tab_list > li { float: left; width: 25%; }

.mypage_tab_wrap .mypage_tab_list > li > a { display: block; text-align: center; height: 60px; line-height: 60px; font-size: 18px; border: 1px solid #ddd; box-sizing: border-box; }

@media screen and (max-width: 1024px) { .mypage_tab_wrap .mypage_tab_list > li > a { height: 40px; line-height: 40px; font-size: 14px; } }

.mypage_tab_wrap .mypage_tab_list > li > a:hover, .mypage_tab_wrap .mypage_tab_list > li > a:focus, .mypage_tab_wrap .mypage_tab_list > li > a:active, .mypage_tab_wrap .mypage_tab_list > li > a.on { background: #0060a1; color: #fff; }

.txt_effec { color: #0060a1; font-weight: 600; }

.share_info_box { font-size: 16px; text-align: center; margin: 70px 0; }

.out_box { max-width: 1200px; padding: 50px 0; border: 1px solid #ddd; margin: 0 auto; }

.out_box > p { font-size: 18px; text-align: center; }

@media screen and (max-width: 1024px) { .out_box > p { font-size: 14px; } }

.tab2 li { width: 50%; }

.tab3 li { width: 33.33333%; }

.tab4 li { width: 25%; }

.tab5 li { width: 20%; }

.tab6 li { width: 16.66667%; }

.tab7 li { width: 14.28571%; }

.tab8 li { width: 12.5%; }

.tab9 li { width: 11.11111%; }

.tab10 li { width: 10%; }

.tab11 li { width: 9.09091%; }

.tab12 li { width: 8.33333%; }

.tab-wrap, .tabwrap { position: relative; }

.tab-wrap .tab-content, .tabwrap .tab-content { display: none; }

.tab-wrap > .tab, .tabwrap > .tab { padding: 0; list-style: none; }

.tab-wrap > .tab li, .tabwrap > .tab li { float: left; }

.tab-wrap > .tab li a, .tabwrap > .tab li a { display: inline-block; text-align: center; position: relative; width: 100%; }

.tab-wrap > .tab li a.on, .tabwrap > .tab li a.on, .tab-wrap > .tab li a:hover, .tabwrap > .tab li a:hover { z-index: 1; }

.tab-wrap > .bar.tab > li, .tabwrap > .bar.tab > li { height: 40px; line-height: 40px; width: auto !important; display: inline-block; float: none; margin: 0 10px; }

.tab-wrap > .bar.tab > li a, .tabwrap > .bar.tab > li a { border: 0; width: 100%; letter-spacing: -0.5px; color: #666; font-size: 18px; position: relative; }

.tab-wrap > .bar.tab > li a:after, .tabwrap > .bar.tab > li a:after { position: absolute; width: 0; height: 3px; content: ''; display: inline-block; bottom: 0; left: 0; background-color: #0060a1; -webkit-transition: width 300ms; transition: width 300ms; }

.tab-wrap > .bar.tab > li a:hover, .tabwrap > .bar.tab > li a:hover { color: #0060a1; }

.tab-wrap > .bar.tab > li a.on, .tabwrap > .bar.tab > li a.on { color: #0060a1; font-weight: 700; }

.tab-wrap > .bar.tab > li a.on:after, .tabwrap > .bar.tab > li a.on:after { width: 100%; }

.tab-wrap > .box.tab, .tabwrap > .box.tab { zoom: 1; margin: 0 auto 40px; width: 100%; }

.tab-wrap > .box.tab:before, .tabwrap > .box.tab:before, .tab-wrap > .box.tab:after, .tabwrap > .box.tab:after { content: ""; display: table; }

.tab-wrap > .box.tab:after, .tabwrap > .box.tab:after { clear: both; }

.tab-wrap > .box.tab li, .tabwrap > .box.tab li { display: inline-block; float: left; margin-left: -1px; }

.tab-wrap > .box.tab li a, .tabwrap > .box.tab li a { box-sizing: border-box; height: 55px; line-height: 55px; border: 0; width: 100%; letter-spacing: -0.5px; color: #222; background-color: #fff; border: 1px solid #ddd; font-size: 17px; }

.tab-wrap > .box.tab li a:not(.on):hover, .tabwrap > .box.tab li a:not(.on):hover { color: #0060a1; }

.tab-wrap > .box.tab li a.on, .tabwrap > .box.tab li a.on, .tab-wrap > .box.tab li a.active, .tabwrap > .box.tab li a.active { color: #fff; border-color: #0060a1; background-color: #0060a1; }

@media screen and (max-width: 768px) { .tab-wrap > .box.tab li a, .tabwrap > .box.tab li a { height: 40px; line-height: 40px; font-size: 14px; } }

.bar_span span { position: relative; height: 14px; line-height: 14px; display: inline-block; padding: 0 10px; }

.bar_span span:first-child:before { content: none; }

.bar_span span:before { height: 10px; margin-top: -5px; content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #ccc; }

.hyphen_list li { position: relative; padding-left: 10px; }

.hyphen_list li:before { position: absolute; content: '- '; top: 0; left: 0; }

.hyphen_list li.none:before { content: '   '; }

.dot_list > li { position: relative; padding-left: 10px; }

.dot_list > li:before { position: absolute; content: '· '; top: 0; left: 0; }

.request_form .table-form-01 { max-width: 800px; margin: 0 auto; }

@media screen and (max-width: 768px) { .request_form .table-form-01 tr, .request_form .table-form-01 th, .request_form .table-form-01 td { display: block; }
  .request_form .table-form-01 td { border-top: 0 !important; }
  .request_form .table-form-01 th { padding-top: 5px; padding-bottom: 5px; background-color: #f2f2f2; }
  .request_form .table-form-01 br { display: none; } }
.request_form th{vertical-align:top}
.request_form .w_110{width:150px}
.table-btn { display: inline-block; border: 1px solid #999; color: #555; padding: 0 10px; height: 30px; line-height: 30px; }
.table-btn2 { font-size:12px; border: 1px solid #999; color: #555; padding: 0 10px; height: 20px; line-height: 20px; }

.file_box_wrap .file_box p, .file_box_wrap .file_box .btn_type_file, .file_box_wrap .file_box input { height: 36px; line-height: 36px; }

.file_box_wrap li { position: relative; margin-top: 10px; }

.file_box_wrap li:first-child { margin-top: 0; }

.file_box_wrap ._add { padding-right: 80px; }

.file_box_wrap ._add .del_btn { text-align: center; position: absolute; right: 0; top: 0; width: 70px; display: inline-block; box-sizing: border-box; height: 36px; line-height: 36px; color: #555; border: 1px solid #999; }

@media screen and (max-width: 768px) { .file_box_wrap li { margin-top: 5px; }
  .file_box_wrap .file_box p, .file_box_wrap .file_box .btn_type_file, .file_box_wrap .file_box input { height: 30px; line-height: 30px; }
  .file_box_wrap ._add { padding-right: 65px; }
  .file_box_wrap ._add .del_btn { width: 60px; height: 30px; line-height: 30px; } }

.event_alert { font-size: 14px; margin-top: 50px; padding: 20px; border: 1px solid #999; box-sizing: border-box; text-align: left; }

.event_alert .tit { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }

.table-type-01 { width: 100%; border-top: solid 1px #999; border-bottom: solid 1px #ddd; table-layout: fixed; }

.table-type-01 .blue_bg td { background: #0060a1; color: #fff; }

.table-type-01 th { color: #333; border-bottom: solid 1px #999; text-align: center; font-weight: 500; padding: 10px 0; }

.table-type-01 td { padding: 10px 0; text-indent: 10px; line-height: 20px; border-top: 1px solid #ddd; text-align: center; }

.table-type-01 .text_left { text-align: left; /*padding: 0 20px;*/ }

.table-type-01 .text_left a { display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.order_form { max-width: 800px; margin: 0 auto; }

.tbl_tit { font-size: 1.2em; color: #222; font-weight: 500; margin-bottom: 5px; margin-top: 40px; }

.order_item_info { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; display: table; width: 100%; }

.order_item_info .img_bx, .order_item_info .txt_bx { display: table-cell; vertical-align: top; }

.order_item_info .img_bx { width: 200px; }

.order_item_info .img_src { display: block; height: 0; width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.order_item_info .txt_bx { padding-left: 30px; text-align: left; }

.order_item_info .txt_bx .cate { color: #333; font-size: 0.9em; line-height: 1.3; }

.order_item_info .txt_bx .tit { margin-top: 10px; font-size: 1.2em; font-weight: 500; color: #222; }

.order_item_info .txt_bx .sale { color: #0060a1; font-size: 1.4em; font-weight: bolder; letter-spacing: -0.5px; }

@media screen and (max-width: 768px) { .order_item_info .img_bx { width: 150px; }
  .order_item_info .txt_bx { padding-left: 10px; } }

._mc { color: #0060a1; }

.detail_top_bx .cate { margin-bottom: 20px; font-size: 1.2em; }

.detail_top_bx .cate p { float: left; padding-left: 30px; position: relative; }

.detail_top_bx .cate p:last-child, .detail_top_bx .cate p:last-child a { color: #0060a1; }

.detail_top_bx .cate p, .detail_top_bx .cate p a { color: #222; }

.detail_top_bx .cate p:before { position: absolute; content: ''; background-image: url(../images/icon/gt_i.png); background-repeat: no-repeat; background-position: center; height: 18px; margin-top: -9px; top: 50%; color: #999; width: 30px; left: 0; text-align: center; vertical-align: middle; }

.detail_top_bx .cate p a { display: block; }

.detail_top_bx .cate p a:hover { text-decoration: underline !important; }

.detail_top_bx .cate p:first-child { padding-left: 0; }

.detail_top_bx .cate p:first-child:before { content: none; }

.detail_top_bx .img_left_bx { float: left; width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 65px; font-size: 0; }

.detail_top_bx .img_left_bx .img_src { display: block; height: 0; width: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.detail_top_bx .img_left_bx .view_slider_nav { margin-top: 10px; }

.detail_top_bx .img_left_bx .view_slider_nav .img_bx { padding: 0 5px; }

.detail_top_bx .txt_right_bx { float: left; width: 60%; border-top: 1px solid #999; }

.detail_top_bx .txt_right_bx .top_tit_bx { padding: 25px 0; }

.detail_top_bx .txt_right_bx .top_tit_bx .tit { font-size: 36px; color: #222; }

.detail_top_bx .txt_right_bx .top_tit_bx .sale { font-size: 20px; color: #0060a1; margin-bottom: 10px; }

.detail_top_bx .txt_right_bx .top_tit_bx .des { font-size: 1.1em; }

.detail_top_bx .info_bx .tbl { text-align: left; width: 100%; border-top: 1px solid #999; border-bottom: 1px solid #999; }

.detail_top_bx .info_bx .tbl .col_w { width: 150px; }

.detail_top_bx .info_bx .tbl th { color: #333; font-weight: 700; }

.detail_top_bx .info_bx .tbl td, .detail_top_bx .info_bx .tbl th { padding: 10px 5px; border-top: 1px solid #ddd; }

.detail_top_bx .info_bx .tbl tr:first-child th, .detail_top_bx .info_bx .tbl tr:first-child td { border-top: none; }

.detail_top_bx .btn-list { margin-top: 30px; }

.detail_top_bx .btn-list li { float: left; width: 50%; }

.detail_top_bx .btn-list li i { margin-right: 10px; }

.detail_top_bx .btn-list li a { display: block; padding: 25px 0; text-align: center; color: #fff; transition: all .5s; }

.detail_top_bx .btn-list li a.list01 { border: solid 1px #0060a1; background: #0060a1; }

.detail_top_bx .btn-list li a.list02 { border: solid 1px #6c6c6c; background: #6c6c6c; }

.detail_top_bx .btn-list li a:hover.list01, .detail_top_bx .btn-list li a:focus.list01 { background: none; color: #0060a1; }

.detail_top_bx .btn-list li a:hover.list02, .detail_top_bx .btn-list li a:focus.list02 { background: none; color: #6c6c6c; }

@media screen and (max-width: 768px) { .detail_top_bx .btn-list li a { padding: 10px 0; font-size: 14px; } }

@media screen and (max-width: 1024px) { .detail_top_bx .cate { font-size: 11px; }
  .detail_top_bx .cate p { padding-left: 20px; }
  .detail_top_bx .cate p:before { background-size: auto 9px; height: 9px; margin-top: -4px; width: 20px; }
  .detail_top_bx .img_left_bx { float: left; width: 50%; margin-bottom: 30px; padding-right: 10px; }
  .detail_top_bx .txt_right_bx { width: 50%; }
  .detail_top_bx .txt_right_bx .top_tit_bx { padding: 10px 0; }
  .detail_top_bx .txt_right_bx .top_tit_bx .tit { font-size: 18px; }
  .detail_top_bx .txt_right_bx .top_tit_bx .sale { font-size: 16px; }
  .detail_top_bx .info_bx .tbl .col_w { width: 90px; } }

@media all and (max-width: 640px) { .detail_top_bx .img_left_bx, .detail_top_bx .txt_right_bx { width: 100%; } }

.red { color: #a80632; }

.m_br_show { display: none; }

.m_br_no { display: block; }

.blue { color: #43a2ff; }

/*폰트 */
.font_w { color: #fff !important; }

.eng_t { font-family: 'Titillium Web', sans-serif; }

.home { width: 100%; }

.home.fixed { position: fixed !important; height: 100% !important; width: 100% !important; overflow: visible !important; z-index: 5; }

/* 메인부분 */
.wrapper { width: 100%; max-width: 1400px; min-width: 320px; margin: 0 auto; position: relative; }

/*메인네비*/
#header { position: absolute; left: 0; width: 100%; z-index: 5; height: 95px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/* top menu */
.top_menu { position: absolute; top: 0; left: 0; right: 0; max-width: 1400px; width: 100%; margin: 0 auto; margin: 0 auto; z-index: 10; text-align: right; }

.top_menu a { color: #fff; }

@media screen and (max-width: 1024px) { .top_menu { display: none; } }

.top_menu ul { padding-right: 30px; display: inline-block; }

.top_menu ul li { font-size: 14px; float: left; margin-left: 15px; }

.top_menu ul li:first-child { margin-left: 0; }

.main_home .nav_btn span { background-color: #000; }

.main_home .gnb_wrap .logo_box ._main { display: block; }

.main_home .gnb_wrap .logo_box ._sub { display: none; }

.main_home .gnb_wrap .depth01 > a { color: #333; }

.main_home .top_menu a { color: #333; }

.gnb_wrap .logo_box { position: absolute; top: 30px; left: 0; margin-left: 0; text-align: left; }

.gnb_wrap .logo_box ._main { display: none; }

.gnb_wrap .gnb_box { text-align: right; }

.gnb_wrap .gnb_box .depth { display: inline-block; }

.gnb_wrap .depth01 { position: relative; float: left; padding: 0 30px; }

.gnb_wrap .depth01:first-child { margin-left: 0; }

.gnb_wrap .depth01 > a { position: relative; display: inline-block; font-size: 19px; height: 95px; line-height: 95px; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; }

.gnb_wrap .depth01 > a:before { content: ''; position: absolute; bottom: 20px; left: 0; width: 0; height: 1px; background: #fff; }

.gnb_wrap .depth01 > a.active:before, .gnb_wrap .depth01 > a:hover:before { width: 100%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.gnb_wrap .depth01 > a.last { padding: 10px 0 10px 22px; }

.gnb_wrap .depth01 .depth02 { display: none; position: absolute; top: 10f0px; left: 0; width: 100%; text-align: left; z-index: 100; border: 1px solid #ddd; border-top: 0; }

.gnb_wrap .depth01 .depth02 li { float: none; padding: 0; }

.gnb_wrap .depth01 .depth02 li .active { background: #002b5c; color: #fff; }

.gnb_wrap .depth01 .depth02 li:first-child a { border-top: 0; }

.gnb_wrap .depth01 .depth02 li:first-child a:after { display: none; }

.gnb_wrap .depth01 .depth02 li a { position: relative; display: block; padding: 10px 0; color: #000; background: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 200; text-align: center; /*     // border-left:1px solid #aaa; // border-rgiht:1px solid #aaa; */ }

.gnb_wrap .depth01 .depth02 li a:after { content: ''; position: absolute; top: 0; left: 0; width: 90%; margin: 0 5%; border-top: 1px solid #aaa; }

.gnb_wrap .depth01 .depth02 li a:hover, .gnb_wrap .depth01 .depth02 li a:focus { color: #000; font-weight: 500; background: white; }

.gnb_wrap .depth01 .depth02 li .depth03 { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background: #999999; }

.gnb_wrap .depth01 .depth02 li .depth03 a { font-size: 13px; color: #777; background: #999999; color: #fff; border: 0; }

.quick-area { position: fixed; top: 50%; margin-top: -150px; z-index: 10; right: 0; }

.quick-area .dis_tbl { height: 100%; }

@media screen and (max-width: 768px) { .quick-area { display: none; } }

.quick-area li a { display: block; font-size: 16px; color: #fff; font-weight: 600; text-align: center; height: 100px; width: 100px; }

@media screen and (max-width: 1024px) { .quick-area li a { font-size: 12px; font-weight: 400; width: 70px; height: 80px; } }

.quick-area li a .txt { margin-top: 10px; line-height: 1.2; }

@media screen and (max-width: 1024px) { .quick-area li a .txt { line-height: 1.0; } }

.quick-area li a.a01 { background: #2b2b2b; }

.quick-area li a.a02 { background: #ed1651; }

.quick-area li a.a03 { background: #02348b; }

/*모바일 네비*/
.nav_btn { display: none; position: absolute; top: 0; left: 0; height: 60px; width: 60px; z-index: 100; }

.nav_btn span { position: absolute; left: 15px; top: 0; display: block; width: 30px; height: 2px; background: #fff; opacity: 0.7; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; }

.nav_btn span:nth-of-type(1) { top: 18px; }

.nav_btn span:nth-of-type(2) { top: 29px; }

.nav_btn span:nth-of-type(3) { top: 29px; visibility: hidden; }

.nav_btn span:nth-of-type(4) { top: 40px; }

.nav_btn.on span, .nav_btn.on.bk span { background: #fff; }

.nav_btn.on span:nth-of-type(1), .nav_btn.on.bk span:nth-of-type(1) { display: none; }

.nav_btn.on span:nth-of-type(2), .nav_btn.on.bk span:nth-of-type(2) { transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.nav_btn.on span:nth-of-type(3), .nav_btn.on.bk span:nth-of-type(3) { visibility: visible; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.nav_btn.on span:nth-of-type(4), .nav_btn.on.bk span:nth-of-type(4) { display: none; }

.m_nav { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -moz-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -ms-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -o-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); overflow-y: auto; }

.m_nav.on { top: 0; -webkit-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -moz-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -ms-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); -o-transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); transition: all 0.4s cubic-bezier(0.34, 0.7, 0.35, 0.7); }

.m_nav .util_list { max-width: 400px; margin: 0 auto; width: 100%; margin-top: 50px; }

.m_nav .util_list li { float: left; width: 50%; }

.m_nav .util_list li a { display: block; height: 45px; line-height: 45px; padding: 0 20px; font-weight: 500; color: #fff; font-size: 17px; }

.m_nav .gnb_list { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 10px; }

.m_nav li.depth01 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.m_nav li.depth01 > a { display: block; height: 45px; line-height: 45px; padding: 0 20px; font-weight: 500; color: #fff; font-size: 17px; }

.m_nav li.depth01 > a.icon { background: url(../images/nav/nav_down.png) no-repeat 80% center; background-size: 15px auto; }

.m_nav li.depth01 > a:hover, .m_nav li.depth01 > a.on { background-size: 15px auto; color: #fff; }

.m_nav li.depth01 .depth02 { display: none; }

.m_nav li.depth01 .depth02 li a { display: block; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; font-size: 15px; }

.section.section01 .main_visual li { background-color: #ddd; position: relative; }

.section.section01 .main_visual li .inner { position: relative; text-align: center; padding-top: 0; }

.section.section01 .main_visual li .inner .p_01 img { display: inline-block; }

.main_visual { position: relative; }

.main_visual .bx-controls-direction { position: relative; max-width: 1400px; margin: 0 auto; width: 100%; display: none; }

.main_visual .bx-wrapper .bx-controls-direction .bx-prev { left: 0; width: 45px; height: 45px; margin-top: -22.5px; border: 1px solid #666; font-size: 20px; line-height: 45px; top: auto; bottom: 410px; background: none; color: #666; font-size: 30px; text-indent: 0; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; }

.main_visual .bx-wrapper .bx-controls-direction .bx-prev:before { content: "\e93d"; vertical-align: middle; }

.main_visual .bx-wrapper .bx-controls-direction .bx-next { top: auto; bottom: 410px; right: 10; width: 45px; height: 45px; line-height: 45px; margin-top: -22.5px; border: 1px solid #666; background: none; color: #666; font-size: 0; font-size: 30px; text-indent: 0; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; }

.main_visual .bx-wrapper .bx-controls-direction .bx-next:before { content: "\e940"; vertical-align: middle; }

.main_visual .bx-wrapper .bx-pager { bottom: 100px; }

.main_visual .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 64px; height: 12px; margin: 0 5px; outline: 0; background: #ddd; opacity: 0.8; boder: 1px solid #bbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px; }

.main_visual .bx-pager.bx-default-pager a:hover { background: #b8b8b8; opacity: 0.8; }

.main_visual .bx-pager.bx-default-pager a.active { background: #04508e; }

#main_slider .obj1 { height: 880px; background-repeat: no-repeat; background-position: center 0; background-size: cover; }

@media screen and (max-width: 1024px) { #main_slider .obj1 { height: 450px; background-repeat: no-repeat; background-position: center 0; background-size: cover; } }

#main_slider .obj1 { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

#main_slider .obj2 { font-size: 45px; color: #043488; font-weight: 300; position: absolute; left: 0; top: 20%; width: 100%; text-align: center; letter-spacing: 7px; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition-delay: 0ms; }

@media screen and (max-width: 1024px) { #main_slider .obj2 { letter-spacing: 0; font-size: 25px; top: 22% !important; } }

@media screen and (max-width: 768px) { #main_slider .obj2 { font-size: 20px; } }

#main_slider .obj3 { font-size: 20px; color: #666; position: absolute; left: 0; top: 36% !important; width: 100%; text-align: center; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition-delay: 0ms; }

@media screen and (max-width: 1024px) { #main_slider .obj3 { font-size: 14px; top: 35% !important; } }

#main_slider .active-slide .obj1 { transition: transform 4s ease-out; -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Safari */ transform: scale(1, 1); display: block; }

#main_slider .active-slide .obj2 { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); transition: 0.4s  ease-out; transition-delay: 0.8s; }

#main_slider .active-slide .obj3 { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); transition: 0.4s  ease-out; transition-delay: 1.0s; }

/*슬라이드 */
@media screen and (max-width: 1024px) { .main_visual .bx-wrapper .bx-controls-direction .bx-prev { left: 0; width: 30px; height: 50px; margin-top: 0; bottom: 200px; background-size: 30px 50px; text-align: center; border: none; background-color: rgba(0, 0, 0, 0.6); }
  .main_visual .bx-wrapper .bx-controls-direction .bx-prev:before { display: inline-block; line-height: 50px; width: 30px; margin-left: -16px; }
  .main_visual .bx-wrapper .bx-controls-direction .bx-next { right: 0; width: 30px; height: 50px; margin-top: 0; bottom: 200px; background-size: 30px 50px; text-align: center; background-color: rgba(0, 0, 0, 0.6); border: none; }
  .main_visual .bx-wrapper .bx-controls-direction .bx-next:before { display: inline-block; line-height: 50px; width: 30px; } }

.visual_wrap .scroll_i { background: url(../images/icon/scroll_i.png) no-repeat 0 0; position: absolute; bottom: 10%; left: 50%; margin-left: -35px; width: 69px; height: 69px; z-index: 5; -webkit-filter: drop-shadow(1px 1px 0px #333333); filter: drop-shadow(1px 1px 0px #333333); }

@media screen and (max-width: 768px) { .visual_wrap .scroll_i { bottom: 5%; } }

.wheel { position: absolute; top: 42px; left: 50%; margin-left: -1.5px; height: 5px; width: 3px; display: block; background: #fff; border-radius: 10px; }

.wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; }

.scroll_down .unu { display: block; position: absolute; top: 60px; left: 50%; margin-left: -9.5px; width: 19px; height: 11px; background: url(../images/icon/scroll_down.png) no-repeat 0 0; }

/* .scroll_down .doi{
 display: block;
  position:absolute;
  top:70px;
  left:50%;
  margin-left:-9.5px;
  width:19px;
  height:11px;
  background:url(../images/icon/scroll_down.png) no-repeat 0 0;
} */
@-webkit-keyframes mouse-wheel { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); } }

@-moz-keyframes mouse-wheel { 0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px; } }

.unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; }

.unu { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; }

.doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; }

@-webkit-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }

@-moz-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }

@-o-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }

@keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }

/*섹션-------------------------------------------*/
.section01 { background: url(../images/main/section01-bg.jpg) no-repeat center center; background-size: cover; padding: 75px 0; text-align: center; }

@media screen and (max-width: 1024px) { .section01 { padding: 50px 0; } }

.main-tit { position: relative; }

.main-tit i { position: absolute; right: 0; top: 50%; margin-top: -20px; font-size: 40px; color: #fff; }

@media screen and (max-width: 768px) { .main-tit i { position: static; margin-top: 15px; } }

.main-tit h2 { color: #02348b; font-weight: 600; font-size: 30px; letter-spacing: 10px; }

@media screen and (max-width: 1024px) { .main-tit h2 { font-size: 22px; } }

.main-tit .sm-tit { margin-top: 40px; color: #333333; }

@media screen and (max-width: 1024px) { .main-tit .sm-tit { margin-top: 20px; font-size: 13px; } }

.main-tit .sm-tit p { font-weight: 600; font-size: 18px; color: #000000; margin-top: 3px; }

@media screen and (max-width: 1024px) { .main-tit .sm-tit p { font-size: 15px; } }

.section01-list { margin-top: 50px; }

@media screen and (max-width: 1024px) { .section01-list { margin-top: 30px; } }

.section01-list ul { margin: 0 -20px; }

.section01-list li { float: left; width: 25%; padding: 0 20px; box-sizing: border-box; }

@media screen and (max-width: 768px) { .section01-list li { width: 50%; margin-bottom: 30px; } }

@media screen and (max-width: 400px) { .section01-list li { width: 100%; } }

.section01-list li .img-box { width: 100%; }

.section01-list li .txt-box { background: #fff; padding: 25px 20px; text-align: left; }

@media screen and (max-width: 1024px) { .section01-list li .txt-box { padding: 20px; } }

.section01-list li .txt-box h3 { font-size: 24px; }

@media screen and (max-width: 1024px) { .section01-list li .txt-box h3 { font-size: 18px; } }

.section01-list li .txt-box .con { margin-top: 20px; }

@media screen and (max-width: 1024px) { .section01-list li .txt-box .con { margin-top: 10px; } }

.section01-list li .txt-box .con p { font-size: 18px; margin-top: 10px; }

@media screen and (max-width: 1024px) { .section01-list li .txt-box .con p { font-size: 15px; margin-top: 5px; } }

@media screen and (max-width: 768px) { .section01-list li .txt-box .con p { font-size: 12px; } }

.section01-list li .txt-box .con p a { display: block; color: #333; }

.section01-list li .txt-box .con p:first-child { margin-top: 0; }

.section01-list li .txt-box .more { margin-top: 20px; text-align: center; }

.section01-list li .txt-box .more a:hover i { color: #02348b; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.section01-list li .txt-box .more i { display: inline-block; font-size: 37px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 1024px) { .section01-list li .txt-box .more i { font-size: 25px; } }

.section02 { background: url(../images/main/section02-bg.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 75px 0 110px 0; }

.section02 .main-tit h2 { color: #fff; }

@media screen and (max-width: 1024px) { .section02 { padding: 50px 0 60px; } }

.news-list { margin-top: 70px; }

@media screen and (max-width: 1024px) { .news-list { margin-top: 30px; } }

.news-list ul { margin: 0 -89px; }

@media screen and (max-width: 1024px) { .news-list ul { margin: 0 -60px; } }

.news-list ul li { float: left; width: 33.33%; box-sizing: border-box; padding: 0 90
 px; text-align: left; }

@media screen and (max-width: 1024px) { .news-list ul li { margin-bottom: 30px; padding: 0 50px; width: 100%; text-align: center; } }

.news-list ul li a { color: #fff; }

.news-list ul li a .tit { font-size: 24px; line-height: 1.4; }

@media screen and (max-width: 1024px) { .news-list ul li a .tit { font-size: 20px; } }

@media screen and (max-width: 768px) { .news-list ul li a .tit { font-size: 15px; } }

.news-list ul li a .con { margin-top: 20px; font-size: 16px; }

@media screen and (max-width: 1024px) { .news-list ul li a .con { margin-top: 10px; } }

@media screen and (max-width: 768px) { .news-list ul li a .con { font-size: 12px; } }

.news-list ul li a .date { margin-top: 5px; font-size: 18px; }

.cursor_default { cursor: default; }

#top_btn { text-align: center; position: fixed; opacity: 0.8; bottom: 10px; right: 10px; z-index: 99999; }

.cursor_no { cursor: default; }

#section .slick-slide img { display: inline-block; }

#section .slick-prev:before, #section .slick-next:before { display: none; }

#section .slick_slider { position: relative; }

#section .slick_slider.static { padding: 0; }

#section .slick-prev { left: 0px; width: 36px; height: 62px; margin-top: -30px; background: url(../images/slider/btn_left.png) no-repeat 0 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

#section .slick-next { right: 0px; width: 36px; height: 62px; margin-top: -30px; background: url(../images/slider/btn_right.png) no-repeat 0 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

#section .slick-dotted.slick-slider { margin-bottom: 30px; }

#section .slick-dots { left: 0; position: static; margin-top: 20px; left: 0; position: static; margin-top: 20px; }

#section .slick-dots li.slick-active button:before { background: #5091d1; height: 12px; width: 12px; border-radius: 50%; }

#section .slick-dots li button:before { background: #ddd; height: 12px; width: 12px; content: ''; opacity: 1; border-radius: 50%; }

.section_04_wrap .location_wrap { position: relative; }

.section_04_wrap .location_wrap #map { height: 690px; overflow: hidden; }

.section_04_wrap .location_wrap .locaion_txt_box { position: absolute; top: 0; right: 0; width: 390px; height: 620px; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); padding: 130px 20px 100px 40px; color: #fff; z-index: 1; }

.section_04_wrap .location_wrap .locaion_txt_box .tit { font-size: 60px; font-weight: bold; margin-bottom: 20px; }

.section_04_wrap .location_wrap .locaion_txt_box li { margin-top: 30px; }

.section_04_wrap .location_wrap .locaion_txt_box li:first-child { margin-top: 0; }

.section_04_wrap .location_wrap .locaion_txt_box dt { font-size: 20px; font-weight: 500; margin-bottom: 10px; }

.section_04_wrap .location_wrap .locaion_txt_box dd { font-size: 14px; line-height: 2; }

@media screen and (max-width: 1024px) { .section_04_wrap .location_wrap .locaion_txt_box { position: static; width: 100%; height: auto; padding: 20px 15px; } }

.section_04_wrap .location_wrap .locaion_txt_box .tit { font-size: 28px; margin-bottom: 10px; }

.section_04_wrap .location_wrap .locaion_txt_box li { margin-top: 20px; }

.section_04_wrap .location_wrap .locaion_txt_box dt { font-size: 17px; margin-bottom: 5px; }

@media screen and (max-width: 1024px) { .section_04_wrap .location_wrap #map { height: 350px !important; overflow: hidden; }
  .section_04_wrap .location_wrap iframe { height: 350px !important; } }

/*사이드 네비 */
#side_nav { position: fixed; top: 50%; right: 30px; z-index: 10; }

#side_nav a { margin: 10px 0; display: block; width: 8px; height: 8px; border-radius: 8px; background: #a8a8a8; transition: 0.3s ease; }

#side_nav a:hover, #side_nav a.on { height: 22px; background: #0081ff; }

/* 640보다 크고 1024보다 작을경우 */
@media all and (max-width: 1024px) { .m_br_show { display: block; }
  .m_br_no, .m_no { display: none; }
  .m_block { display: block; margin-top: 5px; }
  .wrapper { width: 100%; padding: 0 15px; box-sizing: border-box; }
  #header { height: 60px; }
  #header.on { height: 60px; }
  #header.on .gnb_wrap .logo_box { top: 0; width: auto; text-align: center; }
  #header.on .gnb_wrap .logo_box a { width: 150px; height: 25px; background-size: auto 25px; }
  .nav_btn.bk span { background: #333; }
  .gnb_wrap .sns_box { display: none; }
  .gnb_wrap .sns_list { top: 13px; right: 10px; }
  .gnb_wrap .sns_list a { margin-left: 5px; }
  .gnb_wrap .sns_list a img { width: 30px; height: 30px; }
  .gnb_wrap .gnb_box { display: none; }
  .top_menu .top_list { letter-spacing: -0.5px; }
  /*헤더*/
  .gnb_wrap .top_icon_box { display: none; }
  .m_search_box { display: block; }
  .pc_top_right_box { display: none; }
  .gnb_wrap { height: 60px; }
  .gnb_wrap > .wrapper > .clearfix { padding-right: 0; }
  .gnb_wrap .logo_box { position: static; margin-left: 0; margin-top: 15px; text-align: center; }
  .gnb_wrap .logo_box a { display: inline-block; width: 150px; height: 25px; background-size: 150px 25px; }
  .gnb_wrap .right_box, .gnb_wrap .gnb_box { display: none; }
  /*모바일 네비*/
  .nav_btn { display: block; }
  .gnb_wrap .btn_tel { margin-right: 60px; top: 20px; }
  .gnb_wrap .btn_tel img { width: 100px; } }

/*푸터*/
.footer_wrap { position: relative; text-align: center; }

.footer_wrap .footer-top { padding: 20px 0; background: #2a2c32; }

.footer_wrap .footer-con { padding: 30px 0 40px 0; background: #18181d; font-size: 13px; color: #999999; font-weight: 600; }

.footer_wrap .footer-con p span { padding: 0 5px; }

@media screen and (max-width: 1024px) { .footer_wrap .footer-con { padding: 20px 0; font-size: 12px; } }

.footer_wrap .footer-con .footer_box .copy_right { margin-top: 10px; color: #666666; }

.img_board_list li a:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 0 solid #3b7bd4; -webkit-transition: border-width 0.3s; -o-transition: border-width 0.3s; transition: border-width 0.3s; z-index: 5; }

.img_board_list li a .img_box .img_src { display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: contain; padding-top: 75%; transition: 0.3s; }

.vtn { display: inline-block; vertical-align: top; line-height: 30px; height: 30px; line-height: normal; color: #fff; }

.vtn-color-01 { width: 70px !important; color: #fff !important; background-color: #0060a1; border: solid 1px #ddd; }


.change_file a i{vertical-align:middle;}