@media (max-width: 1400px) {
    .partner-list .container .section-content > ul {
        width: calc(100% + 20px);
        margin: 0 -10px; 
    }
    .partner-list .container .section-content > ul > li {
        padding: 0 10px; 
    } 

	.partner article.benefit .container .article-content > ul > li:nth-of-type(1) {
        padding-right: 15px; 
    }
    .partner article.benefit .container .article-content > ul > li:nth-of-type(2) {
        padding-left: 15px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption b {
        font-size: 24px;
        line-height: 40px; 
    }
    .partner article.join-guide .container .article-content .doc-down {
        padding: 0 35px; 
    } 
}


@media (max-width: 1200px) {
    .page-header .container {
        height: 400px;
        padding-bottom: 30px; 
    }
    .page-header .container .v-align small {
        font-size: 20px; 
    }
    .page-header .container .v-align h3 {
        font-size: 50px;
        margin-top: 30px; 
    }
    .page-header .container .lnb {
        padding-bottom: 30px; 
    } 

	section {
        padding: 100px 0 120px; 
    } 

	.partner-list .container .section-content > ul > li > .box .logo {
        height: 120px; 
    }
    .partner-list .container .section-content > ul > li > .box .info {
        padding: 30px; 
    }
    .partner-list .container .section-content > ul > li > .box .contact {
        text-align: center;
        padding: 15px 20px; 
    } 

	.partner article.join-guide .container .article-content > figure > figcaption b {
        font-size: 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dt {
        font-size: 24px;
        width: 180px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd p {
        font-size: 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul {
        right: 0; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li {
        margin-right: 30px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a {
        font-size: 18px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a img {
        margin-left: 10px; 
    } 
}


@media (max-width: 1024px) {
    .page-header .container {
        height: 300px; 
    }
    .page-header .container .v-align small {
        font-size: 16px; 
    }
    .page-header .container .v-align h3 {
        font-size: 35px; 
    }
    .page-header .container .lnb {
        padding-bottom: 20px; 
    }
    .page-header .container .lnb > ul > li {
        margin-right: 20px; 
    }
    .page-header .container .lnb > ul > li > a {
        font-size: 18px;
        padding-bottom: 10px; 
    } 

	section {
        padding: 60px 0 80px; 
    } 

	.section-title {
        width: 40%;
        padding-right: 15px; 
    }
    .section-title small {
        font-size: 16px; 
    }
    .section-title h3 {
        font-size: 25px;
        line-height: 45px; 
    }
    .section-title h3 br {
        display: none; 
    }
    .introduce .container .summary > div.section-content {
        width: 60%;
        padding-left: 15px; 
    }
    .introduce .container .summary > div.section-content p {
        font-size: 18px;
        line-height: 38px; 
    }
    .introduce .container > figure {
        margin-top: 50px; 
    } 

	.history .container .section-header {
        height: 300px; 
    }
    .history .container .section-header .v-align small {
        font-size: 18px; 
    }
    .history .container .section-header .v-align h3 {
        font-size: 25px;
        margin-top: 20px; 
    }
    .history .container .section-content {
        padding-top: 60px; 
    }
    .history .container .section-content > ol > li {
        padding: 30px 40px; 
    }
    .history .container .section-content > ol > li > dl > dt {
        width: 100px;
        font-size: 25px;
        line-height: 26px;
        padding-top: 0; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dt, .history .container .section-content > ol > li > dl > dd > ul > li > dl dd {
        line-height: 26px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dt {
        width: 45px;
        font-size: 18px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dd > ul > li {
        font-size: 18px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dd > ul > li:before {
        top: 10px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li ~ li {
        margin-top: 10px; 
    } 

	.partner-list {
        padding-top: 60px; 
    }
    .partner-list .container .partner-tab > ul > li > a {
        font-size: 18px;
        line-height: 50px; 
    }
    .partner-list .container .section-content {
        padding-top: 30px; 
    }
    .partner-list .container .section-content > ul > li > .box .logo {
        height: 90px; 
    }
    .partner-list .container .section-content > ul > li > .box .info {
        height: 200px; 
		padding: 30px 20px;
    }
    .partner-list .container .section-content > ul > li > .box .info strong {
        font-size: 20px; 
    }
    .partner-list .container .section-content > ul > li > .box .info address {
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px; 
    }
    .partner-list .container .section-content > ul > li > .box .contact {
        padding: 10px 0; 
    }
    .partner-list .container .section-content > ul > li > .box .contact > a {
        font-size: 16px;
        line-height: 20px;
        padding-left: 25px;
        background-size: auto 20px; 
    }
    .partner-list .container .section-content > ul > li > .box .details .v-align {
        padding: 0 15px 40px; 
    }
    .partner-list .container .section-content > ul > li > .box .details .v-align > div > b {
        font-size: 18px;
        line-height: 28px; 
    }
    /* .partner-list .container .section-content > ul > li > .box .details .v-align > div .btn-area {
        margin-top: 20px; 
    }
    .partner-list .container .section-content > ul > li > .box .details .v-align > div .btn-area .btn-move {
        font-size: 16px;
        line-height: 38px; 
    } */
    .partner-list .container .section-content > ul > li > .box .details .v-align > div > p {
        font-size: 16px;
        bottom: 30px; 
    }
    .partner-list .container .section-content > ul > li:nth-of-type(4) ~ li {
        margin-top: 20px; 
    } 
	.partner-list .container .section-content > ul > li .box .info .btn-area {
		bottom: 15px;
	}
	.partner-list .container .section-content > ul > li .box .info .btn-area .btn-move {
		font-size: 16px;
		width: 100px;
		line-height: 35px;
	}

	.partner article .article-header h3 {
        font-size: 25px;
        padding-left: 30px; 
    }
    .partner article .article-header h3:before {
        width: 15px;
        height: 3px; 
    }
    .partner article .article-header .attention {
        font-size: 16px; 
    }
    .partner article .article-content {
        padding-top: 30px; 
    }
    .partner article.benefit .container .article-content > ul > li .box {
        height: 160px;
        padding-left: 150px;
        background-size: 100px auto;
        background-position: 20px 50%; 
    }
    .partner article.benefit .container .article-content > ul > li .box > dl > dt {
        font-size: 20px; 
    }
    .partner article.benefit .container .article-content > ul > li .box > dl > dd {
        margin-top: 10px; 
    }
    .partner article.benefit .container .article-content > ul > li .box > dl > dd > ul > li {
        font-size: 18px;
        line-height: 30px;
        padding-left: 10px; 
    }
    .partner article.benefit .container .article-content > ul > li:nth-of-type(1) {
        padding-right: 10px; 
    }
    .partner article.benefit .container .article-content > ul > li:nth-of-type(2) {
        padding-left: 10px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption {
        margin-top: -50px;
        padding-top: 25px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption b {
        font-size: 18px;
        line-height: 26px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption > ul {
        margin-top: 30px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption > ul > li {
        padding: 0 20px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption > ul > li > a {
        font-size: 18px;
        line-height: 24px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption > ul > li > a img {
        width: auto;
        height: 20px;
        margin-right: 10px; 
    }
    .partner article.join-guide .container .article-content > figure > figcaption > ul > li:after {
        height: 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down {
        margin-top: 40px;
        padding: 0 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dt {
        font-size: 18px;
        width: 130px;
        line-height: 60px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd {
        line-height: 60px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd p {
        font-size: 16px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul {
        height: 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a {
        font-size: 16px;
        line-height: 20px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a img {
        height: 20px; 
    }
    .partner article ~ article {
        margin-top: 60px; 
    } 

	.idea .idea-box .txt-box p {font-size: 18px; line-height: 35px;}
	.idea .idea-box .txt-box p > br {display: none;}
	.idea .idea-box .txt-box p:before {top: 16px;}
	.idea .idea-box .txt-box span.note {font-size: 16px; line-height: 26px;}
	.idea .bg-box {padding: 150px 0;}
	.idea .bg-box a {max-width: 200px; line-height: 55px; font-size: 20px;}

	.board-tab > ul > li > a {
        font-size: 18px;
        line-height: 50px; 
    } 

	.board-list .container .section-content {
        padding-top: 0; 
    }
    .table-wrap.write-form .table thead tr th {
        font-size: 16px;
        padding: 15px 0; 
    }
    .board-list .container .section-content .table-wrap .table tbody tr td {
        font-size: 16px;
        padding: 15px 0; 
    } 

	.table-wrap.write-form .table tbody tr th {
        font-size: 16px;
        width: 200px;
        padding: 10px; 
    }
    .table-wrap.write-form .table tbody tr td {
        height: auto;
        padding: 10px; 
    }
	.table-wrap.write-form .table tbody tr td input[type="file"] {
		display: block; width: 100%;
	}
	.table-wrap.write-form .table tbody tr td .form-group .form-control {
		font-size: 16px;
		height: 40px;
	}
	.table-wrap.write-form .table tbody tr td .mail > div {
		width: calc(50% - 13px) !important;
	}
	.table-wrap.write-form .table tbody tr td .mail > div:nth-of-type(2) .form-group .form-control {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	.table-wrap.write-form .table tbody tr td .mail > div:nth-of-type(2) .form-group .form-control:last-child {
		margin-right: 0;
	}
	.table-wrap.write-form .table tbody tr td .mail span {
		line-height: 40px;
	}
    .table-wrap.write-form .btn-area > .btn-request {
        width: 160px;
        font-size: 16px;
        line-height: 34px; 
    } 

	#bo_v .article-header h1 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#bo_v .article-header #bo_v_info > ul > li {font-size: 14px;}
	#bo_v .article-header #bo_v_info > ul > li strong {font-size: 14px;}
}


@media (max-width: 768px) {
    .page-header .container {
        height: 250px;
        padding-bottom: 60px; 
    }
    .page-header .container .v-align small {
        font-size: 16px; 
    }
    .page-header .container .v-align h3 {
        font-size: 25px;
        margin-top: 15px; 
    }
    .page-header .container .lnb {
        padding-bottom: 10px; 
    }
    .page-header .container .lnb > ul > li > a {
        font-size: 16px; 
    } 

	.introduce .container .summary {
        display: block; 
    }
    .introduce .container .summary > div {
        display: block;
        width: 100% !important;
        padding: 0 !important; 
    }
    .section-title small {
        font-size: 14px; 
    }
    .section-title h3 {
        font-size: 20px;
        line-height: 30px; 
    }
    .introduce .container .summary > div.section-content {
        margin-top: 30px; 
    }
    .introduce .container .summary > div.section-content p {
        font-size: 16px;
        line-height: 26px; 
    } 

	.group .container {
        background-position: 50% 50%; 
    } 

	.history .container .section-header {
        height: 200px; 
    }
    .history .container .section-header .v-align small {
        font-size: 16px; 
    }
    .history .container .section-header .v-align h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px; 
    }
    .history .container .section-content {
        padding-top: 40px; 
    }
    .history .container .section-content > ol > li {
        padding: 20px 15px; 
    }
    .history .container .section-content > ol > li > dl > dt {
        font-size: 20px;
        width: 70px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dt, .history .container .section-content > ol > li > dl > dd > ul > li > dl dd {
        line-height: 24px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dt {
        font-size: 16px;
        width: 30px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dd > ul > li {
        font-size: 16px;
        padding-left: 10px; 
    }
    .history .container .section-content > ol > li > dl > dd > ul > li > dl > dd > ul > li:before {
        top: 9px; 
    } 

	.partner-list .container .partner-tab > ul > li > a {
        font-size: 16px;
        line-height: 40px; 
    }
    .partner-list .container .section-content .search-area .form-group .form-control {
        font-size: 14px;
        height: 40px; 
    }
    .partner-list .container .section-content .search-area .form-group .btn-search {
        width: 40px;
        height: 40px; 
    }
    .partner-list .container .section-content > ul > li {
        float: none;
        display: block;
        width: 100%; 
    }
    .partner-list .container .section-content > ul > li:nth-of-type(3n + 1) {
        clear: none; 
    }
    .partner-list .container .section-content > ul > li ~ li {
        margin-top: 20px; 
    } 

	.partner article .article-header h3 {
        font-size: 20px;
        padding-left: 20px; 
    }
    .partner article .article-header h3:before {
        width: 10px; 
    }
    .partner article.benefit .container .article-content > ul {
        display: block; 
    }
    .partner article.benefit .container .article-content > ul > li {
        display: block;
        width: 100%;
        padding: 0 !important; 
    }
    .partner article.benefit .container .article-content > ul > li ~ li {
        margin-top: 10px; 
    }
    .partner article.join-guide .container .article-content > figure figcaption {
        padding-top: 0;
        margin-top: 30px;
        width: 100%; 
    }
    .partner article.join-guide .container .article-content > figure figcaption b {
        font-size: 16px;
        line-height: 26px; 
    }
    .partner article.join-guide .container .article-content > figure figcaption > ul > li {
        padding: 0 15px; 
    }
    .partner article.join-guide .container .article-content > figure figcaption > ul > li > a {
        font-size: 14px; 
    }
    .partner article.join-guide .container .article-content > figure figcaption > ul > li:after {
        height: 14px; 
    }
    .partner article.join-guide .container .article-content .doc-down {
        text-align: center;
        padding: 20px 0; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dt {
        width: 100%;
        display: block;
        line-height: normal; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd {
        width: 100%;
        display: block;
        margin-top: 20px;
        line-height: normal; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > p {
        line-height: 26px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul {
        position: static;
        margin-top: 40px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a {
        font-size: 14px; 
    }
    .partner article.join-guide .container .article-content .doc-down > dl > dd > ul > li > a img {
        margin-left: 5px; 
    } 

	.partner-list .container .section-content > ul > li > .box .info {
		height: 180px;
	}

	.idea .idea-box {flex-wrap: wrap;}
	.idea .idea-box ~ .idea-box {margin-top: 60px;}
	.idea .idea-box .section-title {width: 100%;}
	.idea .idea-box .txt-box {max-width: 100%; margin-top: 20px;}
	.idea .idea-box .txt-box p {font-size: 16px; line-height: 28px;}
	.idea .idea-box .txt-box span.note {font-size: 14px; line-height: 20px;}
	.idea .idea-box .img-box {margin-top: 20px;}
	.idea .bg-box {padding: 100px 0; margin-top: 60px;}
	.idea .bg-box a {font-size: 18px;}


	.board-tab > ul > li > a {
        font-size: 16px;
        line-height: 40px; 
    } 

	.board-list .container .section-content .table-wrap .table colgroup {
        display: none; 
    }
    .board-list .container .section-content .table-wrap .table thead tr th:nth-of-type(1), .board-list .container .section-content .table-wrap .table thead tr th:nth-of-type(4), .board-list .container .section-content .table-wrap .table thead tr th:nth-of-type(5) {
        display: none; 
    }
    .board-list .container .section-content .table-wrap .table thead tr th:nth-of-type(3) {
        width: 120px; 
    }
    .board-list .container .section-content .table-wrap .table tbody tr td:nth-of-type(1), .board-list .container .section-content .table-wrap .table tbody tr td:nth-of-type(4), .board-list .container .section-content .table-wrap .table tbody tr td:nth-of-type(5) {
        display: none; 
    }
    .board-list .container .section-content .table-wrap .table tbody tr td > a {
        padding-left: 10px; 
    } 

	.search-form .form-group .form-control {
        font-size: 14px;
        height: 40px; 
    }
    .search-form .form-group .btn-search {
        width: 40px;
        height: 40px; 
    }
    .search-form.type-2 {
		position: relative;
        width: 100%;
        margin: 0 0 30px; 
		padding-left: 110px;
    } 
	.search-form.type-2 .form-group:nth-of-type(1) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
	}
	.search-form.type-2 .form-group:nth-of-type(2) {
		width: 100%;
		padding-right: 0;
	}
	.search-form.type-2 .form-group:nth-of-type(2) .form-control {
		padding-right: 50px;
	}

	#bo_v .article-header #bo_v_info > ul > li {font-size: 11px; margin-right: 10px;}
	#bo_v .article-header #bo_v_info > ul > li strong {font-size: 11px;}
	#bo_v_atc {padding: 0;}
	#bo_v_con {font-size: 16px; line-height: 24px; padding: 20px 15px;}
	.baord-view .section-content .btn-area > div > .btn {font-size: 14px; line-height: 34px; padding: 0 10px; width: auto !important;}
	
	.table-wrap.write-form .table tbody tr th {
		width: 75px;
		font-size: 14px;
		line-height: 20px;
	    word-wrap: break-word;
	}
	.table-wrap.write-form .table tbody tr td .form-group .form-control {padding: 0 5px; font-size: 14px !important;}
	.table-wrap.write-form .table tbody tr td .mail > div {
		display: inline-block; vertical-align: top;
		width: 100% !important;
	}
	.table-wrap.write-form .table tbody tr td .contact {display: table; width: 100%; table-layout: fixed; }
	.table-wrap.write-form .table tbody tr td .contact > div {display: table-cell; vertical-align: middle; width: auto;}
	.table-wrap.write-form .table tbody tr td .contact > span {display: table-cell; vertical-align: middle; width: 15px; text-align: center; line-height: 40px;}
	.table-wrap.write-form .table tbody tr td .mail > div ~ div {
		margin-top: 10px;
	}
	.table-wrap.write-form .table tbody tr td .mail > span {margin-top: 10px}
	.table-wrap.write-form .table tbody tr td .mail > div:nth-of-type(2) {
		width: calc(100% - 26px) !important;
	}

	.inquiry-required p {font-size: 14px;}
	.table-wrap.write-form .table tbody tr td .form-group textarea {font-size: 14px; line-height: 20px; padding: 10px 5px; height: 200px !important;}
	.table-wrap.write-form .table tbody tr td .form-group textarea::placeholder {font-size: 14px;}


	.group .container > figure {display: none;}
	.group .container > figure.mo-group {display: block;}
}