::-webkit-scrollbar { width: 10px; 
 /* 세로스크롤 넓이 */
 height: 10px;
 /* 가로스크롤 높이 */ } 
 ::-webkit-scrollbar-track { width: 10px; background: #d1d1d1; } 
 ::-webkit-scrollbar-thumb { background: #000; } 

 /* common reset */
 ol,ul { list-style: none; } 
 li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 
/* body:not(.video_fullpage) { zoom: inherit; } */

 /* animation */
 .anim { position:relative; opacity:0; transform:translate(0,40px); } 
 .anim.active { opacity:1; transition:all 0.6s ease-out 0s; transform:translate(0,0); transition-delay:0.1s; } 

 /* 헤더 */

#w20241126e3065f646f0ec .inline_widget.login_btn .inline-blocked:first-child a.btn_text, #w20241126e3065f646f0ec .inline_widget.login_btn .inline-blocked:first-child .info_img,
 .btn-google{position: relative;font-family: 'Red Hat Display', sans-serif; font-weight: 500; vertical-align: middle; display: inline-block; padding:10px 10px 10px 2.3rem !important; letter-spacing: -0.01px; font-size:0 !important;}
 .btn-app{position: relative;font-family: 'Red Hat Display', sans-serif; font-weight: 500; vertical-align: middle; display: inline-block; padding:10px 10px 10px 2.1rem !important; letter-spacing: -0.01px; margin-left:0.8rem;}
 .btn-google::before,
 .btn-app::before{position: absolute; vertical-align: middle; left: 0; top: 1.2rem; content:""; display:inline-block; width:18px; height:18px; vertical-align:middle; background:url(../images/common/google-play-icon.png) no-repeat 50% 50%; background-size: 18px 18px; }
 .btn-app::before{background-image:url(../images/common/app-store-icon.png);}
 ._fade_link.btn-google,
 ._fade_link.btn-app{transition:inherit !important;}
 #doz_header .navbar, #doz_header .new_fixed_header, #doz_header .new_org_header { transition:inherit !important; } 
 #w202411262a9ea10cbcf25 .viewport-nav > li.dropdown > .notranslate a.active span, #w202411262a9ea10cbcf25 .viewport-nav > li.dropdown > a.active span,
 #w202411276fdca43583549 .viewport-nav > li.dropdown > .notranslate a.active span, #w202411276fdca43583549 .viewport-nav > li.dropdown > a.active span,
 #w202501098005ced21867b .viewport-nav > li.dropdown > .notranslate a.active span, #w202501098005ced21867b .viewport-nav > li.dropdown > a.active span { border-bottom:2px solid #222 !important; padding-bottom: 0.3rem; } 
 @media (max-width: 1400px){
 #s20241127b19f5f12f972b .inline-col-group,
 #s202411267261673194cf9 .inline-col-group { padding-left:32px; } 
 #w20241127b96e71496e5c4 .inline_widget .inline-btn-item:last-child,
 #w20241126e3065f646f0ec .inline_widget .inline-btn-item:last-child { padding-right:32px; } 
 }
 @media (max-width: 767px){
 #s20241127b19f5f12f972b .inline-col-group,
 #s202411267261673194cf9 .inline-col-group { padding-left:15px; } 
 #w20241127b96e71496e5c4 .inline_widget .inline-btn-item:last-child,
 #w20241126e3065f646f0ec .inline_widget .inline-btn-item:last-child { padding-right:15px; } 
 }
 /* 푸터 */
 .flink { margin-top:10rem; margin-bottom:4rem; font-size:1.5rem; color:#222; font-weight:400; } 
 .flink a { display:inline-block; margin-right:4rem; } 
 .flink a:last-child { margin-right:0; } 
 .ftitle { display:inline-block; margin-right:4rem; color:#ff5c14; font-weight:500; font-size:1.5rem; } 
 .finfo { font-size:1.5rem; color:#777; font-weight:400; line-height:2; } 
 .fcopy { margin-bottom:10rem !important; font-size:1.5rem; color:#777; font-weight:200; line-height:2; } 
 .finfo span { display:inline-block; margin-right:4rem; } 
 @media (max-width: 1024px){
 .flink { margin-top:5rem; margin-bottom:2rem; } 
 .fcopy { margin-bottom:5rem !important; } 
 .finfo span,
 .flink a,
 .ftitle { margin-right:2rem; } 
 }

 /*메뉴*/
 #s202411267261673194cf9 .fa-google-play { font-size: 1.5rem; color:#888; vertical-align: top; } 
 #s202411267261673194cf9 .fa-app-store { vertical-align: top; } 
 #s20250109773471609dd15 .fa-google-play { font-size: 1.5rem; color:#888; vertical-align: top; } 
 #s20250109773471609dd15 .fa-app-store { vertical-align: top; } 

 /* 공통 */
 @media (max-width: 1400px){
 .doz_sys .inside { padding-left:32px; padding-right:32px; } 
 }
 @media (max-width: 767px){
 .doz_sys .inside { padding-left:15px !important; padding-right:15px !important; } 
 }
 ::selection { background: rgba(0,0,0,0.08);; color: rgba(0,0,0,1); } 

 /* 메인 */

 /* 비주얼 */
 .area-visual { display:block; position:relative; width:100%; max-width:1600px; height:470px; margin:0 auto; background:url(../images/main/hero-banner.jpg)no-repeat 50% 50%; background-size: cover; border-radius: 1.5rem; } 
 .radius-wrap { box-sizing: border-box; position: absolute; z-index: 3; bottom: 0px; right:0; background-color:#fff; width: 24.6rem; height: 16rem; border-top-left-radius: 3rem; } 
 .radius-wrap::before { display: block; content: ""; position: absolute; z-index: -1; background-color: transparent; top: -50px; right: 0; height: 50px; width: 25px; border-top-left-radius: 1.5rem; box-shadow: 0 -25px 0 0 #fff; transform: rotate(180deg); } 
 .radius-wrap::after { display: block; content: ""; position: absolute; background-color: transparent; bottom: 0px; left: -25px; height: 50px; width: 25px; border-top-left-radius: 1.5rem; box-shadow: 0 -25px 0 0 #fff; transform: rotate(180deg); } 
 .visual-box { cursor: context-menu; position: absolute; bottom:0; right:0; display: block; width: 23.6rem; height: 15rem; text-align: center; background:url(../images/main/panda-download-background.jpg) no-repeat 50% 50%; background-size: cover; border-radius: 1.5rem; transition: all 0.1s; } 
 .visual-box { animation: fadeInUp ease 1s both 0.5s; } 
 .wave { line-height:1.1; word-spacing: 2px; overflow: hidden; transition-delay:1.2s; } 
 .wave2 { line-height:1.1; word-spacing: 2px; overflow: hidden; transition-delay:1.3s; } 
 .letter { display: inline-block; transform: translateY(100%); animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) forwards; } 
 @keyframes reveal { 
 0% { transform: translateY(100%); } 
 100% { transform: translateY(0); } 
 }
 .visual-box .pc { display: block; } 
 .visual-box .mobile { display: none; } 
 .visual-box i { padding-top:2.6rem; color: #fff; font-weight: 500; font-size: 2rem; text-align: center; font-style: inherit !important; } 
 .visual-box em { display:block; font-weight:500; color:#fff; font-size:3.2rem; font-style: inherit !important; } 
 .visual-box u { display: block; color: #fff; font-weight: 500; font-size: 1.6rem; text-align: center; font-style: inherit !important; text-decoration: none !important; } 
 .visual-box .icon-download { margin:2rem auto 1rem !important; display: block !important; width:1.8rem !important; } 
 .visual-text { margin:9.4rem 0 6rem !important; line-height:1.4; color: #222; font-size: 4.8rem; font-weight:600; } 
 @media (max-width: 1200px){
 .area-visual { height:400px; } 
 .visual-text { line-height:1.4; font-size: 3.6rem; } 
 }
 @media (max-width: 1024px){
 #s2024112739ad45b62fc8a .inline-col-group { height:0 !important; } 
 .visual-text { margin:6rem 0 4rem !important; } 
 }
 @media (max-width: 991px){
 .visual-box .pc { display: none; } 
 .visual-box .mobile { display: block; } 
 }
 @media (max-width: 767px){
 .area-visual { height:370px; } 
 .visual-box { width: 14rem; height: 14rem; } 
 .visual-box i { font-size:1.6rem; } 
 .visual-box em { font-size:2.8rem; } 
 .radius-wrap { width: 15rem; height: 15rem; } 
 .visual-text { line-height:1.4; font-size: 3rem; } 
 .radius-wrap::before { border-top-left-radius:1rem; } 
 .radius-wrap::after { border-top-left-radius:1rem; } 
 .radius-wrap { border-top-left-radius: 1rem; } 
 .visual-box,
 .area-visual { border-radius:1rem; } 
 }
 @media (max-width: 480px){
 .area-visual { height:270px; } 
 .visual-box { width: 12rem; height: 12rem; } 
 .visual-box i { font-size:1.5rem; } 
 .visual-box em { font-size:2.2rem; } 
 .radius-wrap { width: 13rem; height: 13rem; } 
 .visual-text { line-height:1.4; font-size: 2.4rem; } 
 }

 /* scroll fadein motion */
 .visual-text.scrolled { animation: fadeInUp ease 1s both 0.3s; } 

 /* 서비스 */
 #s202412012c701d398f287 .widget.image.text_position_bottom .img_wrap,
 #s202412012c701d398f287 .widget.image.text_position_bottom .img_wrap img,
 .widget.image.hover_text_position_bottom .img_wrap img { height: auto !important; } 

 /* 기존홈피로고깨짐방지 */
 #s2024112710faf35515be9 .widget.image.text_position_bottom .img_wrap img { height: 44px !important; } 

 #s202412012c701d398f287 .widget.image.text_position_bottom .img_wrap, .widget.image.hover_text_position_bottom .img_wrap { height: auto !important; border-radius:1rem !important; overflow: hidden; } 
 .service-title p { margin:1rem 0 7rem !important; text-align:center; font-size:3.6rem; margin-top:1rem; text-align: center; line-height:1.4; font-weight:500; color:#222 !important; } 
 .service-title em { margin-top:14rem !important; text-align:center; display:block; font-size: 3.2rem; font-weight:600; color:#ff5c14; font-style: inherit !important; } 
 @media (max-width: 1024px){
 .service-title em { margin-top:10rem !important; } 
 .service-title p { margin-bottom:3.2rem !important; } 
 .service-title p { font-size:2.6rem; line-height:1.6 } 
 .service-title em { font-size:2.2rem; } 
 .service-title br { display:none; } 
 }
 @media (max-width: 767px){
 .service-title em { margin-top:7rem !important; } 
 .service-title em { margin-top:5rem; } 
 .service-title p { font-size:2.4rem; } 
 .service-title em { font-size:2rem; } 
 #s202412012c701d398f287 .widget.image.text_position_bottom .img_wrap, .widget.image.hover_text_position_bottom .img_wrap { width: 100% !important; } 
 }
 #text_w20241201ac8f913440075 .text-table { padding:8rem 0 0 9rem; } 
 @media (max-width: 1024px){
 #text_w20241201ac8f913440075 .text-table { padding:4rem 0 0 4rem; } 
 }
 @media (max-width: 767px){
 #text_w20241201ac8f913440075 .text-table { padding:3rem 0 0 2rem; } 
 }
 .btn-group { margin: 5rem auto 15rem; display: block; text-align: center; } 
 .btn-more { position: relative; display: inline-block; padding: 0 3rem; text-align:center; height: 5rem; line-height: 5rem; font-size: 1.6rem !important; font-weight: 500; color: #222; text-align: left; border: 1px solid #d3d3d3; border-radius: 3rem; margin: 0 auto; background: #fff; transition: all 0.2s; } 
 .btn-more:hover { background:#f3f3f3; border-color:#f3f3f3; } 
 .btn-more img { display: inline-block !important; margin-left: 1rem !important; vertical-align: middle; } 
 .btn-more02 { position: relative; display: inline-block; padding: 0 3rem; text-align:center; height: 5rem; line-height: 5rem; font-size: 1.6rem !important; font-weight: 500; color: #fff !important; text-align: left; border-radius: 3rem; margin: 0 auto; background: #FF5C14; transition: all 0.2s; } 
 .btn-more02:hover { background:#FF5C14; border-color:#FF5C14; } 
 .btn-more02 img { display: inline-block !important; margin-left: 1rem !important; vertical-align: middle; } 
 .area-service-wrap { display:block; float:inherit; clear:both; overflow:hidden; } 
 .area-service { float:left; margin-right:3rem; } 
 #s202412012c701d398f287 div[doz_type="text"].widget em { display:inline-block; color:#222 !important; font-size:2.6rem; font-weight:600; font-style:inherit !important; } 
 #s202412012c701d398f287 div.widget_text_wrap p { padding:0.7rem 0 5rem; font-size:1.8rem; color:#777 !important; } 

 @media (max-width: 1024px){
 .btn-group { margin: 4rem auto 10rem; } 
 #s202412012c701d398f287 div[doz_type="text"].widget em { font-size:2.2rem; } 
 #s202412012c701d398f287 div.widget_text_wrap p { padding:0.4rem 0 3rem; font-size:1.6rem; } 
 .area-service img { width:5rem; } 
 .area-service { float:left; margin-right:2rem; } 
 #s202412012c701d398f287 div[doz_type="section"]:not(.mobile_section) div[doz_type="text"].widget .area-service img { width:4.4rem !important; } 
 .btn-more,
 .btn-more02 { width: 100%; height: 48px; line-height: 48px; margin-top: 20px; text-align: center; font-size:1.5rem !important; border-radius: 24px; } 
 }

 @media (max-width: 768px){
 #s202412012c701d398f287 div[doz_type="section"]:not(.mobile_section) div[doz_type="text"].widget .area-service img { width:4rem !important; } 
 #s202412012c701d398f287 .btn-more img { width:24px !important; } 
 }
 @media (max-width: 767px){
 .btn-group { margin: 0 auto 7rem; } 
 .area-service img { width:4rem; } 
 #s202412012c701d398f287 div[doz_type="text"].widget em { font-size:1.8rem; } 
 .service-title p { font-size:1.8rem; } 
 }

 /* 블로그 */
 .area-blog { width:744px; height:41.6rem; position:relative; background:url(../images/main/legacy-blog-background.jpg) no-repeat 50% 0%; background-size:cover; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; box-sizing: border-box; } 
 .area-blog-text { position:absolute; bottom:0; width:100%; padding:3rem 4rem; line-height:1.6; font-weight:500; color: #222; font-size: 2.6rem; background:#fff; border-radius:0 0 1rem 1rem; } 
 .area-blog-list { position:absolute; top:0; right:0; width:503px; } 
 .area-blog-list ul { display: flex; flex-flow: row wrap; margin: 0 -1rem; } 
 .area-blog-list ul li { position: relative; width: calc(50% - 1rem); margin: 0.5rem; height: 13.3rem; line-height:13.3rem; font-size:2.2rem; font-weight:500; background: #f3f3f3 url(../images/main/legacy-blog-more-icon.png) no-repeat calc(100% - 3rem) 50%; border-radius:1rem; transition: all 0.2s ease; } 
 .area-blog-list ul li:first-child { background:none; } 
 .area-blog-list ul li:first-child,
 .area-blog-list ul li:nth-child(2) { margin-top:0; } 
 .area-blog-list ul li:hover { background-image:url(../images/main/legacy-blog-more-icon-hover.png); } 
 .area-blog-list ul li:first-child:hover { background:none; } 
 .area-blog-list ul li a { display: block; padding:0 3rem; width: 100%; height: 100%; color:#222; } 
 .area-blog-list ul li:hover a { color:#222; } 

 .area-blog-title { margin-bottom:3rem !important; color:#222; font-weight:600; font-size:3.2rem !important; } 
 @media (max-width: 1400px){
 .area-blog { width:50%; margin-bottom:5rem; background-size:contain; } 
 .area-blog-list { width:50%; } 
 }
 @media (max-width: 1200px){
 .area-blog-text br { display:none; } 
 }
 @media (max-width: 1024px){
 .area-blog-title { margin-bottom:2rem !important; font-size:2.2rem !important; } 
 .area-blog-list ul { display: contents; } 
 .area-blog-list ul li { height: 6rem; line-height:6rem; font-size:1.8rem; display:inline-block; border-radius: 0.5rem; } 
 .area-blog { width:100%; margin-bottom:3rem; display: inline-block; } 
 .area-blog-list { position:relative; right:inherit; left:0; width:100%; } 
 .area-blog-text { padding:2rem 3rem; line-height:1.8; font-size:2.2rem; } 
 .area-blog-text br { display:block; } 
 .area-blog { height:40rem; background-size:cover; } 
 }
 @media (max-width: 767px){
 .area-blog-title { margin-bottom:1rem !important; font-size:2rem !important; } 
 .area-blog-list ul li:nth-child(3) { margin-top:0; } 
 .area-blog-list ul li:first-child { display:none; } 
 .area-blog { height:36rem; background-size:contain; border-radius:1rem; } 
 .area-blog-text { padding:2rem; line-height:1.6; font-size:1.8rem; border-radius:0 0 1rem 1rem; } 

 .area-blog-text br { display:none; } 
 .area-blog-list ul li a { padding:0 2rem; } 
 .area-blog-list ul li { background-position:calc(100% - 2rem) 50%; background-size:24px 24px; font-size:1.6rem; } 
 }
 @media (max-width: 480px){
 #s20241201056e4d2e7358f div[doz_type="section"]:not(.mobile_section) div[doz_type="text"].widget img { width:2rem; } 
 .area-blog { height:28rem; } 
 .area-blog-list ul li a { padding:0 1rem; } 
 .area-blog-list ul li { background-position:calc(100% - 1rem) 50%; font-size:1.5rem; } 
 }

 /* 배너 */
 .area-banner-wrap { margin:15rem 0; position:relative; clear:both; overflow:hidden; } 
 .area-banner { position:relative; float:left; padding:8rem 5rem 0; width:calc(50% - 2rem); height:23.6rem; float:left; border-radius:1rem; } 
 .area-banner:first-child { margin-right:2rem; background:url(../images/main/partnership-banner-background.jpg) no-repeat 50% 50%; background-size: cover; } 
 .area-banner:last-child { margin-left:2rem; background:url(../images/main/social-banner-background.jpg) no-repeat 50% 50%; background-size: cover; } 
 .sns-list { position: absolute; top: calc(50% - 3rem); right: 5rem; } 
 .sns-list ul li { display:inline-block; margin-left:1rem; width:6rem; height:6rem; line-height:6rem; text-align:center; background-color:rgba(255,255,255,0.15); border-radius:50%; transition: all 0.3s ease; } 
 .sns-list ul li:nth-child(1):hover { background-color:#00c73c; } 
 .sns-list ul li:nth-child(2):hover { background:url(../images/main/instagram-gradient-background.jpg) no-repeat 50% 50%; background-size:cover; } 
 .sns-list ul li:nth-child(3):hover { background-color:#ffdc00; } 
 .sns-list ul li:nth-child(4):hover { background-color:#ff0033; } 
 .sns-list ul li a { display:block; width:100%; height:100%; } 
 .banner-btn-wrap { position: absolute; top: calc(50% - 3rem); right: 5rem; } 
 a.btn-inquiry { position: relative; display: inline-block; padding: 0 4rem; text-align:center; height: 5rem; line-height: 5rem; font-size: 1.8rem; font-weight: 500; color: #222 !important; text-align: left; border-radius: 3rem; margin: 0 auto; background: rgba(255,255,255,0.94); border:1px solid #fff; transition: all 0.2s; } 
 a.btn-inquiry:hover { color:#ff5c14 !important; } 
 a.btn-inquiry img { display: inline-block !important; margin-left: 1rem !important; vertical-align: middle; } 

 @media (max-width: 1200px){
 .banner-btn-wrap,
 .sns-list { top:inherit; bottom:4rem; right:3rem; } 
 .area-banner { padding:4rem 3rem 0; } 
 }
 @media (max-width: 1024px){
 .area-banner-wrap { margin:10rem 0; } 
 .banner-btn-wrap,
 .sns-list { top:inherit; bottom:3rem; right:2rem; } 
 .area-banner { padding:3rem 2rem 0; } 
 a.btn-inquiry { height:48px; line-height:48px; } 
 .sns-list ul li { width:48px; height:48px; line-height:48px; } 
 }
 @media (max-width: 992px) { a.btn-inquiry { font-size:15px; } 
 }
 @media (max-width: 767px){
 .area-banner-wrap { margin:7rem 0; } 
 .area-banner:last-child { margin-left:0; margin-top:1rem; } 
 .area-banner { padding:4rem 2rem 0; width:100%; } 
 a.btn-inquiry { height:48px; line-height:48px; } 
 .sns-list ul li:nth-child(1) { background-color:#00c73c; } 
 .sns-list ul li:nth-child(2) { background:url(../images/main/instagram-gradient-background.jpg) no-repeat 50% 50%; background-size:cover; } 
 .sns-list ul li:nth-child(3) { background-color:#ffdc00; } 
 .sns-list ul li:nth-child(4) { background-color:#ff0033; } 
 }


 /* 서브 */

 /* 신청폼 버튼 */

 /* 게시판 (공지, 제휴문의) */
 .form-group.privacy > .control-label { display:none; } 

 /* 탭버튼 */
 #s20250213749d0be4083b8 .btn, #s20250213749d0be4083b8 .visual_section a, #s20250213749d0be4083b8 a.select-star, #s20250213749d0be4083b8 .star-pointer .dropdown-menu a.dropdown-item { display: block;  padding:0 !important; min-width: 200px; height: 5rem !important; line-height: 5rem !important; font-size: 1.6rem !important;  letter-spacing:-1px; font-weight: 500; text-align: center; color: #555 !important; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 30px; transition: none; } 
 #s20250213749d0be4083b8 .btn.on, #s20250213749d0be4083b8 .visual_section a.on, #s20250213749d0be4083b8 a.select-star.on, #s20250213749d0be4083b8 .star-pointer.on { color: #fff !important; font-weight: 700; background-color: #111; border-color: #111; transition: none; } 
 @media (max-width: 992px){
	#s20250213749d0be4083b8 .btn, #s20250213749d0be4083b8 .visual_section a, #s20250213749d0be4083b8 a.select-star, #s20250213749d0be4083b8 .star-pointer .dropdown-menu a.dropdown-item {min-width:16rem !important; height:4.5rem !important; line-height: 4.5rem !important; font-size: 1.6rem !important;}
 }

 .btn-download,
 .btn-download:hover,
 .btn-download:active{ right:0; top:-6rem; position: absolute; display: block; padding:0 !important; letter-spacing: -0.1px; width: 26rem; height: 6rem; line-height: calc(6rem - 2px); font-size: 1.8rem !important; font-weight: 700 !important; text-align: left !important; border:0; border-bottom: 3px solid #ff5c14; color: #ff5c14 !important; background:url(../images/main/app-download-icon-orange.png) no-repeat right center; border-radius: 0 !important; } 
 @media (max-width: 992px){
	.btn-download {right:inherit;left:0; top:0; position: relative; width:16rem; height: 4.5rem; line-height: 4.5rem; font-size:1.6rem !important; margin-right:0 !important; margin:2rem 0 0 !important;}
 }

 .doz_sys a.form_widget_btn input { display: inline-block; font: normal normal normal 14px / 1 "Black Tie"; font-family: 'Black Tie' !important; font-size: inherit; vertical-align: -14.28571429%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } 

 .form-control { height:6rem; } 
 .form-widget .form-group.privacy .checkbox { margin:2rem 0 4rem; padding-bottom:6rem; border-bottom:2px solid #222; } 
 .doz_sys .form-widget .form-group { margin-bottom:2rem; } 
 .doz_sys label.control-label { color:#777; font-size:1.6rem; font-weight:400; } 
 #s20241126e7f9968169aef select.form-control, #s20241126e7f9968169aef input.form-control, #s20241126e7f9968169aef textarea.form-control, #s20250213fa6ab4e7df111 select.form-control, #s20250213fa6ab4e7df111 input.form-control, #s20250213fa6ab4e7df111 textarea.form-control, #addFormw20250213db39334b5a3fb .form-control { border:1px solid #d3d3d3; border-radius: 4px; } 
 #addFormw2024112648af12ec01d05 .phonenumber_wrap .form-control, #addFormw2025021398b5aadbfb99c .phonenumber_wrap .form-control, #addFormw20250213db39334b5a3fb .phonenumber_wrap .form-control { width: calc(70% / 3); text-align: left; border:1px solid #d3d3d3; border-radius: 4px; } 
 .icon-required { display:none; } 
 #addFormw2024112648af12ec01d05 .form-control, #addFormw20250213db39334b5a3fb .form-control { color:#777 !important; font-weight:300; line-height:1.7; padding:2.5rem; } 
 .doz_sys .form-group.privacy .form-control { margin-top:3rem; background:#fff; border-radius:1.5rem; padding:3rem; height:332px; border:1px solid #ddd; border-radius:0; } 
 .doz_sys #s20241126e7f9968169aef .btn-primary, #s20241126e7f9968169aef .widget_text_wrap .btn, .doz_sys #s2025021355e1141f2513a .btn-primary { position: relative; text-align:center; display: inline-block; padding: 0 2rem; width: 16rem !important; height: 5rem !important; line-height: 5rem !important; font-size: 1.6rem !important; font-weight: 400; color: #fff !important; border-radius: 3rem; margin: 0 auto; background: #222 !important; transition: all 0.35s; cursor:pointer; z-index:10; margin-bottom: 9rem; margin-top:3rem; } 
 .checkbox-styled:not(ie8) input ~ span { color:#222; font-size:1.6rem; font-weight:400; } 

 .doz_sys #s20241126aabd68b92931a .btn-primary,
 .btn-file { position: relative; margin:0 auto; text-align:center; display: inline-block; padding: 0 2rem; width: 16rem !important; height: 5rem !important; line-height: 5rem !important; font-size: 1.6rem !important; font-weight: 500 !important; color: #333 !important; border: 1px solid #d3d3d3 !important; border-radius: 3rem; background: #fff !important; transition: all 0.35s; cursor:pointer; z-index:10; } 
 .btn-file input{ font-size: 1.6rem !important; font-weight: 500 !important; color: #333 !important;}
 .doz_sys #s20241126aabd68b92931a .btn-primary.float_l { background: #222 !important; border:1px solid #222 !important; color:#fff !important; } 
 .notice-title { font-size:4.2rem; font-weight:600; color:#222; } 
 .notice-title2 { font-size:3.2rem; font-weight:600; color:#222; } 
 .li_board ul.li_header { display:none; } 
 .li_board, .list_review_wrap { border-width:2px 0 0 0; border-color:#222; } 
 .li_board ul li.tit { padding-top:3rem; padding-bottom:3rem; color:#222 !important; font-weight:400; } 
 .li_board ul.li_body li.name, .li_board ul.li_body li.time, .li_board ul.li_body li.read, .li_board ul.li_body li.like { font-size:1.5rem !important; color:#888; } 
 .li_footer { margin:5rem auto 12rem; } 
 .board_view header .view_tit { color:#222; } 
 .board_summary .author .date, .board_summary .author .hit-count, .board_summary .author .board_name { font-size:15px; color:#888; } 
 .board_view .board_name,
 .postmeta.comment-comment { display:none; } 
 .board_view header { padding-top:2rem; border-top:2px solid #222; margin-bottom:3rem; } 
 .board_summary .tools.txt a { display:inline-block; vertical-align: middle; right:4px; padding:7px 11px; background:#fff; font-size:13px; color:#4a4a4a; border:1px solid #eaeaea; border-radius:2px; } 
 .board_summary .tools.txt { display: block; position: absolute; right: 0; top: 0; } 
 @media (max-width: 1200px ){
 .notice-title { font-size:3.6rem; } 
 .notice-title2 { font-size:2.4rem; } 
 }
 @media (max-width: 767px){
 .list_tap,
 .comment_section,
 .comment_textarea { margin:0 !important; padding:0 !important; } 
 .comment_textarea { padding-top:1rem !important; } 
 .doz_sys #s20241126aabd68b92931a .btn-primary,
 .doz_sys #s20241126e7f9968169aef .btn-primary, #s20241126e7f9968169aef .widget_text_wrap .btn { margin:1rem 0 2rem; width:10rem !important; font-size:1.5rem !important; height: 48px !important; line-height: 48px !important; border-radius: 24px; } 
 .li_footer { padding-bottom:5rem; } 
 #addFormw2024112648af12ec01d05 .form-control { padding:2rem; } 
 .doz_sys .form-group.privacy .form-control { height:21rem; } 
 #addFormw2024112648af12ec01d05 .phonenumber_wrap .form-control { width:calc(80% / 3); } 
 .notice-title { font-size:3rem; } 
 .board_summary .tools.txt a { display:none; } 
 .board_view .board_summary { padding-top:0; } 
 .board_summary .tools.txt { display: block; position: relative; right: inherit; left:0; top: 0; } 
 .li_board ul { padding-top:2rem !important; padding-bottom:2rem !important; } 
 .li_table ul, .li_board ul li,
 #s20241126aabd68b92931a .li_board, #s20241126aabd68b92931a .acd_row:first-child, #s20241126aabd68b92931a .acd_row { border-width:2px 0 0 0; border-color:#222; } 
 #s20241126aabd68b92931a .pagination > .active > a, #s20241126aabd68b92931a .pagination > .active > span, #s20241126aabd68b92931a .pagination > .active > a:hover, #s20241126aabd68b92931a .pagination > .active > span:hover, #s20241126aabd68b92931a .pagination > .active > a:focus, #s20241126aabd68b92931a .pagination > .active > span:focus, #s20241126aabd68b92931a .pagination > li > a:hover, #s20241126aabd68b92931a .pagination > li > span:hover, #s20241126aabd68b92931a .sub_depth li a.active, .doz_sys #s20241126aabd68b92931a a, #s20241126aabd68b92931a .li_table ul li, #s20241126aabd68b92931a .list-style .list.line > small, .doz_sys #s20241126aabd68b92931a div[data-widget-type="board"] .title.title-block a { color:#222; } 
 .li_board ~ .li_footer { padding-top:3rem; } 
 }
 @media (max-width: 480px){
 .notice-title { font-size:2.4rem; } 
 .notice-title2 { font-size:2rem; } 
 }

 /* 서비스 */
 .service-introduction { position:relative; margin:3rem -2rem 0; clear: both; overflow: hidden; } 
 .service-introduction:last-child { padding-top:3rem; margin-bottom:15rem; } 
 .introduction-list { float:left; width:calc(50% - 4rem); margin:0 2rem; } 
 .introduction-img { position:relative; display:block; height:auto; border-radius: 0.5rem; overflow: hidden; } 
 .introduction-img > em { position: absolute; top:0; right:0; display: block; font-style: inherit !important; z-index: 10; width:14rem; height: 4rem; line-height: 4rem; text-align: center; font-size:1.6rem; font-weight: 500; color:#fff; background: rgba(0,0,0,0.1); border-radius: 0 0.5rem 0 0; } 
 .introduction-text p { margin:3rem !important; font-size:2.4rem; color:#222; font-weight:600; } 
 .introduction-text ul { padding:0 0 0 3rem !important; } 
 .introduction-text ul li { position:relative; padding-left:1rem; margin-bottom:1rem; color:#777; font-size:1.6rem; font-weight:400; line-height:1.8; } 
 .introduction-text ul li::before { position: absolute; left: 0; top: 1.2rem; content:""; display:block; width:3px; height:3px; vertical-align:middle; background:#1f1f1f; } 
 .introduction-text ul > li > em { display: block; color: #ff5c14; line-height:4rem; border-radius: 2rem; font-size: 2rem; font-weight: 500; font-style: inherit !important; line-height: 3rem; } 

 @media (max-width: 1200px){
 .introduction-img > em { width:11rem; height: 3.2rem; line-height: 3.2rem; font-size:1.4rem; } 
 }

 @media (max-width: 1024px){
 .service-introduction { position:relative; margin:3rem -1rem 0; } 
 .service-introduction:last-child { margin-bottom:10rem; } 
 .introduction-list { float:left; width:calc(50% - 2rem); margin:0 1rem; } 
 .introduction-text ul > li > em { font-size:1.8rem; } 
 .introduction-text p { font-size:2rem; } 
 .service-introduction { margin:2rem -1rem 0; } 
 .introduction-list { flex:1 1 calc(50% - 1rem); margin:0 1rem; } 
 .introduction-text p { margin:3rem 2rem 1rem !important; } 
 .introduction-text ul { padding:0 0 0 2rem !important; } 
 }
 @media (max-width: 767px){
 .introduction-img { border-radius:0.5rem; } 
 .service-introduction:last-child { padding-top:0; margin-bottom:5rem; } 
 .introduction-list { width:calc(100% - 2rem); margin:2rem 1rem; } 
 .introduction-img > em { width:10rem; height: 3rem; line-height: 3rem; font-size:1.3rem; } 
 .introduction-text p { margin:2rem 1rem !important; font-size:1.8rem; } 
 .introduction-text ul > li > em { font-size:1.6rem; line-height:3rem } 
 .introduction-text ul { padding:0 0 0 1rem !important; } 
 .introduction-text ul li { margin-bottom:0.5rem; } 
 }
 @media (max-width: 480px){
 .introduction-img > em { width:9rem; font-size:1.2rem; } 
 }
 .introduction-list.v1 .introduction-text { transition-delay:0.1s; } 
 .introduction-list.v2 .introduction-text { transition-delay:0.2s; } 
 .introduction-list.v3 .introduction-text { transition-delay:0.3s; } 
 .introduction-list.v4 .introduction-text { transition-delay:0.4s; } 





 /* 서비스 이미지 슬라이드 */
 .service-swiper .swiper-slide img { border-radius:0.5rem; overflow: hidden; margin:0 auto !important; width: 100%; } 
 .service-swiper .func { z-index: 2; } 
 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled { opacity:1; } 
 .service-swiper .swiper-button-next,
 .service-swiper .swiper-button-prev { position: absolute; width: 2rem; height: 2rem; color:transparent } 
 .service-swiper .swiper-button-next::after,
 .service-swiper .swiper-button-prev::after { display: inline-block; width: 1.5rem; height: 1.5rem; right: 0; top: 50%; margin-left: -0.7rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } 
 .service-swiper .swiper-button-prev { transform: rotate(180deg); } 
 .service-swiper .swiper-button-prev { left: 1.5rem; } 
 .service-swiper .swiper-button-next { right: 1.5rem; } 
 @media (max-width: 767px){
 .service-swiper .swiper-button-prev { left: 1rem; } 
 .service-swiper .swiper-button-next { left:inherit; right: 1rem; } 
 }