/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1900px){
	.sitemap .left {max-width:33vw;}
	.sitemap .right {width:67vw;}
	.sitemap .mid_con {padding:0 5vw ;}
	.sitemap .btm_con {padding-left:5vw; width:100%;}
}

/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1680px){
	.sitemap .right dl {gap:75px;}
	.sitemap .mid_con {padding:0 3vw ;}
	.sitemap .btm_con {padding-left:3vw;}
}
/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1640px){
	.header .logo,
	.header .logo2,
	.header .logo3 {left:20px;}
	.section1 .mvisual .inner {max-width:100%; }
	.section2 .inner {max-width:100%; gap:30px;}
	.section2 .top_con {max-width:calc((100% - 30px) / 2);}
	/* .section2 .left_con .con_wrap .con, */
	/* .section2 .right_con .con_wrap .con {min-height:18vw;} */
	.section3 .con2 .list .tt {max-width:380px; }
	.section3 .con2 .list .date { width:100%; max-width:calc(100% - 380px);}
}

/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1600px){
	.f_banner {max-width:100%; padding:0 30px;}
	.f_banner .mv_wrap {max-width:calc(100% - 100px);}
	
	.section3 .con2 .list .tt {max-width:300px; }
	.section3 .con2 .list .date { width:100%; max-width:calc(100% - 300px);}
}

/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1510px){	
	.sitemap .right dl {gap:55px;}
	.sitemap .right dd ul {gap:35px;}
}


/* ------------------------------ PC 분기 ------------------------------ */
@media screen and (max-width:1480px){
	.greeting_wrap {gap:50px}
	.greeting_wrap .txt_box {max-width:100%;}

	.section3 .con2 .list .tt {max-width:220px; }
	.section3 .con2 .list .date { width:100%; max-width:calc(100% - 240px);}
	
}

/* ------------------------------ PC 분기 ------------------------------ */
@media screen and (max-width:1440px){	
	.history_list  {padding-left:43%;}
	.history_list .years_tit {width:33%; left:20px;}
	.history_list.start .years_tit {margin-left:0px; left:40px}
	.contact_point_wrap .info_list li {width:calc((100% - 75px) / 4);}
}

/* ------------------------------ PC 분기 ------------------------------ */
@media screen and (max-width:1400px){	
	.section3 .d_flex {flex-wrap:wrap; gap:30px; }
	.section3 .con1 {width:calc((100% - 30px) / 2); margin-right:0; max-width:unset; overflow:hidden;}
	.section3 .con1 .img img {width:100%; height:100%; object-fit:cover;}
	.section3 .con2 {width:calc((100% - 30px) / 2); margin-right:0; max-width:unset} 
	.section3 .con3 {width:100%; max-width:unset}
	
}

/* ------------------------------ PC 가이드 분기 ------------------------------ */
@media screen and (max-width:1310px){		
	.sitemap .left {max-width:28vw;}
	.sitemap .right {width:72vw;}
	.sitemap .right dt {font-size:24px;}
	.sitemap .right dd ul li a {font-size:18px;}
	.sitemap .right dl {gap:35px;}
	.sitemap .right dd ul {gap:26px;}
}


/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){
	.greeting_wrap .ceo_img {width:100%;}
	.ci_wrap .ci_top_img {gap:20px;}
	.ci_wrap .ci_top_img img {width:calc(50% - 10px);}
}


/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1200px){
	.contact_point_wrap .info_list li {width:calc((100% - 50px) / 3);}
}

