@charset "utf-8";

@media (max-width: 2000px){
	.main .sec3 .size {max-width: 1500px;}
	.main .sec3 .inner {padding-left: 170px; padding-right: 50px;}
	.main .sec3 .num_list {left: 75px;}
	.main .sec3 .txt em {font-size: 50px;}
	.main .sec3 .img {background-position: left 50% bottom -2px; background-size: 100%;}

}

@media (max-width: 1920px){
	.main .sec6 .size {padding: 140px 20px 370px;}
	.main .sec6 #map {height: 500px;}
	.contact .inflow .right input[type="text"] {max-width: 400px;}
}

@media (max-width: 1800px){
	.size {padding: 0 20px;}
	.main .sec3 .size {padding: 0;}
}

@media (max-width: 1600px){
	.header {padding: 0 80px;}
	.header .logo {left: 100px;}
	.header .logo a {height: 80px; line-height: 75px;}
	.header .logo a img {display: inline-block; width: 260px;}
	.header .gnb > ul > li > a {height: 80px; line-height: 80px;}
	.header .gnb > ul > li > ul {top: 80px; margin-left: -85px;}
	.header .gnb > ul > li > ul > li > a {width: 170px;}
	.header .allMenuBtn {width: 80px; height: 80px; line-height: 80px;}
	.header.fixed .logo {left: 20px;}
	
	.sub_visual {padding: 0 80px;}
	.sub_visual .bg {border-radius: 0 0 50px 50px;}
	.sub_lnb .size {max-width: 980px;}

	.all_menu ul.depth1 {padding-bottom: 6%;}
	.all_menu ul.depth1 > li > a {font-size: 32px;}
	.all_menu ul.depth1 > li > ul {margin-top: 25px;}
	.all_menu ul.depth1 > li > ul > li > a {height: 40px; line-height: 40px; font-size: 20px;}
	.all_menu ul.depth1 > li.li3, .all_menu ul.depth1 > li.li4 {margin-top: 50px;}
	
	.quickMenu {bottom: 50px; right: 40px;}
	.quickMenu > a {width: 80px; height: 80px; line-height: 80px; border-radius: 80px;}

	.main .sec1 .inner {padding: 0 80px 80px 80px;}
	.main .sec1 .txt b {font-size: 20px;}
	.main .sec1 .txt b span:before {top: 10px;}
	.main .sec1 .txt em,.main .sec1 .txt em.fz-70px {font-size: 60px;}
	.main .sec1 .txt em.eng {font-size: 65px;}
	.main .sec1 .arr_box .visual_prev {width: 80px;}
	.main .sec1 .arr_box .visual_next {width: 80px;}
	.main .sec1 .scroll_down {bottom: 46px;}

	.main .title strong {font-size: 45px;}
	.main .title strong span {font-size: 30px;}

	.main .sec2 .cont ul li em {font-size: 22px;}
	.main .sec2 .cont ul li span.txt .dpb {display: inline-block;}
	.main .sec2 .cont ul li span.button {margin-top: 25px;}
	
	.main .sec3 .size {float: none; max-width: 1600px; padding-left: 70px;}
	.main .sec3 .inner {padding-right: 0;}
	.main .sec3 .img {position: absolute; bottom: 0; right: 0; width: 720px; float: none; z-index: -1;}
	.main .sec3 .inner {height: 540px;}
	.main .sec3 .intro_slide {height: 540px;}

	.main .sec4 .title a {line-height: 42px;}
	.main .sec4 .culture {padding: 0 4%;}
	.main .sec4 .culture ul li .basic_img {height: 179px;}
	.main .sec4 .notice {padding: 0 4%;}
	.main .sec4 .notice ul li a {padding: 10px 12px 10px 18px;}
	
	.main .sec5 .title strong {font-size: 45px;}
	.main .sec5 .cont ul li {height: 125px;}
	.main .sec5 .btn_box {margin-top: 50px;}

	.main .sec6 .title strong {font-size: 50px;}
	.main .sec6 .title strong span {font-size: 40px;}

	.footer {padding: 80px 20px;}
	.footer .top {right: 20px;}
	.footer .btm {right: 20px;}
	.footer .btm .inb {display: block;}
	
	#sub .listTypeA ul.li4 li{padding:0 4%;}
	
	#solution .size{padding:0 20px 0 0;}
	#solution .item{padding-bottom:80px; box-sizing:border-box;}
	#solution .item:nth-child(even){margin-top:0;}
	#solution .item .img{float:none; width:100%; max-width:1095px;  text-align:left; background-position:50% 65%;}
	#solution .item .img i{padding-left:5px;}
	#solution .item .img span{padding-right:0;}
	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:220px; padding:55px 25px; margin: 0 auto;}
	#solution .item:nth-child(odd) .cont, #solution .item:nth-child(even) .cont{height:auto; margin: 0 auto; margin-top:50px; padding-left:20px;}
	#solution .item .cont{float:none; width:100%;}

	.fixed-hashtag{
		margin: 0 80px;
		margin-top: 40px;
		width: calc(100% - 160px);
    }
	#sub.ad2 .section1 ul.flex-wrap{
        width: 100%;
    }


}

@media (max-width: 1320px){
	#sub.business .sec1 .graphArea .size{max-width:668px;}
	#sub.business .sec1 .graphArea ul > li.bd_l:after{display:block;}
	#sub.business .sec1 .graphArea ul > li.bd_r:after{display:block;}
}

@media (max-width: 1280px){
	.main .sec6 .size {padding: 140px 20px 310px;}
	.main .contact a.inq_close{right:20px;}
	.contact {padding: 50px 20px;}
	.contact .inflow .left {float: none; width: calc(100% + 5px); max-width: none; margin-left: -5px; margin-top: -5px;}
	.contact .radio {float: left; display: block; width: calc(33.33333% - 5px); margin-left: 5px; margin-top:5px;}
	.contact .radio label {float: none; max-width: 100%; margin-left: 0;}
	.contact .inflow .right {float: none; width: calc(100% + 5px); margin-left: -5px; margin-top: -5px; max-width: none;}
	.contact .inflow .right input[type="text"] {margin-left: 5px; margin-top: 5px; width: calc(66.66666% - 5px); max-width: none;}
	.contact .btn_box {padding-top: 80px;}

	#company .cont2 .size:before{display:none;}
	#company .cont2 .imgbox_mo{display:block;}
	#company .cont2 .txtBox{float:none; margin-top:60px; height:auto;}

    /* AD */
    #sub.ad .section4 .title dd,
	#sub.ad2 .section8 .title dd{
        font-size: 30px;
    }
}

