@charset "utf-8";

@media (max-width: 1850px) {
	#header #gnb>ul {margin-left:215px;}
	#header #gnb>ul>li {width:160px;}
	#header #gnb>ul>li.m2 {width:160px !important;}
	#header.hactive #gnb>ul>li {width:160px !important;}
	#header.hactive #gnb>ul>li.m2 {width:220px !important;}
	
	
	.mems {right:60px;}
	.sitemap-btn {right:15px;}
	
}

@media (max-width: 1700px) {
	.quick {transform:translateX(120px);}
	.quick.quick-active {transform:translateX(0);}
	.quick .quick-open {transform:translateX(0);}
	.quick .quick-open span {transform:rotate(180deg);}
	.quick.quick-active .quick-open span {transform:rotate(0);}
}

@media (max-width: 1600px) {
	#header #gnb>ul>li.m1 {width:140px !important;}
	#header #gnb>ul>li.m2 {width:220px !important;}
	#header #gnb>ul>li.m3 {width:140px !important;}
	#header #gnb>ul>li.m4 {width:130px !important;}
	#header #gnb>ul>li.m5 {width:150px !important;}
	#header #gnb>ul>li.m6 {width:130px !important;}
	#header #gnb>ul>li.m7 {width:160px !important;}
	
	#header.hactive #gnb>ul>li.m1 {width:140px !important;}
	#header.hactive #gnb>ul>li.m2 {width:220px !important;}
	#header.hactive #gnb>ul>li.m3 {width:140px !important;}
	#header.hactive #gnb>ul>li.m4 {width:130px !important;}
	#header.hactive #gnb>ul>li.m5 {width:150px !important;}
	#header.hactive #gnb>ul>li.m6 {width:130px !important;}
	#header.hactive #gnb>ul>li.m7 {width:160px !important;}
	
	
	.hd_pops {left:90px !important;}
	
}

@media (max-width: 1430px) {
	#header .sitelogo a {height:40px; width:170px; margin-top:-20px;}

	#header #gnb>ul {margin-left:160px;}
	#header.hactive #gnb>ul {margin-left:160px;}

	#header #gnb>ul>li.m1 {width:130px !important;}
	#header #gnb>ul>li.m2 {width:140px !important;}
	#header #gnb>ul>li.m3 {width:130px !important;}
	#header #gnb>ul>li.m4 {width:120px !important;}
	#header #gnb>ul>li.m5 {width:140px !important;}
	#header #gnb>ul>li.m6 {width:120px !important;}
	#header #gnb>ul>li.m7 {width:130px !important;}
	
	#header.hactive #gnb>ul>li.m1 {width:130px !important;}
	#header.hactive #gnb>ul>li.m2 {width:140px !important;}
	#header.hactive #gnb>ul>li.m3 {width:130px !important;}
	#header.hactive #gnb>ul>li.m4 {width:120px !important;}
	#header.hactive #gnb>ul>li.m5 {width:140px !important;}
	#header.hactive #gnb>ul>li.m6 {width:120px !important;}
	#header.hactive #gnb>ul>li.m7 {width:130px !important;}


	#gnb>ul>li>a {font-size:16px;}
	
	
	
	#gnb .submenu ul {padding:30px 0 40px;}
	#gnb .submenu ul li {margin-bottom:10px;}
	#gnb .submenu ul li a {font-size:14px; line-height:1.5em;}
	#gnb .submenu ul li:last-child {margin-bottom:0;}
	
	.mems a {width:66px;}
	
	.foot-col .foot-info .logo {max-width:200px;}
	
}

@media (max-width: 1230px) {
	#gnb {display:none;}
}