/* ------------------------------ 타블렛PC ------------------------------ */
@media screen and (max-width:1023px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}

	.header  {border-bottom:1px solid rgba(255,255,255,0.1);}
	.header .inner{ height:110px; max-width:100%; padding:0 30px;}
	.header .logo {left:30px; line-height:110px; width:320px;}
	.header .logo img {width:100%;}
	.header .gnb {display:none;}
	.header .login_wrap {display:none;}
	.header .btn_menu {right:30px; width:36px; height:27px;}
	.header .btn_menu p {width:36px; height:3px;}
	.header .btn_menu .t {margin-top:-18px;}
	.header .btn_menu .m {margin-top:-6px;}
	.header.on {background:#fff; border-bottom:1px solid #ddd;}
	.header.on .logo_b {display:block;}
	.header.on .login_wrap {display:flex; gap:40px; right:100px;}
	.header.on .login_wrap a {color:#222; font-size:22px; height:110px; line-height:110px; border:unset; padding:0; display:block; position:relative;}
	.header.on .login_wrap a:nth-child(1):after {position:absolute; content:''; width:1px; height:20px; background:#ddd; right:-20px; top:50%; transform:translate(0,-50%);}
	.header.on .btn_menu p {background:#222; margin-left:-18px;}
	.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);}
	.sitemap {height:calc(100vh - 110px); top:111px; right:-100%;  transition:.2s linear;}
	.sitemap .left,
	.sitemap .btm_con,
	.sitemap .top,
	.sitemap .top .close_sitemap,
	.sitemap .top .login_wrap {display:none;}
	.sitemap .right {width:100%; background:#fff;}
	.sitemap .mid_con {padding:0; top:0px; transform:unset; position:unset;}
	.sitemap .right dl {flex-direction:column; gap:0; height:auto; }
	.sitemap .right dt {position:relative; width:100%; font-size:30px; font-weight:700; line-height:35px; color:#222;padding:33px 30px; border-bottom:1px solid #ddd; }
	.sitemap .right dt:hover {color:#222;}
	.sitemap .right dt i {display:none;}
	.sitemap .right dt:after {transition:all .2s linear; content:''; position:absolute; right:30px; top:50%; transform:translate(0,-50%); width:22px; height:22px; background:url('/pub/images/m_sitemap_arrow.svg') no-repeat center center / 22px;}
	.sitemap .right dd {display:none;width:100%; font-size:26px; line-height:38px; color:#222;}
	.sitemap .right dd ul {flex-direction:column; gap:0; background:#F8F8F8; padding:15px 0;}
	.sitemap .right dd ul li a {color:#222; font-size:26px; line-height:38px; padding:25px 30px;}
	.sitemap .right dt.on {color:#222;}
	.sitemap .right dd ul li a.on, 
	.sitemap .right dd ul li a:hover {color:#1B358E; font-weight:700;}
	.sitemap .right dl.open dt {background:#1B358E; color:#fff;}
	.sitemap .right dl.open dt:after {background:url('/pub/images/m_sitemap_arrow_w.svg') no-repeat center center / 22px;}
	.sitemap .right dl.open dd {display:block; border-bottom:1px solid #ddd;}
	.sitemap.on {right:0;}

	.f_banner {max-width:100%; padding:0 30px; height:150px;}
	.f_banner .navi {width:70px;}
	.f_banner .mv_wrap {max-width:calc(100% - 140px);}
	.f_banner .mv { height:50px;}
	.f_banner a {padding:0 20px; height:50px;}
	.f_banner a img {height:100%;}
	.f_banner .slick-track {display:flex; align-items:center;}
	.f_banner .slick-slide,
	.f_banner .slick-slide > div {height:50px; overflow:hidden;}

	.quick_wrap {top:unset; transform:unset; bottom:30px;}

	.svisual {height:600px;}
	.svisual .deps {height:100px;}
	.svisual .deps .inner {padding:0; display:flex;}
	.svisual .deps .home {width:100px; height:100px; background:#1B358E url('/pub/images/m_aside_home.svg') no-repeat center center / 25px; }
	.svisual .deps .g, 
	.svisual .deps .s dt {display:block;}
	.svisual .deps dt { height:100px; padding:0 30px; line-height:100px;  display:flex; align-items:center;  justify-content:space-between;}
	.svisual .deps dt span {width:calc(100% - 22px); font-size:26px; color:#222; font-weight:600;}
	.svisual .deps dt i {display:inline-block; width:22px; height:22px; background:url('/pub/images/m_aside_arrow.svg') no-repeat center center / contain; transition:all .2s linear;}
	.svisual .deps .open dt i {transform:rotate(180deg);}
	.svisual .deps dd {display:none; background:#fff; z-index:22; position:relative; box-shadow:0 3px 20px rgba(0,0,0,0.08); border-radius:0 0 20px 20px; padding:15px 0;}
	.svisual .deps dd a { width:100% !important; text-align:left; font-size:24px; padding:25px 0 25px 30px;}
	.svisual .deps a.on:after {content:unset;}
	.svisual .deps .g,
	.svisual .deps .s {width:calc((100% - 100px) / 2);}
	.svisual .deps .g dt{border-right:1px solid #ddd;}
	.svisual .deps .s dt {display:flex; align-items:center;  justify-content:space-between;}
	.svisual .deps .s dd {display:none;}
	
	.board_top { align-items:unset; flex-direction:column;}
	.board_top .total_wrap { align-items:unset; flex-direction:column; margin-bottom:30px;}
	.board_top .total {margin-bottom:30px;}
	.event_wrap .board_top .total {margin-bottom:0;}

	.section1 .mvisual .mv_txt {width:45%;}
	.section1 .mvisual .mv_txt .stt {font-size:22px; line-height:46px;}
	.section1 .mvisual .mv_txt .tt {font-size:35px; line-height:55px;}
	.section1 .mvisual .m_banner_wrap {width:45%; margin-left:55%;}

	.section2 .inner {flex-direction:column; gap:50px;}
	.section2 .top_con {max-width:100%;}
	.section2 .left_con .con_wrap .con,
	.section2 .right_con .con_wrap .con {min-height:30vw;}
	.section2 .left_con .con_wrap .con .img {height:17vw;}
	.section2 .right_con .con_wrap .con .img {width:100%; height:100%;}
	.section2 .right_con .con_wrap .con .img img {width:100%; height:100%; object-fit:cover;}

	.gallery_list li {width:calc((100% - 30px)/2);}	
	
	.about_wrap .about_top_img,
	.about_wrap .txt_box {padding-left:130px;}

	.greeting_wrap .txt_box .top {line-height:40px;}
	.greeting_s_bg {height:200px;}
	.greeting_s_bg span {font-size:26px; line-height:32px; text-align:center;}
	.greeting_wrap .txt_box .top {font-size:24px; margin-bottom:30px;}
	.greeting_wrap .txt_box .btm p {font-size:18px; margin-bottom:30px;}

	.organization_wrap .organization_img > img {margin:0 auto;}
	.organization_tbl.mo_vw {display:table !important;}

	.ci_wrap .ci_top_img {margin-bottom:80px;}
	.ci_wrap .list {gap:0px; flex-direction:column;}
	.ci_wrap .list li {width:100%; padding:40px 0; border-bottom:1px solid #ddd;}
	.ci_wrap .list li:nth-child(2):before,
	.ci_wrap .list li:nth-child(2):after {content:unset;}
	.ci_wrap .list li:last-child {border-bottom:unset;}
	
	.contact_point_wrap .info_list li {width:calc((100% - 25px) / 2);}

	.event_wrap .board_top { align-items:unset; }

	.mypage_list_wrap .list_top .search_top {flex-wrap:wrap; gap:15px 0;}
	.mypage_list_wrap .list_top .search_top .period {width:85%;}
}

/* ------------------------------ 모바일 이상 ------------------------------ */
@media screen and (min-width:767px){
	
}


/* ------------------------------ 모바일 ------------------------------ */
@media screen and (max-width:767px){
	.inner {padding:0 15px;}	
	.pc_vw2 {display:none !important;}	
	.mo_vw2 {display:block !important;}
	
	.header .inner{ height:55px; padding:0 15px;}
	.header .logo,
	.header .logo2,
	.header .logo3 {left:15px; line-height:55px; width:70px;}
	.header .btn_menu {right:15px; width:15px; height:15px;}	
	.header .btn_menu p {width:18px; height:2px;}	
	.header .btn_menu .t {margin-top:-6px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:4px;}
	.header.on .btn_menu p {margin-left:-10px;}
	.header.on .login_wrap {gap:20px; right:50px;}
	.header.on .login_wrap a { font-size:11px; height:55px; line-height:55px;}
	.header.on .login_wrap a:nth-child(1):after {width:1px; height:10px;  right:-10px;}
	
	.sitemap {height:calc(100vh - 55px); top:56px;}
	.sitemap .right dt {font-size:15px; line-height:17px; padding:16px 15px;}
	.sitemap .right dd { font-size:13px; line-height:19px;}
	.sitemap .right dt:after {right:15px; width:11px; height:11px; background:url('/pub/images/m_sitemap_arrow.svg') no-repeat center center / 11px;}
	.sitemap .right dd ul {padding:8px 0;}
	.sitemap .right dd ul li a { font-size:13px; line-height:19px; padding:12px 15px;}
	.sitemap .right dl.open dt:after {background:url('/pub/images/m_sitemap_arrow_w.svg') no-repeat center center / 11px;}

	.f_banner {padding:0 15px; height:75px;}
	.f_banner .mv_wrap {max-width:calc(100% - 85px);}
	.f_banner .mv { height:25px;}
	.f_banner a {padding:0 10px; height:25px;}
	.f_banner .slick-slide,
	.f_banner .slick-slide > div {height:25px;}

	.footer .fcon_wrap .fcon_top {padding:0; border-bottom:1px solid rgba(255,255,255,0.1);}
	.footer .fcon_wrap .fcon_top .inner {flex-direction:column; padding:0;}
	.footer .fcon_wrap .fcon_top ul  {width:100%;padding:17px 0; border-bottom:1px solid rgba(255,255,255,0.1); justify-content:center;}
	.footer .fcon_wrap .fcon_top ul li a{ font-size:12px; line-height:14px; }
	.footer .fcon_wrap .fcon_top .f_baro {font-size:12px; line-height:14px; padding:17px 0; } 
	.footer .fcon_wrap .fcon_top .f_baro:before { height:49px; left:-20px;}
	.footer .fcon_wrap .fcon_top .f_baro:after { height:49px; right:-20px;}
	.footer .fcon_wrap .fcon_top .f_baro i {margin-left:35px; width:10px; height:10px;}
	.footer .fcon_wrap .fcon_btm {padding:17px 0 40px;}
	.footer .fcon_wrap .fcon_btm .inner {justify-content:center}
	.footer .fcon_wrap .fcon_btm .f_btn_left {text-align:center;}
	.footer .fcon_wrap .fcon_btm .info {text-align:center;}
	.footer .fcon_wrap .fcon_btm .info span {font-size:10px; line-height:17px; text-align:center;}
	.footer .fcon_wrap .fcon_btm .copy {font-size:10px; line-height:17px; text-align:center; margin-top:17px;}
	.footer .fcon_wrap .fcon_btm .f_logo {margin-bottom:26px; height:25px;}

	.quick_wrap {bottom:15px;}
	.quick_wrap li {width:40px; height:40px; min-width:40px; margin-bottom:5px;}
	.quick_wrap li i {width:40px; height:40px;}
	.quick_wrap li .quick01 i {background-size:14px;}
	.quick_wrap li .quick02 i {background:url('/pub/images/quick02.svg') no-repeat 53% 45% / 12px;} 
	.quick_wrap .gotop {width:40px; height:40px; font-size:10px;}

	.svisual {height:300px;}
	.svisual .aside .inner {left:0;}
	.svisual .location .home {width:12px; height:12px;}
	.svisual .location span {font-size:12px; line-height:14px;}
	.svisual .title {font-size:30px; line-height:32px; margin-top:15px;}
	.svisual .deps {height:50px;}
	.svisual .deps .home {width:50px; height:50px; background:#1B358E url('/pub/images/m_aside_home.svg') no-repeat center center / 12px; }
	.svisual .deps dt { height:50px; padding:0 15px; line-height:50px;}
	.svisual .deps dt span {width:calc(100% - 11px); font-size:13px;}	
	.svisual.g02.s03 .deps dt span {line-height:15px;}
	.svisual .deps dt i {width:11px; height:11px;}
	.svisual .deps dd {border-radius:0 0 10px 10px; padding:8px 0;}
	.svisual .deps dd a {font-size:12px; padding:12px 0 12px  15px;}
	.svisual .deps .g, 
	.svisual .deps .s {width:calc((100% - 50px) / 2);}

	.container {padding:100px 0 75px;}
	.container .title {font-size:22px; line-height:26px; margin-bottom:50px; }
	.container.g00 {padding:100px 0;}
	.container.g00 .title {line-height:30px;}
	.container.g00.s02 .stt {font-size:14px; line-height:18px; margin-bottom:30px;}
	.container.g00.s03 .title {margin-bottom:30px;}
	.container.g00.s04 .stt {font-size:14px; line-height:18px; margin-bottom:30px;}
	.container.g00.s05 .stt {font-size:14px; line-height:18px; margin-bottom:30px;}
	.container.g00.s06 .stt {font-size:14px; line-height:18px; margin-bottom:30px;}
	.container.g00.s08 .stt {font-size:14px; line-height:18px; margin-bottom:30px;}

	.fancybox-wrap {width:100%;}
	.fancybox-close {width:15px; height:15px; right:20px; top:11px ; background-size:contain;}
	.pop {width:100%; border-radius:10px; background:#fff;}
	.pop .top {height:40px; padding:0 20px;}
	.pop .top .tlt {font-size:14px; line-height:40px;}
	.pop .pop_con {padding:15px 20px; max-height:450px; }
	.pop .pop_con p {font-size:12px; line-height:16px;}
	.pop .pop_con p.tt {margin:17px 0;}
	.pop .pop_con p .num {font-size:8px;}
	.pop .pop_con p .dot {padding-left:10px;padding-right:15px;}

	label.radio {font-size:14px; line-height:20px; padding-left:18px;}
	label.radio i {width:14px; height:14px;}
	label.radio input:checked + i:before {width:6px; height:6px;}

	label.check {font-size:14px; line-height:20px; padding-left:20px;}
	label.check i {width:14px; height:14px; top:2px;}

	input.text, 
	select.text {height:40px; padding:11px 15px; font-size:14px; line-height:20px;}
	textarea.text { padding:11px 15px; font-size:14px; line-height:20px;}
	
	.board_top {flex-direction:column; margin-top:0; align-items:unset;}
	.board_top .total {margin-bottom:15px; font-size:12px; line-height:14px;}
	.board_top .search_wrap {width:100%;}
	.board_top .search_wrap select {height:38px; width:90px; padding:9px 11px 9px 16px; font-size:12px; line-height:14px; margin-right:8px;}
	.board_top .search_wrap input.text {height:38px; width:calc(100% - 98px); min-width:unset;padding:9px 11px 9px 16px; font-size:12px; line-height:14px;}
	.board_top .search_wrap .btn_search {width:38px; height:38px;}
	.board_tbl .t_head {display:none;}
	.board_top .total_wrap {align-items:unset; flex-direction:column; gap:0; width:100%; margin-bottom:15px;}
	.board_top .total_wrap .state {gap:8px;}
	.board_top .total_wrap .state li a {height:32px; line-height:32px; width:104px; font-size:12px;}

	.gallery_list {margin-top:25px; padding-top:40px; gap:40px 15px;}
	.gallery_list li {width:calc((100% - 15px)/2);}
	.gallery_list li .img {height:30vw; margin-bottom:15px; border-radius:7px;}
	.gallery_list li .txt_box .tag {font-size:11px; line-height:19px; height:19px; /*width:28px;*/ margin-bottom:15px;padding:0 5px;}
	.gallery_list li .txt_box .tt {font-size:14px; line-height:20px; margin-bottom:15px; height:40px;}
	.gallery_list li .txt_box .stt {font-size:12px; line-height:15px;}
	.gallery_list li .txt_box .stt2 {font-size:12px; line-height:15px; margin-bottom:5px;}

	.board_view_wrap .tit {padding:20px 15px;}
	.board_view_wrap .tit strong {font-size:18px; line-height:25px; width:calc(100% - 28px);}
	.board_view_wrap .tit .tag {width:28px; height:19px; font-size:11px; line-height:19px; margin-right:10px;}
	.board_view_wrap .tit .w_info {margin-top:15px;gap:20px;}
	.board_view_wrap .tit .w_info li {font-size:12px; line-height:14px;}
	.board_view_wrap .tit .w_info li span:after {height:11px; right:-11px;}
	.board_view_wrap .downfile {padding:20px 15px;}
	.board_view_wrap .downfile li {margin-bottom:10px;}
	.board_view_wrap .downfile li span {font-size:12px; line-height:14px;}
	.board_view_wrap .downfile li i {width:11px; height:12px;}
	.board_view_wrap .con {padding:20px 15px 70px 15px; font-size:12px; line-height:17px; min-height:unset;}
	.board_view_wrap .con .btn_wrap {bottom:35px;}
	.board_view_wrap .con .btn_wrap a{width:75px; height:35px; line-height:35px;}
	.page_prev_next {padding:20px 0;}
	.board_view_wrap .tit .notice {font-size:11px; line-height:19px; height:19px; width:28px; margin-right:10px;}

	.board_bottom .paging {margin-top:40px;}
	.board_bottom .paging a {font-size:11px; width:26px; height:26px; line-height:26px;}
	.board_bottom .paging .arrow {font-size:10px;}
	.page_prev_next .prev span, 
	.page_prev_next .next span {font-size:12px; padding:0 40px 0 24px;}
	.page_prev_next .prev a, 
	.page_prev_next .next a {font-size:12px; line-height:14px; width:calc(100% - 110px); text-overflow:ellipsis; overflow:hidden; word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:normal; display:-webkit-box}
	.page_prev_next .d_flex {padding-left:15px;}
	.page_prev_next .prev span:after, 
	.page_prev_next .next span:after {content:unset;}
	.page_prev_next .prev {padding-bottom:20px;}
	.page_prev_next .next {padding-top:20px;}
	.page_prev_next .prev i {width:11px; height:6px;}
	.page_prev_next .next i {width:11px; height:6px;}

	.board_tbl .td {line-height:67px; font-size:12px;}
	.board_tbl .notice {font-size:11px; line-height:19px; width:30px; height:19px;}
	.board_tbl .new {width:12px; height:12px; font-size:7px; line-height:12px;}
	.board_tbl .td:nth-child(2) {width:85%; line-height:20px;}
	.board_tbl .td:nth-child(3),
	.board_tbl .td:nth-child(4){display:none;}

	.btn {font-size:12px; height:45px; line-height:45px;}
	.btn_list {width:150px;}
	.btn_mem {margin-top:20px !important;}
	.btn_mem_white {margin-top:7px;}
	.btn_write {width:150px;}
	.btn_write_w {width:150px;}

	.mb15 {margin-bottom:8px !important;}		
	.mb30 {margin-bottom:15px !important;}
	.mb60 {margin-bottom:30px !important;}
	.mb100 {margin-bottom:50px !important;}
	.mt40,
	.mt45 {margin-top:20px !important;}
	.mt50 {margin-top:25px !important;}
	.mt80 {margin-top:40px !important;}
	.mt100 {margin-top:50px !important;}

	.section1,
	.section1 .mvisual,
	.section1	.mv_wrap {height:100vh;}
	.section1 .mvisual .mv_txt {top:130px; transform:unset; width:100%;}
	.section1 .mvisual .mv_txt .stt {font-size:15px; line-height:24px;}
	.section1 .mvisual .mv_txt .tt {font-size:30px; line-height:40px; margin-top:15px;}
	.section1 .mvisual .m_banner {width:100%; top:unset; transform:unset; height:auto; padding:22px; bottom:25px}
	.section1 .mvisual .m_banner .txt_box {margin-bottom:15px;}
	.section1 .mvisual .m_banner .txt_box .tt {font-size:15px; line-height:20px;}
	.section1 .mvisual .m_banner .txt_box .stt {font-size:11px; line-height:17px; margin:12px 0 15px;}
	.section1 .mvisual .m_banner .txt_box .more {border-color:#eee; font-size:11px; height:30px; ;line-height:30px; width:90px;}
	.section1 .mvisual .m_banner .img {width:100%; height:160px;}
	.section1 .mvisual .m_banner_wrap {width:100%; margin-left:0;}
	.section1 .mvisual .m_banner_wrap .navi {bottom:25px;max-width:122px;}
	.section1 .mvisual .m_banner_wrap .navi .slick-arrow {width:41px; height:41px; background-size:8px;}
	.section1 .mvisual .m_banner_wrap .navi .play_pause {width:41px; height:41px;}
	.section1 .mvisual .m_banner_wrap .navi .play_pause .m_pause {background-size:7px;}
	
	.section2 .top .tt {font-size:19px; line-height:22px;}
	.section2 .top .navi .slick-arrow {width:10px; height:10px;}
	.section2 .top .navi .button-next:before {height:8px; left:21px;}
	.section2 .top .navi .navi_more {width:12px; height:12px;}
	.section2 .left_con .con_wrap .con {min-height:calc(46vw + 152px);}
	.section2 .left_con .con_wrap .con {width:100%;}
	.section2 .left_con .con_wrap .con .img {height:46vw;}
	.section2 .right_con .con_wrap .con {min-height:80vw;}
	.section2 .left_con .con_wrap .slick-list,
	.section2 .right_con .con_wrap .slick-list {padding-right:20%; margin:0;}
	.section2 .left_con .con_wrap .slick-slide,
	.section2 .right_con .con_wrap .slick-slide {margin:0; padding-right:18px;}
	.section2 .left_con .con_wrap .con {padding:23px 17px;}
	.section2 .left_con .con_wrap .con .tag {font-size:11px; padding:2px 4px; line-height:21px;}
	.section2 .left_con .con_wrap .con .tt {font-size:14px; line-height:20px; height:40px; margin-top:23px;}
	.section2 .left_con .con_wrap .con .date {font-size:11px; line-height:16px; left:17px; bottom:23px;}
	.section2 .left_con .con_wrap .con .stt {font-size:11px; line-height:16px; margin-top:12px;}
	.section2 .right_con .con_wrap .con .tt {font-size:13px; line-height:18px;}
	.section2 .right_con .con_wrap .con .date {font-size:11px; line-height:23px;}

	.section3 .d_flex {flex-direction:column; gap:50px; }
	.section3 .con1 {width:100%; order:3; height:auto;}
	.section3 .con1 .tag {font-size:9px; height:15px; line-height:15px; padding:0 3px;}
	.section3 .con1 .txt_box {padding:17px 23px 30px ;}
	.section3 .con1 .stt {font-size:20px; line-height:32px;}
	.section3 .con1 .tt {font-size:23px; line-height:32px;}
	.section3 .con1 .stt2 {font-size:9px;}
	.section3 .con1 .c_banner {height:240px}
	.section3 .con1 .banner_more {height:30px; line-height:30px; font-size:11px; width:92px;}
	.section3 .con1 .banner_more i {width:10px; height:10px;}
	.section3 .con1 .navi {height:32px; bottom:5px; max-width:123px; padding:11px 17px;}
	.section3 .con1 .navi .cb_paging li {font-size:9px; width:25px; text-align:center;}
	.section3 .con1 .navi .slick-arrow {width:10px; height:10px; background-size:6px;}
	.section3 .con1 .navi .navi_more {width:10px; height:10px; margin-left:15px;}

	.section3 .con2 {width:100%; order:1; padding:17px; height:auto;}
	.section3 .con2 .top {flex-direction:unset;}
	.section3 .con2 .top .tt {font-size:20px; line-height:23px;}
	.section3 .con2 .top .more {width:12px; height:12px;}
	.section3 .con2 .list {margin-bottom:14px;}
	.section3 .con2 .list .tt {font-size:12px; line-height:12px; max-width:260px;}
	.section3 .con2 .list .date {font-size:11px; width:100%; max-width:calc(100% - 235px); text-align:right;}

	.section3 .con3 {order:2; height:auto; padding:20px 17px; min-width:unset;}
	.section3 .con3 .top {font-size:20px; line-height:27px;}
	.section3 .con3 .top .ft16 {font-size:12px;}
	.section3 .con3 .more_btn {font-size:12px; height:30px; width:138px; line-height:30px;}
	.section3 .con3 .more_btn i {width:8px; height:8px;}
	.section3 .con3 .right:after {width:255px; height:250px; bottom:-27px; right:-32px;}
		

	.container.g01.s01 {padding:100px 15px 75px;}
	.about_wrap .about_top_img,
	.about_wrap .txt_box {padding-left:0;}
	.about_wrap .txt_box .tt {font-size:18px; line-height:22px;margin-top:30px; margin-bottom:20px;}
	.about_wrap .txt_box .stt {font-size:16px; line-height:20px;}

	.greeting_wrap {gap:30px; flex-direction:column;}
	.greeting_wrap .img {max-width:100%;}
	.greeting_wrap .ceo_img span {width:100%;}
	.greeting_wrap .ceo_img img {width:auto; max-width:80%; margin:0 0 0 auto;}
	.greeting_wrap .ceo_img .name {flex-direction:column; align-items:flex-start; bottom:10px;}
	.greeting_wrap .ceo_img p {font-size:14px; line-height:20px;}
	.greeting_wrap .ceo_img .sign img {width:auto; max-width:100%; height:auto; max-height:40px;}
	.greeting_wrap .txt_box {max-width:100%;}
	.greeting_wrap .txt_box .top {font-size:18px; line-height:22px; padding-bottom:20px; margin-bottom:20px;}
	.greeting_wrap .txt_box .btm p {font-size:16px; line-height:20px; margin-bottom:15px;}
	.greeting_wrap .txt_box .btm p:last-child {margin-bottom:70px;}
	.greeting_wrap .sign_wrap .left {font-size:14px; line-height:16px;}
	.greeting_wrap .sign_wrap .right {font-size:30px; line-height:35px;}
	.greeting_s_bg span:before {left:20px;}
	.greeting_s_bg span:after {right:20px;}
	
	
	.history_list .years_tit {display:none;}
	.history_list {padding-left:45px;}
	.history_list .years_con dt:before {left:-41px; width:22px; height:22px;}
	.history_list .years_con dt:after {left:-34px; width:8px; height:8px;}
	.history_list .years_con:after {left:-30px;}
	.history_list .years_con dt {font-size:18px; line-height:24px; }
	.history_list .years_con dd {padding-top:25px; gap:20px;}
	.history_list .years_con dd p {padding-left:50px;}
	.history_list .years_con dd p strong {font-size:16px; line-height:23px;}
	.history_list .years_con dd p span {font-size:14px; line-height:16px;}

	.organization_wrap .organization_img {max-width:200px; margin:0 auto; padding-bottom:50px;}
	.organization_wrap .tlt {font-size:19px; line-height:22px; margin-bottom:50px;}
	.organization_wrap .organization_tbl .thead {font-size:12px; padding:13px 0;}
	.organization_wrap .organization_tbl .thead th {padding:13px 0;}
	.organization_wrap .organization_tbl tr td {font-size:12px; line-height:14px; padding:13px 0;}
	.organization_wrap .organization_tbl tr td.bg {padding:13px 30px;}

	.ci_wrap .ci_top_img {margin-bottom:40px; flex-direction:column;}
	.ci_wrap .ci_top_img img {width:100%;}
	.ci_wrap .list li {padding:30px 0;}
	.ci_wrap .list li .icon01 {width:55px; height:40px;}
	.ci_wrap .list li .icon02 {width:40px; height:42px;}
	.ci_wrap .list li .icon03 {width:43px; height:42px;}
	.ci_wrap .list li .tt {font-size:18px; line-height:22px; margin:23px 0 0;}
	.ci_wrap .list li .stt {font-size:16px; line-height:20px; margin-top:15px;}

	.contact_point_wrap .top_info {font-size:16px; line-height:20px;}
	.contact_point_wrap .top_info .email {font-size:14px; line-height:16px;}
	.contact_point_wrap .info_list {margin-top:50px; gap:24px 12px;}
	.contact_point_wrap .info_list li {width:calc((100% - 12px) / 2); padding:20px 15px;}
	.contact_point_wrap .info_list li .img {height:30px;}
	.contact_point_wrap .info_list li .txt_box {margin-top:20px; padding-top:10px;}
	.contact_point_wrap .info_list li .txt_box .td {font-size:12px; line-height:14px;}
	.contact_point_wrap .info_list li .txt_box .th {font-size:12px; line-height:14px;}
	.contact_point_wrap .info_list li .txt_box .td:after {height:11px;}

	.event_wrap .board_top .total {margin-bottom:15px;}
	.event_view_wrap .downfile {padding:20px 15px;}
	.event_view_wrap .downfile li {margin-bottom:10px;}	
	.event_view_wrap .con p {font-size:12px; line-height:17px; margin-bottom:20px; }

	.press_wrap .board_tbl .td:nth-child(5) {display:none;}
	.press_wrap .board_tbl .td:nth-child(1){width:10%;}
	.press_wrap .board_tbl .td:nth-child(2){width:90%;}

	.press_write_wrap dt span {font-size:16px; line-height:22px;}
	.press_write_wrap dl {margin-bottom:15px; flex-direction:column;}
	.press_write_wrap dt {width:100%; margin-bottom:10px;}
	.press_write_wrap dd {width:100%;}
	.press_write_wrap input.text {height:40px; line-height:40px; width:100%;}
	.file_area {align-items:center;}
	.filebutton {height:30px;}
	.filebutton input {font-size:16px;}
	.filebutton span {font-size:14px; line-height:30px;}
	.filebox a {font-size:14px}
	.press_write_wrap .btn {height:45px; line-height:45px;}

	.gallery_write_wrap dt span {font-size:16px; line-height:22px;}
	.gallery_write_wrap dl {margin-bottom:15px;}
	.gallery_write_wrap dt {width:155px;}
	.gallery_write_wrap dd {width:calc(100% - 155px);}
	.gallery_write_wrap input.text {height:40px; line-height:40px; width:100%;}
	.gallery_write_wrap .btn {height:45px; line-height:45px;}

	.faq_wrap dt {height:60px; line-height:60px; padding:0 10px;}
	.faq_wrap dt button {font-size:14px; gap:10px;}
	.faq_wrap dt button span {width:calc (100% - 57px) ; -webkit-line-clamp:1;}
	.faq_wrap dt strong {font-size:14px; width:25px; height:25px;}
	.faq_wrap dd {padding:15px 10px; font-size:14px;}
	.faq_wrap dd .d_flex {gap:10px;}
	.faq_wrap dd strong {font-size:14px; width:25px; height:25px;}
	.faq_wrap dd span {width:calc(100% - 35px);}

	.inquiry_wrap dl dt {font-size:16px; line-height:22px; margin-bottom:10px;}
	.inquiry_wrap .mr30 {margin-right:15px;}
	.inquiry_wrap .d_flex {gap:0; flex-direction:column;}
	.inquiry_wrap dl {margin-bottom:20px;}
	.inquiry_wrap dl.w50 {width:100%;}
	.inquiry_wrap textarea {height:150px;}
	.inquiry_wrap .captcha .c_navy {display:block; font-size:12px;}
	.inquiry_wrap .captcha dd {gap:5px;}
	.inquiry_wrap .captcha .img {height:40px; width:130px; overflow:hidden;}
	.inquiry_wrap .captcha button {width:40px; height:40px; background-size:25px;}
	.inquiry_wrap .captcha .text {width:calc(100% - 180px);}
	.inquiry_wrap .checkbox label .c_navy {font-size:12px; line-height:15px;}
	.inquiry_wrap .btn_inquiry {width:150px; line-height:45px;}

	.mem_wrap label.check {font-size:14px; line-height:18px;}
	.mem_wrap label.check i {top:0}
	.mem_wrap .mem_fj a {font-size:14px; line-height:18px;}
	.mem_wrap .bg_stt {font-size:16px; line-height:20px; padding:18px 0 21px;}
	.mem_wrap .c_navy {font-size:14px; line-height:18px;}
	.mem_wrap label.check {padding-left:22px;}
	.mem_wrap label.check i {width:14px; height:14px;}

	.container .mypage_wrap .title {margin-bottom:30px;}
	.mypage_wrap .tabs_wrap .btn {height:37px; line-height:37px; font-size:12px; }
	.mypage_list_wrap .list_top .s_title {display:none;}
	.mypage_list_wrap .list_top .search_top {padding:15px; gap:10px 0px;}
	.mypage_list_wrap .list_top .search_top .tt,
	.mypage_list_wrap .list_top .search_top .period,
	.mypage_wrap .date,
	.mypage_list_wrap .list_top .search_top .btn_confirm {width:100%;}
	.mypage_list_wrap .list_top .search_top .tt {font-size:11px; line-height:13px;}
	.mypage_list_wrap .list_top .search_top .tt:after {content:unset;}
	.mypage_list_wrap .list_top .search_top .period  {margin-right:0;  justify-content:space-between;}
	.mypage_list_wrap .list_top .search_top .period li a {height:30px; line-height:30px; width:45px; font-size:11px;}
	.mypage_wrap .date {justify-content:space-between;}
	.mypage_wrap .date .text {height:30px; line-height:30px;}
	.mypage_wrap .date .bar {font-size:10px;}
	.mypage_list_wrap .list_top .search_top .btn_confirm {margin-left:0; font-size:11px; height:30px; line-height:30px;}

	.mypage_list_wrap .board_tbl .td:nth-child(2),
	.mypage_list_wrap .board_tbl .td:nth-child(4),
	.mypage_list_wrap .board_tbl .td:nth-child(5) {display:none;}
	.mypage_list_wrap .board_tbl .td:nth-child(3) {display:block;}
	.mypage_list_wrap .board_tbl .td:nth-child(1) {width:10%;}		
	.mypage_list_wrap .board_tbl .td:nth-child(3) {width:90%;}
	.mypage_list_wrap .board_tbl li {height:88px;}
	.mypage_list_wrap .board_tbl .td {line-height:22px;}
	.mypage_list_wrap .board_tbl .tag {font-size:12px; font-weight:700;}
	.board_tbl li .non_data {font-size:13px;}

	.mypage_wrap2 dl {flex-direction:column;}
	.mypage_wrap2 dl dt {width:100%; font-size:16px; line-height:22px; margin-bottom:10px;}
	.mypage_wrap2 dd {max-width:100%;}
	.modify_list label.radio {font-size:14px; line-height:20px; padding-left:20px;}
	.mypage_wrap2 input.text {height:40px; line-height:40px;}
	.modify_list .alfw .text {max-width:100%}
	.mypage_wrap2 button {width:100px; font-size:14px;}
	.mypage_wrap2 .d_flex input.text {width:calc(100% - 100px);}
	.mypage_wrap2 .btns_wrap .btn {height:45px; line-height:45px; font-size:12px; width:150px;}

	.pop_withdrawal .pop_con .tt {font-size:14px; line-height:16px;}
	.pop_withdrawal .btns_wrap .btn {height:45px; line-height:45px; font-size:12px;}

	.join_wrap dl {margin-bottom:20px;}
	.join_wrap dl dt {font-size:16px;line-height:22px; margin-bottom:10px;}
	.join_wrap label.radio {font-size:14px; padding-left:24px;}
	.join_wrap input.text {height:40px; padding:11px 15px;}
	.join_wrap input.text::placeholder {opacity:0.5;}
	.join_wrap button {width:100px; font-size:14px;}
	.join_wrap .d_flex input.text {width:calc(100% - 100px);}
	.join_wrap .checkbox label .c_navy {font-size:12px;line-height:14px;}
	.join_wrap .checkbox_mail {padding:19px 0 0 0;}
	.join_wrap .btn_join {width:150px; line-height:45px;}

	.mypage-flexs .mypage-flex {padding:20px; display:block; text-align:center;}
	.mypage-flex .tit {font-size:17px;}
	.mypage-flex .tit::before {width:45px;height:45px;margin:0 10px 0 0;}
	.mypage-flexs .mypage-flex .btn {margin:15px auto 0;}

	.pay-wrap {margin-top:20px;padding:20px;padding-right:2%;}
	.pay-wrap .tit {font-size:18px; margin-bottom:10px;}
	.pay-wrap .account {font-size:18px;}
	.pay-wrap .info {display:block;}
	.pay-wrap .info p {padding-right:0;font-size:14px;}
	.pay-wrap .info p:not(:last-child)::after {display:none;}
	.pay-wrap .info p span {width:50px; margin-right:5px;}

	.rtit {font-size:18px; line-height:28px; margin:40px 0 10px; padding-left:12px;}
	.rtit:before {width:8px; height:8px; top:10px;}

	.board-list {margin-top:20px;}
	.board-list .head {display:none;}
	.board-list .body .row {height:auto; font-size:14px; flex-wrap:wrap; text-align:left; padding:15px;}
	.board-list .row .sm,
	.board-list .row .rg,
	.board-list .row .lg,
	.board-list .row .xl {flex-basis:auto;}
	.board-list .row .chip {flex-basis:100%; margin-top:4px;}
	.board-list .row .chip .pay br {display:none;}
	span[class*="dues-"] {width:70px;line-height:22px;font-size:12px; text-align:center;}

	.modal .modal-inner {padding:25px 15px;}
	.modal .modal-inner .modal-head {padding-bottom:16px;}
	.modal .modal-inner .modal-head .heading {font-size:20px;}
	.modal .modal-inner .modal-body {padding:15px 0;max-height:67vh;}
	.modal .modal-inner .modal-tail {padding-top:20px;}
	.modal .modal-inner .modal-tail .btn {width:150px;line-height:38px;}
	.modal .modal-inner .btn-close {width:17px;height:17px;top:20px;right:20px;}
	.modal .modal-inner .form .form-wrap .row .label {width:auto;padding-left:0;}
	.modal .modal-inner .form .form-wrap .value {padding-left:0;padding-right:0;}
	.form-wrap .row .value.text {padding:0;font-size:14px;}
	.form-wrap .row {display:block;padding:20px 15px;}
	.form-wrap .row .label {width:100%;margin-bottom:10px;padding:0;font-size:15px;font-weight:700;background:#fff;}
	.form-wrap .row .label br {display:none;}
	.form-wrap .row .value {padding:0;}
	.form-wrap .row .value .radio {margin-top:5px;margin-bottom:5px;}

	.form-wrap .row .value .radio {margin: 0 30px 0 0;}
	.radio input + label {font-size: 14px; line-height: 20px;}
	.radio input + label::before {top:0;}

	input[type="text"],
	input[type="date"],
	input[type="tel"],
	input[type="password"],
	select {height: 40px;padding: 0 14px;font-size: 13px;}
	select {padding-right: 30px;background-position: right 13px center;background-size: 11px;}

	/*협회보*/
	.gallery_list_news li .stt2 a{padding:10px 0;}
	.gallery_list_news li .stt2 a i{width:11px;height:12px;}
}

@media screen and (max-width:501px){
.board_top .total_wrap .state li a{width:80px;}
}