@charset "utf-8";

@media (max-width: 1600px) {
	.sitelogo img {height:40px;}
	.gnb>ul>li {padding:0 35px;}
	.gnb>ul>li>a {height:80px; font-size:17px;}
	.gnb .submenu>ul>li>a {font-size:14px;}

	.member-nav ul li a {font-size:14px;}
}

@media (max-width: 1024px) {
	/* header */
	#header .contain {height:80px;}
	.gnb {display:none;}
	.util {margin-right:50px;}
	.mobile-gnbbtn {display:block;}
	.mobile-navigation {display:block;}

	/* main */
	.visual-text {transform: translate(0, -50%); margin-top:0;}
	.visual-text .tit {font-size:30px; margin-bottom:16px;}
	.visual-text .txt {font-size:16px;}

	#mainSlide .slick-arrow {margin-top:-18px; width:36px; height:36px; background-size:contain;}
	#mainSlide .slick-prev {left:10px;}
	#mainSlide .slick-next {right:10px;}

	.main-section-1 {margin:40px 0 70px;}

	.main-section-3 {padding:70px 0;}

	.guide-con .inner {max-width:140px;}

	/* sub */
	.sub-visual .dis-t {height:240px;}

	.lnb-wrap .lnb ul li {padding:0 18px;}
	.lnb-wrap .lnb ul li a {padding:10px 18px; font-size:17px;}

	.sub-title {padding:40px 0 35px;}
	.sub-title h2 {font-size:24px;}

	/* footer */
	.f-cominfo .f-logo {display:block; margin-bottom:20px;}
	.f-cominfo .f-logo img {height:40px;}

	/* content */
	.location-section .map-zone {height:300px;}

	/* board */
	.board-list table thead th {padding:12px 0; font-size:15px;}
	.board-list table tbody td {padding:12px 0; font-size:15px;}
}

@media (max-width: 900px) {
	/* main */
	.main-board-zone ul {flex-wrap:wrap; margin:-10px;}
	.main-board-zone ul li {width:50%; max-width:unset; padding:10px; margin:0;}

	/* content */
	.sbp-contents-section .sbp-contents.indent {padding:0;}

	.greeting-wrap .imgbox {width:240px;}
	.greeting-wrap .letter-box {width: calc(100% - 240px);}

	.sub2-contents-2 .step .row {margin:0 -16px;}
	.sub2-contents-2 .step .row .col-5 {padding:0 16px;}

	.sub2-contents-4 .imgbox {width:240px;}
	.sub2-contents-4 .letter-box {width: calc(100% - 240px);}

	
	.related-companies ul li {width:25%;}

	/* board */
	.education_board-search .search {padding:0;}
	.education_board-search .search .row {flex-direction:column;}
	.education_board-search .search .row .col-2 {width:100%;}
	.education_board-search .search .search-conbox {width:100%;}
	.education_board-search .search .search-conbox .input-group {flex:1 1 auto; min-width:0; width:1%;}
	.education_board-search .search-btnbox {position:static; margin-top:20px; text-align:center; }
	.education_board-search .search-btnbox .search-btn {width:100px; height:40px;}
}