@media (max-width: 1250px){
	.header {height: 80px;}
	.header .gnb {display: none;}	
	.header .allMenuBtn {display: none;}
	.header .menu_btn {display: block;}

	.main .sec2 .size {padding: 140px 20px;}
	.main .sec2 .cont ul li {float: none; width: 32.33333%; height: 380px;}
	
	.main .sec3 .inner {padding-left: 150px;}
	.main .sec3 .txt i {font-size: 22px;}
	.main .sec3 .txt em {font-size: 40px;}
	.main .sec3 .img {width: 600px;}
	.main .sec3 .txt span .dpb {display: inline-block;}
	.main .sec3 .num_list {left: 55px;}

	.main .sec4 {background-image: none;}
	.main .sec4 .size {padding: 0;}
	.main .sec4 .culture {float: none; width: 100%; padding: 90px 20px 70px;}
	.main .sec4 .culture ul li .basic_img {height: auto;}
	.main .sec4 .notice {float: none; width: 100%; padding: 70px 20px; background-image: url('/img/main_bg_03.jpg'); background-repeat: no-repeat; background-position: 50% 50%;}
	
	.footer {padding: 45px 20px 50px;}
	.footer .top {position: static; text-align: center;}
	.footer .mid {margin-top: 30px; text-align: center;}
	.footer .mid .addr {margin-top: 20px;}
	.footer .btm {position: static; margin-top: 20px;}
	.footer .btm p {text-align: center;}
	
	.sub_visual .bg {height: 400px;}
	.sub_visual h2 {font-size: 60px;}
	.sub_visual .navi {margin-top: 20px;}
	
	#sub .stepList ul{width:100%; max-width:600px; margin:0 auto;}
	#sub .stepList ul li{width:49%;}
	#sub .stepList2 ul li:before{display:none;}
	#sub .stepList2 ul li:after{display:none;}

	#sub.employ .cont2 .stepList2{width:100%; max-width:700px; margin:60px auto 0 auto;}
	#sub.employ .cont2 .stepList2 ul li{float:none; width:100%; margin-top:40px; overflow:hidden; padding:0;}
	#sub.employ .cont2 .stepList2 ul li:first-child{margin-top:0;}

}
@media (max-width: 1170px){

	#sub.business .sec2 .graphArea .size{max-width:668px;}
	#sub.business .sec2 .graphArea ul > li.bd_l:after{display:block;}
	#sub.business .sec2 .graphArea ul > li.bd_r:after{display:block;}

	#map .address{padding:0 20px; box-sizing:border-box;} 
	#map .address .left{float:none; padding-bottom:15px; box-sizing:border-box;}
	#map .address .right{float:none; height:auto; border-left:none; padding-top:15px; box-sizing:border-box; border-top:1px solid #ddd;}
	#map .address .right > span:first-child{padding-left:0;}

	#operation .cont3 .title em b span.inb{display:block;}

	#sub .listTypeC ul li{width:33.3333%;}

    #sub.ad2 .fixed-hashtag .pc-ul{
        display: none;
    }
    #sub.ad2 .fixed-hashtag .mobile-ul{
        display: flex;
        gap: 0 40px;
        padding: 10px 5px;
        align-items: center;
        flex-wrap: wrap;
        
    }
    .fixed-hashtag .ul-wrap{
        justify-content: space-between;
    }
    .fixed-hashtag .bt-more{
        display: block;
        opacity: 1;
    }
    .fixed-hashtag .bt-more:hover{
        opacity: .9;
    }
    #sub.ad2 .section3 .logoSwiper1 li,
	#sub.ad2 .section3 .logoSwiper2 li{
        width: 120px;
        padding: 10px;
    }

}
@media (max-width: 1060px){
    /* 메인>배너>성공사례 바로가기 버튼 */
    .main .sec1 .btn-container .btn-flex li{width: 20%; }
    .main .sec1 .btn-container p{
        font-size: 18px;
    }

	#sub .imageList .item .txtBox .num{margin-top:60px;}

	/*#history .cont .yearBtn li{max-width:125px !important;}*/

    /* AD */
    #sub.ad .section7 .title h4 {
        font-size: 24px;
        line-height: 2.5rem;
    }
    #sub.ad .section8 dd,
    #sub.ad2 .section6 dd{
        word-break: keep-all;
    }
    #sub.ad .section8 dd br,
    #sub.ad2 .section6 dd br{
        display: none;
    }
    #sub.ad .section4 .dl-wrap,
	#sub.ad2 .section8 .dl-wrap{
        display: block;
        float: right;
        width: 70%;
    }
    #sub.ad .section4 .title h4,
	#sub.ad2 .section8 .title h4{
        font-size: 46px;
    }
    #sub.ad .section4 .title h5,
	#sub.ad2 .section8 .title h5{
        font-size: 24px;
    }
    #sub.ad .section4 .title dl,
	#sub.ad2 .section8 .title dl{
        width: 100%;
    }
    #sub.ad .section4 .title dl:not(:first-of-type),
	#sub.ad2 .section8 .title dl:not(:first-of-type){
        border-top: 1px solid #ccc;
    }


}
@media (max-width: 1024px){
	.main .sec3 .size {padding: 0 0 0 20px;}
	.main .sec3 .inner {height: auto; padding-left: 60px; text-align: center;}
	.main .sec3 .intro_slide {height: 630px;}
	.main .sec3 .txt {float: none; margin-top: 60px; width: 100%; height: auto;}
	.main .sec3 .txt em .inb {display: block;}
	.main .sec3 .txt span {margin-top: 25px; line-height: 1.5;}
	.main .sec3 .txt span .dpb {display: block; margin-top: 0;}
	.main .sec3 .img {bottom: 0; float: none; width: 100%; height: auto; background-image: none;}
	.main .sec3 .img .mo {display: inline-block; width: 100%; max-width: 500px;}
	.main .sec3 .arr_box {left: 0; top: auto; bottom: 0;}
	.main .sec3 .num_list {left: 0; top: 0; margin-top: 0; height: 100%;}
	.main .sec3 .num_list ul {height: 100%;}
	.main .sec3 .num_list ul li a {text-align: center; font-size: 20px;}
	
	#sub .imageList .item:nth-child(odd){margin-top:60px;}
	#sub .imageList .item {width: 100%; max-width: 620px; margin:60px auto 0 auto; text-align: center;}
	#sub .imageList .item:first-chid{margin-top:0;}
	#sub .imageList .item .img{float:none; width:100%;}
	#sub .imageList .item .txtBox{float:none; width:100%;}
	#sub .imageList .item:nth-child(even) .img{margin-top:0;}
	#sub .imageList .item:nth-child(odd) .txtBox{padding-left:0;}
	#sub .imageList .item:nth-child(even) .txtBox{padding-right:0; text-align:center;}
	#sub .imageList .item .txtBox .txt{margin-top:20px;}

	#sub .banTypeA{padding:0 40px;}
    #sub.ad2 .section1 .img-knowhow{
        width: 60%;
        height: 280px;
    }
   

}

