/* 푸터시작 */ footer#pd_footer { width:100%; display:inline-block; background:#f6f6f6; position:relative; bottom:0; font-family:'Noto Sans KR'; } footer#pd_footer .wrapper { width:100%; max-width:1200px; border-bottom:1px solid #dcdcdc; margin:40px auto 20px; font-size:0; padding-bottom:10px;} footer#pd_footer .wrapper .ft_left { width:70%; font-size:14px; color:#ddd; display:inline-block; } footer#pd_footer .wrapper .ft_left p { display:block; font-weight:350; color:#666; letter-spacing:0px; line-height:24px; margin-bottom:30px; } footer#pd_footer .wrapper .ft_left p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;} footer#pd_footer .wrapper .ft_right { width:30%; display:inline-block; text-align:right;vertical-align:top;} footer#pd_footer .wrapper .ft_right .ft_box { display:inline-block; text-align:left; position:relative; background:#fff; color:#222; font-weight:600; letter-spacing:-1px; font-size:15px; padding:12px 20px; min-width:205px; border:1px solid #dcdcdc; } footer#pd_footer .wrapper .ft_right .ft_box img { vertical-align:middle; position:absolute; right:20px; top:20px; } footer#pd_footer .wrapper .ft_right .ft_tbox { display:inline-block; text-align:left; position:relative; color:#303030; background:#fafafa; font-weight:600; letter-spacing:-1px; margin-top:10px; min-width:205px; font-size:15px; padding:12px 20px; border:1px solid #dcdcdc; } footer#pd_footer .wrapper .ft_right .ft_tbox img { vertical-align:middle; position:absolute; right:20px; top:17px; } footer#pd_footer .ft_copyright {width:100%; max-width:1200px; margin:20px auto 80px; font-weight:600; color:#6b6b6b; padding:0px} footer#pd_footer .ft_copyright .left_copy {display:inline-block; text-align:left; letter-spacing:0px;  font-size:12px;} footer#pd_footer .ft_copyright .right_copy {float:right; font-size:11px; font-weight:500; letter-spacing:-0.5px;} footer#pd_footer .wrapper .ft_left .ft_top { font-size:16px; font-weight:400; letter-spacing:-1px;} footer#pd_footer .wrapper .ft_left .ft_top strong { margin:0px 12px; font-size:1px;} .process_wrap_main { width:100%; display:flex; margin-top:50px; } .process_wrap_main .process_pp { width:49%; margin-right:2%; background:url('../img/phantomdesign/process_bg01.png') no-repeat center center; background-size:cover; font-weight:600; letter-spacing:-1px; padding:120px 0; text-align:center; font-size:24px; color:#fff; transition:0.3s ease all;} .process_wrap_main .process_bt { width:49%; background:url('../img/phantomdesign/process_bg02.png') no-repeat center center; background-size:cover; font-weight:600; letter-spacing:-1px; padding:120px 0; text-align:center; font-size:24px; color:#fff; transition:0.3s ease all;} .process_wrap_main .process_pp:hover, .process_wrap_main .process_bt:hover { cursor:pointer; box-shadow:0 0 20px 5px rgba(0,0,0, 0.3); transition:0.3s ease all;} .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,<%2Fsvg>") !important; } .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important; } /* 슬라이더 */ .swiper { width: 100%; height: 100%;} .swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow:hidden;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;} .swiper-pagination > .swiper-pagination-bullet { width: 20px !important; height: 20px !important; text-align: center; line-height: 20px; font-size: 12px; color: #bbb !important; opacity: 1 !important; background: none !important; font-size:13px; font-weight:600;} .swiper-container-autoheight { overflow:hidden; position:relative; } .swiper-pagination > .swiper-pagination-bullet-active2 { color: #fff !important; text-decoration:underline;text-underline-position:under;} .swiper-pagination > .swiper-pagination-bullet-active4 { color: #fff !important; text-decoration:underline;text-underline-position:under;} .swiper-pagination { bottom:30px !important; } .swiper-container-horizontal>.swiper-scrollbar { bottom:0 !important; width:100% !important; left:0 !important; } .swiper-scrollbar-drag { background:#e23d5d !important; border-radius:0 !important; } .swiper-pagination-bullet-active3 { background:#67a785 !important; opacity:1 !important; } .swiper-pagination_gallery { margin-top:15px; } .pmv_wrapper { width:100%; margin:0 auto; display:inline-block; text-align:left;color:#fff;} .pmv_wrapper .wrap { display:block; position:relative; width:100%; max-width:1200px; margin:0 auto; padding-left:30px; } .pmv_wrapper .wrap img { width:auto; max-width:100%; margin-top:50px; } .pmv_wrapper h1 { font-size:54px; line-height:1.3em; letter-spacing:-3px; color:#222; font-weight:400; text-shadow: 3px 3px 10px rgba(255,255,255, 1.0);} .pmv_wrapper h1 b { font-weight:600; } .pmv_wrapper p { position:relative; padding-top:10px; font-size:44px; letter-spacing:-2px; color:#222; font-weight:400; text-shadow: 3px 3px 10px rgba(255,255,255, 1.0);} .pmv_wrapper p b { color: #e23d5d; } .pmv_wrapper h3 { font-size:20px; letter-spacing:3px; margin-bottom:10px; font-weight:400;} .pmv_wrapper h2 { margin-bottom:20px; letter-spacing:2px; color:#efdbc1; background:#fff; font-size:24px; padding:5px 30px; display:inline-block; } /* youtube */ /* .phantom_main_visual03 { width:100%; display:flex; align-content: center;align-items: center; padding:200px 0; min-height:800px; background-size:cover; } */ .youtube_background_overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0, 0.5); } .bg_video, iframe#youtubeEmbed { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100vw; height: calc(100vw/1.77); /* 9/16*100 = 56.25 */ min-height: 180vh; min-width: 250vh; /* 16/9*100 = 177.77 */ pointer-events: none; } iframe#youtubeEmbed { opacity: 0; } iframe#youtubeEmbed.loaded { opacity: 1; } #phantom_leafgreen_sec02_back { width:100%; display:inline-block; padding:55px 0px; background:url('../img/phantom/main_sec02.jpg') no-repeat center center; border-bottom:1px solid #e1e1e1; } #phantom_leafgreen_sec02_back .wrap { width:100%; max-width:1200px; margin:0 auto; display:flex; align-items:center;} #phantom_leafgreen_sec02_back .joo_lt { width:50%; pointer-events:none; margin-left:80px; } #phantom_leafgreen_sec02_back .joo_lt h1 { font-size:40px; letter-spacing:-2px; font-weight:400; line-height:54px; color:#222;} #phantom_leafgreen_sec02_back .joo_lt h2 { font-size:16px; letter-spacing:-0.7px; font-weight:400; line-height:28px; margin-top:50px; color:#222;} #phantom_leafgreen_sec02_back .joo_lt h3 { font-size:18px; letter-spacing:2px; font-weight:400; line-height:28px; margin-bottom:10px; color:#e23d5d;} #phantom_leafgreen_sec02_back .joo_rt { width:50%; pointer-events:none; } #phantom_leafgreen_sec02 { width:100%; display:inline-block; position:relative; padding:150px 0px; } #phantom_leafgreen_sec02 .wrap {position:relative; z-index:1 ;font-family:'Noto sans KR'; width:100%; max-width:1200px; text-align:center; margin:0 auto; } #phantom_leafgreen_sec02 .wrap > h1 { font-size:40px; letter-spacing:-1px; color:#000; } #phantom_leafgreen_sec02 .wrap > h1 b { color:#e23d5d;} #phantom_leafgreen_sec02 .wrap > h2 { font-size:16px; letter-spacing:-1px; color:#777; font-weight:500; margin-top:20px; } #phantom_leafgreen_sec02 .wrap > ul { width:100%; display:flex; margin-top:50px; align-items: center; justify-content: space-around; align-content: center;} #phantom_leafgreen_sec02 .wrap > ul > li { width:100%; border:5px solid #fff; transition:0.3s ease all; height:100%; min-height:500px; margin-left:30px; position:relative; } #phantom_leafgreen_sec02 .wrap > ul > li:nth-child(1) { margin-left:0;} #phantom_leafgreen_sec02 .wrap > ul > li.bg01 { background:url('../img/phantomdesign/sec02_bg_1.png') no-repeat center center; background-size:cover;} #phantom_leafgreen_sec02 .wrap > ul > li.bg02 { background:url('../img/phantomdesign/sec02_bg_2.png') no-repeat center center; background-size:cover;} #phantom_leafgreen_sec02 .wrap > ul > li.bg03 { background:url('../img/phantomdesign/sec02_bg_3.png') no-repeat center center; background-size:cover;} #phantom_leafgreen_sec02 .wrap > ul > li > .title_position { position:absolute; bottom:30px; left:30px; text-align:left; color:#fff; } #phantom_leafgreen_sec02 .wrap > ul > li > .title_position > h1 { font-size:24px; letter-spacing:-1px; font-weight:600; margin:0; line-height:24px;} #phantom_leafgreen_sec02 .wrap > ul > li > .title_position > p { font-size:16px; letter-spacing:-1px; font-weight:500; margin:15px 0;} #phantom_leafgreen_sec02 .wrap > ul > li > .title_position > a > h2 { font-size:13px; transition:0.3s ease all; letter-spacing:0px; font-weight:600; background:rgba(31,185,109, 0.4); padding:10px 30px; display:inline-block;} #phantom_leafgreen_sec02 .wrap > ul > li > .title_position > a { color:#fff; } #phantom_leafgreen_sec02 .wrap > ul > li:hover > .title_position > a > h2 { background:#e23d5d; transition:0.3s ease all; } #phantom_leafgreen_sec02 .wrap > ul > li:hover { border:5px solid #e23d5d; margin-top:-15px; transition:0.3s ease all;} #phantom_leafgreen_sec03 { width:100%; display:inline-block; position:relative; padding:124px 0px; background:url('../img/phantom/main_sec03.png') no-repeat center center; } #phantom_leafgreen_sec03 .wrap {position:relative; z-index:1 ;font-family:'Noto sans KR'; width:100%; max-width:1200px; text-align:center; margin:0 auto; } #phantom_leafgreen_sec03 h1 { font-size:40px; font-weight:500; letter-spacing:-2.5px; line-height:60px; color:#fff;} #phantom_leafgreen_sec03 h2 { font-size:18px; letter-spacing:-1px; font-weight:400; line-height:30px; margin-top:30px; color:#fff;} #phantom_leafgreen_sec03 .wrap ul { width:100%; display:flex; margin-top:70px; flex-direction:row; flex-wrap:wrap; align-items: center; } #phantom_leafgreen_sec03 .wrap ul li { width:calc(100% / 3 - 20px); margin-bottom:30px; font-size:16px; font-weight:500; line-height:30px; margin-right:30px; padding:10px 0px; border-radius:5px; background:rgba(255,255,255, 0.3); color:#fff; transition:0.3s ease all;} #phantom_leafgreen_sec03 .wrap ul li:nth-child(3n) { margin-right:0; } #phantom_leafgreen_sec03 .wrap ul li:nth-child(n+4) { margin-bottom:0; } #phantom_leafgreen_sec03 .wrap ul li.active, #phantom_leafgreen_sec03 .wrap ul li:hover { transition:0.3s ease all; cursor:pointer; background:#fff; color:#e23d5d; } #phantom_leafgreen_sec03 .wrap ul li h3 { font-size:13px; display:inline-block; line-height:13px; margin-right:5px; background:#e23d5d; color:#fff; padding:3px 15px; border-radius:8px; } #phantom_leafgreen_sec04 { width:100%; display:inline-block; position:relative; padding:150px 0; } #phantom_leafgreen_sec04 .wrap {position:relative; z-index:1 ;font-family:'Noto sans KR'; width:100%; max-width:1200px; text-align:center; margin:0 auto; } #phantom_leafgreen_sec04 .wrap > h1 { font-size:40px; letter-spacing:-1px; color:#000; } #phantom_leafgreen_sec04 .wrap > h1 b { color:#e23d5d;} #phantom_leafgreen_sec04 .wrap > h2 { font-size:16px; letter-spacing:-1px; color:#777; font-weight:500; margin-top:20px; } #phantom_leafgreen_sec05 { width:100%; display:inline-block; position:relative; padding:150px 0px; background:url('../img/phantom/main_sec05.png') no-repeat center center; background-size:cover;} #phantom_leafgreen_sec05 .wrap {position:relative; z-index:1 ;font-family:'Noto sans KR'; width:100%; max-width:1200px; text-align:center; margin:0 auto; } #phantom_leafgreen_sec05 .wrap > h1 { font-size:40px; letter-spacing:-1px; color:#fff; } #phantom_leafgreen_sec05 .wrap > h1 b { color:#e23d5d;} #phantom_leafgreen_sec05 .wrap > h2 { font-size:16px; letter-spacing:-1px; color:#bbb; font-weight:500; margin-top:20px; } #phantom_leafgreen_sec05 .wrap > ul { width:100%; display:flex; margin-top:50px; align-items: center; justify-content: space-around; align-content: center;} #phantom_leafgreen_sec05 .wrap > ul > li { width:100%; transition:0.3s ease all; height:100%; padding:30px; max-height:380px; background:#fff;margin-left:30px; position:relative; } #phantom_leafgreen_sec05 .wrap > ul > li:nth-child(1) { margin-left:0;} #phantom_leafgreen_sec05 .wrap > ul > li:nth-child(2) { padding:46px; } #phantom_leafgreen_sec05 .wrap > ul > li .title { font-size:24px; letter-spacing:-1px; color:#000; font-weight:600; } #phantom_leafgreen_sec05 .wrap > ul > li .tel { font-size:40px; letter-spacing:-2px; color:#000; font-weight:600; margin:15px 0; } #phantom_leafgreen_sec05 .wrap > ul > li span { font-size:16px; color:#999; letter-spacing:-0.5px; font-weight:500;} #phantom_leafgreen_sec05 .wrap > ul > li span ul { display:flex; margin-top:35px; justify-content: center; } #phantom_leafgreen_sec05 .wrap > ul > li span ul li { margin-left:10px; } #phantom_leafgreen_sec05 .wrap > ul > li span ul li:nth-child(1) { margin-left:0px; } #phantom_leafgreen_sec05 .wrap > ul > li span ul li img:hover { border-radius:10px; transition:0.3s ease all; cursor:pointer; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.3); } .margin80 { display:inline-block; margin-top:80px; } /* 개발용 테스트 끝난 후 지우기 */ #sub_background { width:100%; display:inline-block; background-size:cover; color:#fff; text-align:center; padding:100px 0; max-height:500px; } #sub_background > h1 { font-size:40px; letter-spacing:-1.5px; } #sub_background > h2 { font-size:16px; letter-spacing:0px; margin-top:10px;} .l10 {background:url('../img/phantomdesign/sub_bg_01a.png') no-repeat center center; } .l20 {background:url('../img/phantomdesign/sub_bg_02.jpg') no-repeat center center; } .l30 {background:url('../img/phantomdesign/sub_bg_03.jpg') no-repeat center center; } .l40 {background:url('../img/phantomdesign/sub_bg_04.jpg') no-repeat center center; } .l50 {background:url('../img/phantomdesign/sub_bg_05.jpg') no-repeat center center; } .l60 {background:url('../img/phantomdesign/sub_bg_06.jpg') no-repeat center center; } .l70 {background:url('../img/phantomdesign/sub_bg_07.jpg') no-repeat center center; } .l80 {background:url('../img/phantomdesign/sub_bg_08.jpg') no-repeat center center; } #sub_menu { width:100%; display:inline-block;border-bottom:1px solid #dcdcdc; } #sub_menu .wrap { width:100%; max-width:1200px; margin:0 auto; } #sub_menu .wrap .depth01 { display:flex; } #sub_menu .wrap .depth01 > li { position:relative; letter-spacing:-1px; font-size:14px; background:url('../img/warrow.png') no-repeat center right; background-position-x:calc(100% - 20px); cursor:pointer; width:calc(100% / 3); max-width:300px; height:60px; line-height:60px; padding:0px 20px; border-right:1px solid #dcdcdc; } #sub_menu .wrap .depth01 > li:nth-child(1) { border-left:1px solid #dcdcdc; } #sub_menu .wrap .depth01 > li i { vertical-align:middle; font-size:18px; } #sub_menu .wrap .depth01 > li img { margin-left:50px; vertical-align:middle; } #sub_menu .wrap .depth01 > li.on { background-color:#f9f9f9; border-top:2px solid #e23d5d; font-weight:500; } /* 2차메뉴 시작 */ #sub_menu .wrap .depth01 > li > ul { display:none; cursor:pointer; position:absolute; z-index:1; background:#fff; border:1px solid #dcdcdc; border-bottom:0; width:calc(100% + 2px); left:-1px; } #sub_menu .wrap .depth01 > li > ul > a > li { border-bottom:1px solid #dcdcdc; line-height:50px; padding:0px 20px; background:url('../img/warrow.png') no-repeat center right; background-position-x:calc(100% - 20px);} #sub_menu .wrap .depth01 > li > ul > a > li:hover { background-color:#f9f9f9; transition:0.2s ease all; } /* 콘텐츠 css 시작 */ #phantom_content { width:100%; display:inline-block; margin-top:100px; } #phantom_content .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; } #phantom_content .wrap > h1 { display:inline-block; position:relative; font-size:40px; letter-spacing:-1px; padding-bottom:50px; margin-bottom:50px;} #phantom_content .wrap > h1 b { color:#e23d5d; } #phantom_content .wrap > h1::after { content:''; position:absolute; width:50px; height:1px; background:#e1e1e1; left:calc(50% - 25px); bottom:0; } #phantom_content .wrap > .wrap_content { display:block; margin-bottom:60px;} #phantom_content .wrap > .wrap_content > h1 { font-size:30px; margin-bottom:30px; letter-spacing:-1px; color:#333; } #phantom_content .wrap > .wrap_content > p { font-size:16px; letter-spacing:-0.5px; color:#999; font-weight:400; } #phantom_content .wrap > .wrap_content > p b { color:#000; } #phantom_content_eco { width:100%; display:inline-block; background:#f9f9f9; padding:100px 0; margin-top:150px; } #phantom_content_eco .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; display:flex;} #phantom_content_eco .wrap .subject { width:calc(100% / 3); text-align:left; font-size:40px; letter-spacing:-1px; color:#333; } #phantom_content_eco .wrap .subject b { color:#e23d5d; letter-spacing:-1px; } #phantom_content_eco .wrap .num_box { display:flex; width:calc(100% / 3); text-align:left; } #phantom_content_eco .wrap .num_box p {font-size:16px; color:#999; margin-top:30px;} #phantom_content_eco .wrap .num_box h1 { font-size:24px; color:#c0c0c0; line-height:24px;} #phantom_content_eco .wrap .num_box h2 { font-size:30px; color:#222; line-height:30px;} #phantom_content_eco .wrap .num_box .flex_box { margin-left:30px; letter-spacing:-1px; } #phantom_content_company { width:100%; display:inline-block; background:url('../img/phantomdesign/company_bg.png') no-repeat center center; background-size:cover; padding:100px 0; } #phantom_content_company .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; } #phantom_content_company .wrap > h1 { font-size:40px; color:#fff;} #phantom_content_company .wrap > h1 b { color:#e23d5d;} #phantom_content_company .wrap > h2 { font-size:16px; color:#999; font-weight:400; letter-spacing:-1px; margin-top:20px;} #phantom_content_company .wrap > ul { width:100%; margin-top:50px; display:flex;justify-content:space-between; align-items: stretch;} #phantom_content_company .wrap > ul > li { background:#fff; margin-right:30px; } #phantom_content_company .wrap > ul > li:nth-last-child(1) { margin-right:0; } #phantom_content_company .wrap > ul > li .content { display:block; padding:30px; } #phantom_content_company .wrap > ul > li .content h1 { font-size:24px; letter-spacing:-1px; color:#222; line-height:24px; } #phantom_content_company .wrap > ul > li .content p { font-size:16px; letter-spacing:-1px; color:#666; font-weight:400; margin-top:15px; } #phantom_content_ceo_title { width:100%; display:inline-block; margin-top:50px; background-size:cover; padding:50px 0; } #phantom_content_ceo_title .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; } #phantom_content_ceo_title .wrap > h1 { font-size:40px; color:#222; letter-spacing:-1px; padding-bottom:20px; position:relative;} #phantom_content_ceo_title .wrap > h1 b { color:#e23d5d;} #phantom_content_ceo_title .wrap > h2 { font-size:20px; color:#888; font-weight:400; letter-spacing:-1px; margin-top:20px;} #phantom_content_ceo_title .wrap > h3 { font-size:16px; color:#888; letter-spacing:3px; font-weight:500; padding-bottom:30px; margin-bottom:30px; position:relative;} #phantom_content_ceo_title .wrap > h3::after { content:''; position:absolute; width:50px; height:1px; background:#e1e1e1; left:calc(50% - 25px); bottom:0; } #phantom_content_ceo_content { width:100%; display:inline-block; margin:50px 0; } #phantom_content_ceo_content .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; display:flex; align-items: flex-start;} #phantom_content_ceo_content .wrap .ceo_content h1.subject { text-align:left; font-size:40px; letter-spacing:-1px; color:#333; } #phantom_content_ceo_content .wrap .ceo_content h1.subject b { color:#e23d5d; letter-spacing:-1px; } #phantom_content_ceo_content .wrap img { margin-right:80px; max-width:100%; } #phantom_content_ceo_content .wrap .ceo_content { text-align:left; } #phantom_content_ceo_content .wrap .ceo_content h3 { font-size:16px; color:#444; font-weight:600; margin-top:50px; letter-spacing:-1px; } #phantom_content_ceo_content .wrap .ceo_content h3 img { margin-left:15px; vertical-align:middle; } #phantom_content_ceo_content .wrap .ceo_content .explain { text-align:left; } #phantom_content_ceo_content .wrap .ceo_content .explain h1 { margin:50px 0; margin-bottom:20px; font-size:30px; font-weight:500; letter-spacing:-1.5px; color:#e23d5d; } #phantom_content_ceo_content .wrap .ceo_content .explain p { font-size:16px; line-height:1.8em; color:#999; font-weight:400; letter-spacing:-1px; } #phantom_content_ceo_content .wrap .ceo_content .explain p b { color:#000; font-weight:600; } #phantom_history { width:100%; display:inline-block; margin:100px 0; } #phantom_history .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; } #phantom_history .wrap > h1 { font-size:40px; color:#000;} #phantom_history .wrap > h1 b { color:#e23d5d;} #phantom_history .wrap > ul { width:100%; max-width:600px; margin:0 auto; margin-top:50px; display:inline-block; } #phantom_history .wrap > ul > li { width:100%; position:relative; display:flex; line-height:12px; float:left; padding:40px 20px; padding-top:0; align-items: flex-start; justify-content: flex-start;} #phantom_history .wrap > ul > li::before { content:''; position:absolute; height:100%; width:1px; background:#dcdcdc; left:0; top:0;} #phantom_history .wrap > ul > li::after { content:''; position:absolute; width:16px; height:16px; background:#e23d5d; border-radius:50%; left:-8px; top:0px; border:2px solid #fff; box-shadow: 0px 0px 3px 2px rgba(18, 204, 112, .3);} #phantom_history .wrap > ul > li > h1 { margin-left:10px; line-height:24px; font-size:24px; letter-spacing:-1px; color:#000; } #phantom_history .wrap > ul > li > h2 { min-width:50px; text-align:left;font-size:20px; line-height:24px; margin:0 20px; letter-spacing:-1px; color:#444; } #phantom_history .wrap > ul > li > p { font-size:16px; line-height:24px; letter-spacing:-1px; color:#999; word-break:keep-all; text-align:left;} #phantom_location { width:100%; display:inline-block; margin:100px 0; } #phantom_location .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; } #phantom_location .wrap > h1 { font-size:40px; color:#000; margin-bottom:50px;} #phantom_location .wrap > h1 b { color:#e23d5d;} #phantom_location .wrap .root_daum_roughmap_landing { width:100%; } #phantom_location .wrap .location_info { width:100%; display:flex; margin-top:30px;justify-content: space-between; } #phantom_location .wrap .location_info li { list-style:none; display:flex; align-items: center;} #phantom_location .wrap .location_info li h1 { padding-left:40px; font-size:20px; font-weight:500; letter-spacing:-1px; position:relative;} #phantom_location .wrap .location_info li h1::before { content:''; position:absolute; left:0; top:calc(50% - 2px); width:30px; height:4px; background:#52d78e; } #phantom_location .wrap .location_info li p { font-size:16px; color:#999; letter-spacing:-0.8px; margin-left:10px; font-weight:400; } /* 간편상담신청 */ #consulting { width:100%; background: #fff; float:left; text-align:center; margin:60px 0px; margin-bottom:0;} #consulting h1 { display:block; font-size:32px;line-height:30px; color:#000; margin-bottom:30px;font-weight:500; letter-spacing:-1px; } #consulting .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} #consulting .wrapper ul { width:100%; display:inline-block; border:1px solid #dcdcdc; border-radius:5px;} #consulting .wrapper ul li { width:50%; float:left; padding:30px 50px;} #consulting .wrapper ul li:nth-last-child(1) { width:50%; float:left; padding:30px 50px; border-left:1px solid #dcdcdc;} #consulting .wrapper ul li img { vertical-align:middle; padding-top:5px; } #consulting .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:20px; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;} #consulting .wrapper ul li .submitbox { float:right; font-size:16px; color:#2b9c63; font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} #consulting .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:16px; color:#fff; background: #3d8861; background: -webkit-linear-gradient(to right, #3d8861, #2dc97a); background: linear-gradient(to right, #3d8861, #2dc97a); font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} .consulting_form {border-radius:5px; width:100%; text-align:center; display:inline-block;} .consulting_form h1 { font-size:24px; letter-spacing:-1px; color:#000; font-weight:500; line-height:48px;} .consulting_form h2 { font-size:16px; letter-spacing:-1px; color:#999; font-weight:350; line-height:24px; margin-bottom:50px;} .consulting_form .wrapper { width:100%; max-width:1200px; margin:60px auto; background:#f9f9f9; border:1px solid #dcdcdc; padding:50px;} /* FAQ */ #phantom_qna { width:100%; max-width:1200px; margin:70px auto; padding:0 20px;} .faq_title { width:100%; text-align:center; display:inline-block; margin-bottom:30px;} .qna_title { display:inline-block; font-size:36px; letter-spacing:-1px; font-weight:600; } .qna_sub_title { display:inline-block; margin-bottom:20px;font-size:16px; color:#666; font-weight:350; letter-spacing:-1px; margin-left:10px; } .que:first-child { border-top: 2px solid #41bb78; } .que { position: relative; padding: 25px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #e1e1e1; } .que::before { display: inline-block; content: 'Q'; font-size: 14px; color: #41bb78; font-weight:600; margin-right: 5px;} .que.on>span { font-weight: bold; color: #41bb78; } .anw {position:relative; display: none;overflow: hidden;font-size: 14px;background-color: #f4f4f2;padding: 27px 0; padding-left:20px; } .anw::before {display: inline-block;content: 'A'; margin-top:5px; font-size: 14px;font-weight: bold; background:#41bb78; width:24px; text-align:center; line-height:24px; height:24px; border-radius:50%; color: #fff;margin-right: 5px;} .anw span { padding-left:10px; line-height:30px; letter-spacing:-0.5px; color:#555; font-weight:400; } .anw[style*='display: block']{ display:flex !important;} .bt0001 { width:auto; max-width:100%; } .modal {display: none; position: fixed; z-index: 1000; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {background-color: #fefefe;z-index:99;margin: 1% auto; padding: 40px;max-width:800px; text-align:center; border: 1px solid #888;position:relative;width: 100%;-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .modal-content .subject { width:100%; text-align:left; border-bottom:2px solid #000; font-size:24px; letter-spacing:-1px; color:#222; font-weight:600; padding:15px 0px; padding-top:0; } .modal-content .content { position:relative; width:100%; font-size:14px; letter-spacing:-0.5px;} .modal-content .content .service_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; } .modal-content .content .privacy_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; } .modal-content .pop_bt { position:absolute; top:35px; right:40px; font-weight:100; font-size:24px; } .modal-content .pop_bt i:hover { cursor:pointer;} .provision, .privacy { cursor:pointer; } /* top header */ #phantom-top-header { width:100%; background:#f9f9f9; padding:10px 0; font-family:'Noto Sans KR'; border-bottom:1px solid #eaeaea;} #phantom-top-header .wrap { letter-spacing:-0.5px; width:100%; display:flex; max-width:1200px; font-size:12px; margin:0 auto; justify-content: space-between; } #phantom-top-header .wrap .left_header b { margin:0 5px; font-size:12px; color:#999; font-weight:500; vertical-align:middle;} #phantom-top-header .wrap .left_header b span { vertical-align:middle; } #phantom-top-header .wrap .left_header b:nth-child(2) { margin-left:10px; } #phantom-top-header .wrap .left_header b img { margin-right:4px; } #phantom-top-header .wrap .right_header a { color:#777; border-right:1px solid #dcdcdc; padding-right:10px;} #phantom-top-header .wrap .right_header a:nth-child(2) { padding-right:0; border-right:0; margin-left:10px; } #phantom-top-header .wrap .right_header a.br { border-right:0; } #boaz_section_02 { width:100%; display:inline-block; padding:55px 0px; background:url('../img/phantomdesign/section02_bg.jpg') no-repeat center center; background-size:cover; border-bottom:1px solid #e1e1e1; } #boaz_section_02 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_02 .wrap h1 { width:100%; position:relative; font-size:40px; color:#e23d5d; font-weight:300; line-height:120px; letter-spacing:-1px;} #boaz_section_02 .wrap h1::before { content:''; position:absolute; width:30px; height:4px; background:#e23d5d; left:calc(50% - 15px); bottom:0; } #boaz_section_02 .wrap h2 { width:100%; font-size:20px; color:#e23d5d; line-height:90px; letter-spacing:4px;} #boaz_section_02 .wrap p { width:100%; font-weight:400; font-size:64px; color:#000; line-height:1.5em; letter-spacing:-2px;} #boaz_section_02 .wrap p b { color:#e23d5d } #boaz_section_02 .wrap h3 { display:inline-block; background:#e23d5d; border-radius:30px; margin-top:50px; padding:15px 70px; font-size:40px; color:#fff; line-height:30px; letter-spacing:-2px;} #boaz_section_02 .wrap ul { display:flex; width:100%; margin-top:70px; } #boaz_section_02 .wrap ul li { width:20%; margin-right:50px; } #boaz_section_02 .wrap ul li:nth-of-type(5) { margin-right:0px; } #boaz_section_02 .wrap ul li .circle { display:flex; align-items: center; flex-direction: column; justify-content: center; border:10px solid #fff; background:#a89c65; width:200px; height:200px; border-radius:50%; } #boaz_section_02 .wrap ul li:nth-child(2) .circle, #boaz_section_02 .wrap ul li:nth-child(5) .circle { background:#ff1700 } #boaz_section_02 .wrap ul li .circle img { display:block; } #boaz_section_02 .wrap ul li .circle h4 { font-size:16px; color:#e23d5d; margin-top:15px; letter-spacing:-1px; line-height:24px; padding:0 20px; border-radius:30px; background:#fff; } #boaz_section_02 .wrap ul li h5 { background:#fff; border-radius:5px; padding:20px 0; font-size:20px; font-weight:500; letter-spacing:-1px; margin-top:30px; } #boaz_section_02 .wrap ul li h5 b { color:#d90000; } #boaz_section_03 { width:100%; display:inline-block; padding:100px 0px; background:url('../img/phantomdesign/section03_bg.png') no-repeat center center; background-size:cover; border-bottom:1px solid #e1e1e1; } #boaz_section_03 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_03 .wrap > h1 { width:100%; position:relative; font-size:40px; color:#e23d5d; font-weight:300; margin-top:20px; letter-spacing:-1px;} #boaz_section_03 .wrap ul { display:flex; width:100%; margin-top:70px; } #boaz_section_03 .wrap ul li { width:50%; padding:40px; margin-right:20px; background:#fff; text-align:left; box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); } #boaz_section_03 .wrap ul li:nth-child(2) { margin-right:0; } #boaz_section_03 .wrap ul li h1 { position:relative; font-size:24px; line-height:38px; font-weight:600; letter-spacing:-1px; padding-left:48px; background:url('../img/phantomdesign/heart.png') no-repeat; } #boaz_section_03 .wrap ul li h1::before { position:absolute; content:''; width:40px; height:4px; background:#e03a5a; bottom:-20px; left:0;} #boaz_section_03 .wrap ul li p { font-size:24px; margin-top:40px;} #boaz_section_03 .wrap ul li p b { color:#ef516f; } #boaz_section_04 { width:100%; display:inline-block; padding:100px 0px; background:#ede5dc; border-bottom:1px solid #e1e1e1; } #boaz_section_04 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; background:#fff; border-radius:10px; padding:20px; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_04 .wrap .border { width:100%; display:inline-block; border:1px solid #dcdcdc; border-radius:10px; padding:50px; } #boaz_section_04 .wrap .border > h1 { width:100%; position:relative; margin-top:20px; font-size:40px; color:#222; font-weight:400; letter-spacing:-4px;} #boaz_section_04 .wrap .border > p { width:100%; position:relative; margin-top:20px; font-size:24px; color:#555; font-weight:350; letter-spacing:-2px;} #boaz_section_04 .wrap .border > h1 b { font-weight:500; } #boaz_section_04 .wrap .border ul { display:flex; width:100%; margin-top:50px; } #boaz_section_04 .wrap .border ul li { width:50%; margin-right:20px; transition:0.3s ease all; } #boaz_section_04 .wrap .border ul li:hover { transition:0.3s ease all; position:relative; border-radius:10px; box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); cursor:pointer; } #boaz_section_04 .wrap .border ul li:nth-child(2) { margin-right:0; } #boaz_section_04 .wrap .border ul li h1 { position:relative; font-size:24px; line-height:38px; font-weight:600; letter-spacing:-1px; padding-left:48px; background:url('../img/phantomdesign/heart.png') no-repeat; } #boaz_section_04 .wrap .border ul li h1::before { position:absolute; content:''; width:40px; height:4px; background:#e03a5a; bottom:-20px; left:0;} #boaz_section_04 .wrap .border ul li p { font-size:16px; margin-top:40px;} #boaz_section_04 .wrap .border ul li p b { color:#ef516f; } #boaz_section_05 { width:100%; display:inline-block; padding:100px 0px; background:url('../img/phantomdesign/section05_bg.png') no-repeat center center; background-size:cover; border-bottom:1px solid #e1e1e1; } #boaz_section_05 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_05 .wrap > h1 { width:100%; position:relative; font-size:36px; color:#222; font-weight:400; margin-top:20px; letter-spacing:-2px;} #boaz_section_05 .wrap > h1 b { color:#e42c2c} #boaz_section_05 .wrap > p { width:100%; position:relative; margin-top:20px; font-size:24px; color:#555; font-weight:350; letter-spacing:-2px;} #boaz_section_05 .wrap .wed_img { display:flex; flex-wrap:wrap; margin-top:50px; } #boaz_section_05 .wrap .wed_img a { max-width:100%; width:calc(25% - 20px); margin:10px; } #boaz_section_05 .wrap .wed_img a img { max-width:100%; width:100%; height:100%; max-height:300px;} #boaz_section_06 { width:100%; display:inline-block; padding:100px 0px; background:url('../img/phantomdesign/section06_bg.png') no-repeat center center; background-size:cover; border-bottom:1px solid #e1e1e1; } #boaz_section_06 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_06 .wrap > h1 { width:100%; position:relative; font-size:20px; color:#fff; font-weight:400; margin-top:20px; letter-spacing:1px;} #boaz_section_06 .wrap > h1 b { color:#fff} #boaz_section_06 .wrap > h2 { position:relative; font-size:16px; padding:7px 50px; border-radius:30px; color:#fff; background:#e23d5d; font-weight:400; margin-top:20px; letter-spacing:0px; transition:0.3s ease all; border:1px solid #e23d5d} #boaz_section_06 .wrap > h2:hover { border:1px solid #e23d5d; cursor:pointer; background:#fff; color:#e23d5d; transition:0.3s ease all; } #boaz_section_06 .wrap > p { width:100%; position:relative; margin-top:20px; font-size:30px; color:#fff; font-weight:350; letter-spacing:-2px;} #boaz_section_06 .wrap .wed_img { display:flex; flex-wrap:wrap; margin-top:50px; } #boaz_section_06 .wrap .wed_img img { max-width:100%; width:calc(25% - 20px); margin:10px; max-height:200px;} #boaz_section_07 { width:100%; display:inline-block; padding:100px 0px; background:url('../img/phantomdesign/section07_bg.png') no-repeat center center; background-size:cover; border-bottom:1px solid #e1e1e1; } #boaz_section_07 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_07 .wrap > h1 { width:100%; position:relative; font-size:36px; color:#222; font-weight:600; margin-top:20px; letter-spacing:-2px;} #boaz_section_07 .wrap > h1 b { color:#222} #boaz_section_07 .wrap > ul { display:flex; flex-wrap:wrap; width:100%; margin-top:50px; } #boaz_section_07 .wrap > ul li { width:calc(50% - 10px); margin-bottom:20px; background:#fff; margin-right:20px; border-radius:10px; box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); text-align:left; padding:30px; } #boaz_section_07 .wrap > ul li:nth-child(2n) { margin-right:0; } #boaz_section_07 .wrap > ul li:nth-child(5) { width:100%; margin-right:0; } #boaz_section_07 .wrap > ul li > h1 { font-size:22px; color:#e23d5d; font-weight:500;letter-spacing:-1px; } #boaz_section_07 .wrap > ul li > p { font-size:18px; line-height:1.6em; letter-spacing:-1px; margin-top:10px; font-weight:350; } #boaz_section_08 { padding:100px 0; text-align:center; background:url('../img/phantomdesign/section08_bg.jpg') no-repeat center center; background-size:cover; position:relative; } #boaz_section_08::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.7); } #boaz_section_08 .sc08title { display:inline-block; position:relative; margin-bottom:50px;} #boaz_section_08 .sc08title h1 { font-size:36px; margin-top:20px; color:#fff; letter-spacing:-1px; } #boaz_section_09 { padding:100px 0; text-align:center; background:url('../img/phantomdesign/sec09_bg.png') no-repeat center center; background-size:cover; position:relative; } #boaz_section_09 .wrap { width:100%; max-width:800px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_10 { padding:100px 0; text-align:center; background:url('../img/phantomdesign/sec10_bg.png') no-repeat center center; background-size:cover; position:relative; } #boaz_section_10 .wrap { width:100%; max-width:800px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_10 .wrap h1 { font-size:36px; margin-top:30px; letter-spacing:-1px; color:#fff; width:100%; } #boaz_section_10 .wrap p { width:100%; font-weight:350; padding:30px; background:rgba(0,0,0, 0.5); color:#fff; font-size:20px; line-height:36px; border-radius:10px; letter-spacing:-1px; margin-top:30px; } #boaz_section_10 .wrap h2 { font-size:24px; margin-top:30px; letter-spacing:-2px; color:#fff; background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c); background: linear-gradient(to right, #f80759, #bc4e9c); display:inline-block; padding:10px 0; width:400px; border-radius:10px; border:1px solid rgba(0,0,0, 0.6);} #boaz_section_10 .wrap h2:hover { cursor:pointer; border:1px solid rgba(0,0,0, 1); } #boaz_section_11 { padding:100px 0; padding-bottom:70px; text-align:center; position:relative; } #boaz_section_11 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_11 .wrap h1 { font-size:36px; font-weight:350; margin-top:0px; letter-spacing:-2px; color:#000; width:100%; } #boaz_section_11 .wrap h3 { font-size:20px; margin-top:20px; letter-spacing:7px; font-weight:400; color:#000; width:100%; } #boaz_section_11 .wrap > p { width:100%; font-weight:350; padding:30px; background:rgba(0,0,0, 0.5); color:#fff; font-size:20px; line-height:36px; border-radius:10px; letter-spacing:-1px; margin-top:30px; } #boaz_section_11 .wrap h2 { font-size:24px; margin-top:30px; letter-spacing:-2px; color:#fff; background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c); background: linear-gradient(to right, #f80759, #bc4e9c); display:inline-block; padding:10px 0; width:400px; border-radius:10px; border:1px solid rgba(0,0,0, 0.6);} #boaz_section_11 .wrap h2:hover { cursor:pointer; border:1px solid rgba(0,0,0, 1); } #boaz_section_11 .wrap .sc11_wrap { width:100%; margin-top:40px; } #boaz_section_12 { padding:100px 0; padding-top:70px; border-top:10px solid #ddd; text-align:center; position:relative; } #boaz_section_12 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_12 .wrap h1 { font-size:36px; font-weight:350; margin-top:0px; letter-spacing:-2px; color:#e23d5d; width:100%; } #boaz_section_12 .wrap h3 { font-size:20px; margin-top:20px; letter-spacing:5px; font-weight:400; color:#e23d5d; width:100%; } #boaz_section_12 .wrap > p { width:100%; font-weight:350; padding:30px; background:rgba(0,0,0, 0.5); color:#fff; font-size:20px; line-height:36px; border-radius:10px; letter-spacing:-1px; margin-top:30px; } #boaz_section_12 .wrap h2 { font-size:24px; margin-top:30px; letter-spacing:-2px; color:#fff; background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c); background: linear-gradient(to right, #f80759, #bc4e9c); display:inline-block; padding:10px 0; width:400px; border-radius:10px; border:1px solid rgba(0,0,0, 0.6);} #boaz_section_12 .wrap h2:hover { cursor:pointer; border:1px solid rgba(0,0,0, 1); } #boaz_section_12 .wrap .sc11_wrap { width:100%; margin-top:40px; } #boaz_section_13 { padding:100px 0; padding-bottom:70px; border-top:10px solid #ddd; text-align:center; position:relative; } #boaz_section_13 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_13 .wrap h1 { font-size:36px; font-weight:350; margin-top:0px; letter-spacing:-2px; color:#000; width:100%; } #boaz_section_13 .wrap h3 { font-size:20px; margin-top:20px; letter-spacing:7px; font-weight:400; color:#000; width:100%; } #boaz_section_13 .wrap > p { width:100%; font-weight:350; padding:30px; background:rgba(0,0,0, 0.5); color:#fff; font-size:20px; line-height:36px; border-radius:10px; letter-spacing:-1px; margin-top:30px; } #boaz_section_13 .wrap h2 { font-size:24px; margin-top:30px; letter-spacing:-2px; color:#fff; background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c); background: linear-gradient(to right, #f80759, #bc4e9c); display:inline-block; padding:10px 0; width:400px; border-radius:10px; border:1px solid rgba(0,0,0, 0.6);} #boaz_section_13 .wrap h2:hover { cursor:pointer; border:1px solid rgba(0,0,0, 1); } #boaz_section_13 .wrap .sc11_wrap { width:100%; margin-top:40px; } #boaz_section_14 { padding:100px 0; background:url('../img/phantomdesign/location_bg.png') no-repeat center center; background-size:cover; padding-bottom:70px; border-top:1px solid #dcdcdc; text-align:center; position:relative; } #boaz_section_14 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_14 .wrap h1 { font-size:36px; font-weight:350; margin-top:0px; letter-spacing:-2px; color:#b7a249; width:100%; } #boaz_section_14 .wrap h3 { font-size:20px; margin-top:20px; letter-spacing:7px; font-weight:400; color:#b7a249; width:100%; } #boaz_section_14 .wrap > p { width:100%; font-weight:350; padding:30px; background:rgba(0,0,0, 0.5); color:#fff; font-size:20px; line-height:36px; border-radius:10px; letter-spacing:-1px; margin-top:30px; } #boaz_section_14 .wrap h2 { font-size:24px; margin-top:30px; letter-spacing:-2px; color:#fff; background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c); background: linear-gradient(to right, #f80759, #bc4e9c); display:inline-block; padding:10px 0; width:400px; border-radius:10px; border:1px solid rgba(0,0,0, 0.6);} #boaz_section_14 .wrap h2:hover { cursor:pointer; border:1px solid rgba(0,0,0, 1); } #boaz_section_14 .wrap .sc11_wrap { width:100%; margin-top:40px; } .root_daum_roughmap { width:100% !important; display:block; margin-top:50px !important; } #boaz_section_15 { display:flex; width:100%; padding:100px 0; text-align:center; position:relative; } #boaz_section_15 .wrap { width:100%; max-width:1200px; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #boaz_section_15 .wrap img:nth-child(1) { margin-right:10px; } #boaz_section_15 .wrap img:nth-child(2) { margin-right:10px; } #boaz_section_15 .wrap img { max-width:32%; width:auto; } .swiper-container-boaz {position: relative; width: 100%; height: 400px; overflow: hidden;} .swiper-container-boaz > .swiper-slide__content { position: absolute; top: 0; } .sec08_1 {position: relative; background:url('../img/phantomdesign/sec08_1.jpg') no-repeat center center; background-size:cover; } .sec08_1::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_1 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_1 h1 b { font-size:36px; } .sec08_2 {position: relative; background:url('../img/phantomdesign/sec08_2.jpg') no-repeat center center; background-size:cover; } .sec08_2::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_2 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-size:0.9em; font-weight:500} .sec08_2 h1 b { font-size:36px; } .sec08_3 {position: relative; background:url('../img/phantomdesign/sec08_3.jpg') no-repeat center center; background-size:cover; } .sec08_3::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_3 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_3 h1 b { font-size:36px; } .sec08_4 {position: relative; background:url('../img/phantomdesign/sec08_4.jpg') no-repeat center center; background-size:cover; } .sec08_4::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_4 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_4 h1 b { font-size:36px; } .sec08_5 {position: relative; background:url('../img/phantomdesign/sec08_5.jpg') no-repeat center center; background-size:cover; } .sec08_5::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_5 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_5 h1 b { font-size:36px; } .sec08_6 {position: relative; background:url('../img/phantomdesign/sec08_6.jpg') no-repeat center center; background-size:cover; } .sec08_6::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_6 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_6 h1 b { font-size:36px; } .sec08_7 {position: relative; background:url('../img/phantomdesign/sec08_7.jpg') no-repeat center center; background-size:cover; } .sec08_7::before { width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); } .sec08_7 h1 { position:relative; text-align:center; padding:0 30px; color:#fff; word-break:keep-all; font-weight:500} .sec08_7 h1 b { font-size:36px; } #phantom_boaz_me { width:100%; display:inline-block; position:relative; background:#f9f9f9;} #phantom_boaz_me > span { position:relative; background:url('../img/phantomdesign/boaz_aad.jpg') no-repeat center center;width:100%; display:inline-block; padding:50px 0; text-align:center; } #phantom_boaz_me > span::before { position:absolute; left:0; top:0; background:rgba(0,0,0, 0.5); width:100%; height:100%; content:''; } #phantom_boaz_me > span > h1 { position:relative; font-size:36px; color:#fff; letter-spacing:-2px; margin-top:15px; } #phantom_boaz_me > span > img {position:relative } #phantom_boaz_me .wrap {display:flex; flex-wrap:wrap; flex-direction:row; z-index:1; font-family:'Noto sans KR'; width:100%; text-align:center; align-items: flex-start; justify-content: space-between; overflow:hidden;} #phantom_boaz_me .wrap li { transition:0.3s ease all;position:relative; width:calc(100% / 3); min-height:600px; display:flex; text-align: center; align-items: center; justify-content: center; color:#fff; z-index:1; } #phantom_boaz_me .wrap li::before {transition:0.3s ease all; content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; } #phantom_boaz_me .wrap li::before {transition:0.3s ease all;} #phantom_boaz_me .wrap li:nth-child(1) { background:url('../img/phantomdesign/ct01.jpg') no-repeat center center; background-size:cover; } #phantom_boaz_me .wrap li:nth-child(2) { background:url('../img/phantomdesign/ct02.jpg') no-repeat center center; background-size:cover; } #phantom_boaz_me .wrap li:nth-child(3) { background:url('../img/phantomdesign/ct03.jpg') no-repeat center center; background-size:cover; } #phantom_boaz_me .wrap li:nth-child(1)::before { background:rgba(14,122,92, 0.2); } #phantom_boaz_me .wrap li:nth-child(2)::before { background:rgba(0,0,0, 0.2) } #phantom_boaz_me .wrap li:nth-child(3)::before { background:rgba(189,102,125, 0.2); } #phantom_boaz_me .wrap li .content { opacity:1; position:relative;z-index:2; padding:0 20px; letter-spacing:-1px; } #phantom_boaz_me .wrap li .content h1 { font-size:30px; font-weight:600; } #phantom_boaz_me .wrap li .content p { font-size:16px; word-break:keep-all; margin-top:20px; } #phantom_boaz_me .wrap li:hover .content { opacity:1; transition:0.3s ease all; transform:scale(1.03); } #phantom_boaz_me .wrap li:hover { cursor:pointer; transition:0.3s ease all;} .sec08_wrap { width:100%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;} .swiper-slide-boaz { width:calc(50% - 10px); margin-right:20px; min-height: 220px; font-size:24px; margin-bottom:20px; display: flex; align-items: center; justify-content: center; transition: all 200ms linear; } .swiper-slide-boaz:nth-child(2n) { margin-right:0; } .swiper-slide-boaz:nth-last-child(1) { width:100%; } .swiper-slide-boaz.swiper-slide-active { transform: scale(1); } .swiper-slide__content { height: 300px; } .lawer { display:flex; } .lawer span { list-style:none; text-align:left; margin-left:30px; font-size:20px; font-weight:400; letter-spacing:-1px; display:flex; flex-wrap:wrap;align-content: center; } .lawer span li { width:100%; margin-top:20px; justify-content: center; align-content: center; } .lawer span li:nth-of-type(1) { margin-top:40px } .lawer span li b { margin-right:10px; } .modal > .modal-content .bst > h1 { font-size:30px; font-weight:500; margin-top:20px; letter-spacing:-1px; } .modal > .modal-content .bst > h2 { position:relative; padding-bottom:20px; font-size:14px; margin-top:10px; margin-bottom:20px; color:#888; letter-spacing:3px; } .modal > .modal-content .bst > h3 { font-size:18px; font-weight:400; letter-spacing:-1px; color:#666; margin-bottom:30px; } .modal > .modal-content .bst > h2::before { content: ''; position: absolute; width: 50px; height: 1px; background: #e1e1e1; left: calc(50% - 25px); bottom: 0; } .lawer2 { text-align:left; width:100%; display:block; margin-top:50px; line-height:1.2em; font-size:24px; letter-spacing:5px; color:#000; font-weight:500; } .lawer2 b { font-weight:600; letter-spacing:-1px; color:#a89c65; font-size:16px; } .lawer2 ul { list-style:none; width:100%; margin-top:30px; position:relative; padding-left:30px; } .lawer2 ul::before { position:absolute; left:4px; top:0; width:1px; height:100%; background:#dcdcdc; content:''; } .lawer2 ul li { line-height:1em; margin-top:30px; position:relative; list-style:none; font-size:16px; letter-spacing:-1px; } .lawer2 ul li::before { position:absolute; left:-30px; bottom:3px; width:10px; height:10px; border-radius:50%; content:''; background:#a89c65;} .lawer2 ul li:nth-child(1)::before { position:absolute; left:-30px; top:0; bottom:inherit; width:10px; height:10px; border-radius:50%; content:''; background:#a89c65;} .lawer2 ul li h1 { font-size:24px; } .lawer2 ul li h2 { font-size:20px; line-height:1.4em; font-weight:400; } .lawer2 ul li p { font-size:16px; line-height:30px; color:#666; margin-top:15px; } .bt01:hover, .bt02:hover, .bt03:hover {box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4); cursor:pointer; transition:0.3s ease all;} @media (max-width:1200px) { .prevnext_arrow { width: 100%; padding: 0 10px; display: flex; font-weight: 600; letter-spacing: -1px; font-size: 15px; color: #666; list-style: none; margin-top: 10px; } .prevnext_arrow li { display:inline-block; width: 49%; padding: 0; } .prevnext_arrow li:nth-child(2) { text-align:right; } .prevnext_arrow li a .fa { color:#e23d5d; } }