@charset "utf-8";

@media (max-width: 1600px) {

	/* main */
	.main-visual .inner {padding-left:200px;}
	.main-visual .content .tit {font-size:50px}

	.main-news .inner {margin-left:0;} 
	.main-news .slider-inner {max-width:100%; width:100%; margin-left:-80px;}

	.main-site .siteSlider {padding:0 80px;}
	.main-site .slick-prev {left:0;}
	.main-site .slick-next {right:0;}

	/* content */
	
	
}

@media (max-width: 1440px) {
	
	/* header */

	/* main */
}


@media (max-width: 1380px) {

	
	/* header */
	#header .inner {height:100px;}
	.sitelogo {width:250px;}
	#gnb > ul {margin-right:-60px;}
	#gnb > ul > li > a {font-size:18px; line-height:100px; padding-right:60px;}
	#gnb .submenu > ul > li {margin-bottom:12px;}
	#gnb .submenu > ul > li > a {font-size:16px;}
	
	#contents {margin-top:100px;}

	/* main */
	.main-title {margin-bottom:30px;}
	.main-title h2 {font-size:30px;}

	.main-news {padding:100px 0;}
	.main-news:after {height:266px; background-size:contain}
	.main-news .title {width:420px; height:408px;  padding:50px 40px;}
	.main-news .title .group em {font-size:18px; margin-bottom:6px;}
	.main-news .title .group h3 {font-size:30px; margin-bottom:50px;}
	.main-news .title .group .more {font-size:18px; line-height:30px; padding-right:30px; margin-bottom:60px;}
	.main-news .btns button {width:56px; height:56px;}
	.main-news .slider-inner {margin-left:-66px; padding-right:40px;}
	.main-news .slider-inner .item {margin-right:25px;}
	.main-news .slider-inner .item a {padding:30px;}
	.main-news .slider-inner .item .tit {font-size:20px; margin-bottom:15px;}
	.main-news .slider-inner .item .txt {font-size:17px;}
	.main-news .slider-inner .hits {margin-top:60px;}
	.main-news .slider-inner .hits .date {font-size:17px;}
	.main-news .slider-inner .hits .more {font-size:17px;}


	/* content */
	.chairman-inner br {display:none;}
}

