@charset "utf-8"; /*브랜드 css*/ /* 추후 custom_b로 옮길 예정 */ /*─────────────────────────────────────────────────────────── 라운지 ───────────────────────────────────────────────────────────*/ /*** 웰킨 활용 백서 ***/ /* 일반 */ .sub_bg_title.utilize {height:190px;background-position:50% 0 !important;z-index:5;overflow:inherit;background-size:100% auto !important;} .sub_bg_title.utilize .w_custom {padding-left:15px;padding-top:37px;top:-4px;left:0;z-index:6;height:249px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;transform:translate(0, 0);} .sub_bg_title.utilize .w_custom .thumb {right: calc(0% - 110px);top:0;width:372px;height:249px;z-index:6;background:url(../img/lounge/sub-visual-bnr-utilize.png) no-repeat 0 0;background-size:372px auto;display:inline-block;position:absolute;} .sub_bg_title.utilize h2, .sub_bg_title.utilize p, .sub_bg_title.utilize span, .sub_bg_title.utilize li {letter-spacing:-0.05em;text-align:left;} .sub_bg_title.utilize h2 {margin-top:17px;font-size:30px;line-height:1;font-weight:700;color:#275b4e;vertical-align:top;position:relative;z-index:7;} .sub_bg_title.utilize p {margin-top:13px;font-size:14px;font-weight:300;line-height:21px;color:#555;vertical-align:top;position:relative;z-index:7;} .sub_bg_title.utilize p strong {font-weight:500;color:#333;line-height:inherit;font-size:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .sub_bg_title.utilize p strong:before {width:131px;height:28px;background:url(../img/lounge/bg-sub-title-utilize.png) no-repeat 50% 50%;background-size:131px auto;left:-2px;bottom:-1px;position:absolute;display:inline-block;content:"";} .sub_bg_title.utilize span {font-size:15px;font-weight:300;line-height:1;letter-spacing:0;color:#888;font-style:italic;font-family: 'Trirong', serif;display:block;position:relative;z-index:7;} .sub_bg_title.utilize .sub_visual_tab_bg {height:110px;background-color: rgba(238, 112, 64, 1);top:100%;left:0;width:100%;position:absolute;z-index:1;} .sub_visual_tab {top:95.5px;left:0;width:100%;position:sticky;z-index:7;height:110px;background-color: rgba(238, 112, 64, 0);margin-bottom:-148px;} .sub_visual_tab.on {background-color: rgba(238, 112, 64, 1);overflow:hidden;}/*height:100px;*/ .sub_visual_tab .w_custom {position:static;transform:translate(0, 0);left:0;top:0;text-align:center;} .sub_visual_tab ol {font-size:0;vertical-align:top;counter-reset:utilize-tab;} .sub_visual_tab ol li {width:25%;counter-increment:utilize-tab;padding:15px 0;color:#fff;vertical-align:top;display:inline-block;position:relative;z-index:1;text-align:center;} /*.sub_visual_tab.on ol li {padding-top:10px;padding-bottom:10px;}*/ .sub_visual_tab ol li + li {} .sub_visual_tab ol li + li:before {width:1px;height:80px;background:#fff;opacity:0.3;position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";} .sub_visual_tab ol li a {display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:5;} .sub_visual_tab ol li strong {font-size:16px;letter-spacing:-0.06em;line-height:21px;font-weight:400;margin:0 auto;padding:7px 0 13px;height:80px;box-sizing:border-box;display:block;vertical-align:top;position:relative;z-index:1;} .sub_visual_tab ol li strong:before {content:'0' counter(utilize-tab);font-size:14px;letter-spacing:-0.05em;line-height:1;padding:0;color:rgba(255, 255, 255, 0.5);font-weight:400;margin:0 auto 4px;display:block;vertical-align:top;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual_tab ol li.on strong:after {width:10.5px;height:5.5px;background:url(../img/lounge/icon-tab-arrow.png) no-repeat 50% 50%;background-size:cover;transform:translateX(-50%);position:absolute;left:50%;bottom:0;display:inline-block;content:"";} .utilize_tab_cont {} .utilize_cont_wrap .link_ankers {display:inline-block;width:100%;height:1px;position:absolute;left:0;top:0px;} .utilize_cont_wrap {padding-top:208px;padding-bottom:60px;}/**/ .utilize_cont_wrap:nth-of-type(1) {background:#f5f5f5;position:relative;z-index:4;} .utilize_cont_wrap:nth-of-type(2) {background:#fff;position:relative;z-index:3;} .utilize_cont_wrap:nth-of-type(2):before {position:absolute;left:0;top:100px;height:49px;width:100%;background:#f5f5f5;z-index:2;display:inline-block;content:"";} .utilize_cont_wrap:nth-of-type(3) {background:#faf8f1;position:relative;z-index:2;} .utilize_cont_wrap:nth-of-type(3):before {position:absolute;left:0;top:100px;height:49px;width:100%;background:#fff;z-index:2;display:inline-block;content:"";} .utilize_cont_wrap#utilize_02 {/*padding-bottom:79px;*/} .utilize_cont_wrap#utilize_03 {/*padding-bottom:81px;*/} .utilize_cont_wrap#utilize_04 {padding-bottom:0px;position:relative;z-index:1;} .utilize_cont_wrap#utilize_01, .utilize_cont_wrap#utilize_02, .utilize_cont_wrap#utilize_03 {margin-bottom:-148px;} .utilize_cont_wrap > h3 {position:relative;z-index:1;padding:0;margin:0 0 20px;} .utilize_cont_wrap#utilize_03 > h3, .utilize_cont_wrap#utilize_04 > h3 {margin-bottom:40px;} .utilize_cont_wrap > h3:before {background:rgb(51, 51, 51);height:1px;width: calc(50% - 600px);display:inline-block;content:"";position:absolute;right: calc(50% + 600px);bottom:0;} .utilize_cont_wrap > h3 .w_custom {margin:0 auto;padding-bottom:18px;position:relative;z-index:1;} .utilize_cont_wrap > h3 span, .utilize_cont_wrap > h3 strong, .utilize_cont_wrap > h3 em {display:block;margin:0;padding:0;vertical-align:top;} .utilize_cont_wrap > h3 span {font-size:15px;letter-spacing:0;line-height:1;color:#888;font-weight:400;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .utilize_cont_wrap > h3 strong {margin-top:18px;font-size:25px;line-height:1;letter-spacing:-0.05em;color:#222;font-weight:300;display:inline-block;position:relative;z-index:1;} .utilize_cont_wrap > h3 strong:before {background:rgb(51, 51, 51);height:1px;width: calc(100% + 15px);display:inline-block;content:"";position:absolute;left:-15px;bottom:-18px;} .utilize_cont_wrap > h3 strong b {font-size:inherit;letter-spacing:inherit;color:inherit;line-height:inherit;font-weight:500;display:inline-block;margin:0;padding:0;vertical-align:top;position:relative;z-index:1;} .utilize_cont_wrap > h3 strong b:before {height:8px;width: calc(100% + 2px);left:-1px;bottom:-2px;background:rgba(238, 112, 64, 0.25);z-index:-1;position:absolute;display:inline-block;content:"";} .utilize_cont_wrap#utilize_03 > h3 strong, .utilize_cont_wrap#utilize_04 > h3 strong {line-height:31px;} .utilize_cont_wrap#utilize_03 > h3 strong:before, .utilize_cont_wrap#utilize_04 > h3 strong:before {bottom:-44px;} .utilize_cont_wrap#utilize_03 > h3 strong b:before, .utilize_cont_wrap#utilize_04 > h3 strong b:before {bottom:0px;} .utilize_cont_wrap > h3 em {margin-top:13px;margin-bottom:-2px;font-size:15px;line-height:1;font-weight:300;letter-spacing:-0.05em;color:#333;} .utilize_cont_wrap {} .utilize_cont_wrap .dis_table {display:block;margin:0;width:100%;} .utilize_cont_wrap .clear.w_custom {padding-left:8%;padding-right:8%;} .utilize_cont_wrap .thumb, .utilize_cont_wrap .txt {display:block;vertical-align:top;box-sizing:border-box;} .utilize_cont_wrap .thumb {text-align:Center;} .utilize_cont_wrap .thumb img {width:auto;height:auto;} .utilize_cont_wrap ol {counter-reset:utilize-cont;} .utilize_cont_wrap ol > li {counter-increment:utilize-cont;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(1) {margin-bottom:70px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(2) {margin-bottom:37px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(3) {margin-bottom:49px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(1) {margin-bottom:49px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(2) {margin-bottom:69px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(3) {margin-bottom:55px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(1) {margin-bottom:52px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(2) {margin-bottom:75px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(3) {margin-bottom:70px;} .utilize_cont_wrap ol > li:nth-of-type(odd) .txt {text-align:left;} .utilize_cont_wrap ol > li:nth-of-type(even) .txt {text-align:right;} .utilize_cont_wrap .thumb {position:relative;z-index:1;font-size:0;width:100%;overflow:hidden;} .utilize_cont_wrap .thumb img {position:relative;z-index:2;vertical-align:middle;} .utilize_cont_wrap .thumb .thumb_circle {background:#275b4e;display:inline-block;border-radius:100%;position:absolute;z-index:1;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(1) .thumb {padding-top:7px;padding-bottom:14px;margin-top:6px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(1) .thumb img {width:117.46%;margin-left:6.93%;margin-right:-24.39%;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(1) .thumb .thumb_circle {width:100px;height:100px;left:-5.86%;top:0;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(2) .thumb {padding-bottom:8px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(2) .thumb img {width:77.86%;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(2) .thumb .thumb_circle {background:#ee7040;width:61px;height:61px;right:5.33%;top:32px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(3) .thumb {padding-top:32px;padding-bottom:2px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(3) .thumb img {width:75.6%;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(3) .thumb .thumb_circle {width:15px;height:15px;left:34%;top:12px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(3) .thumb .thumb_circle:nth-of-type(2) {opacity:0.1;width:200px;height:200px;left:25.33%;top:0;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .thumb {padding-bottom:29px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .thumb img {width:75.73%;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .thumb .thumb_circle {width:75px;height:75px;right:16.93%;top:0;background:#ee7040;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(1) .thumb {padding-top:7px;padding-bottom:8px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(1) .thumb img {width:83.73%;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(1) .thumb .thumb_circle {width:250px;height:250px;left:-95px;top:0;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(2) .thumb {padding-top:18px;padding-bottom:8px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(2) .thumb img {width:113.33%;margin-right:6.66%;margin-left:-19.99%;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(2) .thumb .thumb_circle {background:#ee7040;width:90px;height:90px;right:4%;top:0;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(3) .thumb {margin-bottom:-15px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(3) .thumb img {width:166%;margin-left:-20%;margin-right:-46%;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(3) .thumb .thumb_circle {width:21px;height:21px;left:43.86%;top:26.5px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(3) .thumb .thumb_circle:nth-of-type(2) {width:150px;height:150px;opacity:0.1;left:32.66%;top:31px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(4) .thumb {margin-bottom:30px;padding-top:13px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(4) .thumb img {width:64.8%;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(4) .thumb .thumb_circle {width:75px;height:75px;left:14.53%;top:0;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(1) .thumb {text-align:right;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(1) .thumb img {width:76%;margin-right:30px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(1) .thumb .thumb_circle {background:#ee7040;width:108px;height:108px;left:18.13%;top:51.57%;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(2) .thumb img {width:120.26%;margin-left:-10.13%;margin-right:-10.13%;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(2) .thumb .thumb_circle {width:40px;height:40px;left:66%;top:7px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(3) .thumb img {width:89.06%;margin-left:7.66%;margin-top:32px;margin-bottom:8px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(3) .thumb .thumb_circle {width:93.33%;height:93.33%;right:58.4%;top:0;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(4) .thumb {margin-bottom:16px;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(4) .thumb img {width:190%;margin-left:-45%;margin-right:-45%;} .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(4) .thumb .thumb_circle {background:#ee7040;width:60px;height:60px;left:26.53%;bottom:26.5px;} .utilize_cont_wrap .txt {width:auto;} .utilize_cont_wrap .txt:before {content:'0' counter(utilize-cont);font-size:15px;font-weight:400;color:#333;display:inline-block;line-height:1;padding:6px 0;border-bottom:2px #333 solid;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .utilize_cont_wrap .txt p {font-size:17px;line-height:24px;font-weight:300;color:#555;letter-spacing:-0.05em;margin:0;vertical-align:top;} .utilize_cont_wrap .txt p:first-child {margin-top:12px;} .utilize_cont_wrap .txt p + p {margin-top:8px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(2) .txt p + p {margin-top:17px;} .utilize_cont_wrap .txt p strong {font-size:inherit;line-height:inherit;font-weight:500;color:#333;letter-spacing:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .utilize_cont_wrap .txt p strong:before {width: calc(100% + 4px);left:-2px;height:6px;bottom:1px;background-color: rgba(143, 124, 98, 0.2);display:inline-block;content:"";position:absolute;z-index:-1;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p {font-size:17px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p:first-child {margin-top:12px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p strong {font-size:16px;margin-top:10px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p strong:before {bottom:1px;} .utilize_cont_wrap .txt p em {background:url(../img/lounge/icon-caution-utilize.png) no-repeat 0 2px;background-size:auto 20px;padding:0 0 0 30px;font-size:18px;line-height:23px;font-weight:500;color:#222;letter-spacing:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .utilize_cont_wrap .txt p em:before {width: calc(100% - 30px);left:30px;height:1px;bottom:0px;background:#000;display:inline-block;content:"";position:absolute;z-index:-1;} .utilize_cont_wrap .txt .btn_self_go.btn_go {font-size:16px;letter-spacing:-0.05em;font-weight:500;width:auto;padding-left:15px;padding-right:15px;min-width:180px;height:50px;line-height:48px;} .utilize_cont_wrap .txt p + .btn_self_go.btn_go {margin-top:23px;} .utilize_cont_wrap .txt span + .btn_self_go.btn_go {margin-top:24px;} .utilize_cont_wrap:nth-of-type(2) ol > li:nth-of-type(4) .btn_self_go.btn_go, .utilize_cont_wrap:nth-of-type(3) ol > li:nth-of-type(2) .btn_self_go.btn_go {min-width:193px;} .utilize_cont_wrap .txt > span {font-size:12px;font-weight:300;color:#888;letter-spacing:-0.05em;line-height:18px;padding:0;margin:0;display:block;vertical-align:top;} .utilize_cont_wrap .txt > p + span {margin-top:12px;} .utilize_cont_wrap .txt > .txt_tailtag {display:inline-block;color:#fff;font-size:18px;font-weight:500;letter-spacing:-0.05em;line-height:1;padding:0;margin:0;position:relative;z-index:1;vertical-align:top;} .utilize_cont_wrap .txt > .txt_tailtag span {background:#255649;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:top;margin:0;padding:5px 7px 7px;position:relative;z-index:2;box-sizing:border-box;display:inline-block;} .utilize_cont_wrap .txt > .txt_tailtag:after {height:30px;width:calc(100% + 2.5px);left:0;top:2.5px;background-repeat:no-repeat;background-position:0 0;background-size:cover;z-index:-1;display:inline-block;content:"";position:absolute;} .utilize_cont_wrap .txt > p .txt_tailtag {display:inline-block;color:#fff;font-size:15px;font-weight:500;letter-spacing:-0.05em;line-height:1;padding:0;margin:0 16px 0 0;position:relative;z-index:1;vertical-align:top;text-align:left;} .utilize_cont_wrap .txt > p .txt_tailtag:before {display:none;} .utilize_cont_wrap .txt > p .txt_tailtag span {padding:5px 0px 5px 9px;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:top;margin:0;width:48px;background:#93827a;font-style:italic;font-family: 'Trirong', serif;position:relative;z-index:2;box-sizing:border-box;display:inline-block;} .utilize_cont_wrap .txt > p .txt_tailtag:after {width:calc(100% + 2px);top:2px;height:25px;left:0;background-image:url(../img/lounge/bg-title-utilize-04.png);background-repeat:no-repeat;background-position:0 0;background-size:cover;z-index:-1;display:inline-block;content:"";position:absolute;} .utilize_cont_wrap .txt > p .txt_tailtag + span {font-size:15px;line-height:24px;color:#555;font-weight:400;} .utilize_cont_wrap .txt > br + .txt_tailtag {margin-top:15px;margin-bottom:12px;} .utilize_cont_wrap .txt .icon_list {vertical-align:top;padding:15px 0 11px;} .utilize_cont_wrap .txt .icon_list li {display:inline-block;vertical-align:top;} .utilize_cont_wrap .txt .icon_list li + li {margin-left:7px;} .utilize_cont_wrap .txt .icon_list li img {width:30px;height:auto;} .utilize_cont_wrap .txt .icon_list + p + span + .btn_self_go.btn_go {width:auto;min-width:193px;} .utilize_cont_wrap ol > li:nth-of-type(1) .txt > .txt_tailtag {} .utilize_cont_wrap ol > li:nth-of-type(1) .txt > .txt_tailtag:after {width:calc(100% + 2.5px);background-image:url(../img/lounge/bg-title-utilize-01.png);} .utilize_cont_wrap ol > li:nth-of-type(2) .txt > .txt_tailtag {} .utilize_cont_wrap ol > li:nth-of-type(2) .txt > .txt_tailtag:after {left:auto;right:0;background-image:url(../img/lounge/bg-title-utilize-02.png);} .utilize_cont_wrap ol > li:nth-of-type(3) .txt > .txt_tailtag span {background:#ed7040;} .utilize_cont_wrap ol > li:nth-of-type(3) .txt > .txt_tailtag:after {background-image:url(../img/lounge/bg-title-utilize-03.png);} .utilize_faq_wrap {text-align:left;} .utilize_faq_wrap + .utilize_faq_wrap {margin-top:40px;} .utilize_faq_wrap > dt {padding:17px 0 16px;text-align:Center;border-radius:7px 7px 0 0;background:#225b4d;display:block;vertical-align:top;} .utilize_faq_wrap > dt strong, .utilize_faq_wrap > dt em {color:#fff;letter-spacing:-0.05em;line-height:1;display:inline-block;vertical-align:top;} .utilize_faq_wrap > dt strong {font-size:18px;font-weight:500;} .utilize_faq_wrap > dt em {font-size:16px;font-weight:300;padding-top:1px;padding-left:11px;} .utilize_faq_wrap:nth-of-type(2) > dt {background:#1b263c;} .utilize_faq_wrap > dd {background:#f9f9f9;border-width:1px;border-style:solid;border-color:#225b4d;padding:15px;margin:0;box-sizing:border-box;} .utilize_faq_wrap:nth-of-type(2) > dd {border-color:#1b263c;} .utilize_faq_wrap > dd > ul {} .utilize_faq_wrap > dd > ul > li {padding:15px 15px;background:#fff;border:1px #ddd solid;border-radius:7px;box-sizing:border-box;} .utilize_faq_wrap > dd > ul > li + li {margin-top:10px;} .utilize_faq_wrap > dd > ul > li.on {} .utilize_faq_wrap > dd > ul > li dl {} .utilize_faq_wrap > dd > ul > li dt, .utilize_faq_wrap > dd > ul > li dd {padding:0;margin:0;vertical-align:top;padding-left:42px;position:relative;z-index:1;box-sizing:border-box;} .utilize_faq_wrap > dd > ul > li dt:before, .utilize_faq_wrap > dd > ul > li dd:before {width:30px;height:30px;line-height:30px;font-size:15px;font-weight:400;letter-spacing:-0.05em;border-radius:100%;text-align:center;color:#fff;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;vertical-align:top;text-indent:-1px;position:absolute;left:0;top:0;} .utilize_faq_wrap > dd > ul > li dt {padding-right:11px;min-height:30px;cursor:pointer;} .utilize_faq_wrap > dd > ul > li dt:before {content:"Q";background:#275b4e;} .utilize_faq_wrap:nth-of-type(2) > dd > ul > li dt:before {background:#1b263c;} .utilize_faq_wrap > dd > ul > li dt:after {width:11px;height:6px;background:url(../img/lounge/icon-arrow-utilize-down.png) no-repeat 0 0;background-size:cover;content:"";display:inline-block;vertical-align:top;position:absolute;right:0;top:50%;margin-top:-3px;transition:all 0.3s;} .utilize_faq_wrap > dd > ul > li.on dt:after {background:url(../img/lounge/icon-arrow-utilize-up.png) no-repeat 0 0;background-size:cover;} .utilize_faq_wrap > dd > ul > li dt p {font-size:15px;line-height:1;padding:0.5em 0;letter-spacing:-0.05em;color:#333;font-weight:400;} .utilize_faq_wrap:nth-of-type(2) > dd > ul > li:first-child dt p {line-height:20px;padding:5px 0;} .utilize_faq_wrap > dd > ul > li dd {font-size:15px;line-height:23px;letter-spacing:-0.05em;color:#333;font-weight:400;border-top-width:0;border-top-color:#fff;border-top-style:solid;width:100%;height:0;overflow:hidden;} .utilize_faq_wrap > dd > ul > li.on dd {border-top-width:1px;border-top-color:#ddd;margin-top:15px;padding-top:15px;height:auto;overflow:inherit;} .utilize_faq_wrap > dd > ul > li dd:before {content:"A";background:#27282c;top:15px;} .utilize_faq_wrap:nth-of-type(2) > dd > ul > li dd:before {background:#5f6367;} .utilize_faq_wrap > dd > ul > li dd p {font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0;padding:0;vertical-align:top;} .utilize_faq_wrap > dd > ul > li dd p + p {margin-top:6px;} .utilize_faq_wrap > dd > ul > li dd p:first-child {margin-top:3px;} .utilize_faq_wrap > dd > ul > li dd p:last-child {margin-bottom:0;} #utilize_04 .btn_center {padding-top:40px;} #utilize_04 .btn_center .btn_self_go.btn_go {width:180px;} @media only screen and (max-width:340px) { .utilize_cont_wrap .clear.w_custom {padding-left:5.8%;padding-right:5.8%;} .sub_bg_title.utilize h2 {font-size:28px;} .sub_bg_title.utilize p {font-size:13px;line-height:20px;} .sub_bg_title.utilize p strong:before {width:131px;height:28px;background-size:131px auto;left:-2px;bottom:-1px;} .sub_bg_title.utilize span {font-size:14px;} .sub_bg_title.utilize .sub_visual_tab_bg {height:100px;} .sub_visual_tab {top:95.5px;height:100px;} .sub_visual_tab ol li {padding:12px 0;} .sub_visual_tab ol li:before {height:76px;} .sub_visual_tab ol li strong {font-size:15px;line-height:20px;padding:6px 0 13px;height:76px;} .sub_visual_tab ol li strong:before {content:'0' counter(utilize-tab);font-size:13px;} .utilize_cont_wrap > h3 span {font-size:14px;} .utilize_cont_wrap > h3 strong {font-size:24px;} .utilize_cont_wrap#utilize_03 > h3 strong b:before, .utilize_cont_wrap#utilize_04 > h3 strong b:before {bottom:-1px;} .utilize_cont_wrap > h3 em {font-size:14px;} .utilize_cont_wrap .txt:before {font-size:14px;padding:6px 0;} .utilize_cont_wrap .txt p {font-size:16px;line-height:23px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p {font-size:16px;} .utilize_cont_wrap:nth-of-type(1) ol > li:nth-of-type(4) .txt p strong {font-size:15px;} .utilize_cont_wrap .txt p em {background-position:0 2px;background-size:auto 20px;padding-left:28px;font-size:17px;line-height:22px;} .utilize_cont_wrap .txt p em:before {width: calc(100% - 30px);left:30px;} .utilize_cont_wrap .txt .btn_self_go.btn_go {font-size:15px;} .utilize_cont_wrap .txt > span {font-size:11px;line-height:17px;} .utilize_cont_wrap .txt > .txt_tailtag {font-size:17px;} .utilize_cont_wrap .txt > p .txt_tailtag {font-size:14px;margin-right:12px;} .utilize_cont_wrap .txt > p .txt_tailtag span {width:42px;padding-left:7px;} .utilize_cont_wrap .txt > p .txt_tailtag + span {font-size:14px;line-height:23px;} .utilize_faq_wrap > dt strong {font-size:17px;} .utilize_faq_wrap > dt em {font-size:15px;padding-top:1px;padding-left:11px;} .utilize_faq_wrap > dd {padding:12px;} .utilize_faq_wrap > dd > ul > li {padding:12px;} .utilize_faq_wrap > dd > ul > li dt:before, .utilize_faq_wrap > dd > ul > li dd:before {width:28px;height:28px;line-height:28px;font-size:14px;} .utilize_faq_wrap > dd > ul > li dt {padding-left:38px;} .utilize_faq_wrap > dd > ul > li dt p {font-size:14px;} .utilize_faq_wrap:nth-of-type(2) > dd > ul > li:first-child dt p {line-height:19px;padding-top:4px;} .utilize_faq_wrap > dd > ul > li dd {font-size:14px;line-height:22px;padding-left:38px;} .utilize_faq_wrap > dd > ul > li.on dd {margin-top:12px;padding-top:12px;} .utilize_faq_wrap > dd > ul > li dd:before {top:12px;} } @media only screen and (max-width:320px) { .sub_bg_title.utilize .w_custom {padding-left:3.75%;padding-right:3.75%;} .utilize_cont_wrap > h3 strong:before {width: calc(100% + 10px);left:-10px;} .utilize_cont_wrap .clear.w_custom {padding-left:15px;padding-right:15px;} .utilize_faq_wrap > dd {padding:10px;} .utilize_faq_wrap > dd > ul > li {padding:10px;} .utilize_faq_wrap > dd > ul > li dt:before, .utilize_faq_wrap > dd > ul > li dd:before {width:26px;height:26px;line-height:26px;} .utilize_faq_wrap > dd > ul > li dt {padding-left:36px;} .utilize_faq_wrap:nth-of-type(2) > dd > ul > li:first-child dt p {padding-top:3px;padding-bottom:4px;} .utilize_faq_wrap > dd > ul > li dd {padding-left:36px;} .utilize_faq_wrap > dd > ul > li.on dd {margin-top:10px;padding-top:10px;} .utilize_faq_wrap > dd > ul > li dd:before {top:10px;} }