@media (max-width: 760px) {
	.pc {display:none !important;}
	.mobile {display:block !important;}

	body, input, textarea, select, button, table {font-size:14px;}

	.contain {padding-left:16px; padding-right:16px;}

	/* header */
	#wrapper {padding-top:60px;}
	#header {position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #eee;}
	#header .contain {height:60px;}
	.sitelogo img {height:36px;}

	.util {margin-right:0;}
	.member-nav {display:none;}
	.mobile-gnbbtn {right:16px;}

	/* main */
	#mainSlide .slick-slide {height:280px;}
	#mainSlide .slick-slide img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
	#mainSlide .slick-arrow {margin-top:-12px; width:24px; height:24px;}
	#mainSlide .slick-prev {left:10px;}
	#mainSlide .slick-next {right:10px;}

	.visual-text {transform: translate(0, -50%); margin-top:0; padding:0 50px;}
	.visual-text .tit {font-size:20px; margin-bottom:16px;}
	.visual-text .txt {font-size:13px;}

	.main-section .title-box {margin-bottom:18px;}
	.main-section .title-box h2 {font-size:24px;}

	.main-section-1 {margin:30px 0 40px;}
	.main-content-1 {flex-direction: column}
	.main-content-1 .conbox {width:100%; padding:24px;}
	.main-content-1 .conbox .tit {font-size:22px;}
	.main-content-1 .conbox p {font-size:14px;}
	.main-content-1 .conbox p br {display:none;}
	.main-content-1 .conbox .bot {min-height:60px;}
	.main-content-1 .conbox .bot .go-box a {width:100px; font-size:14px; line-height:38px;}
	.main-content-1 .conbox .bot .iconbox {width:60px;}

	.main-section-2 {padding:50px 0;}
	.main-board-zone ul {display:grid; gap:10px; margin:0;}
	.main-board-zone ul li {width:100%; padding:0;}
	.main-board-zone ul li a {padding:24px;}
	.main-board-con .inner .num {display:none;}
	.main-board-con .inner .tit {height:auto; max-height:3em; font-size:16px;}
	.main-board-con .inner .txt {margin-bottom:16px; height:auto; max-height:4.5em; font-size:13px;}
	.main-board-con .inner .date {font-size:12px;}

	.main-section-3 {padding:50px 0;}
	.main-business-guide ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; margin:0 10px;}
	.main-business-guide ul li {width:auto; border-right:0; padding:0;}
	.main-business-guide ul li:first-child {border-left:0;}
	.guide-con {padding:0;}
	.guide-con .inner {max-width:unset;}
	.guide-con .inner .circle-bdr {width:100px; height:auto; margin:0 auto 10px; padding-bottom:0;}
	.guide-con .inner .circle-bdr:before {content:''; display:block; padding-bottom:100%;}
	.guide-con .inner .circle-bdr .iconbox img {width:40px;}
	.guide-con .inner .tit {font-size:16px;}

	/* footer */
	.f-top-bar .links {display:flex; flex-wrap:wrap; gap:8px 20px; padding:12px 0;}
	.f-top-bar .links:after {display:none;}
	.f-top-bar .links a {display:inline-block; margin:0; font-size:13px;}
	.f-top-bar .links a img {width:12px;}
	.topbtn {transform:none; top:-22px; right:10px;}

	.f-cominfo {padding:25px 0;}
	.f-cominfo .f-logo {margin:0 0 20px;}
	.f-cominfo .f-logo img {height:34px;}
	.f-cominfo address {font-size:13px; margin-right:-16px;}
	.f-cominfo address .strong {font-size:14px;}
	.f-cominfo address span {margin:4px 16px 0 0;}

	/* sub layout */
	.sub-visual {background-size:cover;}
	.sub-visual .dis-t {height:140px; padding:0 20px;}
	.sub-visual .dis-c .tit {font-size:24px; margin-bottom:6px;}
	.sub-visual .dis-c .txt {font-size:13px; margin:0 2rem;}

	.lnb-wrap .lnb ul li {padding:0 10px;}
	.lnb-wrap .lnb ul li a {padding:8px 6px; font-size:15px;}

	#contArea {padding:0 16px;}

	.sub-title {padding:25px 0 30px;}
	.sub-title h2 {font-size:22px; padding-bottom:12px;}
	.sub-title h2:after {width:30px; height:2px;}

	.real-cont {min-height:250px; padding-bottom:80px;}

	/* sub content */
	.sbp-contents-section .title-box {margin-bottom:12px;}
	.sbp-contents-section .title-box h3 img {width:16px; margin-right:7px;}
	.sbp-contents-section .title-box h3 {font-size:18px;}
	.sbp-contents-section .sbp-contents {font-size:14px;}

	.greeting-wrap .imgbox {width:120px; margin:0 15px 10px 0;}
	.greeting-wrap .letter-box {float:unset; display:inline; width:auto; padding:0;}
	.greeting-wrap .letter-box .tit {font-size:16px;}
	.greeting-wrap .letter-box p {font-size:14px;}

	.our-sevice .heading {padding:10px; margin-bottom:20px; font-size:16px;}

	.our-sevice .items {grid-template-columns: repeat(2, 1fr); gap:16px 12px;}
	.our-sevice .item .img {border-width:3px;}
	.our-sevice .item h4 {padding:10px 3px; font-size:15px;}
	.our-sevice .item .cnt {padding:12px 10px; font-size:12px; line-height:1.5em; letter-spacing:-.04em;}
	.our-sevice .item .cnt ul {display:grid; gap:4px;}

	.location-section .map-zone {height:250px;}
	.location-section .addr-info ul li {font-size:14px; line-height:1.5em;}
	.location-section .addr-info ul li .tit {padding:0 0 0 10px; width:70px;}

	.location-contents-1, .location-contents-2 {padding:16px;}
	.location-contents-1 ul li, .location-contents-2 ul li {font-size:14px;}
	.location-contents-1 ul li .tit {float:none; width:auto; margin-bottom:5px;}
	.location-contents-1 ul li .tit .num {width:20px; line-height:20px; font-size:14px; margin-right:5px;}
	.location-contents-1 ul li .txt, .location-contents-2 ul li .txt {float:none; width:auto;}
	.location-contents-2 ul li .tit {float:none; margin-bottom:5px;}

	.directions-info {padding:14px;}
	.directions-info ul li:before {top:.7em;}

	.sub2-contents-2 .step {padding:20px;}
	.sub2-contents-2 .step .row {flex-wrap:wrap; justify-content:center;}
	.sub2-contents-2 .step .row .col-5 {width:33.33333333%; padding:0 12px;}
	.sub2-contents-2 .step .row .col-5:after {width:16px; right:-8px; background-size:contain;}

	.sub2-contents-3 .step {padding:20px;}
	.sub2-contents-3 .step ol {flex-wrap:wrap; justify-content:center; margin:0 -10px;}
	.sub2-contents-3 .step ol li {width:calc(33.33333333% - 10px);}

	.go-btnbox a {max-width:160px; font-size:16px; padding:12px 0;}

	.sub2-contents-4 .imgbox {float:unset; width:100%;}
	.sub2-contents-4 .letter-box {float:unset; width:auto; padding:10px 0 0 0;}

	.sub2-contents-5 .step-box {padding:20px;}
	.sub2-contents-5 .step-box .row {display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; margin:0;}
	.sub2-contents-5 .step-box .row .col-5 {float:none; padding:0; width:auto;}
	.sub2-contents-5 .step-box .row .col-5:after {display:none;}
	.sub2-contents-5 .step-box .conbox .dis-c {font-size:14px; padding:5px;}

	.related-companies ul li {width:50%;}
	.related-companies ul li a .imgbox {height:90px;}


	/* board */
	.board-search .search form {display:flex; gap:5px;}
	.board-search .search form:after {display:none;}
	.board-search .select {width:auto; height:35px;}
	.board-search .input {flex:1 1 auto; min-width:0; width:1%; height:35px; margin:0;}
	.board-search .btn-pack {width:auto; min-width:80px; height:35px; line-height:33px;}

	.board-write {margin:0 -16px}
	.board-write .group {padding:12px 16px; font-size:14px;}
	.board-write .title {display:block; position:static; width:auto; margin-bottom:7px; font-size:14px; line-height:1.3em;}
	.board-write .group.content {padding:0;}
	.board-write .group.content textarea {width:100% !important;}
	.board-write input#title {width:100% !important; margin:0 !important;}
	.board-write .files_table input[type=file] {width:50% !important;}

	.board-view {margin:0 -16px;}
	.board-view .head .files {padding:5px 16px 0;}
	.board-view .head .tit {font-size:15px; font-weight:500;}
	.board-view .head .info {font-size:14px;}

	.prev_next {margin:0 -16px;}
	.prev_next dl {display:flex; align-items:center; padding:4px 0;}
	.prev_next dt {font-size:14px;}
	.prev_next dd {font-size:14px}
	.input.date {width:calc(50% - 35px) !important;}
	.board-password {width:100%;}
	
	.paginate {margin:20px 0;}
	.paginate a, .paginate strong {width:27px;height:27px;line-height:25px;font-size:11px;}

	.mailform {margin:0 -15px;}
	.mailform table tbody th {padding:10px;font-size:14px;}
	.mailform table tbody td {padding:10px;font-size:12px;}

	.form-agree {margin:20px 0;}
	.form-agree dt {margin-bottom:30px;}
	.form-agree .btn {top:22px;}

	.buttons {margin:15px 0;}

	.btn-pack.medium {font-size:14px; line-height:33px;}
	.btn-pack.xlarge {width:auto; min-width:150px; font-size:15px;}

	.education_board-search {margin-bottom:20px;}
	.education_board-search .search {gap:10px 0;}
	.education_board-search .search .row {gap:10px 0;}
	.education_board-search .search .search-conbox .titbox {min-width:40px; margin-right:5px; font-size:14px; line-height:1.3em;}
	.education_board-search .search .search-conbox .input-group .select-ty1 {width:auto; min-width:90px;}
	.education_board-search .search .search-conbox .input-group .select-ty2 {width:auto; min-width:90px;}

	.education-detail-wrap {margin-top:-20px;}
	.education-detail-wrap .title-box {padding:20px 16px; margin:0 -16px 20px;}
	.education-detail-wrap .title-box h3 {font-size:17px; line-height:1.5em;}
	.education-detail-wrap .detail-con-group .title h4 {font-size:16px;}
	.education-detail-wrap .detail-contents .info-table table tbody tr th {padding:10px; font-size:14px;}
	.education-detail-wrap .detail-contents .info-table table tbody tr td {padding:10px; font-size:14px;}

	/* member */
	.new-login-box .form .group .input {height:44px; font-size:14px;}
	.new-login-box .form .login-bottom-ps .forgot-info a {font-size:13px;}

	.join-area .form .group-tit .ps {float:none; font-size:14px; font-weight:400; line-height:1.5em; margin-bottom:10px;}
	.join-area .form table {display:block;}
	.join-area .form table colgroup {display:none;}
	.join-area .form table tr {display:block; padding:12px 0;}
	.join-area .form table th {display:block; border-bottom:0; height:auto; padding:0; margin-bottom:7px; color:#2c2c2c; font-size:14px; font-weight:500; line-height:1.5em;}
	.join-area .form table td {display:block; border-bottom:0; height:auto; padding:0; color:#767676; font-size:14px; line-height:1.5em;}
	.join-area .form .txt {display:block; margin-top:7px; color:#767676; font-size:12px;}

	input[name=email_id],
	input[name=email_domain] {width:calc(50% - 1em) !important;}
	select[name=email_list] {display:block; width:100% !important; margin-top:6px;}

	.agree-zone .box {height:120px; font-size:12px; padding:9px;}

	.find-account {display:block; width:100%; margin:0 0 18px;}
	.find-account .form .group {display:flex;}
	.find-account .form .group label {width:54px;}
	.find-account .form .group .input {flex:1 1 auto; min-width:0; width:1%;}

	.agree .policy-list li {width:100%;}
	.agree .contact-info li {width:100%; margin:10px 0 0 0;}


}