@charset "UTF-8";
  @import url('https://fonts.googleapis.com/css2?family=Maven+Pro&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*기본세팅*/
html *{ font-family: 'Noto Sans KR', sans-serif;}
.size { width: 100%; max-width: 1240px; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.clear:after { clear: both; content: ''; display: block; }
.tb { display: table; width: 100%; height: 100%; }
.tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.img img { max-width: 100%; }
.pic { background-size: contain; background-repeat: no-repeat; background-position: center center; }
.pic img { max-width: 100%; opacity: 0; visibility: hidden; }
em.mbr { display: block; }
.swiper-wrapper { display: -webkit-box; }


.sub_visual {  width: 100%;  height: 40.5rem;  margin-top: 4.375rem;  background: url('/assets/images/renewal/vent_subvisual.jpg') ;background-repeat:no-repeat;  background-size: cover;  background-position: center center;}
.sub_visual h1 {  color: #fff;  font-size: 3.43rem;  margin-bottom: 1rem;  text-align: center;  vertical-align: middle;}
.sub_visual h2 {  font-size: 1.125rem;  color: #fff; font-weight:400; text-align: center;  vertical-align: middle;}

.sub_visual.type2{background-image:url('/assets/images/renewal/vent2_subvisual.jpg')}
#vent_idx .w_wrap *{font-family: 'Noto Sans KR', sans-serif;}
#vent_idx .w_wrap{min-height:500px;padding:80px 0;box-sizing:border-box;background-color:#fff; background-repeat:no-repeat;background-position:96%  top ; background-size:auto; background-image:url('/assets/images/vent/list_bg.jpg')}
#vent_idx .w_wrap .b_title h3{color:#333;display:inline-block;position:relative; }
#vent_idx .w_wrap .b_title h3 span{position:relative;font-weight:900; font-size:42px;z-index:1 ;letter-spacing:-0.05em}
#vent_idx .w_wrap .b_title h3:before{height:50%; top:0;content:''; position:absolute; left:0; background:#d4f2fe; width:100%}

#vent_idx .w_wrap section{margin-top:80px}
#vent_idx .w_wrap section:first-child{margin-top:0}
#vent_idx .w_wrap .box_wrap {padding-top:40px}
#vent_idx .w_wrap .box_wrap .list_wrap{margin-top:-30px;margin-left:-30px; width:calc(100% + 30px);}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box {width:calc(50% - 30px); margin-left:30px; margin-top:30px;box-sizing:border-box;overflow:hidden; border:1px solid #e7e7e7;border-radius:15px;float:left;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box a{display:block;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp{height:312px;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp::after{display:block; content:''; clear:both}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .img_wrap{width:292px;height:100%;float:left;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .img_wrap .pic{height:100%;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap{padding:25px 20px;background:#f9f9f9;width:calc(100% - 292px); float:left;height:100%;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;text-align:left}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .mk_box{}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .mk_box ul{margin-left:-5px; margin-top:-5px;font-size:0}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .mk_box ul li{border-radius:8px; overflow:hidden;box-shadow: 0px 0px 8px 0px rgba(33, 33, 33, 0.1);display:inline-block;vertical-align:middle; margin-left:5px;margin-top:5px}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .mk_box ul li {}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box{margin-top:30px}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul{margin-top:-10px}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li{margin-top:10px}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li::after{clear:both;display:block; content:'';}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li b{line-height:32px; float:left;width:56px;font-size:13px;color:#464646;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div{float:left; width:calc(100% - 56px); font-size:0;margin-left:-5px;margin-top:-5px}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div span{display:inline-block;vertical-align:middle;margin-left:5px;margin-top:5px;color:#c4c4c4; width:calc(33.333% - 5px);text-align:center;box-sizing:border-box;font-size:13px ;line-height:30px; border:1px solid #d8d8d8;border-radius:5px;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div span.lsp{width:calc(100% - 5px)}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div.allact span{border-color:#9f9f9f; background:#9f9f9f;color:#fff}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div span.act{border-color:#9f9f9f; background:#9f9f9f;color:#fff}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit{border-top:1px solid rgba(56,96,206,.1);padding:20px; box-sizing:border-box; max-height:72px;text-align:center;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit.mo{display:none}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit p{font-size:28px; font-weight:700;color:#333; line-height:1;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;}

#vent_idx .w_wrap .box_wrap .list_wrap .list_box:hover{box-shadow: 0px 0px 20px 0px rgba(73, 123, 253, 0.15);border-color:#3c6beb;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box:hover .tp .info_wrap{background-color:#f7fcfe;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box:hover .tp .info_wrap .type_box ul li > div span.act{background:#497bfd;border-color:#497bfd;}
#vent_idx .w_wrap .box_wrap .list_wrap .list_box:hover .tp .info_wrap .type_box ul li > div.allact span{background:#497bfd;border-color:#497bfd;}

#vent_idx .w_wrap .box_wrap .list_wrap .list_box:hover .tit p{color:#3860ce}
#vent_view{margin-top: 4.375rem;}
#vent_view .w_wrap{padding:80px 0;}
#vent_view .w_wrap *{font-family: 'Noto Sans KR', sans-serif;}
#vent_view .b_title{text-align:center}
#vent_view .b_title h1{font-size:51px; color:#333; font-weight:700;letter-spacing:-0.03em; line-height:1;}
#vent_view .info_wrap{margin-top:75px;position:relative; z-index:1;}
#vent_view .info_wrap .img_box{width:50%;float:left;overflow:hidden}
#vent_view .info_wrap .img_box .thumb_img{margin-top:24px;position:relative; z-index:1}
#vent_view .info_wrap .img_box .thumb_img ul{margin-left:-4px; text-align:center; font-size:0;}
#vent_view .info_wrap .img_box .thumb_img ul li{display:inline-block;vertical-align:middle;box-sizing:border-box; margin-left:4px; width:70px; height:70px; cursor:pointer;}
#vent_view .info_wrap .img_box .thumb_img ul li a{display:block;border:1px solid #e7e7e7;box-sizing:border-box;opacity:0.6}
#vent_view .info_wrap .img_box .thumb_img ul li a.active{display:block;border-color:#444; opacity:1}
#vent_view .info_wrap .img_box .mo{display:none}
#vent_view .info_wrap .img_box .mk_box ul{margin-left:-5px}
#vent_view .info_wrap .img_box .mk_box ul li{border-radius:8px; overflow:hidden;box-shadow: 0px 0px 8px 0px rgba(33, 33, 33, 0.1);display:inline-block;vertical-align:middle; margin-left:5px;max-width:35px}
#vent_view .info_wrap .img_box .mk_box ul li img{max-width:100%}
#vent_view .info_wrap .img_box .tit{padding:26px 0; border-top:1px solid #e7eaf0;margin-top:14px}
#vent_view .info_wrap .img_box .tit b{font-size:30px; font-weight:700; line-height:1; letter-spacing:-0.05em}
#vent_view .info_wrap .img_box .mo .tit {box-sizing:border-box; padding:20px }
#vent_view .info_wrap .info_box{width:50%; float:left;}
#vent_view .info_wrap .info_box .pd_box{padding:20px 40px 0;box-sizing:border-box;}
#vent_view .info_wrap .info_box .mk_box{}
#vent_view .info_wrap .info_box .mk_box ul{margin-left:-5px}
#vent_view .info_wrap .info_box .mk_box ul li{border-radius:8px; overflow:hidden;box-shadow: 0px 0px 8px 0px rgba(33, 33, 33, 0.1);display:inline-block;vertical-align:middle; margin-left:5px;max-width:35px}
#vent_view .info_wrap .info_box .mk_box ul li img{max-width:100%}
#vent_view .info_wrap .info_box .tit{padding:26px 0; border-top:1px solid #e7eaf0;margin-top:14px}
#vent_view .info_wrap .info_box .tit b{font-size:30px; font-weight:700; line-height:1; letter-spacing:-0.05em}
#vent_view .info_wrap .info_box .d_list{overflow:hidden; border-radius:10px;background:#fff;box-shadow: 0px 0px 30px 0px rgba(5, 21, 63, 0.03);}
#vent_view .info_wrap .info_box .d_list .scr_box{padding:25px; box-sizing:border-box; height:335px;overflow-y:auto}
#vent_view .info_wrap .info_box .d_list ul{}
#vent_view .info_wrap .info_box .d_list ul li{padding-left:18px;box-sizing:border-box; line-height:1.2;margin-top:8px;font-size:16px;letter-spacing:-0.03em;position:relative}
#vent_view .info_wrap .info_box .d_list ul li:before{width:5px;height:5px; background:#d2d8e3; content:''; position:absolute; left:0; top:8px;     transform: rotate(45deg);}
#vent_view .info_wrap .info_box .i_list{margin-top:30px;min-height:86px;}
#vent_view .info_wrap .info_box .i_list ul{margin-top:-8px}
#vent_view .info_wrap .info_box .i_list ul li{font-size:0;margin-top:8px;}
#vent_view .info_wrap .info_box .i_list ul li b{display:inline-block;vertical-align:middle;color:#497bfd; font-size:14px;font-weight:700;width:60px;line-height:1.2}
#vent_view .info_wrap .info_box .i_list ul li p{display:inline-block;vertical-align:middle;color:#333; font-size:15px; font-weight:400;width:calc(100% - 60px;);line-height:1.2}
#vent_view .info_wrap .info_box .btn_box{margin-top:24px;}
#vent_view .info_wrap .info_box .btn_box > div{margin-left:-5px;font-size:0;}
#vent_view .info_wrap .info_box .btn_box > div:first-child{margin-top:0;}
#vent_view .info_wrap .info_box .btn_box > div a{width:calc(50% - 5px);margin-top:5px; padding:0 26px;box-sizing:border-box;margin-left:5px;line-height:58px;color:#fff;display:inline-block;vertical-align:middle;font-size:15px;font-weight:500; letter-spacing:-0.03em;background-color:#05153f;border-radius:7px;background-image:url('/assets/images/vent/btn_ico02.png');background-repeat:no-repeat;background-position: 92% center;background-size:auto;}
#vent_view .info_wrap .info_box .btn_box > div a.dw{background-color:#497bfd;background-image:url('/assets/images/vent/btn_ico01.png');}
#vent_view .info{position:relative;}
#vent_view .info_bg{height:600px; width:50%; right:0;top:125px;position:absolute; background-repeat:no-repeat;background-position:96%  bottom ;background-color:#f8f9fb; background-size:auto; background-image:url('/assets/images/vent/view_bg.png')}
#vent_view .detail_wrap{margin-top:50px; }
#vent_view .detail_wrap .details{padding-top:50px; border-top:1px solid #ddd;position: relative;}
#vent_view .detail_wrap .details .ytb { position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%;}
#vent_view .detail_wrap .details .ytb iframe {   position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
#vent_view .detail_wrap .details .img{margin-top:40px}

#vent_view .detail_wrap .back_btn{max-width:130px; margin:50px auto 0; text-align:center; border:1px solid #05153f;color:#05153f;font-size:0;border-radius:24px;display:block;text-align:center;background-repeat:no-repeat;background-position:6% center;background-image:url('/assets/images/vent/back_ico.png');background-size:34px;transition:all .4s; -webkit-transition:all .4s;}
#vent_view .detail_wrap .back_btn span{display:inline-block;vertical-align:middle;font-size:16px;line-height:45px;font-weight:500}
#vent_view .detail_wrap .back_btn:hover{color:#497bfd; border-color:#497bfd;background-image:url('/assets/images/vent/back_ico_on.png');}
/*배너*/

.main.type2 .sec2,.main.type2 .sec3{display:none}
.main.type2 .sec4{display:block}
/*섹션 2*/
.main .sec2 { text-align: center; background:#ecf4ff}
.main .sec2 .wrap { padding: 60px 0; box-sizing: border-box; }
.main .sec2 .txt-group { margin-bottom: 30px; line-height: 50px; }
.main .sec2 .txt { font-size: 26px; font-weight: 300; color: #4d4d4d; letter-spacing: -0.05em; }
.main .sec2 .txt span { font-size: 33px; }
.main .sec2 .txt2 { font-size: 26px; font-weight: 300; color: #272626; letter-spacing: -0.05em; }
.main .sec2 .txt2 strong { font-size: 48px; font-weight: 500; letter-spacing: -0.05em; }
.main .sec2 .txt2 strong span { color: #3962d6; }

.btn-more { display: flex; justify-content: center; align-items: center; width: 218px; height: 56px; margin: 0 auto 50px; border: 1px solid #2b2b2b; border-radius: 28px; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #2b2b2b; letter-spacing: -0.025em; transition: .3s all ease-out; }
.btn-more .ico-arrow { width: 22px; height: 17px; margin-left: 10px; background: url('/kmong/img/ico_arrow_right1.png') center center no-repeat; background-size: contain; transition: .3s all ease-out; }

.btn-more:hover { background: #2b2b2b; font-weight: 500; color: #fff; letter-spacing: 1px; }
.btn-more:hover .ico-arrow { background-image: url('/kmong/img/ico_arrow_right2.png'); }

.btn-more-v1 { border-color: #fff; font-weight: 500; color: #fff !important; }
.btn-more-v1 .ico-arrow { background-image: url('/kmong/img/ico_arrow_right2.png'); }

.btn-more-v1:hover { background: #fff; font-weight: 600; color: #2b2b2b !important; }
.btn-more-v1:hover .ico-arrow { background-image: url('/kmong/img/ico_arrow_right1.png'); }

.list-item { display: flex; justify-content: center; }
.list-item li { margin: 0 18px; }
.list-item img { width: 100%; }


/*섹션 3*/
.main .sec3 { background: #6187fe; text-align: center; }
.main .sec3 .wrap { padding: 60px 0; box-sizing: border-box; }
.main .sec3 .txt-group { margin-bottom: 30px; line-height: 50px; }
.main .sec3 .txt { font-size: 26px; font-weight: 300; color: #fff; letter-spacing: -0.05em; }
.main .sec3 .txt span { font-size: 33px; }
.main .sec3 .txt2 { font-size: 26px; font-weight: 300; color: #fff; letter-spacing: -0.05em; }
.main .sec3 .txt2 strong { font-size: 48px; font-weight: 500; letter-spacing: -0.05em; }
.main .sec3 .txt2 strong span { color: #a5e3ff; }


/*섹션 4*/
.main .sec4 { position: relative; background: #ecf4ff; display:none}
.main .sec4 .wrap { display: flex; justify-content: flex-end; align-items: center; position: relative; z-index: 1; padding: 60px 0 50px; box-sizing: border-box;     max-width: 1130px;    margin: 0 auto;    width: 100%;}
.main .sec4 .img-product { position: absolute; left: calc(50% - 950px); bottom: 0; }
.main .sec4 .txt { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c7c7c7; box-sizing: border-box; font-size: 24px; font-weight: 300; color: #313131; letter-spacing: -0.05em; }
.main .sec4 .txt span { font-size: 30px; }
.main .sec4 .txt strong { font-size: 48px; font-weight: 500; color: #272626; }
.main .sec4 .txt2 { display: flex; align-items: center; font-size: 24px; font-weight: 300; color: #3962d6; letter-spacing: -0.025em; }
.main .sec4 .txt2 img { margin-right: 10px; }
.main .sec4 .txt2 strong { font-weight: 500; }
.main .sec4 .txt2 span { font-size: 18px; }
.main .sec4 .btn-more { margin: 30px 0 0 100px; }
.main .sec4 .img-info { max-width: 100%; margin-top: 50px; }


.img-product.m{display:none}



/*상단 드롭다운 컨텐츠 추가*/

#vent_idx .sld_wrap .tab_title{padding-bottom:12px;border-bottom:2px solid #222}
#vent_idx .sld_wrap .tab_title::after{display:block;content:''; clear:both}
#vent_idx .sld_wrap .tab_title b{color:#222;font-size:32px;font-weight:700; line-height:1; display:block;float:left}
#vent_idx .sld_wrap .tab_title a{display:block; width:100%; max-width:160px;text-align:center;border:1px solid #ddd;  border-radius:24px;float:right;background:#fff}
#vent_idx .sld_wrap .tab_title a span{color:#666; font-size:18px;font-weight:500;line-height:48px; display:block;letter-spacing:-0.03em}
#vent_idx .sld_wrap .tab_title a span.ov{display:none}
#vent_idx .sld_wrap .tab_title a.on{background:#135cd1; border-color:#135cd1}
#vent_idx .sld_wrap .tab_title a.on span{display:none;color:#fff}
#vent_idx .sld_wrap .tab_title a.on span.ov{display:block}
#vent_idx .sld_wrap .tab_wrap{}
#vent_idx .sld_wrap .tab_wrap.tp2{padding-bottom:75px; border-bottom:1px solid #ddd;}
#vent_idx .sld_wrap .tab_wrap .p_wrap{}
#vent_idx .sld_wrap .tab_wrap .p_wrap p{margin-top:30px;font-size:18px;line-height:32px;margin-top:26px;word-break:keep-all}
#vent_idx .sld_wrap .tab_wrap .md_title{padding-bottom:12px; border-bottom:2px solid #222; margin-top:70px}
#vent_idx .sld_wrap .tab_wrap .md_title::after{display:block;content:''; clear:both}

#vent_idx .sld_wrap .tab_wrap .md_title b{font-size:28px;color:#222;letter-spacing:-0.025em;display:block; float:left;line-height:1;}
#vent_idx .sld_wrap .tab_wrap .md_title span{font-size:18px; font-weight:400; margin-top:10px; float:right; color:#454545;}
#vent_idx .sld_wrap .tab_wrap .btm_txt{}
#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box{}
#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div{border-bottom:1px solid #ddd;font-size:0}
#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div b{font-size:18px;font-weight:500; line-height:110px; display:inline-block;vertical-align:middle; width:170px;padding-left:20px; box-sizing:border-box}
#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div p{color:#666; font-size:16px;font-weight:400;line-height:24px;display:inline-block;vertical-align:middle; width:calc(100% - 170px);}
#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div p em{color:#cd0202; font-style:normal}
#vent_idx .sld_wrap .tab_wrap .btm_txt .span_wrap{padding:24px 0 40px;border-bottom:1px solid #ddd}
#vent_idx .sld_wrap .tab_wrap .btm_txt .span_wrap span{padding-left:30px;box-sizing:border-box;font-size:18px;font-weight:400;line-height:22px; margin-top:4px; color:#222;position:relative;display:block}
#vent_idx .sld_wrap .tab_wrap .btm_txt .span_wrap span::before{width:20px;height:20px; content:''; position:absolute; left:0;top:50%; margin-top:-10px; background-image:url('/assets/images/renewal/vent_ico.png');background-position:center ; background-repeat:no-repeat; background-size:auto}
#vent_idx .sld_wrap .tab_wrap .img_box{padding:50px 40px;box-sizing:Border-box; background:#f7f9fd; border-radius:20px;margin-top:75px}
#vent_idx .sld_wrap .tab_wrap .img_box > div{width:calc(100% + 30px);margin-left:-30px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes{width:calc(100% - 30px);margin-left:30px;float:left}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .tps{font-size:18px; color:#fff; font-size:18px;font-weight:500;line-height:42px; letter-spacing:-0.03em;background:#135cd1;border-radius:8px;text-align:center}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs{padding-top:8px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul{width:calc(100% + 8px);margin-left:-8px;margin-top:-20px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul::after{clear:both;display:block;content:'';}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li{width:calc(25% - 8px);margin-left:8px;padding-top:20px;text-align:center;float:left;min-height:314px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li > span{color:#fff; background:#135cd1; border-radius:14px; max-width:100px; border-radius:14px; line-height:28px;font-size:12px;font-weight:500;margin:0 auto;display:block}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .img{text-align:center;font-size:0}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .img img{display:inline}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt{text-align:center;padding:0 25px;box-sizing:border-box;}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt b{font-size:18px;font-weight:700;line-height:28px; display:block;word-break:keep-all}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt p{font-size:16px;font-weight:400;line-height:26px;color:#454545;word-break:keep-all;margin-top:5px}

#vent_idx .sld_wrap .tab_wrap .img_box .boxes.boxes2 .tps{background:#1898d2}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes.boxes2 ul li{border-color:#1898d2}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes.boxes2 ul li > span{background:#1898d2}

#vent_idx .sld_wrap .tab_wrap .img_box .boxes3{width: calc(100% - 30px);margin-left:30px;float:left; margin-top: 20px;}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .tps{font-size:18px; color:#fff; font-size:18px;font-weight:500;line-height:42px; letter-spacing:-0.03em;background:#4b2dad;border-radius:8px;text-align:center}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs{padding-top:8px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul{width:calc(100% + 12px);margin-left:-8px;margin-top:-20px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul::after{clear:both;display:block;content:'';}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li{width:calc(25% - 8px);margin-left:8px;padding-top:20px;box-sizing:border-box;border-radius:8px;text-align:center;float:left;min-height:314px}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li > span{color:#fff; background:#4b2dad; border-radius:14px; max-width:100px; border-radius:14px; line-height:28px;font-size:12px;font-weight:500;margin:0 auto;display:block}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .img{text-align:center;font-size:0}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .img img{display:inline}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .txt{text-align:center;padding:0 25px;box-sizing:border-box;}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .txt b{font-size:18px;font-weight:700;line-height:28px; display:block;word-break:keep-all}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .txt p{font-size:16px;font-weight:400;line-height:26px;color:#454545;word-break:keep-all;margin-top:5px}

#vent_idx .sld_wrap .tab_wrap .img_box .boxes3.boxes2 .tps{background:#4b2dad}
#vent_idx .sld_wrap .tab_wrap .img_box .boxes3.boxes2 ul li > span{background:#4b2dad}
/* 반응형 */
@media (max-width: 1240px) {
	#vent_idx .sld_wrap .tab_wrap .img_box{padding:40px 20px;}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt{padding:0 12px}
}
@media (max-width: 1100px) {
	.b_title{text-align:center;}
	#vent_idx .w_wrap .box_wrap{text-align:center}
	#vent_idx .w_wrap .box_wrap .list_wrap{max-width:640px;display:inline-block}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box{width:calc(100% - 30px)}
	#vent_view .info_wrap .info_box .pd_box{padding-right:0}
	#vent_idx .sld_wrap .tab_wrap .img_box > div{width:calc(100% + 16px);margin-left:-16px}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes{width:calc(50% - 16px);margin-left:16px;}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt b{font-size:17px}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li .txt p{font-size:15px}

	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3{width:calc(100% - 16px);margin-left:16px;}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .txt b{font-size:17px}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li .txt p{font-size:15px}
}
@media (max-width: 1020px) {
	#vent_idx .sld_wrap .tab_wrap .img_box {text-align:center;}
	#vent_idx .sld_wrap .tab_wrap .img_box > div{max-width:560px;display:inline-block}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes{width:calc(100% - 16px);}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes.boxes2{margin-top:20px}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes .imgs ul li{width:calc(50% - 8px);margin-left:8px;padding-top:20px;box-sizing:border-box;border-radius:8px;text-align:center;float:left;min-height:170px}

	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3{width:calc(100% - 16px);}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3.boxes2{margin-top:20px}
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes3 .imgs ul li{width:calc(50% - 8px);margin-left:8px;padding-top:20px;box-sizing:border-box;border-radius:8px;text-align:center;float:left;min-height:170px}
}
@media (max-width: 960px) {
	#vent_idx .w_wrap{background:none;padding:60px 0 40px}
	#vent_idx .w_wrap section{margin-top:50px}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div span.act{background:#497bfd;border-color:#497bfd;}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .type_box ul li > div.allact span{background:#497bfd;border-color:#497bfd}
	#vent_view .w_wrap{padding:60px 0}
	#vent_view .info_wrap .img_box .mo{display:block;position:Relative;z-index:1;}
	#vent_view .info_wrap .img_box .mo .mk_box{padding:0 20px}
	#vent_view .info_wrap .img_box{width:100%;float:none;position:relative;padding:20px 0;}
	#vent_view .info_wrap .img_box::before{width:120%; left:-10%; top:0; content:''; position:absolute;background:#f8f9fb; height:100%}
	#vent_view .info_wrap .info_box{width:100%;float:none;margin-top: 30px;position:Relative;z-index:1;}
	#vent_view .info_bg{display:none}
	#vent_view .info_wrap .info_box .mk_box{display:none;}
	#vent_view .info_wrap .info_box .tit{display:none}
	#vent_view .info_wrap .info_box .pd_box{padding:0}
	#vent_view .info_wrap .info_box .btn_box{max-width:600px; margin:20px auto 0}
	#vent_view .info_wrap .info_box .d_list{box-shadow: 0px 0px 30px 0px rgba(5, 21, 63, 0.08);}
}
@media (max-width: 768px) {
	#vent_idx .sld_wrap .tab_title b{font-size:26px;line-height:38px}
	#vent_idx .sld_wrap .tab_title a {max-width:120px}
	#vent_idx .sld_wrap .tab_title a span{line-height:38px;font-size:16px}
	#vent_idx .sld_wrap .tab_wrap .md_title b{font-size:24px}
	#vent_idx .sld_wrap .tab_wrap .md_title span{font-size:16px;margin-top:5px}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div{padding:5px 0;}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div b{width:150px; font-size:16px}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div p{width:Calc(100% - 150px);}
}
@media (max-width: 640px) {
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp{height:auto}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .img_wrap{background:#fff; width:100%;float:none;height:300px}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap{width:100%;float:none;height:auto}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tp .info_wrap .mk_box ul li img{max-width:35px}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit{max-height:unset;display:none}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit p{font-size:24px}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit.mo{display:block}
	#vent_idx .w_wrap .b_title h3 span{font-size:36px}
	#vent_idx .sld_wrap .tab_wrap .p_wrap p{font-size:15px;line-height:1.6}
	#vent_view .b_title h1{font-size:40px}
	#vent_view .info_wrap{margin-top:50px}
	#vent_idx .w_wrap .box_wrap .list_wrap .list_box .tit p{font-size:20px}
	#vent_view .info_wrap .info_box .btn_box > div a{width:calc(100% - 5px)}
	#vent_view .detail_wrap .back_btn span{line-height:35px; font-size:14px}
	#vent_view .detail_wrap .back_btn{max-width:100px ; background-size:28px}
	#vent_idx .sld_wrap .tab_wrap .md_title b{float:none}
	#vent_idx .sld_wrap .tab_wrap .md_title span{float:none;margin-top:10px; display:block}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div {padding:15px 0;}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div b{width:100%;padding-left:0;line-height:1.3;padding:0}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .btm_box > div p{width:100%; margin-top:10px;padding:0}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .span_wrap span{font-size:16px;padding-left:24px;word-break:keep-all}
	#vent_idx .sld_wrap .tab_wrap .btm_txt .span_wrap span::before{width:16px;height:16px; margin-top:0px;top:4px; background-size:contain}
	#vent_idx .sld_wrap .tab_title b{font-size:22px}
	#vent_idx .sld_wrap .tab_wrap .md_title b{font-size:20px}
}


@media (max-width: 560px) {
	#vent_idx .sld_wrap .tab_wrap .img_box .boxes .boxes3 .imgs ul li{width:calc(100% - 8px);float:none;padding-bottom:20px; min-height:auto}
	#vent_idx .w_wrap .b_title h3 span{font-size:30px}
	#vent_idx .sld_wrap .tab_title a{max-width:100px}
	#vent_idx .sld_wrap .tab_title a span{font-size:15px;}
}

@media only screen and (max-width: 768px) {
	.main .sec2 .wrap { padding: 50px 20px; box-sizing: border-box; }
	.main .sec2 .txt-group { margin-bottom: 20px; line-height: normal; }
	.main .sec2 .txt { font-size: 18px; }
	.main .sec2 .txt span { font-size: 20px; }
	.main .sec2 .txt2 { font-size: 18px; }
	.main .sec2 .txt2 strong { display: block; font-size: 28px; }

	.btn-more { width: 160px; height: 46px; margin: 0 auto 40px; border-radius: 23px; box-sizing: border-box; }

	.list-item { flex-wrap: wrap; }
	.list-item li { width: 35%; max-width: 247px; margin: 3%; }

	.main .sec3 .wrap { padding: 50px 20px; box-sizing: border-box; }
	.main .sec3 .txt-group { margin-bottom: 20px; line-height: normal; }
	.main .sec3 .txt { font-size: 18px; }
	.main .sec3 .txt2 { font-size: 18px; }
	.main .sec3 .txt2 strong { display: block; font-size: 28px; }

	.main .sec4 .wrap { display: block; padding: 40px 20px 0; box-sizing: border-box; text-align: center; }
	.main .sec4 .wrap > img { display: none; }
	.main .sec4 .txt { margin-bottom: 5px; border-bottom: none; font-size: 18px; color: #3962d6; }
	.main .sec4 .txt span { font-size: 18px; }
	.main .sec4 .txt strong { display: block; font-size: 34px; }
	.main .sec4 .txt2 { display: block; font-size: 16px; line-height: 20px; }
	.main .sec4 .txt2 img { margin: 0 auto 10px; }
	.main .sec4 .txt2 strong { font-size: 18px; }
	.main .sec4 .txt2 span { font-size: 14px; }
	.main .sec4 .btn-more { margin: 20px auto 0; }
	.main .sec4 .img-info { display: none; }
	.main .sec4 .img-product { position: static; width: 100%; max-width: 500px; margin: 20px auto 0; }
	.main .sec4 .img-product.m { display: block; }
	.main .sec4 .img-product.pc{display:none}
	#vent_view .info_wrap .img_box .tit b{font-size:25px}
}