@media screen and (max-width:1800px) {
    /****************************** common ************************************/
/*     header .gnb > ul {padding-left: 360px;} */
    .inner {width: 1600px;}

    /****************************** main ************************************/
    .main_visual .slide {overflow: hidden; height: 584px;}

    .main_ad_medium .info h2 {line-height: 36px; font-size: 36px;}
    .main_ad_medium .info .text {padding: 0 10px 50px 0; font-size: 16px;}

    /****************************** sub ************************************/
    /* common */
    .sub_visual .inner {background-position: 50% center!important;}
}   


@media screen and (max-width:1600px) {
    /****************************** common ************************************/
/*     header .gnb > ul {padding-left: 210px;} */
/* 		header .gnb > ul > li { width:135px} */
    .inner {width: 1400px;}

    /****************************** main ************************************/
    .main_visual .slide {overflow: hidden; height: 511px;}
	.main_text .wrap .con1 .txtBox,
	.main_text .wrap .con2 .txtBox{ padding-left:20px;}
    .main_text .wrap .con1 .txtBox p,
	.main_text .wrap .con2 .txtBox p{ font-size:35px; line-height:1;}
	.main_text .wrap .con1 .txtBox dl dt{ font-size:18px;}
	.main_text .wrap .con1 .txtBox dl dd br{ display:none;}
	.main_text .wrap .con1 .listBox .list .num{ width:90px; height:90px; margin-right:20px;}
	.main_text .wrap .con1 .listBox .list .num span{ font-size:22px;}
	.main_text .wrap .con1 .listBox .list .title{ width:calc(100% - 110px); font-size:16px;}


    .main_ad_medium .info .text {padding: 0 10px 15px 0; }    

	/* 20.09.22추가 csss */
	/* .multi_content{ zoom:0.85;} */
	.main_visual{ width:1000px;}


    /****************************** sub ************************************/
    /* common */
    .lnb ul li {width: 200px;}
    .sub_visual .inner {background-position: 80% center!important;}
	.inner.custom1{width: 100%; max-width: 1400px;}
	.full_menu .bottom .inner > ul > li > ul li,
	.full_menu .bottom .inner > ul > li{padding-left: 0;	}

    /* 인사말 */
    .greeting .knowhow .left h4 {line-height: 44px; font-size: 44px;}
}

@media screen and (max-width:1400px) {
    /****************************** common ************************************/
/* 	header .gnb > ul {padding-left: 300px;} */
	header .gnb > ul {padding-left: 177px;}
	header .gnb > ul li{width: 120px;}
	.head_right .bnSlider{display:none; }
    .head_right ul li:first-of-type{display: none; }
    /*.head_right ul li:first-of-type{display: none;}*/
    .m_nav .head_right ul li:first-of-type{display: block; }
    .m_nav .head_right ul li:nth-child(2){display: none;}
    .full_menu .top .head_right ul {display: block;}
    .full_menu .bottom .inner > ul > li {padding-left: 50px;}
    .full_menu .bottom .inner > ul > li > ul li {padding: 0 0 5px 50px;}
    .head_right > p {padding: 15px 25px; font-size: 16px;}
/*     .inner, .inner.custom1 {width: 1200px;} */
	
	   .inner.on {width: 93.5%;}

    /****************************** main ************************************/
    .main_visual .slide {overflow: hidden; height: 438px;}

    
    .medium_visual .content .title {font-size: 20px;}
    .medium_visual .content .more {margin: 2px 10px 0 0;}
    .medium_visual .content .more::after {margin-left: 15px;}

    /****************************** sub ************************************/
    /* common */
    .sub_visual .inner {background-position: 90% center!important;}
    .sub_visual .title {padding-left: 40px;}
    .lnb ul li {width: 180px;}
    
    /* 인사말 */
    .greeting .knowhow .left h4 {line-height: 44px; font-size: 44px;}
    .greeting .knowhow .left dl dt {font-size: 20px;}


}