@media (max-width: 960px){
	.header .logo {left: 40px;}
	.header .menu_btn {right: 20px;}
	.header .menu_btn .ico1 {display: none;}
	.header .menu_btn .ico2 {display: inline-block;}


	.main .sec1 .arr_box {display: none;}
	.main .sec1 .txt {padding-left: 3%;}
	.main .sec1 .inner {padding: 0 20px 30px 20px;}
	.main .sec1 .visual_slide {border-radius: 0 0 100px 100px;}
	.main .sec1 .scroll_down {bottom: 15px; padding-top: 14px; width: 180px; margin-left: -90px;}
	.main .sec1 .scroll_down:before {left: 50%; margin-left: -85px; width: 170px; height: 24px; background-size: cover;}
	.main .sec1 .scroll_down:after {height: 14px;}
	.main .sec1 .scroll_down span {position: relative; margin-top: 0; font-size: 14px; z-index: 1;}

	.quickMenu {bottom: 25px; right: 15px;}
	.quickMenu > ul {bottom: 190px; margin-left: -40px;}
	.quickMenu > ul > li > a {width: 80px; height: 80px;}
	.quickMenu > ul > li > a em {font-size: 15px;}	
	
	.main .sec6 .size {padding: 140px 20px 60px;}
	.main .contact a.inq_close{top:30px;}
	.main .contact a.inq_close_pc{display:none;}
	.main .contact a.inq_close_mo{display:inline-block;}
	.main .sec6 #mapBox {position: static;}

	.contact {padding: 30px 20px;}
	.contact table, .contact table tbody, .contact table tr, .contact table tr th, .contact table tr td {display: block; width: 100%;}
	.contact table tr {border-top: 0;}
	.contact table tr th {text-indent: 0; border-top: 1px solid #eee; font-size: 16px; color: #333;}
	.contact table tr td {padding-top: 0;}

	.sub_visual {padding: 0 20px;}
	.sub_visual .bg {border-radius: 0 0 30px 30px;}
	.sub_lnb {display: none;}
	.mo_nav {display: block;}
	
	.slideTypeA .img img{max-width:none;}

	#sub .title em span.inb{display:block;}
	#sub .listTypeA ul.li4 li{width:49%;}
	#sub .listTypeA ul.li4 li .txt b.inb{display:block;}
	#sub .listTypeA ul.li5 li{width:49%;}

	#sub .listTypeB ul li{width:48.5%;}
	#sub .listTypeB ul li span b.inb{display:block;}


	#company .cont1{padding:75px 20px 100px 20px;}
	#company .cont2 .txt p em.dpb{display:inline-block;}
	
	#history .cont{padding:30px 0 70px;}
	#history .cont .txtBox .img{float:none; width:100%;}
	#history .cont .txtBox .img .back_img{max-width:none;}
	#history .cont .txtBox .detail{float:none; width:100%; margin-top:-45px;}
	#history .cont .yearBtn {display: none;}
	#history .cont .yearSelect {display: block;}

	#partner .cont ul li {width: calc(33.3333% - 20px); width: -webkit-calc(33.3333% - 20px); width: -moz-calc(33.3333% - 20px);}
	
	#operation .cont2 .title i{margin-top:20px;}
	#operation .cont2 .title i b.inb{display:block;}		
	
	#solution .item .listTypeA.topImg{padding-top:0;}
	#solution .item .listTypeA.topImg ul{width:100%; margin-left:0; max-width:540px; margin:0 auto;}
	#solution .item .listTypeA.topImg ul li{float:none; margin-left:0; width:100%; margin-top:135px; padding:80px 14% 0 14%;}
	
	#sub.business .listTypeA ul.li3{width:100%; margin-left:0; max-width:640px; margin:-20px auto 0 auto;}
	#sub.business .listTypeA ul.li3 li{float:none; width:100%; margin-left:0; margin-top:20px;}
	#sub.business .listTypeA ul.li3 li .txt i.inb{display:block;}
	
	#sub .graphArea strong{font-size:32px;}
	#sub .graphArea ul > li > ol > li{padding-left:0; text-align:center;}
	#sub .graphArea ul > li > ol > li > em{display:inline-block;}
	#sub .graphArea ul > li > ol > li span{display:inline-block;}
	#sub .graphArea ul > li > ol > li i.inb{display:block;}

	#sub.business .sec5 .imgBox {background:none; padding-bottom:0;}
	#sub.business .sec5 .imgBox .size{padding:0;}
	#sub.business .sec5 .imgBox .img_pc{display:none}
	#sub.business .sec5 .imgBox .img_ta{display:block;}
	
	#sub.business .sec3 .graphArea .size{max-width:452px;}
	#sub.business .sec3 .graphArea ul > li.li2.bd_r:after{display:block;}	
	#sub.business .sec3 .graphArea ul > li.li3.bd_l:after{display:block;}
	#sub.business .sec3 .graphArea ul > li.li6.bd_r:after{display:block;}
	#sub.business .sec3 .graphArea ul > li.li7.bd_l:after{display:block;}

	#sub.business .sec4 .graphArea .size{max-width:512px;}
	#sub.business .sec4 .graphArea ul > li{margin-left:25px;}
	#sub.business .sec4 .graphArea ul > li > ol:before{left:-12.5px;}
	#sub.business .sec4 .graphArea ul > li.li3 > ol:before{display:none;}
	#sub.business .sec4 .graphArea ul > li .txt:before{width:25px; left:-25px;}		
	#sub.business .sec4 .graphArea ul > li.bd_l:after{display:block;}
	#sub.business .sec4 .graphArea ul > li.bd_r:after{display:block;}

	/* AD */
    #sub.ad .section5 .slide-contain{
        display: block;
    }
	#sub.ad .section5 .bt-more{
		margin: 0 auto;
		margin-top: 20px;
	}
    #sub.ad .section5 .text-wrap{
        width: 100%;
        text-align: center;
    }
    #sub.ad .section5 .zone{
        width: 100%;
        margin-top: 40px;
    }
    #sub.ad .section2 .expert-keyword li{
        font-size: 20px;
    }
    #sub.ad .section3 .cnt-flex .title,
    #sub.ad2 .section4 .cnt-flex .title{
        width: 30%;
    }
    #sub.ad .section3 ul,
    #sub.ad2 .section4 ul{
        width: 70%;
    }
    #sub.ad .section3 h4,
    #sub.ad2 .section4 h4{
        font-size: 34px;
    }
    #sub.ad .section3 ul li i.ico
    #sub.ad2 .section4 ul li i.ico{
        width: 60px;
        height: 60px;
    }
    #sub.ad .section2 ul.expert-keyword{
        gap: 20px ;
        justify-content: center;
    }
    #sub.ad .section6 ul.ul-customer,
    #sub.ad2 .section5 ul.ul-customer{
        grid-template-columns: repeat(6, 80px);
    }
    #sub.ad .section8 dl,
    #sub.ad2 .section6 dl{
        margin-top: 20px;
    }
    .fixed-hashtag{
        width: calc(100% - 40px);
        margin: auto;
        margin-top: 20px;
    }
    #sub.ad2 .section1 ul.flex-wrap{
        flex-wrap: wrap;
        position: relative;
    }
    #sub.ad2 .section1 ul.flex-wrap li{
        width: calc(50% - 80px);
        padding: 20px;
        padding-left: 40px;
    }
    #sub.ad2 .section1 ul.flex-wrap::before{
        content: '';
        display: inline-block;
        width: 1px;
        height: calc(100% - 60px);
        background-color: #fff;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    #sub.ad2 .section1 ul.flex-wrap::after{
        content: '';
        display: inline-block;
        height: 1px;
        width: calc(100% - 60px);
        background-color: #fff;
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
    #sub.ad2 .section1 .img-knowhow{
        width: 90%;
    }
    #sub.ad2 .section1 .ul-balloon{
        height: 160px;
        width: 100%;
		font-size: 16px;
    }
    #sub.ad2 .section1 .ul-balloon li{
        width: fit-content;
        white-space: nowrap;
		padding: .3rem 1.2rem;
    }
    #sub.ad2 .section1 .ul-balloon li:nth-of-type(1){
        top: 0;
        left: 20px;
    }
    #sub.ad2 .section1 .ul-balloon li:nth-of-type(2){
        top: 55px;
        left: auto;
        right: 20px;
    }
    #sub.ad2 .section1 .ul-balloon li:nth-of-type(3){
        top: 110px;
        left: 50%;
        transform: translateX(-50%);
    }
	#sub.ad2 .section1 .ul-balloon li:nth-of-type(1)::after{
		bottom: -10px; 
		right: 10%;   
		border-width: 12px 8px 0 8px; 
	}
	#sub.ad2 .section1 .ul-balloon li:nth-of-type(2)::after{
		right: auto;   
		left: 50%;
		bottom: -10px; 
		transform: translateX(-50%);
		border-width: 12px 8px 0 8px;
	}
	#sub.ad2 .section1 .ul-balloon li:nth-of-type(3)::after{
		bottom: -10px; 
		left: 25%;  
		border-width: 12px 8px 0 8px;
	}
	.fixed-hashtag{
		width: calc(100% - 80px);
		margin: 0 40px;
		margin-top: 40px;
	}
}
@media (max-width: 935px){
	.slideTypeA .arr_box{width:120px; left:auto; right:0; bottom:-10px; margin-left:0;}
    /* AD */
    #sub.ad .section8 section,
    #sub.ad2 .section6 section {
        flex-wrap: wrap;
        gap: 20px;
    }

    #sub.ad .section8 article,
    #sub.ad2 .section6 article {
        width: calc(50% - 10px);
    }

    #sub.ad .section8 article p:first-of-type::before,
    #sub.ad2 .section6 article p:first-of-type::before {
        display: none;
    }

    #sub.ad .section9 section,
    #sub.ad2 .section7 section{
        flex-wrap: wrap;
        gap: 20px 0;
    }
    #sub.ad .section9 section article,
    #sub.ad2 .section7 section article{
        width: 100%;
    }
    #sub.ad .section9::before,
    #sub.ad2 .section7::before{
        top: 0;
    }
	#sub.ad2 .section8{
		margin-top: 0;
		padding: 80px 0;
	}
    /* 모바일용 show */
    .fixed-inquiry h3,
    .fixed-inquiry2 h3{
        /* contact us */
        display: none;
    }
    .fixed-inquiry .mobile-txt,
    .fixed-inquiry2 .mobile-txt{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fixed-inquiry .mobile-txt h4,
    .fixed-inquiry2 .mobile-txt h4{
        font-size: 20px;
        color: #fff;
        font-weight: 500;
    }
    .fixed-inquiry .mobile-txt h4 span,
    .fixed-inquiry2 .mobile-txt h4 span{
        color: #eaff02;
        position: relative;
    }
    .fixed-inquiry .mobile-txt h4 span::before,
    .fixed-inquiry2 .mobile-txt h4 span::before{
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background-color: #eaff02;
        position: absolute;
        bottom: calc(100% - 6px);
        left: 50%;
        transform: translateX(-50%);
    }
    .fixed-inquiry .mobile-txt .show-form,
    .fixed-inquiry2 .mobile-txt .show-form{
        background-color: #222;   
        color: #fff;
        padding: .37rem 1.5rem;
        display: block;
        border-radius: 1.2rem;
        text-align: center;
        height: fit-content;
    }
	.fixed-inquiry .submit-flex,
    .fixed-inquiry2 .submit-flex{
		display: none;
	}
    .fixed-inquiry .flex-wrap,
    .fixed-inquiry2 .flex-wrap{
        flex-wrap: wrap;
        gap: 10px 0;
    }
    .fixed-inquiry .flex-wrap li{
        width: 100% !important;
    }
    .fixed-inquiry .flex-wrap button[type=submit]{
        height: 40px;
        margin: 0 auto;
        width: 100%;
        
    }
    .fixed-inquiry .submit-flex.active{
        display: flex;
        margin-top: 10px;
    }
    /* 변경 */
    .fixed-inquiry2 br{
        display: block;
    }
    #sub.ad2 .section2 .zone{
        min-height: 0;
        width: 100%;
    }
   
}
@media (max-width: 768px){
	.main .sec1 .txt b {position: relative; margin-bottom: 15px; font-size: 18px;}
	/* .main .sec1 .txt b:after {content: ''; position: absolute; bottom: -20px; left: 0; display: block; width: 5px; height: 5px; border-radius: 5px; background: #fff;} */
	.main .sec1 .txt b span {display: block; margin-top: 10px; padding-left: 0;}
	.main .sec1 .txt b span:first-child {margin-top: 0;}
	.main .sec1 .txt b span:before {display: none;}
	.main .sec1 .txt em,.main .sec1 .txt em.fz-70px {font-size: 40px;}
	.main .sec1 .txt em.eng {font-size: 45px; letter-spacing: -3px;}
	.main .sec1 .txt em .inb {display: block;}

	.main .title strong {font-size: 40px;}
	.main .title strong span {font-size: 26px;}
	.main .title i {letter-spacing: 10px;}
	
	.main .sec2 .size {padding: 120px 20px;}
	.main .sec2 .cont {margin-top: 30px;}
	.main .sec2 .cont ul {width: 100%; margin-left: 0;}
	.main .sec2 .cont ul li {position: relative; width: 100%; height: 180px; margin-left: 0; text-align: left;}
	.main .sec2 .cont ul li .ico {float: left; width: 70px; height: auto; line-height: 1;}
	.main .sec2 .cont ul li .ico img {display: inline-block; width: 50px}
	.main .sec2 .cont ul li .box {float: left; width: calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); box-sizing: border-box;}
	.main .sec2 .cont ul li em {margin-top: 0;}
	.main .sec2 .cont ul li span.txt {margin-top: 5px;}
	.main .sec2 .cont ul li span.button {display: none;}
	.main .sec2 .cont ul li:hover {transform: translateY(0);}


	.main .sec4 .cont {margin-top: 20px;}
	.main .sec4 .title a {line-height: 30px;}
	.main .sec4 .title a img {display: inline-block; width: 25px;}
	.main .sec4 .culture {padding: 70px 20px 50px;}
	.main .sec4 .notice {padding: 50px 20px;}
	
	.main .sec5 .size {padding: 120px 20px;}
	.main .sec5 .title strong {font-size: 40px;}
	.main .sec5 .cont ul{width:calc(100% + 15px); margin-left:-15px; margin-top:-15px;}
	.main .sec5 .cont ul li {width: calc(50% - 15px); margin-left: 15px; margin-top: 15px;}
	.main .sec5 .btn_box {margin-top: 30px;}
	
	.main .sec6 .size {padding: 90px 20px 50px;}
	.main .sec6 .title strong {font-size: 40px; line-height: 1.3;}
	.main .sec6 .title strong span {margin-bottom: 5px; font-size: 22px;}
	.main .sec6 .title strong .inb {display: block;}

	.contact .btn_box {padding: 80px 0 40px;}
	.contact .btn_box .check_box {text-align: left;}
	.contact .btn_box .goInquiry {top: auto; bottom: 0; left: 50%; right: auto; margin-left: -54px;}
	.check_box label {font-size: 13px;}
	
	.footer .mid .logo img {display: inline-block; width: 180px;}
	.footer .mid .addr p span i.inb{display:block;}
	.footer .mid .addr p:first-child span:first-child {width: 100%;}
	.footer .mid .addr p:first-child span.pic:before {display: none;}

	.sub_visual .bg {height: 300px;}
	.sub_visual h2 {font-size: 42px;}
	.sub_visual .navi {margin-top: 10px;}
	.sub_visual .navi a {font-size: 14px;}

	.slideTypeA .img img{margin-left:-145px;}
	
	
	#sub .ADlist .section:nth-child(odd) .banTypeA{padding:0 0 0 20px;}
	#sub .ADlist .section:nth-child(odd) .banTypeA .cont{height:300px; padding:60px 40px; box-sizing:border-box; border-radius:50px 0 0 50px; text-align:left;}
	#sub .ADlist .section:nth-child(even) .banTypeA{padding:0 20px 0 0;}
	#sub .ADlist .section:nth-child(even) .banTypeA .cont{height:300px; padding:60px 40px; box-sizing:border-box; border-radius:0 50px 50px 0; text-align:right;}
	#sub .banTypeA .cont p span:after{display:none;}
	#sub .banTypeA .cont p i.inb{display:block;}

	#map .address .left em{line-height:30px;}
	#map .address .left span{padding-left:5px; box-sizing:border-box; line-height:30px;}
	#map .address .left span b.inb{display:block;}
	#map .address .right a{padding-left:5px; box-sizing:border-box;}
	
	#operation .cont3 .listTypeA ul.li3{width:100%; margin-left:0; max-width:355px; margin:-3% auto 0 auto; text-align:left;}
	#operation .cont3 .listTypeA ul.li3 li{display:block; margin-left:0; width:100%; height:110px; padding-left:40px; text-align:left;}	
	#operation .cont3 .listTypeA ul.li3 li .ico{vertical-align:middle;}
	#operation .cont3 .listTypeA ul.li3 li em{display:inline-block; vertical-align:middle; margin-top:0; padding-left:25px; box-sizing:border-box;}
	
	#sub.business .sec1 .graphArea .size{max-width:452px;}	
	#sub.business .sec1 .graphArea ul > li.li2.bd_r:after{display:block;}
	#sub.business .sec1 .graphArea ul > li.li3.bd_r:after{right:auto; left:-215px;}
	#sub.business .sec1 .graphArea ul > li.li4.bd_l:after{left:auto; right:-215px;}	
	#sub.business .sec1 .graphArea ul > li.li5.bd_l:after{display:block;}

	#sub.business .sec2 .graphArea .size{max-width:452px;}
	#sub.business .sec2 .graphArea ul > li.li2.bd_r:after{display:block;}
	#sub.business .sec2 .graphArea ul > li.li3.bd_r:after{left:-215px; right:auto;}
	#sub.business .sec2 .graphArea ul > li.li4.bd_l:after{left:auto; right:-215px;}
	#sub.business .sec2 .graphArea ul > li.li5.bd_l:after{display:block;}	
	
	#sub.welfare .cont1 .img{margin-top:45px;}
	#sub.welfare .cont1 .img.img_pc{display:none;}
	#sub.welfare .cont1 .img.img_mo{display:block;}	
	#sub.welfare .cont1 .listTypeA ul li{width:49%}
	#sub.welfare .cont2{padding:60px 0 50px;}
	#sub.welfare .cont3 .img.img_pc{display:none;}
	#sub.welfare .cont3 .img.img_mo{display:block;}	
	#sub .listTypeC ul{width:102%; margin-left:-2%; margin-top:-2%;}
	#sub .listTypeC ul li{width:48%; margin-left:2%; margin-top:2%;}
	#sub .listTypeC ul li:nth-child(odd){background-color:rgba(0,0,0,.15);}

	
	#sub.employ .cont3 .listTypeA ul {width:100%; max-width:600px; margin:0 auto; margin-left:0;}
	#sub.employ .cont3 .listTypeA ul li {float:none; width:100%; margin-top:20px; margin-left:0;}
	#sub.employ .cont3 .listTypeA ul li:first-child{margin-top:0;}
	
	#sub.inquiry .info ul{width:100%; max-width:330px; margin:30px auto 0 auto;}
	#sub.inquiry .info ul li{float:none; width:100%; margin-top:30px;}
	#sub.inquiry .info ul li:first-child{margin-top:0;}
	#sub.inquiry .info ul li.li1{background-position:0 3px; padding-left:60px;}
	#sub.inquiry .info ul li.li2{background-position:0 3px; padding-left:60px;}
	#sub.inquiry .info ul li.li2:before{display:none;}


	#sub.employ .cont3 .listTypeA ul li{padding:0 30px;}
	
	.recruit .bbs .list tbody td.title{margin-top:5px;}
	.recruit .bbs .list tbody td span{display:inline-block; width:100%; max-width:45px;}
	.recruit .bbs .list tbody td em{display:inline-block; margin-left:-7px;}
	.recruit .bbs .list tbody td span.s_cont{max-width:200px; padding-left:5px; box-sizing:border-box;}

	#sub .bbs .view .title ul li{padding:0 15px;}

	#sub .recruit {padding: 40px 0 80px;}
    /* AD */
    #sub.ad .section3 .cnt-flex,
    #sub.ad2 .section4 .cnt-flex {
        display: block;
    }

    #sub.ad .section3 .cnt-flex .title,
    #sub.ad2 .section4 .cnt-flex .title {
        position: static;
        width: 100%;
    }

    #sub.ad .section3 h4,
    #sub.ad2 .section4 h4 {
        font-size: 30px;
    }

    #sub.ad .section3 h4 br,
    #sub.ad2 .section4 h4 br {
        display: none;
    }

    #sub.ad .section3 h4 + p,
    #sub.ad2 .section4 h4 + p {
        margin-top: 10px;
    }

    #sub.ad .section3 ul,
    #sub.ad2 .section4 ul {
        width: 100%;
        margin-top: 20px;
    }

    #sub.ad .section3 ul li,
    #sub.ad2 .section4 ul li {
        border: 1px solid #ddd;
        border-radius: 0.37rem;
    }
    #sub.ad .section4 .form-container,
    #sub.ad2 .section8 .form-container {
        display: block;
    }

    #sub.ad .section4 .title,
    #sub.ad2 .section8 .title {
        width: 100%;
        position: relative;
        padding-bottom: 20px;
    }

    #sub.ad .section4 .dl-wrap,
    #sub.ad2 .section8 .dl-wrap {
        display: flex;
        width: 100%;
        margin-top: 10px;
    }

    #sub.ad .section4 .title::before,
    #sub.ad2 .section8 .title::before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        background: linear-gradient(to right, #f15b28, #ffac2f);
    }

    #sub.ad .section4 .title dl,
    #sub.ad2 .section8 .title dl {
        border-top: 0 !important;
    }

    #sub.ad .section4 .title h4,
    #sub.ad .section4 .title h5,
    #sub.ad2 .section5 .title h4,
    #sub.ad2 .section5 .title h5,
    #sub.ad2 .section8 .title h4,
    #sub.ad2 .section8 .title h5 {
        text-align: center;
    }

    #sub.ad .section4 form,
    #sub.ad2 .section8 form {
        all: unset;
        display: inline-block;
        margin-top: 40px;
    }

    #sub.ad .section4 .form-wrap,
    #sub.ad2 .section8 .form-wrap {
        width: 90%;
        margin: 0 auto;
    }


    #sub.ad .section7 .flex-wrap{
        display: block;
    }
    #sub.ad .section7 .title,
    #sub.ad .section7 .ul-partner{
        width: 100%;
    }
    #sub.ad .section7 .ul-partner{
        margin-top: 20px;
        grid-template-columns: repeat(3, 1fr);
    }
    #sub.ad .section7 .ul-partner li{
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #sub.ad .section7 .ul-partner li img{
        display: block;
        width: 80%;
    }
    #sub.ad .section1 ul.flex-wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    #sub.ad .section1 ul.flex-wrap li{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;     
        width: calc(50% - 10px);
        border-radius: .5rem; 
    }
    #sub.ad .section1 ul.flex-wrap li h6,
    #sub.ad .section1 ul.flex-wrap li p{
        width: 100%;
    }
    #sub.ad .section1 ul.flex-wrap li p{
        font-size: 20px;
    }
    #sub.ad2 .section1 .section-title{
        font-size: 24px;
        line-height: 2.5rem;
    }
    #sub.ad2 .section2 .ft45{
        font-size: 36px !important;
    }
}

