/**/

@charset "utf-8";

@media screen and (max-width:1800px){
	.inner1800 {max-width:100%;padding: 0 5%;}
	
}

@media screen and (max-width:1600px){
	.inner {max-width:100%; padding:0 5%}
	.inner.innerx{padding:0px}
	.main .main4 .sec4_inner {margin: 0 5%}
	.cursor {height:50px}
	.main .main5 .main5_ul > li.forstyle {background-size: cover;}
	.main .main5 .main5_ul {grid-template-columns: 1fr 1fr 1fr;gap: 10px;}
	.main .main5 .main5_ul.reversal { grid-template-columns: 1fr 1fr 1fr;margin-top: 10px;}
	
}


@media screen and (max-width:1400px){
	.main .main3 .btit, .main .main3 .detail {font-size:50px}
	.cursor {height: 30px; margin-bottom: 7px;}	
	.main .main5 .main5_ul > li {height:300px; padding:30px}


}/*~pc 낮은 해상도*/


@media screen and (max-width:1200px){
	.main .main3 .btit, .main .main3 .detail {font-size:50px}
	.cursor {height: 30px; margin-bottom: 7px;}	
	.main .main5 .main5_ul > li {height:300px; padding:30px}
	.header .hd_gnb > li > a {font-size: 20px;}
	.header .hd_gnb {    gap: 50px;}
	.company .sec2 .sec_txt3 {padding-top: 100px;}


}/*~pc 낮은 해상도*/


@media screen and (max-width:1023px){
	.main .main5 .ul_detail {font-size: 1.5vw;}
	.main .main5 .main5_ul .go {font-size: 18px; padding: 15px 20px;}
	.footer .link_ul {gap: 20px; flex-direction: column;}
	.company .sec2 .sec2_btxt {font-size: 30px;}
	.company .sec2 .sec2_txt2 {font-size: 15px;}

}/*~테블릿 가로*/

@media screen and (max-width:767px){
	.main .main3 .tit {font-size: 3vh;}
	.header .hd_gnb {display:none}
	.header .bar_mn > li.none{display:block}
	.contact {padding: 100px 0;}
	.contact_comm .txt {padding:50px 0}
	.about .cont-ul {grid-template-columns: 1fr 1fr;}
	.company .img > img {width: 80%;}
	.company .sec2 .sec2_tit {font-size: 25px;}
	.company .sec2 .box {flex-direction: column-reverse;}
	.company .sec2 .imgbox {width: 100%;}
	.main .main_visual .main_video > iframe{width: 165%; aspect-ratio: 100 / 56.25; left: 50%; transform: translateX(-50%); top: -60px;}

}/*~모바일 가로, 태블릿*/


