@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/* reset */
body {
	font-family:'Montserrat','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;		
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	color:#444546;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}

button{cursor:pointer; font-family:inherit;}
button:focus{outline:none;}

textarea{font-family:inherit;}
textarea:focus{outline:none;}

input{font-family:inherit;}
input:focus{outline:none;}

iframe{border:none; vertical-align:top; font-family:inherit;}

select{background-color:#ffffff; font-family:inherit; }
select:focus{outline:none;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}

th,strong, b, h1, h2, h3, h4, h5, h6{font-weight:600;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#444546;}
*{box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}

/***layout***/
.wrap{width:100%; height:100%; min-width:1400px; font-family:'Montserrat','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	}
header{width:100%;}
main{width:100%;}
footer{width:100%; color:#aaaaaa; padding:40px 0 80px; background-color:#121314;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1400px; padding:0 10px; margin:0 auto;}
.inner02{width:1300px; padding:0 10px; margin:0 auto;}
.main_container{padding-bottom:80px;}
.main_container h3{font-size:46px; line-height:1.0; color:#111111;}
.main_container h3 span{display:block; font-size:35px; color:#046eb8; margin-top:12px;}

/*main_more*/
.main_more{display:inline-block; font-size:17px; color:#222222; position:relative; z-index:5; padding-right:40px; line-height:55px; font-weight:500;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_more span{width:55px; height:55px; display:block; background:#bebebe url("../images/common/arrow_w.png")no-repeat 0 0; background-size:100% auto;
		border-radius:50%; position:absolute; right:0; top:0; z-index:-1; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.main_more:hover{color:#046eb8;}
.main_more:hover span{box-shadow:0 0 5px rgba(0,0,0,0.3);}

/*header_wrap01 PC / 가로 1301px 이상 common*/
.header_wrap01{width:100%; padding:20px 0; z-index:350; min-width:1400px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));}
.sub_wrap .header_wrap01{background:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));}
.header_wrap01>div{display:flex; justify-content:space-between; align-items:start;}
/*header_wrap01 h1*/
.header_wrap01>div>h1{width:123px; height:70px; font-size:0; text-indent:-999999px; overflow:hidden; order:0;}
.header_wrap01>div>h1>a{display:block; width:100%; height:100%;  background:url("../images/common/logo.png")no-repeat 0 0; background-size:100% auto;}
/*common_language_tab*/
.common_language_tab{order:2; padding-top:33px;}
.common_language_tab>li{float:left; position:relative;}
.common_language_tab>li+li{margin-left:8px; padding-left:8px;}
.common_language_tab>li+li:before{content:''; width:1px; height:13px; display:block; background-color:rgba(255,255,255,0.8); position:absolute; left:0; top:6px;}
.common_language_tab>li>a{display:block; font-size:16px; font-weight:600; opacity:0.8; color:#ffffff;}
.common_language_tab>li>a:hover{opacity:1;}
.common_language_tab>li>a.on{opacity:1; border-bottom:1px solid #ffffff;}
/*gnb*/
.gnb{display:flex; order:1; column-gap:3px; letter-spacing:-1px;  padding-top:20px; text-align:center;}
.gnb>li{position:relative; }
.gnb>li>a{display:block; color:#ffffff; font-size:19px; padding:9px 34px;}
.gnb>li:nth-child(2),.gnb>li:nth-child(3),.gnb>li:nth-child(4){min-width:186px;}
.gnb>li:hover{background-color:#ffffff; box-shadow:2px 2px 8px rgba(0,0,0,0.4);  border-radius:10px 10px; }
.gnb>li:hover>a{color:#046eb8;} 
.gnb_2depth_menu{display:none; position:absolute; left:0; top:40px; background-color:#ffffff; width:100%; z-index:250; padding:22px 0 20px; line-height:1.3;
		border-radius:0 0 10px 10px; box-shadow:2px 8px 8px rgba(0,0,0,0.4);}
.gnb_2depth_menu>li+li{margin-top:8px;}
.gnb_2depth_menu>li>a{display:block; font-size:15px; padding:2px 5px;}
.gnb_2depth_menu>li>a:hover{color:#046eb8; font-weight:500;}
/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; padding:8px 0; box-shadow:1px 1px 4px rgba(0,0,0,0.2); background:rgba(0,0,0,0.8);}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 10px; min-width:320px; position:absolute; left:0; top:0; z-index:300; align-items:center;
		justify-content:space-between; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;
		background:linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));}
/*.header_wrap02>h1*/
.header_wrap02>h1{width:106px; height:60px; font-size:0; text-indent:-999999px; overflow:hidden;}
.header_wrap02>h1>a{display:block; width:100%; height:100%;  background:url("../images/common/logo02.png")no-repeat 0 0; background-size:100% auto;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.header_wrap02 .util_menu{column-gap:10px; display:flex;}
/*tm_language_tab*/
.tm_language_tab{width:30px; height:30px; border-radius:50%;}
.tm_language_tab>a{display:block; width:100%; height:100%; border-radius:50%; background-color:#ffffff; line-height:30px; font-weight:600; color:#046eb8;
		font-size:15px; text-align:center; letter-spacing:-1px;}
/*.header_wrap02 .phone_link*/
.header_wrap02 .phone_link{width:30px; height:30px;}
.header_wrap02 .phone_link>a{display:block; width:100%; height:100%; font-size:0; background:url("../images/common/btn_phone_w.png")no-repeat 0 0; 
		background-size:100% auto; text-indent:-999999px; overflow:hidden;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; 
		padding-top:7px; width:30px; height:30px; }
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#ffffff; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; right:10px; top:15px;}
.btn_tm_nav_open.on span{background-color:#444546;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity:0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:499; min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.tm_gnb_wrap{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; overflow-y:auto; background-color:#ffffff;
		padding-top:20px;}
.tm_gnb_wrap h1{width:100px; margin:0 auto;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; overflow-x:hidden; margin-top:10px;}
.tm_gnb>li>a{display:block;}
.tm_gnb>li strong{display:block; font-size:17px; color:#121314; padding:12px 10px 15px 12px; cursor:pointer; position:relative;}
.tm_gnb>li .m_more{width:13px; height:13px; display:block; position:absolute; right:10px; top:19px;}
.tm_gnb>li .m_more:before{content:''; height:8px; width:8px; display:block; border:1px solid #444546; border-left-width:0; border-top-width:0;
		position:absolute; top:2px; right:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.tm_gnb>li.active strong{color:#046eb8;}
.tm_gnb>li.active .m_more:before{transform:rotate(45deg); top:0; border-color:#046eb8;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none; background-color:#e4e9ec; padding:15px 0; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);}
.tm_gnb_2depth>li+li{margin-top:8px;}
.tm_gnb_2depth>li>a{display:block; font-size:15px; padding:0 10px 0 15px; color:#121314; } 
.tm_gnb_2depth>li>a:hover{color:#046eb8; font-weight:500;}
/*고객센터*/
.tm_cs_center{padding:15px 10px 20px; text-align:center;  font-size:15px; border-top:1px solid #f8f8f8;}
.tm_cs_center h4{color:#121314; }
.tm_cs_center dt,.tm_cs_center dd{display:inline-block; font-size:18px; color:#046eb8; vertical-align:middle; font-weight:500;}
.tm_cs_center dd{margin-left:5px;}
/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02.header_up02{padding:8px 10px; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 4px rgba(0,0,0,0.2); 
		background:rgba(255,255,255,0.9);}
.header_wrap02.header_up02>h1>a{background-image:url("../images/common/logo02_on.png");}
.header_wrap02.header_up02 .tm_language_tab>a{background-color:#046eb8; color:#ffffff;}
.header_wrap02.header_up02 .phone_link>a{background-image:url("../images/common/btn_phone.png");}
.header_wrap02.header_up02 .btn_tm_nav_open span{background-color:#444546;}

/*메인 비주얼*/
.main_visual{width:100%; height:920px;}
.main_slide_list{width:100%; height:100%;}
.main_slide_list>li{width:100%; height:100%;}
.main_slide_list>li>.background_visual_img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; 
		background-repeat:no-repeat; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.main_slide_list .slide01>div.background_visual_img{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide_list .slide02>div.background_visual_img{background-image:url("../images/main/main_visual_slide02.jpg");}
.main_slide_list .slide03>div.background_visual_img{background-image:url("../images/main/main_visual_slide03.jpg");}
.main_slide_list>li.swiper-slide-active>div.background_visual_img{animation:scale 5s ease forwards;}
@keyframes scale {
    0% {
        transform: scale(1.05);
    }

    100% {
         transform: scale(1);
    }
}
/*메인 비쥬얼 control_box*/
.main_visual.swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1; margin:0 8px; background-color:rgba(255,255,255,1); 
		vertical-align:middle; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:18px; height:18px; background-color:transparent;
		border:1px solid #ffffff;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{content:''; width:10px; height:10px; display:block;
		background-color:rgba(255,255,255,1); border-radius:50%; position:absolute; left:3px; top:3px;}
/*main_visual_txt*/
.main_slide_list .inner{height:100%; position:relative; z-index:30; padding-top:90px; padding-bottom:30px;}
.main_visual_txt{width:100%; height:100%; color:#ffffff; letter-spacing:-1px; display:flex; flex-direction:column; justify-content:center;font-size:22px; font-weight:500;
		row-gap:80px; }
.main_visual_txt.main_visual_txt01{color:#000000;}
.main_visual_txt.main_visual_txt02,.main_visual_txt.main_visual_txt03{text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.main_visual_txt p:first-child{font-weight:800; font-size:40px; line-height:1.3;}
/*.main_visual_txt01 p:first-child{animation:AEffect01 0.6s; animation-fill-mode:forwards; will-change:opacity; will-change:translate;}
@keyframes AEffect01{
    0% {
        opacity: 0;
		-ms-transform:translate(0,100px); -o-transform:translate(0,100px); transform: translate(0,100px); -webkit-transform:translate(0,100px); 
		-moz-transform:translate(0,100px);
    }
    100% {
        opacity:1;
		-ms-transform:translate(0,0); -o-transform:translate(0,0); transform: translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0);
    }
}
*/


/*main_about_us_wrap*/
.main_about_us_wrap{padding:80px 0; background:url("../images/main/bg_about.jpg")no-repeat center center; background-size:cover;}
.main_about_us_wrap>div{display:flex; flex-wrap:wrap; column-gap:60px; align-items:center; flex-flow:row-reverse wrap;}
.main_about_us_wrap>div>div{width:calc(50% - 30px);}
.main_about_us_img{box-shadow:0 0 8px rgba(0,0,0,0.3); position:relative;}
.main_about_us_img>img{width:100%;}
.main_about_us_img strong{position:absolute; left:30px; bottom:30px;}
.main_about_us{margin-top:30px; font-size:16px; display:flex; flex-direction:column; row-gap:10px; color:#313233;}
.main_about_us_contects>p{margin-top:40px; text-align:right;}

/*main_technology_wrap*/
.main_technology_wrap{margin-top:80px; }
.main_technology_wrap>div>p{margin-top:30px; text-align:right;}
.main_technology_list{margin-top:40px; display:flex; flex-wrap:wrap; column-gap:39px;}
.main_technology_list>li{width:calc(33.3333% - 26px);}
.main_technology_list>li>a{display:block; text-align:center; font-size:20px; color:#313233; letter-spacing:-1px; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; line-height:1.4;}
.main_technology_img{overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.2); margin-bottom:15px;} 
.main_technology_img>img{width:100%; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_technology_list>li>a:hover{color:#046eb8;}
.main_technology_list>li>a:hover .main_technology_img{box-shadow:0 0 8px rgba(0,0,0,0.5);}
.main_technology_list>li>a:hover .main_technology_img>img{
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
	}

/*main_service_wrap*/
.main_service_wrap{margin-top:80px; }
.main_service_wrap>div>p{margin-top:30px; text-align:right;}
.main_service_list{margin-top:40px; display:flex; flex-wrap:wrap;} 
.main_service_list>li{width:33.3333%; position:relative;}
.main_service_list>li>a{width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; row-gap:10px; 
		align-items:center; justify-content:center; padding:10px; background-color:rgba(0,0,0,0.15); color:#ffffff; font-size:20px; text-align:center; line-height:1.3;
		text-shadow:2px 2px 5px rgba(0,0,0,0.4); -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_service_list>li>a:hover{background-color:rgba(4,110,184,0.85);}

/*main_question_wrap*/
.main_question_wrap{margin-top:80px; padding:80px 0; background:url("../images/main/bg_main_inquire.jpg")no-repeat center center; background-size:cover;}
.main_question{text-align:center; color:#ffffff; font-weight:500; font-size:28px;}
.main_question_link{margin-top:40px;}
.main_question_link>a{display:inline-block;  padding:11px 40px; border-radius:50px; background-color:#ffffff; font-size:32px; font-weight:600; color:#046eb8; 
		line-height:40px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_question_link>a>*{display:inline-block; vertical-align:top;}
.main_question_link>a>span{margin-left:20px;  background:#046eb8 url("../images/common/arrow_w.png")no-repeat center center; background-size:100% auto;
		width:40px; height:40px; border-radius:50%;}

/*main_community_wrap*/
.main_community_wrap{margin-top:80px;}
.main_community_wrap>div{display:flex; flex-wrap:wrap; column-gap:60px; }
.main_community_wrap>div>div{width:calc(50% - 30px);}
.main_community{margin-top:40px; }
.main_news{position:relative;}
.main_news h4{font-size:46px; line-height:1.0; color:#111111;}
.main_news_list{display:flex; flex-wrap:wrap; gap:10px;}
.main_news_list>li{width:calc(50% - 5px); background-color:#fafafa; padding:15px 20px; font-size:18px; min-height:150px;}
.main_news_list>li>a{width:100%; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; }
.main_news_list>li>a:hover{color:#111111;}
.main_news>a{position:absolute; right:0; top:0;}
.main_cs_list{display:flex; flex-wrap:wrap; column-gap:12px;}
.main_cs_list>li{width:calc(33.3333% - 8px); display:flex; flex-direction:column; row-gap:10px; font-size:16px; text-align:center;} 
.main_cs_list>li dt{font-size:18px; font-weight:600; color:#111111;}
.main_cs_list>li dd{margin-top:2px;}
.main_cs_list>li>a{color:#111111; font-size:18px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_cs_list>li>a span{display:inline-block; width:20px; height:20px; border-radius:50%; font-size:0; overflow:hidden; text-indent:-999999px; 
		background:url("../images/common/arrow_b.png")no-repeat center center; background-size:100% auto;}
.main_cs_list>li>a:hover{color:#046eb8;}
.main_cs_list>li>a:hover span{background:#046eb8 url("../images/common/arrow_w.png")no-repeat center center; background-size:100% auto;}

/*footer*/
footer>div{display:flex; flex-wrap:wrap; gap:20px 40px; align-items:start;}
.company_info02{ font-size:15px; display:flex; flex-direction:column; row-gap:3px;}
.company_info02>div{display:flex; flex-wrap:wrap; gap:3px 15px; }
.company_info02 dl{display:flex; column-gap:3px;}
.company_info02 dd, .company_info02 span,.company_info02 h1{color:#ffffff;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:10px; border:1px solid #046eb8; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#046eb8; z-index:300; font-weight:600;}
.top_btn:before{content:''; width:6px; height:6px; display:block; border:2px solid #046eb8; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}




/*1400이하 */
@media screen and (max-width:1400px){

/***layout***/
.wrap{min-width:1300px;}

/***common***/
.inner{width:100%;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{min-width:1300px;} 

}/*1400이하 끝*/

/*1300이하 */
@media screen and (max-width:1300px){

/***layout***/
.wrap{min-width:320px;}

/***common***/
.inner02{width:100%;}

/*header*/
.header_wrap01{display:none;}
.header_wrap02{display:flex;}

/*메인 비주얼*/
.main_visual{height:700px;}
/*main_visual_txt*/
.main_slide_list .inner{padding-top:70px;}

/*main_about_us_wrap*/
.main_about_us_wrap{padding:60px 0;}
.main_about_us_wrap>div{column-gap:40px;}
.main_about_us_wrap>div>div{width:calc(50% - 20px);}

/*main_technology_wrap*/
.main_technology_wrap{margin-top:60px;}
.main_technology_list{column-gap:18px;}
.main_technology_list>li{width:calc(33.3333% - 12px);}

/*main_service_wrap*/
.main_service_wrap{margin-top:60px; }

/*main_question_wrap*/
.main_question_wrap{margin-top:60px; padding:60px 0;}

/*main_community_wrap*/
.main_community_wrap{margin-top:60px;}
.main_community_wrap>div{column-gap:40px; }
.main_community_wrap>div>div{width:calc(50% - 20px);}

}/*1300이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*main_visual_txt*/
.main_visual_txt p:first-child{font-size:34px;}

/*main_about_us_wrap*/
.main_about_us_wrap>div{row-gap:40px;} 
.main_about_us_wrap>div>div{width:100%;}

/*main_service_wrap*/
/*.main_service_list>li{width:50%;}*/
.main_service_list>li>a img{width:100px;}

/*main_community_wrap*/
.main_community_wrap>div{row-gap:40px; }
.main_community_wrap>div>div{width:100%;}
.main_cs_list>li{width:calc(30% - 8px);}
.main_cs_list>li:nth-child(1){width:calc(40% - 8px);}




}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*메인 비주얼*/
.main_slide_list>li>.background_visual_img{background-position:right center;}

/*main_technology_wrap*/
.main_technology_list{row-gap:30px;}
.main_technology_list>li{width:100%;}

/*main_service_wrap*/
.main_service_list>li{width:100%;}
.main_service_list>li>a img{width:140px;}

/*footer*/
footer>div{flex-direction:column; align-items:center;}
.company_info02{ text-align:center;}
.company_info02>div{ justify-content:center;}

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/***common***/
.main_container h3{font-size:34px;}
.main_container h3 span{font-size:25px;}

/*main_more*/
.main_more{font-size:15px; padding-right:30px; line-height:40px;}
.main_more span{width:40px; height:40px;}

/*메인 비주얼*/
/*main_visual_txt*/
.main_visual_txt{font-size:18px; row-gap:40px;  text-align:center;}
.main_visual_txt.main_visual_txt01{color:#ffffff; text-shadow:0px 0px 6px rgba(0,0,0,0.3);}
.main_visual_txt.main_visual_txt02,.main_visual_txt.main_visual_txt03{text-shadow:0px 0px 6px rgba(0,0,0,0.3);}
.main_visual_txt p:first-child{font-size:26px;  line-height:1.5;}

/*main_about_us_wrap*/
.main_about_us_wrap{padding:50px 0;}
.main_about_us_img strong{left:15px; bottom:15px;}
.main_about_us{margin-top:20px; font-size:15px;}
.main_about_us_contects>p{margin-top:25px;} 

/*main_technology_wrap*/
.main_technology_wrap{margin-top:50px;}
.main_technology_list>li>a{font-size:17px;}
.main_technology_img{margin-bottom:12px;} 
.main_technology_wrap>div>p{margin-top:25px;} 

/*main_service_wrap*/
.main_service_wrap{margin-top:50px; }
.main_service_wrap>div>p{margin-top:25px;}
/*.main_service_list>li{width:100%;}*/
.main_service_list>li>a{font-size:17px;}
.main_service_list>li>a img{width:110px;}

/*main_question_wrap*/
.main_question_wrap{margin-top:50px;}
.main_question{font-size:18px;}
.main_question_link{margin-top:30px;}
.main_question_link>a{padding:11px 30px; font-size:22px; line-height:30px;}
.main_question_link>a>span{width:30px; height:30px;}

/*main_community_wrap*/
.main_community_wrap{margin-top:50px;}
.main_community{margin-top:30px; }
.main_news h4{font-size:34px;} 
.main_news_list>li{width:100%; padding:10px 15px; font-size:15px; min-height:68px;}
.main_cs_list>li{font-size:15px;} 
.main_cs_list>li dt{font-size:16px;}
.main_cs_list>li>a{font-size:16px;}

/*footer*/
.company_info02{ font-size:14px;}



}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){


/*main_community_wrap*/
.main_cs_list{row-gap:15px;}
.main_cs_list>li{width:100%;}
.main_cs_list>li:nth-child(1){width:100%;}
.main_cs_list>li>img{width:60px;}





}/*420이하 끝*/