/*─────────────────────────────────────────────────────────── W.LAB - 글로벌 웰킨 ( 세계화 | board/global_list ) ───────────────────────────────────────────────────────────*/ /*리스트*/ #wrap .board_zone_sec .no_data{margin:0;width:100%;box-shadow:none;} .board_list_global .global_list{width:100%;} .board_list_global .global_list ul{width:100%;box-sizing:border-box;font-size:0;} .board_list_global .global_list ul:after{clear:both;content:"";display: block;} .board_list_global .global_list ul li{display:inline-block;box-sizing:border-box;float:left;margin: 0 0 15px 15px;width: calc(50% - 7.5px);border: 1px solid #ccc;overflow:hidden;box-shadow: 0 0px 26px rgb(0 0 0 / 25%);} .board_list_global .global_list ul li:nth-of-type(2n+1){clear:both;float: left;margin-left:0;} .board_list_global .global_list ul li a{display: block;width:100%;height:100%;} .board_list_global .global_list ul li .list_tit{position:relative; width:100%;box-sizing:border-box;text-align: center;border:1px solid #eee;height: 48px;display: flex;align-items: center;justify-content: flex-start;padding-left: 14px;} .board_list_global .global_list ul li .list_tit:before{position:absolute; content:''; width:18px; height:18px; background:#eee; border-radius:100%; top:50%; transform:translateY(-50%); right:13px;} .board_list_global .global_list ul li .list_tit:after{position:absolute; content:''; width:4px; height:7px;background:url('../img/da_image/best_center_more.png') no-repeat center center; background-size:100%; top:50%; transform:translateY(-50%); right:20px;} .board_list_global .global_list ul li .list_tit p{font-size: 19px;color:#333;font-weight: 700;font-family:'Jeju Myeongjo', serif;letter-spacing: -0.5px;display:block;} .board_list_global .global_list ul li .list_thumb{width:100%;box-sizing:border-box;position:relative;} .board_list_global .global_list ul li .list_thumb .thumb_img{font-size:0;} .board_list_global .global_list ul li .list_thumb .thumb_img img{max-width:100%;} .board_list_global .global_list ul li .list_thumb.design .thumb_img {width: 100%;height: 100%;background: #F5F5F5;aspect-ratio: 1 / 0.512;} .board_list_global .global_list ul li .list_thumb.design .thumb_img img {width: 100%;height: 100%;object-fit: contain;} /*뷰페이지*/ .board_zone_cont{} .board_zone_view{box-sizing:border-box;} .sub_global .board_zone_sec .btn_center_box{margin-top:40px;} #wrap .sub_global .board_zone_sec .btn_center_box .btn_self_go.btn_go{width:180px;} /*탭*/ .global_tab{width: 100%;box-sizing:border-box;font-size:0;margin:0 auto;margin-top: 28px;padding:0 20px;} .global_tab li{display: inline-flex;box-sizing:border-box;border-radius:20px;height:40px;border: 1px solid #ccc;font-size: 16px;color: #555;font-weight:400;letter-spacing:-1px;font-family:'Noto Sans KR';padding: 0 15.5px 2px 14px;cursor:pointer;align-items: center;justify-content: center;margin-right: 10px;margin-bottom: 10px;} .global_tab li.on{border: 1px solid #275b4e;color: #fff;background: #275b4e;} .board_zone_view.global_view{width:100%;height:0;overflow:hidden;opacity:0;} .board_zone_view.global_view.on{height:auto;overflow:inherit;opacity:1;padding-top: 53px;} .board_zone_view.global_view h3{text-align:center;font-size: 25px;color:#333;font-weight:500;font-family:'Noto Sans KR';position:relative;text-transform:uppercase;} .board_zone_view.global_view h3:before{width:1px;height: 50px;content:"";background:#333;position: absolute;left: 50%;margin-left: -0.5px;top: -66px;} .board_zone_view.global_view .global_view_title{margin-top: 23px;} .board_zone_view.global_view .global_view_title:after{clear:both;content:"";display: block;} .board_zone_view.global_view .global_view_title .global_map{display: inline-block;box-sizing:border-box;width:100%; border:1px solid #ddd; box-shadow:0 0px 26px rgba(0,0,0,0.25);} .board_zone_view.global_view .global_view_title .global_map .map_tit{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left: 19px;box-sizing:border-box;height: 83px;border-bottom:1px solid #ddd;} .board_zone_view.global_view .global_view_title .global_map .map_tit h4{font-size: 21px;font-weight: 500;line-height: 1;letter-spacing: -1.2px;color: #333;} .board_zone_view.global_view .global_view_title .global_map .map_tit h4 span{display:block;font-size: 15px;line-height: 1;color: #275b4e;font-family: 'Jomolhari', serif;margin-bottom: 9px;letter-spacing: 0;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link{position: absolute;top: 50%;right: 19px;font-size:0;transform: translateY(-50%);} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li{display:inline-block;width: 34px;height: 34px;box-sizing:border-box;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li + li{margin-left: 5px;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li a{display: block;width:100%;height:100%;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li .link_facebook{background:url('../img/da_image/share_facebook.png')no-repeat center;background-size:auto 100%;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li .link_insta{background:url('../img/da_image/share_insta.png')no-repeat center;background-size:auto 100%;} .board_zone_view.global_view .global_view_title .global_map .img_wrap{font-size:0;} .board_zone_view.global_view .global_view_title .global_map .img_wrap img{width:100%;} .board_zone_view.global_view .global_view_title .global_content{display: inline-block;box-sizing:border-box;width:100%;} .global_view_title .global_content .content_tit{width:100%;box-sizing:border-box;position: relative;} .global_view_title .global_content .content_tit span{display:block;font-size:18px;color:#275b4e;font-weight:normal;font-family:'Jomolhari';line-height:1;max-width:85%;} .global_view_title .global_content .content_tit h4{font-size:32px;color:#333;font-weight:500;letter-spacing:-1.6px;margin-top:16px;max-width:85%;} .global_view_title .global_content .content_tit .global_url{margin-top: 19px;} .global_view_title .global_content .content_tit .global_url li{box-sizing:border-box;padding-left:17px;position: relative;} .global_view_title .global_content .content_tit .global_url li:before{width: 3px;height: 3px;content:"";background:#ccc;box-sizing:border-box;border-radius:100%;position: absolute;left: 5px;top: 15px;} .global_view_title .global_content .content_tit .global_url li a{font-size: 17px;color:#555;font-weight:400;letter-spacing: -0.2px;line-height: 30px;font-family:'Roboto';} .global_branch{width: calc(100% - 10px);margin-left: 5px;box-sizing:border-box;border-top:1px solid #ddd;margin-top: 15px;padding-top: 13px;} .global_branch dl{width:100%;font-size:0;position: relative;padding-left: 12px;} .global_branch dl:before{width: 3px;height: 3px;content:"";background:#ccc;box-sizing:border-box;border-radius:100%;position: absolute;left: 0px;top:12px;} .global_branch dl + dl{margin-top: 7px;} .global_branch dl dt, .global_branch dl dd{display: inline-block;box-sizing:border-box;font-size:15px;color:#555;font-weight:400;letter-spacing:-0.75px;font-family:'Noto Sans KR';vertical-align: top;} .global_branch dl dt{margin-top:2px;} .global_branch dl dt:after{font-size:15px;color:#555;font-weight:400;letter-spacing:-0.75px;font-family:'Noto Sans KR';vertical-align: top;content:":";margin:0 2px;} .global_branch dl dd{max-width:80%;line-height: 21px;font-size: 15px;letter-spacing: -0.8px;padding-top: 2px;} .global_branch dl dd li{font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;box-sizing:border-box;} /* 글로벌 뷰 슬라이드*/ .global_view_img{width:100%;box-sizing:border-box; margin-top:29px;} .global_view_img.recom_slide_wrap .slick-list{overflow:visible;} .global_view_img.recom_slide_wrap .slick-slide{font-size:0; box-shadow:0 0px 26px rgba(0,0,0,0.25); padding-right:0; margin-right:15px;} .global_view_img.recom_slide_wrap .slick-slide img{max-width:100%;} .global_view_img.recom_slide_wrap .slick-dots{bottom:-22px;} @media only screen and (max-width:374px){ .board_list_global .global_list ul li{margin:0 0 10px 10px; width:calc(50% - 5px);} .board_list_global .global_list ul li .list_tit p{font-size:17px;} .global_tab li{font-size:15px; padding-bottom:0;} .board_zone_view.global_view .global_view_title .global_map .map_tit{padding-left:15px;} .board_zone_view.global_view .global_view_title .global_map .map_tit h4{font-size:19px;} .board_zone_view.global_view .global_view_title .global_map .map_tit h4 span{font-size:14px; margin-bottom:7px;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link li{width:30px; height:30px;} .board_zone_view.global_view .global_view_title .global_map .map_tit .share_link{right:15px;} .global_branch dl dt, .global_branch dl dd{font-size:14px;} .global_branch dl dd{max-width:75%;} } /*─────────────────────────────────────────────────────────── W.LAB - 프랜차이즈 ───────────────────────────────────────────────────────────*/ /*** 공통 ***/ /* m 일반 */ .tab_content.franchise_cont{display: none;} .tab_content.franchise_cont.on{display: block;} .cont_wide_img {width:1200px;margin:0 auto;padding:0;font-size:0;vertical-align:top;text-align:center;} .cont_wide_img .cont_img {width:1920px;margin:0 -360px;text-align:center;} .cont_wide_img img {width:1920px;height:auto;vertical-align:top;} #tab-4 .cont_wide_img {padding-top:60px;position:relative;z-index:2;} #tab-4 .cont_wide_img img {width:1250px;} /* 탭 영역 */ .competitive_tab_container .tab_content{display: none;overflow:hidden;text-align:center;} .competitive_tab_container .tab_content.on{display: block;} /* 서브 탭 공통 */ .franchise_tab_wrap.sub_line_tit{margin-top:20px; padding-bottom:16px; border-bottom:12px solid #eee;} .franchise_tab_wrap .support_tab{padding:0 25px; width:100%;margin-top:0;box-sizing:border-box;} .franchise_tab_wrap .support_tab li{border:none; padding:0; margin:0 10px 12px 10px; height:auto; line-height:145%;} .franchise_tab_wrap .support_tab li.on{border:0; background:none;} .franchise_tab_wrap .support_tab li a{font-family:'Noto Sans KR'; height:inherit; line-height:inherit; letter-spacing:-1px;} .franchise_tab_wrap .support_tab li.on a{color:#333; font-weight:500;} .franchise_tab_wrap.sub_line_tit .sub_line_tab li.on:before{display:none;} .sub_line_tit .sub_line_tab li:after{bottom:0;} /* 서브 타이틀 */ .support_tit{text-align:left;padding-top:50px;} .support_tit span{display:block;font-size:16px;line-height: 1;letter-spacing: -0.9px;color:#555;margin-bottom:15px;} .support_tit h3{position:relative;font-size:25px;line-height: 1;color: #333;font-family: 'Jeju Myeongjo', serif;font-weight:normal;display: inline-flex;padding-left:15px;letter-spacing:-1px;} .support_tit h3:after{position:absolute;content:'';width: 200%;height:1px;background:#000;left: -97%;bottom: -10px;} .support_tit p{font-size:15px;font-weight: 300;line-height:22px;letter-spacing: -1.3px;color: #333;margin-top:19px;box-sizing:border-box;padding:0 15px;} .support_tit p strong{font-weight:500;} /*상단*/ .quick_franchise{width:100%;box-sizing:border-box;position: relative;padding:20px 15px 0 15px;} .quick_franchise .quick_ul{width:100%;text-align: center;font-size:0;position: relative;} .quick_franchise .quick_ul .quick_li{display: inline-block;box-sizing:border-box;padding:0 10px;height:40px;border-radius:20px;background:#fff;border:1px solid #ccc;vertical-align: top;} .quick_franchise .quick_ul .quick_li.on{background:#275b4e;border:1px solid #275b4e;} .quick_franchise .quick_ul .quick_li + li{margin-left:10px;} .quick_franchise .quick_ul .quick_li > a{font-size:15px;color:#333;font-weight:400;display: block;box-sizing:border-box;line-height:36px;letter-spacing:-0.9px;} .quick_franchise .quick_ul .quick_li.on > a{color:#fff;} @media only screen and (max-width:374px){ .quick_franchise .quick_ul .quick_li + li{margin-left:8px;} } @media only screen and (max-width:370px){ .quick_franchise .quick_ul .quick_li > a{font-size:13px;} } @media only screen and (max-width:335px){ .quick_franchise .quick_ul .quick_li{padding:0 7px;} } .board_zone_tit.franchise.fran_em h2{font-weight:600;} .board_zone_tit.franchise p{font-size:15px;color:#333;font-weight:300;font-family:'Noto Sans KR';margin-top:10px;} /* 프랜차이즈 contact us */ .content + .fran_contact {margin-top:50px;} .fran_contact {display:block;width:100%;margin:0;} .fran_contact.fran_qna_contact {border-top:0;margin-top:26px;} .fran_contact .contact_bnr, .fran_contact .contact_form {padding:0;width:100%;display:block;box-sizing:border-box;vertical-align:top;} .fran_contact.fran_qna_contact .contact_bnr, .fran_contact.fran_qna_contact .contact_form {} .fran_contact .contact_bnr {padding:35px 15px 62px;text-align:left;background:url(../img/franchise/bnr-fran-contact.jpg) no-repeat 100% 50%;background-size:100% auto;} .contact_bnr dl {width:100%;margin:0 auto;text-align:left;} .contact_bnr dt {line-height:53px;font-size:30px;color:#333;font-weight:500;font-family: 'Trirong', serif;font-style:italic;position:relative;z-index:1;display:inline-block;width:auto;margin:0 auto 0 0;} .contact_bnr dt:before {left:-15px;bottom:0;width: calc(100% + 15px);height:1px;background:#333;position:absolute;display:inline-block;content:"";} .contact_bnr dt strong {padding-bottom:1px;line-height:51px;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;display:inline-block;position:relative;z-index:1;} .contact_bnr dd {display:block;} .contact_bnr dd ul {} .contact_bnr dd li {margin-top:20px;height:40px;padding-left:50px;box-sizing:border-box;position:relative;z-index:1;} .contact_bnr dd li:before {width:40px;height:40px;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#333;background-repeat:no-repeat;background-position:50% 50%;display:inline-block;content:"";} .contact_bnr dd li:nth-of-type(1):before {background-image:url(../img/franchise/icon-fran-call.png);background-size:15px auto;} .contact_bnr dd li:nth-of-type(2):before {background-image:url(../img/franchise/icon-fran-time.png);background-size:18px auto;} .contact_bnr dd li:nth-of-type(3):before {background-image:url(../img/franchise/icon-fran-mail.png);background-size:16px auto;} .contact_bnr dd li + li {margin-top:20px;} .contact_bnr dd li span {margin-bottom:9px;font-size:16px;font-weight:400;color:#555;letter-spacing:-0.8px;line-height:1;display:block;vertical-align:top;} .contact_bnr dd li p {line-height:1;font-size:13px;font-weight:400;color:#999;letter-spacing:0;vertical-align:top;} .contact_bnr dd li p em {margin-top:-1px;line-height:1;font-size:18px;font-weight:500;color:#333;letter-spacing:0;display:inline-block;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .contact_bnr dd li p strong, .contact_bnr dd li p a {line-height:1;font-size:16px;font-weight:500;color:#333;letter-spacing:0;display:inline-block;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .fran_contact .contact_form {padding:49px 15px 0;text-align:left;background:#fff;} .fran_contact.fran_qna_contact .contact_form {background:url(../img/franchise/bg-fran-qna.jpg) no-repeat 0% 50%;background-size:100% auto;} .fran_contact.fran_qna_contact .contact_form{padding-top:0;} .contact_form_wrapper {width:100%;margin:0;padding:0 0 50px;box-sizing:border-box;} .fran_qna_contact .contact_form_wrapper table col:nth-child(1){width:24.5%;} .fran_contact.fran_qna_contact .contact_form_wrapper {max-width:681px;} .contact_form .form_title {padding-bottom:30px;vertical-align:top;text-align:center;} .contact_form .form_title h3 {font-size:28px;font-weight:500;color:#333;letter-spacing:-0.05em;display:inline-block;line-height:1;padding-top:0;margin:0 auto;position:relative;z-index:1;vertical-align:top;} .contact_form .form_title h3:before {display:inline-block;content:"";width: calc(100% + 4px);left:-2px;bottom:-4px;height:8px;background:#e0d8cb;opacity:0.6;position:absolute;z-index:-1;} .contact_form form .btn_go {margin-top:0;width:100%;height:50px;line-height:48px;font-size:15px;font-weight:500;letter-spacing:-0.05em;} .contact_form form .btn_go span {background:url(../img/franchise/icon-arrow-grey.png) no-repeat 100% 52%;background-size:4px auto;padding:0 16px 0 0;display:inline-block;width:auto;margin:0 auto;} .contact_form .form_essential {font-size:12px;color:#888;letter-spacing:-0.05em;line-height:1em;padding:0 0 10px;margin:0;display:block;text-align:right;} .contact_form .form_essential em {color:#942020;font-weight:inherit;font-size:16px;letter-spacing:inherit;} .contact_form table {width:100%;border-collapse:collapse;table-layout:fixed;} .contact_form th, .contact_form td {font-size:15px;font-weight:400;letter-spacing:-0.05em;color:#222;text-align:left; padding:0;padding-top:5px;padding-bottom:5px;height:55px;vertical-align:middle;box-sizing:border-box;border-collapse:collapse;} .contact_form th {vertical-align:top;line-height:45px;} .contact_form th em {color:#942020;font-weight:inherit;font-size:inherit;letter-spacing:inherit;} .contact_form th.not_font {font-size:0;} .contact_form th.th_row2 {line-height:21px;padding-top:6px;padding-bottom:7px;} .contact_form td {} .contact_form td input[type="text"] {height:45px;line-height:23px;padding:10px 14px;border:1px #ddd solid;background:#fff;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;box-sizing:border-box;width:100%;} .contact_form td input[type="text"]:focus {border:1px #222 solid;} #wrap .contact_form select {height:45px;line-height:23px;padding:10px 14px;border:1px #ddd solid;background:#fff;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;box-sizing:border-box;width:100%;background:#fff url('../img/franchise/icon-select-arrow.png') no-repeat;background-position-x: calc(100% - 14px);background-position-y:50%;background-size:11px auto;} #wrap .contact_form #offLayerchkArea{width:100%;display: block;} #wrap .contact_form #offLayerchkArea select{width:100%;} /* #wrap #offLayerchkArea select {width:100% !important;} */ #wrap .contact_form td .member_mobile {vertical-align:top;display:flex;justify-content:space-around;} #wrap .contact_form td .member_mobile input[type="text"] {width: calc(33.32% - 13.4px);} #wrap .contact_form td .member_mobile span {display:inline-block;width:10px;height:1px;margin:22px 2px;background:#888;vertical-align:top;font-size:0;} .contact_form td.td_rowspan {height:100px;vertical-align:top;} .contact_form td textarea {width:100%;height:100px;line-height:21px;padding:10px 14px;border:1px #ddd solid;background:#fff;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;box-sizing:border-box;} .fran_contact.fran_qna_contact .contact_form td textarea {height:88px;} .contact_form td textarea::-webkit-input-placeholder {color:#999;} .contact_form td textarea::-moz-placeholder {color:#999;} .contact_form td textarea:-ms-input-placeholder {color:#999;} .contact_form td textarea:focus {border:1px #222 solid;} .contact_form td .member_mail {} #wrap .contact_form .member_mail input {width: calc(44% - 5px);} #wrap .contact_form .member_mail select {width: calc(56% - 5px);float:right;} .contact_form td .select_col2 {} #wrap .contact_form td .select_col2 select {width: calc(50% - 5px);} #wrap .contact_form td .select_col2 select + select {float:right;} .contact_form td .member_inq_span {} .contact_form td .member_inq_span input[type="text"] {width: calc(100% - 38px);} .contact_form td .member_inq_span input + span {float:right;text-align:right;font-size:inherit;color:#666;font-weight:inherit;line-height:45px;display:inline-block;vertical-align:top;} .fran_contact.fran_qna_contact {} .member_file {display:inline-block;text-align:left;padding:0;width:100%;position:relative;border-radius:0;vertical-align:top;} .member_file:after {clear:both;content:"";display:block;} .member_file > [type='file'] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 10;cursor: pointer;vertical-align:top;} #wrap .member_file > .file_btn {height:45px;line-height:43px;font-size:16px;letter-spacing:-0.8px;max-width:100px;cursor:pointer;float:right;vertical-align:top;} .member_file > .label {width: calc(100% - 110px);height:45px;line-height:23px;padding:10px 14px;font-size:15px;letter-spacing:-0.8px;color:#333;border:1px #ddd solid;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;box-sizing:border-box;vertical-align:top;} .member_file.-chosen > .label {opacity: 1;} .contact_form .contact_agree {margin:15px 0 0;border-top:1px #ddd solid;padding:20px 0 0;} .fran_qna_contact .contact_form .contact_agree {padding-top:20px;margin-top:15px;} .fran_qna_contact .contact_form .contact_agree + .contact_form_btn {margin-top:20px;} .contact_form .contact_agree dl {} .contact_form .contact_agree dl.on{margin-bottom:30px;} .contact_form .contact_agree dt {padding:0 0 10px;} .contact_form .contact_agree dt .form_element {} .contact_form .contact_agree dt .form_element.form_custom label {font-size:14px;font-weight:400;color:#555;letter-spacing:-0.8px;padding-left:34px;min-height:26px;background-size:26px auto !important;} .contact_form .contact_agree dt .form_element.form_custom input:checked + label {padding-left:34px;min-height:26px;background-size:26px auto !important;} .contact_form .contact_agree dt .form_element label strong {color:#942020;font-size:inherit;font-weight:inherit;letter-spacing:inherit;} .contact_form .contact_agree dt .toggle_agree_go {font-size:12px;letter-spacing:-0.05em;color:#888;line-height:26px;display:inline-block;float:right;padding:0 15px 0 0;cursor:pointer;position:relative;z-index:1;} .contact_form .contact_agree dt .toggle_agree_go:before {width:9px;height:6px;right:0;top:50%;transform:translateY(-50%) rotate(180deg);background:url(../img/franchise/icon-fran-toggle-arrow.png) no-repeat 50% 50%;background-size:8px auto;transition:all 0.3s;position:absolute;display:inline-block;content:"";} .contact_form .contact_agree dl.on dt .toggle_agree_go:before {transform:translateY(-50%) rotate(0deg);} .contact_form .contact_agree dd {width:100%;padding:0;margin:0;height:0;overflow:hidden;transition:all 0.3s;} .contact_form .contact_agree dl.on dd {height:100px;overflow:hidden;} .fran_qna_contact .contact_form .contact_agree dl.on dd {height:120px;} .contact_form .contact_agree dd .agreement_box {width:100%;height:100px;border:1px #f5f5f5 solid;background:#f5f5f5;color:#666;font-size:12px;line-height:18px;letter-spacing:-0.05em;font-weight:400;padding:12px 15px;box-sizing:border-box;overflow-y:auto;} @media only screen and (max-width:340px) { /* 프랜차이즈 contact us */ } /*** 메인 ***/ /* m 일반 */ /* 상단 비주얼 */ .franchise_visual_wrap {position:relative;z-index:1;} .franchise_visual_wrap .franchise_visual {margin:0;} .franchise_visual .slide_cut {position:relative;z-index:1;outline:0;text-align:center;} .franchise_visual .slide_cut a img{width:100%;} .franchise_visual .visual_txt {padding:0 15px;transform:translate(-50%, -50%);top: 49%;left:50%;width:100%;box-sizing:border-box;position:absolute;z-index:5;text-align: center;} .franchise_visual .visual_txt h3, .franchise_visual .visual_txt p {color:#fff;text-align: center;margin:0;padding:0;vertical-align:top;} .franchise_visual .visual_txt h3 {} .franchise_visual .visual_txt h3 span, .franchise_visual .visual_txt h3 strong {display:block;vertical-align:inherit;color:inherit;margin:0;padding:0;} .franchise_visual .visual_txt h3 span {font-size: 15px;font-weight:400;line-height: 23px;letter-spacing:-0.6px;font-family: 'Jeju Myeongjo', serif;} .franchise_visual .visual_txt h3 strong {position:relative; font-size: 30px;font-weight:500;line-height:1em;letter-spacing: -2px;margin-top: 13px;margin-bottom: 30px;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .franchise_visual .visual_txt h3 strong:before{position:absolute; content:''; width:25px; height:1px; background:#fff; left:50%; bottom:-20px; transform:translateX(-50%);} .franchise_visual .visual_txt p {font-size: 14px;font-weight:300;line-height: 20px;letter-spacing: -0.72px;color: rgba(255, 255, 255, 0.8);} .franchise_visual .visual_thumb {height: 320px;padding:0 15px;width:100%;margin:0 auto;box-sizing:border-box;position:relative;z-index:3;} .franchise_visual .visual_thumb img {display:inline-block;} .franchise_visual .viausl_bg {background-size:cover !important;background-repeat:no-repeat !important;background-position:50% 50% !important;height:100%;transform:translate(-50%, -50%);top:50%;left:50%;width:100%;box-sizing:border-box;position:absolute;z-index:1;} .franchise_visual .slide_cut[data-slick-index="0"] .viausl_bg {background-image:url('../img/franchise/sub-visual-fran-main-01.jpg');} .franchise_visual .slide_cut[data-slick-index="1"] .viausl_bg {background-image:url('../img/franchise/sub-visual-fran-main-01.jpg');} .franchise_visual .slide_cut[data-slick-index="2"] .viausl_bg {background-image:url('../img/franchise/sub-visual-fran-main-01.jpg');} .franchise_visual .slide_cut[data-slick-index="3"] .viausl_bg {background-image:url('../img/franchise/sub-visual-fran-main-01.jpg');} .franchise_visual .slide_cut[data-slick-index="4"] .viausl_bg {background-image:url('../img/franchise/sub-visual-fran-main-01.jpg');} .franchise_visual_wrap .slideController {height:22px;line-height:22px;bottom: 5px;padding:0 15px;font-size:0;transform:translateX(-50%);width:100%;position:absolute;z-index:3;box-sizing:border-box;left:50%;text-align: center;} .franchise_visual_wrap .slideController > span {font-size:16px;letter-spacing:-0.32px;color:#fff;display:inline-block;height:inherit;line-height:inherit;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .franchise_visual_wrap .slideController > span.slideCountItem {opacity:1;} .franchise_visual_wrap .slideController > span.slideCountAll {opacity:0.5;} .franchise_visual_wrap .slideController .progress {width: 210px;height: 1px;font-size:0;border-radius:0;overflow:hidden;background: rgba(255, 255, 255, 0.5);background-image: linear-gradient(to right, #fff, #fff);background-repeat:no-repeat;background-size:0 100%;display:inline-block !important;vertical-align:top;position:static;bottom:0;left:0;transition: background-size .4s ease-in-out;margin:10px 14px;} .franchise_visual_wrap .slideController .progress > span {display:inline-block;height:2px;margin:0;padding:0;} .franchise_visual_wrap .slideController .progress > span.sr-only {background: rgba(255, 255, 255, 1);opacity:1;transition:all 0.3s;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;} .franchise_visual_wrap .slideController .slick-arrow {width:22px;border-radius:22px;background: rgba(255, 255, 255, 0.5);outline:0;border:0;height:inherit;line-height:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;left:auto;right:auto;top:0;transform:translate(0, 0);margin:0;} .franchise_visual_wrap .slideController .slick-arrow:before {width:5px;height:5px;border-width:2px 2px 0 0;border-style:solid;border-color:#777;box-sizing:border-box;position:absolute;left:50%;top:50%;background:none;display:inline-block;content:"";} .franchise_visual_wrap .slideController .slick-arrow:hover, .franchise_visual_wrap .slideController .slick-arrow.on {background: rgba(255, 255, 255, 1);} .franchise_visual_wrap .slideController .slick-arrow.slick-prev {margin-left:20px;} .franchise_visual_wrap .slideController .slick-arrow.slick-next {margin-left:10px;} .franchise_visual_wrap .slideController .slick-arrow.slick-prev:before {transform:translate(-50%, -50%) rotate(-135deg);} .franchise_visual_wrap .slideController .slick-arrow.slick-next:before {transform:translate(-50%, -50%) rotate(45deg);} /* 웰킨 new & 퀵 */ .franchise_news_wrap {text-align:center;position:relative;z-index:1;} .franchise_news_wrap:before {position:absolute;right: calc(50% - 240px);width: calc(50% + 240px);height:100%;background:#f8f8f6;top:0;z-index:-1;display:inline-block;content:"";display: none;} .franchise_news_wrap .news_bbs_wrap {width: 100%;margin:0 auto;position:relative;z-index:2;} .franchise_news_wrap .news_bbs_box {width: 100%;margin-right:80px;padding: 50px 0 0;text-align: left;} .franchise_news_wrap .news_bbs_box:after {clear:both;content:"";display:block;} .franchise_news_wrap .news_bbs_box h4 {display:inline-block;text-align:left;width: auto;position:relative;z-index:1;padding-left: 4px;} .franchise_news_wrap .news_bbs_box h4 span {font-size:20px;line-height:1em;letter-spacing:-1px;color:#555;display:block;} .franchise_news_wrap .news_bbs_box h4 strong {margin-top: 0;margin-bottom:19px;font-size: 25px;letter-spacing:0;line-height:0.8;font-family: 'Jomolhari', serif;color:#333;display:block;font-weight: normal;} .franchise_news_wrap .news_bbs_box h4 a {position:absolute;right: -29px;top:0;display:block;width: 18px;height: 18px;font-size:0;} .franchise_news_wrap .news_bbs_box h4 a:after {width: 18px;height: 18px;border-radius:100%;background:#eee url(../img/franchise/icon-circl-arrow-grey.png) no-repeat 50% 50%;background-size: 4px auto;display:inline-block;content:"";vertical-align:top;position: absolute;right: 0;top: 0;} .franchise_news_wrap .news_bbs_box .news_bbs_list {border-top:1px #000 solid;border-bottom:1px #ddd solid;float: none;width: 100%;} .franchise_news_wrap .news_bbs_box .news_bbs_list li {width:100%;padding: 17px 5px 18px;box-sizing:border-box;position:relative;z-index:1;text-align:left;} .franchise_news_wrap .news_bbs_box .news_bbs_list li + li {border-top:1px #ddd solid;} .franchise_news_wrap .news_bbs_box .news_bbs_list li a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:5;} .franchise_news_wrap .news_bbs_box .news_bbs_list li > strong {font-size: 15px;letter-spacing:-0.8px;color:#666;line-height: 20px;height: 20px;width: calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;font-weight:400;} .franchise_news_wrap .news_bbs_box .news_bbs_list li .more {position:absolute;right:20px;top:50%;width:20px;height:20px;z-index:1;font-size:0;background:url(../img/franchise/icon-bbs-more-plus.png) no-repeat 50% 50%;transform:translateY(-50%);} .franchise_news_wrap .news_bbs_box .news_bbs_list li .news_icons {font-size: 13px;font-weight:400;color:#fff;height: 20px;line-height: 20px;width: 45px;margin-right: 10px;text-align:center;display:inline-block;vertical-align:top;} .franchise_news_wrap .news_bbs_box .news_bbs_list li .news_icons.news_icon_o {background-color:#1b253c;} .franchise_news_wrap .news_bbs_box .news_bbs_list li .news_icons.news_icon_h {background-color:#942020;} .franchise_news_wrap .news_bbs_quick {width: 100%;position: relative;right:0;bottom:0;text-align:left;} .franchise_news_wrap .news_quick01 {padding: 20px 0px 26px;box-sizing:border-box;background: #fff;border-radius: 0;border-bottom: 12px solid #eee;} .franchise_news_wrap .news_quick01 ul {vertical-align:top;font-size:0;text-align:center;} .franchise_news_wrap .news_quick01 li {height: auto;width: 25%;box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;z-index:1;} .franchise_news_wrap .news_quick01 li + li:before{position:absolute; content:''; width:1px; height:70px; top:0; left:0; background:#eee;} .franchise_news_wrap .news_quick01 li:nth-of-type(even) {border-left-color:rgba(255, 255, 255, 0.2);border-left-width:1px;border-left-style:solid;} .franchise_news_wrap .news_quick01 li:nth-of-type(n + 3) {border-top-color:rgba(255, 255, 255, 0.2);border-top-width:1px;border-top-style:solid;} .franchise_news_wrap .news_quick01 li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:block;} .franchise_news_wrap .news_quick01 li span {display:block;height: 43px;margin: 0 0 4px;box-sizing:border-box;} .franchise_news_wrap .news_quick01 li:nth-of-type(n + 3) {padding-top: 0;} .franchise_news_wrap .news_quick01 li span img {} .franchise_news_wrap .news_quick01 li:nth-of-type(1) span {padding-top: 11px;} .franchise_news_wrap .news_quick01 li:nth-of-type(2) span {padding-top: 8px;} .franchise_news_wrap .news_quick01 li:nth-of-type(3) span {padding-top: 2px;} .franchise_news_wrap .news_quick01 li:nth-of-type(4) span {padding-top: 2px;} .franchise_news_wrap .news_quick01 li p {font-size: 15px;line-height:1;letter-spacing:-0.9px;font-weight: 400;color: #222;} .franchise_news_wrap .news_quick02 {background:#275b4e;border-radius:0 0 20px 0;padding:49px 50px 50px;} .franchise_news_wrap .news_quick02 dl {width:100%;margin:0;} .franchise_news_wrap .news_quick02 dt, .franchise_news_wrap .news_quick02 dd {} .franchise_news_wrap .news_quick02 dt {font-size:24px;padding:0 0 19px;letter-spacing:-1.2px;color:#fff;line-height:1;border-bottom-width:1px;border-bottom-color: rgba(221, 221, 221, 0.4);border-bottom-style:solid;} .franchise_news_wrap .news_quick02 dd {} .franchise_news_wrap .news_quick02 dd ul {padding:30px 0;} .franchise_news_wrap .news_quick02 dd li {height:50px;padding-left:68px;box-sizing:border-box;position:relative;z-index:1;} .franchise_news_wrap .news_quick02 dd li:before {width:50px;height:50px;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgba(0, 0, 0, 0.3);background-repeat:no-repeat;background-position:50% 50%;display:inline-block;content:"";} .franchise_news_wrap .news_quick02 dd li:nth-of-type(1):before {background-image:url(../img/franchise/icon-fran-call.png);} .franchise_news_wrap .news_quick02 dd li:nth-of-type(2):before {background-image:url(../img/franchise/icon-fran-mail.png);} .franchise_news_wrap .news_quick02 dd li + li {margin-top:20px;} .franchise_news_wrap .news_quick02 dd li span {margin-bottom:8px;font-size:16px;font-weight:400;color:#fff;letter-spacing:-0.8px;line-height:1;display:block;vertical-align:top;} .franchise_news_wrap .news_quick02 dd li p {line-height:16px;font-size:14px;font-weight:400;color:#fff;letter-spacing:0;vertical-align:top;} .franchise_news_wrap .news_quick02 dd li p em {margin-top:-2px;line-height:1;font-size:24px;font-weight:500;color:#fff;letter-spacing:0;display:inline-block;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .franchise_news_wrap .news_quick02 dd li p strong, .franchise_news_wrap .news_quick02 dd li p a {line-height:1;font-size:16px;font-weight:500;color:#fff;letter-spacing:0;display:inline-block;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .franchise_news_wrap .news_quick02 dd .btn_custom_lg {text-align:center;} /* 컨텐츠 */ .fran_main_leading {margin: 36px auto 0;padding-bottom: 50px;width:100%;text-align:center;border-bottom: 12px solid #eee;} .fran_main_leading .leading_cont {width: 100%;margin:0 auto;vertical-align:top;text-align:center;font-size:0;} .fran_main_leading .leading_cont .thumb, .fran_main_leading .leading_cont .txt {position:relative;z-index:1;width: 100%;display:inline-block;vertical-align:top;box-sizing:border-box;} .fran_main_leading .leading_cont .thumb {padding-right: 0;} .fran_main_leading .leading_cont .thumb:before {width: 265px;height: 187px;background:#eee;position:absolute;left: -15px;bottom: -30px;z-index:-1;display:inline-block;content:"";} .fran_main_leading .leading_cont .thumb img {position:relative;z-index:1;max-width: 100%;} .fran_main_leading .leading_cont .txt {text-align:left;padding-left: 0;padding-top: 0;} .fran_main_leading .leading_cont .txt:before {width:120px;height:1px;background:#000;position:absolute;left:-40px;top:170px;display:inline-block;content:"";display: none;} .fran_main_leading .leading_cont .txt h4 {} .fran_main_leading .leading_cont .txt h4 em {font-size: 25px;font-weight:400;color:#333;line-height:1;letter-spacing: -0.4px;display:block;margin:0;padding:0;font-family: 'Trirong', serif;white-space:nowrap;} .fran_main_leading .leading_cont .txt h4 strong {font-size: 23px;font-weight:500;color:#222;letter-spacing: -1.4px;line-height:1;margin: 13px 0 27px;padding:0;display:block;} .fran_main_leading .leading_cont .txt p {font-size: 16px;line-height: 25px;margin: 42px 0 21px;font-weight:300;color:#666;letter-spacing: -0.8px;vertical-align:top;} .fran_main_leading .leading_cont .txt p strong {font-size:inherit;line-height:inherit;font-weight:500;color:#333;letter-spacing:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .fran_main_leading .leading_cont .txt p strong:before {width: calc(100% + 0px);left: -1px;bottom: 2px;height: 7px;opacity:0.2;background:#8f7c62;z-index:-1;position:absolute;display:inline-block;content:"";} .fran_main_leading .leading_cont .txt .btn_self_go {height: 50px;line-height: 48px;width: 180px;font-weight: 400;font-size: 16px;letter-spacing: -1px;} .fran_main_profess {background:url('../img/franchise/bg-fran-main-wide.jpg') no-repeat 50% 0;background-size:cover;position:relative;z-index:1;width:100%;margin:0;padding: 47px 0 41px;box-sizing:border-box;} .fran_main_profess:before {position:absolute;right: calc(50% + 10px);width: calc(50% - 10px);height:1px;background:rgba(255, 255, 255, 0.3);display:inline-block;content:"";top:290px;display: none;} .fran_main_profess .profess_cont {width: 100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;font-size:0;} .fran_main_profess .profess_cont:after {clear:both;content:"";display:block;} .fran_main_profess .profess_cont .txt {padding: 0;width: 100%;box-sizing:border-box;display:inline-block;text-align:left;vertical-align:top;} .fran_main_profess .profess_cont .txt h4 {} .fran_main_profess .profess_cont .txt h4 em, .fran_main_profess .profess_cont .txt h4 strong {display:block;vertical-align:Top;margin:0;padding:0;} .fran_main_profess .profess_cont .txt h4 em {font-size: 25px;line-height:1;font-weight:400;color:#fff;font-family: 'Trirong', serif;} .fran_main_profess .profess_cont .txt h4 strong {margin-top: 10px;font-size: 23px;font-weight:500;color:#fff;line-height:1;letter-spacing: -1.5px;} .fran_main_profess .profess_cont .txt h4 strong b {font-size:inherit;font-weight:inherit;color:#fffad6;display:inline-block;vertical-align:top;} .fran_main_profess .profess_cont .txt p {font-size: 16px;line-height: 25px;letter-spacing:-0.9px;font-weight:300;color:#fff;margin: 13px 0 20px;} .fran_main_profess .profess_cont .txt .btn_custom_lg {width: 180px;font-size: 16px;font-weight:400;letter-spacing:-0.9px;text-align:center;border: 1px solid #fff;color: #fff;height: 50px;line-height: 48px;} .fran_main_profess .profess_cont .circle_arrow {position:relative;z-index:1;height: 229px;padding-left: 0;width: 100%;box-sizing:border-box;display:inline-block;margin-top: 21px;} .fran_main_profess .profess_cont .circle_arrow .competitive_right {} .competitive_right {width: 229px;height: 229px;background: url(../img/franchise/bg-fran-main-circle.png) no-repeat center center;background-size: 100%;position:absolute;right: 19px;top: 0;transform: none;} .competitive_right p {width:100%;position:relative;z-index:1;height: 229px;} .competitive_right strong, .competitive_right span {position:absolute;display:inline-block;vertical-align:top;margin:0;padding:0;text-align:center;box-sizing:border-box;} .competitive_right strong {left:50%;top:50%;transform:translate(-50%, -50%);font-size: 23px;line-height: 28px;letter-spacing:-2px;color:#fff;font-weight:400;font-family: 'Jomolhari','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .competitive_right span {width: 80px;height: 80px;border-radius:100%;font-weight:500;letter-spacing:-0.9px;font-size: 12px;line-height: 16px;color:#333;padding-top: 21px;} .competitive_right span b {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;position:relative;z-index:1;vertical-align:top;} .competitive_right span b:after {width: calc(100% + 4px);left:-2px;height: 6px;bottom:0;z-index:-1;background:#e0d8cb;opacity:0.8;display:inline-block;content:"";position:absolute;} .competitive_right span:nth-of-type(1) {left:50%;top: -18px;background:#f3eee0;transform:translateX(-50%);} .competitive_right span:nth-of-type(2) {left: -20px;top:50%;background:#fff;transform:translateY(-50%);} .competitive_right span:nth-of-type(3) {right: -20px;top:50%;background:#fff;transform:translateY(-50%);} .competitive_right span:nth-of-type(4) {left:50%;bottom: -17px;background:#f3eee0;transform:translateX(-50%);width: 76px;height: 76px;} .fran_main_system {margin: 48px auto 0;width:100%;position:relative;z-index:1;padding-bottom: 39px;} .fran_main_system:before {position:absolute;left: auto;right: 0;width: 265px;height: 32.52%;top: 27.5%;display:inline-block;content:"";background: #eee;z-index:-1;} .fran_main_system .system_cont {position:relative;z-index:1;width: 100%;margin:0 auto;} .fran_main_system .system_cont:after {clear:both;content:"";display:block;} .fran_main_system .system_cont .txt {text-align:right;padding: 0;box-sizing:border-box;width: 100%;position:relative;z-index:2;display:inline-block;} .fran_main_system .system_cont .txt:before {width:120px;height:1px;background:#000;right:-30px;top:82px;display:inline-block;content:"";position:absolute;display: none;} .fran_main_system .system_cont .txt h4 {} .fran_main_system .system_cont .txt h4 em, .fran_main_system .system_cont .txt h4 strong {line-height:1;display:inline-block;width:100%;vertical-align:top;} .fran_main_system .system_cont .txt h4 em {font-size: 25px;font-weight:400;color:#333;letter-spacing: 0.5px;font-family: 'Trirong', serif;} .fran_main_system .system_cont .txt h4 strong {margin-top: 14px;font-size: 23px;font-weight:500;color:#333;letter-spacing: -1.3px;margin-bottom: 25px;} .fran_main_system .system_cont .txt p {padding-top: 43px;font-size: 16px;line-height: 25px;font-weight:500;color:#333;letter-spacing: -1.1px;} .fran_main_system .system_cont .txt p span {font-size: 12px;line-height:1;letter-spacing:-0.42px;color:#999;font-weight:300;display:block;vertical-align:top;margin-bottom: 5px;} .fran_main_system .system_cont .txt p strong {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .fran_main_system .system_cont .txt p strong:before {bottom:2px;width: calc(100% + 2px);left: -1px;height: 7px;background:#8f7c62;opacity:0.2;z-index:-1;position:absolute;display:inline-block;content:"";} .fran_main_system .system_cont .txt ul {padding: 15px 0 0;display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;} .fran_main_system .system_cont .txt li {font-size: 15px;font-weight:300;color:#666;letter-spacing:-0.9px;line-height: 15px;vertical-align:top; margin-bottom: 11px;} .fran_main_system .system_cont .txt li:after {width: 23.5px;height: 20px;margin: -1px 0 0 10px;background:url(../img/franchise/icon-check-on.png) no-repeat 0 0;background-size: 100%;display:inline-block;content:"";vertical-align:top;} .fran_main_system .system_cont .txt li + li {margin-top: 0;} .fran_main_system .system_cont .txt li:nth-child(odd){width:calc(100% - 150px);} .fran_main_system .system_cont .txt li:nth-child(even){width:150px;} .fran_main_system .system_cont .thumb {width: 100%;float: none;position:relative;z-index:1;} .fran_main_system .system_cont .thumb img {max-width: 100%;} .fran_main_system .system_cont .thumb .btn_custom_lg {width: 180px;height: 50px;line-height: 48px;font-size: 16px;font-weight:400;letter-spacing:-0.9px;position:absolute;z-index:2;left:50%;bottom: 25px;transform:translateX(-50%);text-align:center;border: 1px solid #fff;color: #fff;} @media only screen and (max-width:340px) { .fran_main_system .system_cont .txt li{font-size:14px; } .fran_main_system .system_cont .txt li:nth-child(odd){width:calc(100% - 135px);} .fran_main_system .system_cont .txt li:nth-child(even){width:135px;} } @media only screen and (max-width:330px) { .fran_main_system .system_cont .txt li{font-size:13px;} } /*** 두피/탈모 시장성 ***/ /* m 일반 */ .content.market_ability{margin-top:25px;margin-bottom:50px;} .market_wide{background:url('../img/franchise/bg-fran-market-wide.jpg') no-repeat center center; background-size:cover; height: auto; width:100%; padding-top: 42px; padding-bottom: 45px;box-sizing:border-box; margin-bottom: 13px;} .market_wide .inr_1200{display:flex; align-items:flex-start; justify-content:flex-start;} .market_wide .wide_tit{width: 100%; padding-right: 0;text-align: center;margin-bottom: 30px;} .market_wide .wide_tit h3{font-size: 25px;font-weight: 500;line-height: 145%;letter-spacing: -1.6px;color: #fff;margin-top: -10px;} .market_wide .wide_cont{position:relative; width: 100%;} .market_wide .wide_cont:before{z-index: 5;position:absolute;content:'';width: 22px;height: 18.5px;background:url('../img/franchise/icon-fran-market-quotes.png') no-repeat center center;background-size: 100%;left: 10px;top: -12px;} .market_wide .wide_cont:after{z-index: 5;position:absolute;content:'';width: 22px;height: 18px;background:url('../img/franchise/icon-fran-market-quotes.png') no-repeat center center;background-size: 100%;right: 20px;bottom: -7px; transform:rotate(180deg);} .market_wide .wide_cont > ul{width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;} .market_wide .wide_cont > ul > li{ overflow: visible; width: auto; box-sizing:border-box; /*margin-bottom:25px;*/} .market_wide .wide_cont > ul > li:nth-child(-n+2){padding-bottom: 0;} .market_wide .wide_cont > ul > li:nth-child(odd){padding-right: 0;} .market_wide .wide_cont > ul > li:nth-child(even){padding-left: 0;margin-left: auto;} .market_wide .wide_cont li:nth-child(1){} .market_wide .wide_cont li:nth-child(2){margin-top: -10px;} .market_wide .wide_cont li:nth-child(3){margin-top: -12px;margin-left: 7px;} .market_wide .wide_cont li:nth-child(4){margin-top: -24px;} .market_wide .wide_cont .wide_dl{box-shadow: 0px 0 16px rgba(0,0,0,0.21);border-radius: 5px;} .market_wide .wide_cont .wide_dl dt{width:100%;height: 40px;background:#275b4e;display:flex;align-items:center;justify-content:center;font-size: 14px;letter-spacing: -0.9px;text-align: center;color: #fff;border-radius: 5px 5px 0 0;padding: 0 15px;box-sizing: border-box;} .market_wide .wide_cont .wide_dl dd{background:#fff;border-radius: 0 0 5px 5px;padding: 10px 17px 23px 15px;} .market_wide .wide_cont li:nth-child(3) .wide_dl dd{padding-right:27px;} .market_wide .wide_cont .wide_dl dd li{} .market_wide .wide_cont .wide_dl dd li + li{margin-top: 4px;} .market_wide .wide_cont .wide_dl dd p{font-size: 16px;font-weight: 500;line-height: 23px;letter-spacing: -1px;color: #333;/*box-shadow: inset 0px -8px 0px 0px rgb(201 197 174 / 50%);display: inline;*/} .market_wide .wide_cont .wide_dl dd p span{position:relative; font-size:inherit; font-weight:inherit; z-index:1;} .market_wide .wide_cont .wide_dl dd p span:before{position:absolute;content:'';width: calc(100% + 4px);height: 6px;background:#c9c5ae;opacity:0.5;left: -3px;bottom: 1px;z-index:-1;} .market_wide .wide_cont .wide_dl dd li > span{font-size: 12px;line-height: 20px;letter-spacing: -0.8px;color: #888;display: block;margin-top: 4px;} #wrap .market_wide + .board_zone_tit h2 p{margin-top: 10px; color:#333;line-height: 22px;letter-spacing: -1px;} .market_chart{position:relative; width:100%; height: auto; background: url('../img/franchise/bg-fran-market-chart.jpg') no-repeat center center; background-size:cover; margin-top: 43px; padding-bottom:50px;} .market_chart:after{position:absolute;content:'';width:1px;height: 60px;background:#000;left:50%;top: -30px;margin-left: -0.5px;} #wrap .market_chart .board_zone_tit h2{font-family:'Noto Sans KR';letter-spacing: -1.5px;margin-top: 0;line-height: 32px;font-weight: 300;padding-top: 43px;} #wrap .market_chart .board_zone_tit h2 strong{display:block; font-weight:500;} #wrap .market_chart .board_zone_tit h2 p{font-size: 14px;line-height: 20px;margin-top: 12px;letter-spacing: -1px;} .market_chart .chart_01{} .market_chart .chart_01{position:relative;background:rgba(255,255,255,0.85);display:flex;align-items:flex-start;justify-content:center;padding: 37px 20px 27px;margin-top: 31px;flex-wrap: wrap;box-shadow: 0 0 16px 0 rgba(0,0,0,0.21);} .market_chart .chart_01:before{position:absolute; content:''; width: calc(100% - 40px); height: 1px; background:#ddd; top: 48.5%; margin-top: -0.5px; left: 20px;} .market_ability .market_chart .chart_01:before{top:50.3%;} .market_chart .chart_01 .cont{position:relative;text-align:center;width: 100%;} .market_chart .chart_01 .cont + .cont{margin-left: 0;margin-top: 59px;} .market_chart .chart_01 .cont > ul{position:relative; display:flex;align-items:flex-end;justify-content:center;height: 168px;width: calc(100% - 35px);border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;margin-left: auto;padding-right: 17px;box-sizing: border-box;} .market_chart .chart_01 .cont > ul > li{} .market_chart .chart_01 .cont > ul > li + li{margin-left: 55px;} .market_chart .chart_01 .cont > ul > li dl{text-align:center;margin-bottom: -20px;width: 42px;} .market_chart .chart_01 .cont > ul > li dt{} .market_chart .chart_01 .cont > ul > li dt{font-size: 14px;line-height: 1;letter-spacing: -0.6px;text-align: center;color: #666;font-family: 'Jomolhari', serif;width: calc(100% + 30px);margin-left: -15px;} .market_chart .chart_01 .cont > ul > li dt strong{font-size: 17px; font-weight:700; color:#275b4e;} /* 그래프 */ .market_chart .chart_01 .cont > ul > li dd.graph{position:relative;width: 100%;height:0;background:#888;margin: 7px auto 7px; transition:all 3s;} .market_chart .chart_01.on .cont > ul > li dd.graph{height: 85px; transition:all 3s;} .market_chart .chart_01.on .cont > ul > li dd.graph.color{background-image: linear-gradient(to top, #161c2c, #275b4e);} .market_chart .chart_01.on .cont > ul > li dd.graph.up_099{height: 126px;} .market_chart .chart_01.on .cont > ul > li dd.graph.up_086{height: 126px;} .market_chart .chart_01.on .cont > ul > li dd.graph.dn_418{height: 85px;} .market_chart .chart_01 .cont > ul > li dd.graph .info{position:absolute;font-size: 11px;font-weight:400;color:#333;line-height:22px;letter-spacing: -0.8px;border:1px solid #333;border-radius: 5px;background:#fff;padding: 4px 11px 5px;top: 15px;right: -68px;box-shadow: 3.25px 5.65px 25.5px 0 rgba(0,0,0,0.15);} .market_chart .chart_01 .cont > ul > li dd.graph .info:before{position:absolute;content:'';width:8px;height:13px;background:url('../img/franchise/icon_fran_market_graph.png') no-repeat center center;background-size: 100%;top: 10px;left: -8px;} .market_chart .chart_01 .cont > ul > li dd.graph .info em{position:relative;font-size: 15px;font-weight:bold;letter-spacing:-1.1px;vertical-align: bottom;} .market_chart .chart_01 .cont > ul > li dd.graph .info em:before{position:absolute;content:'';width:100%;height:1px;background:#333;left:0;bottom: 2px;} .market_chart .chart_01 .cont > ul > li dd{font-size: 13px; line-height: 1; letter-spacing: -0.8px; color: #666;} .market_chart .chart_01 .cont > ul > li dd strong{color:#275b4e; font-weight:bold;} .market_chart .chart_01 .cont > ul > li.noti{position:absolute;right: 0;bottom: -39px;font-size: 13px;letter-spacing: -0.8px;color: #888;margin-left: 0; line-height:16px;} .market_chart .chart_01 .cont_tit{position:absolute;width: 70px;height: 70px;display:flex;align-items:center;justify-content:center;font-size: 13px;font-weight: 500;line-height: 17px;letter-spacing: -0.9px;text-align: center;color: #333;border:1px solid #aaa;border-radius:100%;box-sizing:border-box;top: -8px;left: 0%;background:#fff;z-index: 1;} .market_chart .chart_01 .cont_exp{position:relative;font-size: 17px;font-weight: 500;line-height: 1;letter-spacing: -1.2px;text-align: center;color: #333;margin-top: 76px;display:inline-flex;} .market_chart .chart_01 .cont_exp:before{position:absolute;content:'';width: calc(100% + 3px);height: 7px;background:#275b4e;opacity:0.15;left:0;bottom: -3px;} .market_chart .chart_01 .cont_exp:after{position:absolute;content:'';width: 29px;height: 27px;background:url('../img/franchise/icon-fran-market-arrow.png') no-repeat center center;background-size: 100%;left:50%;margin-left: -14.5px;top: -40px;} .market_chart .chart_01 .cont_exp strong{font-weight:bold;color:#275b4e;display: inline-flex;} .market_chart .chart_02{position:relative;background:rgba(255,255,255,0.85);display:flex;align-items: flex-start;justify-content: center;margin-top: 25px;padding: 30px 25px 50px;flex-wrap: wrap;box-shadow: 0 0 16px 0 rgba(0,0,0,0.21);} .market_chart .chart_02 .chart_02_tit{position: relative; left: 0; transform: none; top: 0; font-size: 15px; font-weight:500; color:#333; display:inline-flex; align-items:center; justify-content:center; height: 40px; box-sizing:border-box; width: 175px; border:1px solid #aaa; border-radius:24.5px; background:#fff;letter-spacing: -1px;margin-bottom: 20px;} .market_chart .chart_02 .cont{width: 100%;box-shadow: 0px 1.5px 3.5px 0 rgba(0,0,0,0.35);background-color: #fff;border-radius:0 0 10px 10px;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: flex-start;padding-top: 19px;} .market_chart .chart_02 .cont + .cont{margin-left: 0;margin-top: 20px;} .market_chart .chart_02 .cont .cont_exp{width:100%;display:flex;align-items:center;justify-content:center;height: 45px;background:#f5f5f5;font-size: 16px;font-weight: 500;letter-spacing: -1px;text-align: center;color: #333;border-radius: 0 0 10px 10px;margin-top: 40px;} .market_chart .chart_02 .cont > ul{position:relative;display:flex;align-items:flex-end;justify-content:center;height: 155px;width: calc(100% - 59px);border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;padding-right: 14px;box-sizing: border-box;} .market_chart .chart_02 .cont > ul > li{} .market_chart .chart_02 .cont > ul > li + li{margin-left: 55px;} .market_chart .chart_02 .cont > ul > li dl{text-align:center;margin-bottom: -21px;width: 42px;} .market_chart .chart_02 .cont > ul > li dt{} .market_chart .chart_02 .cont > ul > li dt{font-size: 20px;line-height: 1;letter-spacing: -0.6px;text-align: center;color: #666;font-family: 'Jomolhari', serif;width: calc(100% + 30px);margin-left: -15px;} .market_chart .chart_02 .cont > ul > li dt strong{font-size:24px; font-weight:700; color:#275b4e;} .market_chart .chart_02 .cont > ul > li.noti{position:absolute;left: -50px;bottom: -28px;font-size: 16px;letter-spacing: -0.8px;color: #888;margin-left: 0;} /* 그래프 */ .market_chart .chart_02 .cont > ul > li dd.graph{position:relative;width: 100%;height:0;background:#888;margin: 10px auto 7px;} .market_chart .chart_02.on .cont > ul > li dd.graph.color{background-image: linear-gradient(to top, #161c2c, #275b4e);} .market_chart .chart_02.on .cont > ul > li dd.graph{height: 87px; transition:all 3s;} .market_chart .chart_02.on .cont > ul > li dd.graph.up_350{height: 124px;} .market_chart .chart_02.on .cont > ul > li dd.graph.up_160{height: 124px;} .market_chart .chart_02.on .cont > ul > li dd.graph.dn_120{height: 87px;} .market_chart .chart_02 .cont > ul > li dd.graph .info{position:absolute;font-size: 10px;font-weight:400;color:#333;line-height: 14px;letter-spacing: -0.8px;border:1px solid #333;border-radius: 5px;background:#fff;padding: 5px 7px 5px;top: 27px;flex-wrap: wrap;right: -92px;box-sizing: border-box;text-align: left;box-shadow: 3.25px 5.65px 25.5px 0 rgba(0,0,0,0.15);} .market_chart .chart_02 .cont > ul > li dd.graph .info:before{position:absolute;content:'';width: 7.5px;height: 12.5px;background:url('../img/franchise/icon_fran_market_graph.png') no-repeat center center;background-size: 100%;top: 19px;left: -8px;} .market_chart .chart_02 .cont > ul > li dd.graph .info em{position:relative;font-size: 15px;font-weight:bold;letter-spacing:-1.1px; display:inline-flex; padding-top:3px;} .market_chart .chart_02 .cont > ul > li dd.graph .info em:before{position:absolute;content:'';width:100%;height:1px;background:#333;left:0;bottom: -1px;} .market_chart .chart_02 .cont > ul > li dd{font-size: 13px; line-height: 1; letter-spacing: -0.8px; color: #666;} .market_chart .chart_02 .cont > ul > li dd strong{color: inherit; font-weight: inherit;} .market_chart .chart_02 .cont > ol{padding-right: 7px; margin-bottom: -23px; padding-left: 16px;} .market_chart .chart_02 .cont > ol li{position:relative; font-size: 11px; font-weight:400; font-family:'Roboto', 'Noto Sans KR'; line-height: 16px; color:#888; text-align:right;} .market_chart .chart_02 .cont > ol li:after{position:absolute; content:''; width: 220px; height:1px; background:#ddd; top: 7px; left: calc(100% + 8px);} .market_chart .chart_02 .cont > ol li.af_dn:after{display:none;} .market_chart .chart_02 .cont:last-child > ul > li + li{margin-left: 55px;padding-right: 0;} .market_chart .chart_02 .cont:last-child > ul > li dd.graph .info{right: -64px;top: 26px;padding: 5px 8px 5px;} .market_chart .chart_02 .cont:last-child > ol{padding-left: 10px;} .market_research{padding-top: 47px; padding-bottom:0;} .market_research .research_tit{} .market_research .research_tit h3{position:relative;font-size: 18px;font-weight: 500;line-height: 1;color: #333;padding-left: 13px;letter-spacing: -1.1px;margin-bottom: 26px;} .market_research .research_tit h3:before{position:absolute; content:''; width: 5px; height: 5px; background:#275b4e; border-radius:100%; top: 8px; left:0;} .market_research .chart{display:flex; align-items:flex-start; justify-content:space-between;flex-wrap: wrap;} .market_research .chart .cont{width: 100%;border-radius:10px 10px 0 0;} .market_research .chart .cont + .cont{margin-left: 0;margin-top: 20px;} .market_research .chart .cont_tit{display:flex;align-items:center;justify-content:center;font-size: 16px;letter-spacing: -1px;color: #fff;background:#333;height: 50px;border-radius: 10px 10px 0 0;} .market_research .chart .cont > ul{display:flex;align-items:center;justify-content:center;border: 1px solid #ddd;border-top: 0;} .market_research .chart .cont > ul > li{position:relative; /* height: 208px; */height: auto;padding-bottom: 17px;box-sizing: border-box;padding-top: 25px;} .market_research .chart .cont.first{} .market_research .chart .cont.first > ul > li + li{margin-left: 54px;} .market_research .chart .cont.first > ul > li + li:before{position:absolute;content:'';width: 8.5px;height: 9.5px;background:url('../img/franchise/icon-fran-market-triangle.png') no-repeat center center;background-size: 100%;/* top: 32%; */top: 68px;left: -34px;} .market_research .chart .cont.first .graph{position:relative;width: 95px;height: 95px;border-radius:100%;background:#ddd;margin: 0 auto;} .market_research .chart .cont.first .graph .tit{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 60px;height: 60px;border-radius:100%;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size: 13px;font-weight:bold;line-height: 15px;letter-spacing:-0.9px;text-align:center;z-index: 5;} .market_research .chart .cont.first .graph .tit dd{display:block;font-size: 18px;letter-spacing: -0.5px;font-family: 'Jomolhari', serif;color:#275b4e;margin-top: 4px;} .market_research .chart .cont.first > ul > li > p{font-size: 13px;font-weight: 300;line-height: 18px;letter-spacing: -1px;text-align: center;color: #888;margin-top: 18px;} .market_research .chart .cont.first .graph > ol{} .market_research .chart .cont.first .graph > ol li{position:absolute;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-1px;color:#333;text-align: center;} .market_research .chart .cont.first .graph > ol li{position:absolute;font-size: 13px;font-weight:400;line-height: 15px;letter-spacing:-1px;color:#333;text-align: center;} .market_research .chart .cont.first .graph > ol li:before{position:absolute;content:'';width: 6px;height: 6px;border: 1px solid #fff;border-radius:100%;background:#000;box-sizing:border-box;z-index: 2;} .market_research .chart .cont.first .graph > ol li:after{position:absolute;content:'';width: 17px;height:1px;background:#000;} .market_research .chart .cont.first .graph#pie_chart1{background:conic-gradient(#ddd 0% 69.9%, #275b4e 70.4%); transition:all 3s;} .market_research .chart .cont.first .graph#pie_chart2{background:conic-gradient(#ddd 0% 53.9%, #275b4e 54.4%);} .market_research .chart .cont.first .graph > ol li:nth-child(1){right:-27px; bottom: -8px;} .market_research .chart .cont.first .graph > ol li:nth-child(1):before{left: -23px;top: -4px;} .market_research .chart .cont.first .graph > ol li:nth-child(1):after{left: -20px;top: 3px;transform: rotate(30deg);} .market_research .chart .cont.first .graph > ol li:nth-child(2){left:-27px; top:-8px;} .market_research .chart .cont.first .graph > ol li:nth-child(2):before{right: -22px;bottom: -4px;} .market_research .chart .cont.first .graph > ol li:nth-child(2):after{right: -19px;bottom: 5px;transform: rotate(41deg);width: 17px;} .market_research .chart .cont.second{} .market_research .chart .cont.second > ul{} .market_research .chart .cont.second > ul > li{ padding-top: 20px;padding-bottom: 8px;} .market_research .chart .cont.second > ul > li + li{margin-left: 0;} .market_research .chart .cont.second > ul > li > ol{width: 160px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .market_research .chart .cont.second > ul > li > ol > li{font-size: 13px; font-weight:400; letter-spacing:-1px; color:#666; margin-right: 10px; padding-left: 13px; position:relative; line-height:1; margin-bottom: 14px;} .market_research .chart .cont.second > ul > li > ol > li:last-child{margin-right:0;} .market_research .chart .cont.second > ul > li > ol > li:before{position:absolute; content:''; width:8px; height:8px; border-radius:100%; background:#15598c; top:3px; left:0;} .market_research .chart .cont.second > ul > li > ol > li.op02:before{background:#d4c5bf;} .market_research .chart .cont.second > ul > li > ol > li.op03:before{background:#9dcbb1;} .market_research .chart .cont.second > ul > li > ol > li.op04:before{background:#a3aeb5;} .market_research .chart .cont.second > ul > li > ol > li.op05:before{background:#123472;} .market_research .chart .cont.second > ul > li > ol > li.op06:before{background:#ceb8bb;} .market_research .chart .cont.second > ul > li > ol > li.op07:before{background:#a2bebb;} .market_research .chart .cont.second > ul > li > ol > li.op08:before{background:#b2c4cb;} .market_research .chart .cont.second .graph{position:relative;width: 144px;height: 144px;border-radius:100%;background:#ddd;margin: 0 auto 17px;} .market_research .chart .cont.second .graph#pie_chart1{background:conic-gradient(#104a76 0% 63.9%, #d4c5bf 64.3% 73%, #9dcbb1 73% 81%, #a3aeb5 81% 100%);} .market_research .chart .cont.second .graph#pie_chart2{background:conic-gradient(#123472 0% 53.9%, #d4c5bf 54.3% 61%, #ceb8bb 61% 68%, #a2bebb 68% 93%, #b2c4cb 93% 100%)} .market_research .chart .cont.second .graph > ol{text-align:center;} .market_research .chart .cont.second .graph > ol li{position:absolute; font-size: 12px; font-weight:400; color:#666; letter-spacing:-1px; line-height: 14px;} .market_research .chart .cont.second .graph > ol li em{position:relative; display:block;color:#fff;font-size: 14px;line-height: 19px;margin-bottom: 6px;} .market_research .chart .cont.second .graph > ol li em:before{position:absolute; content:''; width:100%; height:1px; background:#fff; opacity:0.5; left:0; bottom:1px;} .market_research .chart .cont.second .graph > ol li strong{color:#fff; font-size: 21px; font-family: 'Jomolhari', serif; font-weight:normal; line-height: 19px;} .market_research .chart .cont.second .graph#pie_chart1 > ol li:nth-child(1){top: 57px;right: 16px;} .market_research .chart .cont.second .graph#pie_chart1 > ol li:nth-child(2){bottom: 37px;left: 14px;} .market_research .chart .cont.second .graph#pie_chart1 > ol li:nth-child(3){top: 61px;left: 3px;} .market_research .chart .cont.second .graph#pie_chart1 > ol li:nth-child(4){top: 21px;left: 36px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(1){top: 60px;right: 14px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(2){bottom: 7px;left: 38px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(3){top: 88px;left: 11px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(4){top: 44px;left: 17px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(5){top: 7px;left: 51px;} @media only screen and (max-width:340px) { .market_wide .wide_tit h3{font-size:23px;} .market_wide .wide_cont .wide_dl dd p{font-size:15px;} #wrap .market_chart .board_zone_tit h2 p{font-size:13px;} .market_chart .chart_01 .cont > ul > li + li, .market_chart .chart_02 .cont > ul > li + li, .market_chart .chart_02 .cont:last-child > ul > li + li{margin-left:35px;} .market_chart .chart_02 .cont > ul > li dd.graph .info{padding:5px 5px 5px; right:-76px;} .market_chart .chart_02 .cont > ul > li dd.graph .info:before{left:-7px;} .market_research .chart .cont_tit{font-size:14px;} .market_research .chart .cont.first > ul > li + li{margin-left:25px;} .market_research .chart .cont.first > ul > li + li:before{left:-17px;} .market_research .chart .cont.first .graph > ol li, .market_research .chart .cont.first > ul > li > p{font-size:12px;} .market_research .chart .cont > ul{align-items:flex-start;} .market_research .chart .cont.second .graph{width:130px; height:130px;} .market_research .chart .cont.second > ul > li > ol{width:140px;} .market_research .chart .cont.second .graph > ol li{font-size:11px;} .market_research .chart .cont.second .graph#pie_chart1 > ol li:nth-child(3){top:51px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(3){top:83px; left:8px;} .market_research .chart .cont.second .graph#pie_chart2 > ol li:nth-child(5){left:45px;} } /*** 웰킨의 경쟁력 - 파워 ***/ /* m 일반 */ .board_zone_tit.bd_top{border-top:12px solid #eee;} .board_zone_tit.franchise h2{padding-top: 28px;padding-bottom: 24px; font-weight:600;} .sub_visual.visual_franchise.franchise_competitive {height: 424px;background:url('../img/franchise/sub-visual-fran-3.jpg')no-repeat center top;background-size:cover;} .sub_visual.franchise_competitive .visual_cont {text-align:left;padding: 0 15px; top:51%;} .sub_visual.franchise_competitive .visual_title {font-size: 25px;font-weight:400;line-height:0.7;letter-spacing:0;font-family: 'Trirong', serif;width:630px;display:inline-block;} .sub_visual.franchise_competitive .visual_desc {font-size: 23px;font-weight:500;letter-spacing: -1.5px;line-height:1;width: 100%;display:inline-block;margin-top: 10px; } .sub_visual.franchise_competitive .visual_desc b {color:#fffad6;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;} .sub_visual.franchise_competitive .competitive_right {width: 229px;height: 229px;background: url(../img/franchise/bg-fran-main-circle.png) no-repeat center center;background-size: 100%;position: relative;right: 0;top: 0;margin: 47px 20px 0 auto;transform: none;} .sub_visual.franchise_competitive .competitive_right[data-aos=fade-left] {transform: translate3d(100px,0,0) translateY(0);} .sub_visual.franchise_competitive .competitive_right[data-aos^=fade][data-aos^=fade].aos-animate {transform: translateZ(0) translateY(0);} .sub_visual.franchise_competitive .competitive_right p {width: 229px;position:relative;z-index:1;height: 229px;} .sub_visual.franchise_competitive .competitive_right strong, .sub_visual.franchise_competitive .competitive_right span {position:absolute;display:inline-block;vertical-align:top;margin:0;padding:0;text-align:center;box-sizing:border-box;} .sub_visual.franchise_competitive .competitive_right strong {left:50%;top:50%;transform:translate(-50%, -50%);font-size: 23px;line-height: 28px;letter-spacing:-2px;color:#fff;font-weight:400;font-family: 'Jomolhari','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.franchise_competitive .competitive_right span {width: 80px;height: 80px;border-radius:100%;font-weight:500;letter-spacing:-0.9px;font-size: 12px;line-height: 16px;color:#333;padding-top: 22px;} .sub_visual.franchise_competitive .competitive_right span b {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;position:relative;z-index:1;vertical-align:top;} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(1) {left:50%;top: -21px;background:#f3eee0;transform:translateX(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(2) {left: -21px;top:50%;background:#fff;transform:translateY(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(3) {right: -21px;top:50%;background:#fff;transform:translateY(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(4) {left:50%;bottom: -21px;background:#f3eee0;transform:translateX(-50%);width: 76px;height: 76px;} .brand_map_global {} .brand_map {position:relative;z-index:1;padding: 45px 0 28px;} .brand_map:before {height: 33.6%;width: 77%;left: auto;right: -15px;bottom:0;background:#f4f1ee;display:inline-block;content:"";position:absolute;z-index:-1;} .brand_map .map_cont {width: 100%;margin:0 auto;} .brand_map .map_cont:after {clear:both;content:"";display:block;} .brand_map .map_cont .txt {padding-top: 0;width: 100%;text-align:left;position:relative;z-index:2;float:left;} .brand_map .map_cont .txt:before {width:120px;height:1px;background:#333;right:-30px;top:184px;position:absolute;display:inline-block;content:"";display: none;} .brand_map .map_cont .txt h3 {font-size: 25px;line-height: 32px;font-weight:500;letter-spacing: -1.7px;color:#333;} .brand_map .map_cont .txt h3 strong {font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .brand_map .map_cont .txt h3 strong:before {width:100%;height: 8px;opacity:0.2;left:0;bottom: 1px;background:#8f7c62;position:absolute;display:inline-block;content:"";z-index:-1;} .brand_map .map_cont .txt h3 strong b {font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:#275b4e;display:inline-block;vertical-align:top;} .brand_map .map_cont .txt ul {padding: 19px 0 19px;} .brand_map .map_cont .txt li {font-size: 15px;line-height: 145%;letter-spacing: -1px;font-weight:300;color:#555;padding: 0 0 0 34px;background: url(../img/franchise/icon-check-on.png) no-repeat 0 1px;background-size: auto 20px;} .brand_map .map_cont .txt li + li {margin-top: 8px;} .brand_map .map_cont .txt > span {font-size: 14px;line-height:1;letter-spacing:-0.8px;font-weight:300;color:#888;display:block;margin-bottom: 28px;} .brand_map .map_cont .thumb {width: 100%;float: none;font-size: 0;display: n;} .brand_map .map_cont .thumb img{max-width:100%;} .brand_global {position:relative;z-index:1;padding: 68px 0 58px;} .brand_global:before {height:300px;width:356px;right: calc(50% + 468px);bottom:84px;background:url(../img/franchise/bg-fran-power-w.png) no-repeat 50% 50%;display:inline-block;content:"";position:absolute;z-index:-1;} .brand_global:after {top:207px;height:1px;width: calc(50% - 600px);right: calc(50% + 600px);background:#333;display:inline-block;content:"";position:absolute;z-index:-1;} .global_cont {width: 100%;margin:0 auto;position:relative;z-index:2;} .global_cont:after {clear:both;content:"";display:block;} .global_cont .cont_left {width: 100%;float:left;text-align:left;font-size: 0;margin-bottom: 13px;} .global_cont .cont_left .txt {padding-top: 0;} .global_cont .cont_left .txt h3 {font-size: 23px;line-height:1;font-weight:500;color:#333;letter-spacing: -1.5px;display:inline-block;position:relative;z-index:1;} .global_cont .cont_left .txt h3:before {bottom: -17px;left: -15px;width: calc(100% + 18px);height:1px;background:#333;display:inline-block;content:"";position:absolute;z-index:-1;} .global_cont .cont_left .txt p {font-size: 16px;font-weight:300;letter-spacing: -1.1px;color:#666;line-height: 25px;margin-top: 28px;margin-bottom: 26px;} .global_cont .cont_left .thumb {position:relative;z-index:1;display:inline-block;} .global_cont .cont_left .thumb img{max-width:100%;} .global_cont .thumb span {font-size: 16px;letter-spacing:-0.6px;font-weight:400;color:#fff;line-height:1;bottom: 12px;z-index:2;display:inline-block;margin:0 auto;position:absolute;left:50%;transform:translateX(-50%);font-family: 'Jomolhari', serif;} .global_cont .cont_right {height: auto;width: 100%;padding-left: 0;float:right;position:relative;z-index:1;text-align:right;box-sizing:border-box;} .global_cont .cont_right .franchise_eng_title {left: calc(87.2% + 10px);top:77px;transform: rotate(90deg);letter-spacing:2.2px;font-size:50px;line-height:1;color:#ddd;font-weight:400;font-family: 'Italianno', cursive;display:inline-block;position:absolute;text-align:left;} .global_cont .cont_right .thumb {display:inline-block;width: calc(50% - 6.5px);vertical-align:top;margin:0;font-size:0;vertical-align:top;position:relative;z-index:1;} .global_cont .cont_right .thumb img {position:relative;z-index:1;vertical-align:top; max-width:100%;} .global_cont .cont_right .thumb:nth-of-type(1) {position:absolute;left:0;top:0;width: calc(50% - 6.5px);} .global_cont .cont_right .thumb:nth-of-type(2){display:block; margin-left:auto;} .global_cont .cont_right .thumb:nth-of-type(3) {margin-top: 13px;} .global_cont .cont_right .thumb:nth-of-type(4) {position: relative;left:0;bottom: 0;width:100%;margin-top: 13px;} .competitive_tab_container .brand_sec02{width:100%; height: auto; background: url(../img/franchise/bg-fran-brand-award.jpg) no-repeat 50% top;background-size:auto 606px;; text-align:center; padding: 59px 0 50px; box-sizing:border-box;border-bottom: 12px solid #eee;} .competitive_tab_container .brand_sec02 .sec02_tit .sec_brand {font-size: 18px;line-height:1;letter-spacing:-0.9px;font-weight:300;color:#fff;margin:0 auto;} .competitive_tab_container .brand_sec02 .sec02_tit .sec_brand b {font-weight:500;} .competitive_tab_container .brand_sec02 .sec02_tit .sec_year {font-size: 16px;letter-spacing:-1px;font-weight: 300;margin-top: 23px;color:#fff;display:inline-block;font-family: 'Roboto','Noto Sans KR';} .competitive_tab_container .brand_sec02 .sec02_tit .sec_year b {font-weight:500;font-family: 'Roboto','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .competitive_tab_container .brand_sec02 .sec02_tit h2{font-size: 25px;line-height:1.13;letter-spacing:-1.38px;color:#fff;font-weight:500;margin-top: 13px;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;margin-bottom: 0;} .competitive_tab_container .brand_sec02 .sec02_tit h2 em{display: inline-block;position:relative;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;} .competitive_tab_container .brand_sec02 .sec02_tit h2 em:after{width: calc(100% + 6px);height: 8px;content:"";background:#ddd3a8;opacity:0.5;position: absolute;bottom: -2px;left:-3px;z-index:-1;} .competitive_tab_container .brand_sec02 .sec02_tit h2 em span{font-size:inherit;color:inherit;font-weight:inherit;} .competitive_tab_container .brand_sec02 .sec02_tit span {font-size:30px;line-height:1;letter-spacing:-0.9px;font-weight:300;color:#fff;margin:0 auto;display:block;} .competitive_tab_container .brand_sec02 .sec02_tit span b {font-weight:500;} .competitive_tab_container .brand_sec02 .sec02_tit h2 + span {font-size:20px;letter-spacing:-1px;font-weight:400;margin-top:35px;} .competitive_tab_container .brand_sec02 .sec02_tit h2 + span b {font-weight:500;} .competitive_tab_container .brand_sec02 .sec02_tit h2{font-size: 25px;line-height:1.13;letter-spacing:-1.38px;color:#fff;font-weight:500;margin-top:16px;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .competitive_tab_container .brand_sec02 .sec02_tit h2 em{display: inline-block;position:relative;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;z-index: 1;} .competitive_tab_container .brand_sec02 .sec02_tit h2 em:after{width: calc(100% + 6px);height: 8px;content:"";background:#ddd3a8;opacity:0.5;position: absolute;bottom: -2px;left:-3px;z-index: -1;} .competitive_tab_container .brand_sec02 .awards_wrap{margin-top: 26px; display: block; } .competitive_tab_container .brand_sec02 .awards_info{width: calc(100% - 20px);height: auto;text-align:center;background:url('../img/franchise/brand_sec02_awards_info_bg.jpg') no-repeat center center;background-size: cover;box-shadow: 0px 1px 49px 0 rgba(0, 0, 0, 0.53);border: solid 1px #2e2727;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position: relative;z-index:1;margin: 0 auto;padding-top: 31px;padding-bottom: 38px;margin-bottom:40px;} .competitive_tab_container .brand_sec02 .awards_info h5{font-size: 17px;font-weight: 400;line-height: 23px;letter-spacing: -1px;color: #fff;margin-bottom: 10px;} .competitive_tab_container .brand_sec02 .awards_info h4{position:relative; font-size: 20px;font-weight: bold;line-height: 25px;letter-spacing: -1.5px;background:url('../img/franchise/brand_sec02_txt.jpg') no-repeat center center;background-size:cover;background-clip: text;-webkit-background-clip: text;color: #fff0;margin-bottom: 19px;} .competitive_tab_container .brand_sec02 .awards_info h4:before{display:block;content:'';margin: 0 auto 23px;background:url('../img/franchise/brand_sec02_bpi.png') no-repeat center center;background-size: 100%;width: 112.5px;height: 143.5px;padding-right: 0;position: relative;left: -9px;} .competitive_tab_container .brand_sec02 .awards_info h4:after{position:absolute;content:'';width: 186px;height: 58px;background:url('../img/franchise/brand_sec02_txt_icon.png') no-repeat center center;background-size: 100%;top: 76%;left: 50%;margin-left: -93px;} .competitive_tab_container .brand_sec02 .awards_info p{position:relative; display:inline-block; font-size: 13px;letter-spacing: -0.8px; color: #fff;} .competitive_tab_container .brand_sec02 .awards_info p:after{position:absolute; content:''; width:100%; height:1px; background:#fff; left:0; bottom:2px;} .competitive_tab_container .brand_sec02 .awards_list{width: 100%;height: auto;position: relative;background:#fff;z-index: 1; box-sizing:border-box;padding-bottom: 0;} .competitive_tab_container .brand_sec02 .awards_list > ul{font-size:0;} .competitive_tab_container .brand_sec02 .awards_list > ul li{display: flex;width: 100%;vertical-align: top;justify-content: flex-start;align-items: center;padding-top: 14px;padding-bottom: 15px;} .competitive_tab_container .brand_sec02 .awards_list > ul li:nth-child(n+7):nth-child(-n+12){margin-top: 0;} .competitive_tab_container .brand_sec02 .awards_list > ul li span{display:block;margin-bottom: 0;height: 100%;width: 104px;box-sizing: border-box;padding-left: 20px;padding-right: 18px;} .competitive_tab_container .brand_sec02 .awards_list > ul li:nth-child(n+7):nth-child(-n+12) span {margin-bottom: 0;} .competitive_tab_container .brand_sec02 .awards_list > ul li dl{width: calc(100% - 104px);text-align: left;} .competitive_tab_container .brand_sec02 .awards_list > ul li dl dt{font-size: 17px; line-height: 1.5; letter-spacing: 0px; color: #666;margin-bottom: 2px;} .competitive_tab_container .brand_sec02 .awards_list > ul li dl dd{font-family: 'Noto Sans KR';font-size: 14px;font-weight: 400;color: #666;display: block;margin-bottom: 4px;} .brand_sec03 {padding: 0;background:url(../img/franchise/bg-fran-power-award.jpg) no-repeat 50% 0;background-size:cover;position:relative;z-index:1;padding-bottom: 27px;margin-bottom: 50px;} .brand_sec03:before {right: 0;width: 70.7%;height: 19.4%;top: auto;bottom: 0;background:#f5f5f5;z-index:-1;content:"";display:inline-block;position:absolute;} .goverment_cont {width: 100%;margin:0 auto;position:relative;z-index:2; } .goverment_cont:after {clear:both;content:"";display:block;} .goverment_cont .thumb {width: 100%;padding-bottom: 95px;float: none;text-align:left;position:relative;z-index:1;margin-top: 22px;font-size: 0;} .goverment_cont .thumb .thumb_01 {display:inline-block;margin:0 auto 0 0;padding-right: 85px;font-size: 0;} .goverment_cont .thumb .thumb_01 img{max-width:100%;} .goverment_cont .thumb .thumb_02 {position:absolute;left: auto;bottom: 21px;width: 92px;right: 178px;font-size: 0;} .goverment_cont .thumb .thumb_02 img{max-width:100%;} .goverment_cont .thumb .thumb_03 {position:absolute;left: auto;bottom:0;width: 138px;right: 1px;font-size: 0;} .goverment_cont .thumb .thumb_03 img{max-width:100%;} .goverment_cont .thumb div {text-align:center;} .goverment_cont .thumb div span {font-size: 14px;font-weight:500;color:#333;letter-spacing:-0.9px;line-height: 20px;margin: 7px auto 0;display:block;text-align:center;width: calc(100% + 40px);margin-left: -20px;} .goverment_cont .thumb .thumb_03 span {margin-top: 11px;} .goverment_cont .txt {padding-left: 0;padding-top: 47px;width: 100%;text-align:left;box-sizing:border-box;float: none;} .goverment_cont .txt .franchise_eng_title {margin-left: 0;font-size: 35px;letter-spacing: 0.3px;font-style:normal;font-weight:400;line-height:1;color: rgba(221, 221, 221, 0.8);white-space:nowrap;font-family: 'Italianno', cursive;display:inline-block;} .goverment_cont .txt h3 {margin: 9px 0 16px;font-size: 25px;letter-spacing: -1.8px;line-height: 32px;color:#333;font-weight:500;vertical-align:top;} .goverment_cont .txt h3 strong {font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;font-weight:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .goverment_cont .txt h3 strong:before {left:-3px;bottom: 1px;width: calc(100% + 6px);height: 8px;opacity:0.2;background:#8f7c62;position:absolute;display:inline-block;content:"";z-index:-1;} .goverment_cont .txt p {font-size: 16px;line-height: 25px;letter-spacing:-0.9px;font-weight:300;color:#555;} @media only screen and (max-width:340px) { .board_zone_tit.franchise h2{font-size:23px;} .sub_visual.franchise_competitive .visual_title{font-size:21px;} .sub_visual.franchise_competitive .visual_desc{font-size:20px; margin-top:7px;} .sub_visual.franchise_competitive .competitive_right span{font-size:11px;} .sub_visual.franchise_competitive .competitive_right strong{font-size:21px;} } @media only screen and (max-width:334px) { .brand_sec02 .awards_info{box-shadow:0px 1px 18px 0 rgb(0,0, 0, 0.53);padding-bottom:11px;} } /*** 웰킨의 경쟁력 - 전문성 ***/ /* m 일반 */ .rnd_title {box-sizing:border-box;} .rnd_title > .title_sm, .rnd_title > .title_lg, .rnd_title > .title_tag {display:block;margin:0 auto;padding:0;vertical-align:top;} .rnd_title > .title_sm {font-size:13px;line-height:15px;padding-bottom:3px;font-weight:500;color:#222;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;position:relative;z-index:1;display:inline-block; letter-spacing:0;} .rnd_title > .title_sm:before {left:0;bottom:0;height:1px;width:100%;background:#000;position:absolute;display:inline-block;content:"";} .rnd_title > .title_lg {font-size:28px;line-height:35px;letter-spacing:-1.2px;font-weight:400;font-style:italic;color:#333;font-family:'Trirong','Jeju Myeongjo',serif;} .rnd_title > .title_tag {font-size:18px;line-height:25px;letter-spacing:-0.6px;font-weight:300;color:#333;} .rnd_title > .title_sm + .title_lg {margin-top:17px;} .rnd_title > .title_sm + .title_lg + .title_tag {margin-top:9px;} .rnd_title > .title_sm + .title_tag {margin-top:10px;} .rnd_title > .title_sm + .title_tag + .title_lg {margin-top:12px;font-size: 29px;letter-spacing: -0.8px;} .rnd_discription {font-size:15px;line-height:23px;letter-spacing:-1.1px;padding-top:6px;font-weight:300;color:#666;box-sizing:border-box;} .rnd_discription strong {font-size:inherit;line-height:inherit;font-weight:500;color:inherit;} .clear{width:auto; margin:0 auto;} .clear > .rnd_title {float:none; width:342px; margin:0 auto;} .clear > .rnd_title + .rnd_discription {float:none;width:auto;padding-top:16px;color:#444; width:342px; margin:0 auto;} .clear > .rnd_title + .rnd_discription span{display:block; margin-bottom:12px;} .rnd_sec01 {padding-bottom:55px;background:#fafafa url('../img/da_image/bg_rnd_sec01.jpg') no-repeat 50% 0;background-size:cover;position:relative;z-index:2; height:auto;} .rnd_sec01 .w_custom {text-align:left;max-width:1300px;} .rnd_time_wrap {background:#27282c;padding:21px 0 2px;box-sizing:border-box;transform:translateY(-34%);margin-bottom:-49px;} .rnd_time_wrap dl {width:100%;margin:0 auto;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;} .rnd_time_wrap dt, .rnd_time_wrap dd {} .rnd_time_wrap dt {position:absolute;left:100%;top:100%;} .rnd_time_wrap dd {display:block;width:100%;} .rnd_time_wrap ul {display:table;table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;} .rnd_time_wrap ul li {display:inline-block;border-collapse:collapse;box-sizing:border-box;text-align:center;vertical-align:middle;width:50%;} .rnd_time_wrap ul li + li {width:50%;} .rnd_time_wrap ul li:nth-child(3) {margin-left:25%;} .rnd_time_wrap ul li .thumb {display:inline-block; width:30.5px; height:30.5px;} .rnd_time_wrap ul li:nth-child(2) .thumb{width:29px; height:29px;} .rnd_time_wrap ul li:nth-child(3) .thumb{width:26.5px; height:34px;} .rnd_time_wrap ul li:nth-child(4) .thumb{width:28px; height:29px;} .rnd_time_wrap ul li .thumb img {width:100%;} .rnd_time_wrap ul li .h_number {letter-spacing:-0.8px;padding:5px 0 19px;font-size:25px;line-height:25px;color:#fff;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;margin:0 auto;} .rnd_time_wrap ul li .h_number strong, .rnd_time_wrap ul li .h_number em {line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;margin:0;padding:0;display:inline-block;vertical-align:top;} .rnd_time_wrap ul li .h_number strong {} .rnd_time_wrap ul li .h_number em {} .rnd_time_wrap ul li p {font-size:15px;line-height:25px;font-weight:300;color:#fff;letter-spacing:-0.9px; margin-top:3px;} .rnd_develop_wrap {margin:56px auto 0;padding:0;position:relative;z-index:1;} .rnd_develop_wrap .rnd_logo {width:172px;text-align:center;position:absolute;left:50%;top: calc(50% + 9px);transform:translate(-50%, -50%);z-index:3;} .rnd_develop_wrap .rnd_logo img {vertical-align:top; width:auto; height:14.5px;} .rnd_develop_wrap .rnd_logo span {font-size:13px;line-height:22px;margin:3px auto 0;font-weight:300;color:#fff;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:block;} .rnd_develop_wrap .rnd_bg {margin:0 auto;padding:28px 0 21px;background:url(../img/da_image/bg_rnd_develop.png) no-repeat 50% 50%;height:257.5px;box-sizing:border-box;position:relative;z-index:1; background-size:auto 100%;} .rnd_develop_wrap ul {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100%;width:100%;z-index:2;} .rnd_develop_wrap ul > li {position:absolute;display:inline-block;vertical-align:top;margin:0;padding:0;} .rnd_develop_wrap ul > li:nth-of-type(1) {right: calc(50% + 25px);top:-18px;} .rnd_develop_wrap ul > li:nth-of-type(2) {left: calc(50% + 25px);top:-18px;} .rnd_develop_wrap ul > li:nth-of-type(3) {right: calc(50% + 99px);top: calc(50% - 1px);transform:translateY(-50%);} .rnd_develop_wrap ul > li:nth-of-type(4) {left: calc(50% + 99px);top: calc(50% - 1px);transform:translateY(-50%);} .rnd_develop_wrap ul > li:nth-of-type(5) {right: calc(50% + 22px);bottom:-20px;} .rnd_develop_wrap ul > li:nth-of-type(6) {left: calc(50% + 33px);bottom:-20px;} .rnd_develop_wrap ul > li .thumb {margin:0 20px;width:50px;height:50px;border-radius:100%;position:relative;z-index:1;} .rnd_develop_wrap ul > li .thumb img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .rnd_develop_wrap ul > li:nth-child(1) .thumb img {width:auto; height:23px;} .rnd_develop_wrap ul > li:nth-child(2) .thumb img {width:auto; height:25px;} .rnd_develop_wrap ul > li:nth-child(3) .thumb img {width:auto; height:24px;} .rnd_develop_wrap ul > li:nth-child(4) .thumb img {width:auto; height:23px;} .rnd_develop_wrap ul > li:nth-child(5) .thumb img {width:auto; height:27px;} .rnd_develop_wrap ul > li:nth-child(6) .thumb img {width:auto; height:20.5px;} .rnd_develop_wrap ul > li dl {} .rnd_develop_wrap ul > li dl dt, .rnd_develop_wrap ul > li dl dd {margin:0;padding:0;vertical-align:top;} .rnd_develop_wrap ul > li dl dt {font-size:24px;line-height:27px;letter-spacing:-0.7px;margin-top:9px;font-weight:500;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .rnd_develop_wrap ul > li dl dd {font-size:16px;line-height:22px;letter-spacing:-0.8px;margin-top:13px;font-weight:400;color:#666;} .rnd_develop_wrap ul > li:nth-of-type(odd) {} .rnd_develop_wrap ul > li:nth-of-type(odd) .thumb {float:right;} .rnd_develop_wrap ul > li:nth-of-type(odd) dl {text-align:right;float:left;} .rnd_develop_wrap ul > li:nth-of-type(even) {} .rnd_develop_wrap ul > li:nth-of-type(even) .thumb {float:left;} .rnd_develop_wrap ul > li:nth-of-type(even) dl {text-align:left;float:right;} .rnd_develop_wrap ul > li:nth-of-type(1) .thumb, .rnd_develop_wrap ul > li:nth-of-type(4) .thumb, .rnd_develop_wrap ul > li:nth-of-type(5) .thumb {background:#171b2c;} .rnd_develop_wrap ul > li:nth-of-type(2) .thumb, .rnd_develop_wrap ul > li:nth-of-type(3) .thumb, .rnd_develop_wrap ul > li:nth-of-type(6) .thumb {background:#1e3a37;} .rnd_develop_wrap ul > li:nth-of-type(1) dt, .rnd_develop_wrap ul > li:nth-of-type(4) dt, .rnd_develop_wrap ul > li:nth-of-type(5) dt {color:#093040;} .rnd_develop_wrap ul > li:nth-of-type(2) dt, .rnd_develop_wrap ul > li:nth-of-type(3) dt, .rnd_develop_wrap ul > li:nth-of-type(6) dt {color:#1e3a37;} .rnd_develop_info{} .rnd_develop_info > ul{margin-top:55px;} .rnd_develop_info > ul li{display:flex; align-items:center; justify-content:flex-start} .rnd_develop_info > ul li > div{font-size:0;} .rnd_develop_info > ul li .thumb{display:inline-block; width:70px; height:70px; border-radius:100%; background:#171b2c; text-align:center; line-height:70px; position:relative; margin-right:15px;} .rnd_develop_info > ul li + li{margin-top:15px;} .rnd_develop_info > ul li:nth-child(even) .thumb{background:#1e3a37;} .rnd_develop_info > ul li .thumb img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .rnd_develop_info > ul li:nth-child(1) .thumb img{width:auto; height:31.5px;} .rnd_develop_info > ul li:nth-child(2) .thumb img{width:auto; height:33.5px;} .rnd_develop_info > ul li:nth-child(3) .thumb img{width:auto; height:31.5px;} .rnd_develop_info > ul li:nth-child(4) .thumb img{width:auto; height:32.5px;} .rnd_develop_info > ul li:nth-child(5) .thumb img{width:auto; height:37.5px;} .rnd_develop_info > ul li:nth-child(6) .thumb img{width:auto; height:27.5px;} .rnd_develop_info > ul li dl{width:100%;} .rnd_develop_info > ul li dl dt{font-size:20px; font-weight:500; font-family:'Roboto'; color:#171b2c; border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px; width:calc(100% - 10px);} .rnd_develop_info > ul li:nth-child(even) dl dt{color:#1e3a37;} .rnd_develop_info > ul li dl dd{font-size:15px; font-weight:400; color:#666; letter-spacing:-0.75px;} .rnd_sec02 {padding-top:68px;padding-bottom:80px;background:#f4f5f7 url(../img/da_image/bg_rnd_sec02.jpg) no-repeat 50% 0;background-size:cover;} .rnd_sec02 .w_custom {text-align:left;max-width:1200px; padding-right:0;} .rnd_sec02 .rnd_title, .rnd_sec02 .rnd_discription {padding-left:0;} .rnd_inno_list {padding-top:38px;font-size:0;vertical-align:top;} .rnd_inno_list .rnd_inno_list_li {height:320px;box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;z-index:1;background-repeat:no-repeat !important;background-size:cover;background-position:50% 50% !important;transition:all 0.3s;} .rnd_inno_list .rnd_inno_list_li:nth-of-type(1) {background-image:url(../img/da_image/bg_rnd_inno01.jpg);} .rnd_inno_list .rnd_inno_list_li:nth-of-type(2) {background-image:url(../img/da_image/bg_rnd_inno02.jpg);} .rnd_inno_list .rnd_inno_list_li:nth-of-type(3) {background-image:url(../img/da_image/bg_rnd_inno03.jpg);} .rnd_inno_list .rnd_inno_list_li:nth-of-type(4) {background-image:url(../img/da_image/bg_rnd_inno04.jpg);} .rnd_inno_list .rnd_inno_list_li:before {display:none;} .rnd_inno_list .rnd_inno_list_li:hover:before {display:none;} .rnd_inno_list .rnd_inno_list_li > a {position:absolute;left:0;top:0;display:block;height:100%;width:100%;z-index:3;} .rnd_inno_list .rnd_inno_list_li.slick-slide{margin-right:15px; box-sizing:border-box;} .rnd_inno_list .rnd_inno_list_li .inno_cont {box-sizing:border-box;width:100%;padding:42px 0 0 20px;left:0;bottom:auto;top:0;position:absolute;z-index:2;transition:all .5s ease;} .rnd_inno_list .rnd_inno_list_li .inno_cont.off {opacity:1;transform:translateY(-27px);} .rnd_inno_list .rnd_inno_list_li .inno_cont.hov {opacity:1;transform:translateY(0px);bottom:auto;top:50px;} .rnd_inno_list .rnd_inno_list_li:nth-of-type(2) .inno_cont {padding-bottom:31px;} .rnd_inno_list .rnd_inno_list_li .thumb {width:21.5px; height:31.5px;vertical-align:top;display:block; margin-bottom:15px;} .rnd_inno_list .rnd_inno_list_li:nth-child(3) .thumb {width:31.5px;} .rnd_inno_list .rnd_inno_list_li:nth-child(4) .thumb {width:23.5px;} .rnd_inno_list .rnd_inno_list_li .thumb img {vertical-align:top; width:100%;} .rnd_inno_list .rnd_inno_list_li dl {} .rnd_inno_list .rnd_inno_list_li dl dt, .rnd_inno_list .rnd_inno_list_li dl dd {text-align:left;color:#fff;transition:all .5s ease;} .rnd_inno_list .rnd_inno_list_li dl dt {font-size:18px;line-height:24px;letter-spacing: -0.9px;font-weight:500;} .rnd_inno_list .rnd_inno_list_li dl dd {font-size:15px;line-height:21.5px;letter-spacing:-0.8px;font-weight:300;opacity:0.8;}/*height:0;overflow:hidden;*/ /*.rnd_inno_list > li:hover dl dd {height:auto;overflow:inherit;}*/ .rnd_inno_list .rnd_inno_list_li dl dd p {padding:11px 0 44px;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;vertical-align:top;margin:0;} .rnd_inno_list .rnd_inno_list_li dl dd p span {font-size:15px;line-height:26px;letter-spacing:-0.7px;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;margin:0;padding:0;} .rnd_inno_list .rnd_inno_list_li dl dd .btn_mores {height:27px;line-height:26px;padding:0 26px 1px 0;font-size:13px;letter-spacing:-0.7px;font-weight:300;color:#fff;display:inline-block;vertical-align:top;margin:0 auto 0 0;position:relative;z-index:1;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif; text-transform:uppercase;} .rnd_inno_list .rnd_inno_list_li dl dd .btn_mores:before{display:none;} .rnd_inno_list .rnd_inno_list_li dl dd .btn_mores:after {background:url('../img/da_image/btn_mores_arrow.png') no-repeat center center; left:auto;bottom:auto;width:18.5px;height:18px;position:absolute;display:inline-block;content:""; background-size:100%; margin-top:4px; margin-left:7.5px;} .rnd_inno_list .slick-dots {bottom:-20px;transform:translateX(-50%);text-align:center;left:50%;position:absolute;z-index:3;margin:0 auto;padding:0;font-size:0;} .rnd_inno_list .slick-dots li, .recommend_wrap .slick-dots button {font-size:0;margin:0;padding:0;border:0;outline:0;display:inline-block;vertical-align:top;opacity:1;transition:all 0.3s;} .rnd_inno_list .slick-dots li {width:6px;height:6px;line-height:6px;position:relative;z-index:1;} .rnd_inno_list .slick-dots li + li {margin-left:10px;} .rnd_inno_list .slick-dots li button {width:6px;height:6px;border-radius:100%;background:#ccc;opacity:0.8;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.65, 0.65); border:0; padding:0; } .rnd_inno_list .slick-dots li.slick-active {} .rnd_inno_list .slick-dots li.slick-active button {transform:translate(-50%, -50%) scale(1, 1);background:#333;opacity:1;} .rnd_sec03 {padding-top:68px;;text-align:center;position:relative;z-index:1;} .rnd_sec03 .w_custom {max-width:1200px; padding-left:0; padding-right:0;} .rnd_sec03 .rnd_title > .title_sm + .title_lg {margin-top:17px; font-size:29px; letter-spacing:-0.8px;} .rnd_sec03 .txt_opacity {transform:translate(-1098px, 0) rotate(90deg);top:445px;font-size:100px;letter-spacing:4px;font-weight:400;color:#ddd;font-style:italic;font-family: 'Italianno', cursive;opacity:0.5;position:absolute;left:50%;} .rnd_sec03 ol {font-size:0;vertical-align:top;margin:0 auto;padding:0;} .rnd_sec03 ol > li {width:100%;counter-increment:rnd-number;text-align:left;display:block;vertical-align:top;margin:0;padding:0;box-sizing:border-box;} .rnd_sec03 ol > li:nth-of-type(2), .rnd_sec03 ol > li:nth-of-type(3) {width:100%;display:inline-block;} .rnd_sec03 ol > li:nth-of-type(1), .rnd_sec03 ol > li:nth-of-type(5) {text-align:right;} .rnd_sec03 ol > li:nth-of-type(1) {margin-top:35px;margin-bottom:42px;padding-right:0;height:auto;} .rnd_sec03 ol > li:nth-of-type(2) {float:right;padding-left:0;padding-top:0;margin-right:0;width:100%; margin-bottom:45px;} .rnd_sec03 ol > li:nth-of-type(3){text-align:right;margin-bottom: 47px;} .rnd_sec03 ol > li:nth-of-type(4) {margin-top:0;margin-bottom:45px;padding-left:0;height:auto;} .rnd_sec03 ol > li:nth-of-type(5){margin-bottom:47px;} .rnd_sec03 ol > li:nth-of-type(6) {margin-top:0;} .rnd_sec03 ol > li:nth-of-type(3):before, .rnd_sec03 ol > li:nth-of-type(6):before{display:none;} .rnd_sec03 ol > li .thumb {display:inline-block;vertical-align:top;font-size:0;position:relative;z-index:2;} .rnd_sec03 ol > li .thumb:before {display:none;} .rnd_sec03 ol > li .thumb img {vertical-align:top; width:100%;} .rnd_sec03 ol > li dl {display:inline-block;vertical-align:top;position:relative;padding-top:18px;padding-right: 10px; width:285px;} .rnd_sec03 ol > li dl dt, .rnd_sec03 ol > li dl dd {margin:0;padding:0;vertical-align:top; display:block; text-align:left;} .rnd_sec03 ol > li dl dt {position:relative; font-size:16px;line-height:23px;font-weight:400;color:#222;letter-spacing:-1px;} .rnd_sec03 ol > li dl dt:before {margin:0 auto 27px 0;content:'0' counter(rnd-number);font-size:25px;line-height:1em;letter-spacing:-1px;font-weight:300;font-style:italic;color:#27282c;display:block;font-family:'Trirong','Jeju Myeongjo',serif;padding:0;vertical-align:top; position:absolute; top:0; left:-40px;} .rnd_sec03 ol > li dl dd {margin-top:5px;font-size:15px;line-height:23px;letter-spacing:-0.8px;font-weight:300;color:#666;} .rnd_sec03 ol > li dl dd .list_check {padding-top:11px;} .rnd_sec03 ol > li dl dd .list_check li {line-height:30px;color:#444; font-size:14px; line-height:25px; padding-left:20px;} .rnd_sec03 ol > li dl dd .list_check li:before{top:8px; left:3px;} .rnd_sec03 ol > li:nth-of-type(1) dl {margin-left:auto; width:285px; padding-top:18px;} .rnd_sec03 ol > li:nth-of-type(2) dl{float:right;} .rnd_sec03 ol > li:nth-of-type(4) dl {float:right; padding-top:18px;} .rnd_sec03 ol > li:nth-of-type(5) dl {padding-top:18px; padding-right:10px;} .rnd_sec03 ol > li:nth-of-type(6) dl {float:right; padding-top:18px; padding-right:10px;} .rnd_sec03 ol > li:nth-of-type(1) .thumb {position:relative;left:auto;right:0;padding-left: 40px;} .rnd_sec03 ol > li:nth-of-type(2) .thumb {margin-top:0;padding-right: 55px;} .rnd_sec03 ol > li:nth-of-type(3) .thumb {margin-bottom:0;padding-left: 40px;} .rnd_sec03 ol > li:nth-of-type(4) .thumb {position:relative;right:auto;padding-right: 55px;} .rnd_sec03 ol > li:nth-of-type(5) .thumb{padding-left:40px;} .rnd_sec03 ol > li:nth-of-type(6) .thumb{padding-right:55px;} .rnd_inno_list > li:nth-of-type(2)[data-aos].aos-animate {transition-delay:0.2s;} .rnd_inno_list > li:nth-of-type(3)[data-aos].aos-animate {transition-delay:0.3s;} .rnd_inno_list > li:nth-of-type(4)[data-aos].aos-animate {transition-delay:0.4s;} .rnd_sec04 {padding-top:0; margin-bottom:45px;} .rnd_sec04 .rnd_ingredients_bnr {background:url('../img/da_image/rnd_ingredients_bg.jpg') no-repeat center;position:relative;width:100%;height: 0;padding-bottom: 46.67%;background-size:100%;} .rnd_sec04 .rnd_ingredients_bnr span {position:absolute;display:block;width: 100%;font-size: 30px;line-height:1;font-weight:400;color:#fff;letter-spacing:0;font-family:'Trirong';text-align:right;font-style:italic;bottom: -5px;right: 2px;} .rnd_sec04 .ingredients_ul {text-align:center;padding-top:40px; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap;} .rnd_sec04 .ingredients_ul li {display:inline-block;vertical-align:top;width: 50%;float:none;} .rnd_sec04 .ingredients_ul li + li{margin-left:0;} .rnd_sec04 .ingredients_ul li:nth-child(n+3) {margin-top:30px;} .rnd_sec04 .ingredients_ul li .icon_box {width: 100px;height: 100px;border:1px solid #ddd;background:#fff;border-radius:100%;padding: 10px;margin: 0 auto;box-sizing:border-box;} .rnd_sec04 .ingredients_ul li .icon_box span {display:block;width:100%;height:100%;border-radius:100%;} .rnd_sec04 .ingredients_ul li:nth-child(1) .icon_box span {background:#f9f9f9 url('../img/da_image/rnd_icon01.png') no-repeat center;background-size: auto 44px;} .rnd_sec04 .ingredients_ul li:nth-child(2) .icon_box span {background: #f9f9f9 url('../img/da_image/rnd_icon02.png') no-repeat center right 48%;background-size: auto 45px;} .rnd_sec04 .ingredients_ul li:nth-child(3) .icon_box span {background:#f9f9f9 url('../img/da_image/rnd_icon03.png') no-repeat center;background-size: auto 40px;} .rnd_sec04 .ingredients_ul li:nth-child(4) .icon_box span {background:#f9f9f9 url('../img/da_image/rnd_icon04.png') no-repeat center;background-size: auto 45px;} .rnd_sec04 .ingredients_ul li .txt_box {} .rnd_sec04 .ingredients_ul li .txt_box strong {display:block;font-size: 16px;line-height: 1.38;font-weight:400;color:#333;letter-spacing:-0.05em;padding: 16px 0 10px;} .rnd_sec04 .ingredients_ul li .txt_box p {font-size: 13px;line-height: 1.46;font-weight:400;color:#888888;letter-spacing:-0.05em;} .com_pro_contact{width:100%;box-sizing:border-box;border-top:12px solid #eee;} @media only screen and (max-width:1920px) { .rnd_sec01, .rnd_sec02 {background-size:cover;} } @media only screen and (max-width:360px) { .rnd_time_wrap ul li p{font-size:14px;} .rnd_time_wrap ul li .h_number{font-size:23px;} .rnd_title > .title_lg{font-size:25px;} .rnd_title > .title_tag{font-size:17px;} .rnd_title > .title_sm + .title_tag + .title_lg{font-size:27px; line-height:115%;} .rnd_discription{font-size:14px;} .rnd_develop_info > ul li dl dd{font-size:14px;} .rnd_sec03 ol > li dl{width:265px;} .rnd_sec03 ol > li dl dt{font-size:15px;} .rnd_sec03 ol > li dl dd{font-size:14px;} .rnd_sec03 .rnd_title > .title_sm + .title_lg{font-size:27px;} } @media only screen and (max-width:320px) { .rnd_time_wrap ul li .h_number{font-size:21px;} .rnd_title > .title_lg{font-size:23px; line-height:28px;} .rnd_title > .title_sm + .title_tag + .title_lg{font-size:25px;} .rnd_discription{font-size:13px;} .rnd_sec01{height:1250px;} .rnd_develop_wrap .rnd_bg{height:200px;} .rnd_develop_wrap ul > li:nth-of-type(1){right:calc(50% + 30px); top:-30px;} .rnd_develop_wrap ul > li:nth-of-type(2){left:calc(50% + 30px); top:-30px;} .rnd_develop_wrap ul > li:nth-of-type(5){right:calc(50% + 34px); bottom:-30px;} .rnd_develop_wrap ul > li:nth-of-type(6){left:calc(50% + 34px); bottom:-30px;} .rnd_develop_wrap ul > li .thumb{margin:0;} .rnd_develop_info > ul li .thumb{width:60px; height:60px;} .rnd_develop_info > ul li dl dt{font-size:17px;} .rnd_develop_info > ul li dl dd{font-size:13px;} .rnd_inno_list .rnd_inno_list_li .inno_cont{padding:40px 10px 0 10px;} .rnd_inno_list .rnd_inno_list_li dl dt{font-size:16px;} .rnd_inno_list .rnd_inno_list_li dl dd{font-size:14px;} .rnd_sec03 .rnd_title > .title_sm + .title_lg{font-size:25px;} .rnd_sec03 ol > li:nth-of-type(1) .thumb, .rnd_sec03 ol > li:nth-of-type(3) .thumb, .rnd_sec03 ol > li:nth-of-type(5) .thumb{padding-left:30px;} .rnd_sec03 ol > li:nth-of-type(4) .thumb, .rnd_sec03 ol > li:nth-of-type(6) .thumb{padding-right:45px;} .rnd_sec03 ol > li dl{width:235px;} .rnd_sec03 ol > li dl dt{font-size:14px;} .rnd_sec03 ol > li dl dt:before{font-size:23px; left:-35px;} .rnd_sec03 ol > li dl dd{font-size:13px; letter-spacing:-1px;} .rnd_sec03 ol > li dl dd .list_check li{font-size:13px;} } /*** 웰킨의 경쟁력 - 매출력 ***/ /* m 일반 */ .sales_chart_wrap {background:url(../img/franchise/bg-fran-sale-01.jpg) no-repeat 50% 0;background-size:cover;padding: 49px 0 47px;} .sales_chart_wrap h3 {font-size: 25px;font-weight:400;line-height:1;color:#333;font-family: 'Jeju Myeongjo', serif;vertical-align:top;letter-spacing: -0.2px;} .sales_chart_wrap h3 strong {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .sales_chart_wrap h3 strong:before {left:-4px;width: calc(100% + 8px);height:8px;bottom:-1px;background:#8f7c62;opacity:0.2;position:absolute;display:inline-block;content:"";z-index:-1;} .sales_chart_cont {width: 100%;margin: 51px auto 0;position:relative;z-index:1;box-sizing:border-box;} .sales_chart_cont:before {position:absolute;left:50%;top: -30px;height: 60px;width:1px;background:#000;display:inline-block;content:"";z-index:2;} .sales_chart_cont .sales_chart_box {padding: 40px 20px 47px;width:100%;position:relative;z-index:1;background:#fff;box-sizing:border-box; box-shadow: 0 0 16px 0 rgba(0,0,0,0.21);} .sales_chart_cont .sales_chart_box:after {clear:both;content:"";display:block;} .sales_chart_cont .sales_chart_box .thumb {width: 100%;padding-bottom:42px;float:left;position:relative;z-index:1;} .sales_chart_cont .sales_chart_box .thumb .cont{width: 100%;background: url(../img/franchise/bg-fran-sales-chart.png) no-repeat 0px 10px;background-size: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: flex-start;margin-top: 46px;} .sales_chart_cont .sales_chart_box .thumb .cont .cont_exp{position:absolute;right: 0;bottom: -8px;line-height: 15px;font-size: 11px;font-weight:400;letter-spacing:-0.7px;text-align:center;color:#888;} .sales_chart_cont .sales_chart_box .thumb .cont > ul{position:relative;display:flex;align-items:flex-end;justify-content: flex-start;height: 153px;width: 100%;border-left:1px solid #ccc;border-bottom:1px solid #aaa;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li{margin-left: 22px;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li + li{margin-left: 22px;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dl{text-align:center;margin-bottom: -21px;width: 42px;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dt{font-size: 14px;line-height:1;letter-spacing: -0.4px;text-align:center;color:#555;font-family:'Jomolhari', serif;width: calc(100% + 20px);margin-left:-10px;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dt strong{font-size: 17px;line-height:1;font-weight:400;color:#275a4e;} /* 그래프 */ .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd.graph{position:relative;width:100%;height:1px;background:#888;margin: 9px auto 7px;animation: graph_ani 1.0s linear;animation-delay:0.2s;animation-direction:alternate;animation-fill-mode: forwards;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd.graph.color{background-image: linear-gradient(to top, #161c2c, #275b4e);} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd.graph.up_429{height:1px;animation: graph_ani1 1.0s linear;animation-delay:0.2s;animation-direction:alternate;animation-fill-mode: forwards;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd.graph.up_246{height:1px;animation: graph_ani2 1.0s linear;animation-delay:0.2s;animation-direction:alternate;animation-fill-mode: forwards;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd.graph.up_241{height:1px;animation: graph_ani3 1.0s linear;animation-delay:0.2s;animation-direction:alternate;animation-fill-mode: forwards;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd{font-size: 13px;line-height:1;letter-spacing:-0.8px;color:#666;font-weight:400;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dd strong{color:#333;font-weight:500;} .sales_chart_cont .sales_chart_box .txt {width: 100%;float: none;text-align:left;} .sales_chart_cont .sales_chart_box .txt h4 {font-size: 30px;line-height: 145%;font-weight:400;color:#333;font-style:italic;font-family: 'Trirong', serif;} .sales_chart_cont .sales_chart_box .txt p {padding: 4px 0 28px;font-size: 15px;line-height: 21px;font-weight:300;color:#444;letter-spacing: -1px;vertical-align:top;} .sales_chart_cont .sales_chart_box .txt p strong {font-size:inherit;line-height:inherit;font-weight:500;color:inherit;letter-spacing:inherit;display:inline-block;position:relative;z-index:1;vertical-align:top;} .sales_chart_cont .sales_chart_box .txt p strong:before {width:100%;height:1px;background:#444;bottom: 1px;left:0;display:inline-block;content:"";position:absolute;z-index:-1;} .sales_chart_cont .sales_chart_box .txt .btn_self_go {width: 180px;font-size: 16px;font-weight: 400;letter-spacing:-0.9px;color:#333;height: 50px;line-height: 48px;} .sales_chart_cont > p {padding:15px 0 0;font-size: 14px;line-height: 20px;font-weight:300;color:#888;letter-spacing: -0.9px;text-align:left;} @keyframes graph_ani{ 0% { height:1px;} 100% { height:52px;} } @keyframes graph_ani1{ 0% { height:1px;} 100% { height:136px;} } @keyframes graph_ani2{ 0% { height:1px;} 100% { height:75px;} } @keyframes graph_ani3{ 0% { height:1px;} 100% { height:70px;} } .sales_service_wrap {padding: 50px 0 50px;position:relative;z-index:1;} .sales_service_cont {width:100%;margin:0 auto;} .sales_service_cont h3 {padding: 0 0 29px;} .sales_service_cont h3 span {font-size: 18px;letter-spacing:-1.2px;line-height:1;color:#333;font-weight:300;display:block;vertical-align:top;} .sales_service_cont h3 strong {margin-top: 12px;font-size: 25px;letter-spacing: -1.5px;line-height: 32px;font-weight:500;color:#333;display:inline-block;vertical-align:top;} .sales_service_cont h3 strong b {font-size:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;font-weight:500;display:inline-block;vertical-align:top;position:relative;z-index:1;} .sales_service_cont h3 strong b:before {left: -3px;bottom: 0px;height: 8px;opacity:0.2;background:#8f7c62;width: calc(100% + 6px);position:absolute;display:inline-block;content:"";z-index:-1;} .service_link_cont {padding: 0;border: 1px #333 solid;box-sizing:border-box;text-align:left;position:relative;z-index:1;border-radius: 7.5px 7.5px 0 0;overflow: hidden;} .service_link_cont .link_tit{height: 50px;display: flex;align-items: center;justify-content: center;background: #333;} .service_link_cont .link_tit h4{font-size: 20px;font-weight: 400;color: #fff;letter-spacing: -1px;border-bottom: 1px solid #fff;line-height: 24px;} .service_link_cont > ul{position:relative; padding: 20px 10px;background: #f9f9f9;} .service_link_cont > ul:before{position:absolute; content:''; width: 20px; height: 2px; background: #888; top: 50%; left:50%; margin-left: -10px; margin-top: -1px;} .service_link_cont > ul:after{position:absolute; content:''; width: 2px; height: 20px; background: #888; top: 50%; left:50%; margin-left: -1px; margin-top: -10px;} .service_link_cont > ul > li{ box-shadow: 0px 2.5px 5px 0 rgba(0, 0, 0, 0.3);border-radius: 5px;} .service_link_cont .inr{} .service_link_cont .tit_wrap{background: #275b4e;text-align: center;padding: 11px 20px;border-radius: 5px 5px 0 0;} .service_link_cont .tit_wrap dt{font-size: 13px;font-weight: 300;color: #fff;letter-spacing: -1px;border-bottom: 1px solid rgba(221,211,211,0.2);padding-bottom: 10px;margin-bottom: 6px;} .service_link_cont .tit_wrap dt span{font-size:0;display: inline-flex;margin-left: 7px;} .service_link_cont .tit_wrap dt span img{max-width: 100%;} .service_link_cont .tit_wrap dd{font-size: 18px;;font-weight: 400;color: #fff;letter-spacing: -1px;} .service_link_cont .cont_wrap{padding: 20px 20px;display: flex;justify-content: flex-start;align-items: center;} .service_link_cont .cont_wrap dt{width: 120px;margin-right: 20px;font-size: 0;} .service_link_cont .cont_wrap dt img{max-width:100%;} .service_link_cont .cont_wrap dd{width: calc(100% - 140px);} .service_link_cont .cont_wrap dd ul{} .service_link_cont .cont_wrap dd ul li{position: relative; font-size: 15px;font-weight: 300;line-height: 20px;letter-spacing: -1px;padding-left: 8px;} .service_link_cont .cont_wrap dd ul li + li{margin-top: 9px;} .service_link_cont .cont_wrap dd ul li:before{position:absolute; content:''; width:3px; height:3px; border-radius:100%; background:#777; top: 8px; left:0;} .service_link_cont .cont_wrap dd ul li strong{position:relative; font-size:inherit; font-weight:inherit; color:inherit; z-index:1;} .service_link_cont .cont_wrap dd ul li strong:before{position:absolute; content:''; width: calc(100% + 2px); height:6px; background:#275b4e; opacity:0.15; z-index:-1; left: -1px; bottom:0;} .service_link_cont .cont_wrap dd .btn_self_go.btn_go{margin-top: 13px;} .service_link_cont .cont_wrap dd .btn_self_go.btn_go span{background: url('../img/franchise/icon-arrow-grey.png') no-repeat 100% 52%; background-size: 4px auto; padding: 0 12px 0 0; display: inline-block; width: auto; margin: 0 auto} .service_link_cont > ul > li + li { margin-top: 45px;} .service_link_cont > ul > li + li .tit_wrap{background: #212448;} .service_link_cont > ul > li + li .cont_wrap dd ul li strong:before{background: #212448;} .sales_service_cont .service_desc {margin:28px auto 0;width: 100%;position:relative;z-index:1;} .sales_service_cont .service_desc:before, .sales_service_cont .service_desc:after {width: 18px;height: 66.5px;background:url(../img/franchise/bg-fran-sale-bracket.png) no-repeat 0 0;background-size: 100%;position:absolute;display:inline-block;content:"";top:3px;} .sales_service_cont .service_desc:before {left:0;} .sales_service_cont .service_desc:after {right:0;transform: rotate(180deg);} .sales_service_cont .service_desc p {font-size: 15px;letter-spacing:-1px;line-height: 22px;font-weight:300;color:#555;} .sales_service_cont .service_desc p strong {font-size:inherit;letter-spacing:inherit;line-height:inherit;font-weight:500;color:#333;display:inline-block;} .sales_step_wrap {background:#f2f1ee;position:relative;z-index:2;padding: 47px 0 44px;text-align:center;} .sales_step_wrap:before {width:1px;height: 60px;background:#000;top: -30px;left:50%;position:absolute;display:inline-block;content:"";z-index:2;} .sales_step_wrap h3 {font-size:0;padding: 0 0 35px;} .sales_step_wrap h3 strong {font-size: 18px;font-weight:300;letter-spacing:-1.2px;line-height: 25px;display:block;margin: 0 auto 17px;} .sales_step_wrap h3 span {vertical-align:top;width: 250px;display: block;margin: 0 auto;} .sales_step_wrap h3 span img {vertical-align:top;max-width: 100%;} .sales_step_cont {width: 100%;margin:0 auto;text-align:center;} .sales_step_cont .step_boxer {background: #fff;opacity:0.8;width:100%;border-radius: 10px;padding: 20px 15px 20px 10px;box-shadow: 3.25px 5.65px 28.5px 0 rgba(0,0,0,0.21);box-sizing: border-box;} .sales_step_cont .step_boxer ol {position:relative;counter-reset:salesnum;vertical-align:top;font-size:0;} .sales_step_cont .step_boxer ol:before{position:absolute; content:''; width: 82%; height:1px; background:#ddd; top: 45%; left:50%;transform: translateX(-50%);} .sales_step_cont .step_boxer li {padding: 0;counter-increment:salesnum;position:relative;z-index:1;display:inline-block;vertical-align:top;width: calc(25% - 21px);} .sales_step_cont .step_boxer li:nth-of-type(3) {padding: 0;} .sales_step_cont .step_boxer li + li {margin-left: 28px;} .sales_step_cont .step_boxer li:before, .sales_step_cont .step_boxer li + li:before {left:50%; margin-left:-3px; top: 41.5%;width:6px;height:6px;background:#aaa;content:"";position:absolute; border-radius:100%;transform: none;} .sales_step_cont .step_boxer li p {font-size: 14px;font-weight: 400;letter-spacing:-0.9px;line-height: 20px;padding-left: 0;color: #333;display:inline-block;vertical-align:middle;position:relative;z-index:1;width: calc(100% + 20px);margin-left: -10px;} .sales_step_cont .step_boxer li p:before {content:'step ' counter(salesnum);width: 55px;border-radius:29px;font-size: 13px;font-weight:400;height: 22px;line-height: 22px;left:0;top: 0;transform: none;border: 0;color: #fff;font-family: 'Trirong', serif;text-align:center;display:inline-block;vertical-align:middle;box-sizing:border-box;font-style:italic;position: relative;display: block;background: #818891;margin: 0 auto 30px;letter-spacing: 0;} .sales_step_cont .step_boxer li:nth-of-type(3) p {} .sales_step_cont .step_boxer li p strong {font-size: 14px;line-height: 20px;color: #333;display:inline-block;font-weight: bold;} .sales_step_cont .step_thumb {padding: 0;} .sales_step_cont .step_thumb ul {font-size:0;vertical-align:top;text-align: left;margin-bottom: 35px;} .sales_step_cont .step_thumb li {vertical-align:top;display: flex;justify-content: flex-start;align-items: center;} .sales_step_cont .step_thumb li + li {margin-left: 0;margin-top: 15px;} .sales_step_cont .step_thumb li .thumb {width: 155px;position:relative;z-index:1;} .sales_step_cont .step_thumb li .thumb img {position:relative;z-index:2;max-width: 100%;} .sales_step_cont .step_thumb li .thumb:before {width:100%;height:100%;border-radius:100%;background:#fff;position:absolute;left: -5px;top: 5px;z-index:-1;display:inline-block;content:"";} .sales_step_cont .step_thumb li .txt {text-align: left;padding-left: 20px;} .sales_step_cont .step_thumb li .txt h4 {position:relative;font-size: 19px;letter-spacing:-1.2px;font-weight:500;line-height:1;margin-top: 0;color: #333;padding-bottom: 12px;margin-bottom: 11px; display:inline-flex;} .sales_step_cont .step_thumb li .txt h4:before{position:absolute; content:''; width:calc(100% + 36px); height:1px; background:#ccc; left:-32px; bottom:0;z-index: 3;} .sales_step_cont .step_thumb li .txt p {font-size: 16px;letter-spacing:-0.72px;font-weight:300;line-height:23px;margin-top: 0;color: #666;} .sales_step_cont .step_thumb li:nth-child(odd){padding-left: 5px;} .sales_step_cont .step_thumb li:nth-child(even){flex-direction: row-reverse;margin-right: 5px;} .sales_step_cont .step_thumb li:nth-child(even) .txt{text-align:right;padding-left: 0;padding-right: 20px;} .sales_step_cont .step_thumb li:nth-child(even) .txt h4:before{left:auto; right:-32px;} .sales_step_cont .step_thumb li:nth-child(even) .thumb:before{left:auto; right:-5px;} .sales_step_cont .step_desc {text-align:center;position:relative;z-index:1;padding: 16px 0 0;width: 100%;margin: 27px auto 0;} .sales_step_cont .step_desc:before, .sales_step_cont .step_desc:after {width: 32px;height: 26px;background:url(../img/franchise/bg-fran-sale-qutes.png) no-repeat 0 0;background-size: 100%;top:0;position:absolute;display:inline-block;content:"";} .sales_step_cont .step_desc:before {left: 15px;} .sales_step_cont .step_desc:after {right: 15px;transform: rotate(180deg);} .sales_step_cont .step_desc p {font-size: 18px;line-height: 25px;letter-spacing:-1.2px;color:#333;font-weight:500;} .sales_step_cont .step_desc p strong {font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;font-weight:400;display:inline-block;position:relative;z-index:1;} .sales_step_cont .step_desc p strong:before {width:100%;height:7px;left:0;bottom:1px;opacity:0.6;background:#cbc5bb;display:inline-block;content:"";position:absolute;z-index:-1;} @media only screen and (max-width:355px) { .sales_chart_cont > p br{display:none;} } @media only screen and (max-width:340px) { .sales_chart_wrap h3, .sales_service_cont h3 strong{font-size:21px;} .sales_chart_cont .sales_chart_box .txt h4{font-size:25px;} .sales_chart_cont .sales_chart_box .thumb .cont > ul > li dl{width:32px;} .sales_service_cont h3 span{font-size:16px;} .service_link_cont .cont_wrap{padding:20px 15px;} .service_link_cont .cont_wrap dt{margin-right:15px;width: 110px;} .service_link_cont .cont_wrap dd{width: calc(100% - 125px);} .service_link_cont .cont_wrap dd .btn_self_go.btn_go{margin-top:9px;} .sales_service_cont .service_desc p{font-size:13.5px; line-height:145%;} .sales_step_wrap h3 strong{font-size:17px;} .sales_step_wrap h3 span{width:180px;} .sales_step_cont .step_thumb li .thumb{width:140px} .sales_step_cont .step_thumb li .txt{padding-left:15px; width:calc(100% - 155px);} .sales_step_cont .step_thumb li:nth-child(even) .txt{padding-right:15px;} .sales_step_cont .step_thumb li .txt h4{font-size:17px; margin-bottom:5px; padding-bottom:10px;} .sales_step_cont .step_thumb li .txt p{font-size:15px;} .sales_step_cont .step_boxer li + li{margin-left:25px;} .sales_step_cont .step_boxer li p, .sales_step_cont .step_boxer li p strong{font-size:12px;} .sales_step_cont .step_desc p{font-size:17px;} } /*** 웰킨의 경쟁력 - 인테리어 ***/ /* m 일반 */ .comperirive_interior .board_zone_tit h2{position:relative;margin-top: 42px;} .comperirive_interior .board_zone_tit h2:before{position:absolute; content:'Wellkin’s Interior'; font-size:25px; color:rgba(0,0,0,0.2); font-style: italic; font-family: 'Trirong', serif; left:50%; top: 4px; transform:translateX(-50%);letter-spacing: 0;width: 100%;} .comperirive_interior .board_zone_tit p{line-height:22px;} .comp_interior_cont {position:relative; padding: 83px 0 48px;border-bottom: 12px solid #eee;} .comp_interior_cont .cont_exp{position:absolute; top:26px;right:15px;border-radius:5px; background:#555;} .comp_interior_cont .cont_exp p{position:relative;font-size: 13px; letter-spacing: -0.5px; text-align: center; color: #fff; padding: 7.5px 8px 5.5px;} .comp_interior_cont .cont_exp p:before{display:inline-flex; align-items:center; vertical-align:middle; content:''; width:14.5px; height:21.5px; background:url('../img/franchise/comp_interior_cont_exp_icon.png') no-repeat center center; background-size:100%;margin-right: 8px;position: relative;top: -2px;} .comp_interior_cont .cont_exp p:after{position:absolute; content:''; width:9.5px; height:9px; background:url('../img/franchise/comp_interior_cont_exp_icon02.png') no-repeat center center; background-size:100%; left: 11px; bottom: -9px;} .comp_interior_cont .interior_slider {width: calc(100% + 15px);margin:0 auto;font-size:0;vertical-align:top; margin-right:-15px;} .comp_interior_cont .interior_slider ul:after {clear:both;content:"";display:block;} .comp_interior_cont .interior_slider .slick-track{/*padding-left:60px;*/} .comp_interior_cont .interior_slider .slick-list{overflow:visible;} .comp_interior_cont li {width: 100%;height: auto;float:none;position:relative;z-index:1;margin-top: 0;} .comp_interior_cont li.go_interior {cursor:pointer;display: inline-flex;align-items: flex-start;justify-content: flex-start; margin-right:15px;} .comp_interior_cont li.go_interior + li.go_interior{} .comp_interior_cont li + li {margin-left: 0;} .comp_interior_cont li.go_interior.interior_li_01 {margin-top:0;} .comp_interior_cont li.go_interior.interior_li_02 {margin-top:0;} .comp_interior_cont li.go_interior.interior_li_02 + li.interior_txt {margin-top:0;} .comp_interior_cont li.go_interior.interior_li_03 {clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior.interior_li_04 {} .comp_interior_cont li.go_interior.interior_li_05 {} .comp_interior_cont li.go_interior.interior_li_05 + li.interior_txt {clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior.interior_li_06 {} .comp_interior_cont li.go_interior.interior_li_07 {} .comp_interior_cont li.go_interior.interior_li_08 {width:785px;clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior.interior_li_09 {} .comp_interior_cont li.go_interior[rel="interior_01"] {margin-top:0;} .comp_interior_cont li.go_interior[rel="interior_02"] {margin-top:0;} .comp_interior_cont li.go_interior[rel="interior_02"] + li.interior_txt {margin-top:0;} .comp_interior_cont li.go_interior[rel="interior_03"] {clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior[rel="interior_04"] {} .comp_interior_cont li.go_interior[rel="interior_05"] {} .comp_interior_cont li.go_interior[rel="interior_05"] + li.interior_txt {clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior[rel="interior_06"] {} .comp_interior_cont li.go_interior[rel="interior_07"] {} .comp_interior_cont li.go_interior[rel="interior_08"] {width:785px;clear:both;float:none;margin-left:0;} .comp_interior_cont li.go_interior[rel="interior_09"] {} .comp_interior_cont li.go_interior .go_box {position: relative;left: 0;top: 0;transform: none;width:100%;height: auto;overflow:hidden;font-size: 0;} .comp_interior_cont li.go_interior .go_box img {position: relative;left:0;top:0;width:100%;height:auto;transform: scale(1, 1) translate(-0%, -0%);transition:all 0.3s;max-width: 100%;} .comp_interior_cont li.go_interior:hover .go_box img {transform: scale(1, 1) translate(-0%, -0%);} .comp_interior_cont li.interior_txt {} .comp_interior_cont li.go_interior[rel="interior_05"] + li.interior_txt .txt_cont {left:30px;} .comp_interior_cont li.interior_txt .txt_cont {position:absolute;top:50%;transform:translateY(-50%);width: calc(100% - 30px);left:0;text-align:left;vertical-align:top;font-size:0;} .comp_interior_cont li.interior_txt .txt_cont h3 {} .comp_interior_cont li.interior_txt .txt_cont h3 span, .comp_interior_cont li.interior_txt .txt_cont h3 strong {font-size:22px;display:block;margin:0;padding:0;} .comp_interior_cont li.interior_txt .txt_cont h3 span {line-height:0.73;letter-spacing:0;color: rgba(0, 0, 0, 0.4);font-weight:400;font-style:italic;font-family: 'Trirong', serif;} .comp_interior_cont li.interior_txt .txt_cont h3 strong {line-height:1;letter-spacing:-0.66px;color:#333;font-weight:500;margin-top:20px;} .comp_interior_cont li.interior_txt .txt_cont p {font-size:16px;line-height:26px;letter-spacing:-0.32px;color:#666;margin-top:35px;} .comp_interior_cont .slick-dots{display:flex; align-items:center; justify-content:center; margin-top:15px;} .comp_interior_cont .slick-dots li{width:auto; height:auto;} .comp_interior_cont .slick-dots li + li{margin-left:10px;} .comp_interior_cont .slick-dots li button{width:4px; height:4px; border-radius:100%; background:#ccc; opacity:0.8; font-size:0; margin:0; padding:0;} .comp_interior_cont .slick-dots li.slick-active button{background:#333; width:6px; height:6px;} /* 레이어 */ .layer_pop.layer_franchise {width:calc(100% - 30px); max-width:930px;text-align:center;} .layer_pop.layer_franchise .layer_pop_cont {padding: 0;position:relative;z-index:1;} .layer_pop.layer_franchise .layer_pop_cont .layer_closed {width: 15px;height: 15px;cursor:pointer;background:url(../img/franchise/btn-pop-closed.png) no-repeat 50% 50%;background-size: 100%;font-size:0;position:absolute;right: 10px;top: 10px;z-index: 3;} .layer_pop.layer_franchise .layer_pop_cont .layer_interior_cont {} .layer_interior_cont {position:relative;z-index:1;vertical-align:top;} .layer_interior_cont > img {vertical-align:top;position:relative;z-index:1; max-width:100%;} .layer_interior_cont .interior_ex {box-sizing:border-box;position:absolute;z-index:2;cursor:pointer;} .layer_interior_cont .interior_ex p {font-size: 14px;line-height: 20px;letter-spacing:-0.8px;font-weight:300;color:#666;padding: 6px 11.5px 8px;border-radius: 5px;box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.35);border:1px #275b4e solid;background:#fff;text-align:left;box-sizing:border-box;position:relative;z-index:2;opacity:1;transition:all 0.3s;width: max-content;} .layer_interior_cont .interior_ex p strong {margin: 0;font-size: 13px;line-height:inherit;letter-spacing:-0.9px;font-weight:500;color:#222;display:block;} .layer_interior_cont .interior_ex:before, .layer_interior_cont .interior_ex .ex_dot {display:inline-block;content:"";position:absolute;box-sizing:border-box;font-size:0;margin:0;padding:0;} .layer_interior_cont .interior_ex:before {z-index:-1;border-width:0;border-color:#000;border-style:solid;background:none;opacity:1;transition:all 0.3s;} .layer_interior_cont .interior_ex:hover p, .layer_interior_cont .interior_ex:hover:before {opacity:1;} .layer_interior_cont .interior_ex .ex_dot {z-index:1;width: 30px;height: 30px;border-radius:100%;opacity:1;animation: fadein 1.0s linear infinite;animation-delay:0.2s;animation-direction:alternate;animation-fill-mode: forwards;} .layer_interior_cont .interior_ex .ex_dot span {width: 30px;height: 30px;border-radius:100%;background:rgba(0, 0, 0, 0.3);position:relative;z-index:1;display:inline-block;vertical-align:top;margin:0;padding:0;} .layer_interior_cont .interior_ex .ex_dot span span {background:#275b4e;width: 5px;height: 5px;border-radius:100%;border: 1px #fff solid;display:inline-block;vertical-align:top;margin:0;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .layer_interior_cont .interior_info{background:#fff; padding: 14px 20px 16px;text-align: left;} .layer_interior_cont .interior_info dl{} .layer_interior_cont .interior_info dl + dl{border-top:1px solid #ddd;margin-top: 15px;padding-top: 15px;} .layer_interior_cont .interior_info dl dt{font-size: 16px; font-weight: 500; letter-spacing: -1.2px; color: #222;margin-bottom: 4px;} .layer_interior_cont .interior_info dl dd{font-size: 14px; font-weight: 300; line-height: 20px; letter-spacing: -1px; color: #666;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_01 {top: 25%;left: auto;right: 15.2%;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_01:before {left: calc(100% - 20px);top: -21px;width: 35px;height: 40px;border: 1px solid #000;border-top-width: 0;border-left-width: 0;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left: calc(100% - 1px);top: -36px;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_02 {top:231px;right:119px;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_02:before {left: calc(100% - 0px);top:-32px;width:19px;height:76px;border-bottom-width:1px;border-right-width:1px;} #interior_01 .layer_interior_cont .interior_ex.ex_pop_02 .ex_dot {left: calc(100% - 1px);top:-57px;animation-delay:1.0s;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_01 {top: 34.2%;;left: 35.7%;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_01:before {left: 50%;margin-left: -0.5px;top: -40px;width:1px;height: 40px;border-left-width:1px;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left: 50%;margin-left: -15px;top: -54px;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_02 {top: 18.4%;right: 15.8%;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_02:before {left:100%;top: 17px;width: 15px;height: 37px;border-top-width:1px;border-right-width:1px;} #interior_02 .layer_interior_cont .interior_ex.ex_pop_02 .ex_dot {left: calc(100% - 1px);top: calc(100% + 7px);animation-delay:1.0s;} #interior_03 .layer_interior_cont .interior_ex.ex_pop_01 {top: 26%;left: 35.5%;} #interior_03 .layer_interior_cont .interior_ex.ex_pop_01:before {left:100%;top: 17px;width: 15px;height: 43px;border-top-width:1px;border-right-width:1px;} #interior_03 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left: calc(100% + 0px);top: calc(100% + 9px);} #interior_04 .layer_interior_cont .interior_ex.ex_pop_01 {top: 51%;left: 21.5%;} #interior_04 .layer_interior_cont .interior_ex.ex_pop_01:before {left:50%;margin-left: 1px;top:100%;width:1px;height: 26px;border-left-width:1px;} #interior_04 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left: calc(50% - 14px);top: calc(100% + 10px);} #interior_05 .layer_interior_cont .interior_ex.ex_pop_01 {top:277px;left:151px;} #interior_05 .layer_interior_cont .interior_ex.ex_pop_01:before {left:211px;bottom:100%;width:80px;height:21px;border-top-width:1px;border-left-width:1px;} #interior_05 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left:100%;bottom: calc(100% + 1px);} #interior_06 .layer_interior_cont .interior_ex.ex_pop_01 {top: 38%;left: 16%;} #interior_06 .layer_interior_cont .interior_ex.ex_pop_01:before {left: 50px;bottom:100%;width: 55px;height: 19px;border-top-width:1px;border-left-width:1px;} #interior_06 .layer_interior_cont .interior_ex.ex_pop_01 .ex_dot {left: 90%;bottom: calc(100% + 4px);} @keyframes fadeIn{ 0% { opacity:0;} 100% { opacity:1;} } @media only screen and (max-width:340px) { .comperirive_interior .board_zone_tit h2:before{font-size:21px; top:10px;} .comp_interior_cont .cont_exp{top:-55px; right:-50px;} } /*** 지원시스템 - 매장지원 ***/ /* m 일반 */ .competitive_tab_container .tab_cont_support{width:100%;box-sizing:border-box;} .competitive_tab_container .tab_cont_support h3{font-size:25px;color:#333;font-weight:normal;font-family:'Jeju Myeongjo';margin-top:43px;} .competitive_tab_container .tab_cont_support h3 p{font-size:15px;color:#333;font-weight:300;line-height:22px;letter-spacing:-1px;font-family:'Noto Sans KR';} .open_support_step_box{width:100%;box-sizing:border-box;padding:0 15px;} .open_support_step {position:relative;z-index:2;width:100%;margin:50px auto 50px auto;box-sizing:border-box;text-align:Center;background:#fff;padding:50px 20px 50px 20px;box-shadow:6.5px 11.3px 57px 0 rgba(0, 0, 0, 0.21);} .open_support_step:before {height:60px;width:1px;background:#000;position:absolute;display:inline-block;left:50%;top:-30px;content:"";} .open_support_step dl{box-sizing:border-box;} .open_support_step dl dt{display: inline-block;box-sizing:border-box;font-size:17px;color:#fff;font-weight:400;letter-spacing:-1px;height:45px;line-height:42px;border-radius:22.5px;border:1px solid #275b4e;background:#275b4e;padding:0 20px;} .open_support_step dl dd{margin-top:28px;} .open_support_step dl dd ol{} .open_support_step dl dd ol li{text-align:left;box-sizing:border-box;position: relative;font-size:0;} .open_support_step dl dd ol li > div{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;} .open_support_step dl dd ol li .step{margin-left:32px;} .open_support_step dl dd ol li .step:before{width:6px;height:6px;content:"";background:#aaa;box-sizing:border-box;border-radius:100%;position: absolute;top:7px;right:-30.5px;z-index:2;} .open_support_step dl dd ol li .step span{display: inline-block;box-sizing:border-box;font-size:13px;color:#fff;font-family:'Trirong';font-style:italic;height:21px;line-height:19px;border-radius:10.5px;background:#a2b4b1;width:55px;text-align: center;} .open_support_step dl dd ol li .step_cont{padding-left:52.5px;padding-bottom:40px;} .open_support_step dl dd ol li:last-of-type .step_cont{padding-bottom:0;} .open_support_step dl dd ol li .step_cont:before{width:1px;height:100%;content:"";background:#ddd;position: absolute;left:27px;top:11px;} .open_support_step dl dd ol li:last-of-type .step_cont:before{display: none;} .open_support_step dl dd ol li .step_cont p{font-size:15px;color:#333;font-weight:500;letter-spacing:-1px;line-height:19px;} .open_support_step dl.open_buy{border-top:1px solid #ddd;padding-top:40px;margin-top:50px;} .open_support_step dl.open_buy dt{background:#1b253c;} .open_support_step dl.open_buy dd ol li .step span{background:#a6aebf;} @media only screen and (max-width:350px){ .open_support_step dl dd ol li .step{margin-left:20px;} } @media only screen and (max-width:335px){ .open_support_step dl dd ol li .step{margin-left:10px;} } @media only screen and (max-width:325px){ .open_support_step dl dd ol li .step_cont p{font-size:13px;} } .open_support_system {background:url('../img/franchise/bg-fran-system-wide.jpg') no-repeat 50% 0;background-size:cover;} .open_support_system .system_cont {padding:50px 15px 50px 15px;text-align:center;width:100%;margin:0 auto;box-sizing:border-box;} .open_support_system .system_cont > h4 {font-size:25px;line-height:1;font-weight:400;letter-spacing:0;color:#fff;font-family: 'Jeju Myeongjo', serif;} .open_support_system .system_cont > p {margin-top:8px;margin-bottom:21px;font-size:15px;letter-spacing:-1px;line-height:22px;font-weight:100;color:#fff;} .open_support_system .system_cont ol {position:relative;z-index:1;box-sizing:border-box;border:2px solid #eee;border-width:2px 0 2px 0;} .open_support_system .system_cont ol:after {clear:both;content:"";display:block;} .open_support_system .system_cont li {width:100%;text-align:center;position:relative;z-index:1;display:table;} .open_support_system .system_cont li + li{border-top:1px solid rgba(238,238,238,0.3);} .open_support_system .system_cont li > div{display: table-cell;vertical-align: middle;box-sizing:border-box;text-align: left;} .open_support_system .system_cont li .thumb {position:relative;z-index:1;width:33%;text-align: center;} .open_support_system .system_cont li .thumb img {transform:scale(0.5, 0.5);} .open_support_system .system_cont li .txt {padding:25px 0;} .open_support_system .system_cont li .txt .step{display: inline-block;box-sizing:border-box;font-size:13px;color:#fff;font-family:'Trirong';font-style:italic;height:21px;line-height:19px;border-radius:10.5px;background:#888;width:55px;text-align: center;} .open_support_system .system_cont li .txt p{font-size:18px;line-height:1;letter-spacing:-1.2px;color:#fff;font-weight:400;margin-top:18px;} @media only screen and (max-width:335px){ .open_support_system .system_cont > p{font-size:14px;} } .open_support_manage {position:relative;z-index:2;} .open_support_manage:before {position:absolute;left:50%;width:1px;height:60px;background:#000;top:-30px;z-index:1;display:inline-block;content:"";} .open_support_manage > p {padding:50px 0 22px;font-size:15px;line-height:22px;letter-spacing:-1px;color:#333;font-weight:300;text-align:center;} .open_support_manage dl {width:100%;margin:0 auto;text-align:Center;} .open_support_manage dt {background:#444;height:45px;border-radius:22.5px;line-height:42px;font-size:17px;letter-spacing:-0.7px;color:#fff;font-weight:400;position:relative;z-index:1;display: inline-block;box-sizing:border-box;padding:0 18.5px;} .open_support_manage dd {padding:25px 15px 0 15px;vertical-align:top;position:relative;z-index:1;width:100%;box-sizing:border-box;} .open_support_manage dd ul {width:100%;margin:0 auto;} .open_support_manage dd ul:after {clear:both;content:"";display:block;} .open_support_manage dd li {width: calc(33.3333% - 10px);float:left;position:relative;z-index:1;margin:0 0 15px 15px;} .open_support_manage dd li:nth-of-type(3n+1){margin-left:0;clear:both;float: left;} .open_support_manage dd li:nth-of-type(even):after {background:#1b253c;} .open_support_manage dd li .manage_box {border:1px #275b4e solid;border-radius:10px;padding:6px;box-sizing:border-box;width:100%;} .open_support_manage dd li:nth-of-type(even) .manage_box {border:1px #1b253c solid;} .open_support_manage dd li .manage_box .txt {width:100%;height:0;padding:0;padding-top:100%;border-radius:10px;box-shadow: 4.5px 7.8px 5px -4px rgba(0, 0, 0, 0.1);background-color:#f5f5f5;position:relative;z-index:1;} .open_support_manage dd li .manage_box .txt p {font-size:16px;letter-spacing:-0.9px;color:#333;line-height:20px;font-weight:400;position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%, -50%);} .open_support_monitor {position:relative;z-index:1;margin:35px 0 0;box-sizing:border-box;border-top:12px solid #eee;} .open_support_monitor .open_monitor_cont {position:relative;z-index:2;width:100%;margin:0 auto;box-sizing:border-box;padding:0 15px;padding-bottom:50px;} .open_support_monitor .open_monitor_cont:before{width:100%;height:41.6%;content:"";background:#f4f1ee;position: absolute;bottom:0;left:0;} .open_support_monitor .open_monitor_cont:after {clear:both;content:"";display:block;} .open_support_monitor .open_monitor_cont .txt {padding-top:49px;text-align:left;position:relative;z-index:2;} .open_support_monitor .open_monitor_cont .txt .franchise_eng_title {font-size:35px;line-height:1;font-weight:400;font-style:normal;color:rgba(221, 221, 221, 0.8);letter-spacing:0;font-family: 'Italianno', cursive;display:inline-block;} .open_support_monitor .open_monitor_cont .txt h4 {margin-top:20px;font-size:25px;line-height:1;font-weight:400;letter-spacing:-2px;font-family: 'Jeju Myeongjo', serif;color:#333;vertical-align:Top;} .open_support_monitor .open_monitor_cont .txt h4 strong {font-size:inherit;line-height:inherit;font-weight:inherit;font-family:inherit;color:inherit;vertical-align:top;position:relative;z-index:1;display:inline-block;} .open_support_monitor .open_monitor_cont .txt h4 strong:before {width: calc(100% + 6px);left:-3px;bottom:0px;height:8.5px;background:#8f7c62;opacity:0.2;position:absolute;display:inline-block;content:"";z-index:-1;} .open_support_monitor .open_monitor_cont .thumb{width:100%;box-sizing:border-box;box-shadow:6.5px 5.3px 27px 0 rgba(0, 0, 0, 0.21);margin-top:24px;background:#fff;font-size:0;position:relative;z-index:2;} .open_support_monitor .open_monitor_cont .thumb img {width:100%;} .open_support_monitor .open_monitor_cont .thumb p{font-size:16px;color:#555;font-weight:300;letter-spacing:-1px;line-height:25px;text-align:left;padding:21px 20px 20px;} @media only screen and (max-width:335px){ .open_support_monitor .open_monitor_cont .thumb p{font-size:15px;} } /*** 지원시스템 - 교육 ***/ .support_inquiry{} .support_inquiry .sce01{padding-bottom:50px;} .support_inquiry .sce01 .support_cont{position: relative;z-index:2;} .support_inquiry .sce01 .support_cont > ul{width:100%;box-sizing:border-box;padding:0 15px;font-size:0;margin-top:26px;} .support_inquiry .sce01 .support_cont > ul li{border-radius:10px 10px 0 0; overflow:hidden;width:calc(50% - 7.5px);box-sizing:border-box;display: inline-block;box-shadow:0 0px 26px rgba(0,0,0,0.21);vertical-align: top;} .support_inquiry .sce01 .support_cont > ul li + li {margin-left:15px;margin-top:20px;} .support_inquiry .sce01 > ul li dl{} .support_inquiry .sce01 .support_cont > ul li dt{position:relative; width:100%;height:50px;background:#275b4e;display:flex; align-items:center; justify-content:center; font-size:16px; font-weight: 500; letter-spacing: -1px; text-align: center; color: #fff;} .support_inquiry .sce01 .support_cont > ul li:last-child dt{background:#1b253c;} .support_inquiry .sce01 .support_cont > ul li dd{font-size:0;} .support_inquiry .sce01 .support_cont > ul li dd img{width:100%;} @media only screen and (max-width:355px){ .support_tit p{font-size:14px;} } @media only screen and (max-width:330px){ .support_tit p{font-size:13px;} .support_inquiry .sce01 .support_cont > ul li dt{font-size:14px;} } .support_inquiry .sce02{background:url('../img/franchise/bg-fran-edu-grey.jpg') no-repeat left top;background-size:cover;padding:50px 0;} .support_inquiry .sce02 .support_tit{padding:0;} .support_inquiry .sce02 .support_tit span{padding-left:15px;} .support_inquiry .sce02 .system{width:100%;box-sizing:border-box;padding:0 15px;} .support_inquiry .sce02 .system .step01{} .support_inquiry .sce02 .system .step01 > ul{margin-top:31px;} .support_inquiry .sce02 .system .step01 > ul li{} .support_inquiry .sce02 .system .step01 > ul li dl{text-align:left;font-size:0;} .support_inquiry .sce02 .system .step01 > ul li dt, .support_inquiry .sce02 .system .step01 > ul li dd{display: inline-block;box-sizing:border-box;vertical-align:top;} .support_inquiry .sce02 .system .step01 > ul li dt{font-size:0;width:24px;} .support_inquiry .sce02 .system .step01 > ul li dt img{width:100%;padding-top:10px;} .support_inquiry .sce02 .system .step01 > ul li dd{position:relative;font-size:15px;letter-spacing: -1.2px;color: #333;z-index:1;line-height:35px;margin-left:7px;} .support_inquiry .sce02 .system .step01 > ul li dd:before{position:absolute;content:'';width:100%;height:7px;background:#eeeae1;z-index:-1;left:0;bottom:8px;} .support_inquiry .sce02 .system .step02{position:relative;width:225px;height:225px;background:url('../img/franchise/bg-fran-edu-circle.png') no-repeat center center;background-size:100% auto;display:flex;align-items:center;justify-content:center;margin:49px auto 0 auto;} .support_inquiry .sce02 .system .step02 .tit{position:relative;font-size:20px;font-weight: 500;letter-spacing: -1.5px;text-align: center;color: #333;display:inline-flex;margin-bottom:0;} .support_inquiry .sce02 .system .step02 .tit:before{position:absolute;content:'';width: 101%;height:1px;background:#000;left: 1px;bottom:3px;} .support_inquiry .sce02 .system .step02 > ul{} .support_inquiry .sce02 .system .step02 > ul li{position:absolute;width:95px;height:95px;background:#fff;border-radius:100%;box-shadow: 3px 5.2px 10px 0 rgba(0, 0, 0, 0.3);padding-top:11px;box-sizing: border-box;} .support_inquiry .sce02 .system .step02 > ul li:before{position:absolute;content:'';width:110px;height:110px;border:1px dashed rgba(0,0,0,0.5);border-radius:100%;top: 50%;left:50%;transform:translate(-50%, -50%);} .support_inquiry .sce02 .system .step02 > ul li dl{text-align:center;} .support_inquiry .sce02 .system .step02 > ul li dt{font-size:0;margin-bottom:7px;} .support_inquiry .sce02 .system .step02 > ul li:nth-child(1) dt img{height:31px;} .support_inquiry .sce02 .system .step02 > ul li:nth-child(2) dt img{height:29px;} .support_inquiry .sce02 .system .step02 > ul li:nth-child(3) dt img{height:27px;} .support_inquiry .sce02 .system .step02 > ul li dd{font-size: 13px; font-weight:500; line-height:16px; letter-spacing: -0.8px; color: #333;} /* 포지션 */ .support_inquiry .sce02 .system .step02 > ul li:nth-child(1){top: -38px;left: 50%;transform: translateX(-50%);} .support_inquiry .sce02 .system .step02 > ul li:nth-child(2){right: -22px;bottom:0;padding-top:15px;} .support_inquiry .sce02 .system .step02 > ul li:nth-child(3){left: -24px;bottom:0;padding-top:14px;} .support_inquiry .market_chart{height:auto;background:none;width:100%;box-sizing:border-box;padding:0 15px;} .support_inquiry .market_chart:after{display:none;} .support_inquiry .market_chart .chart_01:before{display: none;} .support_inquiry .market_chart .chart_01 .cont + .cont{margin-top:61px;} .support_inquiry .market_chart .chart_01 .cont + .cont:before{width:100%;height:1px;content:"";background:#ddd;position: absolute;left:0;top:-34px;} .support_inquiry .market_chart .chart_01 .cont > ul > li dl{margin-bottom: -26px;} .support_inquiry .market_chart .chart_01 .cont:first-child > ul > li:nth-child(2) dl{margin-bottom: -44px;} .support_inquiry .market_chart .chart_01 .cont > ul > li dd{line-height:18px;width:calc(100% + 30px);margin-left:-15px;} .support_inquiry .market_chart .chart_01 .cont > ul > li dd.graph{width:100%;margin-left: 0;} .support_inquiry .market_chart .chart_01 .cont:first-child > ul > li dd.graph .info{right:-83px; z-index:5;margin-top:0;top:14px;} .support_inquiry .market_chart .chart_01 p{font-size:15px; font-weight: 300; letter-spacing: -0.9px; color: #555; margin-top:5px;line-height:21px;} .support_inquiry .market_chart .chart_01 .cont > ul > li.noti{color:#333;font-weight:500;bottom:-25px;} .support_inquiry .market_chart .chart_01 .cont_exp{display: block;line-height:25px;} .support_inquiry .market_chart .chart_01 .cont_exp:before{display: none;} .support_inquiry .market_chart .chart_01 .cont_exp p{display: inline-block;box-sizing:border-box;position: relative;margin:0;font-size:17px;color:#333;font-weight:500;} .support_inquiry .market_chart .chart_01 .cont_exp p span{display: inline-block;box-sizing:border-box;position: relative;} .support_inquiry .market_chart .chart_01 .cont_exp p span:before{position: absolute;content: '';width:100%;height: 7px;background: #275b4e;opacity: 0.15;left: 0;bottom:0px;} .support_inquiry .market_chart .chart_01 .cont_exp strong{display: inline-block;font-weight:700;color:#275b4e;} /* 그래프 */ .support_inquiry .market_chart .chart_01.on .cont > ul > li dd.graph.dn_89{height:65px;} .support_inquiry .market_chart .chart_01.on .cont > ul > li dd.graph.dn_100{height:70px;} .support_inquiry .market_chart .chart_01.on .cont > ul > li dd.graph.up_170{height:126px;} .support_inquiry .market_chart .chart_01.on .cont > ul > li dd.graph.up_180{height:126px;} .support_inquiry .sec03{padding-bottom:40px;border-bottom:12px solid #eee;} .support_inquiry .sec03 .curriculum{width:100%;box-sizing:border-box;padding:0 15px;} .support_inquiry .sec03 .curriculum > ul{background: #f5f5f5;margin-top: 40px;border-radius:5px;padding:20px 15px 25px 20px;} .support_inquiry .sec03 .curriculum > ul li{width:100%;} .support_inquiry .sec03 .curriculum > ul li:nth-child(2){margin:-22px 0 -22px 47px;} .support_inquiry .sec03 .curriculum > ul li dl{text-align:left;font-size:0;} .support_inquiry .sec03 .curriculum > ul li dt, .support_inquiry .sec03 .curriculum > ul li dd{display:inline-block;box-sizing:border-box;vertical-align: middle;} .support_inquiry .sec03 .curriculum > ul li dt{font-size:0;} .support_inquiry .sec03 .curriculum > ul li dt img{width:125px;} .support_inquiry .sec03 .curriculum > ul li dd{ font-size:14px;line-height:19px; letter-spacing: -0.9px; color: #333;margin-left:12px;} .support_inquiry .sec03 .curi_exp{position:relative;margin-top:30px;box-sizing:border-box;padding:0 15px;} .support_inquiry .sec03 .exp_cont{position:relative; text-align:left;box-sizing:border-box;margin-left:27px;} .support_inquiry .sec03 .exp_cont + .exp_cont{margin-top:21px;padding-top:25px;position:relative;} .support_inquiry .sec03 .exp_cont + .exp_cont:before {content:'';display:block;position:absolute;width:calc(100% + 27px);height:1px;border-top:1px dashed #ddd;top:0;left:-27px;} .support_inquiry .sec03 .exp_cont h4{font-size:20px;font-weight: 500;line-height: 1;letter-spacing: -1.5px;color: #333;position: relative; z-index:1;display: inline-block;box-sizing:border-box;} .support_inquiry .sec03 .exp_cont h4:before{position:absolute; content:''; width:16px;height:16px;background:url('../img/franchise/icon-fran-diagonals.png') no-repeat center center;top:3px;left:-27px;background-size:auto 100%;} .support_inquiry .sec03 .exp_cont h4:after{position:absolute; content:''; width:calc(100% + 4px); height:7px; background:#eeeae1; left:-2px; bottom:-3px; z-index:-1;} .support_inquiry .sec03 .exp_cont p{font-size:15px;font-weight:300;line-height:22px;letter-spacing: -0.8px;color:#666;} .support_inquiry .sec03 .exp_cont p strong{font-size:15px;font-weight:400;line-height:22px;letter-spacing: -0.8px;color: #333;display: block;margin:13px 0 6px;} .support_inquiry .sec03 .exp_cont > ul{margin-top: 17px;} .support_inquiry .sec03 .exp_cont > ul:after{clear:both;content:"";display: block;} .support_inquiry .sec03 .exp_cont > ul li{position:relative;font-size:15px;line-height:30px;letter-spacing:-0.9px;color: #333;padding-left:9px;float: left;width:45%;display: inline-block;box-sizing:border-box;} .support_inquiry .sec03 .exp_cont > ul li:nth-of-type(2n+1){clear:both;float: left;} .support_inquiry .sec03 .exp_cont > ul li:before{position:absolute; content:''; width:3px;height:3px;background:#333; border-radius:100%; top:15px; left:0;} @media only screen and (max-width:373px){ .support_inquiry .sec03 .exp_cont p{font-size:14px;} } @media only screen and (max-width:370px){ .support_inquiry .sec03 .curriculum > ul li dd{font-size:13px;} } @media only screen and (max-width:360px){ .support_inquiry .sec03 .curriculum > ul li dt img{width:110px;} } @media only screen and (max-width:350px){ .support_inquiry .sec03 .curriculum > ul{padding:20px 10px 25px 15px;} .support_inquiry .sec03 .exp_cont p{font-size:13px;} } @media only screen and (max-width:335px){ .support_inquiry .sec03 .curriculum > ul li dt img{width:100px;} .support_inquiry .sec03 .curriculum > ul li dd{font-size:12px;} .support_inquiry .sec03 .exp_cont h4{font-size:18px;} .support_inquiry .sec03 .exp_cont p{font-size:12px;line-height:20px;} .support_inquiry .sec03 .exp_cont p strong{font-size:14px;} } /*** 지원시스템 - 마케팅 ***/ /* m 일반 */ h4.franchise_sec_title {text-align:left;} h4.franchise_sec_title span, h4.franchise_sec_title strong {margin:0;padding:0;display:inline-block;vertical-align:top;} h4.franchise_sec_title span {font-size: 15px;letter-spacing: -1px;line-height:1;color:#333;display:block;font-weight:400;} h4.franchise_sec_title strong {font-size: 25px;letter-spacing:0;line-height:1;color:#222;font-weight:400;font-style:italic;font-family: 'Trirong', serif;} h4.franchise_sec_title span + strong {position:relative;z-index:1;padding-top: 13px;margin-top: 16px;} h4.franchise_sec_title span + strong:before {width: 141%;left: -15px;top:0;height:1px;background:#222;position:absolute;display:inline-block;content:"";} .supp_propose01 {} .supp_propose01 .support_tit {} .supp_propose01 .franchise_eng_title {left: calc(50% + 271px);top:220px;font-size:80px;line-height:1;font-weight:400;color: rgba(136, 136, 136, 0.15);white-space:nowrap;position:absolute;display:inline-block;margin:0;padding:0;font-family: 'Italianno', cursive;z-index:1;} #wrap .competitive_tab_container .content .board_zone_tit .franchise_eng_title {right:0;} #wrap .competitive_tab_container .content .board_zone_tit .franchise_eng_title.eng_title_support4 {right:50%;} .supp_circle_wrap {border:1px #ddd solid;box-sizing:border-box;padding: 0;margin-top: 25px;position:relative;z-index:1;background:#fff;} .supp_circle_wrap .clear {display: flex;justify-content: center;align-items: flex-start;padding: 25px 0 24px;} .supp_circle_wrap li {width: calc(50% - 5px);text-align: center;float: none;box-sizing:border-box;position:relative;z-index:1;} .supp_circle_wrap li + li {width: calc(50% - 5px);float: none;text-align: center;margin-left: 10px;} .supp_circle_wrap li + li:before {width:20px;height:20px;left: -9%;top: 36%;background:url('../img/franchise/icon-fran-marketing-plus.png') no-repeat 0 0; background-size:100%; position:absolute;display:inline-block;content:"";} .supp_circle_wrap li dl {text-align:center;} .supp_circle_wrap li dl:after {clear:both;content:"";display:block;} .supp_circle_wrap li dt {width: 100%;height: auto;padding-top: 41px;float: none;box-sizing:border-box;position:relative;z-index:2;} .supp_circle_wrap li dt:after {width: 134px;height: 134px;background: url(../img/franchise/bg-fran-marketing-circle-01.png) no-repeat center center;background-size: 100%;display:inline-block;content:"";z-index:-1;position:absolute;left: 50%;top:0;transform: translateX(-50%);} .supp_circle_wrap li + li dt {float: none;padding-top: 29px;} .supp_circle_wrap li + li dt:after {background:url(../img/franchise/bg-fran-marketing-circle-02.png) no-repeat 0 0;background-size: 100%;} .supp_circle_wrap li dt strong {font-size: 18px;font-weight:500;letter-spacing:-1.3px;color:#333;line-height: 21px;display:inline-block;position:relative;z-index:1;margin: 0 auto;} .supp_circle_wrap li dt strong:before {width: calc(100% + 2px);left: -1px;height: 6px;bottom: 1px;opacity:0.2;background:#8f7c62;position:absolute;display:inline-block;content:"";z-index:-1;} .supp_circle_wrap li dt img {max-width: 100%; height:11px;margin-top: 7px;} .supp_circle_wrap li dd {/* padding-top: 38.4%; */padding-top: 64px;float: none;position:relative;z-index:1;text-align: center;width: fit-content;margin: 0 auto;} .supp_circle_wrap li + li dd {float: none;/* padding-top: 33%; */padding-top: 55px;} .supp_circle_wrap li dd p {font-size: 14px;line-height: 19px;font-weight:400;letter-spacing:-0.8px;color:#444;text-align: center;padding: 10.5px 14px 12px;width: auto;border-radius: 5px;border:1px #000 solid;box-sizing:border-box;position:relative;z-index:1;} .supp_circle_wrap li dd p:before, .supp_circle_wrap li dd p:after {left: 50%;content:"";display:inline-block;position:absolute;z-index:-1;background:#000;top: 0;} .supp_circle_wrap li + li dd p:before, .supp_circle_wrap li + li dd p:after {right: 50%;left:auto;margin-right: -0.5px;} .supp_circle_wrap li dd p:before {width: 1px;height: 30px;top: -30px;margin-left: -0.5px;} .supp_circle_wrap li dd p:after {width:7px;height:7px;border-radius:100%;margin-top: -3.5px;margin-left: -3.5px;} .supp_circle_wrap li + li dd p:after {margin-left:0;margin-right: -3.5px;} .supp_circle_wrap li + li dd p {text-align: center;} .supp_circle_wrap li span {margin-right: 0;margin-top: 0;font-size: 15px;letter-spacing:-0.9px;font-weight:500;color:#333;padding: 0 20px;line-height: 18px;height: 45px;border-radius: 22.5px;text-align:center;background:#ddd;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;margin-bottom: 10px;} .supp_circle_wrap li + li span {margin-right:0;} .supp_propose02 {margin-top: 50px;position:relative;width:100%;padding-bottom: 35px; vertical-align:top;position:relative;z-index:2;display: flex;align-items: flex-start;justify-content: center;} .supp_propose02:before {left:0;bottom:0;width:100%;height: 130px;background:#f5f5f5;z-index:-1;position:absolute;display:inline-block;content:"";} .supp_propose02 > span{font-size:0;} .supp_propose02 > span img {display:inline-block;vertical-align:top; max-width:100%;} .supp_propose02 > span + span{margin-top: 44px;padding-right:15px;} .supp_propose03 {margin-top:38px;} .supp_propose03 .w_custom {} .supp_propose03 .support_tit {padding-top:12px;} .supp_marketing {padding: 30px 24px;margin: 27px auto 0;border:1px #ddd solid;width:100%;box-sizing:border-box;text-align:center;vertical-align:top;} .supp_marketing .marketing_tit {width: 290px;height: 160px;padding: 55px 0 0;box-sizing:border-box;background:url(../img/franchise/bg-fran-marketing-plus.png) no-repeat 50% 0;background-size: 100%;display:inline-block;vertical-align:top;} .supp_marketing .marketing_tit strong {width:45%;font-size: 18px;line-height: 23px;font-weight:500;letter-spacing:-0.84px;color:#26574d;display:inline-block;} .supp_marketing .marketing_tit strong + strong {color:#1c293d;} .supp_marketing .marketing_cont {margin-left: 0;padding-top: 23px;width: 100%;text-align: left;float: none;} .supp_marketing .marketing_cont + .marketing_cont {margin-left:0;width: 100%;text-align:left;float: none;border-top: 1px solid #ddd;margin-top: 20px;} .supp_marketing .marketing_cont dt {} .supp_marketing .marketing_cont dt span {margin: 0 0 7px;padding:0;font-size: 15px;line-height:1;color:rgba(38, 87, 77, 0.4);display:block;font-family: 'Trirong', serif;font-style:italic;} .supp_marketing .marketing_cont + .marketing_cont dt span {color: rgba(28, 41, 61, 0.4);} .supp_marketing .marketing_cont dt strong {font-size: 20px;font-weight:500;line-height:1;letter-spacing: -0.8px;color:#26574d;display:inline-block;position:relative;z-index:1;} .supp_marketing .marketing_cont dt strong:before {height: 6px;opacity:0.15;bottom: -1px;width: calc(100% + 2px);left: -1px;background:#26574d;display:inline-block;content:"";position:absolute;z-index:-1;} .supp_marketing .marketing_cont + .marketing_cont dt strong {color:#1c293d;} .supp_marketing .marketing_cont + .marketing_cont dt strong:before {background:#1c293d;} .supp_marketing .marketing_cont dd {padding-top: 8px;font-size: 14px;line-height: 20px;font-weight:300;letter-spacing:-0.9px;color:#555;} .supp_marketing .marketing_cont dd strong {font-weight:500;color:#333;} .supp_propose04 {position:relative;z-index:1;margin: 50px auto 0;} .supp_propose04:before {height: 250px;width: 100%;right: 0;top: 0;background:#fbfaf8;display:inline-block;content:"";position:absolute;z-index:-1;} .supp_propose04 .w_custom {} .supp_propose04 .txt {position:relative;z-index:2;width: 100%;box-sizing:border-box;padding: 0;margin-top: 33px;display:inline-block;float: none;} .supp_propose04 .txt:before {position:absolute;width: 1px;height: 60px;background:#000;right: 50%;margin-right: -0.5px;top: auto;bottom: -20px;display:inline-block;content:"";} .supp_propose04 .txt h3 {font-size: 20px;line-height: 28px;font-weight:300;color:#333;letter-spacing:-1.4px;position:relative;z-index:1;padding: 12px 0 55px;width: 100%;box-sizing:border-box;} .supp_propose04 .txt h3:before, .supp_propose04 .txt h3:after {width: 20px;height: 17px;background:url(../img/franchise/icon-fran-marketing-quotes.png) no-repeat 50% 50%;background-size: 100%;display:inline-block;content:"";position:absolute;top:0;} .supp_propose04 .txt h3:before {left: 33px;} .supp_propose04 .txt h3:after {right: 31px;transform:rotate(-180deg);} .supp_propose04 .txt h3 strong {font-size:inherit;font-weight:500;color:inherit;line-height:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .supp_propose04 .txt h3 strong:before {position:absolute;z-index:-1;left:-3px;width: calc(100% + 6px);height:11px;bottom:1px;opacity:0.2;background:#8f7c62;display:inline-block;content:"";} .supp_propose04 .thumb {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);background-color: #fff;width: calc(100% - 20px);margin: 0 auto;height: auto;padding: 0;box-sizing:border-box;text-align:center;position:relative;z-index:1;float: none;padding-top: 34px;padding-bottom: 25px;} .supp_propose04 .thumb .chart_circle {width: 100%;height: 160px;position:relative;z-index:1;background: url(../img/franchise/bg-fran-marketing-chart-01.png) no-repeat 41px 0;background-size: 205px auto;box-sizing:border-box;} .supp_propose04 .thumb .chart_circle strong, .supp_propose04 .thumb .chart_circle span {font-size: 16px;letter-spacing:-0.9px;font-weight:400;line-height: 20px;position:absolute;display:inline-block;margin:0;padding:0;vertical-align:top;text-align:Center;color:#222;} .supp_propose04 .thumb .chart_circle strong {font-weight:500;line-height: 20px;left: 8%;top: -2px;} .supp_propose04 .thumb .chart_circle strong b {font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;position:relative;z-index:1;} .supp_propose04 .thumb .chart_circle strong b:before {width: calc(100% + 0px);left: 0px;height: 6px;opacity:0.15;background:#26574d;bottom: 1px;z-index:-1;position:absolute;display:inline-block;content:"";} .supp_propose04 .thumb .chart_circle span {left: 68px;top: 84px;} .supp_propose04 .thumb .chart_circle span + span {left: 163px;top: 34px;} .supp_propose04 .thumb .chart_va {padding-left: 0;margin-left: auto;margin-right: 30px;height: 128px;width: 187px;box-sizing:border-box;margin-top: -66px;} .supp_propose04 .thumb .chart_va img {max-width: 100%;} .supp_propose05 {margin: 50px auto 49px;border-bottom: 12px solid #eee;padding-bottom: 50px;} .supp_propose05 h3 {width: 100%;height: 45px;padding: 13px 0;text-align:center;background:#333;border-radius: 7.5px 7.5px 0 0;color:#fff;margin:0 auto 0 0;box-sizing:border-box;} .supp_propose05 h3 strong {font-size: 16px;letter-spacing:-1.1px;line-height:1;font-weight: 400;color:inherit;position:relative;z-index:1;display:inline-block;} .supp_propose05 h3 strong:before {width:100%;height:1px;background:#fff;left:0;bottom: -2px;display:inline-block;content:"";position:absolute;} .supp_propose05 .table_wrap_box{box-shadow: 0px 1px 15px 0 rgba(0,0,0,0.2);} .propose_table_wrap {padding: 20px 10px;background:#f9f9f9;box-sizing:border-box;text-align:center;position: relative;} .propose_compare {width: 40px;height: 40px;padding: 0;margin: 0;background:#1c293d;border-radius: 100%;display:inline-block;position: absolute;left: 50%;top: 50.5%;transform: translate(-50%, -50%);} .propose_compare span {font-size:16px;font-weight: 500;color: #fff;background: none;width: 100%;height: 100%;border-radius:100%;line-height:46px;box-sizing:border-box;display:inline-block;margin:0 auto;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .propose_compare ul {padding:28px 0 16px;} .propose_compare li {font-size:16px;font-weight:400;letter-spacing:-0.8px;line-height:1;color:#fff;} .propose_compare li + li {margin-top:34px;} .propose_table {float: none;width: 100%;padding:9px;padding-bottom: 17px;box-sizing:border-box;border-radius: 10px;background:#fff;box-shadow: 0 2.5px 5px 0 rgba(0,0,0,0.3);border: solid 2px #26574d;} .propose_table dl {} .propose_table .table_tit{font-size: 16px;font-weight: 500;letter-spacing: -1px;line-height:1;height: 40px;width:100%;padding: 0;border-radius: 10px;box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);background-color: #26574d;color:#fef9bd;box-sizing:border-box;display: flex;align-items: center;justify-content: center;margin-bottom: 11px;} .propose_table > dl{display:table;text-align: left;} .propose_table > dl + dl{margin-top: 9px;} .propose_table > dl dt, .propose_table > dl dd{display:table-cell;} .propose_table > dl dt{position:relative; font-size: 13px;font-weight: 400;background: none;color: #666;box-shadow: none;height: auto;padding: 0;width: 71px;padding-left: 12px;text-align: left;box-sizing: border-box;border-radius: 0;letter-spacing: -1px;} .propose_table > dl dt:before{position:absolute;content:''; width:3px; height:3px; background:#888; border-radius:100%; top: 9px; left: 4px;} .propose_table > dl dd{font-size: 14px;font-weight: 400;color: #333;letter-spacing: -1px;width: calc(100% - 71px);padding: 0 0 0 13px;} .propose_table + .propose_table{float: none;border:1px #ddd solid;box-shadow:0 0 0 0;margin-top: 20px;padding: 9px 9px 17px;} .propose_table + .propose_table .table_tit{font-size: 16px;background:#ddd;color:#333;box-shadow: none;} .propose_table + .propose_table > dl dt{padding: 0;padding-left: 12px;font-size: 13px;background: none;color: #666;font-weight: 400;box-shadow: none;} .propose_table + .propose_table > dl dd{color:#333;padding: 0 0 0 13px;font-size: 13px;letter-spacing: -0.8px;} .support_bbs_magazine {padding: 0 0 50px;margin: 0;position:relative;z-index:1;border-bottom: 12px solid #eee;} .support_bbs_magazine:before {width:36.5%;right: calc(50% + 320px);top:161px;height:1px;background:#222;position:absolute;display:inline-block;content:"";z-index:-1;display: none;} .support_bbs_magazine:after {left: calc(50% + 160px);width: calc(50% - 160px);top:0;height:100%;background:#f0efed;position:absolute;display:inline-block;content:"";z-index:-1;display: none;} .support_bbs_magazine .bbs_magazine_wrap {width: 100%;margin:0 auto;} .support_bbs_magazine .bbs_magazine_wrap h4.franchise_sec_title {} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg {margin: 0;width: 100%;padding: 28px 10px 0;position:relative;z-index:1;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-arrow {width: 35px;height: 35px;border-radius:100%;background-color:#fff;box-shadow:4px 6.9px 8px 0 rgba(0, 0, 0, 0.1);top: 28.5%;transform:translateY(-50%);background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:6px auto !important;font-size:0;padding:0;margin:0;position:absolute;z-index:5;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-prev.slick-arrow {left: -5px;background-image:url('../img/franchise/icon-fran-slide-prev.png');} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-next.slick-arrow {right: -5px;background-image:url('../img/franchise/icon-fran-slide-next.png');} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots {text-align:right;width:auto;height:8px;vertical-align:top;font-size:0;z-index:5;position:absolute;right:30px;top:0;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots > li {width:8px;height:8px;padding:2px;margin:0;display:inline-block;vertical-align:top;box-sizing:border-box;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots > li + li {margin-left:18px;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots > li button {width:4px;height:4px;border-radius:100%;background:#ccc;margin:0;padding:0;display:inline-block;vertical-align:top;transition:all 0.3s;font-size:0;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots > li.slick-active {padding:0;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slick-dots > li.slick-active button {width:8px;height:8px;background:#222;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut {} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut ul {font-size:0;vertical-align:top;text-align:right;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut ul:after {clear:both;content:"";display:block;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li {margin-left: 5px;width: calc(33.334% - 3.334px);height: auto;position:relative;z-index:1;display:inline-block;vertical-align:top;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li:nth-child(2), .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li:nth-child(5){margin-left:0;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li:nth-of-type(n + 5) {margin-top: 5px;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li img {width:100%;height:auto;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:6;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li.first_bbs {margin-left:0;width: 100%;height: 100%;float:left;margin-bottom: 15px;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li.first_bbs img {} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li.first_bbs .cont_box {padding: 17.5px 17px;background:rgba(0, 0, 0, 0.55);position:absolute;left:0;bottom:0;z-index:5;width:100%;box-sizing:border-box;text-align:left;} .support_bbs_magazine .bbs_magazine_wrap .bbs_slider_mg .slide_cut li.first_bbs .cont_box p {font-size: 15px;line-height:1;font-weight:400;color:#fff;text-overflow:ellipsis;overflow:hidden;height:1em;width:100%;white-space:nowrap;} @media only screen and (max-width:340px) { } /*** 지원시스템 - 위기대응 ***/ /* m 일반 */ #tab-4.tab_cont_support {background: #f5f5f5;background-size:100% auto;} #wrap #tab-4.tab_cont_support .content .board_zone_tit {padding-top:29px;} .react_txt_box {padding: 37px 0 42px;box-shadow: 0 6.5px 9px 0 rgba(0,0,0,0.3);background-color:#fff;width:100%;margin: 48px auto 0;position:relative;z-index:3;} .react_txt_box p {font-size: 15px;font-weight:300;line-height: 22px;letter-spacing: -0.2px;color:#333;vertical-align:top;} .react_txt_box p:before {position:absolute;left:50%;bottom: -35px;height: 60px;width:1px;background:#000;display:inline-block;content:"";} .react_txt_box p strong {font-weight:500;color:#222;display:inline-block;vertical-align:top;position:relative;z-index:1;} .react_txt_box p strong:before {width: calc(100% + 8px);left:-4px;height: 6px;bottom: 2px;opacity:0.4;background:#bebcac;position:absolute;display:inline-block;content:"";z-index:-1;} .react_list_wrap {padding: 54px 0 45px;width:100%;margin: 0 auto 0;} .react_list_wrap ol {counter-reset:react-step;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .react_list_wrap ol:after {clear:both;content:"";display:block;} .react_list_wrap ol li {width: calc(50% - 7.5px);height:0;padding:0;padding-top: calc(50% - 7.5px);float: none;counter-increment:react-step;text-align:center;position:relative;z-index:1;overflow:hidden; margin-bottom:15px;} .react_list_wrap ol li + li {margin-left: 15px;} .react_list_wrap ol li:nth-of-type(3n + 1) {clear:both;float: none;margin-left: 15px;} .react_list_wrap ol li:nth-of-type(n + 4) {margin-top: 0;} .react_list_wrap ol li:nth-child(odd){margin-left:0;} .react_list_wrap ol li .thumb {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;font-size:0;vertical-align:top;transform: scale(1, 1);transition:all 0.3s;} .react_list_wrap ol li:hover .thumb {transform: scale(1, 1);} .react_list_wrap ol li .thumb img {width:100%;height:auto;vertical-align:top; max-width:100%;} .react_list_wrap ol li .txt {font-size: 16px;line-height: 21px;letter-spacing:-1.1px;font-weight:300;color:#fff;width:100%;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%);} .react_list_wrap ol li .txt p {padding-top: 15px;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit;position:relative;z-index:1;} .react_list_wrap ol li .txt p:before {width: 17px;height: 1px;top:2px;display:inline-block;content:"";background:#fff;position:absolute;left:50%;transform: translateX(-50%);} .react_list_wrap ol li .txt:before {font-size: 16px;line-height:1;letter-spacing:0;font-weight:400;font-style:italic;color:#fff;content:'0' counter(react-step);display:inline-block;font-family: 'Trirong', serif;} @media only screen and (max-width:340px) { .react_txt_box p{font-size:14px;} .react_list_wrap ol li .txt{font-size:14px; line-height:145%;} .react_list_wrap ol li .txt p{padding-top:10px;} } /*** 개설절차 - 개설절차 ***/ .pro_step_box{background:#f5f5f5;text-align:center;width:100%;box-sizing:border-box;position: relative;padding:50px 15px;} .pro_step_wrap {position:relative;z-index:1;background:#fff;width:100%;box-sizing:border-box;border:1px solid #eee;box-shadow: 6.5px 5px 24px 0 rgba(0, 0, 0, 0.21);} .pro_step_wrap ol li {position:relative;z-index:1;box-sizing:border-box;} .pro_step_wrap ol li + li{border-top:1px solid #eee;} .pro_step_wrap ol li + li:before{width:30px;height:30px;content:"";background:#f5f5f5;box-sizing:border-box;border-radius:100%;position: absolute;left:50%;top:-15px;transform:translateX(-50%);} .pro_step_wrap ol li + li:after{width:4px;height:4px;content:"";border:1px solid #777;border-width:0 1px 1px 0;position: absolute;left:50%;top:-4px;transform:translateX(-50%) rotate(45deg);} .pro_step_wrap li .cont_box {position:relative;z-index:1;box-sizing:border-box;display:table;width:100%;} .pro_step_wrap li .cont_box > div{display: table-cell;vertical-align:middle;box-sizing:border-box;} .pro_step_wrap li .cont_box .thumb {margin:0 auto;position:relative;z-index:1;text-align:center;width:35%;vertical-align: top;padding-top:13px;} .pro_step_wrap li .cont_box .thumb img {transform:scale(0.5, 0.5);} .pro_step_wrap li .cont_box .txt {text-align:left;padding:25px 0 40px;} .pro_step_wrap li .cont_box .txt span{font-size:15px;color:#666;font-weight: normal;font-family:'Trirong';font-style:italic;} .pro_step_wrap li .cont_box .txt h4 {margin-top:4px;font-size:18px;line-height:29px;letter-spacing:-1.2px;font-weight:500;color:#222;} .pro_step_wrap ol li:last-of-type .cont_box .txt h4{color:#275b4e;} .pro_step_wrap li .cont_box .txt p {margin-top:11px;font-size:14px;line-height:20px;letter-spacing:-0.8px;font-weight:300;color:#555;font-family: 'Roboto','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} @media only screen and (max-width:350px){ .pro_step_wrap li .cont_box .txt span{font-size:13px;} .pro_step_wrap li .cont_box .txt h4{font-size:16px;} .pro_step_wrap li .cont_box .txt p{font-size:13px;} } /*** 개설절차 - 입점점포제안 ***/ /* pc 일반 */ @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── 웰킨 코스메틱 ───────────────────────────────────────────────────────────*/ /*** 증상별 추천제품 ***/ /* m 일반 */ .gd_all_map {padding-top: 36px;margin:0 auto;} .gd_sale_bnr a img{width:100%;} .gd_sale_bnr .txt .btn_review_more a {position:relative;} .gd_sale_bnr .txt .btn_review_more a:before {content:'';display:block;position:absolute;width:calc(100% - 26px);background:#555;height:1px;bottom:0;} #wrap .map_gd .item_info_cont .item_tit_box .item_volume li span, #wrap .map_gd .item_info_cont .item_tit_box .item_volume li strong, #wrap .map_gd .item_info_cont .item_tit_box .item_volume li em {vertical-align:bottom;} #wrap .map_gd .item_info_cont .item_tit_box .item_volume li em {box-sizing:border-box;padding-top:2px;} #wrap .map_type03 th + td + td + td + td + td + td .map_gd .item_info_cont .item_tit_box .item_tail_tag {bottom:64px;} .gd_all_map_cos .gd_sale_bnr .txt p {margin-bottom:34px;} .gd_all_map_cos .gd_sale_bnr .txt .btn_review_more a {position:relative;z-index:1;} .gd_all_map_cos .gd_sale_bnr .txt .btn_review_more a:before {position:absolute;left:0;bottom:0px;width: calc(100% - 32px);height:1px;background:#333;display:inline-block;content:"";} @media only screen and (max-width:320px) { .gd_sale_bnr > a{width:100%;} } /*** 코스메틱 소개 - (웰킨스토리 코스메틱 내용 겹칩) ***/ /* m 일반 */ .cosmetic_philosophy {background:url(../img/da_image/bg-cosm-intro-our.jpg) no-repeat 50% 0;background-size:cover;} .philosophy_cont {padding:120px 0;width:1200px;text-align:center;margin:0 auto;} .philosophy_cont .philosophy_des {font-size:24px;line-height:1;color:#666;font-weight:400;font-style:italic;display:block;margin:0 auto 6px;padding:0;vertical-align:top;font-family: 'Trirong', serif;} .philosophy_cont .philosophy_title {font-size:40px;line-height:52px;color:#333;font-weight:500;display:block;margin:0 auto 53px;padding:0;vertical-align:top;} .philosophy_cont .philosophy_title b {font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .philosophy_cont .philosophy_title b:before {position:absolute;left:-3px;bottom:4px;width: calc(100% + 6px);height:10px;opacity:0.15;z-index:-1;background:#275b4e;display:inline-block;content:"";} .philosophy_cont .philosophy_list {background:#fff;position:relative;z-index:2;font-size:0;vertical-align:top;} .philosophy_cont .philosophy_list:before {width:100%;height:100%;left:10px;top:10px;position:absolute;display:inline-block;content:"";z-index:-1;background:#ddd;} .philosophy_cont .philosophy_list > li {background:#fff;padding:56px 0 55px 0;height:403px;width:25%;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;position:relative;z-index:2;} .philosophy_cont .philosophy_list > li + li {} .philosophy_cont .philosophy_list > li + li:before {background:#eee;width:1px;height: calc(100% - 120px);left:0;top:60px;position:absolute;display:inline-block;content:"";z-index:-1;} .philosophy_cont .philosophy_list > li .cont_box {width:100%;margin:0;padding:0 10px;box-sizing:border-box;} .philosophy_cont .philosophy_list > li .cont_box .thumb {height:106px;box-sizing:border-box;} .philosophy_cont .philosophy_list > li:nth-of-type(1) .cont_box .thumb, .philosophy_cont .philosophy_list > li:nth-of-type(4) .cont_box .thumb {padding-top:4px;} .philosophy_cont .philosophy_list > li:nth-of-type(3) .cont_box .thumb {padding-top:7px;} .philosophy_cont .philosophy_list > li .cont_box .thumb img {} .philosophy_cont .philosophy_list > li .cont_box .txt {} .philosophy_cont .philosophy_list > li .cont_box .txt dt {padding:0 0 16px 0;font-size:20px;line-height:30px;letter-spacing:-1px;font-weight:500;color:#333;position:relative;z-index:1;} .philosophy_cont .philosophy_list > li .cont_box .txt dt:before {width:30px;height:1px;background:#000;border-radius:0.5px;left:50%;bottom:0;transform:translateX(-50%);position:absolute;display:inline-block;content:"";z-index:-1;} .philosophy_cont .philosophy_list > li .cont_box .txt dd {font-size:16px;line-height:24px;letter-spacing:-0.64px;font-weight:400;color:#777;padding:16px 0 0;} .cos_introduce_cont .cosmetic_daily:before {height:1563px;} .cos_introduce_cont .cosmetic_middle_bnr .warning {letter-spacing:-0.65px;} @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── 라운지 ───────────────────────────────────────────────────────────*/ /*** 이벤트/쿠폰/기타 문의 ***/ .lounge.inquiry_form{width:100%;box-sizing:border-box;padding:0 15px;margin-top:30px;} .inquiry_table_desc{display: block;text-align: right;font-size:12px;color:#888;font-weight:400;letter-spacing:-1.2px;} .inquiry_table_desc em{font-size:inherit;color:#942020;font-weight:inherit;} .inquiry_write_table{} .inquiry_write_table table{width:100%;margin-top:15px;} .inquiry_write_table table tbody tr th, .inquiry_write_table table tbody tr td{padding:10px 0;} .inquiry_write_table table tbody tr:nth-child(1) th, .inquiry_write_table table tbody tr:nth-child(1) td{padding-top:0;} .inquiry_write_table table tbody tr:last-child th, .inquiry_write_table table tbody tr:last-child td{padding-bottom:0;} .inquiry_write_table table tbody tr th{text-align:left;font-size:15px;color:#222;font-weight:400;vertical-align:top;line-height:45px;} .inquiry_write_table table tbody tr th span{position: relative;display:inline-block;} .inquiry_write_table table tbody tr th.req span:before{content:"*";font-size:15px;color:#942020;font-weight:400;letter-spacing:-1.2px;position: absolute;top:0;right:-6px;} .inquiry_write_table table tbody tr td{font-size:0;} .inquiry_write_table table tbody tr td input, .inquiry_write_table table tbody tr td select{width:100%;height:45px;box-sizing:border-box;border:1px solid #ddd;background:#fff;font-size:15px;color:#666;font-weight:400;letter-spacing:-1.5px;padding-left:13px;} .inquiry_write_table table tbody tr td input::placeholder{color:#666;} .inquiry_write_table table tbody tr td input:focus, .inquiry_write_table table tbody tr td select:focus{border:1px solid #333;color:#333;} .inquiry_write_table table tbody tr.c_branch select{width:calc(50% - 5px);} .inquiry_write_table table tbody tr.c_branch select + select{margin-left:10px;} .inquiry_write_table table tbody tr.c_phone input{width:26.9%;} .inquiry_write_table table tbody tr.c_phone .btn_self_go.btn_go{margin-top:10px;} .inquiry_write_table table tbody tr.c_phone input + span{display: inline-block;width:10px;height:1px;background:#888;vertical-align:top;margin:0 7.5px;margin-top:22px;} .inquiry_write_table table tbody tr td textarea{width:100%;height:85px;box-sizing:border-box;border:1px solid #ddd;background:#fff;font-size:15px;color:#666;font-weight:400;letter-spacing:-1.5px;padding:5px 10px;} .inquiry_write_table table tbody tr td textarea:focus{color:#333;border:1px solid #333;} .inquiry_agree_wrap{margin-top:40px;} .inquiry_agree_wrap .inquiry_agree_cont{width:calc(100% + 30px);margin-left:-15px;box-sizing:border-box;border-top:12px solid #eee;padding-top:37px;} .inquiry_agree_wrap .inquiry_agree_cont dl{margin:0 15px;} .inquiry_agree_wrap .inquiry_agree_cont dl dt{font-size:17px;color:#333;font-weight:400;letter-spacing:-1.1px;line-height:25px;} .inquiry_agree_wrap .inquiry_agree_cont dl dd{font-size:14px;color:#777;font-weight:300;letter-spacing:-0.8px;line-height:20px;border-top:1px solid #ddd;margin-top:11px;padding-top:11px;} .inquiry_agree_wrap .join_agreement_cont{margin-top:18px;} .inquiry_btn_center{box-sizing:border-box;width:100%;border-top:1px solid #ddd;text-align: center;margin-top:22px;padding-top:18px;} .inquiry_btn_center p{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;line-height:23px;} .inquiry_btn_center .btn_self_go.btn_go{width:49.3%;margin-top:21px;} @media only screen and (max-width:374px){ .inquiry_write_table table tbody tr.c_phone input{width:26%;} } @media only screen and (max-width:345px){ .inquiry_write_table table tbody tr.c_phone input{width:25%;} } /*** news ***/ #wrap .board_search{margin:30px 0 20px;} #wrap .board_search .search_btn button{width:100%;} #wrap .list_custom .boardlist .goods_area .notice_list li{padding-left:5px; padding-right:5px;position:relative;z-index:1;} #wrap .list_custom .boardlist .goods_area .notice_list li > a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .text b, #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .text strong {font-weight:500;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_box .notice_title{font-size:0;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon{display:inline-flex; align-items:center; vertical-align:middle; font-size:0;line-height:20px;height:20px;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon img {width:auto;height:20px;vertical-align:top;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon + .icon{margin-left:5px;} .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .icon img{max-width:100%;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon + .text{width:70%; margin-left:7px;} #wrap .view_event{padding-top:33px;} #wrap .view_event .care_coupon_list{width:calc(100% + 30px);margin-left:-15px;margin-top:30px;} #wrap .view_event .care_coupon_list h4{text-align:center;font-size: 20px;color: #333;font-weight: 500;margin-bottom:15px;} #wrap .view_event .coupon_down_bnr{margin-top:50px;} #wrap .view_event .coupon_down_bnr img{width:100%;} #wrap .view_wrap .contents_holder{font-size:15px; line-height:23px; font-weight:400; color:#333; padding:38px 15px 38px 15px; letter-spacing:-0.8px; margin-bottom:10px;box-sizing: border-box;} #wrap .board_search .search_input input{font-weight:300;} #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data span{font-family:'Roboto';} /*** wellkin_tv ***/ .recommend_wrap h3{width:calc(51.6% - 20px);} h3.title_gr span {font-size:inherit;line-height:inherit;font-weight:inherit;background: linear-gradient(49deg, rgba(28,111,194,1) 52%, rgba(71,208,185,1) 75%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family:inherit;} p.title_tag{margin-bottom:12px;} #wrap .tv_content .board_zone_tit h2{letter-spacing:-2px;} #wrap .tv_content .board_zone_tit > p{font-size:15px; font-weight:300; line-height:23px; letter-spacing:-1px; color:#555; margin-top:10px;} #wrap .board_tv .tv_video_wrap{margin-top:27px; padding-top:36px;} #wrap .board_tv .recommend_wrap h3:after {left:20px;} #wrap .board_tv .recommend_wrap .rcmd_slide .slide_cut{padding:0 30px;} #wrap .main_recommend_wrap .item_cont .item_info_cont{padding-right:0;height: 205px;} #wrap .main_recommend_wrap a {outline:0;} #wrap .main_recommend_wrap .item_photo_box{width:48.4%;top: 8px;} #wrap .main_recommend_wrap .item_tit_box{overflow:inherit;} #wrap .main_recommend_wrap .item_tit_box .item_name_explain{max-height:60px;-webkit-line-clamp: 3;overflow: hidden;white-space: normal;margin-top: 0;letter-spacing: -0.8px; word-break:keep-all;} #wrap .main_recommend_wrap .item_tit_box .item_name{overflow:inherit;text-overflow: clip; white-space:inherit;font-size: 16px;font-weight: 400; text-decoration:underline; padding-top:5px;} #wrap .main_recommend_wrap .item_info_cont > a:after{position:absolute;content:'';width:30px;height:8.5px;background:url('../img/lounge/lounge_wellkin_tv_arrow.png') no-repeat center center;background-size:100%;right: 0;bottom: -43px;} .tv_content .sub_line_tit{margin-top:10px; padding-bottom:0;} #wrap .tv_content .view_wrap .contents_holder{padding-top:20px; margin-bottom:10px;} #wrap .tv_content .view_wrap .contents_holder img{max-width:100%;} .main_tv_layer .iframe_box{position:relative; width:100%; margin:0 auto; margin-bottom:15px;} .main_tv_layer .iframe_box iframe, .main_tv_layer .iframe_box embed, .main_tv_layer .iframe_box object{position:absolute; width:100%; height:100%;} #wrap .tv_content .view_event{padding-top:0;} #wrap .content .board_zone_tit + .goods_area{margin-top: 27px;} #wrap .view_event .goods_area h3{letter-spacing:-1px;} #wrap .tv_content .view_event .view_wrap .view_box .view_info_box .view_info{background:#f5f5f5;border-bottom: 0;border-top: 1px solid #000;padding: 15px 0 10px;} #wrap .view_event .view_wrap .view_box .view_info_box .view_info .date{font-size: 13px;margin-top: 6px;} #wrap .view_event .btn_self_go.btn_go{height:50px; line-height:48px;} /*** FAQ ***/ #wrap .faq_list{margin-top:24px;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box{display:none;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_subject.on{background:#fff url('../img/da_image/select_arr_ov.png')no-repeat right 10px center; background-size:auto 6px;} @media only screen and (max-width:374px){ .recommend_wrap h3{width:calc(51.6% - 10px);} #wrap .board_tv .recommend_wrap .rcmd_slide .slide_cut{padding:0 24px;} #wrap .board_tv .recommend_wrap h3{padding-left:15px; top:37px; font-size:17px; padding-bottom:10px;} #wrap .main_recommend_wrap .item_cont .item_info_cont{padding-left:10px; padding-top:75px;} #wrap .main_recommend_wrap .item_tit_box .item_name{font-size:15px;} #wrap .main_recommend_wrap .item_tit_box .item_name_explain br{display:none;} #wrap .main_recommend_wrap .item_info_cont > a:after{bottom:-35px;} } /*** 웰킨 활용 백서 ***/ /* 작업중으로 custom_d에 있음 */ /*─────────────────────────────────────────────────────────── 지점/예약 ───────────────────────────────────────────────────────────*/ /*** 간편예약/상담 ***/ .sub_bg_title.service_offline_spot h2{font-weight:400;} .sub_bg_title.service_offline_spot_arod .w_custom{top:42%;} .sub_bg_title.service_offline_spot_arod h2{font-size:21px; line-height:28px; font-weight:400;} .sub_bg_title.service_offline_spot_arod h2 span{position:relative; z-index:1;} .sub_bg_title.service_offline_spot_arod h2 span:before{position:absolute; content:''; width:calc(100% + 6px); height:8px; bottom:0; left:-3px; background:#bb9284; opacity:0.3; z-index:-1;} .sub_bg_title.service_offline_spot_arod p{font-size:14px;font-weight:300;margin-bottom: 0;margin-top: 10px;} .service_offline_spot_arod .off_list_txt > .list_dot > li + li{margin-top:1px;} .offintro_sec02{padding-bottom:0;} .layer_info{padding-top:23px;} .layer_info .off_list_txt ul{padding-top:3px;} .reservation_step_tit{padding-bottom:17px;} .reservation_step_tit > h3{margin-bottom:13px;} .reservation_step_tit > p{line-height:23px; letter-spacing:-1px; width:calc(100% + 2px); margin-left:-1px;} .reservation_caution dt, .reservation_caution dd{letter-spacing:-1px;} .reservation_choice{padding-top:28px;} #wrap .reservation_spot dd select.spot_area:disabled{opacity:1;color:#fff;} .reservation_spot{padding:19px 15px 15px;} .reservation_spot dt{margin-bottom:14px;} .reservation_spot dd p{font-weight:300; line-height:20px; padding-top:10px;} .reservation_date{margin:38px 0 0;} .on .date_select_layer{padding:0;} .date_selected_list li dl.date_selected dd.btn_date_reset{color:#666;} #reserveTimre1, #reserveTimre2{margin-top:0;} .reservation_form > li:first-child{padding-bottom:25px; padding-top:5px;} .reservation_form > li > dl > dt.important:after{display:inline-flex; content:'*'; font-size:15px; font-weight:400; color:#942020; margin-left:2px;} .reservation_form > li > dl.dis_table + dl.dis_table{margin-top:20px;} .reservation_form > li > dl > dt.dis_tablecell, .reservation_form > li > dl > dd.dis_tablecell{vertical-align:middle; font-size:15px; font-weight:400; color:#222;} .reservation_form > li > dl > dt.dis_tablecell{width:85px;} .reservation_form > li > dl > dt.dis_tablecell.ver_top{vertical-align:top;padding-top: 5px;} .reservation_form > li > dl:nth-child(2) dt{vertical-align:top;line-height:42px;} .reservation_form > li > dl > dd.dis_tablecell{font-size:0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .reservation_form > li > dl > dd.dis_tablecell .btn_go.btn_self_go{margin-top:10px;} .reservation_form > li > dl > dd.dis_tablecell input[type="text"], .reservation_form > li > dl > dd.dis_tablecell input[type="number"], .reservation_form > li > dl > dd.dis_tablecell textarea{border:1px solid #ddd;width:100%;height:45px;box-sizing:border-box;padding-left: 12px;padding-right:15px;font-size:15px;letter-spacing: -1px;} .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:70px;} .reservation_form > li > dl > dd.dis_tablecell input[type="text"]:focus, .reservation_form > li > dl > dd.dis_tablecell input[type="number"]:focus, .reservation_form > li > dl > dd.dis_tablecell textarea:focus{border:1px solid #333;} .reservation_form > li > dl > dd.dis_tablecell textarea{height: 85px;padding-top:10px;resize:none;} .reservation_form > li > dl > dd.dis_tablecell textarea::-webkit-input-placeholder {color:#888;} .reservation_form > li > dl > dd.dis_tablecell textarea:-ms-input-placeholder {color:#888;} .reservation_form > li > dl > dd.dis_tablecell span.line{width:10px; height:1px; background:#888; vertical-align:middle; display:inline-flex; /* margin:0 7.5px 10px; */} .reservation_form > li:nth-of-type(-n + 5) > dl > dt{padding-left:0;} .reservation_form > li:nth-of-type(-n + 5) > dl > dt:before{display:none;} .reservation_conditions{padding: 20px 0;border-top: 12px solid #eee;margin-top: 40px;} .reservation_conditions dl{width: 100%; box-sizing: border-box;} .reservation_conditions dl.form_element.form_custom{border-bottom:1px solid #ddd;padding-bottom: 22px;} .reservation_conditions dl.form_element.form_custom dt{padding-bottom:5px;} .reservation_conditions dl.form_element.form_custom dt label.check_s{font-size:16px; font-weight:400; color:#333;} .reservation_conditions dl.form_element.form_custom dd{padding-left: 10px;width: 100%;box-sizing: border-box;} .reservation_conditions dl.form_element.form_custom dd label.check_s{font-size: 14px;color:#555;padding-left: 32px;} .reservation_conditions dl.form_element.form_custom dd label.check_s strong{color:#942020; font-weight:inherit;font-size:inherit;} .reservation_conditions dl.form_element.form_custom dd label.check_s span{color:#275b4e; font-weight:inherit; font-size:inherit;} .reservation_conditions dl dd li{position:relative;margin-top: 12px;width:100%;} .reservation_conditions dl dd li a{position:absolute;top:0;right: 2px;font-size: 12px;font-weight:400;color:#888;} .reservation_conditions dl dd li a:after{display:inline-flex;content:'';width:5px;height:5px;border:1px solid #fff0;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(135deg);position:relative; top:-4px;margin-left: 10px;} .reservation_conditions dl dd li a.on:after{transform:rotate(-45deg);top:0px;} .reservation_conditions dl dd li.info{display:none;padding-left: 0;box-sizing: border-box;padding-bottom: 0px;} .reservation_conditions dl dd li.info .agreement_box{width:100%;background:#f5f5f5;font-size: 12px;font-weight:400;color:#666;line-height: 18px;letter-spacing:-0.8px;padding: 10px 13px;height: 95px;overflow-y:scroll;box-sizing:border-box;resize:none;border: 0;} .reservation_conditions dl dd li.info .agreement_box:-webkit-scrollbar {width: 5px; position:absolute;} .reservation_conditions dl dd li.info .agreement_box::-webkit-scrollbar-thumb {background-color: #5c6273; border-radius: 2.5px;} .reservation_conditions dl dd li.info .agreement_box::-webkit-scrollbar-track {border-radius: 2.5px;background:#e6e8ee;} .reservation_conditions dl dd li p.noti{font-size: 14px;font-weight: 500;color:#942020;padding-top: 13px;padding-left: 36px;letter-spacing: -0.8px;} .reservation_conditions .reservation_form > li{padding-bottom: 18px;border-bottom: 1px solid #333;margin-bottom: 19px;} .reservation_conditions .reservation_form > li > dl{padding-bottom: 0;} .reservation_conditions .reservation_form > li > dl > dt{margin-bottom: 5px;} .reservation_conditions .reservation_form > li > dl > dd{font-size:14px; line-height:20px; font-weight:300; color:#777; letter-spacing:-1px;} .reservation_center{padding: 0 0 20px;letter-spacing: -1px;} .reservation_center + .btn_center{padding-bottom:0;} .reservation_end_caution{padding-bottom:0;} .reservation_end .end_box .offline_end, .reservation_end .end_box dt, .reservation_end .end_box dd{font-size:16px;} .reservation_end .end_box .offline_time{display: block;padding:0;} .reservation_end .end_box .offline_time + p{margin-top:17px;} @media only screen and (max-width:374px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:26%;} } @media only screen and (max-width:370px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:26.7%;} } @media only screen and (max-width:367px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:26.5%;} } @media only screen and (max-width:359px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:26.2%;} } @media only screen and (max-width:349px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:26%;} } @media only screen and (max-width:345px){ .reservation_form > li > dl.phone_box > dd.dis_tablecell input[type="text"]{width:25%;} } @media only screen and (max-width:320px){ .sub_bg_title.service_offline_spot_arod h2{font-size:17px; line-height:145%;} .off_layer_scroll{padding:0 10px;} } /*** 이달의 지점 목록 ***/ /* m 일반 */ .best_list_visual {padding: 40px 0 40px;position:relative;z-index:1;width:100%;margin:0;text-align:center;} .best_list_visual:before {height: 355px;width:100%;background:url(../img/da_image/bg-point-best.jpg) no-repeat 0 0;position:absolute;z-index:-1;left:0;bottom:0;display:inline-block;content:"";} .best_list_visual h3 {} .best_list_visual h3 span {padding: 39px 0 21px;background:url(../img/da_image/icon-point-best-crown.png) no-repeat 50% 0;font-size: 16px;line-height:1;font-weight:400;color:#333;letter-spacing:-1px;display:block;margin:0 auto;background-size: 52.5px auto;} .best_list_visual h3 strong {padding: 4px 0px 5px 1px;height: 50px;font-size: 40px;line-height:1;letter-spacing: 5.8px;font-weight:300;color:#333;border-top:1px #333 solid;border-bottom:1px #333 solid;display:inline-block;margin:0 auto;box-sizing:border-box;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .best_list_visual h3 strong b {font-size:inherit;font-weight:500;color:#275b4e;display:inline-block;vertical-align:top;margin:0;padding:0;} .best_list_visual .best_list_tag {padding: 18px 0 24px 0;vertical-align:top;text-align:center;} .best_list_visual .best_list_tag span {font-size: 13px;font-weight:300;color:#333;letter-spacing:-0.8px;line-height:1;display:inline-block;vertical-align:top; margin-bottom:13px;} .best_list_visual .best_list_tag span + span {margin-left: 23px;} .best_list_visual .best_list_tag span + span + span{margin-bottom:0;} .best_list_visual .best_list_tag span:nth-child(3n){margin-left:0;} .best_list_visual .best_list_benefit {width: 100%;margin:0 auto;position:relative;z-index:1; box-shadow: 3.25px 6.5px 20px 0 rgba(0, 0, 0, 0.29);} .best_list_visual .best_list_benefit .list_benefit_thumb {width: 100%;border-radius: 5px 5px 0 0;overflow:hidden;box-sizing:border-box;text-align:left;position:relative;z-index:1;font-size: 0;} .best_list_visual .best_list_benefit .list_benefit_thumb img {max-width: 100%;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner {padding: 11px 15px;left: 15px;bottom: 15px;width: 250px;background:rgba(255, 255, 255, 0.8);box-shadow: 0 0 46px 0 rgba(0, 0, 0, 0.16);position:absolute;box-sizing:border-box;text-align:left;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p {font-size: 15px;line-height: 21px;letter-spacing:-1px;color:#333;font-weight:400;vertical-align:top;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p.add_1{text-decoration: underline;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p + p {font-size: 13px;line-height: 18px;letter-spacing:-0.8px;color:#444;font-weight:400;vertical-align:top;margin-top: 10px;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p strong {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p strong:before {bottom: 1px;position:absolute;left:0;display:inline-block;content:"";background:#333;width:100%;height:1px;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p em {font-weight:600;font-size:inherit;line-height:inherit;color:inherit;display:inline-block;vertical-align:top;} .best_list_visual .best_list_benefit .list_benefit_txt {width: 100%;box-sizing:border-box;text-align: center;background: #fff;padding: 24px 20px 20px;border-radius: 0 0 5px 5px;} .best_list_visual .best_list_benefit .list_benefit_txt dl {} .best_list_visual .best_list_benefit .list_benefit_txt dt {font-size: 16px;letter-spacing:-0.9px;font-weight:500;line-height:1;padding: 0 0 16px;position:relative;z-index:1;color:#333;} .best_list_visual .best_list_benefit .list_benefit_txt dt:before {left: 50%;transform: translateX(-50%);bottom:0;width: 20px;height:1px;background:#333;position:absolute;display:inline-block;content:"";} .best_list_visual .best_list_benefit .list_benefit_txt dd {} .best_list_visual .best_list_benefit .list_benefit_txt dd p {padding: 15px 0 27px;font-family: 'Roboto','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .best_list_visual .best_list_benefit .list_benefit_txt dd p span, .best_list_visual .best_list_benefit .list_benefit_txt dd p strong {display:inline-block;vertical-align:top;margin:0;padding:0;font-family:inherit;} .best_list_visual .best_list_benefit .list_benefit_txt dd p span {font-size: 20px;line-height:1;font-weight: 500;letter-spacing: -1px;color:#222;} .best_list_visual .best_list_benefit .list_benefit_txt dd p strong {margin-top: 11px;font-size: 30px;line-height: 27px;font-weight:500;color:#275b4e;letter-spacing:-1.8px;position:relative;z-index:1;} .best_list_visual .best_list_benefit .list_benefit_txt dd p strong:before {left: -5px;bottom: -2px;width: calc(100% + 10px);height: 8px;opacity: 0.2;background:#275b4e;position:absolute;display:inline-block;content:"";z-index:-1;} .best_list_visual .best_list_benefit .list_benefit_txt dd .btn_benefit_coupon {height: 50px;font-size: 16px;font-weight: 400;color:#fff;letter-spacing:-0.9px;line-height: 1;padding: 13px 0 16px;width: 100%;border:1px #275b4e solid;background:#275b4e;box-sizing:border-box;text-align:center;display:inline-block;box-shadow: 3.25px 6.5px 20px 0 rgba(0, 0, 0, 0.29);} .best_list_visual .best_list_benefit .list_benefit_txt dd .btn_benefit_coupon span {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;vertical-align:top;padding: 0 36px 0 0;background:url(../img/da_image/icon-coupon-down.png) no-repeat 99% 50%;background-size: 18.5px auto;} .best_list_wrap {width:100%;margin:40px auto 0;padding:0;overflow:hidden;} .best_list_wrap .best_list_cont {/* width:calc(100% - 15px); *//* margin-left:0; */position:relative;} .best_list_wrap .best_list_box {padding:0;box-sizing:border-box;width: calc(100% - 30px);} .best_list_wrap .best_list_box + .best_list_box{margin-top:35px;} .best_list_wrap .best_list_box .list_box_cont {position:relative;z-index:1;/*max-width:590px;*/vertical-align:top;display:flex;align-items: center;justify-content:flex-start;width: 100%;} /*.best_list_wrap .best_list_box .list_box_cont:before {background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);opacity: 1;left:0;bottom:0;width:100%;height:100%;display:inline-block;content:"";position:absolute;z-index:2;}*/ .best_list_wrap .best_list_box .list_box_cont.no_bg_box:before {display:none;} .best_list_wrap .best_list_box .thumb {position:relative;z-index:1;font-size: 0; width:162px;} .best_list_wrap .best_list_box:nth-child(odd) .thumb{margin-right:21px;} .best_list_wrap .best_list_box:nth-child(even) .thumb{margin-left:21px;} .best_list_wrap .best_list_box:nth-child(even) .txt{text-align:right;} .best_list_wrap .best_list_box .thumb img{max-width:100%;} .best_list_wrap .best_list_box .flag_tag {left: 0;top: 0;width: 65px;height: 23px;font-size: 12px;line-height: 1;padding: 5px 0;font-weight:500;box-sizing:border-box;background:#722115;color:#fff;text-align:center;display:inline-block;position:absolute;z-index:3;} .best_list_wrap .best_list_box .txt {width: calc(100% - 183px);background: none;box-sizing:border-box;z-index:4;text-align:left;padding-top: 18px;} .best_list_wrap .best_list_box .txt span, .best_list_wrap .best_list_box .txt h4, .best_list_wrap .best_list_box .txt p {display:block;margin:0;padding:0;vertical-align:top;} .best_list_wrap .best_list_box .txt span {position:relative; font-size: 18px;line-height: 24px;letter-spacing: -1px;color:#333;font-weight:300;} .best_list_wrap .best_list_box .txt span:after{position:absolute;content:'';width:25px;height:1px;background:#333;top: 13px;left:-35px;} .best_list_wrap .best_list_box:nth-child(even) .txt span:after{right:-35px; left:auto;} .best_list_wrap .best_list_box .txt h4 {font-size: 18px;line-height: 24px;letter-spacing: -1px;color:#333;font-weight:600;margin: 0 0 10px;position:relative;z-index:1;display:inline-block;} .best_list_wrap .best_list_box .txt h4:before {bottom: 0px;position:absolute;left:0;height: 1px;background:#333;width:100%;display:inline-block;content:"";} .best_list_wrap .best_list_box .txt p {font-size: 14px;line-height: 21px;letter-spacing: -1px;color: #777;font-weight:400;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 14px; width:100%;} .best_list_wrap .best_list_box .txt .more_btn{position:relative;font-size: 12px;font-weight:400;line-height:1;font-family:'Roboto';color:#666;margin-top: 10px;} .best_list_wrap .best_list_box .txt .more_btn:after{display:inline-flex; align-items:center; vertical-align:middle; content:''; width:18px; height:18px; background:#eee; border-radius:100%; margin-left:7px; margin-bottom:1px;} .best_list_wrap .best_list_box .txt .more_btn:before{position:absolute;content:'';width:4px;height:7px;background:url('../img/da_image/best_center_more.png') no-repeat center center;background-size:100%;right:6px;top: 4px;} .best_list_wrap .best_list_box .recmd_cate {padding-top: 18px;} .best_list_wrap .best_list_box .recmd_cate dt {font-size: 20px;line-height:1;letter-spacing:-1.2px;font-weight:500;color:#333;} .best_list_wrap .best_list_box .recmd_cate dt strong {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .best_list_wrap .best_list_box .recmd_cate dt strong:before {left:0;bottom:-3px;height:8px;background:#275b4e;opacity:0.15;position:absolute;display:inline-block;content:"";z-index:-1;width:100%;} .best_list_wrap .best_list_box .recmd_cate dd {padding: 20px 0 0;} .best_list_wrap .best_list_box .recmd_cate dd span {font-size: 15px;font-weight:300;height: 38px;line-height:1;padding: 11px 12px 10px;border-radius:20px;color:#fff;letter-spacing:-0.8px;display:inline-block;vertical-align:top;box-sizing:border-box;float:left;} .best_list_wrap .best_list_box .recmd_cate dd span a{font-size:inherit;color:inherit;font-weight:inherit;display: block;width:100%;height:100%;} .best_list_wrap .best_list_box .recmd_cate dd span + span {margin-left: 10px;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(n + 4) {margin-top:10px;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(1) {background:#467d66;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(2) {background:#6ca7a3;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(3) {background:#275b4e;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(4) {background:#313d67;margin-left:0;clear:both;float:left;} .best_list_wrap .best_list_box .recmd_cate dd span:nth-of-type(5) {background:#4a719a;} @media only screen and (max-width:374px) { .best_list_visual h3 strong{font-size:35px; height:43px;} .best_list_visual .best_list_tag span{margin-bottom:8px;} .best_list_visual .best_list_benefit .list_benefit_thumb .thumb_inner p{font-size:14px;} .best_list_visual .best_list_benefit .list_benefit_txt dd p span{font-size:18px;} .best_list_visual .best_list_benefit .list_benefit_txt dd p strong{font-size:27px;} .best_list_visual .best_list_benefit .list_benefit_txt dd p strong:before{left:-3px; bottom:0; width:calc(100% + 6px);} .best_list_wrap .best_list_box{width:calc(100% - 20px);} .best_list_wrap .best_list_box .thumb, .best_list_wrap .best_list_box .txt{width:calc(50% - 7.5px);} .best_list_wrap .best_list_box:nth-child(odd) .thumb{margin-right:15px;} .best_list_wrap .best_list_box:nth-child(even) .thumb{margin-left:15px;} .best_list_wrap .best_list_box .txt{padding-top:0;} .best_list_wrap .best_list_box .txt span, .best_list_wrap .best_list_box .txt h4{font-size:16px; line-height:145%;} .best_list_wrap .best_list_box .txt p{width:100%; margin-bottom:7px;} .best_list_wrap .best_list_box .txt p br{display:none;} .best_list_wrap .best_list_box .txt span:after{width:15px;top: 11px;left: -23px;} .best_list_wrap .best_list_box:nth-child(even) .txt span:after{right:-23px;} .best_list_wrap .best_list_box .recmd_cate dd span + span{margin-left:5px;} .best_list_wrap .best_list_box .recmd_cate dd span{font-size:14px; height:36px; padding:10px 9px 10px;} } /*** 이달의 지점 보기 ***/ /* m 일반 */ #wrap .view_wrap .contents_holder img{max-width:100%;} #wrap .sub_visual.visual_best.best_center + #container .board_view_tit h3 {letter-spacing:-1.35px;} .best_view_bnr {margin: 30px 0 10px;padding: 0;height: 170px;background:url(../img/da_image/bnr-point-best-view.jpg) no-repeat 50% 50%;background-size: 100%;position:relative;z-index:1;box-sizing:border-box;width: 100%;} .best_view_bnr .view_bnr_cont {position:absolute;left: 20px;top:49%;transform:translateY(-50%);text-align:left;} .best_view_bnr .view_bnr_cont h4 {font-size:21px;letter-spacing:-1px;padding: 0px 0 11px;font-family: 'Roboto','Noto Sans KR';} .best_view_bnr .view_bnr_cont h4 span {color:#222;font-size:15px;font-weight:300;display:block;line-height:1;margin-bottom: 5px;} .best_view_bnr .view_bnr_cont h4 strong {color:#265c4e;font-weight:700;line-height: 27px;display: block;letter-spacing: -1.2px;} #wrap .best_view_bnr .view_bnr_cont .btn_self_go.btn_go {width: 140px;height: 40px;font-size: 15px;line-height: 38px;background:#fff;letter-spacing: -1px;} #wrap .best_view_bnr .view_bnr_cont .btn_self_go.btn_go img{display:inline-flex;align-items:center;vertical-align:middle;width:15px;height:11px;margin-left: 7px;margin-bottom: 5px;} @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── 이벤트 ───────────────────────────────────────────────────────────*/ /*** 이달의 할인혜택 ***/ /* 일반 */ @media only screen and (max-width:320px) { } /*** 시즌 이벤트 ***/ /* 일반 */ @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 성공사례/리뷰 ───────────────────────────────────────────────────────────*/ /*** 30만 성공사례 /service/success_story ***/ .best_case{width:100%;position: relative;} .best_case:before{width:100%;height:480px;content:"";background:url('../img/da_image/best_case_bg.jpg')no-repeat center;background-size:cover;position: absolute;top:0;left:0;} .best_case_box{width:100%;margin:0 auto;box-sizing:border-box;position: relative;text-align: center;} .best_case_box .best_case_tit{padding-top: 44px;} .best_case_box .best_case_tit span{font-size: 18px;color:#524741;font-weight:normal;font-family:'Jomolhari';display:inline-block;border-bottom:1px solid #524741;line-height: 24px;} .best_case_box .best_case_tit h2{font-size: 30px;color:#524741;font-weight:500;letter-spacing:-2px;font-family:'Noto Sans KR';margin-top: 10px;} .best_case_box .best_case_tit p{font-size: 14px;color:#444;font-weight:300;letter-spacing:-1px;font-family:'Noto Sans KR';margin-top:10px;margin-left:-7px;} .best_case_box .best_case_tit p br{display:none;} .best_case_cont{width:100%;position: relative;padding-top: 55px;} .view_more_case{position: absolute;right: 15px;top: 22px;width: 222px;height: 55px;box-sizing:border-box;border:1px solid #000;background:#fff;border-radius:5px;z-index:10;} .view_more_case:before{width: 9.5px;height: 10.5px;content:"";background:url('../img/da_image/cta_arr.png')no-repeat center;background-size: 100%;position: absolute;bottom:-10px;left: 20px;} .view_more_case a{display: block;width:100%;height:100%;text-align:left;font-size: 13px;color:#333;font-weight:500;line-height: 18px;box-sizing:border-box;padding-top: 9px;padding-left: 40px;background: url('../img/da_image/icon_hd_gnb03.png')no-repeat 11px 17px;position: relative;background-size: 18.5px auto;} .view_more_case a:before{width:16px;height:6px;content:"";background:url('../img/da_image/icon_link.png')no-repeat;background-size:auto 100%;position: absolute;bottom:14px;right:10px;} #wrap .best_case_container{width:100%;overflow:hidden;/*margin-left:-20px;padding-right:40px;*/} .best_case_box .best_case_slide{box-sizing:border-box;margin-top:36px;height:100%;overflow:visible;font-size:0;} .best_case_box .best_case_slide .slick-list, .best_case_box .best_case_slide .slick-track{height:100%;} .best_case_box .best_case_slide li{background:#524741;box-sizing:border-box;margin-top: 20px;padding: 15px 15px 15px 15px;box-shadow: 5.5px 7.7px 6.5px 0 rgb(0 0 0 / 19%);width:100%;transform: scale(0.882);} .best_case_box .best_case_slide li a{display: block;width:100%;height:100%;} .best_case_box .best_case_slide li .case_img{font-size:0;width:100%;} .best_case_box .best_case_slide li .case_img > div{width:calc(50% - 5px);box-sizing:border-box;display: inline-block;position: relative;} .best_case_box .best_case_slide li .case_img > .after_img{margin-left:10px;} .best_case_box .best_case_slide li .case_img > div img{width:100%;} .case_icon{display: inline-block;box-sizing:border-box;position: absolute;bottom:0;right:0;font-size:13.5px;color:#fff;font-weight:500;font-family:'Roboto';width: 47px;height: 22px;line-height: 22px;text-align: center;} .case_icon.icon_before{background:rgba(0,0,0, 0.67);} .case_icon.icon_after{background:url('../img/da_image/icon_after_bg.png')no-repeat center;background-size:cover;} .best_case_box .best_case_slide li .case_txt{width: calc(100% + 0px);margin-top: 15px;background:url('../img/da_image/best_note_bg.png')no-repeat center top;background-size:cover;margin-left: 0px;padding: 33px 15px 30px 15px;box-sizing:border-box;height: 195px;} .best_case_box .best_case_slide li .case_txt .case_name{font-size: 19px;color:#333;font-weight:700;letter-spacing:-0.8px;display: inline-block;position: relative;z-index:2;} .best_case_box .best_case_slide li .case_txt .case_name:before{width:100%;height:8px;content:"";background:#e5e0d5;position: absolute;bottom:2px;left:0;z-index:-1;} .best_case_box .best_case_slide li .case_care{width:100%;box-sizing:border-box;border-top:1px solid #ccc;margin-top: 13px;padding-top: 12px;} .best_case_box .best_case_slide li .case_care dl{position: relative;width:100%;box-sizing:border-box;padding-left: 8px;text-align:left;display: table;} .best_case_box .best_case_slide li .case_care dl:before{width: 2px;height: 2px;content:"";background:#777;box-sizing:border-box;border-radius:100%;position: absolute;left:2px;top: 9px;} .best_case_box .best_case_slide li .case_care dl + dl{margin-top:4px;} .best_case_box .best_case_slide li .case_care dl dt, .best_case_box .best_case_slide li .case_care dl dd{display: table-cell;box-sizing:border-box;font-size: 13px;color:#666;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.2px;word-break:keep-all;} .best_case_box .best_case_slide li .case_care dl dt{position: relative;padding-right: 0;} .best_case_box .best_case_slide li .case_care dl dt:after{font-size: 13px;color:#666;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.6px;content:":";margin: 1px 1px 0 2px;display: inline;/* position: absolute; */top: 1px;right: 6px;} .best_case_box .best_case_slide li .case_care dl dd{max-width: 75%;} .best_case_box .best_case_slide li .case_care dl:nth-child(1) dt{width:78px;} .best_case_box .best_case_slide li .case_care dl:nth-child(1) dd{width:calc(100% - 78px);} .best_case_box .best_case_slide li .case_care dl:nth-child(2) dt{width:65px;} .best_case_box .best_case_slide li .case_care dl:nth-child(2) dd{width:calc(100% - 65px);} .best_case_cont .best_case_arr .slide_arr{width: 34px;height: 34px;top: calc(73% - 84px);background:#fff;position:absolute;z-index:6;font-size:0;display:inline-block;vertical-align:top;margin:0;padding:0;border:0;border-radius:100%;outline:0;font-size:0;opacity:1;transition:all 0.3s;} .best_case_cont .best_case_arr .slide_arr:before{width: 8px;height: 8px;border-width:1px 1px 0 0;left:50%;top:50%;position:absolute;border-style:solid;box-sizing:border-box;border-color:#555;display:inline-block;content:"";} .best_case_cont .best_case_arr .slide-prev {left: 15px;} .best_case_cont .best_case_arr .slide-next{right: 15px;} .best_case_cont .best_case_arr .slide-prev:before {transform:translate(-25%, -50%) rotate(-135deg);} .best_case_cont .best_case_arr .slide-next:before {transform:translate(-75%, -50%) rotate(45deg);} /*center*/ .best_case_box .best_case_slide li.swiper-slide-active{transform:scale(1);margin-top:0;/*margin:0 0 0 0 !important;*/transform-origin:center;} .best_case_box .best_case_slide li.swiper-slide-active .case_icon{font-size: 12px;} .best_case_box .best_case_slide li.swiper-slide-active .case_care dl dt, .best_case_box .best_case_slide li.swiper-slide-active .case_care dl dd{letter-spacing:-0.7px;} /*팝업 레이어*/ .best_case_pop{position:fixed;top:25%;left:50%;transform:translate(-50%);background:#fff;z-index:10;width:800px;height:0;opacity:0;overflow:hidden;z-index:201;} .best_case_pop.on{height:auto;opacity:1;overflow:inherit;} .best_case_pop .layer_box{width:100%;box-sizing:border-box;border:1px solid #333;padding:0 30px 0 30px;} .best_case_pop .layer_box .tit{width:100%;text-align:center;box-sizing:border-box;position: relative;border-bottom:1px solid #ddd;padding:31px 0 20px;} .best_case_pop .layer_box .tit h3{font-size:24px;color:#333;font-weight:400;letter-spacing:-1.2px;font-family:'Noto Sans KR';line-height:1;} .best_case_pop .layer_box .tit .best_pop_close{width:26px;height:26px;position: absolute;right:-1px;top:27px;} .best_case_pop .layer_box .tit .best_pop_close a{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;} .best_case_pop .layer_box .tit .best_pop_close a span{display: inline-block;width:100%;height:1px;background:#333;position: absolute;top:50%;left:0;} .best_case_pop .layer_box .tit .best_pop_close a span:nth-child(1){transform:rotate(45deg);} .best_case_pop .layer_box .tit .best_pop_close a span:nth-child(2){transform:rotate(-45deg);} .best_case_pop .layer_cont ul{width:100%;box-sizing:border-box;padding:40px 0 0 0;} .best_case_pop .layer_cont ul li{width:100%;box-sizing:border-box;border-radius:10px;width:600px;padding:0 69px 60px;} .best_case_pop .layer_cont ul li.slick-active .sub_layer_cont{box-shadow:2px 3.5px 24px 0 rgba(0, 0, 0, 0.17);} .best_case_pop .layer_cont ul li .sub_layer_tit{width:100%;box-sizing:border-box;background:#555;border-radius:10px 10px 0 0;height:100px;} .best_case_pop .layer_cont ul li .sub_layer_tit h4{font-size:30px;color:#fff;font-weight:500;letter-spacing:-1.5px;line-height:98px;} .best_case_pop .layer_cont ul li .sub_layer_cont{width:100%;box-sizing:border-box;padding:40px 40px 36px 40px;border-radius:0 0 10px 10px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_img{width:100%;font-size:0;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_img > div{display:inline-block;box-sizing:border-box;position:relative;width:calc(50% - 40px);margin-right:80px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_img img{width:100%;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_img .after_img{margin-right:0;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_img .after_img:before{border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: none;border-left: 8px solid #999;content: "";position: absolute;left: -44px;top: 50%;transform: translateY(-50%);} .best_case_pop .layer_cont ul li .sub_layer_cont .case_icon{width:70px;height:35px;line-height:35px;font-size:15px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care{width:100%;box-sizing:border-box;margin-top:15px;padding-top:9px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl{position: relative;width:100%;box-sizing:border-box;padding-left:5px;text-align:left;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl:before{width:3px;height:3px;content:"";background:#777;box-sizing:border-box;border-radius:100%;position: absolute;left:-5px;top:11px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl + dl{margin-top:6px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl dt, .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl dd{display: inline-block;box-sizing:border-box;font-size:16px;color:#777;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.9px;word-break:keep-all;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl dt:after{font-size:15px;color:#777;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.6px;content:":";margin:0 1px 0 2px;} .best_case_pop .layer_cont ul li .sub_layer_cont .case_care dl dd{max-width:75%;} .best_case_pop .layer_case_arr .slide_arr{width:40px;height:40px;top: calc(64% - 58px);background:#f5f5f5;position:absolute;z-index:6;font-size:0;display:inline-block;vertical-align:top;margin:0;padding:0;border:0;border-radius:100%;outline:0;font-size:0;opacity:1;transition:all 0.3s;} .best_case_pop .layer_case_arr .slide_arr:before{width:7px;height:7px;border-width:2px 2px 0 0;left:50%;top:50%;position:absolute;border-style:solid;box-sizing:border-box;border-color:#555;display:inline-block;content:"";} .best_case_pop .layer_case_arr .slide-prev {left:30px;} .best_case_pop .layer_case_arr .slide-next{right:30px;} .best_case_pop .layer_case_arr .slide-prev:before {transform:translate(-25%, -50%) rotate(-135deg);} .best_case_pop .layer_case_arr .slide-next:before {transform:translate(-75%, -50%) rotate(45deg);} /*다양한 성공사례*/ .case_content{margin-top: 35px;} .case_content h3{font-size:19px;color:#333;font-weight:300;letter-spacing:-1.5px;text-align: center;margin-left:-5px;line-height: 25px;} .case_content h3 strong{font-size:inherit;color:inherit;font-weight:500;letter-spacing:inherit;} .case_content .case_tab{text-align: center;margin-top: 23px;} .case_content .case_tab ul{box-sizing:border-box;border: 0;border-radius:24px;padding:4px 5px;font-size:0;display:inline-block;} .case_content .case_tab ul + ul{margin-top:10px;} .case_content .case_tab ul li{display: inline-block;box-sizing:border-box;border-radius:20px;height: 40px;border: 1px solid #ccc;margin-right:10px;margin-bottom:10px;} .case_content .case_tab ul li a{font-size: 16px;color: #555;font-weight:400;letter-spacing:-0.75px;line-height: 37px;padding: 0 14px;display: block;} .case_content .case_tab ul li.on{border: 1px solid #275b4e;background: #275b4e;} .case_content .case_tab ul li.on a{color: #fff;} .case_content .case_list{width:100%;box-sizing:border-box;font-size:0;margin-top: 20px;} .case_content .case_list:after{clear:both;content:"";display: block;} .case_content .case_list li{display: inline-block;float: left;box-sizing:border-box;margin: 0 0 0 0;border:1px solid #ddd;width: 100%;padding: 25px 24px 22px;} .case_content .case_list li + li{margin-top:20px;} .case_content .case_list li:nth-of-type(2n+1){margin-left:0;clear:both;float:left;} .case_content .case_list li a{display: block;width:100%;height:100%;} .case_content .case_list li .case_img{} .case_content .case_list li .case_img > div{display:inline-block;box-sizing:border-box;position:relative;width: calc(50% - 16.5px);margin-right: 33px;font-size:0;} .case_content .case_list li .case_img > div img{max-width:100%;} .case_content .case_list li .case_img .after_img{margin-right:0;} .case_content .case_list li .case_img .after_img:before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: none;border-left: 7px solid #999;content: "";position: absolute;left: -20px;top: 50%;transform: translateY(-50%);} .case_content .case_icon{width: 47px;height: 22px;line-height: 22px;font-size: 12px;} .case_content .case_list li .case_des{} .case_content .case_list li .case_des .case_name{font-size: 19px;color:#333;font-weight:500;letter-spacing:-1.2px;margin-top: 18px;} .case_content .case_list li .case_care{width:100%;box-sizing:border-box;border-top:1px solid #ccc;margin-top: 13px;padding-top: 14px;} .case_content .case_list li .case_care dl{position: relative;width:100%;box-sizing:border-box;padding-left: 5px;text-align:left;display: table;} .case_content .case_list li .case_care dl:before{width: 2px;height: 2px;content:"";background:#777;box-sizing:border-box;border-radius:100%;position: absolute;left: 0px;top: 10px;} .case_content .case_list li .case_care dl + dl{margin-top: 5px;} .case_content .case_list li .case_care dl dt, .case_content .case_list li .case_care dl dd{display: table-cell;box-sizing:border-box;font-size: 13px;color:#777;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.9px;word-break:keep-all;} .case_content .case_list li .case_care dl dt:after{font-size: 12px;color:#777;font-weight:400;font-family:'Noto Sans KR';vertical-align: top;letter-spacing:-0.6px;content:":";margin: 0px 3px 0 3px;} .case_content .case_list li .case_care dl dd{max-width:75%;} .case_content .case_list li .case_care dl:nth-child(1) dt{width: 78px;} .case_content .case_list li .case_care dl:nth-child(1) dd{width: calc(100% - 78px);} .case_content .case_list li .case_care dl:nth-child(2) dt{width: 66px;} .case_content .case_list li .case_care dl:nth-child(2) dd{width: calc(100% - 66px);} .case_content .case_list li.on{border:1px solid #000;box-shadow:8.5px 14.7px 13px 0 rgba(0, 0, 0, 0.19);} @media only screen and (max-width:374px){ .best_case_box .best_case_tit p br{display:block;} .best_case_box .best_case_slide li .case_txt{padding-top:25px;} } /*** 리얼리뷰 - 리얼 고객 리뷰 ***/ #contents .sub_content.sub_review{max-width:100%;} #wrap .sub_review .content .board_zone_tit h2{padding:0;} #wrap .content .board_zone_tit.area_title h2{letter-spacing:-0.2px;} #wrap .content .board_zone_tit.area_title h2 p{line-height:23px;} .best_plus_review{margin-top:0;} .review_line.sub_line_tit{margin-top:26px; padding:0;} .review_line.sub_line_tit .sub_line_tab{padding:0 15px;} .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{letter-spacing:-0.4px;} /*베스트 리뷰*/ .best_plus_review .best_review_box .best_review_cont li .review_info{padding:18px 15px 14px 20px;} .best_plus_review .best_review_box .best_review_cont li .review_info .text_file_cont{margin-top:2px;} .best_plus_review .best_review_box .best_review_cont li .review_info .text_file_cont p{-webkit-line-clamp:3;} .best_plus_review .best_review_box .best_review_cont li .write_box{margin-top:6px;} .best_plus_review .best_review_box .best_review_cont li .write_box strong{display:block;} .best_plus_review .best_review_box .best_review_cont li .write_box span{float:left; display:block; margin-top:7px;} .best_plus_review .best_review_box .best_review_cont li .goods_photo img{width:100%; height:190px; object-fit:cover;} /*베스트 리뷰 레이어*/ .best_review_layer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:201;opacity:0;height:0;overflow:hidden; width:calc(100% - 30px); padding:0;} .best_review_layer.on{opacity:1;height:auto;overflow:visible;} .best_review_layer .review_layer_box{width:100%;box-sizing:border-box;position: relative;padding:40px 40px 25px 40px;font-size:0; height:500px;} .best_review_layer .review_layer_box .btn_close{width:30px;height:30px;position: absolute;top:5px;right:5px;cursor:pointer;} .best_review_layer .review_layer_box .btn_close span{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;} .best_review_layer .review_layer_box .btn_close em{display: inline-block;width:100%;height:1px;background:#333;position: absolute;top:50%;left:0;} .best_review_layer .review_layer_box .btn_close em:nth-child(1){transform:rotate(45deg);} .best_review_layer .review_layer_box .btn_close em:nth-child(2){transform:rotate(-45deg);} .best_review_layer .review_layer_box .layer_photo{width:100%;height:auto;box-sizing:border-box;display: inline-block;position: relative;overflow:hidden;} .best_review_layer .review_layer_box .layer_photo img{width:100%;} .best_review_layer .review_layer_box .layer_info_box{display: inline-block;width:100%; box-sizing:border-box;padding-top:10px;vertical-align: top;} .best_review_layer .review_layer_box .layer_info_box .prd_name{display:inline-block;font-size:14px;color:#444;font-weight:500;position:relative;letter-spacing:-0.75px;} .best_review_layer .review_layer_box .layer_info_box .prd_name:before{width:100%;height:5px;content:"";background:#e8e4d6;position: absolute;bottom:2px;left:0;z-index:-1;} .best_review_layer .review_layer_box .layer_info_box .layer_tit{font-size:19px;color:#333;font-weight:normal;font-family:'Jeju Myeongjo', serif;letter-spacing:-1.2px;margin:5px 0 0px;} .best_review_layer .review_layer_box .layer_info_box .layer_cont{} .best_review_layer .review_layer_box .layer_info_box .layer_cont p{font-size:14px;color:#999;font-weight:400;line-height:145%;letter-spacing:-0.75px;} /* 플러스리뷰 컨텐츠 */ .review_list_box{} .review_list_box .plus_review_sub_tit{margin-top:40px;} .review_list_box .review_list{display: table;width:100%;box-sizing:border-box;border-top:1px solid #333;margin-top:0;} .review_list_box .review_list_cont{display:table-row;} .review_list_box .review_list_cont .review_photo, .review_list_box .review_list_cont .review_info_cont{display:table-cell;box-sizing:border-box;border-bottom:1px solid #eee;padding:20px 0 11px;vertical-align: top;} .review_list_box .review_list_cont .review_photo{width:110px;} .review_list_box .review_list_cont .review_photo .review_thumb_non {width:110px;height:110px;background:url(../img/da_image/bg-bbs-review-logo.jpg) no-repeat 50% 50%;background-size:cover;border:1px #ddd solid;display:inline-block;content:"";z-index:-1;box-sizing:border-box;} .review_list_box .review_list_cont .review_photo a{display:block; width:110px;height:0;padding-bottom:100%;box-sizing:border-box;position: relative;overflow:hidden;} .review_list_box .review_list_cont .review_photo a img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .review_list_box .review_list_cont .review_info_cont{padding-left:15px;} .review_list_box .review_list_cont .review_info_cont .review_text_box{} .review_list_box .review_list_cont .review_info_cont .review_text_box .title{font-size:17px;color:#333;font-weight:500;font-family:'Jeju Myeongjo';letter-spacing:-1.2px;line-height:1;} .review_list_box .review_btn_box{margin-top:29px; text-align:center;} .review_list_box .review_btn_box .btn_self_go.btn_go{font-weight:400; width:180px;} #wrap .review_list_box .review_list_cont .review_info_cont .review_text_box .content{min-height:auto;margin-top:10px;} .review_list_cont .review_info_cont .review_text_box .content .content_txt{font-size:13px;color:#888;font-weight:400;letter-spacing:-0.85px;word-break:break-all;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;line-height:19px;max-height:72px;} .review_list_cont .review_info_cont .review_text_box .content .btn_short{display: none;font-size:13px;color:#333;letter-spacing:-0.6px;box-sizing:border-box;border-bottom:1px solid #333;cursor:pointer;margin:11px 0 16px;line-height:13px;} .review_list_cont .review_info_cont .review_text_box .content .content_img{height:0;overflow:hidden; font-size:0;} .review_list_cont .review_info_cont .review_text_box .content .content_img img{max-width:100%;} .review_list_cont .review_info_cont .star_day_name{margin-top:10px;font-size:0;} .review_list_cont .review_info_cont .star_day_name + .star_day_name{margin-top:3px;} .review_list_cont .review_info_cont .star_day_name:after{clear:both;content:"";display: block;} .review_list_cont .review_info_cont .star_day_name span{display:inline-block;font-size:13px;color:#777;letter-spacing:-0.6px;font-family:'Noto Sans KR';line-height:26px;} .review_list_cont .review_info_cont .star_day_name .tag{width:55px;height:20px;line-height:20px;text-align:center;font-size:13px;color:#fff;font-weight:400;margin-right:6px;} .review_list_cont .review_info_cont .star_day_name .tag.care_review{background:#275b4e;} .review_list_cont .review_info_cont .star_day_name .tag.visit_review{background:#1b253c;} .review_list_cont .review_info_cont .star_day_name .tag.prd_review{background:#333;} .review_list_cont .review_info_cont .star_day_name span.branch:before{display: none;} .review_list_cont .review_info_cont .star_day_name span.star{color:#942020; margin-right:10px; font-size:14px; letter-spacing:0;} .review_list_cont .review_info_cont .star_day_name span.name{font-family:'Roboto'; color:#999;} .review_list_cont .review_info_cont .star_day_name .btn_more_review{float: right;cursor:pointer;color:#333;text-decoration:underline;} .review_list_cont .review_info_cont .star_day_name .btn_more_review:before{display: none;} /*on*/ .review_list_cont .review_info_cont.on .review_text_box .content .content_txt{max-height:initial;-webkit-line-clamp:initial;} .review_list_cont .review_info_cont.on .review_text_box .content .btn_short{display: inline-block;} .review_list_cont .review_info_cont.on .review_text_box .content .content_img{height:auto;overflow:inherit;} .review_list_cont .review_info_cont.on .review_text_box .content .content_img img{} .review_list_cont .review_info_cont.on .star_day_name{margin-top:12px;} .review_list_cont .review_info_cont.on .star_day_name + .star_day_name{margin-top:5px;} .review_list_cont .review_info_cont.on .star_day_name .btn_more_review{display: none;} /*쓰기 레이어*/ .review_write_layer .review_write_box{overflow-y:scroll; height:100vh;overflow-x:hidden;width:100%;} #wrap .review_write_layer .review_write_cont{overflow-y:scroll; height:140vh;overflow-x:hidden;width:100%;} .review_write_layer{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:19;opacity:0;height:0;overflow:hidden;} .review_write_layer.on{opacity:1;height:100%;overflow-y:visible;overflow-x:hidden; /*overflow-y:scroll; height:1300px;*/ -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */} .review_write_layer.on::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */} .review_write_layer .write_qa{position:relative;} .review_write_layer .close_btn{position:absolute; top:0; right:0; z-index:100; font-size:0;} .review_write_layer .review_write_box{width:100%;box-sizing:border-box;position: relative;border:0;padding:25px 15px 25px 15px; -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */} .review_write_layer .review_write_box::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */} .review_write_layer .review_write_box .title{width:100%;box-sizing:border-box;position:relative;border-bottom:1px solid #333;padding:29px 0 19px;} .review_write_layer .review_write_box .title h3{font-size:22px;color:#333;font-weight:400;letter-spacing:-1.1px;line-height:1;} .review_write_layer .review_write_box .title .btn_close{width:30px;height:30px;position: absolute;top:24px;right:0;cursor:pointer;} .review_write_layer .review_write_box .title .btn_close a{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;} .review_write_layer .review_write_box .title .btn_close span{display: inline-block;width:100%;height:1px;background:#333;position: absolute;top:50%;left:0;} .review_write_layer .review_write_box .title .btn_close span:nth-child(1){transform:rotate(45deg);} .review_write_layer .review_write_box .title .btn_close span:nth-child(2){transform:rotate(-45deg);} #wrap .review_write_layer .review_write_cont{margin-top:0; /* height:; */ padding-bottom:0; -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */} #wrap .review_write_layer .review_write_cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */} #wrap .review_write_layer .write_info_box{padding-bottom:25px; border-bottom:1px solid #ddd;} #wrap .review_write_layer .review_write_cont .write_info_cont{font-size:0;margin-bottom:15px;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file{margin-bottom:20px;} #wrap .review_write_layer .review_write_cont .write_info_cont dl{width:100%;font-size:0;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dt, .review_write_layer .review_write_cont .write_info_cont dl dd{display: inline-block;box-sizing:border-box;vertical-align: middle;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dt{font-size:15px;color:#333;font-weight:400;letter-spacing:-1px;width:70px;} #wrap .review_write_layer .review_write_cont .write_info_cont.write_textarea dl dt, #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dl dt{width:100%; margin-bottom:11px;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dl dt{margin-bottom:13px;} #wrap .review_write_layer .review_write_cont .write_info_cont.write_textarea dl dd, #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dl dd{width:100%;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd{padding-left:0;width:calc(100% - 70px);position: relative;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd select{box-sizing:border-box;width:100%;height:45px;border:1px solid #ccc;padding-left:14px;font-size:15px;color:#333;font-weight:400;background-color:#fff; background-position:94.5% center; letter-spacing:-1px;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd select.select_star{color:#ffcc00; letter-spacing:0;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd input{width:100%;height:45px;line-height:45px;box-sizing:border-box;background:#fff;border:1px solid #ccc;font-size:15px;color:#333;font-weight:400; padding:0 14px;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd input::-webkit-input-placeholder {color:#999; letter-spacing:-1px;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd input:-ms-input-placeholder {color:#999; letter-spacing:-1px;} #wrap .review_write_layer .review_write_cont .write_info_cont dl dd input:focus{background:#fff;border:1px solid #ccc;color:#333;} #wrap .review_write_layer .review_write_cont .write_normal_info dl{width:100%;display:block;} #wrap .review_write_layer .review_write_cont .care_select, #wrap .review_write_layer .review_write_cont .not_care{display:none;} #wrap .review_write_layer .review_write_cont .care_select.on, #wrap .review_write_layer .review_write_cont .not_care.on{display:block;} #wrap .review_write_layer .review_write_cont .write_normal_info.care_select .branch_name{display: inline-block;} #wrap .review_write_layer .review_write_cont .care_select dl:nth-child(-n+2), #wrap .review_write_layer .review_write_cont .not_care dl:nth-child(-n+2){margin-bottom:0;} #wrap .review_write_layer .review_write_cont .write_normal_info dl + dl{margin-top:15px;} #wrap .review_write_layer .review_write_cont .write_normal_info dl:nth-of-type(2n+1){margin-left:0;} #wrap .review_write_layer .review_write_cont .write_info_cont dl.branch_name dd select{width:calc(50% - 2.5px);background:#fff url('../img/da_image/select_arr.png')no-repeat 89.5% center; background-size:11px auto;} #wrap .review_write_layer .review_write_cont .write_info_cont dl.branch_name dd select + select{margin-left:5px;} #wrap .review_write_layer .review_write_cont .write_normal_info dl dd{width:calc(100% - 70px);} #wrap .review_write_layer .review_write_cont .sel_state{margin-left:5px;} #wrap .review_write_layer .write_info_cont .textarea_box{width:100%;height:150px;background:#f5f5f5;box-sizing:border-box;} /*#wrap .review_write_layer .write_info_cont .textarea_box.on{background:#fff;border:1px solid #333;}*/ #wrap .review_write_layer .write_info_cont textarea{width:100%;height:150px;box-sizing:border-box;background:#fff;font-size:15px;color:#333;font-weight:400;padding: 10px 10px 10px 12px;border:1px solid #ccc;resize:none;letter-spacing: -0.8px;} #wrap .review_write_layer .write_info_cont textarea::-webkit-input-placeholder {color:#999;} #wrap .review_write_layer .write_info_cont textarea:-ms-input-placeholder {color:#999;} #wrap .review_write_layer .write_info_cont textarea:focus{/*color:#333;background:#fff;*/} #wrap .review_write_layer .write_info_cont.write_textarea span{display:block;width:100%;border-top:none;font-size:12px;color:#777;font-weight:400;text-align: right;padding-right:10px;padding-bottom:7px;box-sizing:border-box;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dd .btn_add{width:45px;height:45px;display:inline-block;box-sizing:border-box;background:url('../img/da_image/btn_add_file.jpg')no-repeat center; background-size:100%;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dd input{display: none;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dd .add_thumb{width:45px;height:45px;display:inline-block;position: relative;margin-left:10px;vertical-align: top;background:transparent;} #wrap .review_write_layer .review_write_cont .write_info_cont.add_file dd .add_thumb img{width:100%; position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .review_write_layer .non_member_agree{text-align:left;margin: 19px 0 0;} #wrap .review_write_layer .non_member_agree .form_element.form_custom label.check_s{font-size: 16px;color: #555;padding-top: 0px;padding-left: 32px;letter-spacing: -1px;} #wrap .review_write_layer .non_member_agree .form_element.form_custom input:checked + label.check_s{background-size:auto 21px;} #wrap .review_write_layer.write_qa .non_member_agree .form_element.form_custom input:checked + label.check_s{background-size:auto 25px;} #wrap .review_write_layer .non_member_agree_tit{position:relative;font-size:14px;font-weight:500;color:#222;letter-spacing:-1px;margin-bottom: 7px;} #wrap .review_write_layer .non_member_agree a{position:absolute; top:0; right:0; display: inline-block;font-size:13px;color:#999;font-weight:400;letter-spacing:-0.65px;margin-left:14px;line-height:25px; padding-right:8px; text-decoration:underline;} #wrap .review_write_layer .non_member_agree a:before{width:4px;height:4px;content:"";border:1px solid #999;border-width:1px 1px 0 0;position: absolute;right:0;top:11px;transform:rotate(45deg); } #wrap .review_write_layer .non_member_agree .text_area_wrap{font-size:0;margin-bottom: 12px;} #wrap .review_write_layer .non_member_agree .text_area_wrap .agreement_box{background:#f5f5f5;border:0;font-size:12px;font-weight:400;letter-spacing:-1px;line-height:17px;width:100%;height:120px;color:#666;padding: 8px 10px;box-sizing:border-box;overflow-y:auto;} #wrap .review_write_layer .btn_center_box{width:100%;margin: 8px auto 0;} #wrap .review_write_layer .btn_center_box button{height:45px;line-height:43px;width:calc(50% - 5px) !important;} #wrap .review_write_layer .btn_center_box button + button{margin-left:10px;} #wrap .write_qa .input_wrap .capcha{display:flex;align-items: flex-start;justify-content:flex-start;} #wrap .write_qa .input_wrap .capcha .capcha_img{font-size:0; width:170px;} #wrap .write_qa .input_wrap .capcha .capcha_img img{max-width:100%;} #wrap .write_qa .input_wrap .capcha .capcha_body{width:calc(100% - 185px);} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_input input{width:100%;box-sizing:border-box;padding-left: 10px;letter-spacing: -1px;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_text{margin-bottom: 8px; letter-spacing:-1px;} #wrap .captchareload_btn{background:#fff;border:1px solid #ccc;margin-top:8.5px;width:100%;letter-spacing: -0.8px;padding-left: 12px;} #wrap .captchareload_btn span{display:inline-flex;font-size:0;width:10px;height:12px;vertical-align: middle;margin-bottom: 3px;margin-right: 1px;} #wrap .captchareload_btn span img{max-width:100%;} /*뷰페이지*/ #wrap .content .goods_area p.noti{font-size:14px;color:#999;font-weight:400;letter-spacing:-0.8px;line-height:21px;text-align:left;margin:11px 0 7px;} #wrap .view_event .view_wrap .view_box .view_info_box .view_info .date{font-family:'Roboto','Noto Snas KR';} #wrap .view_event .view_wrap .view_box .view_info_box .board_view_attach{background:#f5f5f5;box-sizing:border-box;text-align: right;padding:10px;} #wrap .tv_content .view_event .view_wrap .view_box .view_info_box .board_view_attach{background:none;} #wrap .view_event .view_wrap .view_box .view_info_box .board_view_attach span, #wrap .view_event .view_wrap .view_box .view_info_box .board_view_attach a{display: inline-block;box-sizing:border-box;} #wrap .view_event .view_wrap .view_box .view_info_box .board_view_attach span{margin-right:5px;} .sub_review .btn_center_box{font-size:0;} #wrap .sub_review .btn_center_box button, #wrap .sub_review .btn_center_box .btn_go{width:calc(33.3333% - 7px);} #wrap .sub_review .btn_center_box .btn_go{margin-left:10px;} #wrap .sub_review .btn_center_box button strong, #wrap .sub_review .btn_center_box .btn_go strong{font-weight:inherit;} #wrap .sub_review .btn_center_box .btn_board_modify{height:50px;line-height:43px;background:#275b4e;border:1px solid #275b4e;font-size:16px;color:#fff;font-weight:500;} /*비밀번호*/ .cite_layer {position:fixed; top:50%; left:50%; width:307px; height:192px; margin:-96px 0 0 -153px; z-index:1000; } .cite_layer .wrap {position:relative; height:190px; background:#ffffff; border:1px solid #555555;} .cite_layer .wrap h4 {height:27px; padding:13px 0 0 17px; background:#f4f4f4; color:#222222; } .cite_layer .wrap div {color:#666666; text-align:center; } .cite_layer .wrap div p {padding:25px 0 14px 14px; } .cite_layer .wrap div input {display:block; width:216px; height:31px; margin:0 auto 12px auto; line-height:31px; text-indent:10px; border:1px solid #ccc; } .cite_layer .wrap div .btn_box {width:60px; margin:0 auto;} .cite_layer .wrap .close {display:block; position:absolute; top:11px; right:12px; width:18px; height:18px; text-indent:-9999px; background:url('../img/da_image/icon-popup-closed.png') no-repeat center; background-size:auto 18px; border:none;} .ly_pwok_btn{display: block;width: 100%;padding: 6px 0 6px 0;text-align: center;background: #275b4e;border: 1px solid #275b4e;color: #ffffff;font-weight: bold;box-sizing: border-box;} /*수정*/ .sub_review .review_write_container{} #wrap .sub_review .review_write_container .ly_head{margin-top:25px;text-align: left;border-bottom:1px solid #333;height:auto;padding:0;} #wrap .sub_review .review_write_container .ly_head h3{font-size:18px;text-align: left;padding-bottom:5px;} .sub_review .review_write_container .review_write_box{margin-top:25px;} .sub_review .review_write_container .write_info_box{padding-bottom:25px; border-bottom:1px solid #ddd;} .sub_review .review_write_container .review_write_cont .write_info_cont{font-size:0;margin-bottom:15px;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file{margin-bottom:20px;} .sub_review .review_write_container .review_write_cont .write_info_cont dl{width:100%;font-size:0;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dt, .sub_review .review_write_container .review_write_cont .write_info_cont dl dd{display: inline-block;box-sizing:border-box;vertical-align: middle;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dt{font-size:15px;color:#333;font-weight:400;letter-spacing:-1px;width:70px;} .sub_review .review_write_container .review_write_cont .write_info_cont.write_textarea dl dt, .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dl dt{width:100%; margin-bottom:11px;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dl dt{margin-bottom:13px;} .sub_review .review_write_container .review_write_cont .write_info_cont.write_textarea dl dd, .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dl dd{width:100%;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd{padding-left:0;width:calc(100% - 70px);position: relative;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd select{box-sizing:border-box;width:100%;height:45px;border:1px solid #ccc;padding-left:14px;font-size:15px;color:#333;font-weight:400;background-color:#fff; background-position:94.5% center; letter-spacing:-1px;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd select.select_star{color:#ffcc00; letter-spacing:0;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd input{width:100%;height:45px;line-height:45px;box-sizing:border-box;background:#fff;border:1px solid #ccc;font-size:15px;color:#333;font-weight:400; padding:0 14px;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd input::-webkit-input-placeholder {color:#999; letter-spacing:-1px;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd input:-ms-input-placeholder {color:#999; letter-spacing:-1px;} .sub_review .review_write_container .review_write_cont .write_info_cont dl dd input:focus{background:#fff;border:1px solid #ccc;color:#333;} .sub_review .review_write_container .review_write_cont .write_normal_info dl{width:100%;display:block;} .sub_review .review_write_container .review_write_cont .care_select, .sub_review .review_write_container .review_write_cont .not_care{display:none;} .sub_review .review_write_container .review_write_cont .care_select.on, .sub_review .review_write_container .review_write_cont .not_care.on{display:block;} .sub_review .review_write_container .review_write_cont .write_normal_info.care_select .branch_name{display: inline-block;} .sub_review .review_write_container .review_write_cont .care_select dl:nth-child(-n+2), .sub_review .review_write_container .review_write_cont .not_care dl:nth-child(-n+2){margin-bottom:0;} .sub_review .review_write_container .review_write_cont .write_normal_info dl + dl{margin-top:15px;} .sub_review .review_write_container .review_write_cont .write_normal_info dl:nth-of-type(2n+1){margin-left:0;} .sub_review .review_write_container .review_write_cont .write_info_cont dl.branch_name dd select{width:calc(50% - 2.5px);background:#fff url('../img/da_image/select_arr.png')no-repeat 89.5% center; background-size:11px auto;} .sub_review .review_write_container .review_write_cont .write_info_cont dl.branch_name dd select + select{margin-left:5px;} .sub_review .review_write_container .review_write_cont .write_normal_info dl dd{width:calc(100% - 70px);} .sub_review .review_write_container .review_write_cont .sel_state{margin-left:5px;} .sub_review .review_write_container .write_info_cont .textarea_box{width:100%;height:150px;background:#f5f5f5;box-sizing:border-box;} /*.sub_review .review_write_container .write_info_cont .textarea_box.on{background:#fff;border:1px solid #333;}*/ .sub_review .review_write_container .write_info_cont textarea{width:100%;height:150px;box-sizing:border-box;background:#fff;font-size:15px;color:#333;font-weight:400;padding: 10px 10px 10px 12px;border:1px solid #ccc;resize:none;letter-spacing: -0.8px;} .sub_review .review_write_container .write_info_cont textarea::-webkit-input-placeholder {color:#999;} .sub_review .review_write_container .write_info_cont textarea:-ms-input-placeholder {color:#999;} .sub_review .review_write_container .write_info_cont textarea:focus{/*color:#333;background:#fff;*/} .sub_review .review_write_container .write_info_cont.write_textarea span{display:block;width:100%;border-top:none;font-size:12px;color:#777;font-weight:400;text-align: right;padding-right:10px;padding-bottom:7px;box-sizing:border-box;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dd .btn_add{width:45px;height:45px;display:inline-block;box-sizing:border-box;background:url('../img/da_image/btn_add_file.jpg')no-repeat center; background-size:100%;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dd input{display: none;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dd .add_thumb{width:45px;height:45px;display:inline-block;position: relative;margin-left:10px;vertical-align: top;background:transparent;} .sub_review .review_write_container .review_write_cont .write_info_cont.add_file dd .add_thumb img{width:100%; position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .sub_review .review_write_container .non_member_agree{text-align:left;margin: 19px 0 0;} .sub_review .review_write_container .non_member_agree .form_element.form_custom label.check_s{font-size: 16px;color: #555;padding-top: 0px;padding-left: 32px;letter-spacing: -1px;} .sub_review .review_write_container .non_member_agree .form_element.form_custom input:checked + label.check_s{background-size:auto 21px;} .sub_review .review_write_container.write_qa .non_member_agree .form_element.form_custom input:checked + label.check_s{background-size:auto 25px;} .sub_review .review_write_container .non_member_agree_tit{position:relative;font-size:14px;font-weight:500;color:#222;letter-spacing:-1px;margin-bottom: 7px;} .sub_review .review_write_container .non_member_agree a{position:absolute; top:0; right:0; display: inline-block;font-size:13px;color:#999;font-weight:400;letter-spacing:-0.65px;margin-left:14px;line-height:25px; padding-right:8px; text-decoration:underline;} .sub_review .review_write_container .non_member_agree a:before{width:4px;height:4px;content:"";border:1px solid #999;border-width:1px 1px 0 0;position: absolute;right:0;top:11px;transform:rotate(45deg); } .sub_review .review_write_container .non_member_agree .text_area_wrap{font-size:0;margin-bottom: 12px;} .sub_review .review_write_container .non_member_agree .text_area_wrap .agreement_box{background:#f5f5f5;border:0;font-size:12px;font-weight:400;letter-spacing:-1px;line-height:17px;width:100%;height:120px;color:#666;padding: 8px 10px;box-sizing:border-box;overflow-y:auto;} .sub_review .review_write_container .btn_center_box{width:100%;margin: 8px auto 0;} #wrap .sub_review .review_write_container .btn_center_box button{height:45px;line-height:43px;width:calc(50% - 5px) !important;margin:0;} #wrap .sub_review .review_write_container .btn_center_box button + button{margin-left:10px;} #wrap .write_qa .input_wrap .capcha{display:flex;align-items: flex-start;justify-content:flex-start;} #wrap .write_qa .input_wrap .capcha .capcha_img{font-size:0; width:170px;} #wrap .write_qa .input_wrap .capcha .capcha_img img{max-width:100%;} #wrap .write_qa .input_wrap .capcha .capcha_body{width:calc(100% - 185px);} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_input input{width:100%;box-sizing:border-box;padding-left: 10px;letter-spacing: -1px;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_text{margin-bottom: 8px; letter-spacing:-1px;} #wrap .captchareload_btn{background:#fff;border:1px solid #ccc;margin-top:8.5px;width:100%;letter-spacing: -0.8px;padding-left: 12px;} #wrap .captchareload_btn span{display:inline-flex;font-size:0;width:10px;height:12px;vertical-align: middle;margin-bottom: 3px;margin-right: 1px;} #wrap .captchareload_btn span img{max-width:100%;} /*** 리얼리뷰 - 리뷰 이벤트 ***/ .review_event .sub_line_tit .sub_line_cont{padding-left:15px; padding-right:15px;} .sub_review_event{text-align: center;background:#f5f5f5 url('../img/da_image/review_event_bg.jpg')no-repeat left top;} .sub_review_event .review_event_tit{padding-top: 35px;} .sub_review_event .review_event_tit h3{font-size: 22px;color:#333;font-weight:300;letter-spacing: -1.2px;line-height: 32px;margin-left:-10px;font-family:'Roboto', 'Noto Sans KR';} .sub_review_event .review_event_tit h3 strong{display: block;font-size:inherit;color:inherit;font-weight:500;line-height:inherit;} .sub_review_event .review_event_tit h3 strong span{display: inline-block;position: relative;box-sizing:border-box;font-size:inherit;color:#942020;font-weight:500;z-index:2;} .sub_review_event .review_event_tit h3 strong span:before{width:100%;height: 10px;content:"";background:#bb9284;opacity:0.2;position: absolute;left:0;bottom: 5px;z-index:-1;} .sub_review_event .review_event_tit p{font-size: 15px;color:#555;font-weight:300;letter-spacing:-1px;line-height: 23px;font-family:'Roboto', 'Noto Sans KR';margin-top: 12px;} .sub_review_event .review_event_tit p strong{display: block;font-size:inherit;color:#333;font-weight:500;} .review_event_cont{padding-bottom:50px;} .review_event_cont:before{display: none;} .review_event_cont .event_content{margin-top: 25px;} .review_event_cont .event_content > div{display:inline-block;box-sizing:border-box;width: 100%;} .review_event_cont .event_content .photo_review, .review_event_cont .event_content .normal_review{ box-shadow: 1.75px 3px 23px 0 rgba(0, 0, 0, 0.19);} .review_event_cont .event_content > div + div{margin-top: 20px;} .review_event_cont .event_content > div h4{width: 100%;box-sizing: border-box;border-radius: 10px 10px 0 0;background: #275b4e;text-align: center;height: 52px;line-height: 54px;font-size: 19px;color: #fff;font-weight: 400;letter-spacing: -0.06em;font-family: 'Roboto','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;position: relative;} .review_event_cont .event_content > div h4:before, .review_event_cont .event_content > div h4:after{width: 5px;height: 5px;content: "";box-sizing: border-box;background: #fff;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);} .review_event_cont .event_content > div h4:before{left: 20px;} .review_event_cont .event_content > div h4:after{right: 20px;} .review_event_cont .event_content .reviewer_content{width:100%;box-sizing: border-box;display: table;background: #fff;border: 1px solid #ddd;border-top: none;padding: 24px 0 25px;text-align: left;vertical-align: middle;height: 100px;} .review_event_cont .event_content .review_icon{width: 100px;height: 100px;box-sizing:border-box;border-radius:100%;display:inline-block;vertical-align:middle;margin-left: 25px;} .review_event_cont .event_content .photo_review .review_icon{background:#f5f5f5 url('../img/da_image/review-ico-photo.png')no-repeat center;background-size: auto 55px;} .review_event_cont .event_content .normal_review .review_icon{background:#f5f5f5 url('../img/da_image/review-ico-doc.png')no-repeat 66% center;background-size: auto 57px;} .review_event_cont .event_content .review_txt{display: inline-block;text-align:left;vertical-align: middle;margin-left: 20px; width:calc(100% - 145px);} .review_event_cont .event_content .review_txt p{font-size: 18px;color:#333;font-weight:400;letter-spacing:-1.1px;font-family:'Roboto', 'Noto Sans KR';line-height: 27px;} .review_event_cont .event_content .review_txt p strong{font-size:inherit;color:#942020;font-weight:700;} .review_event_cont .event_content .review_txt span{display:block;font-size:13px;color:#888;font-weight:300;letter-spacing:-0.7px;line-height:18px;margin-top:9px;} .review_event_cont .event_content > p{font-size:12px;color:#888;font-weight:300;text-align: right;letter-spacing:-0.8px;margin-top:14px;} .review_event_cont .btn_center_box{margin-top:10px; box-shadow:none;} .review_event_cont .event_content > p br{display:none;} .review_event .event_tip_box{margin-top: 50px;} .review_event .event_tip_box .event_tip{clear:both;width:100%;box-sizing:border-box;border: 2px solid #ccc;background:url('../img/da_image/pattern_bg.jpg') repeat left top;padding: 20px 23px 21px;text-align: center;background-size: 8px auto;box-shadow: 2.75px 3px 23px 0 rgba(0, 0, 0, 0.19);} .review_event .event_tip_box .event_tip h3{font-size: 19px;color:#333;font-weight:500;letter-spacing: -1px;padding-right: 9px;} .review_event .event_tip_box .event_tip h3 > span{color:#942020;} .review_event .event_tip_box .event_tip .tip_cont{display: inline-block;text-align:left;box-sizing:border-box;margin-top: 19px;} .review_event .event_tip_box .event_tip .tip_cont li{font-size: 15px;color:#444;font-weight:300;letter-spacing:-1.2px;line-height: 21px;position: relative;padding-left: 22px;} .review_event .event_tip_box .event_tip .tip_cont li + li{margin-top: 8px;} .review_event .event_tip_box .event_tip .tip_cont li:before{width:12px;height:10px;content:"";background:url('../img/da_image/icon_check_point.png')no-repeat center;position: absolute;top: 7px;left:0;} .review_event .event_tip_box .event_tip .tip_btn_box{margin-top:31px;} .review_event .event_tip_box .event_tip .tip_btn_box a{margin-left:10px;} .review_event .event_tip_box .event_tip .tip_btn{width:180px;height:45px;line-height:41px;font-size:16px;} #wrap .review_event_cont .btn_center_box .btn_self_now.btn_go{width:180px; height:45px; font-size:15px;} .event_tip_box .tip_ex_box{width:100%;box-sizing:border-box;margin-top: 40px;font-size:0;} .event_tip_box .tip_ex_box li{display: inline-block;box-sizing:border-box;width: 100%;text-align:center;vertical-align:top;box-shadow: 1px 2px 13px 0 rgb(0 0 0 / 35%);border-radius: 10px;} .event_tip_box .tip_ex_box li + li{margin: 20px 0 0 0;} .event_tip_box .tip_ex_box li .ex_tit{width: 100%;box-sizing: border-box;border-radius: 10px 10px 0 0;background:#1b253c;text-align:center;height: 52px;line-height: 54px;font-size: 19px;color: #fff;font-weight: 400;letter-spacing: -0.06em;font-family: 'Roboto','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;position: relative;} .event_tip_box .tip_ex_box li .ex_tit span{display:block;font-size:inherit;color:inherit;font-weight:inherit;} .event_tip_box .tip_ex_box li .ex_tit:before, .event_tip_box .tip_ex_box li .ex_tit:after{width: 5px;height: 5px;content: "";box-sizing: border-box;background: #fff;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);} .event_tip_box .tip_ex_box li .ex_tit:before{left: 20px;} .event_tip_box .tip_ex_box li .ex_tit:after{right: 20px;} .event_tip_box .tip_ex_box li .ex_cont{width:100%;box-sizing:border-box;border:0;border-top:none;padding: 29px 30px 26px 30px;} .event_tip_box .tip_ex_box li .ex_cont .ex_img{width:100%;} .event_tip_box .tip_ex_box li .ex_cont .ex_img img{width:100%;} .event_tip_box .tip_ex_box li .ex_cont p{font-size: 16px;color:#333;font-weight: 300;letter-spacing: -1px;line-height: 23px;font-family:'Noto Sans KR';margin-top:17px;} @media only screen and (max-width:320px){ .sub_review_event .review_event_tit h3{font-size:21px;} .sub_review_event .review_event_tit p{font-size:14px; line-height:145%;} .review_event_cont .event_content > div h4{font-size:18px;} .review_event_cont .event_content .review_icon{margin-left:15px; width:90px; height:90px;} .review_event_cont .event_content .photo_review .review_icon, .review_event_cont .event_content .normal_review .review_icon{background-size:auto 50px;} .review_event_cont .event_content .review_txt{margin-left:15px; width:calc(100% - 130px);} .review_event_cont .event_content .review_txt p{font-size:17px; line-height:24px;} .review_event_cont .event_content .review_txt span{font-size:12px;} .review_event_cont .event_content > p br{display:block;} .review_event .event_tip_box .event_tip h3{padding-right:0; font-size:18px;} .event_tip_box .tip_ex_box li .ex_tit{font-size:18px;} .event_tip_box .tip_ex_box li .ex_cont p{font-size:15px; line-height:145%;} }