@charset "utf-8";
html, body {word-break: keep-all;font-size:17px;}
.wrap{max-width:1200px;}

.m_none{display: inline-block;}
.w_img{display: block;}
.m_img{display: none;}
.mobile_none{display: inline-block;}
/*1차탭*/
.container2{margin: 0 auto;}
.tab-rect {border-bottom: 2px solid #ddd;}
ul.tabs{margin:0;padding: 0;list-style: none; height:50px; line-height:50px;}
ul.tabs li{display: inline-block;cursor: pointer; width:50%; float:left; text-align: center; color: #999; border: 1px solid #ddd; border-bottom: 2px solid #1c2d50; }
#page_15 ul.tabs li{width: 33.33%;}
ul.tabs li.tab-link {transition:all 0.2s;}
ul.tabs li.current{background: #1c2d50; font-weight: 500; position: relative; color: #fff; border-top: 1px solid #1c2d50;}
/*ul.tabs li.current:after{position: absolute;left:0;bottom:0;content:"";width:100%;height:5px;background-color:#dfdfdf;}*/
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.tab-rect .toggle {display:none;}
#page_3 ul.tabs li{width:50%; }

/*2차탭*/
.pages .tab{}
.pages .tab .tab-head{width: 100%;}
.pages .tab .tab-head a{width: 50%; float:left; height: 50px; line-height: 50px; background: #f2f3f4;}
.pages .tab .tab-head a.active{font-weight: 600;}
#page_13 .tab2 .tab-head a{width: 33.33%;}
#page_13 .inner_tab {display:block !important;}


/*table scroll*/
.overflow-table{overflow-x: auto;}
.overflow-table::-webkit-scrollbar{ width: 6px; height: 6px; background: #ddd; border-radius: 20px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; -webkit-overflow-scrolling: auto !important;}
.overflow-table::-webkit-scrollbar-thumb{background: #1c2d50; border-radius: 20px;}

@media (max-width:1200px){
    .tab-rect .toggle {display:block; position:absolute; z-index:100; width:50px; height:50px; right:0; top:0; text-align:center; cursor:pointer; line-height:50px; background:#dfdfdf;}
    .tab-rect {width:100%; height:50px;}
    .tab-rect .wrap {position:absolute; width:100% !important;}
    ul.tabs {position:relative; z-index:100;}
    ul.tabs li.tab-link {width:100%; display:none; z-index:2; background: #fff;}
    ul.tabs li.current {display:block; background: #1c2d50; border-bottom: none;}
    #page_15 ul.tabs li{width: 100%;}
}
@media (max-width:768px){
    .tab-rect .toggle {width:30px;}
    ul.tabs li {font-size:12px !important;}
}

/* @탭메뉴 */



.pages {padding:110px 0;}
#page_2 {padding-top:0;}


.pages .tit {position: relative; font-size:40px; padding-left:35px;line-height: 1.2;}
.bbs-list .tit {position: relative; font-size:40px; padding-left:35px;line-height: 1.2;}
.pages .tit:before{position: absolute; content:''; left:0; top:7px; height:95%; width:3px; background:#000; }
.bbs-list .tit:before{position: absolute; content:''; left:0; top:7px; height:95%; width:3px; background:#000; }

#page_2 .cts01 {background: #f4f5f6; padding:110px 0;}
#page_2 .cts01 ul {}
#page_2 .cts01 ul li {float:left; width:187px; height: 370px; background: #fff; border-top: 3px solid #006dbb; margin-right:15px; position: relative;}
#page_2 .cts01 ul li:nth-child(1) {margin-top:20px;}
#page_2 .cts01 ul li:nth-child(2) {margin-top:40px;}
#page_2 .cts01 ul li:nth-child(3) {margin-top:10px;}
#page_2 .cts01 ul li:nth-child(4) {margin-top:5px;}
#page_2 .cts01 ul li:nth-child(5) {}
#page_2 .cts01 ul li:nth-child(6) {margin-right:0;margin-top:30px;}
#page_2 .cts01 ul li img {bottom: 42px;}
#page_2 .cts01 ul li p {position: absolute; right:20px; bottom:40px; font-weight: 600;}
#page_2 .cts01 .t_box {margin-top:90px; }
#page_2 .cts01 .t_box .tit {float:left; width:50%;}
#page_2 .cts01 .t_box .inner {float:left; width:50%;}
#page_2 .cts01 .t_box .inner p {}
#page_2 .cts01 .t_box .inner p em {display: block; text-align: right; font-style: normal;}
#page_2 .cts01 .t_box .inner p em img {margin:10px 0 0 10px;}
#page_2 .cts02 {padding-top:110px;}
#page_2 .cts02 .video {background: url(/images/contents/p1_video_img.jpg) center center no-repeat; width:100%; height:640px; background-size: cover;}
#page_2 .cts02 .video .t_box {text-align: center; display: block; color:#fff;height: 260px;}
#page_2 .cts02 .video .t_box h4 {font-size: 38px;}
#page_2 .cts02 .video .t_box p {color:rgba(255,255,255,0.8); font-size: 15px; font-weight: 300; margin:5px 0 30px 0; }
#page_2 .cts02 .video .t_box img {}
#page_2 .cts02 .video .t_box span {display: block; font-size: 15px;margin-top:3px;}



.pages .pro_g_box{background: #f8f8f8;padding : 35px 0 30px 30px; margin-top: 30px;}
.pages .pro_g_box .l_box{float: left;}
.pages .pro_g_box .l_box img{padding-right: 30px;}
.pages .pro_g_box .r_box{float: left;}
.pages .pro_g_box .r_box .txt_tit{}
.pages .pro_g_box .r_box ul{}
.pages .pro_g_box .r_box ul li{max-width: 700px;}



#page_3 #tab-1 .inner .pic img{width: 227px; height:452px; }

#page_8{}
#page_8 .cts01 .pic{background: url(/images/contents/p8_img01.jpg) center center no-repeat; width: 100%; height:550px; background-size: cover;}
#page_8 .cts01 .t_box {margin-top: 90px; }
#page_8 .cts01 .t_box .tit {float: left; width: 50%;}
#page_8 .cts01 .t_box .inner {float: left; width: 50%;}
#page_8 .cts01 .t_box .inner p {}
#page_8 .cts01 .t_box .inner p em {display: block; text-align: right; font-style: normal; margin-top: 50px;}
#page_8 .cts01 .t_box .inner p em img {margin: 10px 0 0 10px;}

#page_9{}
#page_9 .top_bg{background: url(/images/contents/p9_img01.jpg) center center no-repeat; width: 100%; height: 310px;}
#page_9 .top_bg p{color: #fff; font-size: 35px; text-align: center; line-height: 1.3; padding-top: 110px;}
#page_9 .top_bg p strong{display: block;}

#page_9 .history{margin-top: 50px;}
#page_9 .history .list {border-bottom: 2px solid #ddd; width:100%;padding-bottom: 35px; margin-bottom: 10px;}
#page_9 .history .list .list01 {}
#page_9 .history .list .list01 .years {float: left; width: 25%; color: #006dbb; font-weight: 700; font-size: 70px;}
#page_9 .history .list .list01 ul {float: left; width: 75%;line-height: 1.9; margin-top: 25px;}
#page_9 .history .list .list01 ul .story {line-height: 1.47;}
#page_9 .history .list .list01 ul .story .year {float: left; width: 12%; font-weight: 600; font-size: 20px; }
#page_9 .history .list .list01 ul .story .inner {float: left; width: 88%;}
#page_9 .history .list .list01 ul .story .inner p {margin-top:5px; text-align: left;}

#page_10 .tit{}
#page_10 .g_bg{background: url(/images/contents/p10_bg.jpg) center center no-repeat; width: 100%; height: 637px; position: relative; margin-top: 50px;}
#page_10 .g_bg img{max-width: 100%;}

#page_11 .inner{position: relative;}
#page_11 .inner:after{background: #f4f5f6; width: 100%; height: 416px; position: absolute; left: 0; bottom:-110px; content:'';}
#page_11 .root_daum_roughmap{width: 100%; margin-top: 40px;}
#page_11 .inner ul.map_info{margin-top: 15px; position: relative; z-index: 2;}
#page_11 .inner ul.map_info li{float: left; width: 50%; vertical-align: middle; border-bottom: 1px solid #ddd;padding-bottom: 20px; margin-bottom: 15px;}
#page_11 .inner ul.map_info li:first-child{width: 100%;}
#page_11 .inner ul.map_info li strong{float: left; width: 90px; font-size: 25px; text-align: left;}
#page_11 .inner ul.map_info li em{font-size: 35px; color: #ef7c1b;}
#page_11 .inner ul.map_info li p{float: left; margin-top: 18px;}
#page_11 .cts01 .inner:after{bottom: -90px;}
#page_11 .cts02{margin-top: 180px;}

/*제품소개 레이아웃*/
.product_detail{}
.product_detail .pro_titbox{text-align: center; margin-top:90px; }
.product_detail .pro_titbox .pro_tit{font-size: 35px; font-weight: 600;}
.product_detail .pro_titbox .pro_subtit{color: #006dbb; margin: 5px 0 35px;}
.product_detail .inner{}
.product_detail .inner .pic{position: relative; background: url(/images/contents/pro_bg.jpg) center center no-repeat; max-width: 1200px; height:560px; margin-bottom: 40px;}
.product_detail .inner .pic>img{filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.3)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='rgba(0,0,0,0.3)')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='rgba(0,0,0,0.3)')";}
.product_detail .inner .pic .cer{padding: 30px 0 0 45px;}
.product_detail .inner .pic .cer img{margin: 5px;}
.product_detail .inner .txt{}
.product_detail .inner .txt .txt_tit{margin:30px 0 10px 0; font-size: 22px; font-weight: 500; padding-left:10px; position: relative; text-align: left;}
.product_detail .inner .txt .txt_tit:before{position: absolute; left:0; top:7px; content: ''; width:6px; height:6px; background: #006dbb;}
.product_detail .inner .txt ul{}
.product_detail .inner .txt ul li{padding-left:10px; position: relative; margin-bottom:3px; font-size: 14px; text-align: left;}
.product_detail .inner .txt ul li:before{position: absolute; left:0; top:10px; content: ''; width:4px; height:2px; background: #999;}

.product_detail .table{font-size: 14px; border-top: 2px solid #000; text-align: center;}
.product_detail .table thead{background: #006dbb; color:#fff; }
.product_detail .table .row0{background: #006dbb; color:#fff;}
.product_detail .table .blue_bg{background: #006dbb; color:#fff;}
.product_detail .table tbody{color:#111; border-bottom: 1px solid #e3e6f0;}
.product_detail .table th, 
.product_detail .table td{padding:0.5rem 0.2rem; vertical-align: middle; line-height: 1.2; border-right: 1px solid #e3e6f0;}
.product_detail .table th:last-child, 
.product_detail .table td:last-child{border-right: none;}
.product_detail .table th{font-weight: 500;}

.product_detail .table .g_bg{background: #f2f3f4;}

.product_detail .inner .table_txt{margin-top: 20px;}
.product_detail .inner .table_txt ul{}
.product_detail .inner .table_txt ul li{padding-left: 15px; font-size: 14px; text-align: left;}
.product_detail .inner .table_txt ul li:before{content: '1.'; background: none; width: auto; height: auto; top: 0; font-size: 14px;}
.product_detail .inner .table_txt ul li:nth-child(2):before{content: '2.';}
.product_detail .inner .table_txt ul li:nth-child(3):before{content: '3.';}
.product_detail .inner .table_txt ul li:nth-child(4):before{content: '4.';}
.product_detail .inner .table_txt ul li:nth-child(5):before{content: '5.';}
.product_detail .inner .table_txt ul li:nth-child(6):before{content: '6.';}
.product_detail .inner .table_txt ul li:nth-child(7):before{content: '7.';}
.product_detail .inner .table_txt ul li:nth-child(8):before{content: '8.';}
.product_detail .inner .table_txt ul li:nth-child(9):before{content: '9.';}
.product_detail .inner .table_txt2 ul li{width: 50%; float: left;}

/*제품 2개*/
.mt-40{margin-top: 50px !important;}
.mb-20{margin-bottom: 20px !important;}
#page_13 .product_detail .inner .pic{}
#page_13 .product_detail .inner .pic img.twins_pic1{left: -400px; max-width: 300px;}
#page_13 .product_detail .inner .pic img.twins_pic2{right: -400px; top:20px;}
#page_14 .product_detail .inner .pic img.twins_pic1{left: -445px; top: -24px; max-width: 190px;}
#page_14 .product_detail .inner .pic img.twins_pic2{right: -350px; top:25px;}
#page_14 .pro_titbox, #page_16 .pro_titbox{margin-top: 0;}

/* product - 노통연관식보일러 */
#page_15 .pro_titbox{margin-top:170px;}

/*@제품소개 레이아웃*/

#page_17{overflow: hidden; padding-bottom: 0;}
#page_17 .cts01{position: relative;}
#page_17 .cts01 .wrap{}
#page_17 .cts01 .tit_box{padding: 70px 0 100px 0;}
#page_17 .cts01 .tit_box .tit_sub{color:#006dbb; font-size: 20px; font-weight: 500;}
#page_17 .cts01 .tit_box .ti{font-size: 50px; font-weight: 700;padding: 5px 0 30px 0; line-height: 1.05;}
#page_17 .cts01 .tit_box p{}
#page_17 .cts01 .pic{background: url(/images/contents/p17_bg.jpg) center right no-repeat; background-size: cover;  position: absolute; left: 50%; top:0; width: 1000px; height: 670px;}
#page_17 .cts01 .list{background: #f4f4f4; width: 100%; height: auto;padding: 110px 0;}
#page_17 .cts01 .list ul.w_box{padding-left: 50px; position: relative;}
#page_17 .cts01 .list ul.w_box:before{position: absolute; left:0; top:0; height: 100%; width: 3px; content: ''; background: #006dbb;}
#page_17 .cts01 .list ul.w_box>li{width: 370px; height: 330px; background: #fff; margin-right: 20px; float: left;}
#page_17 .cts01 .list ul.w_box>li:last-child{margin-right: 0;}
#page_17 .cts01 .list ul.w_box li .ti{text-align: center; height: 87px; padding-top: 25px; font-size: 25px; margin-top: 45px;}
#page_17 .cts01 .list ul.w_box li:nth-child(1) .ti{background: url(/images/contents/p17_t_bg01.png) center center no-repeat; }
#page_17 .cts01 .list ul.w_box li:nth-child(2) .ti{background: url(/images/contents/p17_t_bg02.png) center center no-repeat; }
#page_17 .cts01 .list ul.w_box li:nth-child(3) .ti{background: url(/images/contents/p17_t_bg03.png) center center no-repeat; }
#page_17 .cts01 .list ul.w_box li ul.inner_list{ margin-top: 30px;}
#page_17 .cts01 .list ul.w_box li ul.inner_list li{background: url(/images/contents/p17_bull.png) left top 4px no-repeat; margin-left: 70px; padding: 0 0 7px 27px;}




/**/
#page_20{}
#page_20 .g_bg{background: #f2f3f7 url(/images/contents/p10_bg.jpg) center center no-repeat; width: 100%; height: 637px; position: relative; margin-top: 45px;}
#page_20 .g_bg img{text-align: center; height:426px;}
#page_20 .as-head {padding: 50px 0 0 0;}
#page_20 .as-head .dropdown > button {border:none; background: url(/images/contents/p20_arr_b.png) right 30px center no-repeat; padding: 18px 30px; border-top: 2px solid #006dbb; border-bottom: 1px solid #dfdfdf;}
/*
#page_20 .as-head .dropdown > button {border:none; background: #006dbb url(/images/contents/p20_arr.png) right 30px center no-repeat; padding: 15px 30px; color:#fff; border-top: 2px solid #006dbb;}
*/
#page_20 .as-head .dropdown .dropdown-menu{width: 100%; text-align: center; font-size: 17px; }
#page_20 .as-head .dropdown .dropdown-item{padding: 10px 0; }
#page_20 .as-body {}
#page_20 .as-body table {width:100%; text-align:center;}
#page_20 .as-body table thead th {border-top:2px solid #006dbb; background:#f2f3f4;}
#page_20 .as-body table thead th:nth-child(1) {width:140px;}
#page_20 .as-body table thead th:nth-child(2) {width:140px;}
#page_20 .as-body table thead th:nth-child(3) {width:200px;}
#page_20 .as-body table thead th:nth-child(4) {}
#page_20 .as-body table thead th,
#page_20 .as-body table tbody td {padding:15px 0; border-bottom:1px solid #e3e6f0;}
#page_20 .as-body table tbody td {vertical-align: middle;}

.pc-layout #page_20 .as-head .dropdown > button {display:none;}
.pc-layout #page_20 .as-head .dropdown-menu {
    display:block; position:relative !important; width:100%; clear:none; top:0; left:0; user-select:none;
    transform:none !important; border:0;
}
.pc-layout #page_20 .as-head .dropdown-menu > span {
    float:left; width:7.14%; clear:none; text-align:center; position:relative;
}
.pc-layout #page_20 .as-head01 .dropdown-menu > span {
    width:10%;
}
.pc-layout #page_20 .as-head .dropdown-menu > span:active,
.pc-layout #page_20 .as-head .dropdown-menu > span.active {
    position:relative; z-index:100; color:#000; background:#fff; font-weight:bold;
}
.pc-layout #page_20 .as-head .dropdown-menu > span::after {
    content:''; display:block; position:absolute; margin:auto; top:0; bottom:0; right:0;
    transform:translateX(50%); width:5px; height:5px; background:#ddd; border-radius:100%;
    z-index:1;
}
.pc-layout #page_20 .as-head .dropdown-menu > span:last-child::after {display:none;}
#page_20 .as-head button {background:#fff; width:100%;}
#page_20 .as-body01{padding-top: 60px;}
.pc-layout #page_20 .as-body01{margin-bottom: 100px;}

/**/
#page_21{padding-bottom:0;}
#page_21 .cts .inner{}
#page_21 .cts .inner .map{}
#page_21 .root_daum_roughmap{width:100% !important;}
#page_21 .cts .inner ul{margin-top: 12px;}
#page_21 .cts .inner ul li{width: 50%; float: left; border-bottom: 1px solid #ddd; margin-bottom: 12px; padding-bottom: 22px;}
#page_21 .cts .inner ul li:nth-child(1){width: 100%;}
#page_21 .cts .inner ul li strong{font-size: 25px; width:90px; display: inline-block;}
#page_21 .cts .inner ul li em{font-size: 35px; color: #ef7c1b; margin-left: -2px;}
#page_21 .cts .inner ul li p{display: inline-block;}
#page_21 .cts01 .inner{margin-top:50px; position: relative;padding-bottom: 100px;}
#page_21 .cts01 .inner:before{position: absolute; left:0; bottom:0; width: 100%; height: 416px; background: #f2f3f4; content: '';}
#page_21 .cts02{margin-top: 105px;}
#page_21 .cts02 .inner{margin-top:50px; position: relative;padding-bottom: 100px;}
#page_21 .cts02 .inner:before{position: absolute; left:0; bottom:0; width: 100%; height: 416px; background: #f2f3f4; content: '';}

/**/
#page_25 .product_detail .inner .pic img.twins_pic1{left: -440px; top: -24px; max-width: 336px;}
#page_25 .product_detail .inner .pic img.twins_pic2{right: -350px; top:25px;}
#page_25 .tech-area{margin-top:57px;}
#page_25 .tech-area ul{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:left;}
#page_25 .tech-area ul .tech-item{display:flex;align-items:center;width:calc(100% / 3);margin-bottom:57px;}
#page_25 .tech-area ul .tech-item.type02{width:13%;}
#page_25 .tech-area ul .tech-item.type03{width:auto;}
#page_25 .tech-area ul .tech-item p{margin-left:12px;font-size:20px;font-weight:500;color:#131313;line-height:1.3;}
#page_25 .tech-area ul .tech-item span.grey{font-weight:400;color:#606060;}
#page_25 .pro_g_box{margin-top:60px;}
#page_25 .l_box img{margin-top:65px;}
#page_25 .r_box{width:60%;}
#page_25 .r_box_img_area{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-top:25px;}
#page_25 .r_box_img_area span{display:block;font-size:14px;font-weight:400;}
#page_25 .r_box_img img{width:100%;}
#page_25 p.grey_font{font-size:14px;color:#666;}
#page_25 .table_txt .table_txt_area{display:flex;justify-content:space-between;}
#page_25 .table_txt p{font-size:14px;}

@media (max-width:1270px){
    #page_2 .cts01 {}
    #page_2 .cts01 ul {text-align: center;}
    #page_2 .cts01 ul li{width: 30%; float: none; display: inline-block;}
    #page_2 .cts01 ul li:nth-child(1),
    #page_2 .cts01 ul li:nth-child(2),
    #page_2 .cts01 ul li:nth-child(3),
    #page_2 .cts01 ul li:nth-child(4),
    #page_2 .cts01 ul li:nth-child(5) {margin: 10px;}
    #page_2 .cts01 ul li img{top: -50px;bottom: 0;}
    #page_2 .cts01 ul li p{right: auto; left: 50%; transform: translate(-50%,0); bottom: 60px;}
    
    #page_17 .cts01 .list ul.w_box{padding-left: 0;}
    #page_17 .cts01 .list ul.w_box:before{background: none;}
    #page_17 .cts01 .list ul.w_box>li{width: 32%; height: 330px; margin: 1%;}
    #page_17 .cts01 .list ul.w_box>li:first-child{margin-left: 0;}
}

@media screen and (max-width:1200px){
    .pages {text-align: center;}
    .pages .tit,
    .bbs-list .tit{margin-bottom: 60px; display: inline-block; padding-left: 0; text-align: center; font-size: 32px;}
    #page_17 .cts01 .tit_box .ti{font-size: 35px;}
    .pages .tit:before{left: 50%; margin-left: -40px; width: 80px; height: 2px; top: auto; bottom: -30px;}
    .bbs-list .tit:before{left: 50%; margin-left: -40px; width: 80px; height: 2px; top: auto; bottom: -30px;}
    #page_17 .cts01 .tit_box .tit_sub{font-size: 17px;}
    #page_2 .cts01 .t_box{margin-top: 80px; text-align: center;}
    #page_2 .cts01 .t_box .tit{float: none; width: 100%; }
    #page_2 .cts01 .t_box .inner{float: none; width: 100%; display: inline-block;}
    #page_2 .cts01 .t_box .inner p em{text-align: center;}
    
    #page_8{}
    #page_8 .cts01 .t_box {margin-top: 80px; }
    #page_8 .cts01 .t_box .tit {float: none; width: 100%;}
    #page_8 .cts01 .t_box .inner {float: none; width: 100%; text-align: center;}
    #page_8 .cts01 .t_box .inner p em {text-align: center; margin-top: 30px;}
    #page_8 .cts01 .t_box .inner p em img {margin: 10px 0 0 10px;}
    
	#page_9 .history .list{margin-bottom: 40px; padding-bottom: 50px;}
	#page_9 .history .list .list01 .years{float:none;width: 100%; font-size: 60px; margin-top: 20px; text-align: left;}
	#page_9 .history .list .list01 ul{ margin-top: 10px;}
    #page_10 {text-align: center;}
    #page_10 .g_bg {height: 580px;}
    #page_10 .g_bg img{max-width: 94%;}
    
    #page_11 .cts{text-align: center;}
    .pages .pro_g_box2{padding: 40px 30px;}
    .pages .pro_g_box2 .l_box{float: none;}
    .pages .pro_g_box2 .r_box{float: none;}
    .pages .pro_g_box2 .l_box img{padding-right: 0;max-width: 100%;}
    .pages .pro_g_box2 .r_box ul li{max-width: 100%;}
    
    .product_detail .inner .table_txt2 ul li{width:100%;}
    
    #page_15 .pro_titbox{margin-top:90px;}
    #page_17{}
    #page_17 .cts01{position: relative; margin: 0 auto;}
    #page_17 .cts01 .wrap{max-width: 1000px;}
    #page_17 .cts01 .tit_box{padding: 0 0 60px 0;}
    #page_17 .cts01 .pic{ position: relative; left: 0; max-width:1000px; width: 100%; height: 270px; display: inline-block;}
    #page_17 .cts01 .list{margin-top:-100px; padding-top: 100px;}
    #page_17 .cts01 .list ul.w_box>li:last-child{margin-right: 0;}
    #page_17 .cts01 .list ul.w_box li .ti{text-align: center; height: 87px; padding-top: 25px; font-size: 25px; margin-top: 45px;}
    #page_17 .cts01 .list ul.w_box li ul.inner_list{}
    #page_17 .cts01 .list ul.w_box li ul.inner_list li{text-align: left; margin-left: 10%;}
    #page_20 .as-head .dropdown > button {padding: 15px 0;}
    #page_20 .as-head{padding-top: 20px;}
    #page_20 .as-body01{padding: 20px 0 80px 0;}
    #page_20 .as-head .mb-4{}
	
	#page_25 .tech-area ul .tech-item{width:calc(100% / 2);}
	#page_25 .tech-area ul .tech-item.type02{width:calc(100% / 2);}
	#page_25 .tech-area ul .tech-item.type03{width:calc(100% / 2);}
	#page_25 .l_box img{margin-top:0;}
	#page_25 .r_box{width:100%;}
}

@media screen and (max-width:1000px){

    .product_detail .inner .pic .cer{padding:20px 0 0 20px; display: inline-block;}
    .product_detail .inner .pic .cer img{max-height: 50px;}
    
    #page_2 .cts01 ul li p{font-size: 16px;}
    #page_2 .cts02 .video{height: 500px;}
	#page_9 .history .list .list01 ul{width: 100%;}
    #page_10 .g_bg {height: 490px; background-size: cover; margin-top: 20px;}
    
    #page_13 .product_detail .inner .pic img.twins_pic1{max-width: 220px; left: -280px;}
    #page_13 .product_detail .inner .pic img.twins_pic2{max-width: 260px; right: -280px;}
    
    #page_17 .cts01 .wrap{max-width: 90%;}
    #page_17 .cts01 .pic{height: 300px;}
    #page_17 .cts01 .list{padding-top: 0;}
    #page_17 .cts01 .list ul.w_box>li{width: 100%;margin: 20px 0; height: auto; padding: 50px 10%;}
    #page_17 .cts01 .list ul.w_box li .ti{margin-top: 0; text-align: left; width: 50%; float:left;}
    #page_17 .cts01 .list ul.w_box li:nth-child(1) .ti{background: url(/images/contents/p17_t_bg01.png) left center no-repeat;}
    #page_17 .cts01 .list ul.w_box li:nth-child(2) .ti{background: url(/images/contents/p17_t_bg02.png) left center no-repeat;}
    #page_17 .cts01 .list ul.w_box li:nth-child(3) .ti{background: url(/images/contents/p17_t_bg03.png) left center no-repeat;}
    #page_17 .cts01 .list ul.w_box li ul.inner_list{width: 50%; float:left; margin-top: 10px;}
    #page_17 .cts01 .list ul.w_box li ul.inner_list li{margin-left: 0;}
    
    #page_20 .as-body table{font-size: 14px;}
    #page_20 .as-head .dropdown .dropdown-menu{font-size: 14px; }
    #page_20 .as-head .dropdown .dropdown-item{padding: 5px 0;}
    #page_20 .as-body table thead th:nth-child(1) {width:auto;}
    #page_20 .as-body table thead th:nth-child(2) {width:auto;}
    #page_20 .as-body table thead th:nth-child(3) {width:auto;}
    }

@media screen and (max-width:800px){
    .m_none{display: none;}
    .w_img{display: none;}
    .m_img{display: block;}
    
    #page_13 .tab .tab-head a{font-size: 14px;}
    
    #page_2 .cts01 ul li{width: 45%; height: 330px;}
    
    #page_2 .cts01 ul li p{bottom: 50px;}
    #page_8 .cts01 .pic{height: 400px;}
	#page_9 .history .list .list01 ul .story .year{width: 15%;}
	#page_9 .history .list .list01 ul .story .inner{width: 80%;}
    .pages .pro_g_box{padding: 40px 30px;}
    .pages .pro_g_box .l_box{float: none;}
    .pages .pro_g_box .r_box{float: none;}
    .pages .pro_g_box .l_box img{padding-right: 0;max-width: 100%;}
    .pages .pro_g_box .r_box ul li{max-width: 100%;}
    
    #page_17 .cts01 .list ul.w_box li .ti{width: 100%; float:none;}
    #page_17 .cts01 .list ul.w_box li ul.inner_list{width: 100%; float:none; margin-top: 30px; font-size: 14px;}
    #page_17 .cts01 .list ul.w_box li ul.inner_list li{background: url(/images/contents/p17_bull.png) left top 1px no-repeat;}
	
	#page_25 .pic img{width:auto;}	
	#page_25 .tech-area{flex-direction:column;}
	#page_25 .tech-area ul .tech-item{width:100%;margin-bottom:37px;}
	#page_25 .tech-area ul .tech-item.type02{width:100%;}
	#page_25 .tech-area ul .tech-item.type03{width:100%;}
	#page_25 .tech-area ul .tech-item p{font-size:18px;}
	#page_25 .r_box_img_area{flex-direction:column;}
}
@media screen and (max-width:600px){
    .pages{padding: 80px 0;}
    #page_11{padding: 80px 0 60px 0;}
    #page_17 .cts01 .list{padding:80px 0;}
    .pages .tit,
    .bbs-list .tit{font-size: 30px;}
    #page_17 .cts01 .tit_box .ti{font-size: 32px;}
    #page_2 .cts01{padding: 80px 0;}
    #page_2 .cts02{padding-top: 80px;}
    #page_2 .cts01 .t_box{margin-top: 60px;}
    
    #page_2 .cts01 ul li{width: 60%;}
    #page_2 .cts01 ul li:nth-child(1),
    #page_2 .cts01 ul li:nth-child(2),
    #page_2 .cts01 ul li:nth-child(3),
    #page_2 .cts01 ul li:nth-child(4),
    #page_2 .cts01 ul li:nth-child(5) {margin: 2% 0;}
    #page_9 .top_bg p{font-size: 25px; padding-top: 95px;}
	#page_9 .history .list .list01 ul .story{font-size: 14px;}
	#page_9 .history .list .list01 ul .story .year{width: 20%;}
    #page_10 .g_bg {height: 380px;}
    #page_11 .inner ul.map_info li strong{width: 100%;}
    #page_11 .inner ul.map_info li p{margin-top: 0;}
    #page_11 .inner ul.map_info{margin-top:25px;}
    #page_11 .inner:after{bottom: -60px;}
    #page_11 .cts01 .inner:after{bottom: -60px;}
    
    .product_detail .inner .pic{text-align: center;}
    .product_detail .inner .pic .cer{padding:25px 0 0 0; display: inline-block;}
    .product_detail .inner .pic .cer img{max-height: 32px;}
    .product_detail .pro_titbox .pro_tit{font-size: 28px; line-height: 1.1;}
    .product_detail .inner .txt .txt_tit{font-size: 20px;}
    /*제품이미지 크기*/
    .product_detail .inner .pic{height: 480px;}
    #page_12 .product_detail .inner .pic>img.pic1{max-width: 140px;}
    #page_12 .product_detail .inner .pic>img.pic2{max-width: 250px; right: -20px;}
    #page_13 .product_detail .inner .pic>img.pic1{max-width: 200px; right: -20px; top: 20px;}
    #page_13 .product_detail .inner .pic>img.pic2{max-width: 220px; left: -25px; top: 20px;}
    #page_13 .product_detail .inner .pic>img.pic4{max-width: 230px;}
    #page_13 .product_detail .inner .pic>img.pic5{max-width: 230px;}
    #page_14 .product_detail .inner .pic>img.pic1{max-width: 140px; top: -20px;}
    #page_14 .product_detail .inner .pic>img.pic2{max-width: 290px;}
    #page_15 .product_detail .inner .pic>img.pic1{max-width: 290px;}
    #page_15 .product_detail .inner .pic>img.pic2{max-width: 260px; left: -20px;}
    #page_15 .product_detail .inner .pic>img.pic3{max-width: 220px;}
    #page_15 .product_detail .inner .pic>img.pic4{max-width: 290px; left: -20px;}
    #page_15 .product_detail .inner .pic>img.pic5{max-width: 300px;}
    #page_15 .product_detail .inner .pic>img.pic6{max-width: 300px;}
    #page_16 .product_detail .inner .pic>img.pic1{max-width: 290px; left: -10px;}
    #page_16 .product_detail .inner .pic>img.pic2{max-width: 270px;}
    #page_20 .as-body table thead th, #page_20 .as-body table tbody td{padding: 18px 4px;}
}

@media screen and (max-width:450px){
    
    
	#page_2 .cts01 ul li{width: 80%;}
    #page_8 .cts01 .pic{height: 380px;}
	#page_9 .history .list .list01 ul .story .year{width: 25%;}
	#page_9 .history .list .list01 ul .story .inner{width: 75%;}
	#page_10 .g_bg {height: 350px;}
    
    .mobile_none{display: none;}
    
	#page_25 .pic img{width:80%;}
}

@media screen and (max-width:360px){
	#page_9 .history .list .list01 ul .story .year{width: 30%;}
	#page_9 .history .list .list01 ul .story .inner{width: 70%;}
}