@media screen and (max-width:1440px){
/* header */
	.header .inner {padding:0 280px 0 105px;}
/* main */
	.mboxs > div {padding:20px;}
	.mboxs .mboard {padding:19px;}
/* sub */
	.aside {width:220px;}
	.aside dd a {line-height:20px; padding:19px 15px;}
	.contents {width:calc(100% - 220px); padding-left:40px;}
/* 인사말 */
	.greeting {padding-right:280px;}
	.greeting:after {width:260px; height:394px;}
/* 협회설립배경 및 주요활동 */
	.gbox {padding:30px;}
	.gbox.mb {margin-bottom:20px;}
/* 조직도 */
	.organization .chart .c4:before {max-width:calc(100% - ((100% - 105px)/4));}

	.board_write .w4 {width:160px;}
	.board_write .gbox {padding:25px 20px;}
}

@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.board_bottom .btns .btn:hover {background:#004a8c; color:#eee;}
	.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#000;}
	.board_bottom .paging a:hover {background:#005aab; color:#fff; border-color:#005aab;}
	.header .snb a:hover {color:#0036ab; font-weight:700;}
	.header .gnb li.g1:hover .snb {height:240px;}
	.header .gnb li.g2:hover .snb {height:160px;}
	.header .gnb li.g3:hover .snb {height:80px;}
	.header .gnb li.g4:hover .snb {height:120px;}
	.aside dd a:hover {background:#005aab; color:#fff; font-weight:700;}
	.aside dd a:hover:before,
	.aside dd a:hover:after {opacity:1;}
}

@media screen and (max-width:1023px){
    .header .inner {padding:0 20px; height:70px;}
	.header .logo {line-height:70px;}
	.header .logo img {height:50px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:70px; height:70px; z-index:1;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:30px; height:3px; background:#0036ab; margin-left:-15px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:8px;}
	.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 .gnb,
	.header .gnb .bg {position:fixed; top:0; width:100%; height:100%; transition:.2s linear;}
	.header .gnb {right:-100%; padding-left:40%;}
	.header.on .gnb {right:0;}
	.header .gnb .bg {left:-100%; background:rgba(0,0,0,.6);}
	.header.on .gnb .bg {left:0;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:70px; flex-direction:column; justify-content:flex-start;}
	.header .gnb li {border-bottom:#ddd 1px solid;}
	.header .gnb li:first-child {border-top:#ddd 1px solid;}
	.header .gnb li > a {position:relative; display:block; font-size:17px; color:#222; line-height:50px; padding:0 20px;}
	.header .gnb li > a.pc_vw {display:none !important;}
	.header .gnb li > a.mo_vw {display:block !important;}
	.header .gnb li > a.mo_vw:before,
	.header .gnb li > a.mo_vw:after {content:""; position:absolute; top:50%; width:10px; height:2px; background:#23742b; transition:.2s linear;}
	.header .gnb li > a.mo_vw:before {transform:rotate(45deg); right:26px;}
	.header .gnb li > a.mo_vw:after {transform:rotate(-45deg); right:20px;}
	.header .gnb li.open > a.mo_vw:before,
	.header .gnb li.on > a.mo_vw:before {transform:rotate(-45deg); background:#fff;}
	.header .gnb li.open > a.mo_vw:after,
	.header .gnb li.on > a.mo_vw:after {transform:rotate(45deg); background:#fff;}
	.header .gnb li.on.open > a.mo_vw:before {transform:rotate(45deg); background:#23742b;}
	.header .gnb li.on.open > a.mo_vw:after {transform:rotate(-45deg); background:#23742b;}
	.header .snb {position:relative; top:0; left:0; width:100%; height:auto; transition:none; background:#f1f4f7; display:none;}
	.header .snb a {display:block; font-size:15px; line-height:40px; padding:0 20px; border-bottom:#c6c6c6 1px solid; text-align:left;}
	.header .gnb li.on,
	.header .gnb li.open {border-bottom:0;}
	.header .gnb li.on.open {border-bottom:#ddd 1px solid;}
	.header .gnb li.open > a,
	.header .gnb li.on > a {color:#fff; background:#18417b;}
	.header .gnb li.on.open > a {color:#222; background:#fff;}
	.header .gnb li.on .snb {display:block;}
	.header .right {display:none;}
/* main */
	.mvisual_wrap {margin-top:70px;}
	.mvisual {padding:80px 20px; margin-bottom:40px;}
	.mboxs {gap:20px;}
	.mboxs > div {width:calc(50% - 10px);}
	.members ul {gap:20px;}
/* sub */
	.svisual {margin:70px 0 20px; padding:60px 20px;}
	.container {display:block;}
	.aside {position:relative; display:flex; width:100%; border:#e5e5e5 1px solid; z-index:10;}
	.aside .s dt {display:block;}
	.aside dl {position:relative; width:50%;}
	.aside dl.s {border-left:#e5e5e5 1px solid;}
	.aside dt {position:relative; font-size:15px; color:#333; line-height:58px; height:60px; margin:0; padding:0 20px;}
	.aside dt:before,
	.aside dt:after {content:""; position:absolute; top:50%; width:10px; height:2px; background:#222; transition:.2s linear;}
	.aside dt:before {transform:rotate(45deg); right:26px;}
	.aside dt:after {transform:rotate(-45deg); right:20px;}
	.aside .on dt:before {transform:rotate(-45deg);}
	.aside .on dt:after {transform:rotate(45deg);}
	.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; border:#ddd 1px solid; display:none;}
	.contents {width:100%; padding:40px 0 0; font-size:16px; line-height:26px;}
	.contents > .location {display:none;}
	.board_list .w1 {width:70px;}
	.board_list .w2 {width:100px;}
	.board_list .w3 {width:120px;}
	.gall_list li {width:calc((100% - 20px)/3);}
	.gall_list li i {height:23vw;}
	.history_wrap .head .tt {font-size:24px; line-height:34px;}
	.history_wrap .head p {font-size:17px;}
	.history dt {font-size:28px;}
}

@media screen and (max-width:767px){
	.inner {padding:0 10px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:40px;}
	.header .btn_menu {width:50px; height:50px;}
	.header .btn_menu p {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-9px;}
	.header .btn_menu .b {margin-top:7px;}
	.header .gnb ul {padding-top:50px;}
	.header .gnb li > a {font-size:13px; line-height:40px; padding:0 10px;}
	.header .gnb li > a.mo_vw:before {right:16px;}
	.header .gnb li > a.mo_vw:after {right:10px;}
	.header .snb a {font-size:12px; line-height:36px; padding:0 10px;}
/* footer */
	.footer {padding:25px 0; font-size:10px; line-height:14px;}
	.footer span {margin-right:20px;}
	.footer span:after {right:-10px;}
	.footer span:nth-child(2) {margin-right:0; width:100%;}
	.footer span:nth-child(2):after {display:none;}
	.footer .copy {font-size:10px; margin-top:10px; letter-spacing:-.5px;}
.footbnr {    position: relative;
    display: block;
    left:69%;
    }
.footbnr img {width:150px;}
/* main */
	.mvisual_wrap {margin-top:50px; padding:15px 0 20px;}
	.mvisual {background-image:url('/images/bg_mvisual_m.jpg'); padding:40px 10px; margin-bottom:15px;}
	.mvisual strong {font-size:18px; line-height:1;}
	.mvisual p {font-size:10px; line-height:14px; margin-top:5px;}
	.mcon .tit {font-size:13px; line-height:20px; margin-bottom:10px;}
	.mcon .tit .right button,
	.mcon .tit .right .more {width:30px; height:30px;}
	.mboxs {gap:15px;}
	.mboxs > div {width:100%; padding:15px;}
	.mboxs .mboard {padding:14px;}
	.mboxs .mboard li a {font-size:12px; line-height:25px; padding:0 70px 0 10px;}
	.mboxs .mboard li a:before {width:4px; height:4px; margin-top:-2px;}
	.mboxs .mboard li a span {font-size:11px;}
	.mboxs .mlinks li {margin-bottom:5px;}
	.mboxs .mlinks li a {font-size:12px; line-height:28px; height:30px;}
	.mgall_slide {margin:0 -5px;}
	.mgall_slide .slick-slide {padding:0 5px;}
	.mgall_slide .mv {height:34vw;}
	.mgall_slide .mv p {font-size:12px; line-height:30px; height:30px; padding:0 5px;}
	.members {padding:15px; margin-top:20px;}
	.members ul {margin:0 -15px 0 -5px;}
	.members .slick-list {padding-right:45px;}
	.members .slick-slide {padding:0 5px;}
	.members li {height:50px; padding:5px;}
/* sub */
	.svisual {background-image:url('/images/svisual_m.jpg'); margin-top:50px; padding:40px 10px; margin-bottom:10px;}
	.svisual strong {font-size:18px; line-height:1;}
	.svisual p {font-size:10px; line-height:14px; margin-top:5px;}
	.container {padding-bottom:50px;}
	.aside dt {font-size:11px; line-height:38px; height:40px; padding:0 10px;}
	.aside dt:before {right:16px;}
	.aside dt:after {right:10px;}
	.aside dd a {font-size:12px; padding:0 10px; height:40px; display:flex; align-items:center;}
	.aside dd a:before {right:10px;}
	.aside dd a:after {right:15px;}
	.contents {font-size:12px; line-height:1.2;}
	.contents .title {font-size:18px; line-height:20px; padding-bottom:15px; margin-bottom:30px;}
	.contents .btit {font-size:14px; margin:40px 0 10px;}
	.contents .tbl th,
	.contents .tbl td {line-height:20px; padding:5px;}
/* 인사말 */
	.greeting {padding-right:120px;}
	.greeting:after {width:106px; height:42vw;}
	.greeting strong {font-size:15px; line-height:20px;}
	.greeting p {font-size:12px; line-height:1.2;}
/* 협회설립배경 및 주요활동 */
	.gbox {padding:15px;}
	.gbox.mb {margin-bottom:10px;}
	.gbox .gtit {font-size:17px; padding-bottom:10px; margin-bottom:10px;}
	.board_list .w1 {width:40px;}
	.board_list .w2 {width:60px;}
	.board_list .w3 {width:70px;}
	.board_list th,
	.board_list td {height:40px;}
	.board_list th {font-size:13px;}
	.board_list td {font-size:12px;}
	.board_list i.file {width:16px; height:20px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:12px; margin:0 2px;}
	.board_bottom .paging .arrow img {height:14px;}
	.board_in .tit {font-size:17px; line-height:22px; padding:10px;}
	.board_in .file dt {font-size:13px; line-height:40px; width:60px;}
	.board_in .file dd {width:calc(100% - 60px); padding:10px 0; gap:0 10px;}
	.board_in .file dd a {font-size:12px; line-height:20px;}
	.board_in .date {gap:10px; font-size:13px; padding-top:10px;}
	.board_in .con {padding:30px 0;}
	.board_bottom .btns .btn {font-size:12px; line-height:30px; height:30px; width:80px;}
	.board_bottom .btns .btn_l {line-height:28px;}
/* 조직도 */
	.organization .chart .head {font-size:16px; line-height:32px; width:120px; height:120px; margin-bottom:40px;}
	.organization .chart .head:before {height:40px;}
	.organization .chart .head strong:after {width:40px; margin-left:-20px;}
	.organization .chart ul {gap:10px; margin-bottom:40px;}
	.organization .chart ul:before {height:40px;}
	.organization .chart li {width:calc((100% - 20px)/3); height:50px;}
	.organization .chart .c1:after {width:100%;}
/*	.organization .chart .c2 {padding-left:calc((100% - 5px)/3);}*/
	.organization .chart .c2:after {width:100%;}
	.organization .chart .c2 li {width:calc(50% - 5px);}
	.organization .chart .c4 {padding-top:20px;}
	.organization .chart .c4:before {width:calc(100% - ((100% - 30px)/4));}
	.organization .chart .c4 li:before {height:20px;}
	.organization .list {gap:20px;}
	.organization .list li {width:100%; min-height:156px; padding:0 0 0 160px;}
	.organization .list i {width:140px; height:156px;}
	.organization .list .subj {padding-bottom:10px; margin-bottom:10px;}
/* 찾아오시는 길 */
	.map_wrap,
	.map_wrap .wrap_map {height:60vw !important;}
	.map_text {font-size:13px; line-height:30px; padding:10px 10px 20px 50px;}
	.map_text:before {top:10px; left:10px; width:30px; height:30px; background-size:10px;}
	.map_text ul {gap:20px;}
	.map_text li {font-size:12px;}
	.map_text li:before {left:-10px; height:10px; margin-top:-5px;}

	.gall_list {gap:30px 10px;}
	.gall_list li {width:calc(50% - 5px);}
	.gall_list li i {height:34vw;}
	.gall_list li p {font-size:12px; margin:10px 0 5px;}
	.gall_list li .date {font-size:12px;}
/* 주요연혁 */
	.history_wrap {padding-left:0;}
	.history_wrap:before {display:none;}
	.history_wrap .head {position:relative; width:100%; margin-bottom:40px;}
	.history_wrap .head .tt {font-size:17px; line-height:30px;}
	.history_wrap .head p {font-size:13px; line-height:20px; margin:10px 0 15px; padding-bottom:20px;}
	.history_wrap .head p:after {width:20px; height:2px;}
	.history_wrap .head i {box-shadow:#f7f7f7 10px 20px 0; max-width:calc(100% - 10px);}
	.history {position:relative;}
	.history:before {content:""; position:absolute; top:12px; left:12px; width:1px; height:calc(100% - 24px); background:#ddd;}
	.history dl {padding-bottom:20px; margin-bottom:30px;}
	.history dl:before {left:25px; width:calc(100% - 25px);}
	.history dt {font-size:20px; padding-left:25px;}
	.history dt:before {width:24px; height:24px; left:0;}
	.history dt:after {width:10px; height:10px; left:7px;}
	.history dd {padding-left:25px;}
	.history dd p {line-height:24px;}
/* 회원가입 및 혜택안내 */
	.to_be_used {line-height:20px;}

	input.text,
	select.text {height:40px;}
	.board_write th {font-size:12px; width:80px; padding-left:0;}
	.board_write td * {font-size:12px;}
	.board_write dt {width:40px; line-height:40px;}
	.board_write dd {width:calc(100% - 40px);}
	.board_write .w2 {width:calc((100% - 60px)/3);}
	.board_write .w4 {width:calc(50% - 15px);}
	.board_write select.w4 {width:100%; margin:5px 0 0;}
	.board_write .w5 {width:calc(100% - 100px);}
	.board_write .btn_add {width:100px; height:40px; line-height:38px;}
	.board_write em.telbar {width:30px; font-size:13px; line-height:40px;}
	.board_write em.ymd {padding:0 5px 0 2px;}
	.board_write em.e {width:30px;}
	.board_write .mt {margin-top:5px;}
	.board_write .gbox {padding:15px; margin:30px 0 20px;}
	.board_write .btn {font-size:13px; line-height:40px; height:40px; width:200px;}
}