@charset "utf-8"; @media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}} @media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;}.__pcta{display: none !important;}} @media screen and (min-width: 750px){.__ta{display: none;} .__mo{display: none !important;} .__pcta{display: block !important;}} @media screen and (max-width: 1200px) { /* Common */ html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;} body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd {font-size: 13px;} /* Accessibility */ #skip-to-article a {font-size: 20px;line-height: 70px;} #skip-to-article a:focus {height: 70px;} /* Input */ .inp.w100, .slt.w100 {width: 100%;} .inp.wfull, .slt.wfull {width: 100%;} .inp.w50, .slt.w50 {width: 50%;} .inp.w33, .slt.w33 {width: 35%;} textarea {min-height: 100px;} .many_inputs{white-space: nowrap;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} .many_inputs.len3 > *{width: calc((100% / 3) - (20px / 3));} .many_inputs.len2 > *{width: calc((100% / 2) - (10px / 2));} .many_inputs .hipen{font-size: 10px;margin: 0;width: 10px !important;} .lab + label{padding-left: 25px;line-height: 20px;font-size: 14px;} .lab + label:before{width: 20px;height: 20px;} .lab:checked + label:after{width: 20px;line-height: 20px;font-size: 12px;} .lab.radio + label:before{width: 20px;height: 20px;} .lab.radio:checked + label:after{width: 20px;line-height: 20px;} .finp{padding-right: 85px;width: 100%;box-sizing: border-box;min-width: 0;} .finp .input p{line-height: 40px !important;padding: 0 15px;} .finp button{width: 85px;height: 40px !important;padding: 0 !important;} /* Captcha */ #zigger-captcha .inp {margin-left: 0;margin-top: 5px;width: 100%;} /* Tab */ .tab1{margin-bottom: 20px;} .tab1 li a{font-size: 14px;line-height: 50px;} /* Button */ .btnWrap{ margin-top: 20px; } .btn1{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;} .btn2{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;} .btn3{padding: 0 20px;height: 45px;line-height: 45px;font-size: 15px;} .btn1.small, .btn2.small, .btn3.small{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;} .sb-btn.type11{height: 30px;line-height: 30px;padding: 0 8px !important;background: #545c73;border: 1px solid #3b4151;color: #ffffff !important;font-size: 14px;color: #ffffff !important;min-width: 80px;} .sb-btn.type22{height: 30px;line-height: 30px;padding: 0 8px !important;background: #f7f7f7;border: 1px solid #ddd;color: #000000 !important;font-size: 14px;color: #2e2e2e !important;min-width: 80px;} /* Tab */ .article-tab{margin-bottom: 20px;} .article-tab li a{line-height: 45px;font-size: 14px;} .article-tab li.on a{line-height: 46px;} /* Table */ .table colgroup {display: none;} .table tr > * {font-size: 13px;letter-spacing: -0.05em;line-height: 16px;padding: 10px 5px;} .table > tbody > tr > th {min-width: 80px;} .table > tbody > tr > td.no {font-size: 11px;} .table > tbody > tr > td p {line-height: 18px;} .table_wrt colgroup {display: none;} .table_wrt tr > * {font-size: 13px;letter-spacing: -0.05em;line-height: 16px;padding: 10px;} .table_wrt tbody th {width: 70px;font-size: 12px;padding: 10px;} .table_wrt tbody td p {line-height: 18px;} span.tbltxt {font-size: 12px;line-height: 14px;} ul.tbltxt {margin: 5px 0 0 0;} ul.tbltxt li {font-size: 12px;line-height: 14px;} ul.tbltxt li:before {top: 6px;} .list-nodata{padding: 20px;font-size: 13px;} .table_scroll_wrap{position: relative;overflow-x: auto;} .table_scroll_wrap > table{min-width: 800px;} .table_scroll_wrap .scroll_alert{position: absolute;bottom: 0;right: 0;z-index: 2;background: rgba(0,0,0,0.7);line-height: 40px;padding: 0 20px;font-size: 12px;letter-spacing: -1px;color: #fff;text-align: center;white-space: nowrap;} .table_scroll_wrap .scroll_alert i{font-size: 20px;margin-left: 10px;display: inline-block;vertical-align: middle;} .table1 colgroup{display: none;} .table1 tr > *{padding: 10px 5px;font-size: 12px;line-height: 16px;} .table1 tbody th{width: 80px;} .table1 .inp{width: 40%;font-size: 13px;padding: 0 10px;letter-spacing: -1px;} .table1 .w100p{width: 100% !important;} .table1 .w50p{width: calc(50% - 8px);} .table1 .w33p{width: calc(33% - 8px);} .table1 select{padding: 0 5px;font-size: 13px;letter-spacing: -1px;} .table1 textarea{height: 150px;font-size: 13px;line-height: 16px;padding: 10px;letter-spacing: -1px;} .table1 label{font-size: 13px;} .table1 em.tbl_sment{font-size: 13px;} .table1 .fileWrap .addFile{display: block;margin-top: 5px;margin-left: 0;} .table1 .fileWrap input[type=file]{width: 100%;} .table1 .many-inputs{display: flex;justify-content: space-between;flex-wrap: wrap;} .table1 .many-inputs > *{display: inline-block;} .table1 .many-inputs .hipen{font-size: 12px;width: 10px;line-height: 35px;} .table2 { margin-top: 30px;} .table2 tr th { padding: 15px 10px; font-size: 12px;} .table2 tbody td { padding: 10px; font-size: 12px;} .flex_cont_box .table2 { margin-top: 20px;} .flex_cont_box .table2 tr > * { padding: 10px;} .flex_cont_box .table2 td { font-size: 12px;} .flex_cont_box .table2 tfoot td { font-size: 16px;} .table_box.type2 .table2 tr > * { padding: 10px; } .table_box.type2 .table2 td { padding: 12px; font-size: 12px;} /* notice box */ .article-notice {font-size: 14px;line-height: 20px;margin-bottom: 10px;padding: 20px 15px;} .article-notice i {font-size: 20px;} .article-notice em {font-size: 12px;line-height: 16px;} /* 기본 폼 */ .tblform h4 {font-size: 14px;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 10px;} .tblform h4 em {font-size: 12px;font-weight: normal;letter-spacing: -0.05em;line-height: 15px;margin-top: 5px;} .tblform h5 {font-size: 13px;letter-spacing: -0.05em;} .agr-box {margin-bottom: 15px;padding: 20px 15px;} .agr-box .txt {height: 100px;padding: 10px;} .agr-box .chk {font-size: 12px;} .mypoint {font-size: 13px;letter-spacing: -0.05em;margin-bottom: 10px;padding: 20px;} .mypoint strong {font-size: 18px;} /* Popup */ .ph-pop {height: auto !important;left: 20px !important;top: 80px !important;width: calc(100% - 40px) !important;box-sizing: border-box;} .ph-pop .pop-cont {height: auto !important;width: auto !important;} .ph-pop .pop-cont img {max-width: 100% !important;width: auto !important;height: auto !important;} /* Init progress bar */ #loading-screen .in{width: 200px;} /* Multi ajax popup */ .layer-ajaxpopBG{z-index: 300;} .layer-ajaxpop{top: 50%;left: 20px;transform: translate(0, -50%);padding-top: 50px;width: calc(100% - 40px) !important;height: auto !important;} .layer-ajaxpop .pop-tit{height: 50px;} .layer-ajaxpop .pop-tit h3{font-size: 14px;line-height: 50px;} .layer-ajaxpop .pop-tit .close{width: 50px;height: 50px;line-height: 50px;} .layer-ajaxpop .pop-tit .close:after{line-height: 50px;font-size: 14px;} .layer-ajaxpop .pop-wrap{height: auto;max-height: calc(100dvh - 90px);} /* Etc */ .no-data{font-size: 15px;} } /************************************************** Layout **************************************************/ @media screen and (max-width: 1200px){ #smooth-content{padding-top: 60px;} #error-page {margin: 50px auto;} #error-page em{font-size: 120px;letter-spacing: -3px;} #error-page h1{font-size: 25px;} #error-page h2{font-size: 14px;} #header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);padding: 0;} #header .inner{width: auto;height: 60px;} #header .logo{position: absolute;left: 15px;height: 100%;line-height: 60px;} #header .logo img{width: auto;max-width: 120px;max-height: 25px;} #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);} .hd_side .call_btn { font-size: 15px;letter-spacing: -1px;} .hd_side { right: 50px;} .hd_side .inquiry_btn { width: 80px; height: 35px; margin-left: 10px; font-size: 13px;letter-spacing: -1px;} /* layout */ #tnb{top: 50%;transform: translate(0, -50%);right: 60px;} #tnb > li{margin-left: 5px;display: none;} #tnb > li.visible_for_mo{display: inline-block;} #tnb > li a{font-size: 13px;color: #666;display: block;text-decoration: none;color: #333;line-height: 30px;border-radius: 30px;border: 1px solid #ddd;padding: 0 12px;font-weight: bold;letter-spacing: -1px;} #gnb{display: none;} #hd-lan{display: none;} #hd-sch{display: none;} #slide-btn{top: 0;right: -5px;width: 60px;height: 60px;display: block;transform: none;} #slide-btn button span, #slide-btn button:before, #slide-btn button:after{width: 23px;transform: translate(-50%, 0);left: 50%;} #slide-btn button span{top: 50%;margin-top: -1px;} #slide-btn button:before{top: 22px;} #slide-btn button:after{bottom: 22px;} #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);} #slide-bg.on{display: block;} #slide-close{position: absolute;top: 0;right: 5px;width: 60px;height: 60px;background: url('../images/ico_close.svg') no-repeat center center;background-size: 20px auto;} #slide-menu{position: fixed;top: 0;right: 0;width: 100%;height: 100%;display: none;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);} #slide-menu .tit{height: 60px;position: relative;border-bottom: 1px solid #eee;} #slide-menu.on{display: block;opacity: 0;animation:slide_menu_open 0.3s ease forwards;-webkit-animation:slide_menu_open 0.3s ease forwards;} @keyframes slide_menu_open { 0% {opacity: 0;transform: scale(0.9);border-radius: 80px;} 100% {opacity: 1;transform: scale(1);border-radius: 0;} } #slide-menu .utill_menu{padding: 30px;padding-top: 50px;} #slide-menu .utill_menu li{margin-right: 10px;} #slide-menu .utill_menu li a{font-size: 15px;letter-spacing: -1px;color: #999;} #gnb-mo{margin-top: 25px;} #gnb-mo li.hidden{display: none;} #gnb-mo > li > a{position: relative;display: block;line-height: 50px;padding: 0 30px 0 30px;font-size: 18px;letter-spacing: -1px;color: #000;font-weight: 600;text-decoration: none;} #gnb-mo > li > a:before{content: '\f12f';display: block;font-family: axicon;position: absolute;top: calc(50% - 1px);right: 30px;font-size: 13px;color: #000;line-height: 0;} #gnb-mo > li > ul{padding: 0 20px 20px 30px;margin-top: -5px;border-width: 1px 0;margin-bottom: -1px;display: none;} #gnb-mo > li > ul > li > a{line-height: 40px;font-size: 17px;color: #333333;text-decoration: none;padding-left: 0;letter-spacing: -1px;display: block;} #gnb-mo > li > ul > li > ul{display: none;} #gnb-mo > li > ul > li > ul li a{line-height: 32px;font-size: 16px;color: #666;text-decoration: none;padding-left: 0;letter-spacing: -1px;display: block;padding-left: 12px;position: relative;} #gnb-mo > li > ul > li > ul li a:before{content: '';display: block;position: absolute;top: 17px;left: 0;width: 5px;height: 2px;background: #666;} #gnb-mo > li > ul > li > ul > li > a{color: #000;} #gnb-mo > li > ul > li > ul > li > ul{margin-bottom: 15px;display: none;} #gnb-mo > li.on > a:before{transform: rotate(180deg);} #hd-lan-mo{position: absolute;top: 0;left: 30px;z-index: 92;} #hd-lan-mo > a{display: block;line-height: 60px;padding: 0 10px 0 24px;font-size: 16px;color: #000;text-decoration: none;background: url('../images/ico_globe.svg') no-repeat 0 center / 18px auto, url('../images/ico_arrow_down.svg') no-repeat right center / 6px auto;} #hd-lan-mo > ul{position: absolute;top: 50px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;border-radius: 3px;} #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;} #hd-lan-mo > ul li a{display: block;font-size: 15px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;} #hd-lan-mo.on > ul{display: block;} #hd-sch-mo{position: absolute;top: 50%;transform: translate(0, -50%);left: 100px;z-index: 91;} #hd-sch-mo .btn{display: block;width: 20px;height: 20px;background: url('../images/ico_search.svg') no-repeat center center;background-size: contain;text-indent: -999em;border: none;} #hd-sch-mo form{position: fixed;display: none;top: 60px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;} #hd-sch-mo legend{display: none;} #hd-sch-pop{position: fixed;top: 0;left: 0;width: 100%;z-index: 202;box-shadow: 3px 10px 30px rgba(0,0,0,0.1);padding: 0;border: none;} #hd-sch-pop form{width: auto;padding: 0;} #hd-sch-pop .inp{width: calc(100% - 110px);text-indent: 10px;font-size: 15px;height: 60px;} #hd-sch-pop .sbm{width: 55px;height: 60px;background-size: 20px auto;} #hd-sch-pop .close{width: 55px;height: 60px;background-size: 18px auto;} #footer{padding: 30px 20px;} #footer .fnbWrap .inner{width: auto;display: block;} #footer .ftWrap{width: auto;padding: 15px 0;} #footer address{font-size: 10px;line-height: 13px;color: #b3b3b3;font-style: normal;text-align: center;} #footer address hr{display: block;border: none;margin: 0;} #footer .copyright{display: block;margin-top: 0;font-size: 10px;color: #777777;text-align: center;} #sns-ico{margin-top: 15px;text-align: center;} #sns-ico li{margin: 2px;} #sns-ico li img{width: 25px;height: auto;} #gotop{display: none;} #fnb{text-align: center;} #fnb > li{display: inline-block;padding: 0 5px;} #fnb > li:first-child{padding-left: 0;background: none;} #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;} } /************************************************** Main **************************************************/ @media screen and (max-width: 1200px) { #main{ } #main #mainWrap{width: auto;margin: 0;padding: 0 15px; box-sizing: border-box;} #main .visual { max-width: calc(100vw - 30px);} #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;transform: none;min-width: 0;} #main .visual .slick-dots{bottom: 20px;} #main .visual .slick-dots li{margin: 0 2px;} #main .visual .slick-dots li button{width: 12px;height: 12px;} @keyframes mainVisAni { 0% { transform: scale(1.08);} 100% { transform: scale(1);} } #main .visual .txt_box h2 { font-size: 26px;} #main .visual .txt_box p { padding-top: 10px; font-size: 18px;} #main .visual .txt_box a { margin-top: 20px; width: 150px; height: 35px; font-size: 14px;} #main .visual .mouse { bottom: 20px; width: 20px; height: 30px;} #main .visual .mouse .wheel { width: 2px; height: 5px;} #main .visual .arrows button { width: 35px; height: 35px;} #main .visual .arrows .prev { left: 15px; } #main .visual .arrows .next { right: 15px;} #main .visual .arrows button i { font-size: 20px;} /* enabled fullpage.js */ html.fp-enabled #main .visual{padding-top: 55px;} #main .fp-section, #main .fp-section .fp-tableCell{height: auto !important;} #main .visual.fp-section, #main .visual.fp-section .fp-tableCell{height: auto !important;} #main .footer_wrap.fp-section, #main .footer_wrap.fp-section .fp-tableCell{height: 190px !important;} .main_tit_box { padding-bottom: 30px;} .main_tit_box h3 { font-size: 24px;} .main_tit_box p { padding-top: 10px; font-size: 16px;} .main_tit_box a { font-size: 13px;} .main_tit_box a span { margin-left: 5px; width: 22px; font-size: 10px;} #mainWrap section { padding: 60px 0;} .main_company .list_box ul { margin: -5px;} .main_company .list_box li { padding: 5px;} .main_company .list_box li a { padding: 20px 15px 15px 20px;} .main_company .list_box li h4 { font-size: 20px; } .main_company .list_box li p { padding-top: 10px; font-size: 14px; text-shadow: 3px 3px 5px rgba(0,0,0,0.1);} .main_company .list_box li span { width: 35px; font-size: 12px;} .main_service .img_box { padding: 0 15px;} .main_service .txt_box { padding: 20px 15px 0;} .main_service .txt_box h4 { font-size: 18px;} .main_service .txt_box p { font-size: 14px;} .main_sns .cont_box > div { width: calc(50% - 10px); margin: 0 5px; padding: 20px;} .main_sns .cont_box .left_box::before { top: 20px; right: 20px; width: 20px;} .main_sns .cont_box .right_box::before { top: 20px; right: 20px; width: 30px;} .main_sns .cont_box span { font-size: 15px;} .main_sns .cont_box p { padding-top: 10px; font-size: 20px;} .main_sns .cont_box a { margin-top: 15px; width: 160px; padding: 3px 5px; font-size: 14px;} .main_sns .cont_box a i { width: 25px; margin-right: 5px;} .main_corporation .list01 > div + div { margin-top: 20px;} .main_corporation .swiper-slide { height: 100px; } .main_certification .swiper-slide .txt_box { height: 45px;} .main_certification .swiper-slide .txt_box p { font-size: 15px;} .main_inquiry .inquiry_box .list_box { padding-top: 25px;} .main_inquiry .inquiry_box .list_box ul { margin: -10px -15px;} .main_inquiry .inquiry_box .list_box li { padding: 10px 15px;} .main_inquiry .inquiry_box .list_box dt { font-size: 14px;} .main_inquiry .inquiry_box .list_box dd { margin-top: 10px;} .main_inquiry .inquiry_box .list_box dd input, .main_inquiry .inquiry_box .list_box dd select { padding: 0 10px; height: 40px; font-size: 13px;} .main_inquiry .inquiry_box .list_box dd select { background-size: 10px;} .main_inquiry .inquiry_box .list_box dd .txt { width: 40px;} .main_inquiry .inquiry_box .list_box dd .space { width: calc(100% - 40px);} .main_inquiry .sb-agreebox { margin-top: 20px; padding: 10px 15px;} .main_inquiry .sb-agreebox .agree { display: block;} .main_inquiry .sb-agreebox .agree label { padding-left: 20px; font-size: 14px;} .main_inquiry .sb-agreebox .agree label:before { width: 16px; height: 16px;} .main_inquiry .sb-agreebox .agree label:after { width: 16px;} .main_inquiry .sb-agreebox button { height: 30px; font-size: 12px;} .main_inquiry .bottom_btn_box { margin-top: 30px;} .main_inquiry .inquiry_btn { width: 150px; height: 40px; font-size: 15px;} } @media screen and (max-width: 750px) { .hd_side { right: 55px;} .hd_side .call_btn { font-size: 14px;} .hd_side .inquiry_btn { width: 85px; height: 30px;} #main .visual .txt_box h2 { font-size: 18px;} #main .visual .txt_box p { padding-top: 5px; font-size: 14px;} #main .visual .txt_box a { margin-top: 10px; width: 130px; height: 30px; font-size: 12px;} #main .visual .mouse { bottom: 10px; width: 16px; height: 26px; display: none;} #main .visual .mouse .wheel { top: 3px;} .main_tit_box { padding: 0 0px 30px; text-align: center; box-sizing: border-box;} .main_tit_box h3 { font-size: 21px;} .main_tit_box p { padding-top: 5px; font-size: 15px;} .main_tit_box a { display: inline-block; position: static; margin-top: 10px; margin-left: auto;} .full_wrapper .main_tit_box { padding: 0 20px 30px; } .main_company .list_box li { width: 100%;} .main_company .list_box li h4 { font-size: 17px;} .main_company .list_box li p { padding-top: 5px; font-size: 13px;} .main_company .list_box li span { margin-top: 15px;} .main_service .txt_box { display: block;} .main_service .txt_box > * { width: 100%;} .main_service .txt_box p { padding-top: 10px;} .main_sns .cont_box { display: block;} .main_sns .cont_box > div { width: 100%; margin: 10px 0;} .main_sns .cont_box .left_box::before { top: 15px; right: 15px;} .main_sns .cont_box .right_box::before { top: 15px; right: 15px;} .main_sns .cont_box span { font-size: 14px;} .main_sns .cont_box p { padding-top: 5px; font-size: 16px; } .main_sns .cont_box a { width: 150px; font-size: 13px;} .main_certification .swiper-slide .txt_box p { font-size: 13px;} .main_inquiry .inquiry_box .list_box ul { display: block;} .main_inquiry .inquiry_box .list_box li { width: 100%;} .main_inquiry .sb-agreebox button { position: static; display: block; margin-top: 10px; margin-left: auto;} } /************************************************** Sub **************************************************/ @media screen and (max-width: 1200px) { #sub{overflow: hidden;} #sub #content {padding: 40px 20px;width: auto;} #sub img{max-width: 100%;} #sub .sub_visual{height: 140px;} #sub .sub_visual .inner{width: auto;} #sub .sub_visual h3{font-size: 22px;} #sub .sub_visual p{font-size: 13px;} #status{margin-bottom: 20px;} #status > li{padding: 0 15px;} #status > li:before{font-size: 13px;} #status > li a{font-size: 13px;} #navigator{border-width: 0 0 1px 0;} #navigator > ul{width: auto;border-left: none;padding-left: 40px;} #navigator > ul > li{width: 50%;box-sizing: border-box;} #navigator > ul > li:nth-child(4){display: none;} #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;} #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;} #navigator > ul > li:first-child a{width: 40px;background: none;} #navigator > ul > li.d2{border: none;} #navigator > ul > li > ul{top: 40px;left: -1px;} #navigator > ul > li.d2 > ul{border-right: none;} #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;} #sub-tit {margin-bottom: 20px;} #sub-tit h2 {font-size: 16px;} .lnb_wrap {display: none;} /* Signin */ #signin {margin: 20px auto;padding: 0 30px;width: auto;} #signin h4 {font-size: 20px;margin-bottom: 10px;} #signin .log-noti {font-size: 12px;margin-bottom: 30px;} #signin .log-noti a {font-size: 12px;} #signin .snsbox h5 {font-size: 12px;margin-bottom: 10px;} #signin .snsbox ul {margin: -2px;} #signin .snsbox ul li a {font-size: 12px;} #signin .snsbox ul li a img {height: auto;margin-top: -1px;width: 15px;} #signin .or {font-size: 12px;margin: 20px 0;} #signin .inp-wrap label {font-size: 13px;margin-top: 15px;} #signin .inp-wrap label.chk {font-size: 13px;} #signin .inp-wrap label a {font-size: 13px;} #signin .inp-wrap .agree_wrap{margin: 20px 0 10px 0;} #signin .inp-wrap .agree_wrap label{font-size: 14px;} #signin .inp-wrap .agree_wrap label a{font-size: 14px;} #signin .mb_email {font-size: 13px;margin-bottom: 5px;} #signin .ft-btns {margin-top: 15px;} #signin .ft-btns li {padding: 0 15px;} #signin .ft-btns li a {font-size: 14px;} #signin .ft-btns li:before {height: 12px;} #signin button[type=submit]{font-size: 14px;} /* signup */ #signup_terms{width: auto;} #signup_terms fieldset{margin-top: 30px;} #signup_terms .sns_signup_wrap{padding: 25px 0;} #signup_terms .sns_signup_wrap h5{display: block;margin-right: 0;margin-bottom: 10px;font-size: 14px;text-align: center;} #signup_terms .sns_signup_wrap ul{display: block;} #signup_terms .sns_signup_wrap ul li a {font-size: 13px;line-height: 35px;padding: 0 15px;} #signup_terms .sns_signup_wrap ul li a img {width: 16px;height: auto;} #signupForm{width: auto;} #signupForm .send-sms-code, #signupForm .confirm-sms-code{margin-top: 5px;width: 100%;} #infoForm{width: auto;} #infoForm .send-sms-code, #infoForm .confirm-sms-code{margin-top: 5px;width: 100%;} /* agreebox (for subpage) */ #policy-agree-box {font-size: 13px;line-height: 20px;} #policy-agree-box h4 {font-size: 15px;margin-bottom: 10px;} /* agreebox (for emement) */ .agreebox .scroll_txt{padding: 15px;font-size: 13px;line-height: 18px;height: 80px;border-radius: 5px;} .agreebox .scroll_txt p{font-size: 13px;} .agreebox .chk_wrap{margin-top: 10px;} .agreebox .chk_wrap label{font-size: 14px;} /* Search head */ .list-head{margin-bottom: 20px;display: block;} .list-head .right{width: 100%;text-align: right;margin-top: 20px;} #search-form fieldset {display: block;margin: 4px 0;width: 100%;} #search-form fieldset .datebox {margin-bottom: -1px;width: calc(50% + 0.5px);} #search-form fieldset .datebox .inp {height: 35px;padding-right: 35px;width: 100%;} #search-form fieldset .keyword {height: 35px;margin-top: 5px;width: calc(100% - 70px);} #search-form fieldset .sltbox {height: 35px;margin-bottom: -1px;margin-right: -1px;width: 100%;} #search-form fieldset .sltbox select {height: 33px;} #search-form fieldset .keyword {width: 100%;margin-top: 0;} #search-form fieldset .submit {height: 35px;line-height: 33px;margin-top: 5px;} #search-form fieldset .submit.mo-w100p {width: 100%;} #search-form fieldset hr {display: none;} #search-form .reset-btn {background: #f7f7f7;border: 1px solid #eeeeee;box-sizing: border-box;display: block;font-size: 13px;line-height: 32px;margin-left: 0;text-align: center;width: 100%;} #search-sort{position: static;transform: none;margin-top: 20px;} #search-sort li{padding: 0 10px;} #search-sort li:first-child{padding-left: 0;} #search-sort li a{font-size: 13px;} /* Mypage */ .mypagebox {margin-bottom: 20px;} .mypagebox > li {padding-bottom: 15px;width: 50%;} .mypagebox > li:before {background: rgba(0,0,0,0.06);content: '';display: block;height: 100%;left: 0;position: absolute;top: 0;width: 1px;} .mypagebox > li:nth-child(odd):before {display: none;} .mypagebox > li:nth-child(3), .mypagebox > li:nth-child(4) {border-top: 1px solid #ddd;} .mypagebox > li h5 {font-size: 13px;line-height: 40px;} .mypagebox > li .txt {font-size: 13px;line-height: 40px;} .mypagebox > li .txt strong {font-size: 14px;margin-right: 3px;} .mypagebox > li .btn2 {font-size: 12px;height: 32px;line-height: 30px;} #pointgift-send {height: 60%;left: 5%;margin-left: 0;margin-top: 0;padding-top: 45px;top: 20%;width: 90%;} #pointgift-send .tit {line-height: 50px;padding: 0 15px;} #pointgift-send .tit h2 {font-size: 14px;} #pointgift-send .tit .close {height: 50px;line-height: 50px;width: 50px;} #pointgift-send .cont {padding: 15px;} #pointgift-send .tbl colgroup {display: none;} #pointgift-send .tbl tbody th {font-size: 12px;width: 50px;} #pointgift-send .tbl tbody td {font-size: 12px;} /* Blocked */ #blocked {margin: 40px 20px;width: auto;} /* Emailchk */ #emailchk {margin: 40px 15px;width: auto;} /* Zig Alert */ #zig-alert {width: calc(100% - 80px)} #zig-alert .content {padding: 25px;} #zig-alert .content p {font-size: 14px;line-height: 22px;} #zig-alert .button {padding: 10px;text-align: center;} #zig-alert .button button {font-size: 16px;padding: 0 30px;} #zig-alert .button button.yes{background: #f7f7f7;} /* Zig Confirm */ #zig-confirm {width: calc(100% - 80px)} #zig-confirm .content {padding: 25px;} #zig-confirm .content p {font-size: 14px;line-height: 22px;} #zig-confirm .button {padding: 10px;text-align: center;} #zig-confirm .button button {font-size: 16px;padding: 0 30px;} #zig-confirm .button button.yes{background: #f7f7f7;} } /************************************************** Subpage utility (모든 서브페이지에서 공통으로 사용되는 utility 스타일) **************************************************/ @media screen and (max-width: 1200px) { /* fullsizing wrapper */ .full_wrapper{width: auto;left: auto;transform: none;box-sizing: border-box;margin: 0 -20px;} .full_wrapper.bg_gray{padding: 40px 20px;} .full_wrapper .inner{width: auto;} .full_wrapper_80 { width: auto;left: auto;transform: none;box-sizing: border-box;margin: 0;} .full_wrapper_80 .inner{width: auto;padding: 0 10px; box-sizing: border-box;} #sub .full_wrapper_80 { padding: 60px 0;} /* get css animation */ ._ani_child{transform: translate(0, 10px);} /* etc */ .sub_title{margin-bottom: 30px;} .sub_title h3{font-size: 20px;} .sub_title p{margin-top: 5px;font-size: 14px;} .sub_title .img_box { margin-top: 30px;} #sub section { padding: 30px 0;} } /************************************************** Subpage styling (각 서브페이지별 스타일. 식별을 위해 경로 주석 표기) - class명은 snake style로 선언 ( greetings_box1 (ㅇ) / greetingsBox1 (x) ) **************************************************/ @media screen and (max-width: 1200px) { .sub_tit_box { padding-bottom: 30px;} .sub_tit_box em { font-size: 16px;} .sub_tit_box h4 { padding-top: 10px; font-size: 22px;} .sub_tit_box h5 { font-size: 20px;} .sub_tit_box p { padding-top: 10px; font-size: 18px;} .sub_tit_box p.small_txt { font-size: 15px;} .sub_tit_box span { padding-top: 5px; font-size: 14px;} div + .sub_tit_box { padding-top: 50px;} div + .sub_tit_box.pd_type2 { padding: 30px 0 15px; } /* 공통 - 작업 프로세스 */ .process_list ol { margin: -5px -10px;} .process_list li { padding: 5px 10px;} .process_list li::after { font-size: 20px;} .process_list li > div { height: 140px; padding: 25px 10px; border-width: 4px;} .process_list li .num { top: 10px; left: 10px; width: 30px; font-size: 14px;} .process_list li .ico_box { height: 40px;} .process_list li p { padding-top: 10px; font-size: 14px; } /* 하단 공통 내용 */ .why_cont .list_box ul { margin: 0 -5px;} .why_cont .list_box li { padding: 0 5px;} .why_cont .list_box li .txt_box { padding-top: 15px;} .why_cont .list_box li .txt_box h5 { font-size: 18px;} .why_cont .list_box li .txt_box p { padding-top: 5px; font-size: 15px;} .insurance_cont .cont_box { padding: 60px 0;} .insurance_cont .left_box { width: 30%; max-width: 200px; left: 30px;} .insurance_cont .right_box { padding-right: 20px; box-sizing: border-box;} .insurance_cont .right_box h5 { font-size: 20px; } .insurance_cont .right_box p { padding-top: 10px; font-size: 15px;} .as_cont { } .as_cont .sub_tit_box p { font-size: 16px; } .as_cont .btn_box ul { margin: 0 -5px;} .as_cont .btn_box li { padding: 0 7px;} .as_cont .btn_box li a { width: 185px; height: 45px; font-size: 15px;} .flex_cont_box.brd_top { margin-top: 30px;} .flex_cont_box { padding: 30px 0;} .flex_cont_box .left_tit_box { width: 30%;} .flex_cont_box .left_tit_box h5 { font-size: 20px; } .flex_cont_box .left_tit_box.chk_tit h5 { font-size: 18px; } .flex_cont_box .right_cont_box { width: 70%;} .flex_cont_box .right_cont_box > div + div { margin-top: 20px;} .flex_cont_box .right_cont_box > p { font-size: 14px;} .flex_cont_box .right_cont_box .common_cont_box .tit { font-size: 17px; } .flex_cont_box .right_cont_box .common_cont_box p { font-size: 14px;} .flex_cont_box .right_cont_box .common_cont_box p + p{ padding-top: 5px;} .flex_cont_box .right_cont_box .common_cont_box.flex p { padding-top: 10px;} .flex_cont_box .right_cont_box .triangle_tit_box { margin-bottom: 15px;} .flex_cont_box .right_cont_box .triangle_tit_box h6 { padding-left: 15px; font-size: 18px;} .flex_cont_box .right_cont_box .triangle_tit_box h6::before { border-width: 5px 0px 5px 8px;} .flex_cont_box .right_cont_box .img_list ul { margin: -10px;} .flex_cont_box .right_cont_box .img_list li { padding: 10px;} .flex_cont_box .right_cont_box .compare_list ul { margin: -10px;} .flex_cont_box .right_cont_box .compare_list li > div { margin: 10px;} .flex_cont_box .right_cont_box .compare_list .txt { height: 40px; font-size: 14px;} /* cleaning Area - 청소구역(범위)*/ .cleaning_area_cont .cir_img_list ul { flex-wrap: wrap; justify-content: center; margin: -10px;} .cleaning_area_cont .cir_img_list li { width: calc(100% / 3); padding: 10px; box-sizing: border-box;} .cleaning_area_cont .cir_img_list li p { padding-top: 10px; font-size: 16px;} .cir_img_list02 ul { margin: -10px -15px; padding: 0 10px;} .cir_img_list02 li { width: calc(100% / 3); padding: 10px 15px;} .cir_img_list02 li p { font-size: 15px;} .cir_img_list02.five ul { padding: 0 10px;} .cir_img_list02.five li { width: calc(100% / 3);} .bg_small_txt_box + .cir_img_list02 { padding-top: 20px;} /* 작업 안내사항 */ .bg_info_box { margin-top: 20px; padding: 20px 15px;} .bg_info_box dt { width: 25%; font-size: 18px;} .bg_info_box dt span { width: 20px; height: 20px; font-size: 13px; } .bg_info_box dd { width: 75%; } .bg_info_box dd li { font-size: 14px;} /* 추가요금 발생사항 */ .flex_cont_box .right_cont_box .line_info_box { margin-top: 20px; padding: 15px;} .line_info_box dt { font-size: 17px;} .line_info_box dt span { width: 20px; height: 20px; font-size: 12px;} .line_info_box dd { padding: 5px 0 0 25px;} .line_info_box dd li { font-size: 14px;} .line_info_box dd li + li { padding-top: 0;} .flex_cont_box .bg_num_list + .line_info_box, .flex_cont_box .line_info_box + .bg_num_list { margin-top: 10px;} /* More Information - 기타 정보 안내 */ .more_info_cont .bg_cont { padding: 40px 10px; box-sizing: border-box;} .more_info_cont .bg_cont h5 { font-size: 22px;} .more_info_cont .bg_cont p { padding-top: 10px; font-size: 15px;} .more_info_cont .bg_cont ul { flex-wrap: wrap; margin: 20px 5px 0;} .more_info_cont .bg_cont li { width: 50%; padding: 5px; box-sizing: border-box;} .more_info_cont .bg_cont li dt { height: 35px; font-size: 15px;} .more_info_cont .bg_cont li dd { padding: 10px; font-size: 15px;} .more_info_cont .bg_cont + .brd_info_box { margin-top: 30px;} .more_info_cont .brd_info_box ul { margin: 0 -5px;} .more_info_cont .brd_info_box li { padding: 0 5px;} .more_info_cont .brd_info_box li dl { padding: 15px;} .more_info_cont .brd_info_box li dt { font-size: 18px;} .more_info_cont .brd_info_box li dt i { width: 25px; height: 25px; font-size: 13px; } .more_info_cont .brd_info_box li dd { padding-top: 5px; font-size: 16px; } /* Additional Services - 부가서비스 안내 */ .add_service_cont .service_img_list ul { margin: -5px;} .add_service_cont .service_img_list li { padding: 5px;} .add_service_cont .service_img_list li > div { min-height: 170px; padding: 20px;} .add_service_cont .service_img_list li h5 { font-size: 18px;} .add_service_cont .service_img_list li p { padding-top: 10px; font-size: 15px;} /* num_brd_list */ .num_brd_list { } .num_brd_list ul { margin: -5px;} .num_brd_list li { padding: 5px;} .num_brd_list li > div { height: 100px; padding: 0 15px;} .num_brd_list li .num { width: 30px; margin-right: 10px; font-size: 14px;} .num_brd_list li p { width: calc(100% - 40px); font-size: 14px;} .num_brd_list.type2 li dl dt { font-size: 18px;} .num_brd_list.type2 li dl dd { font-size: 15px;} .num_brd_list.type2 li dl dd p { padding-left: 10px;} .num_brd_list.type2 li dl dd p::before { } .line_arrow_list ul { margin: -7px -10px;} .line_arrow_list li { width: 50%; padding: 7px 10px;} .line_arrow_list li .tit_box { height: 50px;} .line_arrow_list li .tit_box.type2 { height: 75px;} .line_arrow_list li .tit_box::after { right: -7px; font-size: 15px;} .line_arrow_list li:nth-child(3n) .tit_box::after { display: block; } .line_arrow_list li:nth-child(2n) .tit_box::after { display: none;} .line_arrow_list li:last-child .tit_box::after { display: none;} .line_arrow_list li .tit_box p { font-size: 15px;} .line_arrow_list li > p { padding-top: 10px; font-size: 14px; } .line_arrow_list.no_arrow li .tit_box { height: 100px;} .bg_small_txt_box { margin-top: 20px; padding: 10px;} .bg_small_txt_box p { font-size: 15px;} .bg_small_txt_box dl {} .bg_small_txt_box dt { font-size: 15px;} .bg_small_txt_box dd { padding-left: 15px; font-size: 15px;} /* brd_img_list */ .brd_img_list li { padding: 15px;} .brd_img_list li + li { margin-top: 10px;} .brd_img_list li .img_box { width: 30%;} .brd_img_list li .img_box img { width: 100%;} .brd_img_list li .txt_box { width: 70%; padding-left: 15px;} .brd_img_list li .txt_box dt { font-size: 20px;} .brd_img_list li .txt_box dd { padding-top: 5px; font-size: 15px;} /* brd_option_list */ .brd_option_list ul { margin: -5px;} .brd_option_list li { width: calc(50% - 10px); margin: 5px; padding: 10px 15px; } .brd_option_list li .tit_box .num { width: 80px; height: 32px; font-size: 13px;} .brd_option_list li .tit_box p { padding-left: 10px; font-size: 14px;} .brd_option_list li .price { font-size: 16px;} /* dash_txt_list */ .dash_txt_list li { padding-left: 10px; font-size: 14px;} .dash_txt_list li::before {} /* bold_cir_txt_list */ .bold_cir_txt_list ul { flex-wrap: wrap; margin: 0 -12px; padding: 0;} .bold_cir_txt_list li {padding: 0 12px;} .bold_cir_txt_list li::before { width: 16px; height: 6px;} .bold_cir_txt_list li .cir { border-width: 4px;} .bold_cir_txt_list li span { width: 90px; height: 35px; font-size: 14px;} .bold_cir_txt_list li p { font-size: 16px;} /* brd_cir_img_list 프리미엄 청소, 입주청소와의 차이점 */ .brd_cir_img_list ul { margin: -5px;} .brd_cir_img_list li { padding: 5px;} .brd_cir_img_list li > div { padding: 20px;} .brd_cir_img_list li .img_box { width: 90px;} .brd_cir_img_list li .txt_box { width: calc(100% - 90px); padding-left: 15px;} .brd_cir_img_list li .txt_box dt { font-size: 20px;} .brd_cir_img_list li .txt_box dd { padding-top: 5px; font-size: 14px;} /* bg_num_list */ .bg_num_list > ul > li { padding: 20px 15px;} .bg_num_list li + li { margin-top: 10px;} .bg_num_list li .num { width: 30px; margin-right: 10px; font-size: 15px;} .bg_num_list li dl { width: calc(100% - 40px);} .bg_num_list li > dl > dt { font-size: 20px;} .bg_num_list li > dl > dd { padding-top: 5px; font-size: 14px;} /* img_txt_list */ .img_txt_list ul { margin: -5px;} .img_txt_list li { width: calc((100% / 3) - 10px); margin: 5px;} .img_txt_list li .txt_bg_box { height: 45px;} .img_txt_list li .txt_bg_box p { font-size: 15px;} .img_txt_list li .txt_box dl { padding-top: 15px;} .img_txt_list li .txt_box dt { font-size: 18px;} .img_txt_list li .txt_box dd { padding-top: 5px; font-size: 14px;} /* bottom_txt_box */ .bottom_txt_box { padding-top: 30px;} .bottom_txt_box strong { font-size: 22px;} .bottom_txt_box p { padding-top: 5px; font-size: 16px;} /* faq_list */ .faq_list li + li { margin-top: 10px;} .faq_list li span { margin-right: 10px; font-size: 18px;} .faq_list li .question_box { padding: 15px 20px;} .faq_list li .question_box p { font-size: 18px;} .faq_list li .answer_box { padding: 20px;} .faq_list li .answer_box p { font-size: 15px; } /* company > company */ .company_cont02 .txt_box { padding-top: 20px;} .company_cont02 .txt_box h5 { font-size: 18px;} .company_cont02 .txt_box p { font-size: 14px;} .img_num_txt_list li { margin: 0 -10px;} .img_num_txt_list li + li { margin-top: 20px;} .img_num_txt_list li > div { width: calc(50% - 20px); margin: 0 10px;} .img_num_txt_list li .txt_box { padding-left: 20px;} .img_num_txt_list li .txt_box .num { width: 30px; margin-right: 10px; font-size: 14px;} .img_num_txt_list li .txt_box h5 { padding-top: 10px; font-size: 20px;} .img_num_txt_list li .txt_box p { padding-top: 10px; font-size: 14px;} .company_cont05 .table_box { padding: 10px 30px;} .company_cont05 table tbody tr > * { padding: 10px; font-size: 12px;} .company_cont06 .list_box ul { margin: -5px;} .company_cont06 .list_box li { padding: 5px;} /* board > review */ .top_sns { margin: 25px 0; padding: 12px 15px;} .top_sns ul { margin: -7px;} .top_sns li { padding: 7px; } .top_sns li a { font-size: 14px; } .top_sns li img { max-width: 25px; margin-right: 3px;} } @media screen and (max-width: 750px) { .sub_tit_box { padding-bottom: 20px;} .sub_tit_box em { font-size: 14px;} .sub_tit_box h4 { padding-top: 5px; font-size: 19px;} .sub_tit_box h5 { font-size: 18px;} .sub_tit_box p { padding-top: 5px; font-size: 14px;} .sub_tit_box p.small_txt { font-size: 13px;} .sub_tit_box span { padding-top: 0; font-size: 12px;} /* 공통 - 작업 프로세스 */ .process_list li { width: 50%;} .process_list li::after { font-size: 16px;} .process_list li:nth-child(3n):after { display: block; } .process_list li:nth-child(2n):after { display: none;} .process_list li .num { width: 25px; height: 25px; font-size: 12px;} /* 하단 공통 내용 */ .why_cont .list_box ul { display: block; padding: 0 5px;box-sizing: border-box;} .why_cont .list_box li { width: 100%;} .why_cont .list_box li + li { padding-top: 15px;} .why_cont .list_box li .img_box img { width: 100%;} .why_cont .list_box li .txt_box h5 { font-size: 15px;} .why_cont .list_box li .txt_box p { font-size: 13px;} /* .insurance_cont .cont_box { padding: 20px 0;} .insurance_cont .left_box { left: 15px;} .insurance_cont .right_box { padding-right: 10px;} .insurance_cont .right_box h5 { font-size: 16px;} .insurance_cont .right_box p { font-size: 13px;} */ .insurance_cont .cont_box { display: block; padding: 20px 0;} .insurance_cont .left_box { position: static; margin: 0 auto;} .insurance_cont .right_box { padding: 20px 10px 0; text-align: center;} .insurance_cont .right_box h5 { text-align: center; font-size: 16px;} .insurance_cont .right_box p { font-size: 13px;} .as_cont .btn_box ul { display: block; margin: -5px;} .as_cont .btn_box li { padding: 5px 0;} .as_cont .btn_box li a { width: 160px; height: 40px; margin: 0 auto; font-size: 14px;} .as_cont .btn_box li:nth-child(2) img { max-width: 16px;} /* 작업 안내사항 */ .bg_info_box dl { display: block;} .bg_info_box dt { width: 100%;} .bg_info_box dd { width: 100%; padding-top: 10px;} .cir_img_list02 ul { margin: -7px;} .cir_img_list02 li { width: 50%; padding: 7px; } .cir_img_list02.five li { width: 50%; } .flex_cont_box { display: block;} .flex_cont_box .left_tit_box { width: 100%;} .flex_cont_box .right_cont_box { width: 100%; padding-top: 10px;} .flex_cont_box .right_cont_box .common_cont_box.flex { display: block;} .flex_cont_box .right_cont_box .common_cont_box.flex .round_img_box { margin-top: 10px;} .flex_cont_box .right_cont_box .common_cont_box.flex .round_img_box img { width: 100%;} .flex_cont_box .right_cont_box .img_list ul { margin: -5px;} .flex_cont_box .right_cont_box .img_list li { padding: 5px;} .flex_cont_box .right_cont_box .compare_list ul { margin: -5px;} .flex_cont_box .right_cont_box .compare_list li > div { margin: 5px;} .flex_cont_box .right_cont_box .compare_list .txt { font-size: 12px;} /* cleaning Area - 청소구역(범위)*/ .cleaning_area_cont .cir_img_list ul { margin: -10px -5px;} .cleaning_area_cont .cir_img_list li { width: 50%; padding: 10px 5px;} .cleaning_area_cont .cir_img_list li p { font-size: 14px;} /* More Information - 기타 정보 안내 */ .more_info_cont .bg_cont h5 { font-size: 18px;} .more_info_cont .bg_cont p { padding-top: 5px; font-size: 14px;} .more_info_cont .brd_info_box li dt { font-size: 16px;} .more_info_cont .brd_info_box li dt i { margin-right: 0;} .more_info_cont .brd_info_box li dd { font-size: 14px;} .num_brd_list ul { display: block;} .num_brd_list li { width: 100%;} .more_info_cont .brd_info_box ul { display: block;} .more_info_cont .brd_info_box li + li { margin-top: 10px; } /* Additional Services - 부가서비스 안내 */ .add_service_cont .service_img_list li > div { padding: 15px;} .add_service_cont .service_img_list li h5 { font-size: 16px;} .add_service_cont .service_img_list li p { padding-top: 0; font-size: 13px;} /* brd_img_list */ .brd_img_list li { display: block;} .brd_img_list li .img_box { width: 100%; margin: 0 auto;} .brd_img_list li .txt_box { width: 100%; padding: 15px 0 0;} .brd_img_list li .txt_box dt { font-size: 18px;} .brd_img_list li .txt_box dd { font-size: 13px;} /* brd_option_list */ .brd_option_list ul { display: block;} .brd_option_list li { width: 100%; padding: 10px;} .brd_option_list li .tit_box .num { width: 70px; height: 28px; } .brd_option_list li .tit_box p { padding-left: 5px; font-size: 12px;} .brd_option_list li .price { font-size: 12px;} /* bold_cir_txt_list */ .bold_cir_txt_list ul { margin: -15px -12px;} .bold_cir_txt_list li { width: 50%; margin: 15px 0;} .bold_cir_txt_list li:nth-child(2n)::before { display: none;} /* brd_cir_img_list 프리미엄 청소, 입주청소와의 차이점 */ .brd_cir_img_list li > div { display: block; padding: 15px;} .brd_cir_img_list li .img_box { margin: 0 auto;} .brd_cir_img_list li .txt_box { width: 100%; padding: 10px 0 0; text-align: center;} .brd_cir_img_list li .txt_box dt { font-size: 18px;} .brd_cir_img_list li .txt_box dd { padding-top: 0; font-size: 13px;} /* bg_num_list */ .bg_num_list > ul > li { padding: 15px 10px;} .bg_num_list li .num { width: 25px; margin-top: 1px; font-size: 12px;} .bg_num_list li dl { width: calc(100% - 35px);} .bg_num_list li > dl > dt { font-size: 17px;} .bg_num_list li > dl > dd { padding-top: 0; font-size: 13px;} /* img_txt_list */ .img_txt_list ul { display: block; margin: -15px 0;} .img_txt_list li { width: 100%; margin: 15px 0; } .img_txt_list li .txt_box dt { font-size: 16px;} .img_txt_list li .txt_box dd { padding-top: 0;} /* bottom_txt_box */ .bottom_txt_box { padding-top: 15px;} .bottom_txt_box strong { font-size: 17px;} .bottom_txt_box p { font-size: 14px;} /* faq_list */ .faq_list li span { margin-top: -2px; font-size: 16px;} .faq_list li .question_box { padding: 10px 15px;} .faq_list li .question_box p { font-size: 16px;} .faq_list li .answer_box { padding: 15px;} .faq_list li .answer_box p { font-size: 14px; } /* company > company */ .company_cont02 .txt_box { display: block;} .company_cont02 .txt_box h5 { width: 100%;} .company_cont02 .txt_box p { width: 100%; padding-top: 10px;} .img_num_txt_list li { flex-wrap: wrap; margin: 0;} .img_num_txt_list li:nth-child(2n) { flex-direction: column-reverse;} .img_num_txt_list li > div { width: 100%; margin: 0;} .img_num_txt_list li .txt_box { padding: 15px 0 0;} .img_num_txt_list li .txt_box .num { width: 25px; height: 25px; font-size: 12px;} .img_num_txt_list li .txt_box h5 { font-size: 18px;} .img_num_txt_list li .txt_box p { font-size: 13px;} .company_cont05 .table_box { padding: 15px;} .company_cont05 table colgroup { display: none;} .company_cont05 table tbody tr > * { display: block; padding: 7px;} .company_cont05 table tbody tr:last-child > * { border-bottom: 1px solid #ddd;} .company_cont06 .list_box li { width: 100%;} } @media screen and (max-width: 450px) { .flex_cont_box .right_cont_box .compare_list ul { margin: -10px 0;} .flex_cont_box .right_cont_box .compare_list li > div { width: 100%; margin: 10px 0;} /* Additional Services - 부가서비스 안내 */ .add_service_cont .service_img_list li { width: 100%;} }