@charset "utf-8"; /************************************************** Respond.css **************************************************/ /************************************************** Setting Device Width **************************************************/ #_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;} @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;} } /************************** Shop Default Style **************************/ @media screen and (max-width: 750px){ #sb-footer{margin-top: 15px;min-height: 35px;} .sb-btnWrap{margin-top: 10px;} .sb-btn.type1{padding: 0 5px;min-width: 40px;font-size: 13px;} .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;} .sb-btn.type2{padding: 0 5px;min-width: 40px;font-size: 13px;} .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;} .sb-no-data{padding: 20px 10px;font-size: 12px;} } /************************************************** Layout **************************************************/ @media screen and (max-width: 1200px){ html{min-width: 320px;padding-top: 50px;overflow-x: hidden;} img{max-width:100%;height: auto;} table tr > *{width: auto !important;} #header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);} #header .inner{width: auto;height: 50px;} #header .logo{position: absolute;top: 0;left: 10px;height: 100%;line-height: 50px;display: flex;align-items: center;} #header .logo img{width: auto;height: 20px;} #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);} .gnbWrap {position: static} .gnbWrap:before {display: none;} #gnb{display: none;} .tnbWrap {display: none;} #tnb{display: none;} #hd-lan{display: none;} #hd-sch{display: none;} .hd-banner {display: none} #topBanner {display: none;} #leftBanner {display: none;} #footer .fnbWrap .inner{width: auto; padding: 15px 10px} #footer .ftWrap{width: auto;padding: 15px 0;} #footer address{margin: 5px 0; 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{font-size: 10px; line-height: 40px} #footer .fnbWrap dl {position: static; display: inline-block; vertical-align: top; width: auto !important; padding: 5px 10px} #footer .fnbWrap dl dt {margin-bottom: 5px; font-size: 12px; line-height: 16px} #footer .fnbWrap dl dd .big {font-size: 14px; line-height: 18px} #footer .fnbWrap dl dd p {margin-top: 5px; font-size: 11px; line-height: 16px} #sns-ico{margin-top: 15px;text-align: center;} #sns-ico li{margin: 2px;} #sns-ico li img{width: 21px;height: auto;} #ft-fam{display: none;} #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:not(:first-child):before {display: none} #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;} #slide-btn{top: 50%;margin-top: -8px;right: 10px;display: block;width: 25px;height: 16px;} #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;} #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;} #slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;display: block;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: 50px;position: relative;background: var(--point-color1)} #slide-menu.on{right: 0;} #tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;overflow-x: scroll;white-space: nowrap;border-bottom: 1px solid #e1e1e1;} #tnb-mo > li{display: inline-block;margin: 0 10px;} #tnb-mo > li a{font-size: 12px;color: #333;} #gnb-mo > li {border-bottom: 1px solid #e1e1e1;} #gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;} #gnb-mo > li > ul > li:after {display: none !important;} #gnb-mo > li ul{display: none;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;} #gnb-mo > li ul li{border-bottom: 1px solid rgba(0,0,0,0.04);} #gnb-mo > li ul ul {background-color: rgba(0,0,0,0.04);} #gnb-mo > li ul > li > a{display: block;padding: 0 15px;line-height: 35px;font-size: 14px;color: #666;text-decoration: none;} #gnb-mo .li_btn {position: relative;z-index: 0;} #gnb-mo .li_btn:after {display: block;content: '\e84e';position: absolute;top: 7px;right: 15px;z-index: -1;font-family: 'axicon';font-size: 20px;color: #555;} #gnb-mo > li.hidden-gnb-mo{display: none;} #gnb-mo > li:nth-child(6) > a, #gnb-mo > li:nth-child(7) > a, #gnb-mo > li:nth-child(8) > a {background: var(--point-color3);color: var(--point-color2);} #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;} #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;} #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;} #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');} #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;} #hd-lan-mo.on > ul{display: block;} #hd-sch-mo{position: absolute;top: 14px;left: 15px;z-index: 91;} #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;} #hd-sch-mo form{position: fixed;display: none;top: 50px;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-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;} #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;} #hd-sch-mo.on form{display: block;} #side_menu2{position: fixed;top: auto;bottom: 10px;right: 10px;width: auto;} #side_menu2 .side_menu{display: none;} #side_menu2 .scrollBtn{display: none;} #sns_btns > li img {max-width: 13vw;} /* Site Layer Popup */ .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;} .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;} .sp-pop .img img{max-width:100%;} .sp-pop .btns li{height: 30px;} .sp-pop .btns li a, .sp-pop .btns li label{line-height: 28px;} /* etc */ .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;} /* Button */ .btnWrap{ margin-top: 18px; } .btn1{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px;} .btn2{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px;} .btn3{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px;} .btn4{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px;} .btn5{padding: 0 20px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px;} .btn1.small, .btn2.small, .btn3.small, .btn4.small{padding: 0 10px;height: 30px;line-height: 28px;font-size: 12px;} .selectbox select{font-size: 13px;} .custlab{font-size: 13px;min-width: 70px;} .custlab input{display: none;} } @media screen and (max-width: 750px){ } /************************************************** Ajax Popup **************************************************/ @media screen and (max-width: 1200px){ #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;} #popup .pop-tit{height: 40px;padding: 0 10px;} #popup .pop-tit h3{font-size: 13px;line-height: 40px;} #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;} #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;} #popup.on{opacity: 1;} #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;} #popupBG.on{opacity: 1;} /* sitemap */ #popup .sitemap > li{width: 49%;} #popup .sitemap > li > a{font-size: 12px;line-height: 35px;} #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;} } /************************************************** Ajax Popup **************************************************/ @media screen and (max-width: 1200px){ #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;} #popup .pop-tit{height: 40px;padding: 0 10px;} #popup .pop-tit h3{font-size: 13px;line-height: 40px;} #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;} #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;} #popup.on{opacity: 1;} #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;} #popupBG.on{opacity: 1;} /* sitemap */ #popup .sitemap > li{width: 49%;} #popup .sitemap > li > a{font-size: 12px;line-height: 35px;} #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;} } /************************************************** Main **************************************************/ @media screen and (max-width: 1200px){ #main #mainWrap{width: auto;margin: 0;padding: 40px 15px;} #main .visual .roll .item img{position: static;width: 100%;height: auto;transform: translateX(0);} #main .visual .controls {bottom: 25px; right: 25px} #main .visual .controls .btns {width: 30px; height: 30px} #main .visual .controls .wrap {padding: 0 12px 0 12px} #main .visual .controls .wrap .numb span {font-size: 12px; line-height: 30px} #main .visual .controls .wrap .arrow {margin-left: 10px} #main .visual .controls .wrap .arrow a {height: 30px; line-height: 30px} #main section .title {margin-bottom: 20px} #main section .title h5 {font-size: 22px; line-height: 30px} #main section .title em {display: block; margin: 0; margin-top: 5px; font-size: 14px; line-height: 21px} #main section .title a {width: 90px; height: 30px} #main section .title a span {padding-right: 12px; font-size: 12px; line-height: 26px; background-size: 5px auto} #main .banner {margin-top: 50px} #main .banner .roll .item .thumb {border-radius: 8px} #main .banner .roll .slick-arrow {width: 35px; height: 35px} #main .banner .roll .slick-prev {right: 35px; border-radius: 8px 0 0 0} #main .banner .roll .slick-next {border-radius: 0 0 8px 0} #main .section01 ul {margin: 0 -5px} #main .section01 ul li {width: calc(100% / 3 - 10px); margin: 0 5px} #main .section02 {margin-top: 50px} #main .section02 .roll {margin: 0 -5px} #main .section02 .roll .item {margin: 0 5px; border-radius: 8px} #main .section02 .roll .item .img.__mo img {display: block;width: 100%;} #main .section02 .roll .slick-dots {margin-top: 25px} #main .section02 .roll .slick-dots li {height: 8px; margin: 0 3px} #main .section02 .roll .slick-dots li button {width: 8px; height: 8px} #main .section03 {margin-top: 50px} #main .section03 .ajaxBtn {position: static; margin-bottom: 20px;max-width: none;justify-content: start;} #main .section03 .ajaxBtn a {margin: 4px; font-size: 14px; line-height: 22px} #main .section03 .ajaxCont .roll .item dt {width: 100%} #main .section03 .ajaxCont .roll .item dt .thumb.__mo {padding-bottom: 0;} #main .section03 .ajaxCont .roll .item dt .thumb.__mo img {display: block;width: 100%;} #main .section03 .ajaxCont .roll .item dd {width: 100%; padding: 0; margin-top: 20px} #main .section03 .ajaxCont .roll .item dd ul li {padding: 20px 0} #main .section03 .ajaxCont .roll .item dd ul li .tmb {width: 80px; padding-bottom: 80px} #main .section03 .ajaxCont .roll .item dd ul li .mid {width: calc(100% - 80px); padding: 0 10px 0 15px} #main .section03 .ajaxCont .roll .item dd ul li span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} #main .section03 .ajaxCont .roll .item dd ul li h6 {margin: 2px 0 3px; font-size: 16px; line-height: 24px} #main .section03 .ajaxCont .roll .item dd ul li p {font-size: 13px; line-height: 20px} #main .section03 .ajaxCont .roll .slick-dots {margin-top: 25px} #main .section03 .ajaxCont .roll .slick-dots li {height: 8px; margin: 0 3px} #main .section03 .ajaxCont .roll .slick-dots li button {width: 8px; height: 8px} #main .section04 {margin: 50px 0} #main .section04 .roll {margin: -4px} #main .section04 .roll .slick-slide {margin: 4px} #main .section04 .roll .slick-slide div {border-radius: 8px} #main .section04 .roll .slick-slide div:nth-child(even) {margin-top: 8px} #main .section04 .roll .slick-dots {margin-top: 25px} #main .section04 .roll .slick-dots li {height: 8px; margin: 0 3px} #main .section04 .roll .slick-dots li button {width: 8px; height: 8px} #main .section05 {padding: 50px 0} #main .section05 dl dt {width: 190px; margin-right: 25px; padding-top: 25px} #main .section05 dl dt h5 {font-size: 26px; line-height: 36px} #main .section05 dl dt p {margin: 10px 0 15px; font-size: 15px; line-height: 23px} #main .section05 dl dt .more {width: 90px; height: 30px} #main .section05 dl dt .more span {padding-right: 12px; font-size: 12px; line-height: 30px; background-size: 5px auto} #main .section05 dl dt .arrow {margin-top: 35px} #main .section05 dl dt .arrow a {width: 30px; background-size: 10px auto !important} #main .section05 dl dd {width: calc(100% - 215px)} #main .section05 dl dd .roll {margin: 0 -7px} #main .section05 dl dd .roll .item {margin: 0 7px} #main .section05 dl dd .roll .item .thumb {border-radius: 8px} #main .section05 dl dd .roll .item .thumb .numb {width: 32px; height: 32px; font-size: 15px; line-height: 32px; border-radius: 8px 0 8px 0} #main .section05 dl dd .roll .item .info .cate {font-size: 12px; line-height: 18px} #main .section05 dl dd .roll .item .info h6 {margin: 2px 0 5px; font-size: 14px; line-height: 21px} #main .section05 dl dd .roll .item .info .cost > * {line-height: 26px} #main .section05 dl dd .roll .item .info .cost del {font-size: 13px} #main .section05 dl dd .roll .item .info .cost strong {font-size: 16px} #main .section05 dl dd .roll .item .info .stt {margin-top: 8px} #main .section05 dl dd .roll .item .info .stt span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} #main .section06 {margin-top: 50px} #main .section06 .roll {margin: 0 -10px} #main .section06 .roll .item {margin: 0 10px} #main .section06 .roll .item .thumb {border-radius: 8px} #main .section06 .roll .item .info .cate {font-size: 12px; line-height: 18px} #main .section06 .roll .item .info h6 {margin: 2px 0 5px; font-size: 14px; line-height: 21px} #main .section06 .roll .item .info .cost > * {line-height: 26px} #main .section06 .roll .item .info .cost del {font-size: 13px} #main .section06 .roll .item .info .cost strong {font-size: 16px} #main .section06 .roll .item .info .stt {margin-top: 8px} #main .section06 .roll .item .info .stt span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} #main .section07 {margin-top: 50px} #main .section07 .roll {margin: 0 -10px} #main .section07 .roll .item {margin: 0 10px} #main .section07 .roll .item .thumb {border-radius: 8px} #main .section07 .roll .slick-dots {margin-top: 25px} #main .section07 .roll .slick-dots li {height: 8px; margin: 0 3px} #main .section07 .roll .slick-dots li button {width: 8px; height: 8px} #main .section08 {margin-top: 50px} #main .section08 .ajaxBtns {margin: 0 -6px; padding: 0 40px} #main .section08 .ajaxBtns .slick-arrow {top: 30px} #main .section08 .ajaxBtns .slick-prev {left: 20px} #main .section08 .ajaxBtns .slick-next {right: 20px} #main .section08 .ajaxBtns a {margin: 0 6px; font-size: 13px; line-height: 20px} #main .section08 .ajaxBtns a .img {width: 80px; height: 80px} #main .section08 .ajaxcnt {margin-top: 30px} #main .section08 .ajaxcnt dl dt {width: calc(50% - 230px); margin-right: 30px} #main .section08 .ajaxcnt dl dt .thumb {border-radius: 8px} #main .section08 .ajaxcnt dl dt .thumb.__mo {padding-bottom: 0;} #main .section08 .ajaxcnt dl dt .thumb.__mo img {display: block;width: 100%;} #main .section08 .ajaxcnt dl dd {width: calc(50% + 200px)} #main .section08 .ajaxcnt dl dd ul {margin: -8px} #main .section08 .ajaxcnt dl dd ul li {width: calc(100% / 3 - 16px); margin: 8px} #main .section08 .ajaxcnt dl dd ul li .thumb {border-radius: 8px} #main .section08 .ajaxcnt dl dd ul li .info {margin-top: 12px} #main .section08 .ajaxcnt dl dd ul li .info h6 {font-size: 14px; line-height: 21px} #main .section08 .ajaxcnt dl dd ul li .info .cost > * {line-height: 26px} #main .section08 .ajaxcnt dl dd ul li .info .cost del {font-size: 13px} #main .section08 .ajaxcnt dl dd ul li .info .cost strong {font-size: 16px} #main .section09 {margin: 0; margin-top: 50px} #main .section09 .brd {width: 100%; margin: 10px 0; padding-top: 15px} #main .section09 .brd dt {margin-bottom: 15px; font-size: 18px; line-height: 26px} #main .section09 .brd dt a {padding-right: 12px; font-size: 12px; line-height: 30px; background-size: 5px auto} #main .section09 .brd dd a.link {font-size: 13px; line-height: 26px} #main .section09 .brd dd a.link > * {line-height: 26px} #main .section09 .brd dd a.link:not(:last-child) {margin-bottom: 5px} #main .section09 .brd dd a.tel {padding-left: 20px; font-size: 20px; line-height: 30px; background-size: 15px auto} #main .section09 .brd dd > p {margin-top: 10px; font-size: 13px; line-height: 22px} #main .section09 .brd dd .bttn {position: static; width: 100%; margin-top: 10px; font-size: 0} #main .section09 .brd dd .bttn a {display: inline-block; vertical-align: top; width: calc(50% - 5px); height: 40px; margin-top: 5px; font-size: 13px; line-height: 38px} #main .section09 .brd dd .bttn a:first-child {margin-right: 10px} } @media screen and (max-width: 750px){ #main .visual .controls {bottom: 20px; right: 20px} #main section .title h5 {font-size: 20px; line-height: 28px} #main section .title a {position: static; display: block; transform: none; margin-top: 10px} #main .banner .roll .item .thumb {padding-bottom: 33.33%} #main .banner .roll .item .thumb.__mo {padding-bottom: 0;} #main .banner .roll .item .thumb.__mo img {display: block;width: 100%;} #main .section01 ul {margin: -3px 0} #main .section01 ul li {width: 100%; margin: 3px 0} #main .section03 .ajaxBtn {text-align: left} #main .section03 .ajaxBtn a {display: inline-block; padding: 2px; margin: 5px 2px;font-size: 12px;} #main .section03 .ajaxCont .roll .item dd ul li {width: 100%} #main .section05 dl dt {width: 100%; padding: 15px 0; margin-right: 0; margin-bottom: 20px; border-bottom: 1px solid #ddd} #main .section05 dl dt h5 {font-size: 18px; line-height: 26px} #main .section05 dl dt p {margin: 5px 0 10px; font-size: 14px; line-height: 21px} #main .section05 dl dt .arrow {margin-top: 20px} #main .section05 dl dd {width: 100%} #main .section08 .ajaxBtns a {font-size: 13px; line-height: 16px} #main .section08 .ajaxBtns a .img {width: 50px; height: 50px; margin-bottom: 5px; display: block;margin-left: auto;margin-right: auto; } #main .section08 .ajaxBtns .slick-arrow {top: 16px} #main .section08 .ajaxBtns .slick-prev {left: 12px} #main .section08 .ajaxBtns .slick-next {right: 12px} #main .section08 .ajaxcnt dl {flex-direction: column;} #main .section08 .ajaxcnt dl dt {width: 100%;margin-right: 0;margin-bottom: 20px;border-radius: 10px;overflow: hidden;} #main .section08 .ajaxcnt dl dd {width: 100%;} #main .section08 .ajaxcnt dl dd ul {margin: -6px} #main .section08 .ajaxcnt dl dd ul li {width: calc(50% - 12px); margin: 6px} #main .section09 {margin-top: 30px} #main .section09 .brd dt {margin-bottom: 10px; font-size: 16px; line-height: 24px} } /************************************************** Sub **************************************************/ @media screen and (max-width: 1200px){ #sub #content{ width: auto;padding: 40px 15px; } #sub #content.my .myCate {width: 150px; margin-right: 25px} #sub #content.my .cont {width: calc(100% - 175px)} .sub-visual {height: 200px} #sub .sub-tit{margin-bottom: 20px} #sub .sub-tit h3{font-size: 22px; line-height: 32px} #sub .my .sub-tit {margin-bottom: 20px; padding-bottom: 15px} #sub .my .sub-tit h3 {font-size: 21px; line-height: 30px} #sub .myCate h5 {margin-bottom: 15px; font-size: 20px; line-height: 28px} #sub .myCate > ul {padding: 12px 15px; border-radius: 8px} #sub .myCate > ul > li:not(:last-child) {padding-bottom: 12px; margin-bottom: 12px} #sub .myCate > ul > li > a {font-size: 16px; line-height: 24px} #sub .myCate > ul > li > ul {margin-top: 5px} #sub .myCate > ul > li > ul li a {font-size: 13px; line-height: 26px} .lnbWrap{display: none;} #status{display: none;} #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 > 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;} /* 마이페이지 */ .tblWrap{overflow-x: scroll;} .tblWrap table{min-width: 700px;table-layout: auto;} .tblWrap table tr > *{width: auto;} #smb_my_ov .my_ov_name{line-height:20px;padding:15px;font-size:14px;} #smb_my_act {position:static;} #smb_my_act{position: absolute;top: 15px;right: 15px;float:none;margin:0;padding:0;list-style:none} #smb_my_act li {float:none;display: inline-block;vertical-align: top;margin: 0;margin-left: 2px;} #smb_my_act li a{font-size: 13px;letter-spacing: -1px;} #smb_my_act li .btn_admin{display: none;} #smb_my_ov .cou_pt{position:static;text-align: center;border: 1px solid #ccc;border-width: 0 1px 0 1px;} #smb_my_ov .cou_pt dt:first-child{margin-left: 0;} #smb_my_ov .cou_pt dt{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;margin-right: 5px;margin-left: 15px;font-size: 13px;} #smb_my_ov .cou_pt dd{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;text-align:left;padding:0;margin-right: 5px;font-size: 13px;} #smb_my_ov .cou_pt dd a{color:#000;font-weight:bold;font-size:1.167em} #smb_my_ov .op_area{border-top: 1px solid #ddd;display: block !important;} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt{width:30%;} #smb_my_ov .op_area dd{width:70% !important;} .my_ov_btn{display: none;} .smb_my_more a{font-size: 13px;letter-spacing: -1px;} .list_02 ul{margin: -2px;} .list_02 li{margin: 2px;width: calc(50% - 4px);} .list_02 li img{margin-bottom: 10px;} .list_02 li .smb_my_tit a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .myWrap .tit {margin-bottom: 15px} .myWrap .tit h5 {font-size: 18px; line-height: 26px} .myWrap .memBox {padding: 15px; margin-bottom: 30px; border-radius: 8px} .myWrap .memBox .info dt h6 {padding-left: 35px; font-size: 15px; line-height: 30px} .myWrap .memBox .info dt h6 strong {font-size: 16px} .myWrap .memBox .info dt .img {top: 3px; width: 25px; height: 25px} .myWrap .memBox .info dt span {min-width: 120px; margin-left: 10px; padding: 0 12px; font-size: 12px; line-height: 30px} .myWrap .memBox .info dd {position: static; margin-top: 10px} .myWrap .memBox .info dd p {min-width: 120px; padding-right: 20px; font-size: 13px; line-height: 24px} .myWrap .memBox .info dd p:nth-child(odd) {margin-right: 20px} .myWrap .memBox .info dd p:nth-child(odd):after {top: 7px; right: -1px} .myWrap .memBox .info dd p strong {right: 20px; font-size: 14px} .myWrap .memBox ul {margin-top: 15px; padding: 15px 0; border-radius: 8px} .myWrap .memBox ul li span {font-size: 12px; line-height: 20px} .myWrap .memBox ul li strong {margin-top: 2px; font-size: 17px; line-height: 24px} .myWrap .state ul {margin: -4px} .myWrap .state ul li {width: calc(25% - 8px); margin: 4px; padding: 20px 0; border-radius: 8px} .myWrap .state ul li strong {font-size: 28px; line-height: 36px} .myWrap .state ul li span {font-size: 13px; line-height: 21px} .myWrap .state .sttCont {margin-top: 30px} .myWrap .state .sttCont .cont {width: 100% !important} .myWrap .estList .srchBar {padding: 12px 15px} .myWrap .estList .srchBar .btns {width: 100%} .myWrap .estList .srchBar .btns button {width: 65px; height: 40px; font-size: 13px; line-height: 38px} .myWrap .estList .srchBar .box {width: 100%; margin-top: 10px} .myWrap .estList .srchBar .box .date {width: calc(50% - 50px); height: 40px; padding: 0 12px; font-size: 13px; line-height: 38px} .myWrap .estList .srchBar .box span {width: 16px; font-size: 14px; line-height: 40px} .myWrap .estList .srchBar .box button {width: 76px; height: 40px; font-size: 13px} .myWrap .state .list {margin-top: 20px} .myWrap .state .list table tr > * {padding: 12px 5px; font-size: 13px; line-height: 22px} .myWrap .state .list table tr th {font-size: 14px} .myWrap .state .list table tr td span {font-size: inherit} .myWrap .product .tbl table colgroup {display: none} .myWrap .product .tbl table tr > * {padding: 12px 2px; font-size: 13px; line-height: 20px} .myWrap .product .tbl table tr th {font-size: 14px} .myWrap .product .tbl table tr th span {font-size: 12px} .myWrap .product .tbl table tr td {font-size: 13px; line-height: 20px} .myWrap .product .tbl table tr td .info {padding: 0 5px} .myWrap .product .tbl table tr td .info .tmb {width: 60px; height: 60px} .myWrap .product .tbl table tr td .info .txt {display: block; padding: 0; margin-top: 10px;max-width: 100%;} .myWrap .product .tbl table tr td .info .txt h6 {font-size: 13px; line-height: 20px} .myWrap .product .tbl table tr td .info .txt .cost > * {line-height: 20px} .myWrap .product .tbl table tr td .info .txt .cost del {font-size: 12px} .myWrap .product .tbl table tr td .info .txt .cost strong {font-size: 14px} .myWrap .product .tbl table tr td .box {width: 100px;} .myWrap .product .tbl table tr td .box button {width: 28px; height: 28px; font-size: 16px} .myWrap .product .tbl table tr td .box input {width: 34px; height: 28px; font-size: 13px} .myWrap .product .tbl2 table tr > * {padding: 12px 2px; font-size: 13px; line-height: 20px} .myWrap .product .tbl2 table tr th {font-size: 14px} .myWrap .product .tbl2 table tr td {padding: 12px 5px} .myWrap .product .tbl2 table tr td .tmb {width: 70px; height: 70px} .myWrap .product .tbl2 table tr td .info h6 {font-size: 13px; line-height: 18px} .myWrap .product .tbl2 table tr td .info p {margin: 2px 0 5px; font-size: 12px; line-height: 18px} .myWrap .product .tbl2 table tr td .info .stt span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} .myWrap .product .tbl2 table tr td > p {font-size: 13px; line-height: 20px} .myWrap .product .tbl2 table tr td .bttn {width: 90px; height: 32px; font-size: 12px; line-height: 30px} .myWrap .product .tbl2 table tr td .cost del {font-size: 13px; line-height: 20px} .myWrap .product .tbl2 table tr td .cost strong {font-size: 15px; line-height: 24px} .myWrap .product .tbl2 table tr td .cost strong span {font-size: 12px} .myWrap .product .tbl2 table tr td .box {width: 100px; margin-top: 10px} .myWrap .product .tbl2 table tr td .box button {width: 28px; height: 28px; font-size: 16px} .myWrap .product .tbl2 table tr td .box input {width: 34px; height: 28px; font-size: 13px} .myWrap .product .btns {margin-top: 15px} .myWrap .product .btns a {margin-right: 5px; width: 90px; font-size: 12px; line-height: 30px} .myWrap .product .btns a.down {width: 140px} .myWrap .estList .tbl table tr > * {padding: 12px 5px; font-size: 13px; line-height: 22px} .myWrap .estList .tbl table tr th {font-size: 14px} .myWrap .estList .tbl table tr td span {font-size: 13px} .myWrap .estList .tbl table tr td a {width: 75px; height: 26px; font-size: 12px; line-height: 24px} .myWrap .estList .tbl table tr.view td .wrap {padding: 20px} .myWrap .estList .tbl table tr.view td .wrap .bom {margin-bottom: 20px} .myWrap .estList .tbl table tr.view td .wrap .tit {margin-bottom: 10px} .myWrap .estList .tbl table tr.view td .wrap .tit h5 {font-size: 17px; line-height: 24px} .myWrap .estList .tbl table tr.view td .wrap .bom .hoz table tr > * {padding: 10px} .myWrap .estList .tbl table tr.view td .wrap .bom .hoz table tr td {padding-left: 20px} .myWrap .estList .tbl table tr.view td .wrap .his {margin-bottom: 20px} .myWrap .estList .tbl table tr.view td .wrap .his .ver table tr > * {padding: 10px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr > * {padding: 10px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz .down a {width: 120px; height: 34px; line-height: 34px} .myWrap .point {margin-top: 30px} .myWrap .point dl {padding: 20px; border-radius: 8px} .myWrap .point dl dt {width: 180px; height: auto; padding: 50px 0 45px; border-radius: 8px} .myWrap .point dl dt img {height: 22px} .myWrap .point dl dt p {margin-top: 10px; font-size: 14px; line-height: 20px} .myWrap .point dl dt h6 {font-size: 16px; line-height: 24px} .myWrap .point dl dt h6 strong {font-size: 18px} .myWrap .point dl dd {width: calc(100% - 185px); padding-left: 25px} .myWrap .point dl dd ul li > * {font-size: 13px; line-height: 22px} .myWrap .point dl dd ul li.all {margin-top: 5px; padding-top: 10px} .myWrap .point dl dd ul li.all strong {top: 10px; font-size: 15px} .myWrap .point dl dd ul li.all p {font-size: 16px; line-height: 24px} .myWrap .point dl dd ul li.all p b {font-size: 20px} .myWrap .point dl dd .info {margin-top: 10px} .myWrap .point dl dd .info span {font-size: 12px; line-height: 18px} .myWrap .point dl dd .info p {font-size: 13px; line-height: 20px} .myWrap .point dl dd .info p strong {margin-left: 10px; font-size: 14px} .myWrap .point .text {margin-top: 10px; font-size: 12px; line-height: 18px} .myWrap .bttns {margin-top: 25px} .myWrap .bttns a, .myWrap .bttns button {width: 130px; height: 42px;line-height: 42px; font-size: 14px; line-height: 42px; margin: 0 3px} .sale-list .srchBar {padding-bottom: 10px; margin-bottom: 20px} .sale-list .srchBar .total {padding-right: 10px} .sale-list .srchBar .total > * {font-size: 12px; line-height: 38px} .sale-list .srchBar .total span {margin-right: 10px} .sale-list .srchBar .arry span {margin: 0 10px; font-size: 12px; line-height: 38px} .sale-list .srchBar .arry .selt {width: 90px; height: 38px; padding: 0 10px; font-size: 13px; line-height: 36px} .sale-list .srchBar .srch {width: 220px; height: 38px; padding-right: 40px; width: calc(100% - 100px);position: relative;right: auto;margin-top: 5px; } .sale-list .srchBar .srch input {height: 36px; padding: 0 10px; font-size: 13px; line-height: 36px} .sale-list .srchBar .srch button {width: 35px; height: 36px} .sale-list .srchBar .list_type_btn {top: auto;bottom: 10px;} .sale-list .list ul {margin: -20px -10px} .sale-list .list ul li {width: calc(100% / 3 - 20px); margin: 20px 10px} .sale-list .list ul li .per {top: 12px; left: 12px; width: 40px; height: 40px; font-size: 13px; line-height: 40px} .sale-list .list ul li .thumb {border-radius: 8px} .sale-list .list ul li .thumb .time {font-size: 13px; line-height: 36px; border-radius: 0 0 8px 8px} .sale-list .list ul li .info {margin-top: 15px} .sale-list .list ul li .info .cate {font-size: 12px; line-height: 16px} .sale-list .list ul li .info h6 {font-size: 14px; line-height: 22px} .sale-list .list ul li .info .cost > * {line-height: 22px} .sale-list .list ul li .info .cost del {font-size: 12px} .sale-list .list ul li .info .cost strong {font-size: 16px} .sale-list .list ul li .info .stt {margin-top: 8px} .sale-list .list ul li .info .stt span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} .sale-view .view {padding-bottom: 40px; margin-bottom: 40px} .sale-view .view > div {width: 100%} .sale-view .view .left {padding: 0; margin-bottom: 25px} .sale-view .view .right {padding: 0} .sale-view .view .right .title > span {font-size: 13px; line-height: 20px} .sale-view .view .right .title > h5 {margin: 10px 0 5px; font-size: 18px; line-height: 26px;display: block;} .sale-view .view .right .title > h5 > span {margin-left: 0;font-size: 13px;display: block;line-height: 21px;} .sale-view .view .right .title > p {margin-top: 5px;font-size: 13px; line-height: 21px} .sale-view .view .right .title .cost {margin-top: 10px} .sale-view .view .right .title .cost > * {line-height: 26px} .sale-view .view .right .title .cost strong {font-size: 17px} .sale-view .view .right .title .cost p {font-size: 14px} .sale-view .view .right .title .cost p b {font-size: 20px} .sale-view .view .right .title .cost del {font-size: 13px} .sale-view .view .right .title .cost span {font-size: 13px} .sale-view .view .right .time {margin-top: 15px; font-size: 14px; line-height: 40px} .sale-view .view .right .info {margin-top: 15px} .sale-view .view .right .info ul {padding: 10px 0} .sale-view .view .right .info ul li > * {font-size: 14px; line-height: 26px} .sale-view .view .right .info .cont {padding: 15px 0; font-size: 14px; line-height: 22px} .sale-view .view .right .info .numb {padding: 10px 0} .sale-view .view .right .info .numb span {top: 10px; font-size: 14px} .sale-view .view .right .info .total {padding-top: 15px} .sale-view .view .right .info .total > span {top: 15px; font-size: 16px} .sale-view .view .right .info .total h6 {font-size: 15px} .sale-view .view .right .info .total h6 b {font-size: 22px} .sale-view .view .right .info .total p {font-size: 13px} .sale-view .view .right .info .total p strong {font-size: 15px} .sale-view .view .right .btns {margin-top: 20px;} .sale-view .slide .tit {margin-bottom: 20px} .sale-view .slide .tit > * {line-height: 26px} .sale-view .slide .tit h5 {font-size: 20px} .sale-view .slide .tit span {display: block; margin: 0; margin-top: 5px; font-size: 14px} .sale-view .slide .roll {margin: 0 -10px} .sale-view .slide .roll .item {margin: 0 10px} .sale-view .slide .roll .item .thumb {border-radius: 8px} .sale-view .slide .roll .item .info {margin-top: 15px} .sale-view .slide .roll .item .info .cate {font-size: 13px; line-height: 20px} .sale-view .slide .roll .item .info h6 {margin: 2px 0; font-size: 14px; line-height: 22px} .sale-view .slide .roll .item .info .cost > * {line-height: 24px} .sale-view .slide .roll .item .info .cost del {font-size: 12px} .sale-view .slide .roll .item .info .cost strong {font-size: 16px} .sale-view .editor {margin-top: 35px} .sale-view .editor .prdt-tab {width: 100%;} .sale-view .editor .prdt-tab.fix {top: 51px;left: 0;} .sale-view .editor .prdt-tab li.active {height: 47px} .sale-view .editor .prdt-tab li a {line-height: 44px; height: 44px; font-size: 13px} .brdWrap .bann .roll {margin: 0 -8px} .brdWrap .bann .roll .item {margin: 0 8px} .brdWrap .bann .roll .slick-dots {margin-top: 25px} .brdWrap .bann .roll .slick-dots li {height: 8px; margin: 0 3px} .brdWrap .bann .roll .slick-dots li button {width: 8px; height: 8px} .brdWrap .srchBar {margin: 30px 0; padding: 10px 0; border-radius: 5px} .brdWrap .srchBar form strong {margin-right: 10px; font-size: 14px; line-height: 38px} .brdWrap .srchBar .keyword > * {height: 38px} .brdWrap .srchBar .keyword input {width: 280px; padding: 0 12px; font-size: 13px} .brdWrap .srchBar .keyword button {margin-left: 5px; width: 75px; font-size: 13px} .brdWrap .title {margin-bottom: 25px} .brdWrap .title h5 {font-size: 20px; line-height: 28px} .brdWrap .list1 {margin-bottom: 30px} .brdWrap .list1 ul {padding: 20px; border-radius: 4px} .brdWrap .list1 ul li {width: calc(100% / 14 - 4px)} .brdWrap .list1 ul li a {height: 36px; font-size: 14px; line-height: 34px} .brdWrap .list2 .total {margin-bottom: 15px; font-size: 13px; line-height: 20px} .brdWrap .list2 ul {padding: 20px 25px; border-radius: 4px} .brdWrap .list2 ul li a {font-size: 14px; line-height: 30px} .brdWrap .tit {margin-bottom: 15px} .brdWrap .tit h5 {font-size: 20px; line-height: 28px} .brdWrap .detail {margin-bottom: 25px} .brdWrap .detail ul li {padding: 12px 0; padding-left: 120px} .brdWrap .detail ul li.last {padding-left: 120px; margin-top: 10px; border-radius: 4px} .brdWrap .detail ul li.last > * {line-height: 48px} .brdWrap .detail ul li.last a {padding-right: 20px; margin-right: 15px; font-size: 13px; background-size: 15px auto} .brdWrap .detail ul li.last button.reset {right: 20px; padding-right: 15px; background-size: 10px auto} .brdWrap .detail ul li strong {top: 12px; left: 15px; padding-left: 8px; font-size: 14px; line-height: 38px} .brdWrap .detail ul li strong:before {top: 17px} .brdWrap .detail ul li .inp {height: 38px; padding: 0 10px; font-size: 13px} .brdWrap .detail ul li .inp.w230 {width: 180px} .brdWrap .detail ul li span {width: 16px; line-height: 38px} .brdWrap .detail ul li label {font-size: 13px} .brdWrap .detail ul li .keyword {margin-left: 10px} .brdWrap .detail ul li .keyword > * {height: 38px} .brdWrap .detail ul li .keyword .inp {width: 280px; padding: 0 10px; font-size: 13px} .brdWrap .detail ul li .keyword button {margin-left: 5px; width: 75px; font-size: 13px} .brdWrap .srchBox {padding-bottom: 10px} .brdWrap .srchBox .total {padding-right: 10px} .brdWrap .srchBox .total > * {font-size: 12px; line-height: 38px} .brdWrap .srchBox .total span {margin-right: 10px} .brdWrap .srchBox .arry span {margin: 0 10px; font-size: 12px; line-height: 38px} .brdWrap .srchBox .arry .selt {width: 90px; height: 38px; padding: 0 10px; font-size: 13px; line-height: 36px} .brdWrap .srchBox ol li {padding: 9px 0; margin-left: 10px} .brdWrap .srchBox ol li label {font-size: 13px; line-height: 20px} .brdWrap .tbl table tr > * {padding: 12px 2px; font-size: 13px; line-height: 20px} .brdWrap .tbl table tr th {font-size: 14px} .brdWrap .tbl table tr td {padding: 12px 5px} .brdWrap .tbl table tr td .tmb {width: 70px; height: 70px} .brdWrap .tbl table tr td .info h6 {font-size: 13px; line-height: 18px} .brdWrap .tbl table tr td .info p {margin: 2px 0 5px; font-size: 12px; line-height: 18px} .brdWrap .tbl table tr td .info .stt span {padding: 0 5px; font-size: 10px; line-height: 16px; border-radius: 3px} .brdWrap .tbl table tr td > p {font-size: 13px; line-height: 20px} .brdWrap .tbl table tr td .bttn {width: 90px; height: 32px; font-size: 12px; line-height: 30px} .brdWrap .tbl table tr td .cost del {font-size: 13px; line-height: 20px} .brdWrap .tbl table tr td .cost strong {font-size: 15px; line-height: 24px} .brdWrap .tbl table tr td .cost strong span {font-size: 12px} .brdWrap .tbl table tr td .box {width: 100px; margin-top: 10px} .brdWrap .tbl table tr td .box button {width: 28px; height: 28px; font-size: 16px} .brdWrap .tbl table tr td .box input {width: 34px; height: 28px; font-size: 13px} .inqWrap .tabList1 {margin: -4px; margin-bottom: 25px} .inqWrap .tabList1 li {width: calc(25% - 8px); margin: 4px} .inqWrap .tabList1 li a {height: 42px; font-size: 14px; line-height: 40px} .inqWrap .tabList2 {margin-bottom: 20px} .inqWrap .tabList2 li a {height: 44px; line-height: 44px; font-size: 14px} .inqWrap .tabList2 li.active {height: 47px} .inqWrap .tabList3 {padding: 12px} .inqWrap .tabList3 li {padding: 0 12px} .inqWrap .tabList3 li a {font-size: 14px; line-height: 24px} .inqWrap .list {margin-top: 30px} .inqWrap .list form fieldset {margin-bottom: 30px} .inqWrap .list form fieldset legend {font-size: 18px; line-height: 26px} .inqWrap .list form fieldset legend > span {font-size: 14px} .inqWrap .list form fieldset legend .rep {top: 3px; right: 90px; width: 40px; height: 20px; line-height: 20px; font-size: 11px} .inqWrap .list form fieldset ul {margin-top: 15px} .inqWrap .list form fieldset ul li {padding: 12px 0; padding-left: 110px} .inqWrap .list form fieldset ul li strong {top: 12px; left: 15px; font-size: 14px; line-height: 40px} .inqWrap .list form fieldset ul li span {padding: 0 5px; font-size: 14px; line-height: 40px} .inqWrap .list form fieldset ul li .inp, .inqWrap .list form fieldset ul li .selt {height: 40px; font-size: 13px; line-height: 38px; padding: 0 12px} .inqWrap .list form fieldset ul li > em {margin-left: 10px; font-size: 13px; line-height: 40px} .inqWrap .list form fieldset ul li .rdo {margin-right: 4px} .inqWrap .list form fieldset ul li .rdo label {min-width: 80px; height: 40px; padding: 0 12px; font-size: 13px; line-height: 38px} .inqWrap .list form fieldset ul li .rdo label b {width: 14px; height: 14px} .inqWrap .list form fieldset ul li .txt {margin-top:5px; font-size: 13px; line-height: 21px} .inqWrap .list form fieldset ul li .filebox .inp {width: 300px; height: 40px; line-height: 38px} .inqWrap .list form fieldset ul li .filebox .wbtn {width: 90px; height: 40px; margin-left: 5px; line-height: 38px; font-size: 14px} .inqWrap .list form fieldset ul li textarea {height: 100px; padding: 10px 12px; font-size: 13px; line-height: 20px} .inqWrap .list form fieldset ul li .type:nth-child(even) {margin-bottom: 5px} .inqWrap .list form fieldset ul li .type b {margin-right: 15px; font-size: 14px; line-height: 40px} .inqWrap .list form fieldset ul li .type em {margin-left: 10px; font-size: 13px; line-height: 40px} .inqWrap .list form fieldset ul li .w160 {width: 100px} .inqWrap .list form fieldset ul li .w190 {width: 130px} .inqWrap .list form fieldset ul li .w200 {width: 150px} .inqWrap .list form fieldset ul li .w280 {width: 200px} .inqWrap .list form fieldset ul li .w280.mo {width: 100%} .inqWrap .list form fieldset ul li .w415 {width: 300px} .inqWrap .list form fieldset ul li .btns {display: block; margin-top: 5px} .inqWrap .list form fieldset ul li .btns button {margin-left: 0; margin-right: 5px; width: 100px; font-size: 11px; height: 40px; line-height: 38px} .inqWrap .list form .bttns > * {width: 180px; height: 48px; font-size: 15px} .inqWrap .list form .bttns button {line-height: 48px} .inqWrap .list form .bttns a {line-height: 46px} .inqWrap > .box {margin-bottom: 30px; border-width: 5px; padding: 30px 20px} .inqWrap > .box img {width: 25px} .inqWrap > .box h5 {margin: 10px 0 5px; font-size: 22px; line-height: 30px} .inqWrap > .box p {margin-bottom: 20px; font-size: 15px; line-height: 24px} .inqWrap > .box a {margin: 0 3px; width: 150px; font-size: 14px; line-height: 42px} .inqWrap > .info .tit {margin-bottom: 15px; font-size: 18px; line-height: 26px} .inqWrap > .info .tbl table colgroup {display: none} .inqWrap > .info .tbl table tr > * {padding: 15px; font-size: 13px; line-height: 18px} .inqWrap > .info .tbl table tr th {width: 120px !important; font-size: 14px} .inqWrap > .info .tbl table tr td {padding-left: 15px} .inqWrap .oneCont {margin-bottom: 30px; border-width: 4px; padding: 15px; box-sizing: border-box} .inqWrap .oneCont img {width: 22px} .inqWrap .oneCont h5 {margin: 5px 0 10px; font-size: 15px; line-height: 23px} .inqWrap .oneCont .btns {margin-bottom: 10px} .inqWrap .oneCont .btns a {min-width: 60px; margin: 2px; font-size: 12px; line-height: 30px} .inqWrap .oneCont p {font-size: 12px; line-height: 18px} .bomWrap .list {width: 100%; margin: 0; margin-bottom: 30px} .bomWrap .list .search {padding: 20px} .bomWrap .list .tit {margin-bottom: 10px; font-size: 17px; line-height: 24px} .bomWrap .list .btns a {height: 38px; font-size: 13px; line-height: 38px} .bomWrap .list .srch {margin-top: 10px; height: 40px; padding-right: 40px} .bomWrap .list .srch > * {height: 38px} .bomWrap .list .srch input {padding: 0 12px; font-size: 13px} .bomWrap .list .srch button {width: 36px} .bomWrap .list .box .scroll {height: 300px} .bomWrap .list .box ul li .func {top: 20px; width: 100px} .bomWrap .list .box ul li .func a {font-size: 12px; line-height: 32px} .bomWrap .list .box ul li > a {padding: 0 18px; font-size: 15px; line-height: 50px} .bomWrap .list .box ul li.folder > a:before {width: 15px; height: 12px; margin-right: 7px} .bomWrap .list .box ul li.file > a:before {width: 13px; height: 15px; margin-right: 8px} .bomWrap .list .box ul li > a span {right: 18px; font-size: 12px} .bomWrap .list .text p {margin-top: 5px; font-size: 12px; line-height: 20px} .bomWrap .list .text p br {display: none} .bomWrap .cont {width: 100%} .bomWrap .cont dl {margin-bottom: 20px; padding: 10px 15px; border-radius: 4px} .bomWrap .cont dl dt > * {line-height: 30px} .bomWrap .cont dl dt span {font-size: 13px} .bomWrap .cont dl dt h6 {margin-left: 10px; font-size: 15px} .bomWrap .cont dl dd {top: 10px; right: 15px} .bomWrap .cont dl dd a {width: 100px; font-size: 12px; line-height: 30px; border-radius: 2px} .bomWrap .cont .box .thead table tr th {font-size: 13px; line-height: 40px} .bomWrap .cont .box .tbody .scroll table tr td {padding: 10px 5px; font-size: 12px} .bomWrap .cont .box .tbody .scroll table tr td .tmb {width: 40px; height: 40px} .bomWrap .cont .box .tfoot {margin-top: 15px; padding: 0 20px; border-radius: 4px} .bomWrap .cont .box .tfoot > * {font-size: 14px; line-height: 44px} .bomWrap .cont .box .tfoot p {margin-right: 10px} .bomWrap .cont .form {margin-top: 30px} .bomWrap .cont .form ul li {} .bomWrap .cont .form ul li {padding: 12px 0; padding-left: 110px} .bomWrap .cont .form ul li strong {top: 12px; left: 15px; font-size: 14px; line-height: 40px} .bomWrap .cont .form ul li p {font-size: 14px; line-height: 40px} .bomWrap .cont .form ul li span {padding: 0 5px; font-size: 14px; line-height: 40px} .bomWrap .cont .form ul li .inp {height: 40px; font-size: 13px; line-height: 38px; padding: 0 12px} .bomWrap .cont .form ul li > em {margin-left: 10px; font-size: 13px; line-height: 40px} .bomWrap .cont .form ul li .rdo {margin-right: 4px} .bomWrap .cont .form ul li .rdo label {min-width: 80px; height: 40px; padding: 0 12px; font-size: 13px; line-height: 38px} .bomWrap .cont .form ul li .txt {margin-top:5px; font-size: 13px; line-height: 21px} .bomWrap .cont .form ul li .filebox .inp {width: 300px; height: 40px; line-height: 38px} .bomWrap .cont .form ul li .filebox .wbtn {width: 90px; height: 40px; margin-left: 5px; line-height: 38px; font-size: 14px} .bomWrap .cont .form ul li textarea {height: 100px; padding: 10px 12px; font-size: 13px; line-height: 20px} .bomWrap .cont .form .tac {margin-top: 25px} .bomWrap .cont .form .tac button {width: 150px; height: 44px; font-size: 14px} #bomSearch .wrap {width: 700px} #bomSearch .wrap .phead h5 {font-size: 18px; line-height: 50px} #bomSearch .wrap .phead a {right: 20px} #bomSearch .wrap .pbody .srchbar {padding: 15px 25px} #bomSearch .wrap .pbody .srchbar dl {padding: 7px 0} #bomSearch .wrap .pbody .srchbar dl > * {line-height: 40px} #bomSearch .wrap .pbody .srchbar dl dt {position: static; display: block; font-size: 14px; line-height: 21px} #bomSearch .wrap .pbody .srchbar dl dd .keyword {height: 40px; padding-right: 40px} #bomSearch .wrap .pbody .srchbar dl dd .keyword input {height: 38px; padding: 0 12px; line-height: 38px} #bomSearch .wrap .pbody .srchbar dl dd .keyword button {width: 38px; height: 38px} #bomSearch .wrap .pbody .srchbar dl dd {margin-top: 10px; margin-right: 15px} #bomSearch .wrap .pbody .srchbar dl dd strong {margin-right: 8px; font-size: 13px; line-height: 40px} #bomSearch .wrap .pbody .srchbar dl dd .inp {width: 90px; height: 40px; padding: 0 12px} #bomSearch .wrap .pbody .srchbar dl dd .sbm {width: 75px; height: 40px; font-size: 13px} #bomSearch .wrap .pbody .tbl .thead table tr th {line-height: 40px} #bomSearch .wrap .pbody .tbl .tbody .scroll {height: 200px} #bomSearch .wrap .pbody .tbl .tbody .scroll table tr td {padding: 10px 5px; font-size: 13px} #bomSearch .wrap .pbody .tbl .tbody .scroll table tr td .tmb {width: 40px; height: 40px} #bomSearch .wrap .pbody .paging2 {margin-top: 15px} #bomSearch .wrap .pbody .bttn {bottom: 30px; right: 20px} #bomSearch .wrap .pbody .bttn button {width: 100px; height: 36px; line-height: 36px; font-size: 13px} .edtWrap .bar {margin-bottom: 30px; padding: 10px 25px; border-radius: 4px} .edtWrap .bar .prdt {text-align: center} .edtWrap .bar .prdt span {margin-right: 15px; font-size: 14px; line-height: 40px} .edtWrap .bar .prdt .keyword input {width: 300px; padding: 0 12px; line-height: 38px} .edtWrap .bar .prdt .keyword button {width: 120px; height: 40px; font-size: 13px} .edtWrap .bar .bttn {position: static; display: block; margin: 0 -5px; margin-top: 10px} .edtWrap .bar .bttn a {width: calc(50% - 10px); height: 40px; line-height: 40px; margin: 0 5px} .edtWrap .tabBox .tabList {margin-bottom: 15px} .edtWrap .tabBox .tabList li {margin-right: 5px} .edtWrap .tabBox .tabList li a {width: 100px; font-size: 14px; line-height: 40px} .edtWrap .tabBox .bttn a {width: 100px; font-size: 14px; line-height: 38px} .edtWrap .tabBox .bttn a.del {margin-left: 5px} .edtWrap .cont .thead table tr th {font-size: 13px; line-height: 40px} .edtWrap .cont .tbody .scroll {height: 260px} .edtWrap .cont .tbody table tr td {padding: 10px 5px; font-size: 13px} .edtWrap .cont .tbody table tr td .tmb {width: 40px; height: 40px} .edtWrap .cont .tbody table tr td .inp {height: 36px} .edtWrap .cont .tbody table tr td .w50 {width: 40px} .edtWrap .cont .tbody table tr td .w80 {width: 60px} .edtWrap .savebtn {margin: 20px 0 10px} .edtWrap .savebtn a {width: 100px; font-size: 13px; line-height: 36px} .edtWrap .total .tbl1 table tr > * {padding: 10px 8px} .edtWrap .total .tbl1 table tr th {font-size: 13px} .edtWrap .total .tbl1 table tr td span {font-size: 13px; line-height: 40px} .edtWrap .total .tbl1 table tr td .inp {height: 40px; padding: 0 10px} .edtWrap .total .tbl1 table tr td .w320 {width: 200px} .edtWrap .total .tbl2 {margin-top: 15px} .edtWrap .total .tbl2 table tr > * {font-size: 16px; line-height: 44px} .edtWrap .total .tbl2 table tr td span {font-size: 13px} .edtWrap .tac {margin-top: 30px} .edtWrap .tac button {width: 140px; font-size: 14px; line-height: 42px} #bomEstimate .wrap {width: 700px;} #bomEstimate .cont {padding: 20px} #bomEstimate .cont .title {margin-bottom: 10px} #bomEstimate .cont .title img {height: 20px} #bomEstimate .cont .title p {font-size: 13px; line-height: 20px} #bomEstimate .cont .head > * {padding: 15px 20px} #bomEstimate .cont .head > dt ul li > * {font-size: 13px; line-height: 24px} #bomEstimate .cont .head > dd h6 {margin-bottom: 5px; padding-bottom: 5px; font-size: 17px; line-height: 24px} #bomEstimate .cont .head > dd .tbl table tr > * {font-size: 13px; line-height: 22px} #bomEstimate .cont .text {font-size: 13px; line-height: 20px} #bomEstimate .cont .box .tit h5 {font-size: 20px; line-height: 26px} #bomEstimate .cont .box .total {margin-bottom: 5px} #bomEstimate .cont .box .total h5 {font-size: 14px; line-height: 24px} #bomEstimate .cont .box .total h5 span {font-size: 12px} #bomEstimate .cont .box .total h5 b {font-size: 16px} #bomEstimate .cont .box .tbl table tr > * {padding: 10px 5px; font-size: 13px; line-height: 20px} #bomEstimate .cont .box .tbl table tr th {font-size: 14px} #bomEstimate .cont .box .tfoot {margin-top: 15px; padding: 12px 20px} #bomEstimate .cont .box .tfoot dl > * {font-size: 14px; line-height: 24px} #bomEstimate .cont .box .tfoot dl dd p {margin-left: 10px} #bomEstimate .cont .box .tfoot dl dd p span {font-size: 12px} #bomEstimate .cont .box > p {font-size: 13px; line-height: 20px} #bomEstimate .cont .tac {margin-top: 15px} #bomEstimate .cont .tac button {width: 150px; margin: 0 3px; font-size: 14px; line-height: 42px} .memWrap dl strong {font-size: 16px; line-height: 90px} .memWrap .tbl {margin-top: 30px} .memWrap .tbl table tr th {font-size: 14px; line-height: 50px} .memWrap .tbl table tr td .parts {padding: 10px 0} .memWrap .tbl table tr td .parts > * {line-height: 22px} .memWrap .tbl table tr td .parts img {height: 25px; margin-right: 0} .memWrap .tbl table tr td .parts b {display: block; margin-right: 0; font-size: 14px} .memWrap .tbl table tr td .parts span {font-size: 12px} .memWrap .tbl table tr td p {padding: 25px 0; font-size: 13px; line-height: 20px} .memWrap .tbl table tr td p strong {display: block; margin-right: 0; font-size: 14px} .memWrap .tbl table tr td .bnf {height: 92px; padding: 25px 10px; font-size: 14px; line-height: 20px} .memWrap .text {margin-top: 15px; font-size: 13px; line-height: 22px} /* board skin */ .sod_list .li_name strong {height: auto;word-break: break-all !important;white-space: wrap;line-height: 1.4em;padding: 10px;} .li_op_wr{padding-top: 10px;min-height: 90px;position: relative;} .sod_list .total_img {top: 10px;} .sod_list .total_img img {vertical-align: top;} /* 고객센터 */ .bd_align_wrap {margin: 0;display: block;} .bd_align_wrap > dl {margin: 30px 0;width: auto;} .bd_align_wrap > dl.w100 {width: auto;} .customer_inf {display: block;} .customer_inf > dt {margin-right: 0;margin-bottom: 15px;} .download_list > li {width: calc(50% - 10px);} /* 이벤트 / 기획전 */ .full_wrapper.bg_gray{padding: 50px 0;} .full_wrapper.bg_sky{padding: 50px 0;} .full_wrapper .inner{margin: 0 20px;width: auto;} #event_new .list {margin: -5px;} #event_new .list > li {margin: 5px;width: calc(50% - 10px);} #event_new .list > li .tmb {border-radius: 10px;} #event_new .cont_wrap {margin-top: 30px;} #event_view .evt_head {padding: 15px;} #event_view .evt_head > h3 {font-size: 18px;} #event_view .evt_body {margin-top: 15px;} #event_view .t1 {margin-bottom: 15px;font-size: 24px;} #event_view .t2 {margin-bottom: 15px;font-size: 18px;} #event_view .t3 {margin-bottom: 15px;font-size: 14px;} #event_view .t1 + .t2 {margin-top: -10px;} #event_view .t1 + .t3 {margin-top: -10px;} #event_view .attendance_check {margin: 20px -20px 0;padding: 20px;border-radius: 0;} #event_view .attendance_check > .title {margin-bottom: 20px;} #event_view .attendance_check .dt {margin-top: 15px;font-size: 13px;line-height: 15px;} #event_view .attendance_check .dt > hr {width: 100%;margin: 4px 0;} #event_view .tbl_wrap {margin-top: 20px;padding: 10px;} #event_view .tbl_wrap table thead tr > * {height: 40px;font-size: 12px;letter-spacing: -1px;} #event_view .tbl_wrap table tr > td {padding: 10px 5px;} #event_view .tbl_wrap table tr > td > em {margin-bottom: 5px;font-size: 13px;} #event_view .btnWrap {margin-top: 20px;} #event_view .btnWrap .big {width: 180px;height: 47px;line-height: 45px;font-size: 14px;} #event_view .db_wrap {margin-top: 20px;} #event_view .db_wrap table thead tr > * {height: auto;font-size: 13px;} #event_view .db_wrap table tr > * {padding: 15px 0;font-size: 13px;} #event_view .db_wrap table tr > th > strong {font-size: 14px;} #event_view .db_wrap table tr > th > strong img {max-height: 20px;transform: translate(-8px, -50%);} #event_view .db_wrap table tr > td:after {top: 15px;bottom: 15px;} #event_view .card_box {margin: -5px;max-width: none;} #event_view .card_box > dl {margin: 5px;width: calc(50% - 10px);border-radius: 5px;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);} #event_view .card_box > dl > dt {padding: 15px;font-size: 14px;} #event_view .card_box > dl > dd {padding: 15px;} #event_view .card_box > dl > dd > strong {font-size: 22px;} #event_view .banner_mid {margin: 50px 0;padding: 50px 20px;border-radius: 10px;} #event_view .banner_mid .btns > * {width: 180px;} .raffle_slide .item dl {padding: 15px;border-radius: 5px;display: block;} .raffle_slide .item dl > dd {width: auto;margin-top: 20px;} .raffle_slide .item dl .tmb {width: auto;} .raffle_slide .item dd > mark {margin-bottom: 10px;width: 70px;height: 25px;line-height: 25px;border-radius: 11px;font-size: 13px;} .raffle_slide .item dd > .countdown {font-size: 34px;line-height: 40px;} .raffle_slide .item dd > .line {margin: 15px 0;} .raffle_slide .item dd > .line span {height: calc(100% + 2px);border-radius: 3px;transform: translateY(-1px);} .raffle_slide .item dd > p {font-size: 14px;line-height: 1.6em;} .raffle_slide .item dd .people_num {top: auto;bottom: 65px;font-size: 14px;} .raffle_slide .item dd .people_num i {font-size: inherit;} .raffle_slide .item dd .price {margin-top: 5px;} .raffle_slide .item dd .price > strong {font-size: 20px;} .raffle_slide .item dd .price > s {font-size: 14px;transform: translateY(1px);} .raffle_slide .item dd .btns {margin-top: 20px;} .raffle_slide .item dd .btns > * {width: 160px;height: 45px;line-height: 43px;} .raffle_slide .slick-arrow {position: absolute;top: 50%;width: 13px;height: 20px;border: 0;text-indent: -999em;margin-top: -10px;} .raffle_slide .slick-prev {left: -50px; background: url('../images/main/main_prev_arrow.png') no-repeat center / contain} .raffle_slide .slick-next {right: -50px; background: url('../images/main/main_next_arrow.png') no-repeat center / contain} .ended_list {margin: -5px;} .ended_list > li {width: calc(50% - 10px);margin: 5px;} .ended_list > li > .tmb {border-radius: 5px;} .ended_list > li > .tmb > .btn1 {bottom: 5px;left: 5px;right: 5px;height: 40px;line-height: 40px;border-radius: 5px;font-size: 14px;} .ended_list > li > strong {margin: 10px 0;font-size: 14px;line-height: 20px;min-height: 40px;} .ended_list > li > .inf {padding-top: 10px;} .ended_list > li > .inf > .price {font-size: 14px;} .ended_list > li > .inf > .people_num {font-size: 14px;} .ended_list > li > .inf > .people_num i {font-size: inherit;} #ended_pop_view {padding: 15px;} #ended_pop_view .myWrap {margin: 50px -20px;padding: 20px;} #ended_pop_view .memoWrap {margin-top: 50px;} .sch_wrap {margin-bottom: 30px;} .sch_wrap > * {padding: 10px;} .sch_wrap > dt {flex-wrap: wrap;} .sch_wrap > dt > img {max-width: auto;max-height: auto;} .sch_wrap > dt > strong {margin-left: 10px;font-size: 14px;line-height: 20px;} .sch_wrap > dt > p {margin-left: 10px;line-height: 20px;} .sch_wrap > dt .tar {right: 10px;font-size: 13px;} .popform_wrap {padding: 15px;} .popform_wrap h3 + .tar {margin-top: -10px;} .popform_wrap .table1 tr > * {padding: 5px 2px;font-size: 11px;line-height: 15px;} .popform_wrap .w70px {width: 60px;padding: 0 2px !important;font-size: 11px !important;} .cate_ico {margin: -6px;margin-bottom: 24px;} .cate_ico a {margin: 6px;width: calc(100%/4 - 12px); font-size: 13px; line-height: 20px} .cate_ico a .img {width: 55px; height: 55px;margin-bottom: 5px;} .card_wrap {padding-top: 100px;} } @media screen and (max-width: 750px){ .table_scroll_wrap{position: relative;overflow-x: auto;} .table_scroll_wrap > table{min-width: 600px;} .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;} #sub #content.my {flex-flow: column-reverse wrap} #sub #content.my .myCate {width: 100%; margin: 0; margin-top: 30px} #sub #content.my .cont {width: 100%} #sub .sub-tit h3 {font-size: 19px; line-height: 28px} #sub .my .sub-tit {margin-bottom: 15px; padding-bottom: 10px} #sub .my .sub-tit h3 {font-size: 18px; line-height: 26px} #sub .myCate h5 {margin-bottom: 10px; font-size: 17px; line-height: 24px} #sub .myCate > ul > li:not(:last-child) {padding-bottom: 10px; margin-bottom: 10px} #sub .myCate > ul > li > a {font-size: 14px; line-height: 22px} #sub .myCate > ul > li > ul li a {font-size: 12px; line-height: 22px} .paging {margin-top: 30px !important} .paging a {height: 30px !important; margin: 0 8px !important; line-height: 30px !important; font-size: 14px !important} .paging a.first, .paging a.prev, .paging a.next, .paging a.last {width: 30px !important; line-height: 30px !important} .paging a:after {line-height: 30px !important} /* .sub-visual {height: 160px} */ .sub-visual {height: auto; background-size: 0 0;} .sub-visual img {display: block;width: 100%;} .myWrap .tit {margin-bottom: 10px} .myWrap .tit h5 {font-size: 16px} .myWrap .tit p {font-size: 13px; line-height: 20px;margin-top: 10px;} .myWrap .tit p.bgGray {padding: 10px 15px;} .myWrap .memBox {padding: 12px; margin-bottom: 25px} .myWrap .memBox .info dt {padding-top: 25px;} .myWrap .memBox .info dt h6 {position: relative; padding-left: 30px; font-size: 13px; line-height: 24px} .myWrap .memBox .info dt h6 strong {font-size: 14px} .myWrap .memBox .info dt .img {top: 2px; width: 20px; height: 20px} .myWrap .memBox .info dt span {position: absolute; top: 0; right: 0; min-width: 0; padding: 0 8px; font-size: 11px; line-height: 24px} .myWrap .memBox .info dd {font-size: 0} .myWrap .memBox .info dd p {display: flex;padding-right: 0;margin-right: 0;} .myWrap .memBox .info dd p:after {display: none;} .myWrap .memBox ul {padding: 10px 12px} .myWrap .memBox ul li {width: 33.33%; padding: 7px 0} .myWrap .memBox ul li:nth-child(3) {border-right: 0} .myWrap .memBox ul li:nth-child(n+4) {width: 50%; border-top: 1px solid #ddd} .myWrap .memBox ul li strong {margin-top: 0; font-size: 16px} .myWrap .condition {margin-bottom: 30px} .myWrap .condition .list {border-width: 4px; border-radius: 8px} .myWrap .condition .list li {padding: 15px 8px} .myWrap .condition .list li strong {font-size: 20px; line-height: 28px} .myWrap .condition .list li span {margin-top: 2px; font-size: 11px; line-height: 20px} .myWrap .condition .list li:not(:last-child):after {top: 21px; background-size: 8px auto; transform: none} .myWrap .onestop {margin-bottom: 30px} .myWrap .onestop ul {padding: 10px; border-radius: 8px} .myWrap .onestop ul li {padding: 15px 0} .myWrap .onestop ul li strong {font-size: 20px; line-height: 28px} .myWrap .onestop ul li span {font-size: 12px; line-height: 18px} .myWrap .board {margin-top: 30px} .myWrap .board .tbl table tr > * {padding: 12px 10px; font-size: 13px; line-height: 20px} .myWrap .board .tbl table tr td {padding: 12px 10px} .myWrap .product .tbl table tr > * {padding: 10px 4px; font-size: 12px; line-height: 18px} .myWrap .product .tbl table tr th {font-size: 13px} .myWrap .product .tbl table tr td .info .txt h6 {margin-bottom: 0; font-size: 12px; line-height: 18px} .myWrap .product .btns a {margin-right: 3px; width: 80px; font-size: 11px} .myWrap .product .btns a.down {width: 130px} .myWrap .point dl {padding: 12px} .myWrap .point dl dt {width: 100%; padding: 20px 0} .myWrap .point dl dt img {height: 20px} .myWrap .point dl dt p {margin-top: 8px; font-size: 13px; line-height: 20px} .myWrap .point dl dt h6 {font-size: 14px; line-height: 20px} .myWrap .point dl dt h6 strong {font-size: 16px} .myWrap .point dl dd {width: 100%; padding: 0; margin-top: 10px} .myWrap .bttns {margin-top: 20px; font-size: 0} .myWrap .bttns button {width: auto; height: 40px; padding: 0 7px; margin: 0 2px; font-size: 13px; line-height: 40px} .myWrap .product .tbl2 table tr th {font-size: 13px} .myWrap .product .tbl2 table tr th span {font-size: 11px} .myWrap .product .tbl2 table tr td .cost strong {font-size: 14px} .myWrap .estList .srchBar .btns button {width: auto; height: 34px; margin-right: 3px; padding: 0 10px; font-size: 12px; line-height: 32px} .myWrap .estList .srchBar .box .inp {width: calc(50% - 35px);padding-left: 10px;height: 40px;line-height: 38px;font-size: 13px;} .myWrap .estList .srchBar .box .date {width: calc(50% - 35px); background-position: right 10px center; background-size: 11px auto} .myWrap .estList .srchBar .box button {width: 45px} .myWrap .estList .srchBar .box button:after {display: none} .myWrap .estList .tbl table tr.view td .wrap {padding: 10px} .myWrap .estList .tbl table tr.view td .wrap .tit {margin-bottom: 5px} .myWrap .estList .tbl table tr.view td .wrap .tit h5 {font-size: 16px} .myWrap .estList .tbl table tr.view td .wrap .bom .hoz table tr > * {padding: 8px} .myWrap .estList .tbl table tr.view td .wrap .bom .hoz table tr th {font-size: 13px} .myWrap .estList .tbl table tr.view td .wrap .bom .hoz table tr td {padding-left: 12px; font-size: 12px} .myWrap .estList .tbl table tr.view td .wrap .his .ver table tr > * {padding: 8px} .myWrap .estList .tbl table tr.view td .wrap .his .ver table tr th {font-size: 12px} .myWrap .estList .tbl table tr.view td .wrap .his .ver table tr td {font-size: 11px} .myWrap .estList .tbl table tr.view td .wrap .his .ver table tr td span {font-size: 11px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr > * {padding: 8px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr th {font-size: 12px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr th span {font-size: 11px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr td {padding-left: 12px; font-size: 11px} .myWrap .estList .tbl table tr.view td .wrap .order .hoz table tr td span {font-size: 12px} .myWrap .state ul li {width: calc(50% - 8px); padding: 15px 0} .myWrap .state ul li strong {font-size: 20px; line-height: 28px} .myWrap .state ul li span {font-size: 12px; line-height: 18px} .myWrap .state .list table tr > * {padding: 8px; font-size: 12px; line-height: 18px} .myWrap .state .list table tr th {font-size: 13px} .sale-list .srchBar .total > * {line-height: 32px} .sale-list .srchBar .total:after {top: 10px; right: -3px} .sale-list .srchBar .arry span {line-height: 32px} .sale-list .srchBar .arry .selt {height: 32px; font-size: 12px; line-height: 30px} /* .sale-list .srchBar .srch {position: relative; display: block; width: 100%; margin-top: 5px} */ .sale-list .srchBar .srch input {font-size: 12px} .sale-list .list ul {margin: -15px -5px} .sale-list .list ul li {width: calc(50% - 10px); margin: 15px 5px} .sale-list .list ul li .per {top: 10px; left: 10px; width: 32px; height: 32px; font-size: 11px; line-height: 32px} .sale-list .list ul li .thumb .time {font-size: 12px; line-height: 32px} .sale-list .list ul li .info .cate {font-size: 11px; line-height: 15px} .sale-list .list ul li .info h6 {font-size: 13px; line-height: 21px} .sale-list .list ul li .info .cost > * {line-height: 20px} .sale-list .list ul li .info .cost del {font-size: 11px} .sale-list .list ul li .info .cost strong {font-size: 14px} .sale-view .view {padding-bottom: 30px; margin-bottom: 30px} .sale-view .view .left .rollTmb {margin: 0 -4px; margin-top: 12px} .sale-view .view .left .rollTmb .item {margin: 0 4px} .sale-view .view .left .rollTmb .slick-prev {left: 4px} .sale-view .view .left .rollTmb .slick-next {right: 4px} .sale-view .view .right .title > h5 {margin: 8px 0 5px; font-size: 16px; line-height: 24px} .sale-view .view .right .share {top: 0;position: absolute !important;right: 0 !important;} .sale-view .view .right .share .btn_sns_share { width: 30px; height: 30px} .sale-view .view .right .share .sns_area {top: 40px !important;} .sale-view .view .right .title .cost strong {font-size: 15px} .sale-view .view .right .title .cost p {font-size: 13px} .sale-view .view .right .title .cost p b {font-size: 17px} .sale-view .view .right .title .cost del {font-size: 12px} .sale-view .view .right .title .cost span {font-size: 12px} .sale-view .view .right .time {font-size: 13px} .sale-view .view .right .info ul li {width: 100%;min-height: 36px;} .sale-view .view .right .info ul li > * {font-size: 13px; line-height: 24px} .sale-view .view .right .info .cont {font-size: 13px; line-height: 20px} .sale-view .view .right .info .numb span {font-size: 13px} .sale-view .view .right .info .total > span {font-size: 14px} .sale-view .view .right .info .total h6 b {font-size: 20px} .sale-view .view .right .btns {margin: -2px;margin-top: 18px;flex-wrap: wrap;} .sale-view .view .right .btns > * {flex-grow: inherit;box-flex: inherit;margin: 2px;min-width: calc(50% - 4px);} .sale-view .view .right .btns button {height: 44px; font-size: 14px} .sale-view .view .right .btns .type1 {line-height: 42px} .sale-view .slide .tit h5 {font-size: 17px; line-height: 24px} .sale-view .slide .tit span {margin-top: 2px; font-size: 13px} .sale-view .slide .roll {margin: 0 -5px} .sale-view .slide .roll .item {margin: 0 5px} .sale-view .slide .roll .item .info .cate {font-size: 11px; line-height: 15px} .sale-view .slide .roll .item .info h6 {font-size: 13px; line-height: 21px} .sale-view .slide .roll .item .info .cost > * {line-height: 20px} .sale-view .slide .roll .item .info .cost del {font-size: 11px} .sale-view .slide .roll .item .info .cost strong {font-size: 14px} .sale-view .editor .prdt-tab li > a {overflow: hidden;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 12px;line-height: 1.2em;padding: 0 5px;} .brdWrap .srchBar {padding: 15px} .brdWrap .srchBar form strong {display: block; margin: 0; margin-bottom: 5px; line-height: 22px} .brdWrap .srchBar .keyword {display: block;} .brdWrap .srchBar .keyword input {width: calc(100% - 60px)} .brdWrap .srchBar .keyword button {width: 55px} .brdWrap .srchBar .keyword button:after {display: none} .brdWrap .title {margin-bottom: 20px} .brdWrap .title h5 {font-size: 17px; line-height: 24px} .brdWrap .list1 ul {padding: 15px} .brdWrap .list1 ul li {width: calc(100% / 7 - 4px)} .brdWrap .list1 ul li a {font-size: 13px} .brdWrap .list2 ul li {width: 50%} .brdWrap .tit {margin-bottom: 10px} .brdWrap .tit h5 {font-size: 17px; line-height: 24px} .brdWrap .detail ul li.last {padding: 10px} .brdWrap .detail ul li.last strong {line-height: 22px} .brdWrap .detail ul li.last strong:before {top: 9px} .brdWrap .detail ul li.last a {line-height: 24px} .brdWrap .detail ul li.last button.reset {font-size: 13px} .brdWrap .detail ul li {padding: 10px 0} .brdWrap .detail ul li strong {position: relative; display: block; margin-bottom: 5px; top: auto; left: auto; line-height: 21px} .brdWrap .detail ul li strong:before {top: 9px} .brdWrap .detail ul li .inp.w230 {width: calc(50% - 8px)} .brdWrap .detail ul li .keyword {display: block; margin-left: 0; margin-top: 5px} .brdWrap .detail ul li .keyword .inp {width: calc(100% - 60px)} .brdWrap .detail ul li .keyword button {width: 55px} .brdWrap .detail ul li .keyword button:after {display: none} .brdWrap .srchBox .total > * {line-height: 32px} .brdWrap .srchBox .total:after {top: 10px; right: -3px} .brdWrap .srchBox .arry span {line-height: 32px} .brdWrap .srchBox .arry .selt {height: 32px; font-size: 12px; line-height: 30px} .brdWrap .srchBox ol {position: static; margin-top: 5px} .brdWrap .srchBox ol li {padding: 5px 0; margin: 0; margin-right: 5px} .brdWrap .srchBox ol li label {font-size: 12px} .inqWrap .tabList1 {margin: -2px; margin-bottom: 20px} .inqWrap .tabList1 li {width: calc(25% - 4px); margin: 2px} .inqWrap .tabList1 li a {height: 38px; font-size: 12px; line-height: 36px} .inqWrap .tabList2 li.active {height: 43px} .inqWrap .tabList2 li a {height: 40px; line-height: 40px; font-size: 12px} .inqWrap .tabList3 li {padding: 4px 8px} .inqWrap .tabList3 li a {font-size: 12px; line-height: 22px} .inqWrap .list form fieldset legend {font-size: 16px} .inqWrap .list form fieldset legend > span {font-size: 13px} .inqWrap .list form fieldset ul {margin-top: 10px} .inqWrap .list form fieldset ul li {padding: 10px 0} .inqWrap .list form fieldset ul li strong {position: static; display: block; font-size: 12px; line-height: 21px; margin-bottom: 5px} .inqWrap .list form fieldset ul li strong .ex {display: inline-block; margin: 0; margin-left: 5px} .inqWrap .list form fieldset ul li span {font-size: 12px} .inqWrap .list form fieldset ul li > em {display: block; margin: 0; margin-top: 3px; font-size: 12px; line-height: 22px} .inqWrap .list form fieldset ul li .arr {display: block; margin-top: 5px} .inqWrap .list form fieldset ul li .rdo {margin: 2px} .inqWrap .list form fieldset ul li .rdo label {min-width: 50px; padding: 0 10px; font-size: 12px} .inqWrap .list form fieldset ul li .selt.w170 {width: 100%; margin-top: 5px; margin-left: 0} .inqWrap .list form fieldset ul li .w415 {width: 100%} .inqWrap .list form fieldset ul li .w160 {width: calc(100% / 3 - 10px)} .inqWrap .list form fieldset ul li .w190 {width: calc(50% - 12px)} .inqWrap .list form fieldset ul li .w200 {width: calc(50% - 60px)} .inqWrap .list form fieldset ul li .type b {display: block; margin: 0; margin-bottom: 5px; font-size: 12px; line-height: 21px} .inqWrap .list form fieldset ul li .filebox {width: 100%} .inqWrap .list form fieldset ul li .filebox .inp {width: calc(100% - 70px)} .inqWrap .list form fieldset ul li .filebox .wbtn {width: 65px; font-size: 13px} .inqWrap .list form .bttns > * {width: 110px; height: 40px; font-size: 14px; border-radius: 3px} .inqWrap .list form .bttns button {line-height: 40px} .inqWrap .list form .bttns a {line-height: 38px} .inqWrap > .box {padding: 25px 15px; margin-bottom: 20px} .inqWrap > .box img {width: 20px} .inqWrap > .box h5 {font-size: 18px; line-height: 26px} .inqWrap > .box p {margin-bottom: 15px; font-size: 13px; line-height: 21px} .inqWrap > .box a {width: 120px; font-size: 13px; line-height: 38px} .inqWrap > .info .tit {margin-bottom: 10px; font-size: 16px; line-height: 24px} .inqWrap > .info .tbl table tr > * {padding: 10px; font-size: 12px; line-height: 16px} .inqWrap > .info .tbl table tr th {width: 100px !important; font-size: 13px} .bomWrap .list .search {padding: 15px} .bomWrap .list .tit {font-size: 15px; line-height: 22px} .bomWrap .list .box ul li > a {font-size: 14px} .bomWrap .cont dl dt {margin-bottom: 5px} .bomWrap .cont dl dd {position: static; margin: 0 -2px; font-size: 0} .bomWrap .cont dl dd a {width: calc(50% - 4px); margin: 0 2px} .bomWrap .cont .box .thead table tr th {font-size: 12px} .bomWrap .cont .form ul {margin-top: 10px} .bomWrap .cont .form ul li {padding: 10px 0} .bomWrap .cont .form ul li strong {position: static; display: block; font-size: 12px; line-height: 21px; margin-bottom: 5px} .bomWrap .cont .form ul li span {font-size: 12px} .bomWrap .cont .form ul li p {font-size: 13px; line-height: 22px} .bomWrap .cont .form ul li .inp {width: calc(100% - 35px)} .bomWrap .cont .form ul li > em {display: block; margin: 0; margin-top: 3px; font-size: 12px; line-height: 22px} .bomWrap .cont .form ul li .arr {display: block; margin-top: 5px} .bomWrap .cont .form ul li .rdo {margin: 2px} .bomWrap .cont .form ul li .rdo label {min-width: 0; width: auto; padding: 0 10px; font-size: 12px} .bomWrap .cont .form ul li .filebox {width: 100%} .bomWrap .cont .form ul li .filebox .inp {width: calc(100% - 70px)} .bomWrap .cont .form ul li .filebox .wbtn {width: 65px; font-size: 13px} .edtWrap .bar {padding: 12px; margin-bottom: 10px} .edtWrap .bar .prdt .keyword {display: block} .edtWrap .bar .prdt .keyword input {width: calc(100% - 120px)} .edtWrap .bar .prdt .keyword button {width: 115px} .edtWrap .bar .bttn a {font-size: 12px} .edtWrap .tabBox {padding-top: 45px} .edtWrap .tabBox .bttn a {width: auto; padding: 0 12px; font-size: 13px; line-height: 32px} .edtWrap .tabBox .tabList {margin-bottom: 10px} .edtWrap .tabBox .tabList li {margin-right: 2px} .edtWrap .tabBox .tabList li a {width: auto; padding: 0 10px; font-size: 13px; line-height: 32px} .edtWrap .total .tbl1 table {display: block;} .edtWrap .total .tbl1 table colgroup {display: none !important;} .edtWrap .total .tbl1 table tr {display: block; font-size: 0} .edtWrap .total .tbl1 table tr > * {display: inline-block; box-sizing: border-box; min-height: 60px} .edtWrap .total .tbl1 table tr th {width: 110px !important; line-height: 40px} .edtWrap .total .tbl1 table tr td {width: calc(100% - 110px) !important} .edtWrap .total .tbl1 table tr td .w320 {width: 100%} .edtWrap .total .tbl2 table tr > * {font-size: 14px} .edtWrap .tac button {width: 120px; font-size: 13px; margin: 0 3px} #bomEstimate .wrap {width: 96%;} #bomEstimate .cont {box-sizing: border-box;overflow-x: auto;} #bomEstimate .cont .tac {margin-top: 0;padding-top: 15px;} #bomEstimate #printArea {min-width: 750px;} #printBtn {display: none;} #pdfBtn {display: none;} .memWrap dl {margin: -5px 0} .memWrap dl > * {width: 100%; margin: 5px 0} .memWrap dl strong {font-size: 15px} .memWrap .tbl table tr td .parts {padding: 22px 0} .memWrap .tbl table tr td .bnf {height: 115px; font-size: 12px; line-height: 18px} .myWrap .point.rev {margin-bottom: 15px} .myWrap .point.rev dl > * {width: 100% !important;} .myWrap .point.rev dl dt {padding: 15px 0} .myWrap .point.rev dl dd {margin-top: 10px} .myWrap .point.rev dl dd .mid p {font-size: 13px; line-height: 22px} .myWrap .revList {margin-top: 20px} .myWrap .revList dl dt {width: 90px; font-size: 15px; line-height: 65px} .myWrap .revList dl dd {width: calc(100% - 90px); padding: 10px} .myWrap .revList dl dd > * {line-height: 22px} .myWrap .revList dl dd strong {font-size: 14px} .myWrap .revList dl dd p {position: static} .myWrap .revList dl dd p span {padding: 0; margin-right: 5px; font-size: 11px} }