@charset "utf-8"; #include02_wrapper{overflow:hidden;position:relative;width:100%;max-width:1200px;margin:0 auto;font-size:15px;line-height:1.7;letter-spacing:-.15px;color:#888} #index02_l{position:relative;width:calc(100%/3)} .ind02_l_tit{position:absolute;top:37px;left:49px;z-index:1;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);font-family: 'Montserrat', sans-serif} #include02_wrapper .slide_wrap{position:relative;overflow:hidden;float:left;width:100%;background:#1d56ad} #include02_wrapper .slide_wrap:after{display:block;content:"";position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:1050px;height:60px} #include02_wrapper .slide_wrap ul:after{display:block;content:"";visibility:hidden;clear:both} #include02_wrapper .slide_wrap ul li{position:relative;background:no-repeat right;background-size:cover} #include02_wrapper .slide_wrap ul li .cont{float:left;position:relative;width:100%;height:378px} #include02_wrapper .slide_wrap ul li .cont .tit{position:relative;top:221px;left:49px;font-size:14px;line-height:27px;color:rgba(255,255,255,0.5);font-family:'notokr-regular'} #include02_wrapper .slide_wrap ul li .cont .tit span{font-size:20px;font-weight:700;letter-spacing:1px;color:#fff;font-family: 'Montserrat', sans-serif} #include02_wrapper .slide_wrap ul li .cont a{position:absolute;left:49px;bottom:46px;width:127px;height:36px;border:1px solid rgba(255,255,255,0.5);border-radius:2px;font-size:10px;text-align:center;line-height:36px;color:#fff;transition:all .2s;font-family: 'Montserrat', sans-serif} #include02_wrapper .slide_wrap ul li .cont a:hover{color:#3f4780;background:#fff} #include02_wrapper .slide_wrap ul li.slide_01{background-image:url('/sh_img/make24/include_02/img/s_li_bg01.png')} #include02_wrapper .slide_wrap ul li.slide_02{background-image:url('/sh_img/make24/include_02/img/s_li_bg02.png')} #include02_wrapper .slide_wrap ul li.slide_03{background-image:url('/sh_img/make24/include_02/img/s_li_bg03.png')} /* 슬라이드 화살표 */ #include02_wrapper .slide_wrap .arr_box{position:absolute;top:0;right:0px;z-index:1000} #include02_wrapper .slide_wrap .arr_box div{display:inline-block;width:30px;height:30px;font-size:0;transition:all .3s;cursor:pointer} #include02_wrapper .slide_wrap .arr-prev{background:url('/sh_img/make24/include_02/img/l_arrow_off.png') no-repeat center 50%} #include02_wrapper .slide_wrap .arr-next{background:url('/sh_img/make24/include_02/img/r_arrow_off.png') no-repeat center 50%} #include02_wrapper .slide_wrap .arr-prev:hover{background:url('/sh_img/make24/include_02/img/l_arrow_on.png') no-repeat center 50% #616791} #include02_wrapper .slide_wrap .arr-next:hover{background:url('/sh_img/make24/include_02/img/r_arrow_on.png') no-repeat center 50% #616791} /* 공지사항 라테스트 */ #index02_c{position:relative;float:left;width:calc(100%/3);height:378px;background:#fff} #index02_c .slide_wrap{background:var(--primary)} #index02_c #sh_latest{position:relative} #index02_c .sh_lt{width:100%} #index02_c #sh_latest li{position:relative;margin-top:29px;width:100% !important;height:115px;border-bottom:1px dashed #ddd;font-size:15px;line-height:22px;} #index02_c #sh_latest li:last-child{border-bottom:none} #index02_c #sh_latest li a{display:block;width:100%;} #index02_c #sh_latest .lt_subj {margin-bottom:14px;font-size:15px;color:#222;font-family:'notokr-medium'} #index02_c #sh_latest .lt_cont{font-size:14px;line-height:24px;color:#999;font-family:'notokr-regular'} #index02_c #sh_latest .lt_cont a{font-family:'notokr-regular'} #index02_c #sh_latest .lt_nodata {margin-top:35px;font-size:14px;text-align:center;color:#a3a3a3;font-family:'notokr-regular'} #index02_c #sh_latest .date{display:inline-block;float:right;font-size:14px;color:#888;font-family:'notokr-regular'} #index02_c .slide_wrap ul li.slide_03 .cont{background:url('/sh_img/make24/include_02/img/s_li_bg03.png') no-repeat right / cover} /* 좌우버튼 */ #sh_latest .bx-controls-direction{display:none;position:absolute;left:10px;top:49px;z-index:9999} #sh_latest .bx-controls-direction a {display:block;float:left;position:relative;width:18px;height:18px;margin-right:3px;transition:all .3s; text-indent:-9999999px} #index02_c .no_tit{margin-bottom:4px;font-size:20px;color:#444;font-family:'Montserrat', sans-serif} #index02_c .no_tit span{font-weight:700;color:#222} #index02_c .no_tit .plus a{display:inline-block;float:right; width:13px;height:13px;background:url('/sh_img/make24/include_02/img/plus_btn.png');text-indent:-9999px} /* 고객센터 */ #index02_r{float:left;width:calc(100%/3);height:378px;font-family:'Montserrat', sans-serif} #index02_r .cs_center{width:100%;height:205px;padding-top:40px;text-align:center;background:#76aeff} #index02_r .cs_center .cs_tit{font-size:14px;font-weight:600;color:rgba(255,255,255,.8)} #index02_r .cs_center .cs_tel{margin-top:6px;font-size:32px;font-weight:600;letter-spacing:1.5px;color:#fff} #index02_r .cs_center .cs_email{margin-top:6px;font-size:13px;line-height:23px;color:#fff} #index02_r .cs_center .cs_email span{margin-right:4px;color:#fff} #index02_r .map_view{width:100%;height:173px;margin:0 auto;background-color:#1e1e24} #index02_r .map_view iframe{width:100%;height:173px;opacity:.5;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);transition:all .3s} #index02_r .map_view iframe:hover{opacity:1;filter:none;-webkit-filter:grayscale(0)} /* 반응형 [s] */ @media (max-width:1230px){ #index02_r .map_view{width:100%} } @media (max-width:1024px){ #include02_wrapper{padding:15px} #index02_l{width:50%} #index02_l .ind02_l_tit, #index02_c .ind02_l_tit{left:30px} #include02_wrapper .slide_wrap{background-size:cover} #include02_wrapper .slide_wrap ul li .cont .tit{left:30px} #include02_wrapper .slide_wrap ul li .cont a{left:30px} #index02_c{width:50%;border-top:none} #index02_r{overflow:hidden;width:100%;height:205px} #index02_r .cs_center{float:left;width:50%} #index02_r .map_view{float:left;width:50%;height:100%} #index02_r .map_view iframe{height:100%} } @media (max-width:768px){ #index02_l{width:100%} #include02_wrapper .slide_wrap ul li,#index02_c .slide_wrap ul li.slide_03 .cont{background-size:contain} #include02_wrapper .slide_wrap ul li .cont{height:300px} #include02_wrapper .slide_wrap ul li .cont .tit{top:150px} #index02_c{width:100%;height:auto} } @media (max-width:480px){ #include02_wrapper .slide_wrap ul li{background-size:contain} #include02_wrapper .slide_wrap ul li.slide_01{background-image:url('/sh_img/make24/include_02/img/s_li_bg01_m.png')} #include02_wrapper .slide_wrap ul li.slide_02{background-image:url('/sh_img/make24/include_02/img/s_li_bg02_m.png')} #include02_wrapper .slide_wrap ul li.slide_03{background-image:url('/sh_img/make24/include_02/img/s_li_bg03_m.png')} #include02_wrapper .slide_wrap .arr-prev{background:url('/sh_img/make24/include_02/img/l_arrow_off_m.png') no-repeat center 50%;background-size:7px} #include02_wrapper .slide_wrap .arr-next{background:url('/sh_img/make24/include_02/img/r_arrow_off_m.png') no-repeat center 50%;background-size:7px} #include02_wrapper .slide_wrap .arr-prev:hover{background:url('/sh_img/make24/include_02/img/l_arrow_on_m.png') no-repeat center 50% #616791;background-size:7px} #include02_wrapper .slide_wrap .arr-next:hover{background:url('/sh_img/make24/include_02/img/r_arrow_on_m.png') no-repeat center 50% #616791;background-size:7px} #index02_c .no_tit .plus a{background:url('/sh_img/make24/include_02/img/plus_btn_m.png') no-repeat;background-size:13px} #include02_wrapper .slide_wrap ul li{background-size:contain !important} #index02_c{height:auto} #index02_c #sh_latest li{height:auto;padding-bottom:29px} #index02_c #sh_latest .lt_cont{min-height:48px} #index02_c #sh_latest .date{display:block;float:none;margin-top:5px} #index02_r{height:auto} #index02_r .cs_center{width:100%} #index02_r .map_view{width:100%;height:205px} } @media (max-width:380px){ #include02_wrapper .slide_wrap ul li .cont .tit span{font-size:18px} #index02_c #sh_latest .lt_subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } /* 반응형 [e] */