@charset "utf-8";
@import url(media_sub.css);
.only-mobile {display:none !important;}

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

	.section{padding: 0 30px;}

	#header .gnb > ul > li > a {min-width:auto;}
	.main-visual .slick-dots {right:20px;}
	.section2 .col .img-box .img {width:700px;}
	.section3 .sec-wrap .col .img-box {max-width:550px; margin-top:-180px;}
	.section3 .sec-wrap .cnt {width:1%; flex:1 1 auto;}
	.section3 .sec-wrap .tab-menu {width:240px; flex:0 0 auto;}

	.sitemap > ul > li {padding:0 30px;}
}

@media (max-width:1200px){
	#header .gnb > ul > li > a {margin:0 30px;}
	#header .subm ul {width:140px;}
	.section3 .sec-wrap .col .img-box {max-width:420px; margin-top:-120px;}
	.section2 .col .img-box .img {width:600px;}
}

@media (max-width:1024px){
	#header .gnb {display:none;}
	.pc_sitemap {display:none;}
	.only-mobile {display:block !important;}

	/* main-visual */
	.main-visual .txt-box h2 {font-size:60px; margin-bottom:24px;}
	.main-visual .txt-box p {font-size:24px;}
	@keyframes left-bounce { 
		0% {-webkit-transform: translateX(120px); transform: translateX(-120px); opacity: 0;}
		60% {-webkit-transform: translateX(40px); transform: translateX(40px); opacity: .6;}
		100% {-webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1;}
	}
	.main-visual .slick-dots {bottom:50px; right:15px;}
	.main-visual .slick-dots li button {width:120px; padding-bottom:15px; font-size:14px;}
	.main-visual .slick-dots li.slick-active button:after {width:120px;}

	.section{padding: unset;}

	/* section1 */
	.section1 {padding:200px 0; margin-bottom:120px;}
	.section1 .txt {height:200px;}
	.section1 .txt .tt01 p {font-size:38px;}
	.section1 .txt .tt01 p span {font-size: 38px;}
	.section1 .txt .tt02 {padding-top:38px;}
	.section1 .txt .tt02 p {font-size:40px;}
	.section1 .txt .tt03 .img-box {margin-bottom:40px;}
	.section1 .txt .tt03 .img-box img {width:250px;}
	.section1 .txt .tt03 a {line-height:58px; width:180px; font-size:18px;}
	/* sec0tit */
	.sec-tit h3 {font-size:44px; margin-bottom:26px; padding-left:20px;}
	.sec-tit h3:before {width:10px; height:10px; left:0;}
	.sec-tit p {font-size:20px;}
	/* section2 */
	.section2 {margin-bottom:120px; height:100%;}
	.section2 .sec-tit {margin-bottom:100px;}
	.section2 .col {display:flex;}
	.section2 .col .txt-box {width:50%; padding-right:20px; margin-bottom:0;} 
	.section2 .col .img-box {width:50%;}
	.section2 .col .img-box .img {width:100%; height:auto; top:auto; bottom:0;}
	.section2 .tab-menu .tab {padding:26px 0;}
	.section2 .tab-menu .tab p.tit {font-size:26px;}
	.section2 .tab-menu .tab ul {margin:10px -6px;}
	.section2.active01 .tab-menu .tab01 ul {height:auto;}
	.section2.active02 .tab-menu .tab02 ul {height:auto;}
	.section2 .tab-menu .tab ul li {padding:0 6px; position:relative;}
	.section2 .tab-menu .tab ul li:after {content:''; width:1px; height:10px; top:9px;}
	.section2 .tab-menu .tab ul li a {padding-bottom:8px; font-size:16px;}
	.section2 .tab-menu .tab ul li a:after {display:none;}
	/* section3 */
	.section3 {padding-bottom:120px;}
	.section3 .sec-tit {padding-right:0; padding-bottom:36px; margin-bottom:36px; display:block; width:100%;}
	.section3 .sec-wrap {flex-direction:column-reverse;}
	.section3 .sec-wrap .cnt {width:100%;}
	.section3 .sec-wrap .tab-menu {width:100%;}
	.section3 .sec-wrap .tab-menu ul {display:flex; padding-left:0; margin:0 -20px 60px;}
	.section3 .sec-wrap .tab-menu ul li {padding:0 20px; width:33.333333%;}
	.section3 .sec-wrap .tab-menu ul li a {line-height:50px; font-size:18px;}
	.section3 .sec-wrap .tab-menu ul li a:after {right:auto; left:0;}
	.section3 .sec-wrap .tab-menu ul li.active a:after {width:100%;}
	.section3 .sec-wrap .col {display:flex;}
	.section3 .sec-wrap .col .txt-box {width:50%;}
	.section3 .sec-wrap .col .img-box {width:50%; margin-top:0;}
	.section3 .sec-wrap .col .txt-box h4 {font-size:26px; margin-bottom:20px;}
	.section3 .sec-wrap .col .txt-box ul {margin-bottom:60px;}
	.section3 .sec-wrap .col .txt-box ul li {font-size:16px;}
	.section3 .sec-wrap .col .txt-box a {font-size:15px; padding:0 40px 0 20px;}
	.section3 .sec-wrap .col .txt-box a:before {width:44px; height:44px; margin-top:-22px;}
	/* section4 */
	.section4 {padding-bottom:120px;}
	.section4 .sec-tit {margin-bottom:40px;}
	.section4 .items {margin:0 -10px;}
	.section4 .item {margin:0 10px;}
	.section4 .item .txt-box {padding:20px;}
	.section4 .item .txt-box .title {font-size:13px; margin-bottom:10px;}
	.section4 .item .txt-box .txt {font-size:18px; margin-bottom:16px;}
	.section4 .item .txt-box .date {font-size:14px;}
	/* section5 */
	.section5 h3 {font-size:40px; margin-bottom:40px;}
	.section5 a {line-height:50px; font-size:18px; width:180px;}

	.layer_inquiry {max-width:700px !important; max-height: 600px !important; padding:40px !important;}
	.layer_box .btn_close {width:16px !important; height:16px !important; top:20px !important; right:20px !important;}
	.inquiry-box .txt-box {margin-bottom:30px;}
	.inquiry-box .txt-box h3 {font-size:24px; margin-bottom:20px;}
	.inquiry-box .txt-box p {font-size:16px;}
	.inquiry-box .inquiry-cnt {height:388px;}
	.inquiry-box table {margin-bottom:28px;}
	.inquiry-box table th {font-size:16px; line-height:40px; width:160px; font-weight:500;}
	.inquiry-box table td {font-size:16px; line-height:40px;}
	.inquiry-box table td input {line-height:40px; font-size:16px;}
	.inquiry-box .check {margin-bottom:30px;}
	.inquiry-box h4 {font-size:18px; margin-bottom:10px; padding-left:12px;}
	.inquiry-box h4:before {width:2px; height:14px; margin-top:-7px;}
	.inquiry-box ul {padding:20px;}
	.inquiry-box .textarea-box {margin-bottom:20px;}
	.inquiry-box .textarea {height:100px; padding:15px; font-size:15px;}
	.inquiry-box .input-check label {font-size:15px;}
	.inquiry-box .inquiry-bt input {line-height:50px; width:180px; font-size:18px;}
	.scroll-top {width:44px; height:44px; right:15px; bottom:50px; background-size:cover;}

	#footer .section5 .contain {padding-bottom:60px;}
	.foot-wrap {padding:40px 0;}

}