@media (max-width: 640px){
    .main .sec1 .btn-container{ margin-top: 60px;}
    .main .sec1 .btn-container .btn-flex{ flex-wrap: wrap; gap: 20px; justify-content: center; padding-right: 20px;}
	.main .sec1 .btn-container .btn-flex li{width: calc(40% - 10px); }
    .main .sec1 .btn-container p{font-size: 16px; width: calc(80% - 20px); margin: 0 auto;}

	.main .sec4 .culture ul li{width:49%;}
	.main .sec4 .culture ul li:last-child {display: none;}
	
	.slideTypeA{margin-top:40px;}	
	.slideTypeA .arr_box{width:80px; border-radius:5px 0 15px 0;}
	.slideTypeA .arr_box .slide_prev{width:40px; height:40px; background-image:url('/img/slide_prev2.png');}
	.slideTypeA .arr_box .slide_next{width:40px; height:40px; background-image:url('/img/slide_next2.png');}

	#sub .title em{margin-top:20px; font-size:34px;}
	#sub .sub_tit i{font-size:34px;}
	#sub .sub_tit strong{font-size:34px;}
	#sub .listTypeA ul.li4 li .txt b.inb{display:inline-block;}
	#sub .listTypeA ul.li4 li .txt i.inb{display:block;}

	#sub .stepList{margin-top:40px;}
	#sub .stepList ul{max-width:300px; margin-top:0;}
	#sub .stepList ul li{float:none; width:100%; margin-left:0; margin-top:15px;}
	#sub .stepList ul li:first-child{margin-top:0;}

	#sub .banTypeA{margin-top:40px;}	
	#sub .banTypeA .cont p i.dpb{display:inline-block;}
	#sub .banTypeA .cont p i.inb{display:inline-block;}
	
	#sub.business .sec1{padding:50px 0 100px;}
	#sub.business .sec2{padding:50px 0;}
	#sub.business .sec3{padding:50px 0;}
	#sub.business .sec4{padding:50px 0;}
	#sub.business .sec5{padding-top:50px;}

	#company .cont1{padding:40px 20px;}
	#company .cont1:after{height:295px;}
	#company .cont2{padding:40px 0 75px 0;}
	#company .cont2 .txtBox{margin-top:35px;}
	#company .cont2 .title em{font-size:30px; line-height:36px;}
		

	#vision .img.img_pc{display:none;}
	#vision .img.img_mo{display:block; margin-top:40px;}
	#vision .cont2{padding:40px 0 90px;}
	#vision .cont .tit em{font-size:30px;}
	#vision .cont .tit span{font-size:30px;}
	#vision .cont .listTypeA ul{width:100%; margin-left:0; max-width:320px; margin:-3% auto 0 auto;}
	#vision .cont .listTypeA ul li{float:none; margin-left:0; width:100%; height:110px;}	
	#vision .cont .listTypeA ul li .ico{vertical-align:middle;}
	#vision .cont .listTypeA ul li em{display:inline-block; vertical-align:middle; margin-top:0; padding-left:25px; box-sizing:border-box;}
	#vision .cont3{padding:40px 0 70px;}

	#history .title{padding:55px 0 100px;}
	#history .cont{padding:30px 0;}
	#history .cont .yearBtn li{max-width:105px;}
	#history .cont .yearBtn li a{font-size:16px;}
	#history .cont .txtBox .detail{margin-top:-33px;}
	#history .cont .txtBox .detail em{font-size:70px;}

	#partner{padding:70px 0;}
	#partner .cont{margin-top:40px;}
	#partner .cont ul{margin-left:-10px; margin-top:10px;}
	#partner .cont ul li{width: calc(33.3333% - 10px); width: -webkit-calc(33.3333% - 10px); width: -moz-calc(33.3333% - 10px); height:70px; margin-left:10px; margin-top:10px;}
	#partner .cont ul li img{max-width:45%;}

	#map{padding:50px 0 80px;}
	#map .mapWrap{margin-top:50px;}
	#map .address .left span{font-size:18px; line-height:27px;}

	#operation .cont1{padding-top:40px;}
	#operation .cont1 .inner > p em.dpb{display:inline-block;}
	#operation .cont2{padding:70px 0 90px;}
	#operation .cont2 .title strong{font-size:30px;}
	#operation .cont2 .title strong span{display:block;}
	#operation .cont2 .title strong i{font-size:30px;}
	#operation .cont3 .title em{font-size:30px;}
	
	#solution{padding:70px 0 0 0;}
	#solution .itemList{margin-top:50px;}
	#solution .item{padding-bottom:50px;}
	#solution .item .img span{font-size:60px;}
	#solution .item .cont .txt span i.dpb{display:inline-block;}
	#solution .item .cont .txt span b.inb{display:block;}

	#guide{padding:70px 0 90px;}

	#sub.business .listTypeA ul.li3{max-width:400px;}
	#sub.business .listTypeA ul.li3 li{padding:0 55px;}
	#sub.business .listTypeA ul.li3 li .txt i.inb{display:inline-block;}

	#sub .sec2 .listTypeA ul.li3{max-width:400px;}
	#sub .sec2 .listTypeA ul.li3 li{padding:0 50px;}
	#sub .sec2 .listTypeA ul.li3 li .txt i.inb{display:inline-block;}

	#sub.culture .cont1{padding:50px 0 80px;}
	
	#sub.employ .cont1{background-size:300px;  padding:50px 0 160px;}
	#sub.employ .title > b span.inb{display:block;}
	#sub.employ .title > span span.dpb{display:inline-block;}

	#sub.employ .cont2{padding:50px 0 80px;}
	#sub.employ .cont3{padding:50px 0 80px;}

	#sub.inquiry .title{padding:50px 20px 60px 20px;}

	#sub.terms .size{padding:50px 20px 80px 20px;}
	
	#sub .bbs .view .title ul{padding-left:20px;}
	#sub .bbs .view .title ul li{display:block; text-align:left; padding-left:20px;}
	#sub .bbs .view .title ul li:first-child{padding-left:20px;}	
	#sub .bbs .view .title ul li:first-child:before{display:block;}
    #sub.ad .section .inner .img-knowhow+p {
        line-height: 3.5rem;
        margin-top: 20px;
    }
	#sub.ad .section .inner .img-knowhow+p i{
        display: block;
    }
    #sub.ad .section .inner .img-knowhow{
        width: 80%;
    }
    #sub.ad .section2 .expert-keyword li{
        width: calc(50% - 10px);
    }
    #sub.ad .section6 ul.ul-customer,
    #sub.ad2 .section5 ul.ul-customer{
        grid-template-columns: repeat(4, 80px);
        gap: 30px;
    }
    #sub.ad .section5 .swiper-slide img{
        display: block;
        width: 95%;
        margin: 0 auto;
        height: auto;
    }
    #sub.ad .section5 .swiper-slide {
        height: auto;
        padding-bottom: 20px;

    }
    #sub.ad .section2 h4, #sub.ad .section4 h4, #sub.ad2 .section8 h4, #sub.ad .section6 h4, #sub.ad2 .section5 h4, #sub.ad .section8 h4, #sub.ad2 .section6 h4{
        font-size: 24px;
    }
    #sub.ad .section2 h4 .media-point{
        font-size: 32px;
    }
    #sub.ad .section8 .size,
    #sub.ad2 .section6 .size {
        /* padding: 0; */
    }

    #sub.ad .section8 article,
    #sub.ad2 .section6 article {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 40px;
    }

    #sub.ad .section8 article:nth-of-type(2n),
    #sub.ad2 .section6 article:nth-of-type(2n) {
        flex-direction: row-reverse;
    }

    #sub.ad .section8 article div,
    #sub.ad2 .section6 article div {
        width: 50%;
    }

    #sub.ad .section8 article p,
    #sub.ad2 .section6 article p {
        width: 35%;
        position: relative;
    }

    #sub.ad .section8 article p::after,
    #sub.ad2 .section6 article p::after {
        content: '';
        display: inline-block;
        width: calc(10000% / 35);
        height: 1px;
        background-color: #fd6c06;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1;
    }

    #sub.ad .section8 article:nth-of-type(2n) p::after,
    #sub.ad2 .section6 article:nth-of-type(2n) p::after {
        left: auto;
        right: 0;
    }

    #sub.ad .section8 article:nth-of-type(2n-1) > div:nth-of-type(2) dl,
    #sub.ad2 .section6 article:nth-of-type(2n-1) > div:nth-of-type(2) dl {
        text-align: left;
    }

    #sub.ad .section8 article:nth-of-type(2n) > div:nth-of-type(2) dl,
    #sub.ad2 .section6 article:nth-of-type(2n) > div:nth-of-type(2) dl {
        text-align: right;
        padding-top: 20px;
    }

    #sub.ad .section8 article:nth-of-type(2n-1) p,
    #sub.ad2 .section6 article:nth-of-type(2n-1) p {
        margin: 0;
    }

    #sub.ad .section8 article:nth-of-type(2n) div:nth-of-type(2),
    #sub.ad2 .section6 article:nth-of-type(2n) div:nth-of-type(2) {
        position: relative;
    }

    #sub.ad .section8 article:nth-of-type(2n) div:nth-of-type(2) p,
    #sub.ad2 .section6 article:nth-of-type(2n) div:nth-of-type(2) p {
        position: absolute;
        top: 0;
        right: 0;
    }

    #sub.ad .section9 section article,
    #sub.ad2 .section7 section article{
        width: 70%;
        margin: 0 auto;
    }
    #sub.ad2 .section1 .inner {
        word-break: keep-all;
    }
    #sub.ad2 .section1 .inner br{
        display: none;
    }
}