@media (max-width: 1240px) {

	/* main */
	.main-visual .item {height:700px;}
	.main-visual .inner {padding-left:180px;}
	.main-visual .content .tit {font-size:40px}
	.main-visual .content p {font-size:16px;}
	.main-visual .slick-arrow {margin-top:-28px; width:56px;height:56px;}
	.main-visual .slick-prev {left:30px;}
	.main-visual .slick-next {right:30px;}
	.main-visual .slide-btns {width:20px;height:60px;}
	.main-visual .controler-wrap {bottom:150px;}
	.main-visual .controler {width:60px; height:60px; margin-right:30px;}
	.main-visual .controler .slick-playback {width:60px; height:60px;}
	.main-visual .controler .slick-playback:after {background-size:13px;}
	.main-visual .controler .slider-progress:after {width:60px; height:60px; border-width:3px;}
	.main-visual .controler .slick-progress circle {stroke-width: 3; r:28 !important; cx:30 !important; cy:30 !important;}
	.main-visual .slick-counter {line-height:60px;}
	.main-visual .slick-counter .bar {padding:0 4px;}

	.main-join {padding:160px 0;}


	.main-board {padding:90px 0;}
	.main-board .slick-list {margin-right:-20px;}
	.main-board .item {border-top-width:2px; margin-right:20px;}
	.main-board .item a {padding-top:30px;}
	.main-board .item em {margin-bottom:26px;}
	.main-board .item .tit {font-size:20px; margin-bottom:40px;}
	.main-board .more {top:25px;font-size:18px;}
	.main-board .bnr {width:380px; margin-left:50px;}

	.main-site {padding:45px 0;}
	.main-site .main-title {margin-bottom:26px;}
	.main-site .slick-list {margin:0 -10px;}
	.main-site .item {padding:0 10px;}

	/* footer */
	.top-btn {width:60px; height:60px; right:20px; background-size:20px;}
	.top-btn.on.fixed {top: -30px;}


	/* sub */
	.sub-vis-wrap .inner {padding:50px 20px; height:160px;} 
	.sub-vis-wrap .inner:after {background-size:400px;}
	.sub-vis-wrap h2 {font-size:40px;}
	.sub-vis {height:280px;}

	.lnb ul li a {height:70px; font-size:18px;}

	.association-inner .cnt br {display:none}

	.chairman-inner {padding:70px 0;}
	.chairman-inner br {display:none;}
	.chairman-inner .photo {width:400px; margin-left:100px; margin-top:-250px;}

	.guide-head {margin-bottom:80px;}
	.guide-head .box {border-width:4px; padding:32px 46px;}
	.guide-head .box .info dl dt {font-size:20px; margin-right:30px;}
	.guide-head .box .info dl dd {font-size:18px;}
	.guide-head .box .btns {width:148px; margin-left:20px;}
	.guide-head .box .btns a {font-size:18px; line-height:45px;}

	.guide-type {padding:80px 0; margin-bottom:70px;}
	.guide-type ul {margin-left:-30px;}
	.guide-type ul li {width:calc(20% - 30px); margin-left:30px; padding:30px 20px;}
	.guide-type ul li:after {left:-24px;}
	.guide-type ul li .ico {width:76px; height:76px; margin:0 auto 25px;}
	.guide-type ul li dl dt {font-size:15px; margin-bottom:6px;}
	.guide-type ul li dl dd {font-size:18px;}

	.guide-cnt {padding-bottom:70px; margin-bottom:70px; font-size:16px;}


	.plan-img-box {height:490px;}
	.plan-img-box dl dt {font-size:30px; margin-bottom:10px;}
	.plan-img-box dl dd {font-size:16px;}

	.plan-inner-wrap {padding:80px 0;}
	.plan-inner .group {padding:50px 0;}
	.plan-inner .title {width:40%; font-size:25px;}
	.plan-inner .title span {font-size:18px}
	.plan-inner .info {width:60%; padding-left:40px;}
	.plan-inner .info ul li {padding-left:20px;}



}

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
	#header .inner {height:80px;}
	.sitelogo {width:220px;}

	#gnb {display:none;}

	.util {position:absolute; top:50%; right:70px; transform:translateY(-50%);}

	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	#contents {margin-top:80px;}

	/* main */
	.main-visual .item {height:560px;}
	.main-visual .inner {padding-left:120px;}
	.main-visual .content .tit {font-size:35px}
	.main-visual .content p {font-size:15px;}
	.main-visual .slick-arrow {margin-top:-25px; width:50px;height:50px;}
	.main-visual .slick-prev {left:20px;}
	.main-visual .slick-next {right:20px;}
	.main-visual .slide-btns {width:20px;height:60px;}
	.main-visual .slide-prev {margin-right:15px;}
	.main-visual .slide-next {margin-left:15px;}
	.main-visual .controler-wrap {bottom:120px;}
	.main-visual .controler {margin-right:20px;}
	.main-visual .controler .slick-playback:after {background-size:13px;}


	.main-title h2 {font-size:25px;}

	.main-news {padding:80px 0;}
	.main-news:after {height:186px;}
	.main-news .title {width:400px; height:360px; padding:40px 30px;}
	.main-news .title .group em {font-size:18px; margin-bottom:6px;}
	.main-news .title .group h3 {font-size:30px; margin-bottom:50px;}
	.main-news .title .group .more {font-size:16px; margin-bottom:50px;}
	.main-news .btns button {width:50px; height:50px;}
	.main-news .slider-inner {margin-left:-40px; padding-right:30px;}
	.main-news .slider-inner .item {margin-right:18px;}
	.main-news .slider-inner .item a {padding:26px;}
	.main-news .slider-inner .item .tit {font-size:18px; margin-bottom:15px;}
	.main-news .slider-inner .item .txt {font-size:16px;}
	.main-news .slider-inner .hits {margin-top:40px;}
	.main-news .slider-inner .hits .date {font-size:16px;}
	.main-news .slider-inner .hits .more {font-size:16px;}

	.main-join {padding:120px 0;}
	.main-join .title h2 {font-size:40px;}
	.main-join .title p {font-size:17px;}
	.main-join .bnr {padding-left:40px;}
	.main-join .bnr ul li a {padding:30px 0;}
	.main-join .bnr ul li p {font-size:17px;}
	.main-join .bnr ul li h3 {font-size:30px;}

	.main-board {padding:80px 0;}
	.main-board .main-title {margin-bottom:20px;}
	.main-board .slick-list {margin-right:-20px;}
	.main-board .item {margin-right:20px;}
	.main-board .item a {padding-top:25px;}
	.main-board .item em {border-radius:25px; font-size:15px; margin-bottom:20px;}
	.main-board .item .tit {font-size:18px; margin-bottom:20px;}
	.main-board .item .date {font-size:16px;}
	.main-board .more {top:10px;font-size:16px;}
	.main-board .bnr {width:340px; margin-left:40px;}

	.main-site {padding:45px 0;}
	.main-site .main-title {margin-bottom:26px;}
	.main-site .siteSlider {padding:0 70px;}
	.main-site .slick-list {margin:0 -8px;}
	.main-site .item {padding:0 8px;}
	.main-site .slick-arrow {width:50px; height:50px; margin-top:-25px;}
	


	/* footer */
	#footer {font-size:16px;}

	.foot-inner {padding:40px 0;}
	.foot-inner .tit {font-size:20px;}

	.foot-copy {padding:26px 0;}

	
	/* sub */
	.sub-vis-wrap .inner {padding:40px 20px; height:130px;} 
	.sub-vis-wrap .inner:after {background-size:300px;}
	.sub-vis-wrap h2 {font-size:30px;}
	.sub-vis {height:240px;}

	.lnb ul li a {height:60px; font-size:18px;}

	#contArea {margin:80px auto 0;}

	.real-cont {padding-bottom:100px;}

	
	
	/* content */
	.doc-head-title {font-size:30px; margin-bottom:60px;}

	.association-inner .head {margin-bottom:70px;}
	.association-inner .head .title {width:40%;}
	.association-inner .head .info {width:60%;}
	.association-inner .cnt {margin-bottom:30px; font-size:16px;}
	.association-inner .image-box {height:500px; margin-bottom:60px;}
	.association-inner .image-box .tit {font-size:30px; margin-bottom:30px;}
	.association-inner .image-box p {font-size:16px;}

	.org-inner {padding:80px 0;}

	.history-box {height:320px; margin-bottom:70px;}
	.history-box .tit {font-size:60px;}
	.history-box p {font-size:17px;}

	.history .group {padding-bottom:90px;}
	.history .group .year {font-size:40px; padding-right:60px;}
	.history .group .info {padding-left:60px; padding-top:16px;}
	.history .group .info ul li {margin-bottom:20px;}
	.history .group .info dl dt {font-size:20px;}
	.history .group .info dl dd {font-size:17px;}
	.history .group:nth-child(even) .year {padding-left:60px;}
	.history .group:nth-child(even) .info {padding-right:60px;}

	.doc-title {font-size:25px; margin-bottom:20px;}

	.vision {padding:70px 0; margin-bottom:60px;}

	.vision-inner ul {margin-left:-15px; margin-bottom:-15px; font-size:16px;}
	.vision-inner ul li {width:calc(33.333333% - 15px); height:220px; margin-left:15px; margin-bottom:15px;  padding:30px 25px;}
	.vision-inner ul li dl dt {font-size:18px;}
	.vision-inner ul li .number {bottom:-20px; right:25px; font-size:60px;}


	.chairman-inner {padding:60px 0;}
	.chairman-inner .info {font-size:17px;}
	.chairman-inner .info .tit {font-size:19px; margin-bottom:25px;}
	.chairman-inner .info .cnt {margin-bottom:25px;}
	.chairman-inner .photo {width:390px; margin-left:80px; margin-top:-190px;}
	.chairman-inner .photo .name-box {margin-top:-50px; padding:36px 25px; width:260px;}
	.chairman-inner .photo .name-box dl dt {font-size:25px;}
	.chairman-inner .photo .name-box dl dd {font-size:17px;}


	.guide-head {margin-bottom:60px;}
	.guide-head .box {border-width:3px; padding:26px;}
	.guide-head .box .info dl dt {font-size:18px; margin-right:20px;}
	.guide-head .box .info dl dd {font-size:16px;}
	.guide-head .box .btns {width:120px; margin-left:15px;}
	.guide-head .box .btns a {font-size:16px; line-height:40px;}

	.guide-type {padding:60px 0; margin-bottom:60px;}
	.guide-type ul {margin-left:-30px; flex-wrap:wrap; justify-content:center; margin-bottom:-30px;}
	.guide-type ul li {width:calc(33.333333% - 30px); margin-left:30px; margin-bottom:30px; padding:25px 20px;}
	.guide-type ul li:after {left:-24px; width:14px;}
	.guide-type ul li:nth-child(4):after {display:none;}
	.guide-type ul li .ico {width:76px; height:76px; margin:0 auto 25px;}
	.guide-type ul li dl dt {font-size:15px; margin-bottom:6px;}
	.guide-type ul li dl dd {font-size:18px;}

	.guide-cnt {padding-bottom:60px; margin-bottom:60px; font-size:15px;}

	.member-guide-inner {margin-bottom:70px;}
	.member-guide-inner .box {border-width:3px; padding:26px;}
	.member-guide-inner .txt {font-size:16px ;}
	.member-guide-inner .txt2 {font-size:25px ;}


	

	/* board */
	.input {font-size:16px;}
	/* 검색 */
	.board-search {margin-bottom:40px; padding:26px;}
	.board-search .search .input {height:44px; font-size:16px ;}
	.board-search .search select.input {width:140px; margin-right:16px;}
	.board-search .search input.input {margin-right:16px;}
	.board-search .search .bt-search {width:100px; height:44px; border-radius:44px;}

	.board-list-search {margin-bottom:30px; padding:30px;}
	.board-list-search h3 {font-size:18px;}
	.board-list-search .group {margin-bottom:15px;}
	.board-list-search .group.flex {margin:0 -10px 15px;}
	.board-list-search .group.flex .p-col {padding:0 10px;}
	.board-list-search .input {height:44px;}
	.board-list-search .btns {padding-top:25px; margin-top:25px;}
	.board-list-search .btns a {width:150px; height:46px; border-radius:46px; font-size:16px; line-height:46px;}

	.board-total {font-size:18px; margin-bottom:25px;}

	.board-table table {font-size:16px;}
	.board-table table thead th {padding:14px 5px;}
	.board-table table tbody td {padding:14px 15px;}
	.board-table table tbody td a {font-size:16px;}

	.faq-list--fc .f-wrap--fc a {padding:25px 0 25px 80px; font-size:16px;}
	.faq-list--fc .f-wrap--fc a:before {margin-top:-20px; left:20px;width:40px; height:40px; font-size:20px; line-height:40px;}
	.faq-wrap--fc .f-wrap--fc a:after {right:20px;  width:16px; height:16px;}
	.faq-wrap--fc .q-wrap--fc {padding:30px 25px 30px 80px; font-size:16px;}
	.faq-wrap--fc .q-wrap--fc:before {top:30px; left:20px; width:40px; height:40px; font-size:20px; line-height:40px;}
	.faq-wrap--fc .q-wrap--fc .tit {font-size:16px; margin-bottom:12px;}

	.mailform-txt {margin-bottom:15px; font-size:16px ;}

	.mailform {padding-top:30px;}
	.mailform .group {margin:0 0 30px;}
	.mailform .group.flex {margin:0 -20px 30px;}
	.mailform .group.flex .p-col {padding:0 20px;}
	.mailform .tit {font-size:18px;}
	.mailform .input {height:46px; font-size:16px;}
	.mailform textarea.input {height:160px; font-size:16px;}
	.mailform .privacy_box--fc {height:90px;font-size:16px;}
	.mailform .captcha_box--fc a {width:18px; height:18px; margin:0 10px;}
	.mailform .captcha_box--fc input {font-size:16px; height:46px;}

	.privacy_txt--fc input[type="checkbox"] + label {font-size:16px;}

	.form-btns {margin-top:30px;}
	.form-btns a {width:180px; height:52px; border-radius:52px;  font-size:16px ;line-height:52px;}

	
	

	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* main */

	.main-news {padding:70px 0;}
	.main-news:after {height:126px;}
	.main-news .news-wrap {display:block; position:relative; background:#155cc0; padding:0 0 30px; border-radius:0 30px 0 30px; overflow:hidden; }
	.main-news .news-wrap:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(114deg,  rgba(35,184,197,1) 0% ,rgba(40,74,148,1) 100%); opacity:.50; z-index:0;}
	.main-news .title {width:100%; height:auto; padding:30px 30px; background:none;}
	.main-news .title:after {display:none;}
	.main-news .title .group em {font-size:16px; margin-bottom:6px;}
	.main-news .title .group h3 {font-size:25px; margin-bottom:20px;}
	.main-news .title .group h3 br {display:none;}
	.main-news .title .group .more {font-size:16px; margin-bottom:0; position:absolute; top:80px; right:0;}
	.main-news .btns {justify-content:center;}
	.main-news .btns button {width:40px; height:40px; background-size:10px;}
	.main-news .slider-inner {margin-left:0; padding:0 30px;}
	

	/* sub */
	.vision-inner ul {margin-left:-8px; margin-bottom:-8px; font-size:15px;}
	.vision-inner ul li {width:calc(50% - 8px); height:190px; margin-left:8px; margin-bottom:8px; padding:25px;}
	.vision-inner ul li .number {bottom:-20px; right:25px; font-size:60px;}

	
	.chairman-inner .inner {flex-wrap:wrap;}
	.chairman-inner .info {width:100%;  order:2;}
	.chairman-inner .photo {width:360px; margin:-100px auto 40px; order:1;}


	/* board */
	/* 검색 */
	.board-search {margin-bottom:30px; padding:20px;}
	.board-search .search .input {height:44px; font-size:16px ;}
	.board-search .search select.input {width:140px; margin-right:10px;}
	.board-search .search input.input {margin-right:10px;}
	.board-search .search .bt-search {width:100px; height:44px; border-radius:44px;}

	.board-total {font-size:16px; margin-bottom:25px;}

	.board-table table {font-size:15px;}
	.board-table table colgroup col {width:100% !important}
	.board-table table thead {display:none;}
	.board-table table tbody {display:block;}
	.board-table table tbody tr {border-bottom:1px solid #dedede; padding:10px;display:flex; flex-wrap:wrap; align-items:center; position:relative;}
	.board-table table tbody tr.notice td.board-num--fc {display:block;}
	.board-table table tbody tr.notice td.board-subject--fc {padding-left:70px;}
	.board-table table tbody td {padding:0; border-bottom:0;}
	.board-table table tbody td.board-num--fc {display:none; position:absolute; top:10px; left:0; width:80px; text-align:center;}
	.board-table table tbody td.board-subject--fc {width:100%; padding-bottom:10px;}
	.board-table table tbody td.board-date--fc {padding:0 10px 0 10px;}
	.board-table table tbody td.number {display:none;}
	.board-table table tbody td.name {width:100%; text-align:left; margin-bottom:5px;}
	.board-table table tbody td.company {padding-right:10px;}
	.board-table table tbody td a {font-size:15px;}


	.board-view .head {padding:30px 20px;}
	.board-view .head .title {font-size:20px ; margin-bottom:15px;}
	.board-view .head .date {font-size:16px;}
	.board-view .body {padding:40px 15px; font-size:16px;}
	.board-view .file ul li {padding:20px 0; margin-bottom:10px;}
	.board-view .file ul li a {font-size:16px;}

	.prev-next-inner ul li {font-size:16px; padding:18px 0;}
	.prev-next-inner ul li .tit {width:80px; margin-right:30px;}
	.prev-next-inner ul li .tit:before {left:16px;}
	.prev-next-inner ul li .cnt a {font-size:16px;}
	.prev-next-inner ul li .date {width:140px;}
	.prev-next-inner ul li .hit {width:80px;}
	
	
	/* member */
	.member-title {margin-bottom:20px;}
	.member-title h2 {font-size:22px;}
	.member-title p {font-size:16px;}
	

	.member-wrap--fc .form-table--fc tr {border-bottom:0; display:block;}
	.member-wrap--fc .form-table--fc tr td {border-bottom:1px solid #e9e9e9;}

	.member-wrap--fc .form-table--fc tr.join-form-sectors--fc select {width:100% !important; display:block; margin-bottom:8px;}
	.member-wrap--fc .form-table--fc tr.join-form-sectors--fc select:last-child {margin-bottom:0;}
	.member-wrap--fc .form-table--fc 

	

	
} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:15px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	.inner {padding:0 16px;}
	#header .inner {height:60px;}
	.sitelogo {width:180px;}

	.util {display:none;}
	.util ul {margin:0 -10px;}
	.util ul li {padding:0 10px; font-size:14px ;}

	.btn-m-menu {right:16px;}

	#contents {margin-top:60px;}


	/* main */
	.main-visual .item {height:460px;}
	.main-visual .inner {padding-left:16px;}
	.main-visual .content .tit {font-size:30px}
	.main-visual .slick-arrow {display:none !important;}
	.main-visual .slick-prev {left:20px;}
	.main-visual .slick-next {right:20px;}
	.main-visual .slide-btns {width:20px;}
	.main-visual .slide-prev {margin-right:15px;}
	.main-visual .slide-next {margin-left:15px;}
	.main-visual .controler-wrap {bottom:20px;}
	.main-visual .controler-wrap .inner {justify-content:center;}
	.main-visual .controler {margin-right:20px;}
	

	.main-title {margin-bottom:25px;}
	.main-title h2 {font-size:22px;}

	.main-news {padding:60px 0;}
	.main-news:after {height:106px;}
	.main-news .title {padding:24px 24px;}
	.main-news .title .group em {font-size:15px; margin-bottom:6px;}
	.main-news .title .group h3 {font-size:22px; margin-bottom:20px;}
	.main-news .slider-inner {margin-left:0; padding:0 25px;}
	.main-news .slider-inner .item {margin-right:18px;}
	.main-news .slider-inner .item a {padding:22px;}
	.main-news .slider-inner .item .tit {font-size:16px; margin-bottom:10px;}
	.main-news .slider-inner .item .txt {font-size:15px;}
	.main-news .slider-inner .hits {margin-top:20px;}
	.main-news .slider-inner .hits .date {font-size:15px;}
	.main-news .slider-inner .hits .more {font-size:15px;}

	.main-join {padding:60px 0;}
	.main-join .inner {display:block;}
	.main-join .title {width:100%; margin-bottom:30px;}
	.main-join .title h2 {font-size:25px;}
	.main-join .title p {font-size:16px;}
	.main-join .bnr {width:100%; padding-left:0;}
	.main-join .bnr ul li a {padding:20px 0;}
	.main-join .bnr ul li p {font-size:15px;}
	.main-join .bnr ul li h3 {font-size:22px;}

	.main-board {padding:60px 0;}
	.main-board .inner {display:block;}
	.main-board .list {width:100%; margin-bottom:30px;}
	.main-board .main-title {margin-bottom:15px;}
	.main-board .item a {padding-top:20px;}
	.main-board .item em {font-size:14px;}
	.main-board .item .tit {font-size:17px; margin-bottom:15px;}
	.main-board .item .date {font-size:15px;}
	.main-board .more {top:10px;font-size:15px;}
	.main-board .bnr {width:100%; margin-left:0;}
	.main-board .bnr img {width:100%}

	.main-site {padding:30px 0;}
	.main-site .main-title {margin-bottom:20px;}
	.main-site .siteSlider {padding:0 50px;}
	.main-site .slick-list {margin:0 -5px;}
	.main-site .item {padding:0 5px;}
	.main-site .slick-arrow {width:40px; height:40px; margin-top:-20px; background-size:12px;}

	

	/* footer */
	#footer {font-size:15px; text-align:center;}

	.foot-inner {padding:30px 0; flex-wrap:wrap;}
	.foot-inner .info {width:100%; order:2;}
	.foot-inner .foot-logo {width:100%; order:1; margin-bottom:20px;}
	.foot-inner .foot-logo img {height:22px;}
	.foot-inner .tit {font-size:18px;}

	.foot-copy {padding:18px 0;}

	.top-btn {width:40px; height:40px; right:16px; background-size:15px; font-size:0;}
	.top-btn.on.fixed {top: -20px;}

	/* sub */
	.sub-vis-wrap .inner {padding:30px 20px; height:100px;} 
	.sub-vis-wrap .inner:after {background-size:260px;}
	.sub-vis-wrap h2 {font-size:25px;}
	.sub-vis {height:160px;}

	.lnb ul li a {height:50px; font-size:16px;}

	#contArea {margin:40px auto 0; padding:0 16px;}

	.real-cont {padding-bottom:60px;}
	

	/* content */
	.doc-head-title {font-size:22px; margin-bottom:40px;}
	.doc-head-title br {display:none;}

	.association-inner .head { margin-bottom:30px;}
	.association-inner .head .inner {display:block;}
	.association-inner .head .title {width:100%; margin-bottom:20px;}
	.association-inner .head .info {width:100%;}
	.association-inner .cnt {margin-bottom:20px; font-size:15px;}
	.association-inner .cnt br {display:none}
	.association-inner .image-box {height:auto; padding:50px 0; margin-bottom:30px;}
	.association-inner .image-box .tit {font-size:20px; margin-bottom:25px;}
	.association-inner .image-box p {font-size:15px;}
	.association-inner .image-box br {display:none}

	.org-inner {padding:40px 0;}

	.history-box {height:200px; margin-bottom:40px;}
	.history-box .tit {font-size:40px;}
	.history-box p {font-size:16px;}

	.history .group {display:block; padding-bottom:50px;}
	.history .group:after {left:10px; top:12px;}
	.history .group:before {top:12px; left:0; margin-left:0;width:20px; height:20px; border-width:4px;}
	.history .group:last-child:after {height:97%}
	.history .group .year {font-size:30px; padding-right:0; padding-left:40px; text-align:left;}
	.history .group .info {padding-left:40px; padding-top:16px;}
	.history .group .info ul li {margin-bottom:15px;}
	.history .group .info dl dt {font-size:18px; margin-bottom:5px;}
	.history .group .info dl dd {font-size:15px;}
	.history .group:nth-child(even) .year {padding-left:40px;}
	.history .group:nth-child(even) .info {padding-right:0; padding-left:40px; text-align:left}

	.doc-title {font-size:22px;}

	.vision {padding:30px 0; margin-bottom:40px;}

	.vision-inner ul {display:block; margin-left:0; margin-bottom:-8px; font-size:15px;}
	.vision-inner ul li {width:100%; height:auto; margin-left:0; margin-bottom:8px;  padding:20px 20px 40px;}
	.vision-inner ul li dl dt {font-size:16px;}
	.vision-inner ul li dl dd br {display:none}
	.vision-inner ul li .number {bottom:-15px; right:25px; font-size:50px;}
	
	.chairman-inner {margin-top:60px;}
	.chairman-inner .info {font-size:15px}
	.chairman-inner .info .tit {font-size:18px; margin-bottom:20px;}
	.chairman-inner .info .cnt {margin-bottom:20px;}
	.chairman-inner .photo {width:100%; max-width:300px; margin:-100px auto 30px;}
	.chairman-inner .photo .name-box {margin-top:-30px; padding:18px 20px; width:200px;}
	.chairman-inner .photo .name-box dl dt {font-size:20px;}
	.chairman-inner .photo .name-box dl dd {font-size:15px;}

	.guide-head {margin-bottom:40px;}
	.guide-head .box {display:block; border-width:3px; padding:20px;}
	.guide-head .box .info {width:100%; margin-bottom:20px;}
	.guide-head .box .info dl dt {font-size:16px; margin-right:15px;}
	.guide-head .box .info dl dd {font-size:15px;}
	.guide-head .box .btns {width:100%; margin-left:0;}

	.guide-type {padding:40px 0; margin-bottom:40px;}
	.guide-type ul {margin-left:-30px; margin-bottom:-20px;}
	.guide-type ul li {width:calc(50% - 30px); margin-left:30px; margin-bottom:20px; padding:20px 20px;}
	.guide-type ul li:after {left:-24px; width:14px;}
	.guide-type ul li:nth-child(3):after {display:none;}
	.guide-type ul li:nth-child(5):after {display:none;}
	.guide-type ul li:nth-child(4):after {display:block;}
	.guide-type ul li:last-child {width:calc(100% - 30px)}
	.guide-type ul li .ico {width:60px; height:60px; margin:0 auto 20px;}
	.guide-type ul li dl dt {font-size:15px;}
	.guide-type ul li dl dd {font-size:17px;}

	.guide-cnt {padding-bottom:40px; margin-bottom:40px;}

	.plan-img-box {height:auto; padding:60px 0;}
	.plan-img-box dl dt {font-size:25px}
	.plan-img-box dl dd {font-size:15px;}
	.plan-img-box br {display:none;}

	.plan-inner-wrap {padding:50px 0;}
	.plan-inner .group {padding:30px 0; display:block;}
	.plan-inner .title {width:100%; font-size:22px; margin-bottom:15px;}
	.plan-inner .title span {font-size:15px}
	.plan-inner .info {width:100%; padding-left:0;}
	.plan-inner .info ul li {padding-left:15px;}

	.member-guide-inner {margin-bottom:50px;}
	.member-guide-inner .box {padding:20px;}
	.member-guide-inner .txt {font-size:15px ;}
	.member-guide-inner .txt2 {font-size:22px ;}



	/* board */
	.input {height:40px; padding:4px 12px; font-size:1em}

	/* 검색 */
	.board-search {margin-bottom:20px; padding:8px;}
	.board-search .search .input {height:40px; font-size:15px ;}
	.board-search .search select.input {width:100px; margin-right:4px;}
	.board-search .search input.input {margin-right:4px;}
	.board-search .search .bt-search {width:40px; height:40px; border-radius:10px; background-size:16px;}

	.board-list-search {margin-bottom:25px; padding:20px;}
	.board-list-search h3 {font-size:16px;}
	.board-list-search .group {margin-bottom:10px;}
	.board-list-search .group.flex {display:block; margin:0 0 15px;}
	.board-list-search .group.flex .p-col {padding:0; width:100%; margin-bottom:10px;}
	.board-list-search .input {height:40px;}
	.board-list-search .btns {padding-top:20px; margin-top:20px;}
	.board-list-search .btns a {width:120px; height:40px; border-radius:40px; font-size:15px; line-height:40px;}

	.board-total {font-size:15px; margin-bottom:15px;}


	.board-view .head {padding:20px 15px;}
	.board-view .head .title {font-size:18px ; margin-bottom:10px;}
	.board-view .head .date {font-size:15px;}
	.board-view .body {padding:30px 15px; font-size:15px;}
	.board-view .file ul li {padding:15px 0;}
	.board-view .file ul li a {font-size:14px;}

	.prev-next-inner ul li {font-size:15px; padding:14px 0;}
	.prev-next-inner ul li .tit {width:60px; margin-right:20px;}
	.prev-next-inner ul li .tit:before {left:10px;}
	.prev-next-inner ul li .cnt a {font-size:16px;}
	.prev-next-inner ul li .date {display:none;}
	.prev-next-inner ul li .hit {display:none;}


	/* 버튼 */
	.buttons {margin:25px 0;}

	.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
	.btn-pack.medium {height:36px;padding:0 20px;line-height:34px;font-size:15px;}
	.btn-pack.xlarge {min-width:140px; height:44px;padding:0 16px;line-height:42px;font-size:16px;}


	.faq-list--fc .f-wrap--fc a {padding:20px 0 20px 50px; font-size:15px;}
	.faq-list--fc .f-wrap--fc a:before {margin-top:-15px; left:10px;width:30px; height:30px; font-size:18px; line-height:30px;}
	.faq-wrap--fc .f-wrap--fc a:after {right:15px;  width:12px; height:12px;}
	.faq-wrap--fc .q-wrap--fc {padding:20px 10px 20px 50px; font-size:16px;}
	.faq-wrap--fc .q-wrap--fc:before {top:20px; left:10px; width:30px; height:30px; font-size:18px; line-height:30px;}
	.faq-wrap--fc .q-wrap--fc .tit {font-size:15px; margin-bottom:12px;}


	.board-paging {margin:20px 0;}
	.board-paging li > a {width:30px; height:30px; line-height:30px;}


	.mailform-txt {margin-bottom:10px; font-size:14px ;}

	.mailform {padding-top:20px;}
	.mailform .group {margin:0 0 20px;}
	.mailform .group.flex {display:block; margin:0;}
	.mailform .group.flex .p-col {width:100%; padding:0; margin-bottom:20px;}
	.mailform .tit {font-size:16px; margin-bottom:5px;}
	.mailform .input {height:40px; font-size:15px;}
	.mailform textarea.input {height:140px; font-size:15px;}
	.mailform .privacy_box--fc {height:90px;font-size:15px; margin-top:0;}
	.mailform .captcha_box--fc {flex-wrap:wrap;}
	.mailform .captcha_box--fc a {width:18px; height:18px; margin:0 10px;}
	.mailform .captcha_box--fc input {font-size:15px; height:40px; width:100%; max-width:100%}

	.privacy_txt--fc input[type="checkbox"] + label {font-size:15px;}

	.form-btns {margin-top:25px;}
	.form-btns a {width:120px; height:46px; border-radius:46px;  font-size:15px ;line-height:46px;}
	
	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}