@media screen and (max-width:480px){
	.intervar150 {padding: 80px 0;}
	.intervar300 {padding: 150px 0;}
	.main .main_visual {height:40vh}
	.header .h_logo > a > img {width: 100px;}
	.header .header_inner {padding: 30px 5%;}
	.header .gnb_btn, .header .overlay {width:40px; height:40px; top:30px; right:5%}
	.header .gnb_btn > span {font-size: 24px;}
	.main .visual_txt {width: 100%;}
	.main .visual_txt .tit {font-size: 9.7vw;}
	.main .visual_txt .stit {font-size: 3vw;padding-top: 1.4em;}
	.main1 .visual_txt .stit .pc_br{display:none}
	.header .overlay.active {transform: scale(43);}
	.main .main2 .inner {flex-direction: column; gap: 50px;}
	.main2 .txtbox{text-align:center}
	.main .m_common .stit {font-size: 12px;}
	.main .main2 .btit {font-size: 26px;}
	.main .main2 .detail {font-size: 16px;}
	.main .main2 .imgbox {width: 100%;}
	.main .main3 .asbbox.asbbox2 {width: 58%;}
	.main .main3 .asbbox.asbbox1 {width: 44%;}
	.main .main3 .btit, .main .main3 .detail {font-size: 26px;}
	.main .main3 .dot.dot1 > img {width: 35%;}
	.main .main3 .dot.dot2 > img {width: 40%;}
	.main .main3 .dot.dot1 {top: 4%; left: 8%;}
	.main .main3 .dot.dot2 {right: -18%; bottom: -6%;}
	.main .main3 .ms_box {padding-top: 6em;}
	.main .main3 .detail2 {font-size: 3.2vw;}.cursor {height: 17px; margin-bottom: 2px; width: 3px;}
	.main .main4 .btit {font-size: 4vw;}
	.main .main4 .btit .mo_br{display:block}
	.main .main4 .txt {font-size: 4.3vw;}
	.main .main4 .sec4_inner .txtbox {padding: 3em 0;}
	.main .main4 .sec4_inner {height: 60vh}
	.main .main4_2 .swiper-slide {padding: 20px;}
	.main .main4_2 .swiper-slide .sw_txt2 {padding:10px 0}
	.main .main4_2 .review_sw {margin-top: 50px;}
	.main .main4_2 .swiper-slide {width: 60%;}
	.main .main4_2 .swiper-slide p {font-size: 4.2vw;}
	.main .main4_2 .mo_br{display:none}
	.main .maintxtarea .btit {font-size: 26px;}
	.main .maintxtarea .detail {font-size: 16px;}
	
	
	.main .main5 {position: relative;}
	.main5_ul li.item { width: 100%; height: 400px !important; }
	.main5_m_txtbox{display:none}
	.new_paral {display:block}
	
	.main .main5 .ul_tit {font-size: 7vw;}
	.main .main5 .ul_detail {font-size: 3.5vw;}
	.main .main5 .ul_detail .pc_br{display:none}
	.main .main5 .main5_ul,
	.main .main5 .main5_ul.reversal {grid-template-columns:1fr;}
	.main .main5 .main5_ul .go {font-size: 12px; padding:10px 20px}
	.main .main5 .main5_ul .go > span > img{width: 20px;}
	.contact_comm .txt {font-size: 15px; padding: 50px 0 50px;}
	.contact_comm .input_ul {grid-template-columns: auto;}
	.contact_comm .input_ul .tit {font-size: 20px;}
	.contact_comm .main_input {font-size: 15px; margin-top: 10px;}
	.contact_comm .input_ul {gap:50px}
	.contact_comm .chkbox {font-size:16px}
	.contact_comm .submit_btn {font-size: 4.3vw; padding: 20px 50px;}
	.footer .link_area {flex-direction: column; gap: 20px;}
	.footer .link_b {font-size: 16px;}
	.footer .link_s {font-size: 13px;}
	.footer .sns > a > img{width: 20px;}
	.footer .snsarea .qnalink {font-size:14px}
	.footer .snsarea .qnalink .pc_br{display:none}
	.footer .copy {font-size: 14px; gap: 14px 40px; padding: 50px 0;}
	.footer .copy > li:last-child {padding-top: 20px;}
	.footer .link_ul > li > div{display:flex; gap: 20px;}
	.main .main5 .main5_ul > li:hover .go > span {padding-left:10px}
	.header .bar_mn > li > a {font-size:8vw}
	.contact .ani > img {width: 10%;}
	.contact {padding: 50px 0;}
	.contact .top_tit {padding:20px 0 50px}
	/* .about .cont-ul {grid-template-columns: 1fr; gap: 30px; padding: 100px 0 50px;} */
	.about .cont-ul .txt1 {font-size: 23px;}
	.about .cont-ul .txt2 {font-size: 15px;}
	.about .cont-ul .txt1 {padding: 15px 0 15px;}
	.about .tit > span {font-size: 35px;}
	.about .tit {font-size: 19px;}
	.about .stit {font-size: 18px;}
	.about .pc_br{display:none}
	.about .btn-txt {font-size: 14px; padding-left: 30px;}
	.about .event-btn:hover .btn-txt {padding-left: 50px;}
	.about .btn-txt:before {width:20px}
	.about .event-btn:hover .btn-txt:before {width: 25px;}
	.about {padding:50px 0}
	.company .sec1_btit {font-size: 27px;}
	.company .sec1_stit {font-size: 4vw;}
	.company .sec2 .sec_txt3 {font-size:17px}
	.about .video {gap: 20px; flex-direction: column;}
	.fbox{display: flex}
	#bo_sch .sch_input {width:150px}
	.top_tit {font-size: 30px;}
	.about .link_btn {font-size: 17px; padding: 20px 50px;}
	.tbl_head01 thead th {font-size:12px}
	.about .video .gifbox {border-radius:0}
	.about .abtxt {font-size: 18px; padding: 30px 0 0px; line-height: 1.5;}
	.main .main5 .main5_ul.reversal > li:nth-child(1),
	.main .main5 .main5_ul.reversal > li:nth-child(2) {background-size: cover;}
	.main .main5 .main5_ul > li.forstyle:hover {background-size: cover;}




}/*~모바일*/


/*
@media (max-width: 600px) {
	.main .main5 {position:relative;overflow: initial;}
	.main .main5 .main5_ul {grid-template-columns: 1fr;}
	.main .maintxtarea .txtbox {
		position: sticky;
        top: 70px;
	}
    .main .main5 .main5_ul > li {
        position: sticky;
        top: 160px;
        border: 1px solid #eaeaea;
        opacity: 1;
        transform: unset;
    }
}
*/