@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); body { font-family: 'NanumSquare';} #A_maker .text h2 {font-family: 'NanumSquare';font-size: 60px;color: #276cae;line-height: 70px;} #A_maker .text h3 {font-family: 'NanumSquareExtraBold'; font-size: 70px;color:#276cae; padding:20px 0} #A_maker .text h3 b {font-family: 'NanumSquareExtraBold'; font-size: 70px;color:#5bb891;} #A_maker .text p {font-family: 'NanumSquare'; font-size: 22px;margin-top: 15px;} #A_maker .text p br {display:none;} /*cont01*/ #A_maker .cont01 .box {width: 245px; border: 1px solid #dddddd; border-radius: 20px; height: 150px; text-align: center; transition: 0.3s;} #A_maker .cont01 .box:hover {margin-top:-6px;border: 1px solid #276cae;} #A_maker .cont02 .wrap .no_le, #A_maker .cont02 .wrap .no_ri {padding: 25px 30px;width: 535px; height: 502px; border: 1px solid #dddddd; border-radius: 20px;} #A_maker .cont02 .wrap .no_box .title {display: flex; align-items: center; justify-content: space-between;padding-bottom: 23px; border-bottom: 1px solid #dddddd;} #A_maker .cont02 .wrap .no_box a:hover, #A_maker .cont02 .wrap .no_box a:hover i { color:#276cae !important;} #A_maker .cont02 .wrap .no_box a:hover .date h2, #A_maker .cont02 .wrap .no_box a:hover .date p { color:#276cae;} .fa-add:before, .fa-plus:before {font-size: 20px;} #A_maker .cont02 .wrap .le {padding: 25px 30px;width: 100%; _height: 300px; border: 1px solid #dddddd; border-radius: 20px;} #A_maker .cont02 .wrap .no_box a .date h2 {font-size: 39px; font-weight: 700; color: #b2b2b2; text-align: center;letter-spacing: 1px;font-family: 'NanumSquareExtraBold'; line-height: 45px;} #A_maker .cont02 .wrap .no_box a .date p {font-size: 10px; font-weight: 700; color: #b2b2b2; text-align: center; letter-spacing: 1px;} #A_maker .cont02 .wrap .no_box a > p { font-family: 'NanumSquareBold';text-align: center;font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; width: 85%; white-space: nowrap;} #A_maker .cont02 .wrap .no_box li:nth-child(2) a, #A_maker .cont02 .wrap .no_box li:nth-child(3) a, #A_maker .cont02 .wrap .no_box li:nth-child(4) a {border-top: 1px solid #dddddd;} #A_maker .cont02 .wrap .no_box li.blue {color:#276cae;} #A_maker .cont02 .wrap .no_box li.blue .date h2 {color:#276cae;} #A_maker .cont02 .wrap .no_box li.blue .date p{color:#276cae;} #A_maker .cont02 .wrap .comlist {display:flex;flex-wrap: wrap; justify-content: space-between;} #A_maker .cont02 .wrap .comlist .comname {width:calc(100% / 3 - 10px); height:150px; margin:10px 0; background:#f9f9f9; display: flex; align-items: center; justify-content: center; } /*갤러리 슬라이드*/ #A_maker .gallery {padding: 80px 0;background: #f9f9f9;} #A_maker .gallery .slick-slide {height: auto;} #A_maker .gallery .slick-slide > div{position: relative;height: 195px;} #A_maker .gallery .slick-slide > div:nth-child(1){ margin-bottom: 20px;} #A_maker .gallery .slick-slide .ov_text {display:none; position: absolute; bottom: 0; left: 1px;background: rgba(0, 0, 0, 0.5); width: 349px; height: 50px; text-align: center; border-radius: 0 0 20px 20px;color: #fff; font-size: 18px; font-weight: 700; line-height: 55px;transition: 0.3s;} #A_maker .gallery .slick-slide > div:hover .ov_text { display:block;} .slick-dotted.slick-slider.slick-initialized { margin-bottom: 0;} /*슬라이드*/ /* dots의 크기 조정 */ .slick-dots li button {font-size: 20px; /* 원하는 크기 설정 */} /* dots의 색상 변경 */ .slick-dots li { width: 7px; height: 7px;} .slick-dots .slick-active button {width: 30px !important; height: 7px !important; border-radius: 3.5px !important; background: #276cae !important; padding: 0; /* 원하는 색상 설정 */} .slick-dots li button#slick-slide-control00 { width: 7px; height: 7px; border-radius: 50%; background: #b2b2b2; padding: 0; /* 원하는 색상 설정 */} .slick-dots li button#slick-slide-control00:before {display:none;} .slick-dots li button#slick-slide-control01 { width: 7px; height: 7px; border-radius: 50%; background: #b2b2b2; padding: 0; /* 원하는 색상 설정 */} .slick-dots li button#slick-slide-control01:before {display:none;} .slick-dots li button#slick-slide-control02 { width: 7px; height: 7px; border-radius: 50%; background: #b2b2b2; padding: 0; /* 원하는 색상 설정 */} .slick-dots li button#slick-slide-control02:before {display:none;} .slick-dots li button#slick-slide-control03 { width: 7px; height: 7px; border-radius: 50%; background: #b2b2b2; padding: 0; /* 원하는 색상 설정 */} .slick-dots li button#slick-slide-control03:before {display:none;} /* dots 배경색 변경 */ /* dots 간 여백 조정 */ .slick-dots li { width: auto !important; height: auto !important; margin: 0 5px; /* 좌우 여백 설정 */} .floating {position: fixed; top: 86%; right: 10%;background: #276cae; width: 101px; height: 101px; border-radius: 20px;padding: 15px 0; text-align: center;} .floating p {font-size: 14px; color: #fff;} .floating img {margin: 0px auto 8px;} @media (max-width:1023px){ #A_maker .text h2 { font-size: 60px;line-height: 65px;} #A_maker .text h3 {font-size: 60px;} #A_maker .text h3 b {font-size: 60px;} #A_maker .text p { font-size: 20px; width: 65%;} #A_maker .cont01 .box{ border: 0;} #A_maker .cont01 .box:hover {border: 0; margin-top: 0px;} #A_maker .cont02 .wrap .no_le, #A_maker .cont02 .wrap .no_ri { padding: 20px 25px;width: calc(50% - 10px); height: auto;} #A_maker .cont02 .wrap .no_box a .date h2 { font-size: 35px;} #A_maker .cont02 .wrap .no_box a .date p { font-size: 9px;} #A_maker .cont02 .wrap .no_box a > p { font-size: 15px;width: 80%;} #A_maker .gallery { padding:50px 0 65px 0;} #Foot .wrap { padding: 40px 20px;justify-content: center; align-items: center; flex-wrap: wrap;} .f_r {width: 100%;} #Foot .num { width: 100%;margin-top: 40px;} #Foot .menu {text-align: center;} #Foot .wrap .f_text p { text-align: center;} #Foot .wrap .f_copy p {text-align: center;} .floating { right: 3%; z-index: 1;} #A_maker .gallery .slick-slide > div:nth-child(1) { margin-bottom: 15px;} } @media (max-width:1024px){ } @media (max-width:767px){ #A_maker .text h2 {font-size: 40px; line-height: 35px; text-align: center;} #A_maker .text h3 {font-size: 40px;text-align: center;} #A_maker .text h3 b {font-size: 40px;text-align: center;} #A_maker .text p { font-size: 14px;width: 100%; text-align: center;margin-top: 15px;} #A_maker .cont02 .wrap .no_box a:hover, #A_maker .cont02 .wrap .no_box a:hover i { color: #000 !important;} #A_maker .cont02 .wrap .no_box a:hover h2, #A_maker .cont02 .wrap .no_box a:hover .date > p { color: #b2b2b2 !important;} #A_maker .cont02 .wrap .comlist {display:flex; flex-direction: column; align-items: center; } #A_maker .cont02 .wrap .comlist .comname {width:100%; max-width:336px; height:auto; max-height:150px; margin:10px 0; background:#f9f9f9; display: flex; align-items: center; justify-content: center; } #A_maker .cont02 .wrap { flex-wrap: wrap; padding-bottom: 30px;} #A_maker .cont02 .wrap .no_le, #A_maker .cont02 .wrap .no_ri { padding: 20px 20px; width: 100%; height: auto;} #A_maker .cont02 .wrap .no_le {margin-bottom: 20px;} #A_maker .cont02 .wrap .no_box .title { padding-bottom: 20px;} #A_maker .cont02 .wrap .no_box h2 { font-size: 20px;} #A_maker .cont02 .wrap .no_box a { padding: 12px 0;} #A_maker .cont02 .wrap .no_box a > p { font-size: 15px;width: 80%;} #A_maker .cont02 .wrap .no_box a .date h2 { line-height: 35px;} #A_maker .cont02 .wrap .no_box li:last-child a {padding-bottom:0px;} #A_maker .gallery { padding: 30px 0 60px 0;} #A_maker .gallery .slick-slide > div .ov_text { display:block;} #A_maker .gallery .slick-slide > div { height: auto;} .slick-slide img {width: 100%;} #A_maker .gallery .slick-slide .ov_text { width: 100%;} #Foot .wrap { padding: 30px 20px;} #Foot .wrap .f_text { margin: 20px 0 15px;} #Foot .num { margin-top: 25px;} #Foot .num { padding: 30px 0;} .floating img {width: 45%;} .floating { top: 80%;width: 80px; height: 80px; border-radius: 15px; padding: 10px 0;} .floating p { font-size: 12px;} #navWrap .wrap { padding: 0 20px;} #m_navBtn i { font-size: 25px;} #A_maker .cont02 .wrap .no_box .title i { position: relative; top: 1px;} } @media (max-width:560px){ } @media (max-width:360px){ }