@media screen and (max-width:1200px) {
    /****************************** common ************************************/
    .inner, .inner.custom2 {width: 960px;}
    .inner.lp {padding-left: 0;}
	header .gnb > ul, header .btn_menu  {display: none;}
	  header h1 {left: 15px;}
    header .btn_m_menu {display: block;}
    .m_nav .head_right ul {display: block;}
    .head_right button {width: 70px;}
    .full_menu {display: none;}
	header .gnb > ul {padding-left: 200px;} 

/* 	원래값 header .gnb > ul {padding-left: 187px;} */
    header .gnb > ul > li {width: 90px;} 
/* 원래값 header .gnb > ul > li {width: 76px;} */
    header .gnb > ul > li > a {font-size: 15px;}
    header .gnb > ul > li > ul li a {font-size: 14px;}
    .full_menu .bottom .inner > ul > li {padding-left: 30px;}
    .full_menu .bottom .inner > ul > li > ul li {padding: 0 0 5px 30px;}

/******메뉴추가해서  ******/
@media screen and (max-width: 1050px){
	header .gnb > ul {padding-left: 187px;} 
	header .gnb > ul > li {width: 76px;} 
}



    /****************************** main ************************************/
    .main_visual .slide {overflow: hidden; height: 350px;}
	.multi_content .inner1800{ height:54.6vw;}
	.main_text .wrap .con,
	.main_text .wrap .con > *{ width:100%;}
	.main_text .wrap .con1 .txtBox, .main_text .wrap .con2 .txtBox,.main_text .wrap .con1 .listBox{ padding:20px 10px;}
	.main_text .wrap .con2 .imgBox{ padding:0 0 20px 0;}
	.main_text .wrap .con2 .imgBox img{ display:block; margin:0 auto;}
    
    .main_ad_medium .info, .medium_visual {float: none; width: 100%;}
    .main_ad_medium .info {position: relative;}
    .medium_visual_remote {position: absolute; top: 25px; right: 0;}
    .medium_visual .content dl {opacity: 1;}
    .medium_visual .content dl dt {font-size: 18px;}
    .medium_visual .content dl dd {font-size: 14px;}
    
    
    .main_list_group section .title h2 {height: 70px; line-height: 70px; font-size: 20px;}
    .main_list_group section .title.line {height: 170px;}

	/* 20.09.22추가 csss */	
	.main_visual .videoBox{ height:55vw;}
	/* .main_visual .videoBox video{ width:100%; min-width:auto; min-height:auto} */
	.multi_content{ zoom:1;}
	.main_visual{ width:100%}

    /****************************** sub ************************************/
    /* common */
    .lnb ul li {width: 142px;}
    .lnb ul li a {font-size: 15px;}

    /* 인사말 */
    .greeting .knowhow {height: auto; padding-bottom: 80px;}
    .greeting .knowhow .left {padding: 105px 0 0 60px;}
    .greeting .knowhow .left dl dt {font-size: 20px;}
    .greeting .knowhow .right {width: 55%;}
    .greeting .knowhow .right ul li {padding: 0 2%;}
    .greeting .knowhow ul li {margin-bottom: 0;}



		.franchiseInfo .bnList ul li .txt { font-size:24px; }

		.platform ul { grid-template-columns: repeat(2,1fr);}
		.graph { margin-top:0;}
		.graph,
		.support .table {
			overflow-x:auto;
		}
		.graph .line,
		.graph .table table,
		.support .table table{
			min-width:1000px;
		}

		
		.franchiseInfo .contWrap .s_txt p { font-size:20px;}
		.adService .list ul { grid-template-columns:repeat(1,1fr); gap:8px 0;}
		.adService .list ul li { padding: 12px 16px;}
		.franchiseInfo .contWrap > section:not(:last-child) { margin-bottom:60px;}
		.tit_s1 { font-size:25px;}
}

@media screen and (max-width: 1000px) {
    .portfolio_popup {width: calc(100% - 20px);}
}