@media (max-width: 540px){
	.header {height: 60px;}
	.header .logo a {height: 60px; line-height: 55px;}
	.header .logo a img {width: 160px;}
	.header .menu_btn {width: 60px; height: 60px; line-height: 60px;}
	.header .menu_btn img {display: inline-block; width: 20px;}
	.header.fixed .logo a {height: 60px; line-height: 50px;}
	.header.am .logo a {height: 60px; line-height: 50px;}
	
	.main .sec1 .visual_slide {border-radius: 0 0 45px 45px;}
	.main .sec1 .txt {padding-left: 30px;}
	.main .sec1 .txt b {font-size: 12px;}
	.main .sec1 .txt em,.main .sec1 .txt em.fz-70px {font-size: 30px;}
	.main .sec1 .txt em.eng {font-size: 35px;}
	.main .sec1 .scroll_down span {font-size: 12px;}
	
	.quickMenu {right: 20px; bottom: 30px;}
	.quickMenu > a {width: 65px; height: 65px; line-height: 65px; font-size: 17px;}
	.quickMenu > a.top_btn{font-size:14px}
	.quickMenu > a.top_btn2{font-size:14px;}
	.quickMenu > ul {bottom: 215px; margin-left: -38px;}
	.quickMenu > ul > li > a {width: 70px; height: 70px;}
	.quickMenu > ul > li > a em {font-size: 14px;}

	.main .title strong {font-size: 30px;}
	.main .title strong span {font-size: 18px; margin-bottom: 4px;}
	.main .title i {font-size: 14px;}
    .main .sec1 .btn-container p{display: none;}
    .main .sec1 .btn-container .btn-flex li{
        width: 100%;
    }
    .main .sec1 .btn-container .btn-flex li a{
        display: block;
        width: 73%;
        height: auto;
        margin: 0 auto;
    }
    .main .sec1 .btn-container .btn-flex li a img{
        display: block;
        width: 100%;
    }
	.main .sec2 .size {padding: 90px 20px;}
	.main .sec2 .cont ul li {height: 165px;}
	.main .sec2 .cont ul li .ico {width: 55px;}
	.main .sec2 .cont ul li .ico img {width: 40px;}
	.main .sec2 .cont ul li .box {width: calc(100% - 55px); width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px);}
	.main .sec2 .cont ul li span.txt {font-size: 14px;}
	
	.main .sec3 .size {padding: 90px 0 90px 20px;}
	.main .sec3 .intro_slide {height: 540px;}
	.main .sec3 .inner {padding-right: 20px;}
	.main .sec3 .txt {text-align: left; padding-left: 40px; box-sizing: border-box;}
	.main .sec3 .txt i {font-size: 20px;}
	.main .sec3 .txt em {font-size: 30px;}
	.main .sec3 .txt em .inb {display: inline-block;}
	.main .sec3 .txt span {font-size: 16px;}
	.main .sec3 .txt span .dpb {display: inline-block;}
	.main .sec3 .txt .img img {min-width: 420px;}
 	.main .sec3 .num_list ul li a {height: 30px; line-height: 30px; margin: 10px 0; font-size: 15px;}

	.main .sec4 .notice ul li a {position: relative; padding: 20px 12px 20px 18px;}
	.main .sec4 .notice ul li a em {float: none; width: 100%;}
	.main .sec4 .notice ul li a em b {position: relative; top: -2px; height: 25px; line-height: normal; overflow:auto;}
	.main .sec4 .notice ul li a span {position: absolute; bottom: 18px; left: 72px; float: none; height: auto; line-height: normal; letter-spacing: 0; font-size: 12px; opacity: .6;}
	
	.main .sec5 .title strong {font-size: 28px;}
	.main .sec5 .size {padding: 90px 20px;}
	.main .sec5 .cont {margin-top: 30px;}
	.main .sec5 .cont ul{width:calc(100% + 10px); margin-left:-10px; margin-top:-10px;}
	.main .sec5 .cont ul li {width: calc(50% - 10px); margin-left: 10px; margin-top: 10px; height: 100px;}
	.main .sec5 .btn_box a {height: 55px; line-height: 55px; border-radius: 55px; font-size: 15;}
	.main .sec5 .cont ul li img {width: 100%; max-width: 100px;}
	
	.main .sec6 .size {padding: 90px 20px 40px;}
	.main .sec6 .title strong {font-size: 30px;}
	.main .sec6 .title strong span {font-size: 18px;}
	
	.contact {margin-top: 20px;}
	.contact .radio label {font-size: 14px;}
	/*.contact .radio.pic label {line-height: 1.2;}
	.contact .radio.pic label .inb {display: block;}*/
	.contact .btn_box {padding: 60px 0 40px;}
	.contact .btn_box .goInquiry {font-size: 15px;}
	.contact em.tit {font-size: 20px;}
	.contact input[type="text"], .contact input[type="tel"], .contact input[type="email"] {padding: 0 10px; font-size: 14px;}
	.contact input[type="text"]::placeholder {font-size: 14px;}
	.contact textarea {padding: 10px;}
	
	.main .sec3 .intro_slide {height: 460px;}
	.main .sec3 .txt {margin-top: 40px;}
	.main .sec3 .txt i {font-size: 17px;}
	.main .sec3 .txt {padding-left: 20px;}
	.main .sec3 .txt em {font-size: 24px;}
	.main .sec3 .txt span {font-size: 15px; margin-top: 15px;}
	.main .sec3 .num_list ul {padding: 20px 0;}
	.main .sec3 .arr_box .intro_prev {background-size: 16px;}
	.main .sec3 .arr_box .intro_next {background-size: 16px;}

	.sub_visual .bg {height: 240px;}
	.sub_visual h2 {font-size: 40px;}
	.mo_nav > a {height: 45px; line-height: 45px; font-size: 15px;}
	.mo_nav > ul {top: 45px;}
	.mo_nav > ul > li > a {height: 45px; line-height: 45px; font-size: 15px;}

	#sub .dot_disc b.inb{display:block;}
	
	#sub .listTypeB ul li{height:250px;}
	#sub .listTypeB ul li em{margin-top:60px;}
	#sub .listTypeB ul li span b.inb{display:inline-block;}


	.slideTypeA .img img{margin-left:-295px;}

	#operation .cont1 .detail li em{font-size:18px;}
	#operation .cont3 .title em{font-size:27px;}
	
	#solution .item .cont .txt span i.inb{display:block;}	
	#solution .item .listTypeA.topImg ul{max-width:335px;}
	#solution .item .listTypeA.topImg ul li{padding:65px 30px 0 30px;}

	#sub.business .listTypeA ul.li4{width:100%; margin:-20px auto 0 auto;}
	#sub.business .listTypeA ul.li4 li{float:none; width:100%; margin-top:20px; margin-left:0; padding:0 40px;}

	#sub .ADlist .section:nth-child(odd) .banTypeA .cont{ padding-right:32px;}
	#sub .ADlist .section:nth-child(even) .banTypeA .cont{padding-left:32px;}

	#sub .btnBox{margin-top:40px;}
	#sub .btnBox a{display:block; margin:20px auto 0 auto;}
	#sub .btnBox a:first-child{margin:0 auto;}

	#sub.inquiry input[type="submit"].btn1{max-width:220px; margin-top:15px;}

	.bbs .view{padding: 40px 0 90px;}

	.contact .inflow .right input[type="text"]{margin-top:5px;}
	
	.bbs .view .btnSet .listBtn.recruBtn {display: none;}
	.bbs .view .btmBtn {display: block;}

    /* AD */
    #sub.ad .section .inner .img-knowhow{
        width: 100%;
    }
    #sub.ad .section1 .lh3_5rem{
        line-height: 3rem !important;
    }
    #sub.ad .section1 .ft32,
    #sub.ad2 .section .ft32{
        font-size: 24px !important;
    }
    #sub.ad .section .ft45{
        font-size: 40px !important;
    }
    #sub.ad .section .ft45.color-orange{
        font-size: 32px !important;
    }
    #sub.ad .section1 ul.flex-wrap li{
        width: 100%;
        flex-direction: row-reverse;
        height: fit-content;
        padding: 10px 5px;
    }
    #sub.ad .section1 ul.flex-wrap li h6, #sub.ad .section1 ul.flex-wrap li p{
        width: 50%;
    }
    #sub.ad .section1 li h6 span{
        font-size: 40px;
    }
    #sub.ad .section5 .text-wrap{
        margin-top: 0;
        padding-top: 0;
    }
	#sub.ad2 .section1 .img-knowhow{
		height: 220px;
	}
    #sub.ad .section3 ul,
    #sub.ad2 .section4 ul {
        gap: 40px;
    }

    #sub.ad .section3 ul li,
    #sub.ad2 .section4 ul li {
        padding: 0;
        border: 0;
    }

    #sub.ad .section3 li h5,
    #sub.ad2 .section4 li h5 {
        font-size: 18px;
    }

    #sub.ad .section7 .ul-partner li{
        padding: 5px 0;
    }
	#sub.ad .section2 .keyword-wrap.coupang,
	#sub.ad .section2 .keyword-wrap.gmarket{
		width: 100%;
	}
    #sub.ad2 .section2 .ft28{
        font-size: 20px !important;
    }
    #sub.ad2 .section2 .ft45{
        font-size: 24px !important;
    }
	#sub.ad2 .section3 .logoSwiper1 li,
	#sub.ad2 .section3 .logoSwiper2 li{
        width: 100px;
        padding: 10px;
		margin-right: 0 !important;
    }
}
@media (max-width: 500px){
	
	#sub.business .sec1 .sub_tit span em.dpb{display:inline-block;}

}