@media (max-width: 1024px) {
	#header {height:100px; position:absolute;}
	
	#header.active {transform:translateY(0);}
	#header.hide {transform:translateY(0);}

	.cursor-effect {display:none !important;}


	.main-visual .txt-box p {font-size:20px; margin-bottom:20px;}
	.main-visual .txt-box h2 {font-size:38px; margin-bottom:40px;}
	.main-visual .txt-box .more a {width:180px; line-height:50px; font-size:15px;}
	.main-visual .visuial-dots {bottom:50px; left:15px;}
	.main-visual .visuial-dots ul li.slick-active button {width:50px;}
	.main-visual .visuial-dots ul li.slick-active button:before {width:50px;}
	.main-visual .scrolldown {right:15px; bottom:50px;}
	/* section */
	.section {padding:100px 0 120px;}
	.sec-tit {margin-bottom:60px;}
	.sec-tit h3 {font-size:38px; margin-bottom:26px;}
	.sec-tit p {font-size:20px;}
	/* section01 */
	.section01 .col {margin:0 -10px;}
	.section01 .row {padding:0 10px;}
	.section01 .inner {height:320px; padding:20px;}
	.section01 .row:hover .inner {border-radius:0 0 0 0;}
	.section01 .inner h4 {font-size:28px; color:#334d3e;}
	.section01 .inner p {font-size:20px; margin-top:20px; height:auto; opacity:1;}
	.section01 .inner p br {display:none;}
	.section01 .row:hover .inner p {margin-top:20px; height:auto;}
	/* section02 */
	.section02 .col {margin:0 -10px;}
	.section02 .row {padding:0 10px;}
	.section02 .row:nth-child(2) {margin-top:0;}
	.section02 .inner {height:400px;}
	.section02 .inner:hover {border-radius:0;}
	.section02 .inner:hover:after {opacity:0.7;}
	.section02 .inner .txt {opacity:1;}
	.section02 .inner:hover .txt {opacity:1;}
	.section02 .inner .txt .icon {margin-bottom:24px;}
	.section02 .inner .txt p {font-size:24px;}
	.section02 .inner .over {display:none;}
	.section02 .signature {bottom:-10px;}
	.section02 .signature p {font-size:120px; line-height:120px; margin-right:300px;}
	/* section03 */
	.section03 .col {display:block;}
	.section03 .img-box {margin:0 0 0 auto;}
	.section03 .txt-box {width:100%; padding-right:0; margin-bottom:100px;}
	.section03 .txt-box .name {margin-bottom:36px; padding-bottom:36px;}
	.section03 .txt-box .name h4 {font-size:32px;}
	.section03 .txt-box .name span {font-size:20px;}
	.section03 .txt-box h5 {font-size:22px; margin-bottom:24px;}
	.section03 .txt-box li {font-size:18px; padding-left:10px; margin-bottom:2px;}
	.section03 .txt-box li:before {top:11px;}
	/* section04 */
	.section04 .items {margin:0 30px;}
	.section04 .item {padding:0 30px;}
	.section04 .item h4 {font-size:26px; margin-bottom:24px;}
	.section04 .img-box .filter .icon {margin-bottom:20px;}
	.section04 .img-box .filter p {font-size:20px;}
	.section04 .txt-box {padding:20px;}
	.section04 .txt-box p {font-size:18px;}
	.section04 .slick-arrow {margin-top:-20px; width:40px; height:40px;}
	.section04 .slick-prev {left:-20px;}
	.section04 .slick-next {right:-20px;}
	.section04 .more {margin-top:50px;}
	.section04 .more a {width:200px; line-height:56px; font-size:16px; padding:0 20px;}
	.section04 .more a:after {width:20px; height:20px; margin-top:-10px; right:20px;}
	/* section05 */
	.section05 .col {display:block; margin:0 0 -50px;}
	.section05 .row {width:100%; max-width:690px; padding:0; margin:0 auto 50px;}
	.section05 .tit-box {padding:24px 0;}
	.section05 .tit-box h4 {font-size:26px; padding:0 10px;}
	.section05 .tit-box a {width:140px; line-height:36px; padding:0 15px;}
	.section05 .tit-box a:after {width:16px; height:16px; margin-top:-8px; right:15px;}
	.section05 .txt-box {margin:0 -10px;}
	.section05 .txt-box .inner {margin:0 10px;}
	.section05 .txt-box .inner .txt {padding:30px 20px;}
	.section05 .txt-box .inner .txt h5 {font-size:16px; margin-bottom:16px;}
	.section05 .txt-box .inner .txt p {font-size:14px; padding-left:20px;}
	.section05 .txt-box .inner .txt p:before {width:14px; height:14px; margin-top:-7px;}
	/* section06 */
	.section06 {padding-bottom:0;}
	.section06 .txt-box {width:100%; padding-right:0;}
	.section06 .txt-box dl {margin-bottom:24px;}
	.section06 .txt-box dl:last-child {padding-top:24px;}
	.section06 .txt-box dt {font-size:26px;}
	.section06 .txt-box dd p {font-size:18px;}
	.section06 .txt-box dd a {font-size:26px;}
	.section06 .txt-box dd ul {margin-bottom:16px;}
	.section06 .txt-box dd li {font-size:18px;}
	.section06 .txt-box dd li .ti {max-width:110px;}
	.section06 .maps {position:relative; width:100%; height:400px; margin-top:100px;}
	/* inquiry */
	.inquiry {padding:100px 0 120px;}
	.inquiry .col {display:block; margin:0;}
	.inquiry .row {width:100%; padding:0; margin-bottom:20px;}
	.inquiry .row01 {max-width:none;}
	.inquiry .row02 {max-width:none; display:flex;}
	.inquiry .label {max-width:100px; font-size:18px; padding-right:30px;}
	.inquiry .label .required {right:20px; top:4px;}
	.inquiry .put input {padding:0 25px; line-height:58px; font-size:18px;}
	.inquiry .put input::placeholder {font-size:18px;}
	.inquiry .put select {padding:0 25px; height:60px; font-size:18px; background:url('../img/layout/put-select.png') right 25px center no-repeat;}
	.inquiry .put textarea {padding:20px; height:160px;}
	.inquiry .put textarea::placeholder {font-size:18px;}
	.inquiry .btn button {font-size:16px; height:160px;}
	/* footer */
	#footer {padding:40px 0 60px;}
	.foot-col {display:block; margin-bottom:30px; padding-bottom:30px;}
	.foot-col .foot-info {max-width:none; margin-bottom:30px; justify-content:center;}
	.foot-col .foot-info .logo {max-width:200px;}
	.foot-col .foot-info .info {width:100%; max-width:440px;}
	.foot-col .foot-info .info dl {font-size:14px;}
	.foot-col .foot-info .info dt {max-width:100px;}
	.foot-col .foot-sns {max-width:640px; margin:0 auto;}
	.foot-col .foot-sns ul {justify-content:center;}
	.foot-col .foot-sns ul li a {padding:0 15px; line-height:46px; font-size:13px;}
	.foot-col .foot-sns ul li a:hover {padding:0 15px;}
	.foot-col .foot-sns ul li a:hover img {margin-right:10px;}
	.foot-cnt p {font-size:14px;}
	.foot-cnt ul {margin:0 -10px;}
	.foot-cnt ul li {padding:0 10px;}
	.foot-cnt ul li:after {height:10px; margin-top:-5px;}
	.foot-cnt ul li a {font-size:14px;}
	/* quick-inquiry */
	.quick-inquiry {transform:translateY(100px);}
	.quick-inquiry-open {font-size:18px; width:160px; line-height:48px; padding:0 20px; top:-48px; margin-left:-80px;}
	.quick-inquiry-open:after {width:10px; height:10px; margin-top:-5px; right:20px;}
	.quick-inquiry-wrap {padding:30px 0;}
	.quick-inquiry-wrap .col {display:flex;}
	.quick-inquiry-wrap .row:after {height:40px; margin-top:-20px;}
	.quick-inquiry-wrap .row01 {padding-right:20px;}
	.quick-inquiry-wrap .row01 dl {margin-right:20px; margin-bottom:0;}
	.quick-inquiry-wrap .row01 dt {width:40px; height:40px;}
	.quick-inquiry-wrap .row01 dd input {line-height:40px; padding:0 10px; font-size:16px;}
	.quick-inquiry-wrap .row01 dd input::placeholder {font-size:16px;}
	.quick-inquiry-wrap .row02 {padding:0 20px; max-width:320px;}
	.quick-inquiry-wrap .row02 select {font-size:16px; color:#ddd; padding:0 10px; background:#fff url('../img/layout/quick-select.png') right 10px center no-repeat;}
	.quick-inquiry-wrap .row03 {padding-left:20px; max-width:110px;}
	.quick-inquiry-wrap .row03 button {line-height:40px; font-size:16px;}

}

@media (max-width: 640px) {
	#header {height:90px;}
	#header .sitelogo a {height:38px; margin-top:-19px; width:160px;}

	.main-visual .txt-box p {font-size:18px; margin-bottom:16px;}
	.main-visual .txt-box h2 {font-size:28px; margin-bottom:20px;}
	.main-visual .txt-box .more a {width:160px; line-height:40px; font-size:14px;}
	.main-visual .visuial-dots {bottom:40px;}
	.main-visual .visuial-dots ul li.slick-active button {width:30px;}
	.main-visual .visuial-dots ul li.slick-active button:before {width:30px;}
	.main-visual .scrolldown {bottom:40px;}
	/* section */
	.section {padding:80px 0 100px;}
	.sec-tit {margin-bottom:40px;}
	.sec-tit h3 {font-size:28px; margin-bottom:20px;}
	.sec-tit p {font-size:18px;}
	/* section01 */
	.section01 .col {margin:0 0 -30px; display:block;}
	.section01 .row {padding:0; width:100%; max-width:464px; margin:0 auto 30px;}
	.section01 .inner {height:auto; padding:60px 20px;}
	.section01 .inner h4 {font-size:24px;}
	.section01 .inner p {font-size:18px; margin-top:16px;}
	.section01 .row:hover .inner p {margin-top:16px;}
	/* section02 */
	.section02 .col {margin:0 0 -30px; display:block;}
	.section02 .row {padding:0; width:100%; max-width:440px; margin:0 auto 30px;}
	.section02 .inner {height:300px;}
	.section02 .inner .txt .icon {margin-bottom:20px;}
	.section02 .inner .txt .icon img {width:70px;}
	.section02 .inner .txt p {font-size:20px;}
	.section02 .signature p {font-size:90px; line-height:90px; margin-right:100px;}
	/* section03 */
	.section03 .txt-box {margin-bottom:30px;}
	.section03 .txt-box .name {margin-bottom:20px; padding-bottom:20px;}
	.section03 .txt-box .name h4 {font-size:26px;}
	.section03 .txt-box .name span {font-size:18px;}
	.section03 .txt-box .txt {display:block; margin:0;}
	.section03 .txt-box .row {width:100%; padding:0; margin-bottom:30px;}
	.section03 .txt-box h5 {font-size:20px; margin-bottom:20px;}
	.section03 .txt-box li {font-size:16px;}
	.section03 .txt-box li:before {top:10px;}
	/* section04 */
	.section04 .items {margin:0 30px;}
	.section04 .item {padding:0 30px;}
	.section04 .item h4 {font-size:20px; margin-bottom:16px;}
	.section04 .col {display:block;}
	.section04 .row {width:100%;}
	.section04 .img-box .filter .icon img {width:50px;}
	.section04 .img-box .filter p {font-size:14px;}
	.section04 .txt-box p {font-size:16px;}
	.section04 .more {margin-top:40px;}
	.section04 .more a {width:160px; line-height:46px; font-size:14px; padding:0 15px;}
	.section04 .more a:after {width:16px; height:16px; margin-top:-8px; right:15px;}
	/* section05 */
	.section05 .col {margin:0 0 -40px;}
	.section05 .row {margin:0 auto 40px;}
	.section05 .tit-box {padding:20px 0;}
	.section05 .tit-box h4 {font-size:22px;}
	.section05 .tit-box a {width:120px; line-height:30px; padding:0 10px;}
	.section05 .tit-box a:after {right:10px;}
	.section05 .txt-box .inner .txt {padding:20px;}
	.section05 .txt-box .inner .txt h5 {font-size:14px; margin-bottom:10px;}
	.section05 .txt-box .inner .txt p {font-size:16px;}
	/* section06 */
	.section06 {padding-bottom:0;}
	.section06 .txt-box dl {margin-bottom:20px;}
	.section06 .txt-box dl:last-child {padding-top:20px;}
	.section06 .txt-box dt {font-size:20px; max-width:110px;}
	.section06 .txt-box dd p {font-size:16px;}
	.section06 .txt-box dd a {font-size:20px;}
	.section06 .txt-box dd ul {margin-bottom:10px;}
	.section06 .txt-box dd li {font-size:16px;}
	.section06 .txt-box dd li .ti {max-width:65px;}
	.section06 .maps {height:300px; margin-top:80px;}
	/* inquiry */
	.inquiry {padding:80px 0 100px;}
	.inquiry .label {max-width:80px; font-size:16px; padding-right:20px;}
	.inquiry .label .required {right:10px;}
	.inquiry .put input {padding:0 15px; line-height:48px; font-size:16px;}
	.inquiry .put input::placeholder {font-size:16px;}
	.inquiry .put select {padding:0 15px; height:50px; font-size:16px; background:url('../img/layout/put-select.png') right 15px center no-repeat;}
	.inquiry .put textarea {padding:15px; height:120px;}
	.inquiry .put textarea::placeholder {font-size:16px;}
	.inquiry .btn button {font-size:14px; height:120px;}
	/* footer */
	#footer {padding:30px 0 50px;}
	.foot-col {margin-bottom:20px; padding-bottom:20px;}
	.foot-col .foot-info {display:block; margin-bottom:20px;}
	.foot-col .foot-info .logo {max-width:none; text-align:center; margin-bottom:20px;}
	.foot-col .foot-info .info {max-width:none;}
	.foot-col .foot-info .info dl {font-size:12px; display:block; margin-bottom:10px; text-align:center; line-height:1.5em;}
	.foot-col .foot-info .info dt {max-width:none;}
	.foot-col .foot-info .info dd {width:100%;}
	.foot-col .foot-sns {max-width:360px;}
	.foot-col .foot-sns ul li {width:50%;}
	.foot-col .foot-sns ul li a {padding:0 10px; line-height:38px; font-size:12px;}
	.foot-col .foot-sns ul li a:hover {padding:0 10px;}
	.foot-cnt {display:block; text-align:center;}
	.foot-cnt p {font-size:12px; margin-bottom:12px;}
	.foot-cnt ul {margin:0; justify-content:center;}
	.foot-cnt ul li a {font-size:12px;}
	/* quick-inquiry */
	.quick-inquiry {transform:translateY(180px);}
	.quick-inquiry-open {font-size:14px; width:120px; line-height:38px; padding:0 15px; top:-38px; margin-left:-60px;}
	.quick-inquiry-open:after {right:15px;}
	.quick-inquiry-wrap {padding:20px 0;}
	.quick-inquiry-wrap .col {display:block; padding-right:100px; position:relative;}
	.quick-inquiry-wrap .row {margin-bottom:10px;}
	.quick-inquiry-wrap .row:after {display:none;}
 	.quick-inquiry-wrap .row01 {padding-right:0; max-width:none; display:block;}
	.quick-inquiry-wrap .row01 dl {margin-right:0; margin-bottom:10px; width:100%;}
	.quick-inquiry-wrap .row01 dt {width:40px; height:40px;}
	.quick-inquiry-wrap .row01 dd input {line-height:40px; padding:0 10px; font-size:14px;}
	.quick-inquiry-wrap .row01 dd input::placeholder {font-size:14px;}
	.quick-inquiry-wrap .row02 {padding:0; max-width:none; height:40px; margin-bottom:0;}
	.quick-inquiry-wrap .row02 select {font-size:14px;}
	.quick-inquiry-wrap .row03 {padding-left:0; max-width:80px; position:absolute; top:0; right:0; height:100%; margin-bottom:0;}
	.quick-inquiry-wrap .row03 button {line-height:140px; font-size:14px;}
	/* quick */
	.quick {width:90px; margin-top:-280px; transform:translateX(90px);}
	.quick .quick-wrap ul li a {padding:10px 0;}
	.quick .quick-wrap ul li a img {width:44px;}
	.quick .quick-wrap ul li a p {font-size:12px;}
	.quick .scrolltop {height:38px;}
	.quick .scrolltop p {height:100%; align-items:center;}
	
	.hd_pops_con {max-width:calc(100vw - 30px); height:100% !important;}
	.hd_pops_con p {display:flex !important;}
	.hd_pops {left:15px !important; top:15px !important;}
	
	.section06 .txt-box dd br.pc {display:none;}
	.section06 .txt-box dd br.mob {display:block;}
	.section06 .txt-box dd p span {display:none;}

}

@media (max-width: 400px) {

	.inquiry .row ul li {display:block;}
	.inquiry .label {margin-bottom:10px; max-width:none; padding-right:0; padding-left:20px; text-align:left;}
	.inquiry .label .required {right:auto; left:10px; top:5px;}
	.inquiry .put {width:100%;}
	.inquiry .row02 {flex-wrap:wrap;}
	.inquiry .row02 .put {width:calc(100% - 60px);}
	.inquiry .btn {width:60px;}
	
	
	
}