@media (max-width:840px){
	.section1 .txt .tt01 p {font-size:32px;}
	.section1 .txt .tt01 p span {font-size: 32px;}
	.section1 .txt .tt02 {padding-top:32px;}
	.section1 .txt .tt02 p {font-size:36px;}
	.section1 .txt .tt03 .img-box img {width:200px;}

	.section2 .col {display:block;}
	.section2 .col .txt-box {padding-top:0; width:100%; padding-right:0;}
	.section2 .col .img-box {width:100%; max-width:500px; height:340px; margin:0 0 0 auto;}

	.foot-wrap .address {padding-bottom:28px; margin-bottom:28px;}
	.foot-wrap .address ul {margin-bottom:10px; justify-content:center;}
	.foot-wrap .address ul li {font-size:14px; margin-right:20px;}
	.foot-wrap .address ul li span {margin-left:10px;}
	.foot-wrap .foot-btn {display:block; text-align:center;}
	.foot-wrap .foot-btn ul {display:flex; justify-content:center; margin:0 0 10px;}
	.foot-wrap .foot-btn ul li {padding:0 10px;}
	.foot-wrap .foot-btn ul li a {font-size:14px;}
	.foot-wrap .foot-btn p.copy {font-size:14px;}
}
@media (max-width:640px){
	#header {height:60px;}
	#header .btn_sitemap {width:60px; height:60px;}
	/* main-visual */
	.main-visual .item {height:70vh;}
	.main-visual .txt-box h2 {font-size:44px; margin-bottom:20px;}
	.main-visual .txt-box p {font-size:20px;}
	.main-visual .slick-dots {bottom:30px;}
	.main-visual .slick-dots li {margin:0 5px;}
	.main-visual .slick-dots li button {width:90px; padding-bottom:10px; font-size:12px;}
	.main-visual .slick-dots li.slick-active button:after {width:90px;}
	/* section1 */
	.section1 {padding:100px 0; margin-bottom:0;}
	.section1 .txt {height:auto;}
	.section1 .txt .tt01 p {font-size:22px; margin-bottom:10px;}
	.section1 .txt .tt01 p span {font-size: 22px;}
	.section1 .txt .tt02 {padding-top:22px;}
	.section1 .txt .tt02 p {font-size:30px;}
	.section1 .txt .tt03 .img-box {margin-bottom:20px;}
	.section1 .txt .tt03 .img-box img {width:160px;}
	.section1 .txt .tt03 a {line-height:44px; width:120px; font-size:16px;}
	/* sec0tit */
	.sec-tit h3 {font-size:32px; margin-bottom:20px; padding-left:14px;}
	.sec-tit h3:before {width:6px; height:6px;}
	.sec-tit p {font-size:18px;}
	.sec-tit p br {display:none;}

	/* section2 */
	.section2 {margin-bottom:80px;}
	.section2 .sec-tit {margin-bottom:60px;}
	.section2 .col {display:block;}
	.section2 .col .img-box {max-width:400px; height:260px;}
	.section2 .tab-menu .tab {padding:15px 0;}
	.section2 .tab-menu .tab p.tit {font-size:20px;}
	.section2 .tab-menu .tab ul {margin:10px -10px;}
	.section2 .tab-menu .tab ul li {padding:0 10px;}
	.section2 .tab-menu .tab ul li:after {top:7px;}
	.section2 .tab-menu .tab ul li a {padding-bottom:0; font-size:14px;}
	.section2 .tab-menu .tab ul li a:after {display:none;}
	/* section3 */
	.section3 {padding-bottom:80px;}
	.section3 .sec-tit {padding-bottom:20px; margin-bottom:20px;}
	.section3 .sec-wrap .tab-menu ul {margin:0 -10px 40px; flex-wrap: wrap;}
	.section3 .sec-wrap .tab-menu ul li {padding:0 10px; width: 50%;}
	.section3 .sec-wrap .tab-menu ul li a {line-height:40px; font-size:16px;}
	.section3 .sec-wrap .col {flex-direction:column-reverse;}
	.section3 .sec-wrap .col .img-box {width:100%; margin-top:0; max-width:240px; margin:0 0 -60px auto;}
	.section3 .sec-wrap .col .txt-box {width:100%;}
	.section3 .sec-wrap .col .txt-box h4 {font-size:20px; margin-bottom:10px;}
	.section3 .sec-wrap .col .txt-box ul {margin-bottom:40px;}
	.section3 .sec-wrap .col .txt-box ul li {font-size:14px;}
	.section3 .sec-wrap .col .txt-box a {font-size:14px; padding:0 40px 0 20px;}
	.section3 .sec-wrap .col .txt-box a:before {width:36px; height:36px; margin-top:-18px;}
	/* section4 */
	.section4 {padding-bottom:80px;}
	.section4 .sec-tit {margin-bottom:30px;}
	.section4 .item .txt-box {padding:15px;}
	.section4 .item .txt-box .title {font-size:12px;}
	.section4 .item .txt-box .txt {font-size:16px; margin-bottom:10px;}
	.section4 .item .txt-box .date {font-size:13px;}
	/* section5 */
	.section5 h3 {font-size:28px; margin-bottom:20px;}
	.section5 a {line-height:40px; font-size:16px; width:auto; padding:0 20px; display:inline-block;}
	footer.footer_2_2 .foot-selet, footer.footer_2_3 .foot-selet {display:inline-block !important;}
	.layer_inquiry {max-width:600px !important; max-height: 400px !important; padding:20px !important;}
	.inquiry-box .txt-box {margin-bottom:15px;}
	.inquiry-box .txt-box h3 {font-size:20px; margin-bottom:10px;}
	.inquiry-box .txt-box p {font-size:14px;}
	.inquiry-box .inquiry-cnt {height:264px;}
	.inquiry-box table {margin-bottom:15px;}
	.inquiry-box table th {font-size:14px; line-height:30px; width:100%; display:block; margin-top:10px;}
	.inquiry-box table td {font-size:14px; line-height:30px; width:100%; display:block;}
	.inquiry-box table td input::placeholder {font-size:14px;}
	.inquiry-box table td input {line-height:30px; font-size:14px; padding:0;}
	.inquiry-box .check {margin-bottom:10px;}
	.inquiry-box h4 {font-size:16px;}
	.inquiry-box ul {padding:15px;}
	.inquiry-box .textarea-box {margin-bottom:15px;}
	.inquiry-box .textarea {height:60px; padding:10px; font-size:14px;}
	.inquiry-box .input-check label {font-size:14px;}
	.inquiry-box .p-chk {margin-bottom:15px;}
	.inquiry-box .inquiry-bt input {line-height:40px; width:120px; font-size:16px;}
	.scroll-top {width:36px; height:36px; bottom:30px;}


	#footer .section5 .contain {padding-bottom:30px;}
	.foot-wrap {padding:20px 0;}
	.foot-wrap .address {padding-bottom:16px; margin-bottom:16px;}
	.foot-wrap .address ul {flex-wrap:wrap;}
	.foot-wrap .address ul li {font-size:12px; margin-right:10px;}
	.foot-wrap .address ul li span {margin-left:10px;}
	.foot-wrap .foot-btn ul li a {font-size:12px;}
	.foot-wrap .foot-btn p.copy {font-size:12px;}

}

@media (max-width: 600px){
	.section1 .txt .tt01 p {font-size:13px; white-space: normal}
	.section1 .txt .tt01 p span {font-size: 14px;}
}

@media (max-width:530px){
	.section3 .sec-wrap .col .img-box {margin:0 auto 20px;}
	.scroll-top {bottom: 50px;}
	.section3 .sec-wrap .tab-menu ul li {width: 100%;}
	#header .lang {right: 70px;}
}
@media (max-width:400px){
	.main-visual .slick-dots {display:block !important; bottom:20px;}
	.main-visual .slick-dots li {margin-top:10px;}

	
	.section1 .txt .tt02 {padding-top:22px;}
	.section1 .txt .tt02 p {font-size:24px;}

	.section2 .tab-menu .tab ul {margin:10px -6px;}
	.section2 .tab-menu .tab ul li {padding:0 6px;}
	
	.section3 .sec-wrap .tab-menu ul li a {font-size:14px; line-height:1.5em; height:calc(1.5em * 1 * 2);}
}

@media (max-width:375px){
	br.media375 {display:block !important;}
}