@media screen and (max-width:960px) {
    /****************************** common ************************************/
    .inner, .inner.custom1, .inner.custom2 {width: 100%; padding: 0 10px;}    
    .inner.lp {padding-left: 10px;}
  
    
    footer .copyright, footer ul {font-size: 14px;}
    footer nav .left {left: 10px;}
    footer nav .right {right: 10px;}
    footer .info .warning {text-align: center;}
    footer .info ul {width: auto;}
    footer .info ul li {float: none; margin-right: 0; text-align: center;}
    footer .info .foot_logo {position: static; transform: translateY(0); margin-bottom: 30px; text-align: center; }
    footer .info .copyright {text-align: center;}
	footer .info ul li.m span { display:block; margin-left:0; }
	footer .info ul li.m span:first-child { margin-left:0; }

    /****************************** main ************************************/
    .multi_content .inner {padding: 0;}
    .main_visual .slide {overflow: hidden; height: auto;}
    .main_visual .slide img {position: static;}
    


    .medium_visual .slider .slide {margin-right: 10px;}
    .medium_visual .content .title {font-size: 20px;}

    .client_visual {padding-right: 8%;}

    .main_portfolio section {padding: 45px 0;}
    .main_portfolio section .title h2 {font-size: 24px;}
    .main_portfolio section .title h2 span {font-size: 20px;}
    .main_portfolio section .title h2 span::before {margin: 0 15px 0 20px;}
    .main_portfolio section .list ul li {width: 49%; margin-right: 2%;}
    .main_portfolio section .list ul li:nth-child(even) {margin-right: 0;}
    
    .main_list_group section .title {width: 25%;}
    .main_list_group section .title h2 {font-size: 18px;}
    .main_list_group section .title p {font-size: 14px;}
    .main_list_group section .list {width: 75%; padding-left: 20px;}
    .main_list_group section .list ul li {width: 25%;}
    .main_list_group section .list ul li:nth-child(6n) .img {border-right: none;}
    .main_list_group section .list ul li:nth-child(4n) .img {border-right: 1px solid #ccc;}

    /****************************** sub ************************************/
    /* common */
    .lnb .menu {width: 200px;}
    .lnb .menu p {display: block;}
    .lnb ul {display: none; position: absolute; top: 64px; left: 0; width: 100%; height: auto; z-index: 10;}
    .lnb ul li {width: 100%; height: 65px; border-right: none;}
    .lnb ul li a, .lnb ul li.on a {padding-left: 10px; background: #de1a22; text-align: left; color: #fff;}

    /* 인사말 */
    .greeting ul li > div {float: none; width: 100%;}
    .greeting ul li .content div {width: 100%; padding: 5% 0 0 10%;}
    .greeting .knowhow {height: auto; padding-bottom: 80px;}
    .greeting .knowhow > div {float: none;}
    .greeting .knowhow .left {width: 100%; padding: 105px 0 0 60px;}
    .greeting .knowhow .left dl dt {font-size: 20px;}
    .greeting .knowhow .right {width: 100%; padding: 0 60px;}
    .greeting .knowhow .right ul li .title {margin: 50px 0 15px}

    /* 포트폴리오 공통 */
    .portfolio .form .right select {width: 120px;}
    .portfolio .form .right div input {width: 300px;}
    .portfolio .list ul li {width: 49%; margin-right: 2%;}
    .portfolio .list ul li:nth-child(even) {margin-right: 0;}



}


@media screen and (max-width:767px) {
	/* main */
	.multi_content .inner1800{ height:55vw;}
	.multi_content .videoBox video{ position:inherit; left:auto; top:auto; min-width:100%; min-height:100%; width:100%; transform:none;}


	.franchiseInfo .bnList ul { flex-wrap:wrap; }
	.franchiseInfo .bnList ul li { width:100%; padding:30px 0;}
	.franchiseInfo .bnList ul li .txt { font-size:21px; margin-top: 18px;}
}

@media screen and (max-width:640px) {
    /****************************** common ************************************/
    .none640 {display: none;}

    footer nav {height: auto; padding: 10px 0;}
    footer nav .left, footer nav .right {position: static; transform: translateY(0); padding: 10px 0; text-align: center; font-size: 0;}
    footer nav .left li, footer nav .right li {float: none; display: inline-block; font-size: 15px;}


    /****************************** main ************************************/
	
	//* * 20.09.22 추가 css
	.main_visual .videoBox video{ width:143%;}
	
	    .main_visual {float: none;}
	    .main_visual .slick-dots {left: 20px; bottom: 20px;}
	
	    .main_ad_medium {margin: 0; padding: 40px 0; border-bottom: 1px solid #ccc;}
	    .main_ad_medium .info .first {margin-bottom: 10px;}
	    .main_ad_medium .info h2 {margin-bottom: 15px; font-size: 28px;}
	    .main_ad_medium .info .text {padding: 0 0 15px 0; font-size: 14px;}
	    .medium_visual_remote button {width: 33px;}
	    .medium_visual .slider .slide {margin-right: 0;}
	    
	    .main_client {padding: 50px 0 25px;}
	    .client_visual {padding-right: 0;}
	    .client_visual_remote {top: -25px; right: 0; transform: translateY(0);}
	
	
	    .main_portfolio section .title {margin-bottom: 50px;}
	    .main_portfolio section .title a {top: 40px;}
	    .main_portfolio section .load_more {position: static; display: block; margin: 25px auto 0;}
	
	
	    .main_list_group section > div {display: block;}
	    
	    .main_list_group section .title,
	    .main_list_group section .list {width: 100%;}
	    .main_list_group section .title.line {height: 100px;}
	    .main_list_group section .title h2 {height: 50px; line-height: 50px;}
	    .main_list_group section .title p {bottom: 15px;}
	    .main_list_group section .list {padding-left: 0;} */
    

    
    /* 인사말 */
    .greeting .knowhow .left {padding: 50px 0 0 20px;}
    .greeting .knowhow .left dl dt {font-size: 20px;}
    .greeting .knowhow .right {width: 100%; padding: 0 20px;}
    .greeting .knowhow .right ul li .title {min-height: 66px; font-size: 14px;}
    .greeting .knowhow .right ul li .circle span {font-size: 26px;}

    /* 포트폴리오 공통 */
    .portfolio_popup .head {font-size: 18px;}
    .portfolio .form .right select {width: 80px; text-indent: 5px;}
    .portfolio .form .right div input {width: 180px; padding: 0 30px 0 10px;}
    .portfolio .form .right div button {width: 30px;}
    


		header h1 img {max-width:100px;}
		.head_right .bnSlider { max-width:190px; background: none; height:auto; margin-top:4px;}
  

}

@media screen and (max-width:420px) {
    /* main business */
    .main_business ul li {width: 100%; margin-right: 0;}
    .main_business ul li dl dt {font-size: 18px;}
    .main_business ul li dl dd {font-size: 16px;}
}