@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}


body {width:100%;}
#wrapper{width:100%; margin:0 auto;}

/* header */
header {width:100%; height:100px;position: absolute; top:0;left:0;z-index: 1000;box-sizing:Border-box; padding:0 100px;}
header .header_content {height:100%;position:relative;}
header .header_content .logo {margin:0;position:Absolute; left:0; top:20px;}
header .header_content .contact_box {margin:0;position:Absolute; right:0px; top:0;height:100px;text-align:right;padding-right:0;box-sizing:Border-box;width:350px;}
header .header_content .contact_box p{font-size:17px; line-height:1;color:rgba(255,255,255,0.8);padding:30px 0 0 0;margin:0;}
header .header_content .contact_box p img{vertical-align: bottom;padding-right:3px;}
header .header_content .contact_box b{font-size:23px; color:#fff;font-weight:600;}


header nav a {transition: all 0.3s;}
header nav a:hover {color: #ff6600;}
header nav > ul {display: flex;align-items: center;justify-content:center; height:100px;margin: 0;padding:0;}
header nav > ul > li.nav_1depth {position: relative;width:185px;line-height: 100px;height: 100px;}
header nav > ul > li.nav_1depth > a {display: block;text-align:center;font-size: 24px;color: #fff;font-weight:500;}
header nav > ul > li.nav_1depth > ul.nav_2depth {display:none;position: absolute;top: 100px;left:50%;transform:translate(-50%,0);width:185px;text-align: center;background: #202aa9;padding:25px 0;}
header nav > ul > li.nav_1depth > ul.nav_2depth li a {display: block;padding:12px 0;line-height:17px;font-size: 19px;color: #fff;}

header nav > ul > li.nav_1depth:hover ,
header nav > ul > li.nav_1depth:focus {color: #aadcff;background-color:#202aa9;}
header nav > ul > li.nav_1depth:hover > a,
header nav > ul > li.nav_1depth:focus > a{color: #fff;}

header nav > ul > li.nav_1depth > ul.nav_2depth li a:hover,
header nav > ul > li.nav_1depth > ul.nav_2depth li a:focus {color: #fff938;}

header .nav_open { display: none; flex-direction: column; gap: 5px; width: 30px; height: 24px; justify-content: center; position: absolute; top: 26px; right: 30px; z-index: 9999; cursor: pointer; }
header .nav_open span { height: 3px; background: #fff; display: block; transition: 0.3s; }
header .nav_open.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 5px); background-color:#244bb9;}
header .nav_open.active span:nth-child(2) { opacity: 0; background-color:#244bb9;}
header .nav_open.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -5px); background-color:#244bb9;}


#mainvisual {width:100%;  height:850px; position:Relative;}
#mainvisual .slideshow {position:absolute; width:100%; height:100%; top:0; left:0;}
#mainvisual .slideshow div {height:100%; background-repeat:no-repeat; background-position:50% center; background-size:cover;margin:0 !important;}
.visual_bg1 {background-image:url('../images/main/mainvisual01.jpg');}
.visual_bg2 {background-image:url('../images/main/mainvisual02.jpg');}

#mainvisual .main_txt {position:absolute; z-index:900; width:100%;left:0;top:380px;text-align:center;}
#mainvisual .main_txt h2 {color:#fff; font-weight:400; font-size:69px;line-height:1; margin:0 0 20px 0;}
#mainvisual .main_txt h2 b{font-weight:900;}
#mainvisual .main_txt p {color:#fff; font-size:21px; letter-spacing:-0.01em;}
.slick-dots {width:100%; position:Absolute; bottom:25px; left:0; text-align:center;display:flex; justify-content: center;}
.slick-dots li button{width:13px;height:13px; border-radius:13px; background-color:#ffffff60; margin:0 5px;border:none;outline:none;font-size:0;}
.slick-dots li.slick-active button{background-color:#ffffff; }
#mainvisual .main_scroll{position:absolute; z-index:900; right:350px; bottom:20px;animation: floaty 1.2s ease-in-out infinite;}

@keyframes floaty {
    0%   { bottom:20px; }
    50%  { bottom:35px; } /* 위로 살짝 */
    100% { bottom:20px; }
  }



.section01{padding:90px 0 120px;overflow: hidden;}
.section01 .sec01_in{position:relative;max-width: 1300px; margin:0 auto;}
.section01 .bg_txt01{position:Absolute; left:-430px;top:310px; transform: rotate(-90deg); font-size: 155px;font-weight: 900;color:hsla(0, 0%, 80%, 0.157);}
.section01 .bg_txt02{position:Absolute; right:-160px;bottom:-130px; font-size: 155px;font-weight: 900;color:#fff; 
    -webkit-text-stroke: 1px #ececec;}
.section01 .sec01_in h3{font-size: 60px;line-height:1;font-weight: 900;color: #111111; text-align: center;}
.section01 .sec01_in h3:afteR{content: "";display:block;width:90px;height:3px;background-color: #03278f; margin:30px auto 70px;}
.section01 .sec01_in ul {display:flex; justify-content: flex-start;flex-wrap: wrap;padding:0;margin:0;gap:10px;}
.section01 .sec01_in ul li {width:19%;height:auto;}
.section01 .sec01_in ul li a{display:block;position:Relative;width:100%;height: 100%;box-sizing: border-box;background-color: #f4f4f4;padding:28px 25px;overflow:hidden;}
.section01 .sec01_in ul li.out a{overflow: visible;}
.section01 .sec01_in ul li a h5{font-size: 15px; color: #001e74;font-weight: 400;line-height: 1;margin:0;position:relative;z-index:1;}
.section01 .sec01_in ul li a h4{font-size: 24px; color: #111111;font-weight: 600;line-height: 1;margin:5px 0 0 0;position:relative;z-index:1;}
.section01 .sec01_in ul li a .float_img{position:Absolute; right:-20px;top:20px;margin:0;z-index:1;transition:all .2s  ease;}
.section01 .sec01_in ul li.out a .float_img{right:-20px;top:-20px;}
.section01 .sec01_in ul li a .plus{position:Absolute; bottom:0px;right:0px;width:35px;height:35px;line-height: 35px;text-align: center;background-color: #202aa9;color:#fff;font-size: 25px;font-weight: 400;margin:0;z-index:1;}
.section01 .sec01_in ul li a .bg{z-index:0;content:"";display:block; width:35px;height:35px;background-color:#244bb9;position:Absolute; bottom:0;right:0;
    transition:all .25s ease;margin:0;
}
.section01 .sec01_in ul li a:hover .bg{width:100%;height:100%;}
.section01 .sec01_in ul li a:hover .plus{background-color:#fff; color:#244bb9;}
.section01 .sec01_in ul li a:hover h5, .section01 .sec01_in ul li a:hover h4{color:#fff;}
/* .section01 .sec01_in ul li a:hover .float_img{top:0px;}
.section01 .sec01_in ul li.out a:hover .float_img{top:-40px;} */


/* section02 */
.section02{padding:80px 0; background:url('../images/main/q_section_bg.jpg') center center no-repeat; background-attachment: fixed;}
@supports (-webkit-touch-callout: none) {
    .section02 {
      background-attachment: scroll; /* 아이폰에서는 그냥 따라 움직이게 */
    }
  }


.section02 .qbox{max-width: 1300px;margin: 0 auto;display:flex;justify-content: space-between;}
.section02 .qbox a{display:flex; align-items:center; justify-content:center;flex-direction:column;width:18.5%; height:240px; background-color: #fff; text-align:center;box-sizing: border-box;transition: all .15s;font-size: 25px;font-weight: 600;color: #05102e;
}
.section02 .qbox a img{padding:0 0 20px 0;transition: all .15s;}
.section02 .qbox a:hover {background-color: #e9f3f8;;}
.section02 .qbox a:hover img{transform:translate(0, -10px)}

/* banner slider */
.banner_slide_wrap {width:100%; margin:0 auto; padding:30px 0;background-color:#fff;border-bottom:1px solid #ddd;}
.banner_slider {width:100%; height:100px;  margin:0 auto;position:relative;overflow:hidden;}
.banner_slider ul li {height:100px; text-align:center;}
.banner_slider ul li a {display:block; position:relative;width:100%; height:100%;}
.banner_slider ul li  img {position:Absolute; top:0;bottom:0;left:0;right:0;margin:auto;width:auto !important;max-height:100px !important;} 
.banner_slider .list .swiper-slide{max-width: 220px;margin-right: 40px;}
.banner_slider .list .swiper-slide img{max-width:100%;}

/* footer */
footer { width:100%; padding:70px 0;background: #fff;border-top:1px solid #dfdfdf;} 
footer .footer_content {max-width:1300px; margin:0 auto;}
footer .footer_content .foot_logo{margin:0 0 30px 0; padding:0 0 30px 0;border-bottom: 1px solid #ddd;}

footer .footer_content address {color: #555555;font-size:16px;margin:0 0 10px 0;line-height:1.5;}
footer .footer_content address font{color:#000;font-weight:500;}
footer .footer_content address span{display:inline-block; padding:0 8px;}
footer .footer_content address span:first-child{padding:0 8px 0 0;}
footer .footer_content .copy {color: #999999;font-size:14px;margin:5px 0 0;line-height:1;}



/* sub */
.subvisual {width: 100%; height:340px;  background:url(../images/sub/subvisual.jpg) center center no-repeat;background-size:cover;} 
.subvisual .subtxt {max-width:1300px; margin:0 auto; box-sizing: border-box;padding:0 30px;text-align: center;} 
.subvisual .subtxt h3 { font-size:60px; font-weight: 900; line-height: normal; color:#fff;padding:160px 0 0 0;} 

#container{padding:70px 0 150px;}
.subtitle {max-width: 1300px;margin: 0 auto;}
.subtitle h3 {font-size: 45px;font-weight: 900;color:#111111; }
.subtitle h3:After {content: "";display: block;width:100px; height:3px; background-color: #244bb9; margin:20px 0 70px;}
.con_area {max-width:1300px; margin:0 auto;}
.con_area_w100 {max-width:100%; margin:0 auto;}
.con_area h3.st{font-size:30px;font-weight:600;color:#000;letter-spacing: -0.02em; margin:0 0 25px 0;;}
.con_area h3.st:before{content:"";display:block;width:30px;height:2px; background-color: #0066B3;margin:0 0 10px 0;}

/* 회사소개 introduce */
/* 
기존
.greeting .greetbox{display:flex;justify-content: space-between;}
.greeting .greetbox .img{margin-right:70px;}
.greeting .greetbox .txt h3{font-size:39px;color:#000; line-height: 50px; letter-spacing: -0.02em; margin:0 0 50px 0;font-weight:500;}
.greeting .greetbox .txt h3 b{color:#060973;font-weight:900;}
.greeting .greetbox .txt .normal{margin:0 0 35px 0;font-size:20px;line-height: 31px;color:#444444;padding:0;text-align: justify;}
.greeting .greetbox .txt .normal b{color:#000;font-weight: 500;} */


.greeting .greetbox .img{margin:60px 0 0 0;}
.greeting .greetbox .txt h3{font-size:43px;color:#000; line-height: 56px; letter-spacing: -0.02em; margin:0 0 50px 0;font-weight:500;}
.greeting .greetbox .txt h3 b{color:#060973;font-weight:900;}
.greeting .greetbox .txt .normal{margin:0 0 25px 0;font-size:21px;line-height: 34px;color:#444444;padding:0;text-align: justify;}
.greeting .greetbox .txt .normal b{color:#000;font-weight: 500;}


/* 비전 미션 vision */
.vision .vbox{display:flex;}
.vision .left{width:30%;height:170px;display:flex; justify-content: center;align-items:flex-start;border-top:3px solid #000;flex-direction: column;}
.vision .left p{margin:0;padding:0;color:#001e74;font-size: 18px;font-weight: 500;;}
.vision .left h3{margin:0;padding:0;font-size:30px;font-weight: 900;;}
.vision .right{width:65%;height:170px;display:flex; align-items: center;border-top:1px solid #ddd;}
.vision .right p{font-size:21px;padding:40px 0 0 30px; color:#000;font-weight: 500;;}

.vision .mibox {display: flex;justify-content: space-between;margin:60px 0 0 0;}
.vision .mibox > div{width:22%;}
.vision .mibox > div.box01 .icons{background:url('../images/sub/c_border01.png') center center no-repeat;}
.vision .mibox > div.box02 .icons{background:url('../images/sub/c_border02.png') center center no-repeat;}
.vision .mibox > div.box03 .icons{background:url('../images/sub/c_border03.png') center center no-repeat;}
.vision .mibox > div.box04 .icons{background:url('../images/sub/c_border04.png') center center no-repeat;}
.vision .mibox > div .icons{width:266px;height: 266px;display:flex;align-items: center;flex-direction: column;justify-content: center;font-size:24px;font-weight: 600;color: #001e74;margin:0 auto 30px;}
.vision .mibox > div .icons img{padding:12px 0 0 0 ;}
.vision .mibox > div .txt{font-size:18px; line-height:29px;text-align: center;word-break: keep-all;}


/* 취급품목 */
.product .pro_tab {display:flex; justify-content: center;gap:5px;flex-wrap:wrap;padding:0; margin:0 0 20px 0;}
.product .pro_tab a{display:block; width:calc(16.666% - 4.2px);height:55px; line-height: 55px; text-align: center; border:1px solid #ddd; box-sizing: border-box; font-size:18px; font-weight:500; color:#333;}
.product .pro_tab a:hover {background-color:#f5f5f5;}
.product .pro_tab a.on{background-color:#202aa9;border-color: #202aa9;color: #fff;;}
.product .r_noti{text-align: right;font-size:16px; color:#555; margin:0 0 60px 0;;}
.product .pro_cont .title{text-align: center; margin:0 0 40px 0; padding:0; font-size:42px; font-weight:600;color:#111;}
.product .pro_cont .pro_list {display:flex; gap:0 30px; flex-wrap:wrap;justify-content: flex-start;}
.product .pro_cont .pro_list .box {width:calc(100% / 3 - 20px);margin:0 0 50px 0;}
.product .pro_cont .pro_list .box a{display:block; width:100%;height:100%;  box-sizing:border-box;}
.product .pro_cont .pro_list .box a .img {border:1px solid #ddd;padding:20px 0 ;display:flex; justify-content: center;align-items: center;margin:0 0 20px 0;transition:all .4s;}
.product .pro_cont .pro_list .box a .img img{max-width:90%;max-height:255px;transition:all .4s;}
.product .pro_cont .pro_list .box a .name{font-size:22px; color:#000; font-weight:500;text-align:center;transition:all .4s;}
.product .pro_cont .pro_list .box a .name img{opacity:0;transition:all .4s;padding:0 0 2px 0;}
.product .pro_cont .pro_list .box a:hover .img, .product .pro_cont .pro_list .box a:focus .img{border-color:#202aa9;}
.product .pro_cont .pro_list .box a:hover .img img, .product .pro_cont .pro_list .box a:focus .img img{transform:scale(1.03);}
/* .product .pro_cont .pro_list .box a:hover .name, .product .pro_cont .pro_list .box a:focus .name{color:#202aa9;} */
.product .pro_cont .pro_list .box a:hover .name img, .product .pro_cont .pro_list .box a:focus .name img{opacity:1; padding:0 0 2px 7px;}


/* 견적문의 */
.inquiry_form table{border-top:1px solid #000;}
.inquiry_form table tbody tr th{font-size:20px;font-weight: 500;color:#000;
    padding:20px 0 20px 20px; border-bottom:1px solid #ddd;
}
.inquiry_form table tbody tr th font{color:red;font-size:16px;vertical-align: top;}
.inquiry_form table tbody tr td{font-size:19px;color:#333;
    padding:20px; border-bottom:1px solid #ddd;}
.inquiry_form table tbody tr td .normal_input{border:1px solid #ccc; height:50px;padding-left:12px;width:100%;box-sizing: border-box;}
.inquiry_form table tbody tr td .normal_input:focus{outline:none; border:1px solid #001e74;}
.inquiry_form table tbody tr td textarea{border:1px solid #ccc; padding:12px; resize:none;width:100%;box-sizing: border-box;}
.inquiry_form table tbody tr td textarea:focus{outline:none; border:1px solid #001e74;}

.inquiry_form .btnbox{margin:60px 0 0; display: flex;justify-content: center;}
.inquiry_form .btnbox input[type="submit"]{width:250px;height:65px;line-height: 65px;background-color: #001e74;color:#fff; font-family: inherit;font-size: 24px; font-weight: 500;text-align: center;outline:none;border:none;;}
.inquiry_form .btnbox input[type="submit"]:hover, .inquiry_form .btnbox input[type="submit"]:focus {background-color: #05102e;}


/* 파트너사 */
.partner ul{display:flex; justify-content: flex-start;flex-wrap: wrap;margin:0;padding:0;gap:10px;}
.partner ul li{width:calc(25% - 10px); height:auto;box-sizing:Border-box;overflow: hidden;border:1px solid #ddd;;margin:0;padding:0;
    display:flex; justify-content:center; align-items: center;
}
.partner ul li img{max-width:100%;height:auto;}

/* 오시는길 */
.direction .root_daum_roughmap  {width:100% !important;}
.direction .root_daum_roughmap  .cont{display: none;;}
.direction .root_daum_roughmap  .wrap_controllers{display: none;;}
.direction .infobox  {width:90%; padding:50px 50px; box-sizing:border-box;background-color:#fff; margin:-65px auto 0;position:relative;z-index: 1;font-size:22px;color:#000;box-shadow: 0 5px 13px rgba(0,0,0,0.08);}
.direction .infobox span{display:inline-block; color:#001e74;font-weight:600; }
.direction .infobox span:after{content:"";display:inline-block;width:20px;height:1px; background-color:rgba(0, 0, 0, 0.479);vertical-align: middle;margin:0 23px;}
.direction .infobox a{position: absolute;top:42px;right:50px;display:block; width:180px;height:45px; line-height: 45px; color:#001e74;border:1px solid #001e74; text-align:center; font-size:19px;font-weight:500;;transition:all .2s;}
.direction .infobox a:hover, .direction .infobox a:focus {background-color:#001e74; color:#fff;}


/* 연락처 */
.contact > h3{font-size:39px;font-weight:600;color:#000;margin:0 0 30px 0;}
.contact > h3 b{color: #06097E;}
.contact .photo img{max-width:100%;}
.contact .info {border:1px solid #dfdfdf; padding:40px 60px;}
.contact .info .add{font-size:25px; font-weight:600;color:#000;}
.contact .info .add img{vertical-align: top;}
.contact .info .num{font-size: 20px; color:#444;padding-left:35px;}
.contact .info .num b{color:#000;font-weight:900;}
.contact .info .num span{display:inline-block;}
.contact .info .num span:after{content:"";display:inline-block;width:1px;height:15px;background-color:#bbb; margin:0 20px;}
.contact .info .num span:last-child:afteR{display:none;}

/***************반응형 *********************************************************/


@media   (max-width: 1600px) {
    header{padding:0 50px;}
    header .header_content .contact_box{right:-50px; padding-right:50px;width:250px;}
    #mainvisual .main_scroll{right:100px;}

}


 @media   (max-width: 1260px) {
    header nav > ul > li.nav_1depth{width:155px;}
    header nav > ul > li.nav_1depth > a{font-size:20px;}
    header nav > ul > li.nav_1depth > ul.nav_2depth{width:155px;}
    header .header_content .contact_box b {font-size:20px;}

    #mainvisual .main_txt h2{font-size: 60px;;}
    .section01 .sec01_in ul li{width:24%;}
    .section01 .sec01_in ul li a h5{font-size:14px;}
    .section01 .sec01_in ul li a h4{font-size:22px;}
    .section01 .sec01_in ul li a .float_img img{max-width: 200px;max-height: 200px;height: auto;width: auto;}
    .section02 .qbox a {font-size:22px;height:210px;}
    .section02 .qbox a img{max-width:65px;height:auto;width:auto;}


    footer {padding:60px 20px;}
    footer .footer_content address{font-size: 14px;;}
    footer .footer_content address span{padding:0 6px 0 0;}
    .con_area {padding:0 30px;}
    .subtitle {padding:0 30px;}
    .con_area_w100 {padding:0 30px;}
	

    /* 회사소개 introduce */
    
    /* .greeting .greetbox .img img{width:300px;} */
    .greeting .greetbox .img img{width:100%;}

    .greeting .greetbox .txt h3{font-size:35px;line-height: 46px; }
    .greeting .greetbox .txt .normal{font-size:18px;line-height:28px;}
    


    /* 연락처 */
    .contact > h3{font-size:33px;}
    .contact .info {padding:40px 40px;}
    .contact .info .add{font-size:22px;}
    .contact .info .num{font-size:16px;line-height:30px;}
    .contact .info .num span:after{margin:0 10px;}

}


 @media (max-width: 1024px) {
        

	body {min-width:320PX;}
    header{height:80px;padding:0;}
    header .header_content .logo {left:20px;}
    header .header_content .logo img{width:120px;}
    header .header_content .contact_box {right:0;padding-right:30px; width:210px;height:80px; top:60px;}
    header .header_content .contact_box p {padding:18px 0 0 0;font-size:16px;}
    header .header_content .contact_box b{font-size:20px;}
    #mainvisual{height:650px;}
    #mainvisual .main_txt{top:230px;}
    #mainvisual .main_txt h2 {font-size: 40px;;margin: 0 0 15px 0;}
    #mainvisual .main_txt p{font-size: 17px;;}

	/* header */

	header nav > ul {display: flex !important;flex-direction: column;justify-content: center;position: fixed;top: 0;left: -110%;width: 100%;height: 100vh !important;	background: #fff;box-sizing:Border-box;padding: 70px 20px 0;transition: left 0.3s ease;z-index: 9999;box-shadow:0 0 10px rgbA(0,0,0,0.2);}

	header .nav_open {display: flex !important;}
	header nav > ul.open {left: 0;}
	
    header nav > ul > li.nav_1depth {width: 100%;border-bottom:1px solid #ddd;height:auto;line-height:1;padding:25px 0;}
    header nav > ul > li.nav_1depth a{font-size:18px;text-align:left;color:#000;}
	header nav > ul > li.nav_1depth:hover,     header nav > ul > li.nav_1depth:focus {background:none;}
	header nav > ul > li.nav_1depth:hover a, header nav > ul > li.nav_1depth:focus a{color:#111;}
	header nav > ul > li.nav_1depth > ul.nav_2depth {position:static;width:100%; padding:15px 0 0; transform:translate(0,0); display:flex; justify-content:flex-start; gap:10px; background:none;flex-wrap:wrap;}
	header nav > ul > li.nav_1depth > ul.nav_2depth li a {color:#333; padding: 0; }

	.banner_slider ul li img {max-height:75px !important;}
    .section01 {padding:80px 20px 100px;}
    .section01 .sec01_in h3 {font-size:40px;}
    .section01 .sec01_in ul li{width:32%;}
    .section01 .bg_txt02 {right: -90px;bottom: -100px;font-size: 115px;}
    .section02{padding:80px 20px;}
    .section02 .qbox a{font-size:17px;height:160px;}
    .section02 .qbox a img{max-width:40px;}


	/* sub layout  */
    .con_area h3.st {font-size: 25px;  }
    
    /* 비전 미션 vision */
    .vision .left p{font-size: 17px;}
    .vision .left h3{font-size:26px;}
    .vision .right p{font-size:19px;}

    .vision .mibox {display: flex;justify-content: space-between;margin:60px 0 0 0;flex-wrap:wrap;}
    .vision .mibox > div{width:50%;}
    .vision .mibox > div.box01 .icons{background:url('../images/sub/c_border01.png') center center no-repeat;background-size:90%;}
    .vision .mibox > div.box02 .icons{background:url('../images/sub/c_border02.png') center center no-repeat;background-size:90%;}
    .vision .mibox > div.box03 .icons{background:url('../images/sub/c_border03.png') center center no-repeat;background-size:90%;}
    .vision .mibox > div.box04 .icons{background:url('../images/sub/c_border04.png') center center no-repeat;background-size:90%;}
    .vision .mibox > div .icons{width:80%;height: 40vw;font-size:18px;margin:0 auto;}
    .vision .mibox > div .icons img{padding:7px 0 0 0 ;max-height:25%;}
    .vision .mibox > div .txt{font-size:17px; line-height:26px;word-break: keep-all;padding:0 10px;}
 

	/* 취급품목 */
    .product .pro_tab a {width: calc(100% / 5 - 4px);  font-size: 18px;}
    .product .pro_cont .pro_list .box a .name{font-size:19px;}


}




 @media (max-width: 768px) {

    header .header_content .contact_box {width:180px;height:70px;}
    header .header_content .contact_box p{padding:15px 0 0 0;font-size: 14px;;}
    header .header_content .contact_box b{font-size: 17px;;}
    #mainvisual{height: 550px;;}
    #mainvisual .main_txt {width:auto; padding:0 20px;}
    #mainvisual .main_txt h2 {font-size:29px;word-break: keep-all;line-height: 1.2;}
    #mainvisual .main_txt p{font-size:15px;word-break: keep-all;}
    #mainvisual .main_scroll {right:20px;}
    #mainvisual .main_scroll img{width:8px;}

    .mobile_display_none{display:none;}
    .section01{padding:45px 20px 80px;}
    .section01 .sec01_in h3{font-size:36px;}
    .section01 .sec01_in h3:afteR{width:55px;margin:25px auto 50px;}
    .section01 .sec01_in ul {}
    .section01 .sec01_in ul li{width:48%;}
    .section01 .sec01_in ul li a {padding:20px 18px;}
    .section01 .sec01_in ul li a h4{font-size:17px;;letter-spacing:-0.03em;}
    .section01 .sec01_in ul li.out a .float_img{right:15px;}
    .section01 .sec01_in ul li a .float_img{right:15px;}
    .section01 .sec01_in ul li a .float_img img {max-width: 140px;max-height: 140px;}
    .section01 .sec01_in ul li a .plus{width:25px;height:25px;line-height: 25px;;}
    .section01 .sec01_in ul li a .bg{width:25px;height:25px;line-height: 25px;}

    .section02 .qbox {flex-wrap: wrap;}
    .section02 .qbox a{width:48%; margin:0 0 15px 0;}
	.banner_slide_wrap {padding:10px 0;}
	.banner_slider ul li img {max-height:75px !important;}
    .banner_slider .list .swiper-slide {max-width:180px;}
    
    footer .footer_content .foot_logo img{ width:130px;}
    footer .footer_content address{line-height: 1.7;;}
    footer .footer_content .copy {font-size: 12px;line-height: 1.3;}
	/* sub layout  */
	#container{padding:50px 0 100px;}
	.subvisual {height:250px;} 
	.subvisual .subtxt h3 { font-size:40px; }	
    .subtitle h3 {font-size:35px;}
    .subtitle h3:After{width:60px; margin:18px 0 50px;}
    
    
    /* 회사소개 introduce */

    .greeting .greetbox .txt h3{font-size:26px;line-height:38px; word-break: keep-all;}
    .greeting .greetbox .txt h3 br{display:none;}
    .greeting .greetbox .txt .normal{font-size:16px;line-height:26px;}
    

        /* 비전 미션 vision */
        .vision .vbox {display:block;}
        .vision .left, .vision .right{width:auto;height:auto;padding:30px 0;}
        
        .vision .left p{font-size: 15px;}
        .vision .left h3{font-size:20px;}
        .vision .right p{font-size:15px;padding:0;margin:0;word-break: keep-all;}
    
        .vision .mibox {display: flex;justify-content: space-between;margin:60px 0 0 0;flex-wrap:wrap;}
        .vision .mibox > div{width:auto;margin:0 0 30px 0;}
        .vision .mibox > div.box01 .icons{background:url('../images/sub/c_border01.png') center center no-repeat;background-size:95%;}
        .vision .mibox > div.box02 .icons{background:url('../images/sub/c_border02.png') center center no-repeat;background-size:95%;}
        .vision .mibox > div.box03 .icons{background:url('../images/sub/c_border03.png') center center no-repeat;background-size:95%;}
        .vision .mibox > div.box04 .icons{background:url('../images/sub/c_border04.png') center center no-repeat;background-size:95%;}
        .vision .mibox > div .icons{width:55%;height: 45vw;font-size:18px;margin:0 auto 25px;}
        .vision .mibox > div .icons img{padding:7px 0 0 0 ;max-height:25%;}
        .vision .mibox > div .txt{font-size:17px; line-height:26px;word-break: keep-all;padding:0 10px;}
     
    
    /* 파트너사 */
    
    .partner ul li{width:calc(50% - 10px);}
    .partner ul li img{max-width:80%;}


        

    /* 취급품목 */
    .product .pro_tab {gap:5px;flex-wrap:wrap;}
    .product .pro_tab a{width:calc(50% - 2.5px);height:45px; line-height: 45px;font-size:15px;}
    .product .r_noti{font-size:13px;}
    .product .pro_cont .title{font-size:28px;}
    .product .pro_cont .pro_list {display:block;}
    .product .pro_cont .pro_list .box {width:auto;margin:0 0 40px 0;}
    .product .pro_cont .pro_list .box a .img img{max-width:80%;max-height:200px;}
    .product .pro_cont .pro_list .box a .name{font-size:18px;}


    /* 견적문의 */
    .inquiry_form table colgroup col{width:100% !important;}
    .inquiry_form table tbody tr th{display:block;font-size:16px;padding:16px 0 16px 0px;    }
    .inquiry_form table tbody tr td{display:block;font-size:15px;}
    .inquiry_form .btnbox input[type="submit"]{width:210px;font-size: 22px; }

    /* 오시는길 */
    .direction .root_daum_roughmap  {width:100% !important;height:390px !important;}
    
    .direction .infobox  {width:90%; padding:40px 30px;margin:-65px auto 0;font-size:17px;text-align: center;word-break: keep-all;}
    .direction .infobox span{display:block;}
    .direction .infobox span:after{width:10px;margin:10px auto;display:block;}
    .direction .infobox a{position: static; font-size:15px;margin:15px auto 0;}
    
    
    /* 연락처 */
    .contact > h3{font-size:22px;word-break: keep-all;line-height: 1.4;}
    .contact .info {padding:40px 20px;}
    .contact .info .add{font-size:16px;}
    .contact .info .add img{width:19px;}
    .contact .info .num{font-size:14px;line-height:30px;padding-left:18px;}
    .contact .info .num span{display:block;}
    .contact .info .num span:after{display:none;}


}