@charset "utf-8";


/* for styles */
@import url("default.css");

/* layout */
html, body {/* min-width:1200px; */ width:100%; overflow-x:hidden; word-break:break-all;}
input.text,
select.text {color:#222; width:100%;height:60px; border:#ddd 1px solid; border-radius:5px; padding:20px 15px; font-size:16px; line-height:19px;}
body.ie select.text {padding:0 0 0 20px !important; background:none;}
textarea.text {color:#222; width:100%; border:#ddd 1px solid; border-radius:5px; padding:20px 15px; font-size:16px; line-height:19px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:100%; height:100%; object-fit:cover;}
.no_data {display:none !important;}

input.text:focus,
select.text:focus,
textarea.text:focus {border:2px solid #1B358E; outline:none;}
input[type="text"]::placeholder, 
textarea::placeholder{opacity:0.5;}
input[type="radio"],
input[type="checkbox"] {display:none;}

select {cursor:pointer; appearance:none; background:url('/pub/images/select_btn.svg') no-repeat right 14px center / 12px;}

label.check {position:relative; font-size:18px; color:#222; line-height:21px; padding-left:30px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border:#666 1px solid; border-radius:2px;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; background:url('/pub/images/check.svg') no-repeat 50% 50% / 10px; opacity:0; transform:translate(-50%,-50%); transition:.2s linear; }
label.check input:checked + i:before {width:16px; height:16px;opacity:1; }
label.check i.on{position:absolute; top:0; left:0;border:#666; width:20px; height:20px;opacity:1; background:url('/pub/images/check.svg') no-repeat 50% 50% / 10px;transition:.2s linear;}

label.radio {position:relative; font-size:18px; color:#222; line-height:21px; padding-left:36px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border:#ddd 1px solid; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:50%; background:#1B358E; opacity:0; transform:translate(-50%,-50%); transition:.2s linear; }
label.radio input:checked + i:before {width:8px; height:8px;opacity:1; }
label.radio i.on{position:absolute; top:0; left:0;border:#666; width:20px; height:20px;opacity:1; background:url('/pub/images/check.svg') no-repeat 50% 50% / 10px;transition:.2s linear;}

.inner {width:100%; max-width:1440px; margin:0 auto;padding:0 20px;}
span.br {display:block;}
.mo_vw {display:none !important;}
.mo_vw2 {display:none !important;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

.btn {border-radius:50px; color:#222; font-size:16px; line-height:19px; height:60px; display:block;}
.btn_blue {background:#1B358E; color:#fff;}
.btn_black {background:#323232; color:#fff;}
.btn.xs {width:120px;line-height:3.8rem;}
.btn.sm {width:15rem;line-height:4.8rem;}
.btn.primary {background-color:#222;}
.btn.black {color:#fff;background-color:#222;}
.btn.black:disabled {color:#999;cursor:inherit;background-color:#f8f8f8;border:1px solid #ddd;}
.btn.white {color:#fff;border-color:rgba(255, 255, 255, 0.2);}
.btn.white::before {filter:brightness(10);}
.btn.outline {color:#666;border-color:#ddd;}
.btn.lineblack {border-color:#222;}
/* color */
.c_navy {color:#1B358E !important;}
:root {
  --color-primary:#ffeb5f;
  --color-primaryDark:#f2bd00;
  --color-secondary:#72b935;
  --color-dark:#222222;
  --color-error:#f12e34;
  --text-primary:#222222;
  --text-secondary:#666666;
  --text-light:#999999;
  --bg-light:#fafafa;
  --bg-grey:#f8f8f8;
  --border-light:#dddddd;
}
.c-secondary {color:var(--color-secondary) !important;}
.c-error {color:var(--color-error) !important;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link {display:none !important;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list col.w1 {width:80px;}
.board_list col.w2 {width:100px;}
.board_list col.w3 {width:100px;}
.board_list col.w4 {width:80px;}
.board_list th,
.board_list td {height:40px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {background:#f5f5f5; color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .paging {text-align:center;}
.board_bottom .paging a {display:inline-block; width:36px; height:36px; line-height:34px; text-align:center; font-size:16px; color:#222; vertical-align:top;border-radius:50%; cursor:pointer;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#222; color:#fff; font-weight:bold; }
.board_bottom .paging .nums {/* margin:0 10px; */}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {background:#f5f5f5; padding:10px; text-align:center; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border-radius:4px;}

.board_top .total_wrap {gap:30px;align-items:flex-end;}
.board_top {margin-top:30px; display:flex;  justify-content:space-between; align-items:center;}
.board_top .total{font-size:16px; line-height:19px; color:#222}
.board_top .total .c_navy {font-weight:600;}
.board_top .total_wrap .state {gap:10px;}
.board_top .total_wrap .state li a{text-align:center;border:1px solid #ccc; border-radius:20px;display:inline-block; width:130px; height:40px; line-height:40px; color:#666; font-size:16px; letter-spacing:-0.2px;}
.board_top .total_wrap .state li.on a {background:#1B358E; border-color:#1B358E;color:#fff;}
.board_top .search_wrap { height:50px;}
.board_top .search_wrap select {width:120px; height:50px; padding:12px 14px 15px 20px; margin-right:10px;}
.board_top .search_wrap select option {color:rgba(112,112,112,0.5);}
.board_top .search_wrap input.text {min-width:258px;width:calc(100% - 170px); height:50px; padding:16px 0 17px 20px; border-radius:5px 0 0 5px;}
.board_top .search_wrap .btn_search {font-size:0; background:#1B358E url('/pub/images/search_btn_icon.svg') no-repeat center center / 15px; border-radius:0 5px 5px 0;  width:50px; height:50px;}
.board_top .search_wrap input.text:focus,
.board_top .search_wrap select.text:focus,
.board_top .search_wrap textarea.text:focus {border:1px solid #1B358E; outline:none;}

.board_tbl {margin-top:32px; border-top:1px solid #666;}
.board_tbl li {border-bottom:1px solid #EBEBEB; display:flex; align-items:center;}
.board_tbl li .non_data {display:block; font-size:17px; text-align:center; padding:40px; width:100%;}
.board_tbl .t_head .th {color:#222; font-size:20px; font-weight:600; line-height:80px; text-align:center;}
.board_tbl .t_head .th:nth-child(1){width:15%;}
.board_tbl .t_head .th:nth-child(2){width:55%;}
.board_tbl .t_head .th:nth-child(3){width:15%;}
.board_tbl .t_head .th:nth-child(4){width:15%;}
.board_tbl  .td {color:#666; font-size:20px; line-height:80px; text-align:center;}
.board_tbl .td:nth-child(1){width:15%;}
.board_tbl .td:nth-child(2){width:55%;}
.board_tbl .td:nth-child(3){width:15%;}
.board_tbl .td:nth-child(4){width:15%;}
.board_tbl  .td a {color:#222; display:flex; gap:10px; align-items:center;}
.board_tbl .notice {display:inline-block;color:#fff; font-size:16px; font-weight:600; width:50px; height:25px; line-height:25px; margin:0 auto; background:#1B358E; border-radius:5px;}
.board_tbl  .td a span {max-width:calc(100% - 26px); text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:normal; display:-webkit-box;}
.board_tbl .new {display:inline-block; width:16px; height:16px; color:#fff; font-size:10px; line-height:16px; background:#1B358E; border-radius:2px; text-align:center;}
.board_tbl .file {display:block ; width:16px; height:18px; margin:0 auto; background:url('/pub/images/file.svg') no-repeat center center / contain;}
.board_tbl  li:hover a {text-decoration:underline; font-weight:700;}
.board_tbl  li:hover .file {background:url('/pub/images/file_on.svg') no-repeat center center / contain;}
/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {color:#333;}
.board_in td {color:#666;}
.board_write col.w1 {width:200px;}

.board_view_wrap {border-top:1px solid #666;}
.board_view_wrap .tit {padding:30px;}
.board_view_wrap .tit .tag {text-align:center;margin-right:50px;display:inline-block;width:44px; height:30px; color:#3079E3; font-size:15px; line-height:30px; letter-spacing:-0.2px; text-align:center; background:rgba(48,121,227,0.11);border-radius:4px;}
.board_view_wrap .tit strong {font-weight:600; font-size:28px; line-height:33px; }
.board_view_wrap .tit .notice {margin-right:20px;text-align:center;display:block;color:#fff; font-size:16px; font-weight:600; width:44px; height:30px; line-height:30px; background:#1B358E; border-radius:5px;}
.board_view_wrap .tit .w_info {margin-top:20px; gap:40px;}
.board_view_wrap .tit .w_info li {display:flex; gap:20px; align-items:center; color:#666; font-size:18px; line-height:21px;}
.board_view_wrap .tit .w_info li span {position:relative;font-weight:500; color:#222;}
.board_view_wrap .tit .w_info li span:after {position:absolute; background:#ddd; width:1px; height:13px; content:''; top:50%; right:-10px; transform:translate(0,-50%);}
.board_view_wrap .downfile {padding:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#F6F6F6;}
.board_view_wrap .downfile li { margin-bottom:10px;}
.board_view_wrap .downfile li:last-child {margin-bottom:0;}
.board_view_wrap .downfile li a {display:flex; align-items:center; gap:10px;}
.board_view_wrap .downfile li i {width:14px; height:15px; display:inline-block; background:url('/pub/images/file_down.svg') no-repeat center center / contain;}
.board_view_wrap .downfile li span {font-size:16px; line-height:19px; color:#222;}
.board_view_wrap .downfile li:hover span {text-decoration:underline;}
.board_view_wrap .con {position:relative; border-bottom:1px solid #ddd; min-height:670px; padding:30px 30px 72px 30px; font-size:18px; line-height:21px; color:#222; }
.board_view_wrap .con .btn_wrap {display:flex; position:absolute; bottom:72px; right:0; gap:10px;}
.board_view_wrap .con .btn_wrap a {display:block; width:150px; height:50px; line-height:50px; text-align:center; border:1px solid #ddd;}
.board_view_wrap .con .btn_wrap .btn_black {border-color:#323232;}
.page_prev_next {padding:30px 0; border-bottom:1px solid #ddd;}
.page_prev_next .d_flex {align-items:center; padding-left:30px;}
.page_prev_next .prev { padding-bottom:30px; border-bottom:1px solid #ddd;}
.page_prev_next .prev i {width:14px; height:8px; display:block; background:url('/pub/images/select_btn.svg') no-repeat center center / contain; transform:rotate(180deg);}
.page_prev_next .prev span,
.page_prev_next .next span {position:relative; padding:0 76px 0 60px;font-size:18px; color :#222; font-weight:600; letter-spacing:-0.4px; line-height:28px;}
.page_prev_next .prev span:after,
.page_prev_next .next span:after {content:''; position:absolute;top:50%; right:43px; transform:translate(0,-50%); width:1px; height:13px; background:#ddd;}
.page_prev_next .prev a,
.page_prev_next .next a {font-size:18px; color:#666; letter-spacing:-0.4px; line-height:28px; display:block;width:calc(100% - 200px);}
.page_prev_next .next {padding-top:30px;}
.page_prev_next .next i {width:14px; height:8px; display:block; background:url('/pub/images/select_btn.svg') no-repeat center center / contain;}
.btn_list {background:#1B358E;  color:#fff;  font-weight:600; width:150px; margin:0 auto; text-align:center; line-height:50px; height:50px;} 
.btn_write {background:#1B358E;  color:#fff;  font-weight:600; width:200px; height:50px; text-align:center; line-height:50px}
.btn_write_w {background:#fff; color:#222; border:1px solid #666;  font-weight:600; width:200px; height:50px; text-align:center; line-height:50px}
.board_bottom .paging {margin-top:80px;}
/* 갤러리 목록 */
.gallery_list {overflow:hidden; padding-top:64px; margin-top:33px; border-top:1px solid #ddd; display:flex; flex-wrap:wrap; gap:50px 30px;}
.gallery_list li {width:calc((100% - 60px)/3);}
.gallery_list li a {display:block;}
.gallery_list li a:hover .txt_box .tt {text-decoration:underline;}
.gallery_list li .img {border-radius:10px; width:100%; height:300px; overflow:hidden; margin-bottom:27px;}
.gallery_list li .img img {width:100%; height:100%; /* object-fit:cover; */}
.gallery_list li .txt_box .tt {overflow:hidden;margin-bottom:20px; font-size:20px; font-weight:600; line-height:28px; height:56px; color:#222;text-overflow:ellipsis;  word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box;}
.gallery_list li .txt_box .stt {color:#999; font-size:16px; line-height:19px;}
.gallery_list li .txt_box .stt2 {color:#222; font-size:16px; line-height:19px; margin-bottom:10px;}
.gallery_list li .txt_box .tag {/*width:44px;*/display:inline-block;padding:0 10px; height:30px; color:#3079E3; font-size:15px; line-height:30px; letter-spacing:-0.2px; text-align:center; background:rgba(48,121,227,0.11); border-radius:4px; margin-bottom:20px; }
/*협회보*/
.gallery_list_news li .txt_box .tt{text-align:center;-webkit-line-clamp:1;height:28px;}

.gallery_list_news li .stt2 a{display:block;padding:15px 0;text-align:center;border:1px solid #ddd;background:#f6f6f6;color:#000;border-radius:10px;}
.gallery_list_news li .stt2 a i{width: 14px;height: 15px;display: inline-block;background: url(/pub/images/file_down.svg) no-repeat center center / contain;margin-left:5px;}
input[name="category"]{display:inline-block;}

/* jq_tab */
.jq_tab {display:flex; background:#F7F8FC; margin-bottom:20px;}
.jq_tab li > * {display:block; font-size:15px; color:#333; line-height:45px; text-align:center; border:0; outline:0; width:100%;}
.jq_tab li.on > * {color:#fff; font-weight:900; background:#2B4294;}
/*팝업*/
.fancybox-wrap {width:663px;}
.fancybox-skin {padding:0 !important; border-radius:10px;}
.fancybox-close {background-image:url('/pub/images/pop_close.svg'); width:20px; height:20px; right:40px; top:27px ;}
.pop {width:663px; border-radius:10px; background:#fff;}
.pop .top {height:80px;background:#222; border-radius:10px 10px 0 0; padding:0 40px;}
.pop .top .tlt {color:#fff; font-size:24px; line-height:80px;font-weight:600;}
.pop .pop_con {padding:30px 40px; max-height:650px; height:100%; overflow-y:scroll; }
.pop .pop_con p {font-size:16px; line-height:25px; color:#222; letter-spacing:-0.8px;}
.pop .pop_con p.tt {margin:35px 0;}
.pop .pop_con p .num {font-size:12px; margin-right:5px;  vertical-align:bottom;}
.pop .pop_con p .dot {padding-left:20px;padding-right:25px;}
/*달력*/
input.hasDatepicker {background:#fff url('/pub/images/icon_month.svg') no-repeat right 15px center;}
.ui-datepicker-trigger {display:none;}
.ui-datepicker {width:240px; margin-top:-1px; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#1B358E; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {background:#fff url('/pub/images/select_btn.svg') no-repeat right 10px center / 8px;vertical-align:top; width:60px; height:24px; line-height:22px; margin:8px 2px 0;padding-left:5px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon {}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon {}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th {}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#003D7C;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#003D7C;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}
/*header*/
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear;}
.header .inner {position:relative; height:96px; max-width:1640px;}
.header .logo {position:absolute; top:0; left:100px; line-height:96px; font-size:0; z-index:10; width:100%; max-width:120px;}
.header .logo2 {position:absolute; top:0; left:100px; line-height:96px; font-size:0; z-index:10; width:100%; max-width:190px;}
.header .logo3 {position:absolute; top:0; left:100px; line-height:96px; font-size:0; z-index:10; width:100%; max-width:200px;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo_b {display:none;}
.header .gnb {padding-left:345px; height:96px; line-height:96px;}
.header .gnb ul {width:100%; display:flex;}
.header .gnb li {position:relative;}
.header .gnb li > a { display:block;color:#fff; font-size:20px; letter-spacing:-.2px; line-height:96px; height:96px;padding:0 50px;}
.header .gnb .snb {position:absolute; top:80px; left:50%; width:210px; background:#fff; border-radius:10px; padding:30px; transform:translateX(-50%); box-shadow:rgba(0,0,0,.1) 0 0 10px; display:none;}
.header .gnb .snb a {display:block; font-size:18px; color:#222; line-height:19px; text-align:center; padding:10px 0;}
.header .gnb .snb a:nth-child(1){padding-top:0;}
.header .gnb .snb a:last-child{padding-bottom:0;}
/* .header .gnb .snb a.on {color:#1B358E; font-weight:600;} */
.header .gnb .snb a:hover {color:#1640DB; font-weight:700;}
.header .gnb li:hover .snb {display:block;}
.header .login_wrap {position:absolute; top:50%; transform:translate(0,-50%); right:70px; display:flex; gap:10px; align-items:center; justify-content:center;}
.header .login_wrap a {border-radius:14px; color:#fff; border:1px solid rgba(255,255,255,0.3); padding:0 20px; height:28px; line-height:28px; font-size:14px; letter-spacing:-.2px;}
.header .btn_menu {position:absolute; top:50%; right:20px; width:24px; height:18px;transform:translateY(-50%); z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-8px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:6px;}
/* .header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);} */
.header.fixed,
.header.g00 {border-bottom:1px solid #ddd;  background:#fff;}
.header.fixed .logo , .header.g00 .logo {display:none;}
.header.fixed .logo_b, .header.g00 .logo_b {display:block;}

.header.fixed .logo2, .header.g00 .logo2 {display:none;}
.header.fixed .logo2, .header.g00 .logo_b2 {display:block;}

.header.fixed .logo3, .header.g00 .logo3 {display:none;}
.header.fixed .logo3, .header.g00 .logo_b3 {display:block;}

.header.fixed .gnb li > a,
.header.g00 .gnb li > a {color:#222;}
/* .header.fixed .gnb li.on > a {font-weight:700;color:#1B358E;} */
.header.fixed .login_wrap a,
.header.g00 .login_wrap a {color:#222; border-color:rgba(34,34,34,0.3);}
.header.fixed .btn_menu p,
.header.g00 .btn_menu p {background:#222;}
/*sitemap*/
.sitemap {display:none; width:100vw; height:100vh; background:#fff; position:fixed; top:0; left:0; z-index:101;}
.sitemap .top {position:absolute; width:calc(100% - 622px);top:0; right:0; height:102px; border-bottom:1px solid rgba(255,255,255,0.07); z-index:2;}
.sitemap .top .login_wrap {z-index:99;position:absolute; top:50%; transform:translate(0,-50%); right:208px; display:flex; gap:10px; align-items:center; justify-content:center;}
.sitemap .top .login_wrap a {border-radius:14px; color:#fff; border:1px solid rgba(255,255,255,0.3); padding:0 20px; height:28px; line-height:28px; font-size:14px; letter-spacing:-.2px;}
.sitemap .top .close_sitemap {font-size:0; cursor:pointer; z-index:12; position:absolute; top:0px; right:0px; display:block; background:url('/pub/images/sitamap_btn_close.svg') no-repeat center center / contain; ; width:101px; height:101px;}
.sitemap_inner {height:100%; position:relative; display:flex;}
.sitemap .left {width:100%; max-width:622px;}
.sitemap .left img {width:100%; height:100%; object-fit:cover;}
.sitemap .right {width:calc(100% - 622px); background:#1B358E;}
.sitemap .mid_con {position:absolute; top:50%; transform:translate(0,-50%); padding:0 175px 0 160px;}
.sitemap .right dl {display:flex; gap:105px; height:128px; border-bottom:1px solid rgba(255,255,255,0.07); z-index:2;}
.sitemap .right dl.on { border-bottom:1px solid rgba(255,255,255,1);}
.sitemap .right dt {font-size:26px; font-weight:700; color:rgba(255,255,255,0.5); line-height:128px;}
.sitemap .right dt:hover {color:#fff;}
.sitemap .right dt.on {color:rgba(255,255,255,1);}
.sitemap .right dt i {display:inline-block; width:16px; height:16px; background:url('/pub/images/sitemap_plus.svg') no-repeat center center / contain; margin-right:20px;}
.sitemap .right dt.on i { background-image:url('/pub/images/sitemap_plus_on.svg') }
.sitemap .right dd ul {display:flex; gap:55px;}
.sitemap .right dd ul li a {display:block; font-size:20px; color:rgba(255,255,255,0.5); line-height:128px;} 
.sitemap .right dd ul li a.on,
.sitemap .right dd ul li a:hover {font-weight:500; color:rgba(255,255,255,1);}
.sitemap .btm_con {width:calc(100% - 622px); display:flex; gap:200px; padding-left:160px; align-items:center; position:absolute; bottom:0; height:100px; border-top:1px solid rgba(255,255,255,0.07); z-index:2;}
.sitemap .btm_con .list {display:flex; gap:100px}
.sitemap .btm_con .list a {display:block; color:rgba(255,255,255,0.5); font-size:16px;line-height:100px;}
.sitemap .btm_con .list a:hover {color:rgba(255,255,255,1);}
.sitemap .btm_con .sns_wrap {display:none; gap:16px;}
.sitemap .btm_con .sns_wrap .sns { display:block;  width:36px; height:36px; line-height:unset; border-radius:50%; font-size:0; background:#555;}
.sitemap .btm_con .sns_wrap .sns i{display:inline-block; width:100%; height:100%;border-radius:50%; background:no-repeat center center;}
.sitemap .btm_con .sns_wrap .sns01 i{background-image:url('/pub/images/facebook.svg'); background-size:8px; }
.sitemap .btm_con .sns_wrap .sns02 i{background-image:url('/pub/images/youtube.svg'); background-size:19px;}
.sitemap .btm_con .sns_wrap .sns03 i{background-image:url('/pub/images/insta.svg');background-size:20px;}
.sitemap .btm_con .sns_wrap .sns:hover { background:#FF1111; }
.sitemap.on {display:block;}
/*footer*/
/* .gotop {width:50px; height:50px; border-radius:50%;background:#E60013 url('/pub/images/btn_gptop.svg') no-repeat center center / 15px;} */
.f_banner {max-width:1600px; width:100%; margin:0 auto; height:100px; display:flex; justify-content:space-between;align-items:center;}
.f_banner .mv_wrap {width:100%; max-width:1450px;}
.f_banner .mv {height:43px; overflow:hidden;}
.f_banner a {padding:0 25px; width:100%; height:100%; display:flex;  justify-content:center;align-items:center;}
.f_banner .navi {align-items:center; gap:25px;}
.f_banner .navi .slick-arrow {cursor:pointer; width:12px; height:43px; background:url('/pub/images/f_banner_arrow.svg') no-repeat 50% 50% / 7px;}
.f_banner .navi .slick-arrow.button-next {transform:rotate(180deg);}
.f_banner .navi .play_pause {width:12px; height:43px;}
.f_banner .navi .play_pause button{width:100%; height:100%; display:none;}
.f_banner .navi .play_pause .play{background:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 8px; -webkit-mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 9px;}
.f_banner .navi .play_pause .pause {background:url('/pub/images/f_banner_pause.svg') no-repeat 50% 50% / 8px;}
.f_banner .navi .play_pause .on {display:block;}
.footer {background:#222;}
.footer .inner {max-width:1640px;}
.footer .fcon_wrap .fcon_top{padding:26px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .fcon_wrap .fcon_top .inner {display:flex; justify-content:space-between; align-items:center;}
.footer .fcon_wrap .fcon_top ul {display:flex; gap:35px;}
.footer .fcon_wrap .fcon_top ul li {}
.footer .fcon_wrap .fcon_top ul li a {color:#fff; font-size:16px; line-height:19px; letter-spacing:-0.2px;}
.footer .fcon_wrap .fcon_top .f_baro {display:flex; align-items:center; position:relative;color:rgba(255,255,255,0.8); font-size:16px; letter-spacing:-0.2px; line-height:25px; padding:0 24px; }
.footer .fcon_wrap .fcon_top .f_baro:after {content:''; position:absolute; top:50%; transform:translate(0,-50%); right:-24px; background:rgba(255,255,255,0.1); width:1px; height:71px;}
.footer .fcon_wrap .fcon_top .f_baro:before {content:''; position:absolute; top:50%; transform:translate(0,-50%); left:-24px; background:rgba(255,255,255,0.1); width:1px; height:71px;}
.footer .fcon_wrap .fcon_top .f_baro i {display:inline-block; width:12px; height:12px; background:url('/pub/images/f_baro_icon.svg') no-repeat center center / contain; margin-left:50px;}
.footer .fcon_wrap .fcon_btm {padding:30px 0 55px;}
.footer .fcon_wrap .fcon_btm .inner {display:flex; justify-content:space-between;}
.footer .fcon_wrap .fcon_btm .f_logo {margin-bottom:32px; height:35px; opacity:0.8;}
.footer .fcon_wrap .fcon_btm .info span {font-size:15px; font-weight:300; letter-spacing:-0.2px; line-height:25px; color:rgba(255,255,255,0.6);}
.footer .fcon_wrap .fcon_btm .copy {font-size:15px; font-weight:300; letter-spacing:-0.2px; line-height:25px; color:rgba(255,255,255,0.6);}
.footer .fcon_wrap .fcon_btm .sns_wrap {display:flex; gap:16px;}
.footer .fcon_wrap .fcon_btm .sns_wrap .sns { display:block;  width:36px; height:36px; border-radius:50%; font-size:0; background:#555;}
.footer .fcon_wrap .fcon_btm .sns_wrap .sns i{display:inline-block; width:100%; height:100%;border-radius:50%; background:no-repeat center center;}
.footer .fcon_wrap .fcon_btm .sns_wrap .sns01 i{background-image:url('/pub/images/facebook.svg'); background-size:8px; }
.footer .fcon_wrap .fcon_btm .sns_wrap .sns02 i{background-image:url('/pub/images/youtube.svg'); background-size:19px;}
.footer .fcon_wrap .fcon_btm .sns_wrap .sns03 i{background-image:url('/pub/images/insta.svg');background-size:20px;}
.footer .fcon_wrap .fcon_btm .sns_wrap .sns:hover { background:#FF1111; }
.quick_wrap {position:fixed; right:15px; bottom:40px; z-index:99;}
.quick_wrap li{width:56px; min-width:56px; height:56px; background:#323232; border-radius:32px; margin-bottom:10px; }
.quick_wrap li a {display:flex; align-items:center; width:100%; height:100%; position:relative;}
.quick_wrap li .text_hover {font-size:0;  color:#fff;  font-weight:600; line-height:56px;  position:absolute;  top:0;  right:20px;  width:0;  height:100%;  background:#323232;  border-radius:32px;  z-index:-1; transition:.2s linear;  display:flex; align-items:center;}
.quick_wrap li.hover .text_hover {right:0; padding-left:20px; font-size:16px; font-weight:600; width:140px;}
.quick_wrap li i {display:inline-block; width:56px; height:56px; opacity:0.8;}
.quick_wrap li .quick01 i {background:url('/pub/images/quick01.svg') no-repeat center center / 18px ;}
.quick_wrap li .quick02 i {background:url('/pub/images/quick02.svg') no-repeat center center / 14px ;}
.quick_wrap .gotop {width:56px; height:56px; background:#323232; border-radius:32px; color:#fff; display:flex;align-items:center; justify-content:center; flex-direction:column;}
.quick_wrap .gotop i {width:5px; height:5px; background:url('/pub/images/go_top.svg') no-repeat center center / contain ; margin-bottom:5px;}
/*main*/
.section1 {height:640px;}
.section1 .mvisual {height:100%; position:relative;}
.section1 .mvisual .mv_wrap {height:100%;}
.section1 .mvisual .slick-list,
.section1 .mvisual .slick-track,
.section1 .mvisual .slick-slide,
.section1 .mvisual .slick-slide > div,
.section1 .mvisual .slick-slide .mv {height:100%;}
.section1 .mvisual .slick-track::after {display:none;}
.section1 .mvisual img {object-fit:cover; height:100%; width:100%;}
.section1 .mvisual .inner {width:100%; max-width:1640px; padding:0 20px; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.section1 .mvisual .mv_txt {position:absolute; top:50%; left:20px; transform:translate(0%,-35%); width:100%;}
.section1 .mvisual .mv_txt .stt {letter-spacing:-0.2px; font-size:30px; font-weight:400; line-height:48px; color:#fff;}
.section1 .mvisual .mv_txt .tt {letter-spacing:-0.2px; font-size:52px; font-weight:700; line-height:72px; color:#fff;}
.section1 .mvisual .m_banner {padding:32px 32px 21px 32px; position:absolute; top:50%; right:0; transform:translate(0,-40%); background:#fff; border-radius:20px; width:420px; height:430px;}
.section1 .mvisual .m_banner .mcon > a {display:block; width:100%; height:100%;}
.section1 .mvisual .m_banner .mcon > a:hover .txt_box .tt,
.section1 .mvisual .m_banner .mcon > a:hover .txt_box .stt {text-decoration:underline;}
.section1 .mvisual .m_banner .txt_box {margin-bottom:20px;}
.section1 .mvisual .m_banner .txt_box .tt {text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:normal; display:-webkit-box; font-size:20px; font-weight:600; letter-spacing:-0.4px; line-height:28px;}
.section1 .mvisual .m_banner .txt_box .stt {margin:16px 0 20px;text-overflow:ellipsis; height:50px; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box; font-size:15px; letter-spacing:-0.4px; line-height:25px; color:#666;}
.section1 .mvisual .m_banner .txt_box .more {display:block; font-size:15px; font-weight:500; letter-spacing:-0.4px; line-height:40px; height:40px; width:120px; background:#fff; border:1px solid #ddd; border-radius:20px; box-shadow:0 3px 6px rgba(0,0,0,0.1); text-align:center;}
.section1 .mvisual .m_banner .img {width:100%;height:100%; max-width:356px; max-height:200px; overflow:hidden; border-radius:10px;}
.section1 .mvisual .m_banner .img img {width:100%; height:100%; object-fit:cover;}
.section1 .mvisual .m_banner_wrap {width:100%; height:100%; position:relative;}
.section1 .mvisual .m_banner_wrap .navi {display:flex;width:100%; max-width:156px;position:absolute; bottom:60px; right:0;}
.section1 .mvisual .m_banner_wrap .navi .slick-arrow {cursor:pointer; width:52px; height:52px; background:#142AA2 url('/pub/images/m_banner_arrow.svg') no-repeat 50% 50% / 12px;}
.section1 .mvisual .m_banner_wrap .navi .button-next {transform:rotate(180deg);}
.section1 .mvisual .m_banner_wrap .navi .play_pause {cursor:pointer; background:#0D1F83; width:52px; height:52px;}
.section1 .mvisual .m_banner_wrap .navi .play_pause button{width:100%; height:100%; display:none;}
.section1 .mvisual .m_banner_wrap .navi .play_pause .m_play{background:#fff; mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 9px; -webkit-mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 9px;}
.section1 .mvisual .m_banner_wrap .navi .play_pause .m_pause {background:url('/pub/images/m_banner_pause.svg') no-repeat 50% 50% / 9px;}
.section1 .mvisual .m_banner_wrap .navi .play_pause .on {display:block;}
.section2 {margin-top:68px;}
.section2 .inner {max-width:1640px; display:flex; gap:60px;}
.section2 .top_con {max-width:768px; width:100%;}
.section2 .top {margin-bottom:30px; align-items:center; justify-content:space-between;}
.section2 .top .tt {font-size:26px; font-weight:600; letter-spacing:-0.4px; line-height:31px; width:calc(100% - 90px);}
.section2 .top .navi {display:flex;width:100%;  justify-content:flex-end; align-items:center;}
.section2 .top .navi .slick-arrow {cursor:pointer; width:12px; height:12px; background:url('/pub/images/m_con_arrow.svg') no-repeat 50% 50% / contain;}
.section2 .top .navi .button-next {transform:rotate(180deg); position:relative; margin-left:25px;}
.section2 .top .navi .button-next:before {position:absolute; content:''; width:1px; height:10px; background:#ddd; top:50%; left:23px; transform:translate(0,-50%); }
.section2 .top .navi .navi_more {margin-left:20px;cursor:pointer; width:16px; height:16px; background:url('/pub/images/m_con_more.svg') no-repeat 50% 50% / contain;}
.section2 .left_con .con_wrap .slick-list {margin:0 -12px;}
.section2 .left_con .con_wrap .slick-slide {margin:0 12px;}
.section2 .left_con .con_wrap .con {border-radius:10px; min-height:295px; min-width:240px; border:1px solid #eee; padding:20px; position:relative;}
.section2 .left_con .con_wrap .con .tag {display:inline; font-size:14px; line-height:28px; letter-spacing:-0.4px; color:#3079E3; padding:5px 8px; background:rgba(48,121,227,0.11); border-radius:4px;}
.section2 .left_con .con_wrap .con .tt {color:#222; font-size:18px; font-weight:600; letter-spacing:-0.4px; line-height:28px; height:56px; text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box; margin-top:15px;}
.section2 .left_con .con_wrap .con:hover .tt {text-decoration:underline;}
.section2 .left_con .con_wrap .con .stt {color:#666; font-size:15px; letter-spacing:-0.4px; line-height:25px; text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box; margin-top:16px;}
.section2 .left_con .con_wrap .con .date {position:absolute; bottom:28px; left:23px; color:#999; font-size:14px; line-height:28px; letter-spacing:-0.4px;}
.section2 .left_con .con_wrap .con .img {display:block; width:100%; height:130px; margin-top:20px; overflow:hidden; border-radius:5px;}
.section2 .left_con .con_wrap .con .img img {width:100%; height:100%; object-fit:cover;}
.section2 .right_con .con_wrap .slick-list {margin:0 -12px;}
.section2 .right_con .con_wrap .slick-slide {margin:0 12px;}
.section2 .right_con .con_wrap .con {cursor:pointer;overflow:hidden; border-radius:10px; position:relative; width:100%; height:100%; min-height:295px; padding:30px 27px 30px 20px;}
.section2 .right_con .con_wrap .con:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.84));}
.section2 .right_con .con_wrap .con:hover:after {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(27,53,142,1));}
.section2 .right_con .con_wrap .con .img {position:absolute; top:0; left:0; width:100%; height:100%;}
.section2 .right_con .con_wrap .con .img  > img {width:100%; height:100%; object-fit:cover;}
.section2 .right_con .con_wrap .con .txt_box {position:absolute; bottom:28px; z-index:2; width:calc(100% - 40px); margin:0 auto;}
.section2 .right_con .con_wrap .con a {width:100%; height:100%;}
.section2 .right_con .con_wrap .con .tt {color:#fff; font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.4px; min-height:48px; text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box; }
.section2 .right_con .con_wrap .con:hover .tt  {text-decoration:underline;}
.section2 .right_con .con_wrap .con .date {color:rgba(255,255,255,0.8); font-size:14px; line-height:28px; letter-spacing:-0.4px;}  
.section3 {margin:60px 0 80px;}
.section3 .inner {max-width:1640px;}
.section3 .con {border:1px solid #eee; border-radius:10px; height:300px;}
.section3 .con1 {position:relative; border:unset; margin-right:22px; width:100%; max-width:431px;}
.section3 .con1 .con_banner {position:relative; width:100%; height:100%;}
.section3 .con1 .c_banner {position:relative; max-height:300px; overflow:hidden; border-radius:10px;}
.section3 .con1 .img {position:relative; width:100%;height:100%;}
.section3 .con1 .img img {width:100%; height:100%; object-fit:cover;}
.section3 .con1 .img a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.section3 .con1 .txt_box {position:absolute; top:0; left:0; width:100%; height:100%; padding:20px 32px 38px 32px;}
.section3 .con1 .tag {display:inline-block;font-size:14px;height:24px; line-height:24px; color:#fff; border:1px solid #fff; border-radius:4px;padding:0 8px;}
.section3 .con1 .stt {margin-top:10px; font-size:28px; line-height:44px; font-weight:300; letter-spacing:-0.4px; color:#fff;}
.section3 .con1 .tt {margin-bottom:10px; font-size:32px; line-height:44px; font-weight:700; letter-spacing:-0.4px; color:#fff;}
.section3 .con1 .stt2 {color:rgba(255,255,255,0.7); font-size:14px; font-weight:500; letter-spacing:-0.6px;} 
.section3 .con1 .banner_more {position:absolute; left:32px; bottom:27px; border-radius:20px;width:120px; height:40px; line-height:40px; background:#fff; color:#222; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:500;}
.section3 .con1 .banner_more i {margin-left:10px; transform:rotate(180deg); width:12px; height:12px; background:url('/pub/images/m_con_arrow.svg') no-repeat 50% 50% / contain;}
.section3 .con1 .navi {padding:14px 24px;height:44px; max-width:162px; width:100%; position:absolute; bottom:0; right:0; z-index:22;display:flex;width:100%;  justify-content:flex-end; align-items:center; background:rgba(0,0,0,0.7); border-radius:10px 0 10px 0;}
.section3 .con1 .navi .slick-arrow {cursor:pointer; width:16px; height:16px; background:url('/pub/images/m_con_arrow_w.svg') no-repeat 50% 50% / 10px;}
.section3 .con1 .navi .button-next {transform:rotate(180deg);}
.section3 .con1 .navi .navi_more {margin-left:20px;cursor:pointer; width:16px; height:16px; background:url('/pub/images/m_con_more_w.svg') no-repeat 50% 50% / contain;}
.section3 .con1 .navi .cb_paging {padding:0 8px; display:flex;} 
.section3 .con1 .navi .cb_paging .slick-dots {display:flex;}
.section3 .con1 .navi .cb_paging li {width:35px; font-size:14px; color:rgba(255,255,255,0.5); display:none; font-weight:300; }
.section3 .con1 .navi .cb_paging li strong {font-weight:600; color:#fff;}
.section3 .con1 .navi .cb_paging li .bar {padding-right:2px;}
.section3 .con1 .navi .cb_paging .slick-dots li.slick-active {display:block;}
.section3 .con2 {margin-right:24px; padding:30px 32px; width:617px;}
.section3 .con2 .top {justify-content:space-between; margin-bottom:32px;}
.section3 .con2 .top .tt {font-size:26px; font-weight:600; line-height:31px; letter-spacing:-0.4px;}
.section3 .con2 .top .more {cursor:pointer; width:16px; height:16px; background:url('/pub/images/m_con_more.svg') no-repeat 50% 50% / contain;}
.section3 .con2 .list_con {overflow:hidden; max-height:180px;}
.section3 .con2 .list {margin-bottom:18px;}
.section3 .con2 .list:last-child {margin-bottom:0;}
.section3 .con2 .list a{display:flex; justify-content:space-between; align-items:center;}
.section3 .con2 .list .tt {width:100%; max-width:450px; color:#666; font-size:16px; line-height:16px; text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:normal; display:-webkit-box;}
.section3 .con2 .list:hover .tt {text-decoration:underline; color:#222;}
.section3 .con2 .list .date {color:#999; font-size:14px; text-align:right; width:100%; max-width:calc(100% - 450px);}
.section3 .con3 {padding:40px 35px; min-width:504px;}
.section3 .con3 .top {font-size:28px; font-weight:600; line-height:36px; letter-spacing:-0.4px; color:#222; margin-bottom:24px;}
.section3 .con3 .top .ft16 {font-size:16px; color:#666; font-weight:500; display:block;}
.section3 .con3 .more_btn {padding:0 12px 0 20px;height:40px; width:200px; line-height:40px; font-size:16px; letter-spacing:-0.4px; display:flex;  justify-content:space-between; align-items:center; border-radius:20px; border:1px solid #eee; box-shadow:0 3px 6px rgba(0,0,0,0.1); margin-bottom:8px;}
.section3 .con3 .more_btn:last-child {margin-bottom:0;}
.section3 .con3 .more_btn i {display:inline-block; width:12px; height:12px;background:url('/pub/images/m_con_ceo_btn.svg') no-repeat 50% 50% / contain;}
.section3 .con3 .more_btn:hover {border-color:#1B358E; color:#1B358E; font-weight:700;}
.section3 .con3 .more_btn:hover i {background-image:url('/pub/images/m_con_ceo_btn_on.svg');}
.section3 .con3 .right {position:relative;}
.section3 .con3 .right:after {position:absolute; content:''; width:342px; height:317px; bottom:-26px ; right:-62px; background:url('/pub/images/m_con_ceo.png') no-repeat 50% 50% / contain;}
/*sub*/
.svisual {width:100%; height:500px; position:relative; z-index:1; background:#EFEFEF;}
.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background-position:center; background-repeat:no-repeat;background-size:cover;}
.svisual.g01:before {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02:before {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03:before {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04:before {background-image:url('/pub/images/svisual04.jpg');}
.svisual .inner {}
.svisual .aside {position:relative;height:100%; width:100%; max-width:1440px; margin:0 auto; padding:0 20px; }
.svisual .aside .inner {position:absolute; top:50%; left:20px; transform:translate(0,-50%); }
.svisual .location {display:flex; gap:10px; align-items:center;}
.svisual .location .home {width:18px; height:18px; background:url('/pub/images/home.svg') no-repeat center center / contain;}
.svisual .location span {position:relative;font-size:16px; line-height:19px; color:rgba(255,255,255,0.6);}
.svisual .location span.on {color:#fff;}
.svisual .location .h_arrow {width:7px; height:12px; background:url('/pub/images/home_arrow.svg') no-repeat center center / contain;}
.svisual .title {font-size:50px; font-weight:700; letter-spacing:-0.2px; line-height:64px; color:#fff; margin-top:30px;}

.svisual .deps {border-bottom:1px solid #EEEEEE; height:70px; background:#fff; }
.svisual .deps .g,
.svisual .deps .s dt {display:none;}
.svisual .deps .s {width:100%; }
.svisual .deps .s dd {width:100%; display:flex; align-items:center;}
.svisual .deps  a {display:block;  color:#222; font-size:20px; line-height:21px; padding:25px 0; text-align:center; position:relative;}
.svisual .deps  a.on {color:#1B358E; font-weight:700;}
.svisual .deps  a.on:after {width:100%; height:2px; background:#1B358E ; bottom:0; content:''; position:absolute; left:50%; transform:translate(-50%,0);}
.svisual.g01 .deps a {width:calc(100% / 6);}
.svisual.g02 .deps a {width:calc(100% / 4);}
.svisual.g03 .deps a {width:calc(100% / 2);}
.svisual.g04 .deps a {width:calc(100% / 1);}

.container  {padding:170px 0 200px;}
.container .title {font-size:40px; line-height:47px; font-weight:700; color:#222; text-align:center; margin-bottom:100px;}
.container.g00 {padding:200px 0;}
.container.g00 .inner {max-width:534px;}
.container.g00 .title {line-height:64px;}

/*협회소개*/
/*소개*/
.about_wrap {max-width:1920px; width:100%; position:relative; margin:0 auto;}
.about_wrap .about_top_img {padding-left:260px;}
.about_wrap .txt_box {padding-left:260px;}
.about_wrap .txt_box .tt {font-size:34px; line-height:50px; font-weight:700; color:#323232; margin-bottom:40px; margin-top:60px;}
.about_wrap .txt_box .stt {font-size:20px; line-height:28px; color:#666;}
/*협회장 인사말*/
/* .greeting_wrap {display:flex;gap:98px;}
.greeting_wrap .img {width:100%; max-width:600px;} */
.greeting_wrap .txt_box .top {text-align:center; font-size:32px; line-height:34px; font-weight:700; letter-spacing:-0.5px; margin-bottom:60px;}
.greeting_wrap .txt_box .btm p{font-size:20px; line-height:28px; color:#444; margin-bottom:40px; text-align:center;}
.greeting_wrap .txt_box .btm p:last-child {margin-bottom:100px;}
.greeting_wrap .sign_wrap {display:flex; justify-content:flex-end; align-items:center;gap:25px;}
.greeting_wrap .sign_wrap .left {font-size:18px; font-weight:600; line-height:25px; color:#222;}
.greeting_wrap .sign_wrap .right {font-size:50px; line-height:32px; color:#222;}
.greeting_wrap .txt_box .btm p.c222 {color:#222; font-weight:700;}
.greeting_wrap .ceo_img {position:relative; width:1280px; margin:0 auto; text-align:center; border-bottom:1px solid #F5F5F5;}
.greeting_wrap .ceo_img span {position:relative; display:inline-block; vertical-align:top;}
.greeting_wrap .ceo_img .name {position:absolute; bottom:30px; left:0; display:flex; gap:20px;}
.greeting_wrap .ceo_img p {font-size:16px; color:#222; font-weight:600; line-height:22px; text-align:left;}
.greeting_wrap .ceo_img img {width:100%; max-height:287px; max-width:830px;}

.greeting_s_bg {position:relative; height:300px; display:flex; justify-content:center; align-items:center; margin-bottom:65px;}
.greeting_s_bg .bg {position:absolute; top:0; left:0; width:100%; height:100%;}
.greeting_s_bg .bg img {width:100%; height:100%; object-fit:cover;}
.greeting_s_bg span {position:relative; color:#fff; padding:0 50px;font-size:36px; line-height:38px; font-weight:600; text-shadow:0px 3px 6px rgba(0,0,0,0.3);}
.greeting_s_bg span:before,
.greeting_s_bg span:after {content:""; position:absolute; top:-8px; width:30px; height:24px; background:no-repeat 50% 50% / contain;}
.greeting_s_bg span:before {left:0; background-image:url('/pub/images/icon_dda_left.svg');}
.greeting_s_bg span:after {right:0; background-image:url('/pub/images/icon_dda_right.svg');}
/*연혁*/
.history_list {position:relative; padding-left:43%; opacity:0; padding-top:100px; transition:.2s linear;}
.history_list .years_tit {position:absolute; top:0; left:20px; width:43%; height:100vh; max-height:calc(var(--vh, 1vh) * 100); display:flex; flex-direction:column;}
.history_list .years_tit ul {display:flex; flex-direction:column; gap:20px;}
.history_list .years_tit li {font-size:24px; color:rgba(26,26,26,0.2); font-weight:700; letter-spacing:-0.4px; line-height:24px;}
.history_list .years_tit li.on {color:#1B358E; font-size:70px;margin-bottom:20px;font-weight:900; line-height:56px; letter-spacing:-0.2px;}
.history_list .years_tit li a {display:block; color:inherit;}
.history_list .years_con { display:flex; flex-direction:column; gap:100px; position:relative; }
.history_list .years_con:after {z-index:-1;content:''; position:absolute; left:-80px; width:1px;  height:100%; background:linear-gradient(#1B358E 50vh,#ddd calc(50vh + 1px));  background-attachment:fixed !important;}
.history_list .years_con dt {position:relative; font-size:30px; color:#1A1A1A; font-weight:700; line-height:30px; letter-spacing:-0.4px;}
.history_list .years_con dt:before {content:''; position:absolute; left:-93px; width:28px; height:28px; border-radius:50%; border:1px solid #1B358E; background:#fff;}
.history_list .years_con dt:after {content:''; position:absolute; top:8px; left:-85px;width:12px; height:12px; border-radius:50%; background:#1B358E;}
.history_list .years_con dt .ypoint {position:absolute; top:-50vh;}
.history_list .years_con dd {padding-top:50px; display:flex; flex-direction:column; gap:38px;}
.history_list .years_con dd p {position:relative; color:#666; line-height:28px; padding-left:80px;}
.history_list .years_con dd p strong {position:absolute; top:0; left:0; color:#ddd; font-weight:700; font-size:22px; line-height:28px;}
/* .history_list .years_con dl.on dt {padding-top:0;}
.history_list .years_con dl.on dt:before {top:unset;}
.history_list .years_con dl.on dt:after {top:8px;} */
.history_list .years_con dl.on dd p strong {color:#222;}
.history_list .years_con dd p span {font-size:20px; line-height:28px;color:#666;}
.history_list .hispoint {position:absolute; top:-150px;}
.history_list .setpoint {position:absolute; top:-150px;}
.history_list .his_end {top:unset; bottom:271px;}
.history_list.start .years_tit {position:fixed; top:150px; left:50%; margin-left:-680px;}
.history_list.end .years_tit {position:absolute; bottom:0; top:auto;}
.con_fadeup { position:absolute; top:10vh;}
.history_list.up {opacity:1; padding-top:0;}
/*조직도*/
.organization_wrap .organization_img {padding-bottom:160px;}
.organization_wrap .tlt {font-size:30px; line-height:36px; font-weight:700; color:#222; margin-bottom:60px; text-align:center;}
.organization_wrap .organization_tbl .thead {border-top:1px solid #EBEBEB; background:#F6F6F6; color:#222; font-size:20px; line-height:21px;font-weight:600; }
.organization_wrap .organization_tbl .thead th {padding:30px 0; text-align:center;}
.organization_wrap .organization_tbl tr {border-bottom:1px solid #EBEBEB;}
.organization_wrap .organization_tbl tr td {text-align:center; padding:30px 0; font-size:20px; font-weight:500; line-height:21px; color:#666;}
.organization_wrap .organization_tbl .bg {background:rgba(232,240,252,0.5); color:#222;}
/*ci*/
.ci_wrap {margin-top:24px;}
.ci_wrap .ci_top_img {margin-bottom:160px; display:flex; gap:60px;}
.ci_wrap .ci_top_img img {width:calc(50% - 30px);}
.ci_wrap .list {display:flex; gap:244px}
.ci_wrap .list li {width:calc((100% - 486px) / 3); position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.ci_wrap .list li:nth-child(2):after {content:''; position:absolute; top:50%; transform:translate(0,-50%); right:-122px; width:1px; height:100%; background:#eee;}
.ci_wrap .list li:nth-child(2):before {content:''; position:absolute; top:50%; transform:translate(0,-50%); left:-122px; width:1px; height:100%; background:#eee;}
.ci_wrap .list li .icon {display:block;}
.ci_wrap .list li .icon01 {width:93px; height:60px;background:url('/pub/images/ci_icon01.svg') no-repeat center center / contain;}
.ci_wrap .list li .icon02 {width:61px; height:67px;background:url('/pub/images/ci_icon02.svg') no-repeat center center / contain;}
.ci_wrap .list li .icon03 {width:67px; height:65px;background:url('/pub/images/ci_icon03.svg') no-repeat center center / contain;}
.ci_wrap .list li .tt {font-size:24px; font-weight:700; line-height:32px; text-align:center; margin:46px 0 0;}
.ci_wrap .list li .stt {letter-spacing:-0.2px;font-size:20px; line-height:28px; max-width:304px; width:100%; margin-top:30px;}
/*contact_point*/
.contact_point_wrap .title{margin-bottom:30px;}
.contact_point_wrap .top_info {text-align:center; font-size:20px; font-weight:600; line-height:24px; color:#222;}
.contact_point_wrap .top_info .email {font-size:18px; line-height:21px; font-weight:400; margin-top:8px; display:block;}
.contact_point_wrap .info_list {margin-top:100px; display:flex; flex-wrap:wrap; gap:48px 25px;}
.contact_point_wrap .info_list li {border-radius:10px; width:calc((100% - 100px) / 5);padding:28px 17px 28px 18px;background:#fff; box-shadow:0 3px 15px rgba(0,0,0,0.05);}
.contact_point_wrap .info_list li .img {display:flex; align-items:center; justify-content:center; height:42px; overflow:hidden;}
.contact_point_wrap .info_list li .txt_box {margin-top:35px; padding-top:20px; border-top:1px solid #ddd;}
.contact_point_wrap .info_list li .txt_box > div {display:flex; align-items:center;}
.contact_point_wrap .info_list li .txt_box > div:nth-child(1) {margin-bottom:15px;}
.contact_point_wrap .info_list li .txt_box .td {font-size:14px; line-height:16px; color:#666; position:relative; width:45px;}
.contact_point_wrap .info_list li .txt_box .td:after {content:''; position:absolute; background:#EBEBEB; width:1px; height:15px; top:50%; right:0px; transform:translate(0,-50%);}
.contact_point_wrap .info_list li .txt_box .th {font-size:14px; line-height:16px; color:#222; font-weight:600; width:calc(100% - 45px); padding-left:10px; }
.contact_point_wrap .info_list li .txt_box > div:nth-child(2) .th {letter-spacing:-0.2px;}
/*협회소식*/
/*자료실안내*/
.photo_view_wrap  .tit .tag {margin-right:20px;}
/*행사안내*/
.event_wrap .board_top{align-items:flex-end;}
.event_view_wrap  .tit .tag {margin-right:20px;}
.event_view_wrap .downfile {padding:13px 30px;}
.event_view_wrap .downfile li {margin-bottom:17px;}
.event_view_wrap .con p {margin-bottom:23px; line-height:25px; font-size:18px;color:#222;}
.event_view_wrap .con p:last-child {margin-bottom:0;}
/*현장사진*/
.gallery_wrap .d_flex {justify-content:flex-end;}
.gallery_wrap .board_bottom .paging {margin-top:32px;}
.gallery_write_wrap dl {display:flex; align-items:center; margin-bottom:30px; flex-wrap:wrap;}
.gallery_write_wrap dl:last-child {margin-bottom:0;}
.gallery_write_wrap dt {width:217px; }
.gallery_write_wrap dt span {font-size:18px; font-weight:600; line-height:30px; color:#222;}
.gallery_write_wrap dd {width:calc(100% - 217px);}
.gallery_write_wrap input.text {width:500px; height:50px; line-height:50px;}
.gallery_write_wrap .btn_wrap {gap:10px; display:flex;justify-content:center; }
.gallery_write_wrap .btn_write_w {height:60px; line-height:60px;}
.gallery_write_wrap .btn_write {height:60px; line-height:60px;}
.gallery_write_wrap .file_wrap{align-items:flex-start;}
.gallery_write_wrap .file_wrap .d_flex.gap10 {gap:10px; align-items:center; height:40px;}
.gallery_write_wrap .pm_btn button {width:20px; height:20px;}
.gallery_write_wrap .pm_btn .plus {border-radius:2px 0 0 2px; background:#EEEEEE url('/pub/images/file_plus.svg') no-repeat center center / 12px; border-right:0.5px solid #ccc;} 
.gallery_write_wrap .pm_btn .min {border-radius:0 2px 2px 0; background:#EEEEEE url('/pub/images/file_min.svg') no-repeat center center / 12px;}
/*언론보도*/
.press_wrap .board_tbl .t_head .th:nth-child(1){width:14%;}
.press_wrap .board_tbl .t_head .th:nth-child(2){width:45%;}
.press_wrap .board_tbl .t_head .th:nth-child(3){width:14%;}
.press_wrap .board_tbl .t_head .th:nth-child(4){width:12%;}
.press_wrap .board_tbl .t_head .th:nth-child(5){width:15%;}
.press_wrap .board_tbl .td:nth-child(1){width:14%;}
.press_wrap .board_tbl .td:nth-child(2){width:45%;}
.press_wrap .board_tbl .td:nth-child(3){width:14%;}
.press_wrap .board_tbl .td:nth-child(4){width:12%;}
.press_wrap .board_tbl .td:nth-child(5){width:15%;}

.press_wrap .d_flex {justify-content:flex-end; }
.press_wrap .board_bottom .paging {margin-top:32px;}
.press_write_wrap dl {display:flex; align-items:center; margin-bottom:30px; flex-wrap:wrap;}
.press_write_wrap dl:last-child {margin-bottom:0;}
.press_write_wrap dt {width:217px; }
.press_write_wrap dt span {font-size:18px; font-weight:600; line-height:30px; color:#222;}
.press_write_wrap dd {width:calc(100% - 217px);}
.press_write_wrap input.text {width:500px; height:50px; line-height:50px;}
.press_write_wrap .btn_wrap {gap:10px; display:flex;justify-content:center; }
.press_write_wrap .btn_write_w {height:60px; line-height:60px;}
.press_write_wrap .btn_write {height:60px; line-height:60px;}
.press_write_wrap .file_wrap{align-items:flex-start;}
.press_write_wrap .file_wrap .d_flex.gap10 {gap:10px; align-items:center; height:40px;}
.press_write_wrap .pm_btn button {width:20px; height:20px;}
.press_write_wrap .pm_btn .plus {border-radius:2px 0 0 2px; background:#EEEEEE url('/pub/images/file_plus.svg') no-repeat center center / 12px; border-right:0.5px solid #ccc;} 
.press_write_wrap .pm_btn .min {border-radius:0 2px 2px 0; background:#EEEEEE url('/pub/images/file_min.svg') no-repeat center center / 12px;}
.file_area {flex-wrap:wrap; margin-bottom:10px;}
.file_area:last-child {margin-bottom:0;}
.filebutton{position:relative; width:90px; height:40px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:40px; font-size:16px; color:#161616; text-align:center; vertical-align:top; background:#fff; border-radius:5px; border:1px solid #ccc;}
.filebutton input { z-index:999; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox a{ max-width:calc(100% - 90px); height:40px; line-height:40px; padding:0 15px; overflow:hidden; font-size:16px; color:#222; white-space:nowrap; border-right:0;}
.filebox a:hover {text-decoration:underline;}
/*참여센터*/
/*faq*/
.faq_wrap {border-top:1px solid #666;}
.faq_wrap dt {height:80px; line-height:80px; border-bottom:1px solid #ddd; cursor:pointer;  position:relative; padding:0 20px;}
.faq_wrap dt button {gap:20px;font-size:18px; font-weight:600;  width:100%;  display:flex;  height:100%;  max-height:80px;  align-items:center;}
.faq_wrap dt strong {font-size:18px; width:30px; font-weight:600; height:30px; background:#222; border-radius:50%; display:flex; color:#fff; align-items:center; justify-content:center;}
.faq_wrap dd strong {font-size:18px; width:30px; font-weight:600; height:30px; background:#1B358E; border-radius:50%; display:flex; color:#fff; align-items:center; justify-content:center;}
.faq_wrap dt button span { overflow:hidden; vertical-align:top; text-overflow:ellipsis;  word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; display:-webkit-box; text-align:left; max-height:65px; line-height:35px; width:calc(100% - 62px);}
.faq_wrap dt i { width:12px; height:12px; background:url('/pub/images/btn_faq.svg') no-repeat center center / contain;}
.faq_wrap dd {display:none; border-bottom:1px solid #ddd; font-size:18px; color:#222; padding:28px 20px; /* min-height:329px;*/ background:#f6f6f6; }
.faq_wrap dd .d_flex {flex-wrap:wrap; gap:20px;}
.faq_wrap dd span { width:calc(100% - 50px);}
.faq_wrap .on dt i {transform:rotate(180deg);}
/*문의_제휴*/
.inquiry_wrap .d_flex {gap:106px;}
.inquiry_wrap dl {margin-bottom:40px;}
.inquiry_wrap dl.w50 {width:50%;}
.inquiry_wrap dl dt {font-size:20px; font-weight:700; line-height:21px; color:#222; margin-bottom:20px;}
.inquiry_wrap dl dt .necessary {color:#FF4AAA;}
.inquiry_wrap textarea {height:300px;}
.inquiry_wrap .captcha .c_navy {font-size:15px; font-weight:400;}
.inquiry_wrap .captcha dd {display:flex; gap:10px;}
.inquiry_wrap .captcha .img {border:1px solid #ddd; border-radius:5px; width:261px; height:60px; display:flex; align-items:center; justify-content:center;}
.inquiry_wrap .captcha button {width:60px; height:60px; background:#ddd url('/pub/images/captcha_btn.svg') no-repeat center center / contain; border-radius:5px;}
.inquiry_wrap .captcha .text {width:261px;}
.inquiry_wrap .checkbox label {font-weight:600;}
.inquiry_wrap .checkbox label .c_navy {font-size:15px; font-weight:400; line-height:18px; text-decoration:underline; margin-left:10px;}
.inquiry_wrap .mr30 {margin-right:30px;}
.inquiry_wrap .btn_inquiry {width:200px; margin:0 auto; text-align:center; line-height:60px; font-weight:600;}
/*마이페이지*/
/*로그인*/
.mem_wrap label.check {padding-left:26px; font-size:16px;color:#707070;}
.mem_wrap label.check i {width:16px; height:16px; border-color:#ddd;}
.btn_mem {margin-top:40px; background-color:#1B358E; border-radius:5px; color:#fff; font-weight:600; line-height:60px; width:100%; text-align:center;}
.mem_wrap .mem_fj {gap:40px;margin-top:30px; color:#707070; align-items:center; justify-content:center; }
.mem_wrap .mem_fj a {position:relative; font-size:16px; line-height:19px; color:#707070;}
.mem_wrap .mem_fj a:after {position:absolute; content:''; width:1px; height:13px; background:#ddd; top:50%; right:-20px; transform:translate(0,-50%);}
.mem_wrap .mem_fj a:last-child:after {content:unset;}
/*아이디찾기*/
.container.g00.s02 .stt {font-size:16px; line-height:25px; color:#222; margin-bottom:60px; text-align:center;}
/*아이디찾기완료*/
.container.g00 .find_com {width:30px;margin:0 auto; margin-bottom:17px; height:30px; display:block; background:url('/pub/images/find_complete.svg') no-repeat center center / contain;}
.container.g00.s03 .title {margin-bottom:60px;}
.mem_wrap .bg_stt {text-align:center;background:#F6F6F6; font-size:18px;color:#222; line-height:25px; padding:37px 0 42px;}
.mem_wrap .bg_stt .fw600 {font-weight:600;}
.btn_mem_white {background:#fff; color:#222; border:1px solid #666666; margin-top:15px;}
/*비밀번호찾기*/ 
.container.g00.s04 .stt {font-size:16px; line-height:25px; color:#222; margin-bottom:60px; text-align:center;}
/*새비밀번호입력*/ 
.container.g00.s05 .stt {font-size:16px; line-height:25px; color:#222; margin-bottom:60px; text-align:center;}
.mem_wrap .c_navy {font-size:16px;line-height:19px;}
/*비밀번호변경완료*/ 
.container.g00.s06 .stt {font-size:18px; line-height:25px; color:#222; margin-bottom:60px; text-align:center;}
/*회원가입*/
.join_wrap dl {margin-bottom:30px;}
.join_wrap dl dt {font-size:18px; font-weight:600; line-height:21px; color:#222; margin-bottom:15px;}
.join_wrap dl dt .necessary {color:#FF4AAA;}
.join_wrap .checkbox {padding:30px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.join_wrap label.check{font-size:16px; line-height:19px;font-weight:300;color:#222;}
.join_wrap .checkbox label .c_navy {font-size:15px; font-weight:400; line-height:18px; text-decoration:underline; margin-left:10px;}
.join_wrap label.check i {border-color:#666; top:2px;}
.join_wrap .btn_join {width:200px; margin:0 auto; background:#1B358E; color:#fff; text-align:center; font-weight:600; line-height:60px;}
.join_wrap input.text {height:50px;padding:15px;}
.join_wrap button {width:120px; color:#fff;font-size:16px; background:#222; border-radius:0 5px 5px 0;}
.join_wrap .d_flex input.text {width:calc(100% - 120px); border-radius:5px 0 0 5px;}
.join_wrap .mr30 {margin-right:30px;}
.join_wrap label.radio {padding-left:30px;}
.join_wrap .checkbox_mail {padding:38px 0 0 0; text-align:center; border-top:unset; border-bottom:unset; }
.join_wrap .alfw { align-items:flex-start;}
.join_wrap .alfw label.radio {display:block; margin-right:0;}
.join_wrap .alfw label.radio.d_flex {display:flex; gap:12px; align-items:center;}
.join_wrap .alfw label.radio i {top:50%; transform:translate(0,-50%);}
.join_wrap .alfw .text {display:block; max-width:391px; width:100% !important;}
.join_wrap label.radio {font-size:16px; padding-left:32px;margin-right:30px;}

/*회원가입완료*/
.container.g00 .join_com {width:35px;margin:0 auto; margin-bottom:17px; height:35px; display:block; background:url('/pub/images/join_complete.svg') no-repeat center center / contain; }
.container.g00.s08 .stt {font-size:18px; line-height:25px; color:#222; margin-bottom:60px; text-align:center;}
/*나의 활동내역*/
.container.g00.s09 .inner {max-width:1440px;}
.container .mypage_wrap .title {margin-bottom:60px;}
.mypage_wrap .tabs_wrap {display:flex; gap:10px; justify-content:center; align-items:center;}
.mypage_wrap .tabs_wrap .btn {text-align:center;background:#EEEEEE; border:1px solid #EEEEEE; border-radius:30px; height:50px; line-height:50px; width:180px; color:#999; font-size:16px;}
.mypage_wrap .tabs_wrap .btn.on {border:1px solid #1B358E; background:#fff; color:#1B358E; font-weight:700;}
.mypage_list_wrap .list_top .s_title {font-size:30px; font-weight:700; line-height:36px;}
.mypage_list_wrap .list_top .search_top {background:#F6F6F6; padding:24px 20px; align-items:center;}
.mypage_list_wrap .list_top .search_top .tt {margin-right:30px; color:#333; line-height:19px; font-size:16px; letter-spacing:-0.2px; position:relative;}
.mypage_list_wrap .list_top .search_top .tt:after {content:''; position:absolute; top:50%; right:-15px; width:1px; height:13px; transform:translate(0,-50%); background:#ddd;}
.mypage_list_wrap .list_top .search_top .period {margin-right:15px;display:flex; align-items:center; gap:5px;}
.mypage_list_wrap .list_top .search_top .period li a {background:#fff;width:60px; height:32px; text-align:center; line-height:32px; border-radius:5px;display:block; border:1px solid #ddd; color:#333; font-size:14px; letter-spacing:-0.2px;}
.mypage_list_wrap .list_top .search_top .period li.on a {color:#1B358E; border-color:#1B358E;}
.mypage_list_wrap .list_top .search_top .btn_confirm {margin-left:20px; background:#1B358E; color:#fff; border-radius:5px; height:32px; width:92px; display:block; font-size:14px; line-height:32px; letter-spacing:-0.2px; text-align:center;}
.mypage_wrap .date {display:flex; gap:6px; align-items:center; }
.mypage_wrap .date .text {font-size:14px; padding:0 15px; border:1px solid #ddd; border-radius:5px; height:32px; line-height:32px; width:140px; cursor:pointer;}
.mypage_wrap .date .bar {font-size:14px; line-height:16px; color:#333;}
.mypage_list_wrap .board_tbl .th:nth-child(1) {width:8%;}
.mypage_list_wrap .board_tbl .th:nth-child(2) {width:13%;}
.mypage_list_wrap .board_tbl .th:nth-child(3) {width:52%;}
.mypage_list_wrap .board_tbl .th:nth-child(4) {width:12%;}
.mypage_list_wrap .board_tbl .th:nth-child(5) {width:15%;}
.mypage_list_wrap .board_tbl .td:nth-child(1) {width:8%;}
.mypage_list_wrap .board_tbl .td:nth-child(2) {width:13%;}
.mypage_list_wrap .board_tbl .td:nth-child(3) {width:52%;}
.mypage_list_wrap .board_tbl .td:nth-child(4) {width:12%;}
.mypage_list_wrap .board_tbl .td:nth-child(5) {width:15%;}
/*회원정보 수정*/
.container.g00.s10 .inner {max-width:663px;}
.mypage_wrap2 .btns_wrap {display:flex; gap:10px; align-items:center; justify-content:center; }
.mypage_wrap2 .btns_wrap .btn {text-align:center;color:#222; font-size:16px; font-weight:600; border:1px solid #666; border-radius:50px; width:200px; height:60px; line-height:60px; } 
.mypage_wrap2 .btns_wrap .btn_modify {color:#fff;}
.mypage_wrap2 dl {margin-bottom:30px; display:flex; align-items:center;}
.mypage_wrap2 dl dt {width:calc(100% - 494px); font-size:18px; font-weight:600; line-height:21px; color:#222;}
.mypage_wrap2 dl dt .necessary {color:#FF4AAA;}
.mypage_wrap2 dd {max-width:494px; width:100%; font-size:16px; color:#222; line-height:19px;}
.mypage_wrap2 dd span {padding:15px;}
.mypage_wrap2 input.text {height:50px;padding:15px;}
.mypage_wrap2 button {width:120px; color:#fff;font-size:16px; background:#222; border-radius:0 5px 5px 0;}
.mypage_wrap2 .d_flex input.text {width:calc(100% - 120px); border-radius:5px 0 0 5px;}
.modify_list .alfw { align-items:flex-start;}
.modify_list .alfw label.radio {display:block; margin-right:0;}
.modify_list .alfw label.radio.d_flex {display:flex; gap:12px; align-items:center;}
.modify_list .alfw label.radio i {top:50%; transform:translate(0,-50%);}
.modify_list .alfw .text {display:block; max-width:391px; width:100% !important;}
.modify_list label.radio {font-size:16px; padding-left:32px;margin-right:30px;}
.pop_withdrawal .pop_con{padding:30px 40px 50px 40px;}
.pop_withdrawal .pop_con .tt {margin:18px 0;font-size:18px; font-weight:600; line-height:21px;}
.pop_withdrawal .pop_con .tt:nth-child(1) {margin-top:0; margin-bottom:18px;}
.pop_withdrawal .pop_con .tt.mt50 {margin-bottom:17px;}
.pop_withdrawal .pop_con .stt.mb16 {margin-bottom:16px;} 
.pop_withdrawal .pop_con p .dot {padding-right:10px;}
.pop_withdrawal .btns_wrap {display:flex; align-items:center; justify-content:center; gap:10px;}
.pop_withdrawal .btns_wrap .btn {text-align:center;width:150px; height:50px; line-height:50px;border:1px solid #666; color:#222; font-weight:600;}
.pop_withdrawal .btns_wrap .btn_black {color:#fff;}
.fancybox-inner {overflow:unset !important}

.mypage-flexs .mypage-flex {flex-grow:1;padding:30px 3.5% 30px 2.5%;display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;}
.mypage-flexs .mypage-flex .btn {border-radius:0; width:120px; height:40px; line-height:38px;}
.mypage-flex .tit {font-size:24px;font-weight:600;}
.mypage-flex .tit::before {content:"";width:80px;height:80px;display:inline-block;vertical-align:middle;margin:0 20px 0 0;background-repeat:no-repeat;background-size:100%;background-position:left top;}
.mypage-flex .tit.cert::before {background-image:url("/pub/images/ico_cert.svg");}
.mypage-flex .tit.fee01::before {background-image:url("/pub/images/ico_fee01.svg");}
.mypage-flex .tit.fee02::before {background-image:url("/pub/images/ico_fee02.svg");}

.pay-wrap {margin-top:40px;padding:35px 4.1%;padding-right:2%;background:#f8f8f8;}
.pay-wrap .tit {margin-bottom:15px;font-size:24px;font-weight:700;}
.pay-wrap .account {margin-bottom:5px;color:#1B358E;font-size:26px;font-weight:600;}
.pay-wrap .info {display:flex;flex-wrap:wrap;row-gap:10px;}
.pay-wrap .info p {padding-right:70px;position:relative;font-size:20px;color:#666;}
.pay-wrap .info p:last-child {padding-right:0;}
.pay-wrap .info p:not(:last-child)::after {content:"";width:1px;height:14px;position:absolute;right:35px;top:50%;background:#ddd; margin-top:-7px;}
.pay-wrap .info p span {display:inline-block;margin-right:30px;color:#222;font-weight:600;}

.rtit {position:relative; font-size:26px; color:#222; font-weight:600; line-height:40px; margin:80px 0 20px; padding-left:20px;}
.rtit:before {content:""; position:absolute; top:50%; left:0; width:10px; height:10px; background:#1B358E; border-radius:50%; top:15px;}

.board-list {margin-top:40px;border-top:1px solid #222;}
.board-list .head {padding:26px 0;font-size:22px;font-weight:600;background-color:#fafafa;border-bottom:1px solid #ddd;}
.board-list .body .row {height:100px;color:#666;font-size:20px;border-bottom:1px solid #ddd;}
.board-list .row {display:flex;align-items:center;text-align:center;}
.board-list .row .col {flex-shrink:0;}
.board-list .row .sm {flex-basis:8%;}
.board-list .row .rg {flex-basis:11%;}
.board-list .row .lg {flex-basis:16%;}
.board-list .row .full {flex-grow:1;flex-shrink:1;max-width:54%;}
.board-list.data .row .full {max-width:65%;}
.board-list .row .xl {flex-basis:30%;}
.board-list .body .row .full {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:2%;text-align:left;}
.board-list .row a {line-height:100px;color:#222;}
.board-list .row a:hover,.board-list .row a:focus {text-decoration:underline;text-underline-position:under;}
.board-list .row a .chip-inform {display:none;}
span[class*="dues-"] {display:inline-block;width:120px;line-height:38px;font-size:20px;font-weight:600;border-radius:20px;}
.dues-non {color:#222;border:1px solid #222;}
.dues-pay {color:#fff;background-color:#222;border:1px solid #222;}

/* modal */
.modal {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:110;}
.modal .dim {position:absolute;width:100%;height:100%;top:0;background:rgba(0, 0, 0, 0.5);z-index:1;}
.modal .modal-inner {max-width:700px;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);position:absolute;z-index:5;padding:60px;background:#fff;}
.modal .modal-inner .modal-head {padding-bottom:35px;text-align:center;border-bottom:1px solid #222;}
.modal .modal-inner .modal-head .heading {font-size:36px;font-weight:700;}
.modal .modal-inner .modal-body {padding:30px 0;overflow-y:auto;max-height:64vh;}
.modal .modal-inner .modal-tail {padding-top:40px;display:flex;justify-content:center;border-top:1px solid #ddd;}
.modal .modal-inner .modal-tail .btn {width:160px;line-height:48px; height:48px; color:#fff; background:#1B358E; border-radius:0; font-weight:600;}
.modal .modal-inner .btn-close {position:absolute;width:22px;height:22px;top:40px;right:40px;background:url("../images/ico_close.svg") no-repeat left top;background-size:100%;}
.modal .modal-inner .form.modal-body {padding:0;border:0;}
.modal .modal-inner .form .form-wrap .row:last-child {border-bottom:0;}
.modal .modal-inner .form .form-wrap {border-top:0;}
.modal .modal-inner .form .form-wrap .row .label {width:180px;padding-left:5%;}
.modal .modal-inner .form .form-wrap .value {padding-left:30px;padding-right:30px;}
.modal .modal-inner .form .form-wrap select {width:100%;}
.form-wrap {border-top:1px solid var(--color-dark);}
.form-wrap .row {display:flex;border-bottom:1px solid #ddd;}
.form-wrap .row .label {display:flex;width:220px;flex-shrink:0;align-items:center;padding:0 2.2%;font-size:22px;font-weight:600;background:#fafafa;}
.form-wrap .row .label.required::after {content:" *";display:contents;margin-left:2px;color:#f12e34;}
.form-wrap .row .value {padding:25px 2.2%;flex-grow:1;}
.form-wrap .row .value.text {padding-top:35px;padding-bottom:35px;font-size:20px;}
.form-wrap .row .value .text {margin:10px 0;font-size:20px;}
.form-wrap .row .value input {width:100%;max-width:60rem;}
.form-wrap .row .value .radio {margin-top:8px;margin-bottom:8px;}
.form-wrap .value .c-error {margin-top:10px;}
.form-wrap .value .btn {display:inline-block;margin-left:7px;}

span.radio {display:inline-block;margin:0.3rem 4rem 0.3rem 0;}
.radio input {display:none;}
.radio input + label {position:relative;display:block;padding-left:32px;font-size:20px;}
.radio input + label::before {content:"";width:20px;height:20px;position:absolute;left:0;top:4px;background:url("../images/ico_radio.svg") no-repeat left top;background-size:100%;}
.radio input:checked + label::before {background-position:left bottom;}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="password"],
select {height:50px;margin:0;position:relative;padding:0 20px;font-size:20px;font-weight:400;font-family:"Pretendard", "NanumGothic", "Malgun Gothic", "Open Sans","Arial", sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none; border:#ddd 1px solid;}
/* input[type="date"] {position:relative;-webkit-appearance:none;background:url("../images/ico_date.svg") no-repeat right 15px center;background-size:20px;} */