@media (max-width: 480px){

	/*#sub .title em > b{display:inline-block;}*/
	
	#sub.business .sec5 .imgBox .img_ta{display:none;}
	#sub.business .sec5 .imgBox .img_mo{display:block;}
	
	#sub .bbs .view .title em{font-size:35px;}

	#sub .recuit{padding:50px 0 90px;}

	.main .sec6 #mapBox {height: 460px;}

}

@media (max-width: 465px){
	
	
	.footer .mid .addr p span b.inb{display:block;}
	
	#sub .title em{margin-top:10px; font-size:26px;}
	#sub .title > span{font-size:14px;}
	#sub .title > b{font-size:24px; line-height:30px;}

	#sub .sub_tit span b.inb{display:block;}
	
	#sub .listTypeA{margin-top:45px;}
	#sub .listTypeA ul li .ico{width:50px; height:50px; line-height:50px; border-radius:50px;}
	#sub .listTypeA ul li .ico img{max-width:48%;}
	#sub .listTypeA ul li.pac .ico img{max-width:34%;}

	#sub .dot_disc:before{top:9px;}

	#sub .stepList ul{max-width:245px;}
	#sub .stepList ul li .txt em{font-size:20px;}

	#sub .listTypeA ul li em{font-size:16px;}
	#sub .listTypeA ul li .txt{font-size:13px;}
	
	#sub .sub_tit i{font-size:26px;}
	#sub .sub_tit strong{font-size:26px;}
	#sub .sub_tit span{font-size:14px; margin-top:15px;}

	#sub .banTypeA .cont p i.dpb{}
	
	.slideTypeA .txt{height:230px;}
	.slideTypeA .txt em{font-size:20px; margin-top:-10px;}
	.slideTypeA .txt span{font-size:16px;}
	.slideTypeA .txt span b.inb{display:block;}

	#company .cont2 .title em{font-size:22px; line-height:32px;}
	#company .cont2 .txt p{font-size:16px;}
	#company .cont2 .txt i{font-size:20px;}
	#vision .cont1{padding:50px 0 100px;}
	#vision .cont .tit em{font-size:26px;}
	#vision .cont .tit span{font-size:24px;}
	#vision .cont .listTypeA ul li{height:95px;}
	#vision .cont .listTypeA ul li em{font-size:20px;}
	
	#history .cont .txtBox .detail{margin-top:-25px;}
	#history .cont .txtBox .detail em{font-size:52px;}
	#history .cont .txtBox .detail ul li{font-size:16px;}

	#partner .cont ul li{width:-webkit-calc(50% - 10px); width:-ms-calc(50% - 10px); width:-moz-calc(50% - 10px);}
	
	#map .mapWrap #mapBox{height:445px;}

	#map .address em{ font-size:20px;}
	#map .address .left span{ font-size:15px; }
	#map .address .right em{font-size:16px;}
	#map .address .right a, #map .address .right span{font-size:13px;}
	#map .address .right > span{padding-left:10px;}

	#operation .cont1 .inner > p{margin-top:25px; font-size:14px;}
	/*#operation .cont1 .detail li em{min-height:42px;}*/
	#operation .cont1 .detail li em b.inb{display:block;}
	#operation .cont1 .detail li span{font-size:13px;}

	#operation .cont2 .title strong{font-size:24px;}
	#operation .cont2 .title i{font-size:23px;}

	#operation .cont3{padding:65px 0;}
	#operation .cont3 .title em{font-size:22px;}
	#operation .cont3 .listTypeA ul.li3 li{height:95px;}
	#operation .cont3 .listTypeA ul li em{font-size:20px; padding-left:20px;}

	#solution{padding-top:45px;}
	#solution .item{margin-top:60px;}
	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:195px;}
	#solution .item .img i{font-size:12px;}
	#solution .item .img span{font-size:55px;}
	#solution .item .cont .txt em{font-size:30px;}
	#solution .item .cont .txt span{font-size:16px;}
	#solution .item .cont .txt ul li{font-size:14px;}
	#solution .dot_disc{padding-left:15px;}
	#solution .dot_disc:before{width:3px; height:3px; border-radius:3px; top:10px;}
	#solution .listTypeA ul li .ico img{max-width:70%;}
	#solution .item .cont .txt span i.inb{display:inline-block;}
	#solution .item .listTypeA ul li{height:220px;}
	#solution .item .listTypeA.topImg ul li span{font-size:14px;}
	#solution .item.item2 .listTypeA ul li{height:230px;}
	#sub .imageList .item .txtBox .num{margin-top:40px;}
	#sub .imageList .item .txtBox em{font-size:26px;}
	#sub .imageList .item .txtBox i{font-size:22px;}
	#sub .imageList .item .txtBox .txt{font-size:16px;}

	#sub .banTypeA .cont em{font-size:30px;}
	#sub .banTypeA .cont p{margin-top:10px; font-size:13px;}
	#sub .banTypeA .cont p span{display:contents;}
	
	#sub.business .listTypeA ul li{height:270px;}
	#sub.business .sec1 .listTypeA ul li, #sub.business .sec3 .listTypeA ul li{height:295px;}
	#sub.business .sec1 .graphArea .size{max-width:295px;}
	#sub .graphArea strong{font-size:26px;}
	#sub .graphArea ul{margin:0 auto; max-width:196px;}
	#sub .graphArea ul > li{float:none; margin-left:0;}
	#sub .graphArea ul > li .txt:before{width:1px; height:30px; top:-30px; left:50%; margin-left:-1px; margin-top:0;}
	#sub.business .graphArea ul > li.bd_l:after{display:none !important;}
	#sub.business .graphArea ul > li.bd_r:after{display:none !important;}
	#sub.business .sec4 .graphArea ul > li{margin-left:0; margin-top:50px;}
	#sub.business .sec4 .graphArea ul > li .txt:before{width:1px; left:50%; top:-40px;}
	#sub .graphArea ul > li > ol{padding-bottom:0; min-height:auto;;}
	#sub .graphArea ul > li > ol:before{display:none;}
	
	#sub .imageList .item:nth-child(odd){margin-top:45px;}
	#sub .imageList .item:nth-child(even){margin-top:45px;}
	
	#sub.welfare .cont1 .listTypeA ul li .ico img{max-width:78%;}
	#sub.welfare .cont1 .listTypeA ul li{height:170px;}
	#sub.welfare .cont1 .listTypeA ul li b{font-size:12px;}
	#sub.welfare .cont1 .listTypeA ul li i{font-size:120px;}
	#sub.welfare .cont2 .title em{font-size:25px;}
	#sub.welfare .cont3{padding:60px 0 80px;}
	#sub.welfare .cont3 .title em{font-size:25px;}
	
	#sub .listTypeB{margin-top:40px;}
	#sub .listTypeB ul{width:100%; margin-left:0; margin-top:0;}
	#sub .listTypeB ul li{ float:none; width:100%; height:170px; margin-left:0; margin-top:10px; padding:0 14%;}
	#sub .listTypeB ul li em{font-size:20px;}
	#sub .listTypeB ul li span{font-size:14px;}

	#sub .listTypeC ul li b{font-size:14px;}
	#sub .listTypeC ul li span{font-size:12px;}

	#sub.employ .stepList ul li .txt{margin-top:-45px;}
	
	#sub.employ .stepList2 ul li .ico{float:none; width:100%; max-width:none; text-align:center;}
	#sub.employ .stepList2 ul li .txt{float:none; width:100%; padding-right:0; margin-top:20px;}
	#sub.employ .stepList2 ul li .txt b{font-size:20px; text-align:center;}
	#sub.employ .stepList2 ul li .txt em{font-size:13px; text-align:center;}
	#sub.employ .stepList2 ul li .txt p{padding-left:15px;}
	#sub.employ .stepList2 ul li .txt span.dot_disc{font-size:13px;}
	#sub.employ .cont2 .stepList2{max-width:320px;}
	#sub.employ .cont3 .title em{font-size:26px;}
	#sub.employ .cont3 .listTypeA{margin-top:35px;}

	
	#sub.employ .cont3 .listTypeA ul li{padding:0 35px;}

	#sub .btnBox a{max-width:195px; height:55px; line-height:55px; font-size:16px;}

	#sub .bbs .view .title ul li{font-size:16px; padding-left:10px;}
	#sub .bbs .view .title ul li:before{top:11px;}
	#sub .bbs .view .title ul li:first-child{padding-left:10px;}

	.bbs .view .link dl dt.file{height:50px; line-height:50px;}
	.bbs .view .link dl dd{line-height:50px;}
	
	.bbs .list tbody td{font-size:14px;}

	.btnSet{margin-top:40px;}

	#sub.inquiry .contact em.tit{font-size:25px; line-height:33px;}
	.contact .radio label{font-size:12px;}
    #sub.ad2 .section1 .section-title{
        font-size: 22px;
    }
    #sub.ad2 .section1 .section-title i{
        display: block;
    }
    #sub.ad2 .section1 .section-title br{
    }

}

