/**/ .pop_content {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); visibility: hidden; transition:all .3s; z-index:100000; opacity:0;} .pop_content.show {visibility: visible; z-in dex:10000;transition:all .3s; opacity:1;} .pop_content .pnw_pos {position:absolute; top:calc(50% + 15px); left:50%; max-width:450px; width:calc(100% - 30px); max-height:650px; height:calc(100% - 30px); transform:translate(-50%, -50%); transition:all .3s; border-radius:15px; text-align:left; overflow:hidden;} .pop_content.show .pnw_pos {top:50%;} .pop_content .pp_hdbx {position:relative; height:55px; background:#fafafa; } .pop_content .pp_hdbx h2 {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:15px; font-weight:900; color:#000; z-index:1;} .pop_content .pp_hdbx i {position:absolute; top:50%; right:15px;transform:translateY(-50%) rotate(0); font-size:18px; cursor:pointer; transition: all .3s; z-index:1;} .pop_content .pp_hdbx i:hover {transform:translateY(-50%) rotate(180deg);} .pop_content .con {position:relative; height:calc(100% - 50px); padding:35px; background:#fff; } .pop_content .con {overflow-y:overlay;} .pop_content .con:: {-ms-overflow-style: none;} .pop_content .con::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .pop_content .con::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .pop_content .con {position:relative; height:calc(100% - 50px); padding:35px; background:#fff; } .pop_content .con ul.p_info {position:relative; z-index:1;} .pop_content .con ul.p_info li {position:relative; font-size:0; margin:7px 0 0 0;} .pop_content .con ul.p_info li span {display:inline-block; vertical-align:top; position:relative; font-size:12px; line-height:145%;} .pop_content .con ul.p_info li .tt {width:50px; color:#555; font-weight:700;} .pop_content .con ul.p_info li .txt {width:calc(100% - 50px); color:#333; font-weight:700;} .pop_content.eng .con ul.p_info li span {font-size:11px;} .pop_content.eng .con ul.p_info li .tt {width:70px;} .pop_content.eng .con ul.p_info li .txt {width:calc(100% - 70px);} .pop_content .con .kakao_api, .pop_content .con iframe {position:absolute; bottom:0; left:0; width:100%; height:52%; z-index:1;} .pop_content .con .logo_name {position:absolute; bottom:35px; left:0; width:100%; text-align:center; font-family:var(--GB); color:#000; font-size:15px; z-index:1;} .pop_content .pnw_pos p {position:relative; font-size:12px; font-weight:600; color:#555; line-height:160%; padding:0 0 15px 0; z-index:1;} .pop_content .pnw_pos .ment {position:relative; font-size:12px; font-weight:600; color:red; line-height:160%; padding:25px 0 0px 0; z-index:1;} .pop_content.eng .pnw_pos p {font-size:12px; line-height:150%;} .pop_content.eng .pnw_pos .ment {font-size:11px;} .pop_content.color .pnw_pos {background:url(/images/fi_1_7_1.jpg) no-repeat; background-size:cover; background-position:center center;} .pop_content.color .pnw_pos:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(111,0,0,0.85); } .pop_content.color .pp_hdbx {background:rgba(0,0,0,0.4);} .pop_content.color .pp_hdbx h2 {color:#fff;} .pop_content.color .pp_hdbx i {color:#eee;} .pop_content.color .con {background:transparent; } .pop_content.color .con ul.p_info {padding:0 0 0 5px;} .pop_content.color .con ul.p_info li .tt {color:rgba(255,255,255,0.6); width:100px;} .pop_content.color .con ul.p_info li .txt {color:#fff; width:calc(100% - 100px);} .pop_content.color .pnw_pos p {color:#eee;} .pop_content.color .pnw_pos .ment {color:rgba(255,255,255,0.7);} .pop_content.color .con .logo_name {color:#fff;} /**/ .cur_bg_box {position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden;} .cur_bg_box .circlr_bg {position:absolute; border-radius:100%; } .cur_bg_box .circlr_bg:after {content:""; display:block; padding-top:100%; } .cur_bg_box .circlr_bg.pos1 {top:150px; right:-200; width:600px; background:#fff8f8;} .cur_bg_box .circlr_bg.pos2 {bottom:-110px; left:-300; width:700px; background:yellow; opacity:0.05;} .cur_bg_box .circlr_bg.pos3 {bottom:-150px; right:150; width:300px; background:#fafafa; opacity:0.8;} @media screen and (max-width: 1260px){ .cur_bg_box {display:none;} } /**/ .default_wrap {position:relative; } .default_wrap .dw_full {position:relative; left:0; right:0; max-width:1200px; width:100%; margin:auto;} .default_wrap .dw_pos {position:relative; left:0; right:0; max-width:1200px; width:100%; margin:auto; padding:100px 30px; font-size:0;} .default_wrap .dw_pos h2 {position:relative; font-weight:900; font-size:20px; color:#000; line-height:110%; padding:0 15px;} .default_wrap .dw_pos h2.angel {text-align:center;} .default_wrap.eng .dw_pos h2 {font-size:20px; } .default_wrap .dw_pos h2.ss {font-size:18px; padding-bottom:50px; line-height:130%; font-weight:800;} .default_wrap .logo_wrap {position:relative; text-align:center; max-width:1300px; width:100%; padding:0 0 75px 0;} .default_wrap .logo_txt {position:relative; font-family:var(--GB); line-height:100%; font-size:0px;} .default_wrap .logo_txt span {display:inline-block; vertical-align:middle; position:relative; line-height:100%; font-size:75px; color:#000; } .default_wrap .lt_circle {position:absolute; top:-40px;; right:0;opacity:1; font-size:0; padding-bottom:15px; text-align:center; line-height:100%;} .default_wrap .lt_circle span {position:relative; display:inline-block; vertical-align:middle; width:20px; border-radius:100%;background:#fff; margin:0 5px; } .default_wrap .lt_circle span:after {content:""; display:block; padding-top:100%;} .default_wrap .lt_circle span.st1 {background:linear-gradient( to right, #f0dfdf, #c88d8f); } .default_wrap .lt_circle span.st2 {background:linear-gradient( to right, #e5c6c6, #c00202); } .default_wrap .lt_circle span.st3 {background:linear-gradient( to right, #ce0000, #7e0000); } .default_wrap .sub_ment {position:relative; line-height:100%; font-size:0px; color:#999; padding:15px 0 0 0;} .default_wrap .sub_ment span {position:relative; display:inline-block; vertical-align:middle; width:100%;font-size:17px; line-height:135%;font-weight:normal; font-family:var(--GL); letter-spacing:0.05em;} .default_wrap .kakao_api {position:relative; left:0; right:0; max-width:1200px; width:100%; height:300px; margin:auto; } .default_wrap .kakao_map_wrp {position: absolute;left: 0;bottom: 45px;width: 300px;height: 120px;margin-left: -150px; text-align: left;border-radius: 5px ; overflow: hidden; display:none;} .default_wrap .kakao_map_wrp * {padding: 0;margin: 0;} .default_wrap .km_info {position:absolute; top:0px; left:0;width: 100%;height: 100%;background: #fafafa; padding:0; border-radius:10px; overflow:hidden; border:1px solid #eee; } .default_wrap .km_info.show {display:inline-block !important;} .default_wrap .km_info h3 {position:relative; padding:0 15px 0 15px; height: 40px; line-height:40px; background: #f5f3f3; font-weight:800; font-size:13px; color:black; } .default_wrap .km_info h3 span {position: absolute;top: 50%;left: 10px; transform:translateY(-50%);color:#333; } .default_wrap .km_info .close {position: absolute;top: 50%;right: 10px; transform:translateY(-50%) rotate(0); color: #000; font-size:18px; transition:all .2s;cursor: pointer;} /*.default_wrap .km_info .close:hover {color:red; transition:all .2s; transform:translateY(-50%) rotate(270deg);}*/ .default_wrap .km_info .real_data {position: relative; font-size:0; padding:10px;} .default_wrap .km_info .photo_tm {display:inline-block; vertical-align:middle; width: 20%; position:relative;border-radius:100%;} .default_wrap .km_info .photo_tm:after {content:""; padding-top:100%; display:block;} ; .default_wrap .km_info .photo_tm img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%;} .default_wrap .km_info .loc_data {display:inline-block; vertical-align:middle; width:80%; padding:0 0 0 15px; white-space:normal;} .default_wrap .km_info .loc_data .k_address {display:inline-block; width:100%; font-size: 12px; line-height: 150%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .default_wrap .km_info .loc_data .k_etc {display:inline-block; width:100%; font-size: 12px;color: #888; letter-spacing:0em; white-space:nowrap; overflow:hidden;} .default_wrap .km_info .loc_data .k_etc span {font-weight:bold; color:#000;} .default_wrap .km_info .loc_data a {color: #888;} .default_wrap .km_info .here_pick {position:relative; top:-25px; left:0; right:0; margin:0 auto; background:white; width:30px; height:30px; transform: rotate(45deg); z-index:-1;} .default_wrap .short_info {position:relative; left:0; right:0; margin:auto; max-width:900px; font-size:16px; color:#777; font-weight:600; line-height:140%; text-align:left; padding:30px 0 0 0;} .default_wrap .short_info .hd {} .default_wrap.eng .short_info {font-size:14px; } .default_wrap .short_info span {color:var(--sym_color);} .default_wrap .short_info em {font-style:normal; display:inline-block; width:100%; padding-top:15px; font-size:13px;} .default_wrap .circle_box {position:relative; left:0; right:0; max-width:500px; width:100%; margin:60px auto; border-radius:100%; background:#ebfaff;} .default_wrap .circle_box:after {content:""; display:block; padding-top:100%;} .default_wrap .circle_box .tx_wrap {position:absolute; top:6%; left:0; width:100%;text-align:center; z-index:2;} .default_wrap .circle_box .title {position:relative; font-size:30px; color:#004a80; font-weight:900;line-height:140%; } .default_wrap .circle_box .stt {position:relative; font-size:15px; color:#004a80; font-weight:800;line-height:120%; padding-top:0px; } .default_wrap .circle_box .cb_inc_won {position:absolute; top:50%; left:50%; width:50%; transform:translate(-50%, -50%); background:yellowgreen; background: linear-gradient(135deg, #e0f4ff, #a0dcff); border-radius:100%; z-index:1;} .default_wrap .circle_box .cb_inc_won:after {content:""; display:block; padding-top:100%;} .default_wrap .circle_box .in_txt {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; line-height:120%; font-size:20px; color:#004a80; font-weight:900; z-index:2;} .default_wrap ul.gel_exp {position:relative; left:0; right:0; max-width:1000px; width:100%; margin:-140px auto 50px auto; font-size:0;} .default_wrap ul.gel_exp li {display:inline-block; vertical-align:top; width:calc(33.3333% - 50px); margin:0 25px; position:relative; padding:80px 25px; border:0px solid #eee; font-size:0; text-align:center; min-height:250px;} .default_wrap ul.gel_exp li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000;border-radius:30px; opacity:0.03;} .default_wrap ul.gel_exp li:after {content:"\e907"; font-family:xeicon !important; position:absolute; top:50%; right:-35px; transform:translateY(-50%); font-size:20px; color:#999;} .default_wrap ul.gel_exp li:last-child:after {display:none;} .default_wrap ul.gel_exp li h3 {position:relative; font-size:25px; color:#000; font-weight:900; line-height:110%;} .default_wrap ul.gel_exp li p {position:relative; font-size:15px; color:#555; font-weight:800; line-height:130%; padding-top:15px;} .default_wrap.eng ul.gel_exp li h3 {font-size:22px;} .default_wrap.eng ul.gel_exp li p {font-size:13px;} .default_wrap .cmp_loc {position:relative; max-width:900px; left:0; right:0; height:400px; border-radius:30px; overflow:hidden; margin:60px auto 0 auto; display:none;} .default_wrap .cmp_loc .kakao_api, .default_wrap .cmp_loc iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .default_wrap .gc_wrap {position:relative; left:0; right:0; max-width:1000px; width:100%; margin:0 auto 70px auto; border-bottom:1px dashed #ddd; padding-bottom:70px;} .default_wrap .gc_wrap:last-child {margin-bottom:0; padding:0; border:0;} .default_wrap .gen_cbx {position:relative; left:0; right:0; max-width:900px; width:100%; margin:auto; font-size:14px; color:#333; font-weight:600; line-height:150%; text-align:left; } .default_wrap .gen_cbx span {display:inline-block; width:100%;position:relative; font-size:25px; color:#000; padding:0 0 15px 0; font-weight:900; line-height:130%;} .default_wrap .gen_rest {position:relative; left:0; right:0; max-width:800px; width:100%; margin:auto;text-align:left; padding-top:40px;} .default_wrap .gen_half {display:inline-block; vertical-align:top; width:50%; position:relative; } .default_wrap .gen_half.gh_l {padding:0 20px 0 0;} .default_wrap .gen_half.gh_r {padding:0 0 0 20px;} .default_wrap .gen_tx_bx {position:relative; left:0; right:0; text-align:left; max-width:900px; width:100%; margin:auto; padding-top:40px; font-size:0;} .default_wrap .gen_tx_bx.sm {padding-top:10px;} .default_wrap .gen_tx_bx.angel {max-width:1000px; width:100%;} .default_wrap .gen_tx_bx h3 {position:relative; font-size:20px; color:#000; font-weight:800; line-height:110%; } .default_wrap .gen_tx_bx h3.pipe {padding-left:20px;} .default_wrap .gen_tx_bx p {position:relative; font-size:14px; color:#777; font-weight:600; line-height:150%;padding:10px 0 0 2px;} .default_wrap .gen_tx_bx .gtb_exp {position:relative; font-size:13px; color:#777; font-weight:600; line-height:150%;padding:0 0 0 0px;} .default_wrap .gtb_wrp {display:inline-block; vertical-align:top; width:50%; position:relative; border:1px solid red;} .default_wrap .gtb_wrp.gw_l {padding:0 25px 0 0;} .default_wrap .gtb_wrp.gw_r {padding:0 0 0 25px;} .default_wrap .ceo, .default_wrap .introduce {display:inline-block; vertical-align:top; } .default_wrap .ceo {width:200px; text-align:center;} .default_wrap .introduce {width:calc(100% - 200px); padding:10px 0 0 50px;} .default_wrap .ceo .pic, .default_wrap .ceo name, .default_wrap .ceo grp_pos {display:inline-block; width:100%; position:relative; } .default_wrap .ceo .pic {border-radius:10px; background-size:cover !important; background-position:center center !important;} .default_wrap .ceo .pic:after {content:""; display:block; padding-top:120%; } .default_wrap .ceo name {font-size:17px; font-weight:900; color:#000; padding:15px 0 5px 0;} .default_wrap .ceo grp_pos {font-size:13px; font-weight:700; color:#333;} .default_wrap .ceo_rest {position:relative; } .default_wrap .ceo_rest h3 {position:relative; font-size:17px; font-weight:900; color:#000; padding:0px 0 5px 0;} .default_wrap .ceo_rest h4 {position:relative; font-size:15px; font-weight:800; color:#9d6c6c; padding:15px 0 0 0; margin-bottom:-10px;} .default_wrap .mb_wrap {position:relative; padding:50px; border-top:1px dashed #ddd;} .default_wrap .mb_wrap:first-child {border:0; padding-top:0;} .default_wrap .cr_info {position:relative; padding-bottom:20px;} .default_wrap .cr_info name, .default_wrap .cr_info grp_pos {display:inline-block; width:100%; position:relative; } .default_wrap .cr_info name {font-size:18px; font-weight:900; color:#000; padding:0px 0 5px 0;} .default_wrap .cr_info grp_pos {font-size:13px; font-weight:700; color:#333;} .default_wrap ul.id_list {position:relative; padding:15px 0 0 0;} .default_wrap ul.id_list li {display:inline-block; width:100%; margin-top:5px; text-indent:-11px; padding:0 0 0 11px; font-size:13px; line-height:130%; color:#555; text-align:left;} .default_wrap ul.id_list li:before {content:"ㆍ";} .default_wrap ul.id_list_frm {position:relative; padding:50px; background:#fafafa; margin-top:10px; border-radius:10px; } .default_wrap ul.id_list_frm li {display:inline-block; width:100%; margin-top:5px; text-indent:-11px; padding:0 0 0 11px; font-size:13px; line-height:130%; color:#555; } .default_wrap ul.id_list_frm li:before {content:"ㆍ";} .default_wrap ul.id_rest {position:relative; padding:0px 0 0 10px;} .default_wrap ul.id_rest li {display:inline-block; vertical-align:top; width:100%; margin-top:20px; font-size:13px; line-height:130%; color:#555;} .default_wrap ul.id_rest.half li {width:50%; padding:10px 10px 0px 10px;} .default_wrap ul.id_rest li h4 {position:relative; font-size:15px; color:#333; font-weight:800; line-height:110%;padding:0 0 15px 0;} .default_wrap.eng ul.id_rest li h4 {padding:0 0 10px 0;} .default_wrap ul.id_rest1 {position:relative; padding:0px 0 0 10px;} .default_wrap ul.id_rest1 > li {display:inline-block; vertical-align:top; width:100%; margin-top:30px; font-size:13px; line-height:130%; color:#555;} .default_wrap ul.id_rest1.half > li {width:50%; padding:10px 10px 0px 10px;} .default_wrap ul.id_rest1 > li h4 {position:relative; font-size:15px; color:#333; font-weight:800; line-height:110%;padding:0 0 0 0;} .default_wrap.eng ul.id_rest1 > li h4 {padding:0 0 10px 0;} .default_wrap ul.id_rest2 {position:relative; padding:0px 0 0 10px;} .default_wrap ul.id_rest2 > li {display:inline-block; vertical-align:top; width:33.3333%; margin-top:30px; font-size:13px; line-height:130%; padding:0 10px 0 0; color:#555;} .default_wrap ul.id_rest2.half > li {width:50%; padding:10px 10px 0px 10px;} .default_wrap ul.id_rest2 > li h4 {position:relative; font-size:15px; color:#333; font-weight:800; line-height:110%;padding:0 0 0 0;} .default_wrap.eng ul.id_rest2 > li h4 {padding:0 0 10px 0;} .default_wrap ul.id_arr {position:relative; padding:40px 0 0 0; font-size:0;} .default_wrap ul.id_arr li {display:inline-block; vertical-align:top; width:calc(25% - 40px); margin:0 20px; font-size:12px; line-height:140%; color:#777; } .default_wrap ul.id_arr li h4 {position:relative; font-size:15px; color:#333; font-weight:800; line-height:140%;padding:0 0 10px 0;} .default_wrap .angel_pic {position:relative; left:0; right:0; margin:auto; font-size:0; max-width:1000px; width:100%; padding:50px 0 20px 0;} .default_wrap .angel_pic .ap_pic, .default_wrap .angel_pic .ap_spec {display:inline-block; vertical-align:top; position:relative;} .default_wrap .angel_pic .ap_pic {width:300px; padding:0 30px 0 0;} .default_wrap .angel_pic .ap_pic img {width:100%; border-radius:10px; border:1px solid #eee;} .default_wrap .angel_pic .ap_spec {width:calc(100% - 300px);} .default_wrap .ap_add {position:relative; font-size:13px; color:#333; font-weight:700; line-height:150%; padding:0 10px 30px 10px; text-align:left;} .default_wrap .wide {max-width:1100px; width:100%; } .default_wrap .gr_exp {position:relative; font-size:13px; color:#333; font-weight:700; line-height:150%;padding:50px; background:#fafafa; margin-top:10px; border-radius:10px;} .default_wrap ul.cmp_member {position:relative; font-size:0; } .default_wrap ul.cmp_member > li {display:inline-block; vertical-align:top; width:calc(50% - 20px); font-size:0; margin:0 10px 50px 10px; position:relative; text-align:left;} .default_wrap ul.cmp_member.our > li {width:calc(33.3333% - 20px);} .default_wrap ul.cmp_member > li .pic, .default_wrap ul.cmp_member > li name, .default_wrap ul.cmp_member > li grp_pos, .default_wrap ul.cmp_member > li p, .default_wrap ul.cmp_member > li .if_wrp {display:inline-block; vertical-align:top; width:100%; position:relative; } .default_wrap ul.cmp_member > li .pic {max-width:200px; background-size:cover !important; background-position:center center !important; border-radius:10px; overflow:hidden; margin-left:30px;} .default_wrap ul.cmp_member > li .pic:after {content:""; display:block; padding-top:120%;} .default_wrap ul.cmp_member > li .if_wrp {padding:30px; text-align:left;} .default_wrap ul.cmp_member > li name {font-size:17px; color:#000; font-weight:900;} .default_wrap ul.cmp_member > li grp_pos {font-size:14px; color:#333; font-weight:800;} .default_wrap ul.cmp_member > li p {font-size:12px; color:#777; font-weight:700; padding:10px 0 0 2px; line-height:170%; text-align:left;} .default_wrap.eng ul.cmp_member > li p {line-height:150%;} @media screen and (max-width: 1260px){ .default_wrap .dw_pos {padding:50px 30px;} .default_wrap .logo_wrap {padding:75px 0 45px 0;} .default_wrap ul.cmp_member.our > li {width:calc(50% - 20px);} } @media screen and (max-width: 900px){ .default_wrap .dw_pos h2 {font-size:30px;} .default_wrap.eng .dw_pos h2 {font-size:18px; } .default_wrap .dw_pos h2.ss {font-size:18px; padding-bottom:50px;} .default_wrap .short_info {font-size:14px; padding:20px 0 0 0;} .default_wrap .short_info em {font-size:13px; } .default_wrap.eng .short_info {font-size:13px; } .default_wrap.eng .short_info em {font-size:12px; } .default_wrap .ceo {width:100%;} .default_wrap .introduce {width:100%; padding:30px 0 0 0px;} .default_wrap .ceo .pic {max-width:200px; width:100%;} .default_wrap .circle_box {margin:50px auto;} .default_wrap .circle_box .tx_wrap {top:6%;} .default_wrap .circle_box .title {font-size:25px;} .default_wrap .circle_box .stt {font-size:14px; } .default_wrap .circle_box .in_txt {font-size:18px;} .default_wrap ul.gel_exp {margin:-140px auto 30px auto;} .default_wrap ul.gel_exp li {width:calc(33.3333% - 10px); margin:0 5px; padding:50px 15px; min-height:190px;} .default_wrap ul.gel_exp li:before {border-radius:10px;} .default_wrap ul.gel_exp li:after {display:none;} .default_wrap ul.gel_exp li h3 {font-size:20px; } .default_wrap ul.gel_exp li p {font-size:13px; padding-top:10px;} .default_wrap.eng ul.gel_exp li h3 {font-size:20px;} .default_wrap.eng ul.gel_exp li p {font-size:12px;} .default_wrap ul.id_arr {padding:30px 0 0 0;} .default_wrap ul.id_arr li {width:calc(50% - 40px); margin:10px 20px; } .default_wrap .angel_pic {text-align:center;} .default_wrap .angel_pic .ap_pic {padding:0 0px 0 0;} .default_wrap .angel_pic .ap_spec {width:100%; padding:30px 0 0 0;} } @media screen and (max-width: 650px){ .default_wrap .dw_pos {padding:30px 10px;} .default_wrap .dw_pos h2 {font-size:20px; padding: 0 10px;} .default_wrap .dw_pos h2.angel {text-align:left;font-size:17px; } .default_wrap.eng .dw_pos h2 {font-size:17px; } .default_wrap .dw_pos h2.ss {font-size:15px; padding-bottom:30px;} .default_wrap .short_info {font-size:12px; padding:10px 10px 0 10px; text-align:left;} .default_wrap .short_info em {font-size:11px; } .default_wrap.eng .short_info {font-size:11px; } .default_wrap.eng .short_info em {font-size:10px; } .default_wrap .logo_wrap {padding:15px 0 45px 0;} .default_wrap .logo_txt span {font-size:40px;} .default_wrap .lt_circle {top:-20px;} .default_wrap .lt_circle span {width:10px;margin:0 3px; } .default_wrap .sub_ment {padding:10px 0 0 0;} .default_wrap .sub_ment span {font-size:11px; line-height:135%;} .default_wrap .gen_cbx {font-size:12px; line-height:150%; padding:0 15px;} .default_wrap .gen_cbx span {font-size:17px; padding:0 0 10px 0;} .default_wrap .gen_rest {padding:20px 10px 0 10px;} .default_wrap .gen_tx_bx {padding:20px 10px 0 10px;} .default_wrap .gen_tx_bx.sm {padding-top:15px;} .default_wrap .gen_tx_bx h3 {font-size:17px;} .default_wrap .gen_tx_bx h3.pipe {padding-left:0px;} .default_wrap .gen_tx_bx p {font-size:12px; line-height:150%;padding:10px 0 0 0px;} .default_wrap .gen_tx_bx .gtb_exp {position:relative; font-size:13px; color:#777; font-weight:600; line-height:150%;padding:0 0 0 0px;} .default_wrap .cr_info {padding:0 10px 20px 10px;} .default_wrap .ceo name {font-size:15px; padding:15px 0 5px 0;} .default_wrap .ceo grp_pos {font-size:12px;} .default_wrap ul.id_list {padding:0px 0px;} .default_wrap ul.id_list li {font-size:11px;} .default_wrap ul.id_list_frm {padding:20px; margin-top:0px; } .default_wrap ul.id_list_frm li {font-size:12px; } .default_wrap ul.id_rest {padding:0px 0 0 10px;} .default_wrap ul.id_rest li {margin-top:10px; font-size:11px;} .default_wrap ul.id_rest.half li {width:100%; padding:0;} .default_wrap ul.id_rest li h4 {font-size:13px; padding:0 0 15px 0;} .default_wrap.eng ul.id_rest li h4 {font-size:13px; padding:0 0 15px 0;} .default_wrap ul.id_rest1 {padding:0px 0 0 10px;} .default_wrap ul.id_rest1 > li {margin-top:10px; font-size:11px;} .default_wrap ul.id_rest1.half > li {width:100%; padding:0;} .default_wrap ul.id_rest1 > li h4 {font-size:13px; padding:0 0 15px 0;} .default_wrap.eng ul.id_rest1 > li h4 {font-size:13px; padding:0 0 15px 0;} .default_wrap ul.id_rest2 {padding:0px 0 0 10px;} .default_wrap ul.id_rest2 > li {width:100%; margin-top:10px; font-size:11px; padding:0;} .default_wrap ul.id_rest2.half > li {width:100%; padding:0;} .default_wrap ul.id_rest2 > li h4 {font-size:13px; padding:0 0 15px 0;} .default_wrap.eng ul.id_rest2 > li h4 {padding:0 0 15px 0;} .default_wrap ul.cmp_member {padding:20px 25px 0 25px; } .default_wrap ul.cmp_member > li, .default_wrap ul.cmp_member.our > li {width:100%; margin:0 0 30px 0; } .default_wrap ul.cmp_member > li .pic {margin-left:0px;} .default_wrap ul.cmp_member > li .if_wrp {padding:15px 0 0 0px;} .default_wrap ul.cmp_member > li name {font-size:15px;} .default_wrap ul.cmp_member > li grp_pos {font-size:12px;} .default_wrap ul.cmp_member > li p {font-size:11px; padding:5px 0 0 0px; line-height:150%;} .default_wrap.eng ul.cmp_member > li p {line-height:140%;} .default_wrap .ceo_rest h4 {font-size:13px;margin-bottom:0; padding:5px 0 0 0;} .default_wrap .mb_wrap {padding:30px 0;} .default_wrap .circle_box {margin:20px auto;} .default_wrap .circle_box .tx_wrap {top:7%;} .default_wrap .circle_box .title {font-size:20px;} .default_wrap .circle_box .stt {font-size:12px; } .default_wrap .circle_box .in_txt {font-size:15px;} .default_wrap ul.gel_exp {margin:-100px auto 20px auto;} .default_wrap ul.gel_exp li {width:calc(33.3333% - 4px); margin:0 2px; padding:30px 5px; min-height:150px;} .default_wrap ul.gel_exp li h3 {font-size:15px; } .default_wrap ul.gel_exp li p {font-size:11px; } .default_wrap.eng ul.gel_exp li h3 {font-size:17px;} .default_wrap.eng ul.gel_exp li p {font-size:11px;} .default_wrap ul.id_arr {padding:10px 0 0 0;} .default_wrap ul.id_arr li {width:100%; margin:10px 0px; font-size:11px;} .default_wrap ul.id_arr li h4 {font-size:13px; } .default_wrap .angel_pic {padding:30px 0 0px 0;} .default_wrap .angel_pic .ap_spec {padding:50px 0 20px 0; white-space:nowrap; width:calc(100% + 20px); margin:0 0 0 -10px; padding:30px;} .default_wrap .angel_pic .ap_spec {overflow-y:overlay;} .default_wrap .angel_pic .ap_spec:: {-ms-overflow-style: none;} .default_wrap .angel_pic .ap_spec::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .default_wrap .angel_pic .ap_spec::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .default_wrap .ap_add {font-size:12px; line-height:150%; padding:0 20px 30px 20px;} .default_wrap .gen_half {width:100%;} .default_wrap .gen_half.gh_l {padding:0 0px 0 0;} .default_wrap .gen_half.gh_r {padding:0 0 0 0px;} .default_wrap .gc_wrap {margin:0 auto 20px auto; padding-bottom:20px;} .default_wrap .gr_exp {font-size:12px; line-height:140%;padding:20px;margin-top:0px;} .default_wrap .cmp_loc {width:calc(100% + 10px); height:300px; border-radius:10px; margin:30px 0 0 -5px;;} } /**/ .arrow_gra {position:relative; font-size:0; padding:20px 0 15px 0;} /*.arrow_gra * {font-family:tahoma !important; font-weight:normal !important; letter-spacing:0em;}*/ .arrow_gra .box_title {position:relative; font-weight:800; color:#fff;} .arrow_gra .box_title:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; border-radius:7px; z-index:1;} .arrow_gra .box_title:after {content:""; position:absolute; top:50%; right:-20px; transform:translateY(-50%); border-left:30px solid #333; border-top:30px solid transparent; border-bottom:30px solid transparent; z-index:1;} .arrow_gra .box_rest {position:relative; font-weight:700; color:#333;} .arrow_gra .br_set {position:relative; background:#fafafa;margin-top:5px; padding:0 0 25px 0; border-radius:7px; overflow:hidden;} .arrow_gra .br_set:after {content:""; position:absolute; top:0; left:0; width:300px; height:100%;background:#f5f3f3;} .arrow_gra .br_set .bar {position:absolute; bottom:15px; left:310px; height:20px; background: linear-gradient( to right, skyblue, red); border-radius:30px;} .arrow_gra .br_set .bar.b1 {width:450px;} .arrow_gra .br_set .bar.b2 {width:260px;} .arrow_gra .br_set .bar.b3 {width:230px;} .arrow_gra .br_set .bar.b4 {width:230px;} .arrow_gra .arrow_down {position:absolute; top:128px; right:50px; width:200px; height:310px; background:linear-gradient( to top, #dfe0e3, #a7b5bb); z-index:1;} .arrow_gra .arrow_down:after {content:""; position:absolute; bottom:-50px; left:0; border-top:50px solid #dfe0e3; border-left:100px solid transparent; border-right:100px solid transparent;} .arrow_gra .arrow_down .ad_con {position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:center; width:100%; padding:25px; color:#fff; line-height:150%; font-size:12px; font-weight:800;} .arrow_gra .wrp {position:relative; display:inline-block; vertical-align:middle; font-size:0; z-index:1;} .arrow_gra .wrp.w1 {width:300px; font-weight:800;} .arrow_gra .wrp.w2 {width:calc(100% - 300px);} .arrow_gra .wrp > div {position:relative; display:inline-block; vertical-align:middle; font-size:11px; padding:15px; line-height:140%;} .arrow_gra.lng .wrp > div {font-size:10px; } .arrow_gra .wrp .cate {width:150px;} .arrow_gra .wrp .type {width:calc(100% - 150px);} .arrow_gra .wrp .cs {width:180px;} .arrow_gra .wrp .cell {width:120px;} .arrow_gra .wrp .ani {width:calc(100% - 600px);} .arrow_gra .wrp .glp {width:140px;} .arrow_gra .wrp .pha {width:160px;} .arrow_gra .box_rest .wrp.w1 {padding-top:20px;} @media screen and (max-width: 1260px){ .arrow_gra {width:calc(100% + 60px); margin:0 0 0 -30px; padding:30px 45px 30px 30px;} .arrow_gra {overflow-y:overlay;} .arrow_gra:: {-ms-overflow-style: none;} .arrow_gra::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .arrow_gra::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .arrow_gra .box_title, .arrow_gra .box_rest {width:1000px;} .arrow_gra .box_title:after {right:-10px; border-left: 25px solid #333; border-top: 25px solid transparent; border-bottom: 25px solid transparent;} } @media screen and (max-width: 1260px){ .arrow_gra {width:calc(100% + 20px); margin:0 0 0 -10px; padding:30px 45px 30px 30px;} } @media screen and (max-width: 650px){ .arrow_gra {width:calc(100% + 20px); margin:0 0 0 -10px; padding:15px 25px 30px 10px;} } /**/ ul.pipe_new {position:relative; min-width:1000px; font-size:0;} ul.pipe_new li {display:inline-block; vertical-align:middle; width:calc(12.5% - 4px); margin:2px; line-height:140%; position:relative; border:1px solid #e9e9e9;} ul.pipe_new li.ad_c {background:none !important; border:0 !important;} ul.pipe_new li.ad_c .ad_exp {position:absolute; top:0; left:0; background:#ff9900; width:100%; height:calc(400% + 13px);} ul.pipe_new li.ad_c .ad_exp .ment {position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:12px; padding:0 15px; color:#fff;} ul.pipe_new.title{margin-bottom:5px;} ul.pipe_new.title li {line-height:33px; font-size:12px; text-align:center; background:#8b0000; color:#fff; border:0; border-radius:30px;} ul.pipe_new.title li.tt1, ul.pipe_new.title li.tt2 {background:none; border:0;} ul.pipe_new.title li.pick {/*background:red;*/width:calc(25% - 4px); border:0; color:#fff;} ul.pipe_new.con li {height:125px; font-size:12px; padding:10px; background:#f5f3f3;} ul.pipe_new.con li span {color:red; display:inline-block; width:100%;} ul.pipe_new.con li.tt1 {background:#333;width:calc(14% - 4px); border:0; color:#fff;} ul.pipe_new.con li.tt2 {background:#777;width:calc(11% - 4px); border:0; color:#fff;} ul.pipe_new.con li .bar {position: absolute; bottom: 10px; height: 15px; background: linear-gradient(to right, red, #b10000); border-radius: 30px; z-index:1;} ul.pipe_new.con li .bar.b1 {width:calc(200% + 8px);left: 0;} ul.pipe_new.con li .bar.b2 {width:100%;left: 0;} ul.pipe_new.con li .bar.b3 {width:95%;left: 0;} ul.pipe_new.con li .bar.b4 {width:50%; right:0;} /**/ .cyto_line {position:relative; /*background: url(/images/pattern_2.png); background-size: auto 100%; opacity: 0.3;*/ height:1px; border-top:1px dashed #ddd;} .default_wrap_box {position:relative;} .default_wrap_box .title_box {position:relative; padding:50px 0;} .default_wrap_box .title_box .tb_pos {position:relative; max-width:650px; width:100%; left:0; right:0; margin:auto; text-align:center;} .default_wrap_box .title_box h2 {position:relative; font-size:25px; font-weight:900; color:#000;} .default_wrap_box .dwb_pos {position:relative; max-width:600px; width:100%; left:0; right:0; margin:auto; padding:0 20px 30px 20px;} .default_wrap_box ul.frm_box {position:relative;} .default_wrap_box ul.frm_box li {position:relative; font-size:0; position:relative; margin:5px 0 0 0;} .default_wrap_box ul.frm_box li.title {font-size:15px; font-weight:900; color:#000; padding:15px 5px 3px 5px;} .default_wrap_box ul.frm_box li.title ment {display:inline-block; width:100%; font-size:12px; font-weight:700; color:#333; padding:0px 0 0 0;} .default_wrap_box ul.frm_box li span {position:absolute; top:50%; left:15px; transform:translateY(-50%); font-size:12px; line-height:100%; font-weight:800; color:#333;} .default_wrap_box ul.frm_box li input {width:100%; height:50px; padding:0 10px 0 80px;} .default_wrap_box ul.frm_box li textarea {width:100%; height:200px; padding:10px;} .default_wrap_box ul.frm_box li input, .default_wrap_box ul.frm_box li textarea {border:1px solid #e9e9e9; background:#fafafa; font-size:13px; text-align:left; transition:all .2s; color:#2f77b5; border-radius:7px; font-weight:800;} .default_wrap_box ul.frm_box li input:focus, .default_wrap_box ul.frm_box li textarea:focus {outline:none; background:#fff; border:1px solid #999; transition:all .2s;} .default_wrap_box ul.frm_box li input::placeholder {color: #ddd; font-size:12px; font-weight:700;} .default_wrap_box ul.frm_box li .con {position:relative;} .default_wrap_box ul.frm_box li .con > img {position:absolute; width:95px; height:30px; top:50%; left:15px; transform:translateY(-50%); padding-right:5px; border-right:1px solid #e9e9e9; } .default_wrap_box ul.frm_box li .con > input {padding:0 10px 0 125px;background:#fff; border-color:#f7cccc;} .default_wrap_box .btn_area {position: relative; margin-top: 40px; text-align: center;} .default_wrap_box .btn_area button, .default_wrap_box .btn_area input {display: inline-block; max-width: 300px; width: 100%; padding: 20px 0; font-size: 13px; font-family: var(--neo); font-weight: 900; border: 0; border-radius: 35px; background: var(--btn_bg_off); color: var(--btn_color_off); transition: all .3s; cursor: pointer; position:relative; z-index:1;} .default_wrap_box .btn_area input:hover, .default_wrap_box .btn_area button:hover {background: var(--btn_bg_on); color: var(--btn_color_on);} @media screen and (max-width: 650px){ .default_wrap_box .title_box {padding:30px 20px 15px 20px; } .default_wrap_box .title_box h2 {text-align:left; font-size:18px;} } /**/ .dwb_wrap {position:relative; text-align:center;} .dwb_wrap.line_t {border-top:1px dashed #e9e9e9;} .dwb_wrap.line_b {border-bottom:1px dashed #e9e9e9;} .dwb_wrap .wd_set {position:relative; width:100%; left:0; right:0; margin:auto; font-size:0; padding:160px 60px 120px 60px;} .dwb_wrap .wd_set.fix {max-width:1260px; } .dwb_wrap .wd_set.full {} .dwb_wrap .wd_set.wide {padding:120px 0;} .dwb_wrap .grt_bx {display:inline-block; vertical-align:top; width:500px; position:relative;} .dwb_wrap .point {color:var(--sym_color);} .dwb_wrap .line {position:relative; z-index:2; font-weight:800; } .dwb_wrap .line:after {content:"";position:absolute; bottom:-5px; left:0; width:100%; height:13px; background:#fff101; z-index:-1; display:none;} .dwb_wrap .sym_text {position:relative; font-weight:300; font-size:27px; line-height:160%; text-align:left; border-left:2px solid var(--sym_color); padding-left:30px;} .dwb_wrap .box_exp {position:relative; padding:70px; margin-top:70px; background:#f6fdff ; border-radius:20px; overflow:hidden;} .dwb_wrap .box_exp:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/pattern_p1.png); background-size:auto 15px; border-radius:20px; opacity:0.05;} .dwb_wrap .box_exp .line_wrap {position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s;} .dwb_wrap .box_exp .line_wrap .blue_line {position:absolute; border-bottom:150px solid #9fcbeb; border-left:150px solid transparent; opacity:0.3;} .dwb_wrap .box_exp .line_wrap .blue_line:after {content:""; position:fixed; border-bottom:150px solid #fff; border-left:150px solid transparent; } .dwb_wrap .box_exp .line_wrap .blue_line.bl_1 {bottom:0; right:0; z-index:1;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_2 {bottom:-15px; right:-15px; z-index:2;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_3 {bottom:-30px; right:-30px; z-index:3;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_4 {bottom:-45px; right:-45px; z-index:4;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_1:after {bottom:-10px; right:-10px;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_2:after {bottom:-30px; right:-30px;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_3:after {bottom:-50px; right:-50px;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_4:after {bottom:-70px; right:-70px;} .dwb_wrap .why_text {position:relative; font-weight:300; font-size:35px; line-height:160%; text-align:center; color:#000; z-index:1;} .dwb_wrap .why_text .line {font-size:45px;} .dwb_wrap .logo {position:relative; text-align:center; margin:30px 0 75px 0;} .dwb_wrap .logo img {max-width:320px; width:100%;} .dwb_wrap .logo span {display:inline-block; width:100%; font-family:var(--neo) !important; font-weight:800; color:#999; text-align:center; font-size:20px; letter-spacing:0.1em; padding:20px 0 0 0;} .dwb_wrap .logo span em {font-style:normal; color:#333; font-weight:900;} .dwb_wrap.lift .logo span {color:#999;} .dwb_wrap.kisses .logo span {color:#999;} .dwb_wrap.fine .logo span {color:#999;} .dwb_wrap.lift .logo span em {color:#333;} .dwb_wrap.kisses .logo span em {color:#333;} .dwb_wrap.fine .logo span em {color:#333;} .dwb_wrap .logo_plus {position:relative; text-align:center; margin:30px 0 50px 0; display:none;} .dwb_wrap .logo_plus img {max-width:400px; width:100%;} .dwb_wrap .mokup {position:relative; text-align:center; padding:50px 20px 0 20px; background:#fff !important;} .dwb_wrap .mokup img {max-width:1000px; width:100%; } .dwb_wrap.lift .mokup {background:#fbf7ff; color:#9b8bb1;} .dwb_wrap.kisses .mokup {background:#fff6f9; color:#9f858c;} .dwb_wrap.fine .mokup {background:#fff8fb; color:#a5788d;} .dwb_wrap .intro_box {position:relative; padding:0 45px;} .dwb_wrap .intro_box.thread {padding:0 45px;} .dwb_wrap .sample {position:relative; padding:70px 15px 0 15px; max-width:700px; width:100%; left:0; right:0; margin:auto; display:none;} .dwb_wrap .sample img {width:100%;} .dwb_wrap .ment {position:relative; font-weight:700; font-size:12px; line-height:200%; text-align:left;display:inline-block; vertical-align:top; width:calc(100% - 500px); color:#555; padding:0px 0 0 0;} .dwb_wrap .ment.full {width:100%;} .dwb_wrap .mp_wrp {position:relative; border-top:1px dashed #ddd; margin-top:-110px; background:#fff; padding:70px 0;} .dwb_wrap .ment_plus {position:relative; max-width:900px; width:100%; left:0; right:0; margin:auto; font-weight:500; font-size:14px; line-height:150%; color:#777 !important; padding:0 20px; background:transparent !important; text-align:left; } .dwb_wrap .ment_plus .logo_in {position:relative; margin:0 0 20px -20px; } .dwb_wrap .ment_plus .logo_in img {width:180px;} .dwb_wrap .ment_plus.al {text-align:left;background:#f6fcff;padding:0 50px 50px 50px;} .dwb_wrap.lift .ment_plus {background:#fbf7ff; color:#9b8bb1;} .dwb_wrap.kisses .ment_plus {background:#fff6f9; color:#9f858c;} .dwb_wrap.fine .ment_plus {background:#fff8fb; color:#a5788d;} .dwb_wrap .exp {position:relative; padding:70px 80px 0 80px;} .dwb_wrap .exp > p {position:relative; font-weight:700; font-size:14px; line-height:160%; text-align:left; color:#555; margin-bottom:50px; padding-left:30px; border-left:2px solid var(--sym_color);} .dwb_wrap .exp > p span {font-weight:900; color:#333;font-size:17px;} .dwb_wrap .exp ul.cm {position:relative; padding:0px 30px 0 30px;} .dwb_wrap .exp ul.cm li {position:relative; font-size:0; line-height:100%; margin-top:15px;} .dwb_wrap .exp ul.cm li:first-child {margin-top:0;} .dwb_wrap .exp ul.cm li .pic, .dwb_wrap .exp ul.cm li .txt {display:inline-block; vertical-align:top; position:relative; } .dwb_wrap .exp ul.cm li .pic {width:100px;border:1px solid #eee; border-radius:100%; overflow:hidden;} .dwb_wrap .exp ul.cm li .pic:after {content:""; display:block; padding-top:100%;} .dwb_wrap .exp ul.cm li .pic img {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .dwb_wrap .exp ul.cm li .txt {text-align:left; width:calc(100% - 100px); padding:5px 0 5px 30px;} .dwb_wrap .exp ul.cm li .txt h3 {position:relative; font-weight:800; font-size:17px; line-height:150%; color:var(--sym_color); margin-bottom:5px;} .dwb_wrap .exp ul.cm li .txt p {position:relative; font-weight:700; font-size:12px; line-height:140%; color:#a3a3a3;} ul.why_list {position:relative; padding:35px 0px 0 0px; z-index:1;} ul.why_list li {position:relative; font-size:0; line-height:100%; margin-top:8px;} ul.why_list li no, ul.why_list li p {display:inline-block; vertical-align:top; position:relative; font-size:13px; line-height:140%;} ul.why_list li no {width:40px; color:#999; font-size:11px; padding-top:2px;} ul.why_list li p {width:calc(100% - 40px); text-align:left; color:#5488a1;} @media screen and (max-width: 1260px){ .dwb_wrap .wd_set.fix {padding:120px 0;} .dwb_wrap .grt_bx {width:100%; } .dwb_wrap .ment {width:100%; padding:35px 0 0 0;} .dwb_wrap .mp_wrp {padding:70px 30px;} .dwb_wrap .ment_plus {max-width:880px; text-align:left; border-radius:10px;} .dwb_wrap .logo {margin:0 0 75px 0;} .dwb_wrap .intro_box {padding:0 10px;} .dwb_wrap .intro_box.thread {padding:0 45px;} } @media screen and (max-width: 650px){ .dwb_wrap .wd_set {padding:0 0 30px 0;} .dwb_wrap .wd_set.fix {padding:0;} .dwb_wrap .wd_set.wide {padding:0px 0;} .dwb_wrap .logo {margin-bottom:0px; padding:50px 45px 30px 45px;} .dwb_wrap .logo img {max-width:200px;} .dwb_wrap .logo span {font-size:14px; padding:10px 0 0 0;} .dwb_wrap .intro_box {} .dwb_wrap .intro_box.thread {padding:0 30px 30px 30px;} .dwb_wrap .sample {padding:20px 15px 30px 15px;} .dwb_wrap .sym_text {font-size:18px; line-height:140%; padding-left:20px;} .dwb_wrap .ment {font-size:11px; line-height:170%; padding:20px 0 0 0;} .dwb_wrap .mokup {padding:30px 20px 0 20px;} .dwb_wrap .mp_wrp {padding:10px; margin-top:-60px;} .dwb_wrap .ment_plus {font-size:12px; line-height:160%; padding:25px;} .dwb_wrap .ment_plus.al {padding:0 25px 25px 25px;} .dwb_wrap .ment_plus .logo_in {margin:0 0 15px -10px; } .dwb_wrap .ment_plus .logo_in img {width:130px;} .dwb_wrap .box_exp {padding:30px; margin-top:10px; border-radius:0px;} .dwb_wrap .box_exp .line_wrap .blue_line {border-bottom:100px solid #9fcbeb; border-left:100px solid transparent;} .dwb_wrap .box_exp .line_wrap .blue_line:after {border-bottom:100px solid #fff; border-left:100px solid transparent; } .dwb_wrap .box_exp .line_wrap .blue_line.bl_2 {bottom:-11px; right:-10px;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_3 {bottom:-20px; right:-20px;} .dwb_wrap .box_exp .line_wrap .blue_line.bl_4 {bottom:-30px; right:-30px;} .dwb_wrap .why_text {font-size:20px; line-height:160%;} .dwb_wrap .why_text .line {font-size:25px;} .dwb_wrap .exp {padding:30px;} .dwb_wrap .exp > p {font-size:12px; line-height:130%; margin-bottom:25px; padding-left:0px; border-left:0;} .dwb_wrap .exp > p span {font-size:14px; padding-bottom:10px; display:inline-block;} .dwb_wrap .exp ul.cm {padding:0px;} .dwb_wrap .exp ul.cm li {margin-top:10px;} .dwb_wrap .exp ul.cm li .pic {width:80px;} .dwb_wrap .exp ul.cm li .txt {width:calc(100% - 80px); padding:5px 0 0px 20px;} .dwb_wrap .exp ul.cm li .txt h3 {font-size:13px; line-height:130%; } .dwb_wrap .exp ul.cm li .txt p {font-size:10px; line-height:130%; } ul.why_list {padding:15px 0px 0 0px;} ul.why_list li {margin-top:5px;} ul.why_list li no, ul.why_list li p {font-size:11px; line-height:130%;} ul.why_list li no {width:30px; font-size:10px; padding-top:2px;} ul.why_list li p {width:calc(100% - 30px);} } /**/ ul.pro_detail_wrap {position:relative; max-width:1300px; width:100%; left:0; right:0; margin:-30px auto 0 auto; padding:0 10px 100px 10px; font-size:0; text-align:center;} ul.pro_detail_wrap li {display:inline-block; vertical-align:top; width:calc(50% - 20px); position:relative; margin:10px; } ul.pro_detail_wrap li img {max-width:1080px; width:100%; border:0px solid #eee; border-radius:15px;} ul.pro_detail_wrap.body {max-width:900px; margin:-100px auto 0 auto; padding:0 10px 100px 10px;} ul.pro_detail_wrap.body li {width:calc(100% - 20px); } @media screen and (max-width: 1260px){ ul.pro_detail_wrap {max-width:900px; margin:-120px auto 0 auto; padding:0 10px 100px 10px; } ul.pro_detail_wrap li {width:100%; margin:25px 0 0 0; } ul.pro_detail_wrap.body {margin:-120px auto 0 auto;} ul.pro_detail_wrap.body li {width:100%; margin:25px 0 0 0; } } @media screen and (max-width: 650px){ ul.pro_detail_wrap {margin:0 auto; padding:0 10px 10px 10px; } ul.pro_detail_wrap li {margin-top:10px;} ul.pro_detail_wrap li img {border-radius:10px;} ul.pro_detail_wrap.body {margin:0 auto 0 auto; padding:0 10px 10px 10px;} ul.pro_detail_wrap.body li {margin:10px 0 0 0; } } /**/ .dwb_wrap .hdbx {position:sticky; top:0; left:0; z-index:10; padding:20px 0; background:#fff; text-align:center; height:var(--styicky_h); margin-top:100px;} .dwb_wrap .hdbx:before {content:""; position:absolute; top:-10px; left:0; z-index:10; background:#fff; width:100%; height:10px;} .dwb_wrap .hdbx h2 {position:relative; line-height:110%; font-size:45px; color:#333; font-weight:300;} .dwb_wrap .hdbx h2 span {font-weight:900;} .dwb_wrap.basic .hdbx h2 span {color:var(--sym_color);} .dwb_wrap.prm .hdbx h2 span {color:var(--prm_color);} .dwb_wrap.vol .hdbx h2 span {color:var(--vol_color);} .dwb_wrap .line_box {position:relative; } .dwb_wrap .spec_box {position:relative; max-width:1260px; width:100%; left:0; right:0; margin:auto; padding:30px 0 0 0; } .dwb_wrap .face_exp {position:relative; max-width:900px; width:calc(100% - 30px); left:0; right:0; margin:auto; } .dwb_wrap .face_exp img {max-width:500px; width:100%;} .dwb_wrap .face_exp .dot_line {position:absolute; } .dwb_wrap .face_exp .dot_line:before {content:""; position:absolute; top:-3px; width:7px; height:7px; background:var(--sym_color); border-radius:100%;} .dwb_wrap .face_exp .dot_line:after {content:""; position:absolute; top:0; width:100%;border-top:1px dashed var(--sym_color);} .dwb_wrap.basic .face_exp .dot_line:before {background:var(--sym_color);} .dwb_wrap.basic .face_exp .dot_line:after {border-color:var(--sym_color);} .dwb_wrap.prm .face_exp .dot_line:before {background:var(--prm_color);} .dwb_wrap.prm .face_exp .dot_line:after {border-color:var(--prm_color);} .dwb_wrap.vol .face_exp .dot_line:before {background:var(--vol_color);} .dwb_wrap.vol .face_exp .dot_line:after {border-color:var(--vol_color);} .dwb_wrap .face_exp .dot_line.ar_l {left:0; } .dwb_wrap .face_exp .dot_line.ar_l:after {left:0;} .dwb_wrap .face_exp .dot_line.ar_l:before {right:-3px;} .dwb_wrap .face_exp .dot_line.ar_r {right:0; } .dwb_wrap .face_exp .dot_line.ar_r:after {right:0;} .dwb_wrap .face_exp .dot_line.ar_r:before {left:-3px;} .dwb_wrap .face_exp .dot_line.forehead {top:35%; width:45%;} .dwb_wrap .face_exp .dot_line.neck {top:84%; width:40%;} .dwb_wrap .face_exp .dot_line.check {top:62%; width:40%;} .dwb_wrap .face_exp .dot_line.eye {top:51%; width:38%;} .dwb_wrap.prm .face_exp .dot_line.eye {top:46%; width:37%;} .dwb_wrap .face_exp .dot_line.nas {top:70%; width:38%;} .dwb_wrap .face_exp .dot_line.fold {top:70%; width:40%;} .dwb_wrap .face_exp .dot_line.nose {top:62%; width:50%;} .dwb_wrap .face_exp .dot_line .tg {position:relative; padding:10px 0px 0 0px;} .dwb_wrap .face_exp .dot_line.ar_l .tg {text-align:left;} .dwb_wrap .face_exp .dot_line.ar_r .tg {text-align:right;} .dwb_wrap .face_exp .dot_line .tg h3 {position:relative; font-size:15px; color:var(--sym_color); font-weight:800; line-height:110%;} .dwb_wrap .face_exp .dot_line .tg span {display:inline-block; width:100%;font-size:11px; color:#777; font-weight:700; line-height:140%;} .dwb_wrap.basic .face_exp .dot_line .tg h3 {color:var(--sym_color);} .dwb_wrap.prm .face_exp .dot_line .tg h3 {color:var(--prm_color);} .dwb_wrap.vol .face_exp .dot_line .tg h3 {color:var(--vol_color);} .dwb_wrap .spf {position:absolute; top:30px; left:20px; text-align:left; padding:35px; border-radius:10px; overflow:hidden;} .dwb_wrap .spf:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:yellow; opacity:0.03;} .dwb_wrap.basic .spf:after {background:var(--sym_color);} .dwb_wrap.prm .spf:after {background:var(--prm_color);} .dwb_wrap.vol .spf:after {background:var(--vol_color);} .dwb_wrap .spf h3 {position:relative; font-size:18px; color:#000; font-weight:900; line-height:110%;z-index:1;} .dwb_wrap .spf p {position:relative; font-size:11px; color:#777; font-weight:700; line-height:140%; padding:15px 0 0 3px; display:inline-block; width:100%; letter-spacing:0.05em;z-index:1;} .dwb_wrap .spf p span {font-size:11px; color:#999; font-weight:700; line-height:140%; padding:0px 0 3px 0; display:inline-block; letter-spacing:0em;} .dwb_wrap .pro_set {position:relative; } .dwb_wrap .pro_box {position:relative; max-width:1260px; width:100%; left:0; right:0; margin:auto; text-align:right; padding:80px 0 ; dis play:none;} .dwb_wrap .pro_box .kind {position:relative; top:0; left:0; text-align:left; padding:0 0 0 33px; z-index:1; } .dwb_wrap .pro_box .kind h3 {position:relative; font-size:20px; color:#000; font-weight:900; line-height:110%;font-family:var(--neo) !important; padding-left:15px; border-left:1px dashed #ddd;} .dwb_wrap.basic .pro_box .kind h3 {border-color:var(--sym_color);} .dwb_wrap.prm .pro_box .kind h3 {border-color:var(--prm_color);} .dwb_wrap.vol .pro_box .kind h3 {border-color:var(--vol_color);} .dwb_wrap .pro_box .kind h3 pro_name {display:inline-block; width:100%; font-size:14px; padding:0 0 3px 0;position:relative; color:#000; font-weight:600;} .dwb_wrap.basic .pro_box .kind h3 pro_name {color:var(--sym_color); } .dwb_wrap.prm .pro_box .kind h3 pro_name {color:var(--prm_color);} .dwb_wrap.vol .pro_box .kind h3 pro_name {color:var(--vol_color);} .dwb_wrap .pro_box .kind p {position:relative; font-size:11px; color:#777; font-weight:600; line-height:140%; padding:15px 0 0 17px; display:inline-block; width:100%; letter-spacing:0.05em;} .dwb_wrap .pro_box .kind p .hd {display:none;} .dwb_wrap .pro_box .pin_detail {position:relative; text-align:right;} .dwb_wrap .pro_box .pin_detail.special {} .dwb_wrap .pro_box .pin_detail.special_h {height:580px;} .dwb_wrap .pro_box .pin_detail .ptbx {display:inline-block; position:relative; max-width:500px; width:100%; padding:0 30px; } .dwb_wrap .pro_box .pin_detail .ptbx > img {width:100%; } .dwb_wrap .pro_box .pin_detail.special > img {max-width:800px; } .dwb_wrap .pro_box .pin_detail.special_h .ptbx {position:absolute; bottom:0; right:0; } .dwb_wrap .pro_box .pin_detail .zoom {position:absolute; top:20%; left:30px; width:calc(100% - 70px); } .dwb_wrap .pro_box .pin_detail .zoom:before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:7px; height:7px; background:var(--sym_color); border-radius:100%;} .dwb_wrap .pro_box .pin_detail .zoom:after {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); border-top:1px dashed var(--sym_color); } .dwb_wrap.basic .pro_box .pin_detail .zoom:before {background:var(--sym_color);} .dwb_wrap.basic .pro_box .pin_detail .zoom:after {border-color:var(--sym_color); } .dwb_wrap.prm .pro_box .pin_detail .zoom:before {background:var(--prm_color);} .dwb_wrap.prm .pro_box .pin_detail .zoom:after {border-color:var(--prm_color); } .dwb_wrap.vol .pro_box .pin_detail .zoom:before {background:var(--vol_color);} .dwb_wrap.vol .pro_box .pin_detail .zoom:after {border-color:var(--vol_color); } .dwb_wrap .pro_box .pin_detail .zoom.bs_1:before {left:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_1:after {width:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_2:before {left:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_2:after {width:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_3:before {left:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_3:after {width:73%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_4:before {left:74%;} .dwb_wrap .pro_box .pin_detail .zoom.bs_4:after {width:74%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_1:before {left:77%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_1:after {width:77%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_2:before {left:75%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_2:after {width:75%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_3:before {left:74%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_3:after {width:74%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_4:before {left:75%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_4:after {width:75%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_5 {top:10%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_5:before {left:85%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_5:after {width:85%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_6 {top:10%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_6:before {left:85%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_6:after {width:85%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_7 {top:15%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_7:before {left:94.3%;} .dwb_wrap .pro_box .pin_detail .zoom.pr_7:after {width:94.3%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_1:before {left:74.5%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_1:after {width:74.5%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_2:before {left:76%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_2:after {width:76%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_3:before {left:74%;} .dwb_wrap .pro_box .pin_detail .zoom.vol_3:after {width:74%;} .dwb_wrap .pro_box .pin_detail .circle {position:relative; top:0; left:0; width:160px; border-radius:100%; overflow:hidden; z-index:1;border:1px dashed var(--sym_color);} .dwb_wrap .pro_box .pin_detail .circle:after {content:""; display:block; padding-top:100%;} .dwb_wrap .pro_box .pin_detail .circle > img {position:absolute; top:0; left:0; width:100%;} .dwb_wrap.basic .pro_box .pin_detail .circle {border-color:var(--sym_color);} .dwb_wrap.prm .pro_box .pin_detail .circle {border-color:var(--prm_color); } .dwb_wrap.vol .pro_box .pin_detail .circle {border-color:var(--vol_color); } .dwb_wrap .pro_box .pin_detail ul.pin {position:absolute; left:50px; bottom:50px; font-size:0; white-space:nowrap;} .dwb_wrap .pro_box .pin_detail ul.pin li {display:inline-block; vertical-align:bottom; padding-bottom:25px; position:relative; margin:0 5px; } .dwb_wrap .pro_box .pin_detail ul.pin li img {max-width:55px; width:100%;} .dwb_wrap .pro_box .pin_detail ul.pin li span {position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size:12px; color:#333 !important; font-weight:800;} .dwb_wrap .pro_box .pin_detail ul.pin.ap1 li span {left:calc(50% - 10px);} .dwb_wrap .pro_box .pin_detail ul.pin.ap2 li span {left:calc(50% - 7px);} .dwb_wrap.basic .pro_box .pin_detail ul.pin li span {color:var(--sym_color);} .dwb_wrap.prm .pro_box .pin_detail ul.pin li span {color:var(--prm_color);} .dwb_wrap.vol .pro_box .pin_detail ul.pin li span {color:var(--vol_color);} .dwb_wrap .pro_box .pin_spec {position:relative;} table.cyto_spec {width:100%; border-top:2px solid #000 ; border-collapse:collapse; overflow: hidden; position:relative;} table.cyto_spec.basic {border-color:var(--sym_color); } table.cyto_spec.prm {border-color:var(--prm_color); } table.cyto_spec.vol {border-color:var(--vol_color); } table.cyto_spec tr {} table.cyto_spec tr th, table.cyto_spec tr td {border:0px solid #e9e9e9; border-width:1px 1px 1px 1px; vertical-align:middle; text-align:center; padding: 0 10px; height: 35px;line-height: 130%; font-size: 12px; position:relative; z-index:2; color:#222; font-weight:800; font-family:var(--neo) !important;} table.cyto_spec tr th {font-weight:900; height:40px; background:#f5f3f3;} table.cyto_spec.basic tr th {background:#f1feff; color:var(--sym_color);} table.cyto_spec.prm tr th {background:#fbf8ff; color:var(--prm_color);} table.cyto_spec.vol tr th {background:#fff8fc; color:var(--vol_color);} table.cyto_spec .onco_pick {background:#fff8f8 !important;} ul.pr_kind {position:sticky; top:var(--styicky_h); left:0; font-size:0;z-index:10; margin-top:0px; background:#fff; padding:50px 0;border-top:0px dashed #ddd;} ul.pr_kind li {display:inline-block; vertical-align:middle; font-size:12px;position:relative; cursor:pointer; padding:10px 17px; line-height:100%; font-weight:800; border:1px solid #e9e9e9; color:#555; transition:all .3s; border-radius: 35px; margin: 0 3px; background: #fff; font-family:var(--neo) !important; letter-spacing:0em;} ul.pr_kind .hr_line {font-size:0; cursor:default; padding:0; border:0px; border-radius: 0; margin: 0; width:100%; height:8px; position:absolute; top:0; left:0;} ul.pr_kind .hr_line:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/pattern_2.png); background-size:auto 100%; opacity:0.3;} ul.pr_kind li:hover {color:#000;} ul.pr_kind li:last-child {} ul.pr_kind li.on {font-weight:800; background: #333; color: #fff;} .dwb_wrap.basic ul.pr_kind li.on {background:var(--sym_color); border-color:var(--sym_color); } .dwb_wrap.prm ul.pr_kind li.on {background:var(--prm_color); border-color:var(--prm_color);} .dwb_wrap.vol ul.pr_kind li.on {background:var(--vol_color); border-color:var(--vol_color);} .dwb_wrap .pro_box .txt_box {position:relative; text-align:center; margin:80px 0 40px 0;} .dwb_wrap .pro_box .txt_box h2 {position:relative; font-size:55px; font-weight:900; display:inline-block; width:100%; line-height:110%; text-transform:uppercase; color:#000;} .dwb_wrap .pro_box .txt_box span {position:relative; font-size:35px; font-weight:700; display:inline-block; width:100%; line-height:110%; padding:0 0 7px 0px;} .dwb_wrap .pic {display:inline-block; vertical-align:top; position:relative; width:100%; margin-bottom:35px;} .dwb_wrap .pic img {width:100%; border-radius:20px;} .dwb_wrap .pic.lp {padding:20px 10px 20px 0;} .dwb_wrap .pic.rp {padding:20px 0 20px 10px;} .dwb_wrap .pro_box .hd_pic {position:relative; text-align:center; padding:140px 0 0 0;} .dwb_wrap .pro_box .hd_pic img {width:auto; } .dwb_wrap .exp_wrap {position:relative; left:0; right:0; margin:auto; max-width:1000px; width:100%; text-align:left; padding:80px 50px 0 50px; font-size:0;} .dwb_wrap .exp_wrap .exp_box {display:inline-block; vertical-align:top; width:50%;position:relative; padding:0 20px;} .dwb_wrap .exp_wrap .exp_box h2 {position:relative; font-size:22px; font-weight:800; color:#000; padding:0 0 10px 0; line-height:110%;} .dwb_wrap .exp_wrap .exp_box p {position:relative; font-size:13px; font-weight:700; color:#555; line-height:140%;} .dwb_wrap .exp_wrap .exp_box ul.ckb_list {position:relative;} .dwb_wrap .exp_wrap .exp_box ul.ckb_list li {position:relative; font-size:13px; font-weight:700; line-height:150%;color:#555; margin-bottom:3px;} .dwb_wrap .exp_wrap .exp_box ul.ckb_list li span {color:var(--sym_color);} .dwb_wrap .woman_box {position:relative; left:0; right:0; margin:auto; max-width:1800px; width:calc(100% - 50px); text-align:left; background:#f2f7fb; border-radius:50px; overflow:hidden;} .dwb_wrap .woman_box .photo {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/pla_tm_woman.jpg) no-repeat; background-size:auto 100%; background-position:top right;} .dwb_wrap .woman_box .photo img {height:100%;} .dwb_wrap .df_ex {position:relative; left:0; right:0; margin:auto; max-width:960px; width:100%; text-align:left; padding: 50px 400px 50px 50px; } .dwb_wrap .df_ex h2 {position:relative; font-size:40px; font-weight:800; color:#000; padding:0 0 10px 0; line-height:110%;} .dwb_wrap .df_ex > p {position:relative; font-size:13px; font-weight:700; color:#555; line-height:140%;} .dwb_wrap .df_ex ul.wicon_list {position:relative; font-size:0; margin-top:35px;} .dwb_wrap .df_ex ul.wicon_list li {display:inline-block; vertical-align:top; width:25%; position:relative; font-size:0; text-align:center; padding:10px 0;} .dwb_wrap .df_ex ul.wicon_list li span {display:inline-block; vertical-align:top; width:100%; position:relative;} .dwb_wrap .df_ex ul.wicon_list li .wl_pic {} .dwb_wrap .df_ex ul.wicon_list li .wl_pic img {max-width:60px; width:100%; } .dwb_wrap .df_ex ul.wicon_list li .wl_txt {font-size:12px; font-weight:700; color:#0c557e; line-height:120%; padding-top:10px;} .dwb_wrap .df_ex .thum_box {position:relative; font-size:0; margin-top:40px; padding:30px; background:#fff; border-radius:10px;} .dwb_wrap .df_ex .thum_box .thum, .dwb_wrap .df_ex .thum_box .tb_etc {display:inline-block; vertical-align:top; position:relative;} .dwb_wrap .df_ex .thum_box .thum {width:200px;} .dwb_wrap .df_ex .thum_box .thum .spic {display:inline-block; width:100%;} .dwb_wrap .df_ex .thum_box .thum .spic img {width:100%; border-radius:20px;} .dwb_wrap .df_ex .thum_box .thum span {display:inline-block; width:100%;font-size:11px; font-weight:700; color:#0c557e; line-height:120%; padding-top:10px; text-align:center;} .dwb_wrap .df_ex .thum_box .tb_etc {width:calc(100% - 200px); padding:10px 0 0 25px; line-height:100%;} .dwb_wrap .df_ex .thum_box .tb_etc p {position:relative; font-size:12px; font-weight:700; color:#555; line-height:140%; margin-top:10px;display:inline-block; width:100%;} .dwb_wrap .df_ex ul.slist {position:relative; font-size:0; } .dwb_wrap .df_ex ul.slist li {display:inline-block; vertical-align:top; width:100%; position:relative; font-size:12px; line-height:100%; padding-bottom:5px;} .dwb_wrap .df_ex ul.slist li i {display:inline-block; vertical-align:middle; font-size:13px; padding-right:5px;} .dwb_wrap .rest_call {position:relative; left:0; right:0; margin:auto; text-align:left; padding:100px 30px; border-bottom:1px dashed #ddd;} .dwb_wrap .rest_call.last {border:0;} .dwb_wrap .pb_exp_box {position:relative; left:0; right:0; margin:auto; max-width:800px; width:100%;text-align:left; font-size:0; } .dwb_wrap .pb_exp_box .bg_head {display:inline-block; vertical-align:top; position:relative;width:100%; font-size:25px; font-weight:900; color:#000; padding:0 0 70px 0; line-height:110%;} .dwb_wrap .pb_exp_box .pro_pho {display:inline-block; vertical-align:top; position:relative; width:285px; text-align:left;} .dwb_wrap .pb_exp_box .pro_pho img {max-width:250px; width:100%; border-radius:20px;} .dwb_wrap .pb_exp_box ul.bicon_list {display:inline-block; vertical-align:top; position:relative; font-size:0; text-align:left;width:calc(100% - 285px); padding:0 0 0 0; line-height:100%;} .dwb_wrap .pb_exp_box ul.bicon_list li {display:inline-block; vertical-align:top; width:100%; position:relative; font-size:0; padding:0 0 40px 0;line-height:100%;} .dwb_wrap .pb_exp_box ul.bicon_list li:last-child {padding:0;} .dwb_wrap .pb_exp_box ul.bicon_list li > div {display:inline-block; vertical-align:top; width:100%; position:relative;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_pic {width:100px; text-align:center;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_pic img {max-width:50px; width:100%; } .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info {width:calc(100% - 100px); border-left:1px dashed #eee; padding:0 0 0 30px;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info h3 {position:relative; font-size:17px; font-weight:800; color:#000; line-height:110%;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info p {position:relative;font-size:12px; font-weight:700; color:#0c557e; line-height:120%; padding-top:7px;} .dwb_wrap .pb_exp_box .gr_exp {display:inline-block; vertical-align:top; position:relative;width:100%; font-size:0;} .dwb_wrap .pb_exp_box .gr_exp .gr_pic, .dwb_wrap .pb_exp_box .gr_exp .gr_info, .dwb_wrap .pb_exp_box .gr_exp .etc {display:inline-block; vertical-align:top; position:relative;} .dwb_wrap .pb_exp_box .gr_exp .gr_pic {width:130px; padding:0 0 0 10px;} .dwb_wrap .pb_exp_box .gr_exp .gr_pic img {width:100%;} .dwb_wrap .pb_exp_box .gr_exp .gr_info {width:calc(100% - 130px);font-size:16px; font-weight:700; color:#333; line-height:160%; padding:5px 0 0 60px;} .dwb_wrap .pb_exp_box .gr_exp .gr_info span {color:#0c557e;} .dwb_wrap .pb_exp_box .gr_exp .etc {width:100%;font-size:12px; font-weight:700; color:#333; line-height:130%; padding:0px 0 0 190px;} .dwb_wrap .pb_exp_box ul.grp_list {display:inline-block; vertical-align:top; position:relative; font-size:0; text-align:center;width:100%; padding:50px 0 0 0; line-height:100%;} .dwb_wrap .pb_exp_box ul.grp_list li {display:inline-block; vertical-align:top; width:50%; padding:0 10px; position:relative; } .dwb_wrap .pb_exp_box ul.grp_list li > div {display:inline-block; vertical-align:top; width:100%; position:relative;} .dwb_wrap .pb_exp_box ul.grp_list li .xpic {width:100%; } .dwb_wrap .pb_exp_box ul.grp_list li .xpic img {width:100%; border-radius:7px;} .dwb_wrap .pb_exp_box ul.grp_list li .xbx {position:relative;font-size:14px; font-weight:800; color:#333; line-height:120%; padding-bottom:10px;} .dwb_wrap .pb_exp_box .gl_exp {display:inline-block; vertical-align:top; width:100%; position:relative; width:100%;font-size:13px; font-weight:700; color:#333; line-height:130%; padding:20px 0 0 0px; text-align:center;} .dwb_wrap .pb_exp_box ul.num_list {display:inline-block; vertical-align:top; position:relative; font-size:0; text-align:left;width:100%; padding:50px 0 0 0; line-height:100%;} .dwb_wrap .pb_exp_box ul.num_list li {display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); height:250px; margin:5px; padding:35px; position:relative; border:1px dashed #ddd; border-radius:20px; background:#fafafa;} .dwb_wrap .pb_exp_box ul.num_list li:last-child {} .dwb_wrap .pb_exp_box ul.num_list li > div {display:inline-block; vertical-align:top; position:relative; width:100%;} .dwb_wrap .pb_exp_box ul.num_list li .nl_tit {font-size:20px; font-weight:900; color:#333; line-height:120%; } .dwb_wrap .pb_exp_box ul.num_list li .nl_tit span {color:var(--sym_color); } .dwb_wrap .pb_exp_box ul.num_list li .nl_txt {padding-top:20px;} .dwb_wrap .pb_exp_box ul.num_list li .nl_txt em {display:inline-block; width:100%;font-size:13px; font-weight:700; color:#777; line-height:120%; padding-bottom:5px; font-style:normal; } .dwb_wrap .pb_exp_box ul.num_list li .nl_txt em:last-child {padding-bottom:0;} @media screen and (max-width: 1260px){ .dwb_wrap .hdbx {margin-top:40px;} .dwb_wrap.basic ul.pr_kind li.on {color:var(--sym_color); } .dwb_wrap.prm ul.pr_kind li.on {color:var(--prm_color); } .dwb_wrap.vol ul.pr_kind li.on {color:var(--vol_color); } .dwb_wrap .pro_box {padding:30px;} .dwb_wrap .pro_box .kind {padding:0;} .dwb_wrap .pro_box .pin_detail.special {padding-top:30px;} .dwb_wrap .pro_box .pin_detail.special_h {height:auto;} .dwb_wrap .pro_box .pin_detail.special_h .ptbx {position:relative;} .dwb_wrap .pro_box .pin_detail ul.pin {position:relative; left:0; bottom:initial; text-align:center; padding:35px 0; border-top:1px solid #eee;} .dwb_wrap.basic .pro_box .pin_detail ul.pin li {max-width:70px; width:calc(16.6666% - 10px);} ul.pr_kind {top:90px; margin-top:0; padding:30px; text-align:left;} ul.pr_kind li {font-size:12px;padding:3px 3px; border:1px solid transparent; border-width:0 0 1px 0; border-radius: 0; margin: 3px; background:none !important;} .dwb_wrap .pro_box .txt_box {margin:40px 0 40px 0;} .dwb_wrap .pro_box .hd_pic {padding:45px 0 0 0;} .dwb_wrap .exp_wrap {padding:60px 0px 30px 0px;} .dwb_wrap .woman_box .photo {display:none;} .dwb_wrap .df_ex {padding: 50px; } .dwb_wrap .rest_call {padding:50px 30px;} .dwb_wrap .pb_exp_box .bg_head {font-size:25px; font-weight:900; color:#000; padding:0 0 30px 0;} .dwb_wrap .pb_exp_box .pro_pho {width:200px;} .dwb_wrap .pb_exp_box .pro_pho img {border-radius:10px;} .dwb_wrap .pb_exp_box ul.bicon_list {width:calc(100% - 200px); padding:0 0 0 35px;} .dwb_wrap .pb_exp_box ul.bicon_list li {padding:0 0 30px 0;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_pic {width:70px;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info {width:calc(100% - 70px); border-left:0; padding:0 0 0 20px;} .dwb_wrap .pb_exp_box .gr_exp .gr_info {font-size:14px; line-height:150%; padding:0px 0 0 60px;} .dwb_wrap .pb_exp_box .gr_exp .etc {font-size:11px; padding:20px 0 0 190px;} .dwb_wrap .pb_exp_box ul.num_list li {width:calc(50% - 10px); height:230px;} } @media screen and (max-width: 650px){ .dwb_wrap .hdbx {padding:15px 20px; height:var(--styicky_h); margin-top:20px; text-align:left;} .dwb_wrap .hdbx h2 {font-size:20px;} .dwb_wrap .spec_box {padding:0; margin-top:-25px; } .dwb_wrap .face_exp .dot_line .tg h3 {font-size:12px;} .dwb_wrap .face_exp .dot_line .tg span {font-size:10px;} .dwb_wrap .spf {position:relative; top:0px; left:0px; padding:35px; border-radius:0px; border-top:1px dashed #eee;} .dwb_wrap .spf h3 {font-size:15px; } .dwb_wrap .spf p {font-size:11px; line-height:140%; padding:5px 0 0 0px; } .dwb_wrap .spf p span {font-size:10px; padding:0px 0 3px 0; } .dwb_wrap .pro_box {padding:0; overflow:hidden;} .dwb_wrap .pro_box .kind {padding:20px 25px 0 25px;} .dwb_wrap .pro_box .kind h3 {font-size:16px; padding-left:10px;} .dwb_wrap .pro_box .kind h3 pro_name {font-size:13px;} .dwb_wrap .pro_box .kind p {font-size:10px; padding:10px 0 0 11px; letter-spacing:0em;} .dwb_wrap .pro_box .kind p .hd {display:block;} .dwb_wrap .pro_box .pin_detail ul.pin {padding:25px 30px;} .dwb_wrap .pro_box .pin_detail ul.pin li span {font-size:11px;} .dwb_wrap .pro_box .pin_spec {padding:0 25px 25px 25px;} .dwb_wrap .pro_box .pin_spec {overflow-y:overlay;} .dwb_wrap .pro_box .pin_spec:: {-ms-overflow-style: none;} .dwb_wrap .pro_box .pin_spec::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .dwb_wrap .pro_box .pin_spec::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } table.cyto_spec {width:900px;} ul.pr_kind {top:var(--styicky_h); padding: 28px 15px 20px 15px; } ul.pr_kind li {font-size:11px;padding:3px 3px; } ul.pr_kind li.hr_line {height:5px;} .dwb_wrap .pro_box .txt_box {margin:30px 0 20px 0;} .dwb_wrap .pro_box .txt_box h2 {font-size:30px;} .dwb_wrap .pro_box .txt_box span {font-size:18px; } .dwb_wrap .pic {margin:0; padding:0 10px 10px 10px;} .dwb_wrap .pic img {border-radius:10px;} .dwb_wrap .pro_box .hd_pic {padding:45px 0 0 0;} .dwb_wrap .pro_box .hd_pic img {width:180px;} .dwb_wrap .exp_wrap {padding:30px 0px 10px 0;} .dwb_wrap .exp_wrap .exp_box {width:100%;padding:0 30px 20px 30px;} .dwb_wrap .exp_wrap .exp_box h2 {font-size:18px;padding:0 0 5px 0; } .dwb_wrap .exp_wrap .exp_box p {font-size:12px; line-height:130%;} .dwb_wrap .exp_wrap .exp_box ul.ckb_list li {font-size:12px; line-height:130%;} .dwb_wrap .woman_box {border-radius:10px;} .dwb_wrap .df_ex {padding: 0; } .dwb_wrap .df_ex h2 {font-size:18px; padding:30px 30px 10px 30px;} .dwb_wrap .df_ex > p {font-size:12px; line-height:140%; padding:0 30px;} .dwb_wrap .df_ex ul.wicon_list {margin-top:15px;} .dwb_wrap .df_ex ul.wicon_list li {padding:7px 0;} .dwb_wrap .df_ex ul.wicon_list li .wl_pic img {max-width:30px;} .dwb_wrap .df_ex ul.wicon_list li .wl_txt {font-size:10px; line-height:110%; padding-top:7px;} .dwb_wrap .df_ex .thum_box {margin-top:0; padding:20px; background:transparent;} .dwb_wrap .df_ex .thum_box .thum {width:120px;} .dwb_wrap .df_ex .thum_box .thum .spic img {border-radius:10px;} .dwb_wrap .df_ex .thum_box .thum span {font-size:10px;} .dwb_wrap .df_ex .thum_box .tb_etc {width:calc(100% - 120px); padding:3px 0 0 15px;} .dwb_wrap .df_ex .thum_box .tb_etc p {font-size:11px; line-height:130%; margin-top:10px;} .dwb_wrap .df_ex ul.slist li {font-size:11px;padding-bottom:3px;} .dwb_wrap .df_ex ul.slist li i {font-size:12px; padding-right:3px;} .dwb_wrap .pb_exp_box .bg_head {font-size:18px; padding:0 0 30px 0; text-align:center;} .dwb_wrap .pb_exp_box .pro_pho {width:100%; text-align:center;} .dwb_wrap .pb_exp_box .pro_pho img {border-radius:10px;} .dwb_wrap .pb_exp_box ul.bicon_list {width:100%; padding:25px 0 0 0px;} .dwb_wrap .pb_exp_box ul.bicon_list li, .dwb_wrap .pb_exp_box ul.bicon_list li:last-child {width:50%; padding:20px;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_pic {width:100%; text-align:left;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_pic img {max-width:50px; } .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info {width:100%; padding:15px 0 0 0px;} .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info h3 {font-size:14px; } .dwb_wrap .pb_exp_box ul.bicon_list li .bl_info p {font-size:11px; padding-top:7px;} .dwb_wrap .pb_exp_box .gr_exp .gr_pic {width:80px; padding:0;} .dwb_wrap .pb_exp_box .gr_exp .gr_info {width:calc(100% - 80px);font-size:12px; line-height:150%; padding:0 0 0 30px;} .dwb_wrap .pb_exp_box .gr_exp .etc {font-size:10px; padding:10px 0 0 110px;} .dwb_wrap .pb_exp_box ul.grp_list {padding:30px 0 0 0;} .dwb_wrap .pb_exp_box ul.grp_list li {padding:0 5px;} .dwb_wrap .pb_exp_box ul.grp_list li .xbx {font-size:13px; } .dwb_wrap .pb_exp_box .gl_exp {font-size:12px; padding:10px 0 0 0px;} .dwb_wrap .pb_exp_box ul.num_list {padding:20px 0 0 0;} .dwb_wrap .pb_exp_box ul.num_list li {width:100%; height:auto; margin:5px 0; padding:25px; border-radius:10px;} .dwb_wrap .pb_exp_box ul.num_list li .nl_tit {font-size:17px;} .dwb_wrap .pb_exp_box ul.num_list li .nl_tit .hd {display:none;} .dwb_wrap .pb_exp_box ul.num_list li .nl_txt {padding-top:10px;} .dwb_wrap .pb_exp_box ul.num_list li .nl_txt em {font-size:11px; padding-bottom:2px; } } /**/ .map_cover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.07); opacity: 1; visibility: visible; z-index:3;transition: all .3s; cursor: pointer;} .map_cover.hidden {visibility: hidden; opacity: 0; transition: all .3s;} .map_cover .cv_pos {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;} .map_cover .cv_pos i, .map_cover .cv_pos span {display:inline-block; width:100%;} .map_cover .cv_pos i {font-size:50px; color:#fff; padding-bottom:15px;} .map_cover .cv_pos span {font-size:11px; color:rgba(255,255,255,0.7);} .map_fix_tg {position:absolute; top:20px; right:20px; font-size:0px; transition: all .3s; cursor: pointer; z-index:5;} .map_fix_tg.unlock {} .map_fix_tg em, .map_fix_tg span {display:inline-block; vertical-align:middle; position:relative;} .map_fix_tg em {width:34; height:18px; background:var(--sym_color); margin-right:8px; border-radius:35px;transition: all .3s; } .map_fix_tg em:before {content:""; width:16px; height:16px; background:#fff; border-radius:100%; position:absolute; top:50%; left:17px; transform:translateY(-50%);transition: all .3s; } .map_fix_tg span {font-size:12px; color:#000; font-weight:800; letter-spacing: -0.05em;} .map_fix_tg.unlock em {background:#777; transition: all .3s;} .map_fix_tg.unlock em:before {left:1px; transition: all .3s;} @media screen and (max-width: 650px){ .map_fix_tg {top:10px; right:10px;} .map_fix_tg span {font-size:11px;} } /**/ nav.pro_nav {position: relative; text-align:center; line-height: 100%; transition:all .3s; font-size: 0; z-index:3; } nav.pro_nav li {display:inline-block; line-height: 100%; background: #fff; position:relative; margin:0 3px; flex:1;} nav.pro_nav li a {display:block; font-size: 12px;line-height: 100%; font-weight: 700; color:#333; letter-spacing:0; padding: 0 0px; background:#fff; border: 1px solid red; position:relative; font-family:var(--neo) !important; border-radius:0;/*text-transform: uppercase;*/} nav.pro_nav li.on a {color:#fff; font-weight:900; background:var(--sym_color); border-color:var(--sym_color);} nav.pro_nav li a span {display:none;} @media screen and (max-width: 1260px){ nav.pro_nav {display:none;} } /**/ nav.pro_nav_sub {position: relative; top: 0; left: 50%; text-align:center; transform:translateX(-50%); white-space:nowrap; line-height: 100%; transition:all .3s; width:100%; font-size: 0; z-index:1;margin:160px 0 -40px 0;} nav.pro_nav_sub li {display:inline-block; vertical-align:middle; min-width:150px; line-height: 100%; position:relative; margin-right:10px;} nav.pro_nav_sub li:last-child {margin:0;} nav.pro_nav_sub li a {display:block; font-size: 13px;line-height: 100%; font-weight: 700; color:#555; letter-spacing:0.05em; padding: 12px 20px; border: 1px solid #eee; position:relative; border-radius:30px; } nav.pro_nav_sub li.on a {color:#fff; font-weight:900; border-color:#333; background:#333;} nav.pro_nav_sub li a span {display:none;} @media screen and (max-width: 1260px){ nav.pro_nav_sub {left:0; transform:none; width:100%; margin:80px 0 -30px 0;} /*nav.pro_nav_sub {position: sticky; top: 120px; left:0; transform:none; width:100%;}*/ } @media screen and (max-width: 650px){ nav.pro_nav_sub {margin:0; padding:30px 10px 0px 10px;} nav.pro_nav_sub li {min-width:30%; margin-right:5px;} nav.pro_nav_sub li a {font-size: 12px; padding: 12px 0; } } /**/ ul.notice_fs {position:relative;} ul.notice_fs li {position:relative; text-align:left;} ul.notice_fs li h3, ul.notice_fs li p, ul.notice_fs li span {position:relative; display:inline-block; width:100%; } ul.notice_fs li h3, ul.notice_fs li h3 a {display:block; font-family:var(--neo); font-size:28px; color:#000; line-height:130%; font-weight:200; transition:all .3s;} ul.notice_fs li h3 i, ul.notice_fs li h3 a i {display: inline-block; vertical-align: middle; color: red; font-size: 13px;} ul.notice_fs li p { margin:10px 0 0 0;} ul.notice_fs li p, ul.notice_fs li p a {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:3; font-family:var(--neo); font-weight:100; font-size:18px; color:#000; opacity:0.55; transition:all .3s;line-height: 140%; display:none;} ul.notice_fs li span {font-size:11px; color:#000; padding:10px 0 0 0; opacity:0.65;} ul.notice_fs li:hover h3 a {color:#005277;} ul.notice_fs li:hover p a {opacity:0.65;} @media screen and (max-width: 1260px){ ul.notice_fs li h3, ul.notice_fs li h3 a {font-size:20px; } } @media screen and (max-width: 650px){ ul.notice_fs li {text-align:center;} ul.notice_fs li h3, ul.notice_fs li h3 a {font-size:17px; } ul.notice_fs li h3 i, ul.notice_fs li h3 a i {font-size: 12px;} ul.notice_fs li p { margin:10px 0 0 0;} ul.notice_fs li p, ul.notice_fs li p a {font-size:10px; line-height: 140%; -webkit-line-clamp:3;} ul.notice_fs li span {font-size:10px;} } /**/ .intro_wrap {position:relative; max-width:1300px; width:calc(100% - 30px); left:0; right:0; margin:130px auto 0 auto; padding:100px 0; overflow:hidden; /*background:#f6fdff; border-radius:250px;*/} .intro_wrap:before, .intro_wrap:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; } .intro_wrap:before {background:#fafafa;opacity:0; z-index:1;} .intro_wrap:after {background:url(/images/pattern_p1.png); background-size:auto 15px; opacity:0; z-index:2;} .intro_wrap .iw_pos {position:relative; max-width:800px; width:100%; left:0; right:0; margin:auto; padding:0 30px; z-index:10;} .intro_wrap .iw_pos .logo {position:relative; text-align:center;} .intro_wrap .iw_pos .logo img {max-width:450px; width:100%;} .intro_wrap .sm_txt {position:relative; max-width:800px; width:100%; left:0; right:0; margin:auto; padding:0 ;text-align:center; padding:50px 0;} .intro_wrap .sm_txt h2 {position:relative; line-height:110%; font-size:22px; color:#333; font-weight:800;} .intro_wrap .sm_txt p {position:relative; line-height:140%; font-size:17px; color:#777; font-weight:400; padding-top:10px;} .intro_wrap .iw_pos .greet {position:relative;font-weight:700; font-size:13px; line-height:170%; color:#777; padding:0 0 0 0; } .intro_wrap .iw_pos .greet span {display:inline-block; width:100%; font-weight:900; font-size:15px; color:#333; padding:20px 0 0 0; text-align:right;} @media screen and (max-width: 1260px){ .intro_wrap {padding:100px 0; border-radius:20px;} .intro_wrap .iw_pos .logo img {max-width:250px;} } @media screen and (max-width: 650px){ .intro_wrap {padding:0; margin:15px auto 0 auto;} .intro_wrap .iw_pos {padding:0 15px;} .intro_wrap .iw_pos .logo {padding:50px 0px 0 0px; text-align:left;} .intro_wrap .iw_pos .logo img {max-width:170px;} .intro_wrap .sm_txt {padding:30px 0 0px 0; text-align:left;} .intro_wrap .sm_txt h2 {font-size:18px; } .intro_wrap .sm_txt p {line-height:140%; font-size:13px; padding-top:10px;} .intro_wrap .iw_pos .greet {font-size:11px; line-height:150%; padding:10px 0 30px 0; } .intro_wrap .iw_pos .greet span {font-size:12px; padding:15px 0 0 0;} } /**/ .intro_wrap .blue_line {position:absolute; bottom:0; right:0; width:300px; height:300px; border-bottom:300px solid #9fcbeb; border-left:300px solid transparent; opacity:0.3; z-index:1;} .intro_wrap .blue_line:after {content:""; position:absolute;width:300px; height:300px; bottom:0; left:0; border-bottom:300px solid #fff; border-left:300px solid transparent; z-index:-1;} .intro_wrap .blue_line.bl_1 {bottom:0; right:0; z-index:1;} .intro_wrap .blue_line.bl_2 {bottom:-20px; right:-20px; z-index:2;} .intro_wrap .blue_line.bl_3 {bottom:-40px; right:-40px; z-index:3;} .intro_wrap .blue_line.bl_4 {bottom:-60px; right:-60px; z-index:4;} .intro_wrap .blue_line.bl_1:after {bottom:-10px; left:-510px;} .intro_wrap .blue_line.bl_2:after {bottom:-30px; left:-530px;} .intro_wrap .blue_line.bl_3:after {bottom:-50px; left:-550px;} .intro_wrap .blue_line.bl_4:after {bottom:-70px; left:-570px;} @media screen and (max-width: 650px){ .intro_wrap .blue_line {width:110px; height:110px; border-bottom:110px solid #9fcbeb; border-left:110px solid transparent;} .intro_wrap .blue_line:after {width:110px; height:110px; border-bottom:110px solid #fff; border-left:110px solid transparent;} } /**/ .his_wrap {position:relative; padding:210px 0 150px 0; max-width:800px; width:100%; left:0; right:0; margin:auto; } .his_wrap h2 {position:relative; font-size:20px; font-family:var(--neo); font-weight:900; line-height:110%;color:#333; transition:all .3s; padding:0 15px 35px 15px;} .his_wrap .logo {position:relative; padding:0 20px 30px 40px;} .his_wrap .logo img {max-width:200px; width:100%;} .his_wrap p {position:relative; font-size:14px; font-weight:500; line-height:140%;color:#555; transition:all .3s; padding:0 40px 35px 40px;} ul.cmp_history {position:relative; font-size:0; padding:0 20px;} ul.cmp_history li {position:relative; font-size:0; padding:20px 35px 20px 25px; line-height:100%;} ul.cmp_history li:before, ul.cmp_history li:after {content:""; position:absolute; left:7px; transition:all .3s; display:none;} ul.cmp_history li:before {top:0; height:100%; width:1px; border-left:1px solid #e9e9e9;} ul.cmp_history li:last-child:before {height:15px;} ul.cmp_history li:after {top:11px; height:5px; width:5px; left:5px; background:#333; border-radius:100%; z-index:6;} ul.cmp_history li:first-child {} ul.cmp_history li:first-child:before {height:calc(100% - 15px); bottom:0; top:initial;} ul.cmp_history li:last-child:before {height:15px; top:0; bottom:initial;} ul.cmp_history li.one:before {display:none !important;} ul.cmp_history li div {display:inline-block; vertical-align:top; position:relative;} ul.cmp_history li .ch_pic {width:120px; border-radius:10px; background-color:#fafafa; background-size:cover !important; background-position:center center;} ul.cmp_history li .ch_pic:after {content:""; display:block; padding-top:100%;} ul.cmp_history li .ch_txt {width:calc(100% - 120px); padding:5px 0 5px 20px;} ul.cmp_history li .when {display:inline-block; vertical-align:top; width:100%; position:relative; line-height:120%;font-size:20px; font-weight:900; padding-bottom:3px; color:#000;} ul.cmp_history li .memo {display:inline-block; vertical-align:top; width:100%; position:relative; padding:7px 0 0 0; } ul.cmp_history li .memo .date {display:inline-block; vertical-align:top; width:100%; position:relative; line-height:120%;font-size:13px; font-weight:900;color:#333; } ul.cmp_history li .memo .txt {display:inline-block; vertical-align:top; width:100%; position:relative; line-height:120%;font-size:12px; font-weight:600; padding:2px 0 0 2px; letter-spacing:0.05em; color:#777; } @media screen and (max-width: 1260px){ .his_wrap {padding:80px } } @media screen and (max-width: 650px){ .his_wrap {padding:30px 10px } .his_wrap .logo {padding:0 25px 20px 25px;} .his_wrap .logo img {max-width:130px;} .his_wrap p {font-size:12px; padding:0 25px 15px 25px;} .his_wrap h2 {font-size:16px; padding:0 0 15px 0;} ul.cmp_history {padding:0 20px;} ul.cmp_history li {padding:10px 0;} ul.cmp_history li .ch_pic {width:100px; border-radius:7px;} ul.cmp_history li .ch_txt {width:calc(100% - 100px); padding:0px 0 0px 15px;} ul.cmp_history li .when {font-size:15px;} ul.cmp_history li .memo .date {font-size:12px;} ul.cmp_history li .memo .txt {line-height:120%;font-size:11px; padding:2px 0 0 0px; } } /**/ .vision_block {position:relative; left:0; right:0; margin:auto; max-width:1800px; width:calc(100% - 60px); padding:140px 35px; border-radius:15px; background:url(/images/bg_md1.jpg) no-repeat; background-size:cover; background-position:center center; overflow:hidden;} .vision_block:after {content:""; position:absolute;top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} .vision_block h2 {position:relative; font-size:40px; line-height:100%; color:#fff; font-weight:900; text-align:center; padding:0 0 45px 0; z-index:1;} .vision_block ul.vb_kind {position:relative;left:0; right:0;margin:auto; max-width:1200px; width:100%; text-align:center; font-size:0; padding:0 35px; z-index:1;} .vision_block ul.vb_kind li {display:inline-block; vertical-align:top; border:0px solid #eee; background:rgba(0,0,0,0.1);border-radius:15px; width:calc(33.3333% - 20px); margin:0 10px; padding:90px 50px;position:relative; line-height:100%;} /* .vision_block ul.vb_kind li.mission {background:#ffffeb;} .vision_block ul.vb_kind li.vision {background:#f8fff2;} .vision_block ul.vb_kind li.core {background:#f4fdff;} */ .vision_block ul.vb_kind li h3 {position:relative; font-size:22px; line-height:100%; color:#000; font-weight:900;} .vision_block ul.vb_kind li.dev h3 {color:#ffcb00; } .vision_block ul.vb_kind li.tec h3 {color:#84ff00; } .vision_block ul.vb_kind li.sup h3 {color:#00ccff; } .vision_block ul.vb_kind li h3 span {display:inline-block; width:100%; font-weight:800; color:#777; font-size:15px;} .vision_block ul.vb_kind li p {position:relative; font-size:13px; line-height:140%;font-weight:700; font-family:var(--neo); color:#eee; padding:20px 0 0 0;} .vision_block ul.vb_kind li p span {font-weight:900; color:#333;} .mission_box {position:relative; max-width:800px; width:100%; left:0; right:0; margin:auto; text-align:center; padding:150px 30px;} .mission_box h2 {position:relative; line-height:110%; font-size:40px; color:#333; font-weight:900;} .mission_box p {position:relative; line-height:140%; font-size:16px; color:#777; font-weight:400; padding-top:20px;} @media screen and (max-width: 1260px){ .vision_block {padding:60px 15px; border-radius:15px; } .vision_block ul.vb_kind {padding:0 0px;} .vision_block ul.vb_kind li {border-radius:15px; padding:25px;width:calc(33.3333% - 10px); margin:0 5px;} .vision_block ul.vb_kind li h3 {font-size:20px;} .vision_block ul.vb_kind li p {font-size:12px; line-height:140%;padding:15px 0 0 0;} .mission_box {padding:100px 30px;} } @media screen and (max-width: 650px){ .vision_block {padding:0px; border-radius:0px; background:none;} .vision_block:after {display:none;} .vision_block h2 {font-size:22px; padding:0 0 10px 0; text-align:left; color:#000;} .vision_block ul.vb_kind {margin:auto; padding:0 0; text-align:left;} .vision_block ul.vb_kind li {width:100%; border-radius:10px; margin:2px 0; padding:20px; background:#fafafa;} .vision_block ul.vb_kind li h3 {font-size:15px; color:#333 !important;} .vision_block ul.vb_kind li p {font-size:12px; line-height:140%;padding:7px 0 0 0; color:#777;} .mission_box {padding:40px 30px; text-align:left;} .mission_box h2 {font-size:22px;} .mission_box p {line-height:140%; font-size:13px; padding-top:10px;} } /**/ .biz_area_box {position:relative;max-width:1130px; width:100%; left:0; right:0; margin:auto;padding:190px 15px 130px 15px;} .biz_area_box h2 {position:relative; font-size:40px; line-height:100%; color:#000; font-weight:900; text-align:center; padding:0 0 60px 0; z-index:1;} .biz_area_box ul.bab_list {position:relative; font-size:0; } .biz_area_box ul.bab_list li {display:inline-block; vertical-align:top; width:calc(50% - 40px); margin:0 20px; position:relative; font-size:0; padding:0; line-height:100%; } .biz_area_box ul.bab_list li div {display:inline-block; vertical-align:top; position:relative;} .biz_area_box ul.bab_list li .pic {width:100%; border-radius:10px; background-color:#fafafa; background-size:cover !important; background-position:center center;} .biz_area_box ul.bab_list li .pic:after {content:""; display:block; padding-top:56%;} .biz_area_box ul.bab_list li .info {width:100%; padding:35px 25px 0 25px;text-align:left;} .biz_area_box ul.bab_list li .info h3 {position:relative; font-size:25px; line-height:100%; color:#000; font-weight:900;} .biz_area_box ul.bab_list li .info p {position:relative; font-size:13px; line-height:150%; color:#555; font-weight:700; padding:25px 0 0 0;} @media screen and (max-width: 1260px){ .biz_area_box {padding:80px 15px;} } @media screen and (max-width: 650px){ .biz_area_box {padding:30px;} .biz_area_box h2 {font-size:22px; padding:0 0 20px 0; text-align:left;} .biz_area_box ul.bab_list li {width:100%; margin:30px 0 0 0; } .biz_area_box ul.bab_list li:first-child {margin:0;} .biz_area_box ul.bab_list li .pic:after {padding-top:56%;} .biz_area_box ul.bab_list li .info {padding:20px 10px 0 10px;} .biz_area_box ul.bab_list li .info h3 {font-size:15px;} .biz_area_box ul.bab_list li .info p {font-size:12px; line-height:150%; padding:10px 0 0 0;} } /**/ .biz_area_box .map_bg {position:relative; max-width:1100px; width:100%; left:0; right:0; margin:auto; background:#e9e9e9;} .biz_area_box .map_bg img {width:100%;} .biz_area_box .map_bg ul.loc_name {position:absolute; top:0; left:0; width:100%; height:100%;} .biz_area_box .map_bg ul.loc_name > li {position:absolute; line-height:100%; font-size:11px; color:#000; font-weight:900;text-shadow: 0 0 1px #fff;} .biz_area_box .map_bg ul.loc_name > li:before, .biz_area_box .map_bg ul.loc_name > li:after {content:""; position:absolute; left:50%; transform:translateX(-50%); border-radius:100%;} .biz_area_box .map_bg ul.loc_name > li:before {bottom:-16px; width:10px; height:10px; background:#0dc5ff; } .biz_area_box .map_bg ul.loc_name > li:after {bottom:-14px; width:6px; height:6px; background:#0087d9; } .biz_area_box .map_bg ul.loc_name > li.not {font-weight:700; color:#555;} .biz_area_box .map_bg ul.loc_name > li.not:before {display:none;} .biz_area_box .map_bg ul.loc_name > li.not:after {background:#999; } .biz_area_box .map_bg ul.loc_name > li.as {top:30%; left:23%;} .biz_area_box .map_bg ul.loc_name > li.eu {top:28%; left:8%;} .biz_area_box .map_bg ul.loc_name > li.af {top:55%; left:6%;} .biz_area_box .map_bg ul.loc_name > li.na {top:35%; right:20%;} .biz_area_box .map_bg ul.loc_name > li.sa {top:68%; right:8%;} .biz_area_box .map_bg ul.loc_name > li.au {top:75%; left:34%;} .biz_area_box .map_bg ul.loc_name > li.cyto {background:#11537e; top:35.6%; left:33.8%; padding:6px 10px 5px 10px; border-radius:30px;font-size:12px; color:#fff; font-weight:900; letter-spacing:0.05em;} .biz_area_box .map_bg ul.loc_name > li.cyto img {width:100%;} .biz_area_box .map_bg ul.loc_name > li.cyto:before {display:none;} .biz_area_box .map_bg ul.loc_name > li.cyto:after {bottom:-8px; width:0; height:0; border-radius:0; background:none; border-top:8px solid #11537e; border-left:5px solid transparent; border-right:5px solid transparent; display:none;} .biz_area_box .map_bg ul.nw_flag {position:absolute; top:30px; left:50%; width:80px; transform:translateX(-50%); font-size:0; text-align:center;} .biz_area_box .map_bg ul.nw_flag > li {display:inline-block; vertical-align:top; width:25%; padding:2px;} .biz_area_box .map_bg ul.nw_flag > li img {width:100%; border-radius:100%;} .biz_area_box ul.nw_nation {position:relative; max-width:900px; width:100%; left:0; right:0; margin:auto; font-size:0; padding:50px 0 0 0;} .biz_area_box ul.nw_nation li {display:inline-block; vertical-align:top; width:12.5%; padding:30px 15px 0 15px; text-align:center; } .biz_area_box ul.nw_nation li img {max-width:45px; width:100%; border-radius:100%;} .biz_area_box ul.nw_nation li span {display:inline-block; width:100%; position:relative; font-size:11px; font-weight:800; padding:10px 0 0 0; line-height:110%;} @media screen and (max-width: 1260px){ .biz_area_box .map_bg ul.nw_flag {display:none;} .biz_area_box ul.nw_nation li {width:20%; padding:30px 15px 0 15px; } } @media screen and (max-width: 650px){ .biz_area_box .map_bg ul.loc_name > li.eu {top:22%; left:6%;} .biz_area_box .map_bg ul.loc_name > li.na {top:30%; right:15%;} .biz_area_box .map_bg ul.loc_name > li.sa {top:68%; right:3%;} .biz_area_box .map_bg ul.loc_name > li.au {top:68%; left:34%;} .biz_area_box ul.nw_nation li {width:20%; padding:15px 15px 0 15px; } .biz_area_box ul.nw_nation li img {max-width:35px;} .biz_area_box ul.nw_nation li span {font-size:10px;} } /**/ .other_wrap {position:relative; padding:130px 0 80px 0; border-bottom:1px dashed #ddd;} .other_wrap ul.ow_plus {position:relative; left:0; right:0; margin:auto; max-width:900px; width:100%; font-size:0; } .other_wrap ul.ow_plus > li {display:inline-block; vertical-align:top; width:100%; position:relative; font-size:0; margin-bottom:35px;} .other_wrap ul.ow_plus > li:last-child {margin:0;} .other_wrap ul.ow_plus > li .pic, .other_wrap ul.ow_plus > li .info {display:inline-block; vertical-align:top; position:relative;} .other_wrap ul.ow_plus > li .pic {width:300px; background-size:cover !important; background-position:center center !important; background-color:#fafafa !important; border-radius:10px; overflow:hidden;} .other_wrap ul.ow_plus > li .pic:after {content:""; display:block; padding-top:100%;} .other_wrap ul.ow_plus > li .info {width:calc(100% - 300px); padding:10px 0 10px 40px;} .other_wrap ul.ow_plus > li .info h3 {position:relative; font-size:17px; font-weight:800; color:#333;} .other_wrap ul.ow_plus > li .info p {position:relative; font-size:13px; line-height:130%; font-weight:600; color:#777; padding:5px 0 0 0;} .other_wrap ul.detail {position:relative;padding:10px 0 0 0; } .other_wrap ul.detail > li {display:inline-block; width:100%; position:relative; font-size:0;} .other_wrap ul.detail > li span {display:inline-block; vertical-align:top; position:relative;} .other_wrap ul.detail > li .tit {width:70px; font-size:12px;font-weight:600; color:#777; } .other_wrap ul.detail > li .txt {width:calc(100% - 70px); font-size:12px;font-weight:800; color:#333; } @media screen and (max-width: 1260px){ .other_wrap {padding:80px;} .other_wrap ul.ow_plus > li .pic {width:200px;} .other_wrap ul.ow_plus > li .info {width:calc(100% - 200px);} } @media screen and (max-width: 650px){ .other_wrap {padding:10px;} .other_wrap ul.ow_plus > li, .other_wrap ul.ow_plus > li:last-child {width:calc(50% - 10px);margin:5px;} .other_wrap ul.ow_plus > li .pic {width:100%;} .other_wrap ul.ow_plus > li .info {width:100%; padding:10px 10px 20px 10px;} .other_wrap ul.ow_plus > li .info h3 {font-size:15px; } .other_wrap ul.ow_plus > li .info p {font-size:12px; line-height:130%; padding:5px 0 0 0;} .other_wrap ul.detail {padding:10px 0 0 0;} .other_wrap ul.detail > li .tit {width:60px; font-size:11px;} .other_wrap ul.detail > li .txt {width:calc(100% - 60px); font-size:11px;} } /**/ .rest_wrap {position:relative; padding:80px 0; } .rest_wrap ul.rw_list {position:relative; left:0; right:0; margin:auto; max-width:900px; width:100%; font-size:0;} .rest_wrap ul.rw_list > li {display:inline-block; width:calc(33.3333% - 10px); margin:5px; position:relative; font-size:0;} .rest_wrap ul.rw_list > li .pic, .rest_wrap ul.rw_list > li .info {display:inline-block; vertical-align:top; position:relative; width:100%;} .rest_wrap ul.rw_list > li .pic {background-size:cover !important; background-position:center center !important; background-color:#fafafa !important; border-radius:10px; overflow:hidden;} .rest_wrap ul.rw_list > li .pic:after {content:""; display:block; padding-top:100%;} .rest_wrap ul.rw_list > li .info {padding:15px;} .rest_wrap ul.rw_list > li .info h3 {position:relative; font-size:14px; font-weight:800; color:#333;} .rest_wrap ul.rw_list > li .info p {position:relative; font-size:12px; font-weight:600; color:#555;} @media screen and (max-width: 1260px){ .rest_wrap {padding:80px;} } @media screen and (max-width: 650px){ .rest_wrap {padding:10px;} .rest_wrap ul.rw_list > li {width:calc(50% - 10px); } .rest_wrap ul.rw_list > li .info {padding:10px 10px 10px 10px;} .rest_wrap ul.rw_list > li .info h3 {font-size:13px;} .rest_wrap ul.rw_list > li .info p {font-size:11px;} }