/* 365mc 컨텐츠 */
/* 레이아웃 */
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

.header.main {background:rgba(0,0,0,.7);}
.section {width:auto;height:auto;min-height:auto;}
.title-section {top:0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#f7701e;}
footer {position:relative;bottom:230px;width:100%;z-index:-100;opacity:0;transition:300ms all;}
footer.on {z-index:100;opacity:1;}
.foot_box {height:230px;}

/* why 365mc */
.seoul_365mc_p01 {}
.seoul_365mc_p01 .cont_box {margin:0 auto;width:1400px;height:1026px;position:relative;}
.seoul_365mc_p01 .title_area {position:absolute;top:30px;left:0;width:100%;opacity:0;transition:800ms all;}
.seoul_365mc_p01 h2 {text-align:center;color:#000000;font-size:24px;margin-bottom:60px;}
.seoul_365mc_p01 h3 {text-align:center;color:#000000;font-size:60px;line-height:70px;font-weight:700;}
.seoul_365mc_p01 .detail_area {position:absolute;height:608px;bottom:0;left:0;width:100%;}
.seoul_365mc_p01 .detail_area .img01 {position:absolute;top:0;left:-100px;width:593px;opacity:0;transition:800ms all;}
.seoul_365mc_p01 .detail_area .img02 {position:absolute;top:0;left:362px;width:325px;z-index:10;opacity:0;transition:800ms all;}
.seoul_365mc_p01 .detail_area .text_area {position:absolute;top:0;right:-100px;width:635px;opacity:0;transition:800ms all;}
.seoul_365mc_p01 .detail_area .text_area h4 {margin:75px 0 70px 0;color:#333333;font-size:48px;line-height:62px;letter-spacing:-0.05em;}
.seoul_365mc_p01 .detail_area .text_area h4 strong {color:#333333;font-size:48px;line-height:62px;font-weight:700;}
.seoul_365mc_p01 .detail_area .text_area p {font-size:18px;color:#666666;line-height:30px;margin-bottom:60px;}
.seoul_365mc_p01 .detail_area .text_area .link01 {}
.seoul_365mc_p01 .detail_area .text_area .link01 li {float:left;margin-right:75px;}
.seoul_365mc_p01 .detail_area .text_area .link01 li a {display:inline-block;font-size:19px;color:#666666;font-weight:7000;padding-right:21px;position:relative;padding-bottom:10px;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/ioc_arrow_off01.png') no-repeat right 2px;background-size:auto 15px;}
.seoul_365mc_p01 .detail_area .text_area .link01 li a:hover {color:#121212;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/ioc_arrow_on01.png') no-repeat right 2px;background-size:auto 15px;}
.seoul_365mc_p01 .detail_area .text_area .link01 li a:hover:after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#121212;}
.seoul_365mc_p01.on .title_area {top:130px;opacity:1;}
.seoul_365mc_p01.on .detail_area .img01 {left:0;opacity:1;}
.seoul_365mc_p01.on .detail_area .img02 {left:312px;opacity:1;}
.seoul_365mc_p01.on .detail_area .text_area {right:0;opacity:1;}


/* 안전효과 */
.seoul_365mc_p02 {background:#f1f1f4;height:1000px;}
.seoul_365mc_p02 .cont_box {width:100%;position:relative;}
.seoul_365mc_p02 h2 {position:absolute;top:160px;left:50%;margin-left:-640px;font-size:48px;color:#333333;line-height:60px;letter-spacing:-0.05em;}
.seoul_365mc_p02 h2 *{font-size:48px;color:#333333;line-height:60px;letter-spacing:-0.05em;}
.seoul_365mc_p02 h2 strong {font-weight:700;}
.seoul_365mc_p02 h2 span {display:inline-block;font-weight:700;position:relative;z-index:10;}
.seoul_365mc_p02 h2 span:after {content:"";position:absolute;bottom:0;left:0;width:0;height:12px;background:#fe985a;z-index:-1;transition:500ms all;}
.seoul_365mc_p02 .rolling_box_safe {position:absolute;top:335px;left:0;width:100%;overflow:hidden;height:550px;}
.seoul_365mc_p02 .rolling_box_safe .swiper-scrollbar {background: rgba(210, 210, 210, 1);position:absolute;bottom:0;left:30%;width:40%;}
.seoul_365mc_p02 .rolling_box_safe .swiper-scrollbar-drag {background: rgba(243, 111, 31, 1);}
.seoul_365mc_p02 .rolling_box_safe .img_area {position:absolute;top:0;left:50%;margin-left:-640px;}
.seoul_365mc_p02 .rolling_box_safe .img_area img {width:718px;}
.seoul_365mc_p02 .rolling_box_safe .info_text {position:absolute;top:30px;right:50%;margin-right:-590px;}
.seoul_365mc_p02 .rolling_box_safe .info_text h4 {width:308px;height:60px;line-height:60px;text-align:center;font-size:25px;color:#ffffff;margin-bottom:50px;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_title_01.png') no-repeat;background:auto 100%;}
.seoul_365mc_p02 .rolling_box_safe .info_text ul {}
.seoul_365mc_p02 .rolling_box_safe .info_text li {position:relative;font-size:24px;color:#373737;padding-left:80px;line-height:30px;margin-bottom:20px;}
.seoul_365mc_p02 .rolling_box_safe .info_text li span {position:absolute;top:0;left:10px;font-size:24px;font-weight:700;color:#fe965c;}
.seoul_365mc_p02.on h2 span:after {width:100%;}

/* 인증마크 획득 */
.seoul_365mc_p03 {height:980px;position:relative;background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p03_n01.jpg') no-repeat center center;background-size:cover;overflow:hidden;}
.seoul_365mc_p03 .swiper-slide {background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p03_n01.jpg') no-repeat center center;background-size:cover;height:980px;}
.seoul_365mc_p03 .case01 .img_b01 {bottom:-736px;transition:400ms all;}
.seoul_365mc_p03 .case01.on .img_b01 {bottom:-100px;}
.seoul_365mc_p03 .case01 h2 {padding-top:70px;opacity:0;transition:400ms all;}
.seoul_365mc_p03 .case01.on h2 {padding-top:120px;opacity:1;}
.seoul_365mc_p03 .case01.on .under01:after {width:100%;transition-delay:400ms;}
.seoul_365mc_p03 .case03 .img_b01 {opacity:0.34;} 
.seoul_365mc_p03 .case04 .img_b01 {opacity:0.34;} 
.seoul_365mc_p03 h2 {text-align:center;padding-top:120px;color:#ffffff;font-size:44px;line-height:59px;font-weight:700;letter-spacing:-0.05em;margin-bottom:200px;}
.seoul_365mc_p03 h2 .under01 {color:#ffffff;font-size:44px;line-height:59px;font-weight:700;display:inline-block;position:relative;z-index:10;}
.seoul_365mc_p03 h2 .under01:after {content:"";position:absolute;bottom:0;left:0;width:0%;height:12px;background:#ffc5a2;z-index:-1;transition:400ms all;}
.seoul_365mc_p03 h3 {position:relative;text-align:center;color:#ffffff;font-size:72px;line-height:90px;font-weight:700;letter-spacing:-0.05em;z-index:100;}
.seoul_365mc_p03 .img01 {position:absolute;top:424px;left:50%;margin-left:-100%;transition:400ms all;}
.seoul_365mc_p03 .img01 img {width:280px;}
.seoul_365mc_p03 .img02 {position:absolute;top:424px;right:50%;margin-right:-100%;transition:400ms all;}
.seoul_365mc_p03 .img02 img {width:280px;}
.seoul_365mc_p03 .img_b01 {position:absolute;bottom:-100px;left:50%;margin-left:-313px;}
.seoul_365mc_p03 .img_b01 img {width:616px;}
.seoul_365mc_p03 .case04.on .img01 {margin-left:-700px;}
.seoul_365mc_p03 .case04.on .img02 {margin-right:-700px;transition-delay:0.4s;}

/* 똑같은 이유 */
.seoul_365mc_p04 {background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_02.png') no-repeat center center;background-size:cover;height:980px;position:relative;}
.seoul_365mc_p04 .cont_box {margin:0 auto;width:1600px;position:relative;}
.seoul_365mc_p04 h2 {padding:180px 0px 0px 690px;color:#0d0d0d;font-size:44px;line-height:66px;letter-spacing:-0.05em;height:460px;opacity:0;transition:1000ms all;}
.seoul_365mc_p04 h2 strong {font-size:44px;font-weight:700;color:#ff843a;}
.seoul_365mc_p04 h3 {text-align:center;padding-top:100px;color:#fffefe;font-size:40px;line-height:97px;letter-spacing:-0.05em;}
.seoul_365mc_p04 h3 .text01 {display:inline-block;font-size:40px;color:#fffefe;padding-left:100px;opacity:0;transition:1000ms all;}
.seoul_365mc_p04 h3 .text02 {display:inline-block;font-size:40px;color:#fffefe;padding-right:100px;opacity:0;transition:1000ms all;}
.seoul_365mc_p04 h3 strong {font-size:72px;font-weight:700;color:#ffffff;}
.seoul_365mc_p04 .count_num {position:absolute;top:241px;left:100px;width:366px;height:366px;font-size:140px;font-weight:700;color:#ffffff;text-align:center;line-height:366px;letter-spacing:-0.05em;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_count_01.png') no-repeat;background-size:100%;opacity:0;transition:1000ms all;}
.seoul_365mc_p04 .bg01 {position:absolute;top:100px;left:-100px;width:178px;height:179px;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_02_01.png') no-repeat;background-size:100%;opacity:0;transition:1000ms all;}
.seoul_365mc_p04 .bg02 {position:absolute;top:0px;right:-100px;width:178px;height:179px;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_02_02.png') no-repeat;background-size:100%;opacity:0;transition:1000ms all;}
.seoul_365mc_p04.on .count_num {left:140px;opacity:1;}
.seoul_365mc_p04.on h2 {padding-left:640px;opacity:1;}
.seoul_365mc_p04.on h3 .text01 {padding-left:0px;opacity:1;transition-delay:0.6s;}
.seoul_365mc_p04.on h3 .text02 {padding-right:0px;opacity:1;transition-delay:1.2s;}
.seoul_365mc_p04.on .bg01 {left:0px;opacity:1;}
.seoul_365mc_p04.on .bg02 {right:0px;opacity:1;}

/* 효과가 있어야지요 */
.seoul_365mc_p05 {height:100%;position:relative;overflow:hidden;}
.seoul_365mc_p05 .cont_box01 {}
.seoul_365mc_p05 .cont_box01.on .text_box01 {top:50%;opacity:1;}
.seoul_365mc_p05 .cont_box01 .text_box01 {position:absolute;top:40%;left:0;width:100%;margin-top:-90px;opacity:0;transition:800ms all;}
.seoul_365mc_p05 .cont_box01 h2 {text-align:center;color:#868686;font-size:44px;line-height:66px;letter-spacing:-0.05em;height:600px;}
.seoul_365mc_p05 .cont_box01 h2 strong {font-size:44px;font-weight:700;color:#171717;}
.seoul_365mc_p05 .cont_box02 {background:#b5b5b5;}
.seoul_365mc_p05 .cont_box02 .text_box02 {position:absolute;top:50%;left:0;width:100%;margin-top:-145px;}
.seoul_365mc_p05 .cont_box02 h3 {text-align:center;color:#ffffff;font-size:44px;line-height:66px;letter-spacing:-0.05em;margin-bottom:45px;}
.seoul_365mc_p05 .cont_box02 h3 strong {font-size:44px;font-weight:700;color:#ffffff;}
.seoul_365mc_p05 .cont_box02 .text01 {text-align:center;color:#ffffff;font-size:24px;line-height:36px;letter-spacing:-0.05em;}

/* 이렇게 많은 사람들 */
.seoul_365mc_p06 {height:962px;position:relative;overflow:hidden;background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p06_01_v2.jpg') no-repeat center center;background-size:cover;transition:800ms all;}
.seoul_365mc_p06.bg01 {background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p06_01.jpg') no-repeat center center;background-size:cover;}
.seoul_365mc_p06.bg02 {background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p06_02.jpg') no-repeat center center;background-size:cover;}
.seoul_365mc_p06.bg03 {background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_back_p06_03.jpg') no-repeat center center;background-size:cover;}
.seoul_365mc_p06 .text01 {padding-top:400px;text-align:center;color:#ffffff;font-size:30px;line-height:44px;letter-spacing:-0.05em;}
.seoul_365mc_p06 .text01 strong {font-size:30px;font-weight:700;color:#ffffff;}
.seoul_365mc_p06 .text02 {padding-top:400px;text-align:center;color:#ffffff;font-size:30px;line-height:44px;letter-spacing:-0.05em;}
.seoul_365mc_p06 .text02 strong {font-size:30px;font-weight:700;color:#ffffff;}
.seoul_365mc_p06 .text03 {padding-top:420px;text-align:center;color:#ffffff;font-size:30px;line-height:44px;letter-spacing:-0.05em;}
.seoul_365mc_p06 .text03 strong {font-size:30px;font-weight:700;color:#ffffff;}

/* 365mc 지방흡입 효과! */
.seoul_365mc_p07 {background:#f1f1f4;height:1006px;position:relative;min-width:1600px;margin:0 auto;}
.seoul_365mc_p07 .cont_box {}
.seoul_365mc_p07 .text_box {position:absolute;top:250px;left:50%;margin-left:-890px;width:840px;opacity:0;transition:1000ms all;}
.seoul_365mc_p07 .text_box h2 {color:#353535;font-size:44px;line-height:60px;letter-spacing:-0.05em;margin-bottom:70px;}
.seoul_365mc_p07 .text_box h2 strong {font-size:44px;font-weight:700;color:#000000;}
.seoul_365mc_p07 .text_box .text01 {font-size:24px;line-height:36px;color:#353535;letter-spacing:-0.05em;}
.seoul_365mc_p07 .img_box {position:absolute;top:195px;left:50%;margin-left:-264px;width:519px;height:683px;z-index:200;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_img_box_01.png') no-repeat center center;background-size:100%;}
.seoul_365mc_p07 .img_box .title_img {position:absolute;top:38px;right:64px;z-index:100;}
.seoul_365mc_p07 .img_box .title_img img {width:131px;height:31px;}
.seoul_365mc_p07 .img_box .more01 {position:absolute;bottom:55px;left:-24px;width:141px;height:141px;cursor:pointer;font-size:17px;text-align:center;line-height:25px;color:#ffffff;padding-top:40px;z-index:100;
	background:url('/assets/img/sub/menu-suction/why365mc/mc365/bg_more_01.png') no-repeat center center;background-size:100%;transition:200ms all;}
.seoul_365mc_p07 .img_box .more01:hover {width:151px;height:151px;bottom:50px;left:-29px;padding-top:45px;}
.seoul_365mc_p07 .img_box .more01 strong {color:#ffffff;font-weight:700;}
.seoul_365mc_p07 .img_box .img_area {position:relative;width:519px;height:100%;overflow:hidden;}
.seoul_365mc_p07 .img_box .img_area img {width:519px;height:683px;}
.seoul_365mc_p07 .img_box .swiper-button-prev {position:absolute;bottom:0;left:-60px;width:39px;height:69px;z-index:10;cursor:pointer;background:url("/assets/img/sub/menu-suction/why365mc/mc365/slide_arr_prev.png") no-repeat;outline: none;}
.seoul_365mc_p07 .img_box .swiper-button-next {position:absolute;bottom:0;right:-60px;width:39px;height:69px;z-index:10;cursor:pointer;background:url("/assets/img/sub/menu-suction/why365mc/mc365/slide_arr_next.png") no-repeat;outline: none;}
.seoul_365mc_p07 .img_box .no_tuch01 {position:absolute;top:0;left:0;bottom:0;right:0;z-index:50;}
.seoul_365mc_p07 .rolling_box_img {position:absolute;top:395px;left:50%;margin-left:250px;width:1460px;height:266px;overflow:hidden;z-index:50;}
.seoul_365mc_p07 .rolling_box_img .img01 {width:450px;}
.seoul_365mc_p07 .rolling_box_img .img01 img {width:450px;height:266px;}
.seoul_365mc_p07 .no_tuch {position:absolute;top:395px;left:50%;margin-left:250px;width:1460px;height:266px;overflow:hidden;z-index:100;}
.seoul_365mc_p07.on .text_box {margin-left:-840px;opacity:1;}

/* 뭘 골라도 */
.seoul_365mc_p08 {height:654px;position:relative;}
.seoul_365mc_p08 .cont_box {margin:0 auto;width:1400px;position:relative;}
.seoul_365mc_p08 .ico01 {text-align:center;padding-top:175px;}
.seoul_365mc_p08 .ico01 img {width:118px;}
.seoul_365mc_p08 h2 {text-align:center;padding:50px 0px 0px 0px;color:#353535;font-size:60px;line-height:80px;letter-spacing:-0.05em;height:594px;}
.seoul_365mc_p08 h2 strong {font-size:60px;font-weight:700;color:#000000;display:inline-block;position:relative;z-index:10;}
.seoul_365mc_p08 h2 strong span {display:block;font-size:60px;font-weight:700;}
.seoul_365mc_p08 h2 strong:after {content:"";position:absolute;bottom:6px;left:0;height:12px;width:0;background:#fe985a;z-index:-1;}
.seoul_365mc_p08.on h2 strong:after {width:100%;transition:1000ms all;transition-delay:1s;}