@media (max-width: 420px){
	.mo_menu .inner {max-width: 300px;}
	.mo_menu .mo_gnb > ul > li > a {height: 60px; line-height: 60px; font-size: 20px;}
	.mo_menu .mo_gnb > ul ul.mo_depth2 li a {height: 35px; line-height: 35px; font-size: 16px;}
	
	.main .sec1 .txt {padding-left: 20px;}
	.main .sec1 .txt em,.main .sec1 .txt em.fz-70px{font-size: 22px; line-height: 1.5;}
	.main .sec1 .txt em.eng {font-size: 28px; letter-spacing: -1px;}

	.main .sec3 .intro_slide {height: 430px;}

	
	#sub .bbs .view .title em{font-size:21px;}

	#map{padding:50px 0 60px;}
	
	#sub.culture .imageList .item .txtBox .txt b.dpb{display:inline-block;}
	#sub.employ .cont3 .listTypeA ul li .txt i.dpb{display:inline-block;}

	#sub.inquiry input[type="submit"].btn1{max-width:180px; margin-top:0;}
	#sub.inquiry .info > em{font-size:24px;}
	#sub.inquiry .info ul li{margin-top:15px;}
	#sub.inquiry .info ul li a, #sub.inquiry .info ul li b{font-size:20px;}
	#sub.inquiry .info ul li span{font-size:14px;}
	#sub.inquiry .info ul li.li1{min-height:48px;}
	
    /* AD */
    #sub.ad .section .ft45,
    #sub.ad .section .inner .img-knowhow+p{
        font-size: 36px !important;
        line-height: 3rem !important;
    }
    #sub.ad .section1 ul.flex-wrap li p{
        font-size: 18px;
    }
    #sub.ad .section2 h4, #sub.ad .section4 h4, #sub.ad2 .section8 h4, #sub.ad .section6 h4, #sub.ad2 .section5 h4, #sub.ad .section8 h4 , #sub.ad2 .section6 h4{
        font-size: 22px;
    }
	#sub.ad2 .section1 ul.flex-wrap::after{
		width: calc(100% - 40px);
		left: 20px;
	}
	#sub.ad2 .section1 ul.flex-wrap::before{
		height: calc(100% - 40px);
		top: 20px;
	}
	#sub.ad2 .section1 ul.flex-wrap li{
		padding: 10px;
		padding-left: 20px;
		width: calc(50% - 30px);
	}
	#sub.ad2 .section1 ul.flex-wrap p{
		font-size: 0.8rem;
	}
	#sub.ad2 .section1 .img-knowhow{
		height: 180px;
	}
	#sub.ad2 .section1 .number{
		font-size: 30px;
	}
    #sub.ad .section2 h4 .media-point,
    #sub.ad .section3 h4,
    #sub.ad2 .section4 h4{
        font-size: 28px;
    }
    #sub.ad .section4 .title dd,
    #sub.ad2 .section8 .title dd{
        font-size: 24px;
    }
    #sub.ad .section6 ul.ul-customer,
    #sub.ad2 .section5 ul.ul-customer{
        gap: 10px;
    }
    #sub.ad .section6 .ul-customer li,
    #sub.ad2 .section5 .ul-customer li{
        width: 65px;
        height: 65px;
    }
    #sub.ad .section9 section article,
    #sub.ad2 .section7 section article{
        width: 100%;
    }
    #sub.ad .section9 section article,
    #sub.ad2 .section7 section article{
        padding: 30px 30px 50px 30px;
    }
    #sub.ad .section .ft45, #sub.ad .section .inner .img-knowhow+p{
        font-size: 32px !important;
    }
	.fixed-inquiry .mobile-txt h4,
    .fixed-inquiry2 .mobile-txt h4{
		font-size: 18px;
	}
	.fixed-inquiry .mobile-txt h4 span::before,
    .fixed-inquiry2 .mobile-txt h4 span::before{
		bottom: 100%;
	}
	/* 여기 */
	.fixed-hashtag{
		width: calc(100% - 40px);
		margin: 0 20px;
		margin-top: 40px;
	}
    #sub.ad2 .fixed-hashtag h1{
        width: 100px;
    }
    #sub.ad2 .fixed-hashtag .bt-more{
        font-size: .7rem;
    }
    .fixed-inquiry2 .mobile-txt{
        gap: 0 20px;
        justify-content: space-between;
    }
	#sub.ad2 .section3 .logoSwiper2 ul{
		animation: scroll-right 5s linear infinite;
	}
	#sub.ad2 .section3 p.comment{
		font-size: 14px;
	}
}

@media (max-width: 365px){
	.main .title i {font-size: 12px;}
	.main .title strong{font-size:24px;}
	
	.main .sec2 .cont ul li .ico {width: 45px;}
	.main .sec2 .cont ul li .ico img {width: 35px;}
	.main .sec2 .cont ul li .box {width: calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px);} 
	.main .sec2 .cont ul li em {font-size: 18px;}
	.main .sec2 .cont ul li span.txt {font-size: 13px; line-height: 1.5;}

	.main .sec3 .txt i{font-size:13px;}
	.main .sec3 .txt em{font-size:20px;}
	.main .sec3 .txt span{font-size:13px;}
	
	.footer .mid .addr p span{display:block; padding:0;}
	.footer .mid .addr p span:before{display:none;}

	.contact .btn_box {padding: 90px 0 40px;}
	.contact .btn_box .check_box a {margin-top: 5px; margin-left: 0;}
	
	.sub_visual h2{font-size:30px;}
	.sub_visual .navi{margin-top:0;}

	#sub .listTypeA ul li em{font-size:14px;}
	#sub .listTypeA ul li .txt{font-size:12px;}


	#sub .listTypeA ul.li4 li{padding:0 7%;}
	#sub .stepList ul{max-width:215px;}
	#sub .stepList ul li .txt .ico img{max-width:25%;}
	#sub .stepList ul li .txt i{font-size:11px;}
	#sub .stepList ul li .txt em{font-size:17px;}

	#sub .imageList .item .txtBox em{font-size:23px; margin-top:20px;}
	#sub .imageList .item .txtBox i{font-size:20px;}
	#sub .imageList .item .txtBox .txt{font-size:13px; margin-top:15px;}

	#map .address .right > span{width:100%; padding-left:0;}

	

	.footer .top a {width: 130px;}
	.footer .btm .inb {display: inline-block;}
	
	#sub .title i{font-size:10px;}
	#sub .title em{font-size:21px; margin-top:20px;}
	#sub .title > b{font-size:21px;}
	#sub .title > span{font-size:12px;}
	#sub .sub_tit span{font-size:12px;}

	#sub .sub_tit i{font-size:21px;}
	#sub .sub_tit strong{font-size:21px;}

	#sub .listTypeA ul li .ico{width:40px; height:40px; line-height:40px; border-radius:40px;}

	.slideTypeA .txt em{font-size:17px;}
	.slideTypeA .txt span{font-size:14px;}

	#sub .banTypeA .cont em{font-size:22px;}
	#sub .banTypeA .cont p{font-size:13px;}
	
	#company .cont2{padding-bottom:45px;}
	#company .cont2 .title em{font-size:20px; line-height:28px;}
	#company .cont2 .txt p{font-size:13px;}
	#company .cont2 .txt i{font-size:17px; margin-top:15px;}

	#vision .cont .tit em{font-size:22px;}
	#vision .cont .tit span{font-size:20px;}
	#vision .cont .listTypeA ul li{height:85px;}
	#vision .cont .listTypeA ul li em{font-size:18px; padding-left:15px;}

	#history .cont .yearBtn li{max-width:80px;}
	#history .cont .yearBtn{top:-45px;}
	#history .cont .yearBtn li a{height:45px; font-size:13px; line-height:45px;}
	
	#history .cont .txtBox .detail{margin-top:-22px;}
	#history .cont .txtBox .detail em{font-size:47px;}
	#history .cont .txtBox .detail ul li{font-size:13px;}

	#operation .cont1 .detail li em{font-size:14px;}

	#operation .cont2 .title strong{font-size:20px;}
	#operation .cont2 .title i{font-size:20px;}
	#operation .cont3{padding:45px 0;}
	#operation .cont3 .title em{font-size:18px;}
	#operation .cont3 .listTypeA ul li em{font-size:17px;}
	#operation .cont3 .listTypeA ul.li3{max-width:235px;}
	#operation .cont3 .listTypeA ul.li3 li em{padding-left:15px;}
	#operation .cont3 .listTypeA ul.li3 li{padding-left:20px;}

	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:145px; padding:35px 25px;}
	#solution .item .cont .txt em{font-size:23px;}
	#solution .item .cont .txt span{font-size:13px;}
	#solution .item .cont .txt ul li{font-size:12px;}
	#solution .dot_disc:before{top:9px;}
	#solution .item:nth-child(odd) .cont, #solution .item:nth-child(even) .cont{margin-top:35px;}
	#solution .item .listTypeA ul{width:100%; margin-left:0;}
	#solution .item .listTypeA ul li{width:100%; height:185px; margin-left:0; display:block;}
	#solution .item .listTypeA ul li em{margin-top:10px;}
	#solution .item .listTypeA ul li .ico{height:45px; line-height:45px;}
	#solution .item.item3 .listTypeA ul li{height:160px;}
	
	#guide{padding:40px 0;}

	#sub .ADlist .section:nth-child(odd) .banTypeA .cont{height:245px; padding:20px 35px 20px 40px;}
	#sub .ADlist .section:nth-child(even) .banTypeA .cont{height:245px; padding:20px 35px 20px 40px;}
	#sub .graphArea strong{font-size:22px;}
	#sub .graphArea .txt span{font-size:15px;}
	
	#sub .graphArea ul > li > ol > li{margin-top:10px;}
	#sub .graphArea ul > li > ol > li > em{font-size:15px;}
	#sub .graphArea ul > li > ol > li span{font-size:14px;}	
	
	#sub.welfare .cont1 .listTypeA ul{width:100%; margin:0 auto; max-width:170px;}
	#sub.welfare .cont1 .listTypeA ul li{float:none; width:100%; margin-top:10px; margin-left:0;}
	#sub.welfare .cont1 .title > span{margin-top:15px;}
	#sub.welfare .cont3{padding:45px 0;}
	#sub.welfare .cont3 .title em{font-size:21px;}
	
	#sub .listTypeB ul li em{font-size:17px;}
	#sub .listTypeB ul li span{font-size:12px;}
	
	#sub .listTypeC ul{width:100%; margin-left:0; margin-top:0;}
	#sub .listTypeC ul li{float:none; width:100%; margin-left:0; height:170px;}

	#sub.employ .cont3 .title em{font-size:21px;}
	
	#sub .btnBox{margin-top:30px;}
	#sub .btnBox a{margin:10px auto 0 auto;}
	
	#sub .bbs .view .title .ing{margin-right:10px; padding:6px 10px; font-size:11px;}
	#sub .bbs .view .title ul li{font-size:13px;}
	#sub .bbs .view .title ul li:before{width:2px; height:2px; top:9px;}

	
	.contact .radio label{font-size:11px;}
	.contact table tr th{font-size:14px;}
	input::placeholder{font-size:11px;}

	#sub.inquiry .title{padding:45px 20px;}

	.bbs .view .btnSet .prevBtn{font-size:14px;}
	.bbs .view .btnSet .nextBtn{font-size:14px;}
    #sub.ad .section2 h4, #sub.ad .section4 h4, #sub.ad2 .section8 h4, #sub.ad .section6 h4, #sub.ad2 .section4 h4, #sub.ad .section8 h4, #sub.ad2 .section6 h4,#sub.ad .section7 .title h4{
		font-size: 20px;
	}
	#sub.ad .section2 h4 .media-point, #sub.ad .section3 h4, #sub.ad2 .section4 h4{
		font-size: 24px;
	}
	#sub.ad .section3 li h5,
    #sub.ad2 .section4 li h5{
		font-size: 16px;
	}
	#sub.ad .section4 .title dd,
    #sub.ad2 .section8 .title dd{
		font-size: 20px;
	}
	#sub.ad .section7 .title h4 span{
		font-size: 34px;
	}
	.fixed-inquiry .mobile-txt h4,
    .fixed-inquiry2 .mobile-txt h4{
		font-size: 17px;
	}
}
@media(max-width: 700px){
    .slideTypeA.alpha .arr_box{
        bottom: 0;
    }
}

/* 230214 business>portfolio */
@media(max-width : 580px){
    
    .slideTypeA.alpha{
    }
    #successCase .slideTypeA.alpha .swiper-slide{
        padding: 20px;
        max-width: 90%;
    }
    .slideTypeA.alpha .text article h6{
        text-align: center;
        font-size: 16px;
    }
    .slideTypeA.alpha .head em+p{
        font-size: 16px;
    }
    .slideTypeA.alpha .text article ul{
        font-size: 14px;
    }
    .slideTypeA.alpha .head .icon{
        width: 60px;
        height: 60px;
    }
    .slideTypeA.alpha .head em{
        font-size: 22px;
    }
    .slideTypeA.alpha .chart img{
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }
    .slideTypeA.alpha .text article ul{
        margin: 10px auto;
    }
	.slideTypeA.alpha .text{
		display: none;
	}
    #sub.ad2 .section8 li{
        width: 100%;
    }
}
@media (max-width: 345px){
	.fixed-inquiry .mobile-txt h4, .fixed-inquiry2 .mobile-txt h4{
		font-size: 14px;
	}
}