@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Thin.otf);
  font-weight:100;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Light.otf);
  font-weight:200;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Regular.otf);
  font-weight:300;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Regular.otf);
  font-weight:400;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Medium.otf);
  font-weight:500;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Bold.otf);
  font-weight:600;
}
@font-face{
  font-family:Noto Sans KR;
  src:url(/front/common/new/font/NotoSansKR-Black.otf);
  font-weight:700;
}


/* ----------------------reset--------------------- */
*{margin:0;padding:0;box-sizing:border-box}

html,body{font-size:18px}
@media screen and (min-width:1024.1px) and (max-width:1440px){
	html,body{font-size:17px}
}
@media screen and (min-width:850.1px) and (max-width:1024px){
	html,body{font-size:16px}
}
@media screen and (min-width:480.1px) and (max-width:850px){
	html,body{font-size:14px}
}
@media screen and (max-width:480px){
	html,body{font-size:13px}
}

ul,ol,li{list-style:none}
img,hr{border:none}
img{vertical-align:top;border:0}
table{width:100%;border-spacing:0;table-layout:fixed}
table td img{vertical-align:middle}
a{vertical-align:top;color:#666}
a:link{text-decoration:none;color:inherit}
a:visited{text-decoration:none;color:inherit}
a:active{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:inherit}
article,aside,bdi,details,dialog,figcaption,figure,footer,header,main,mark,menuitem,meter,nav,progress,rp,rt,ruby,section,summary,time,wbr,
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,pre{font-family:'Poppins','Noto Sans KR',sans-serif}
strong,h1,h2,h3,h4,h5,h6,th,b,dt{font-family:'Poppins','Noto Sans KR',sans-serif;font-weight:600;font-size:inherit;color:inherit}
input,select{vertical-align:top;outline:none}
input[type=text],input[type=password]{display:inline-block;width:100%;height:60px;padding:10px;border:1px solid #d5d5d5;background-color:#fff;font-size:14px;color:#494949;box-sizing:border-box}
select{display:inline-block;width:100%;height:60px;padding:0 0 0 10px;border:1px solid #d5d5d5;background-color:#fff;font-size:14px;color:#494949;box-sizing:border-box}
textarea{display:inline-block;width:100%;padding:10px;border:solid 1px #d5d5d5;background-color:#fff;font-size:14px;color:#494949;box-sizing:border-box}
input[type=file],input[type=image],input[type=reset],input[type=button],input[type=submit]{cursor:pointer}
textarea::placeholder{color:#b0afaf}
input::placeholder{color:#b0afaf}
hr,caption{display:block;width:0;height:0;margin:0;padding:0;line-height:0;font-size:0;overflow:hidden}
legend{position:absolute;height:0;font-size:0;line-height:0;overflow:hidden}
address,cite,em{font-style:normal}
fieldset,iframe{border:0}
label{cursor:pointer}
sup,sub{line-height:1em}
button{border:none;outline:none;cursor:pointer;background-color:transparent}

.blind{display:block;width:0;height:0;margin:0;padding:0;line-height:0;font-size:0;overflow:hidden}

body{font-family:'Poppins','Noto Sans KR',sans-serif}
body::-webkit-scrollbar{display:none}
/* ----------------------reset end--------------------- */


/* ----------------------common--------------------- */
#wrap{width:100%;overflow-x:hidden}
.only_pc_line{display:block}
.only_mo_line{display:none;font-size:0;width:0;height:0}
.hide_box{width:100%;position:relative;display:inline-block;overflow:hidden;line-height:1px}
.hide_text{display:inline-block;transform-origin:0 0;transform:perspective(500px);will-change:transform;font-weight:600;font-size:2.33rem;line-height:160%;color:#fff;text-align:center}

@media screen and (max-width:850px){
	.only_pc_line{display:none;font-size:0;width:0;height:0}
	.only_mo_line{display:block}
}
/* ----------------------common end--------------------- */


/* ----------------------header--------------------- */
#header{width:100%;height:60px;position:fixed;left:0;top:0;background:#fff;z-index:30}
#header.scroll{border-bottom:solid 1px #e9e9e9}
#header .logo a{display:block;width:136px;height:32px;background:url(/front/common/mec/images/logo_mec.svg) 0 0 no-repeat;position:absolute;left:30px;top:50%;transform:translateY(-50%);z-index:1;transition:all .3s;z-index:2;background-size:contain}
#header .gnb{position:absolute;left:20rem;top:50%;transform:translateY(-50%);transition:all .3s;width:30%;max-width:600px;min-width:390px}
#header .gnb ul{vertical-align:middle;text-align:center;display:flex;width:100%;justify-content:space-between;align-items:center}
#header .gnb ul li{text-align:center}
#header .gnb ul li a{display:block;height:49px;padding:10px 0;color:#000;font-weight:600;font-size:1rem;line-height:1.6rem;position:relative;transition:all 0.3s ease-in-out}
#header .gnb ul li:hover a,#header .gnb ul li.on a{font-weight:700}
#header .gnb ul li:hover a::before{content:'';position:absolute;bottom:-6px;right:50%;height:3px;width:0;background-color:#000;animation:line_right .3s forwards ease-in-out}
#header .gnb ul li.on a::before{content:'';position:absolute;bottom:-6px;right:50%;height:3px;width:50%;background-color:#000}
#header .gnb ul li:hover a::after{content:'';position:absolute;bottom:-6px;left:50%;height:3px;width:0;background-color:#000;animation:line_left .3s forwards ease-in-out}
#header .gnb ul li.on a::after{content:'';position:absolute;bottom:-6px;left:50%;height:3px;width:50%;background-color:#000}
#header .gnb ul li.btn_contact_mo{display:none}
#header .btn_contact{position:absolute;right:30px;top:12px;transition:all .3s;font-weight:500;font-size:.9rem;line-height:1.4rem;color:#FFF;background:#000;border-radius:100px;padding:.4rem 1.8rem}
#header .btn_menu .menu{color:#43c8bb}
#header .btn_menu{display:none}

/* alliance */
#header .alliance{position:absolute;width:100%;height:0;}
#header .alliance .btn_menu_mo{display:none}

@media screen and (max-width:1000px){
#header .gnb{left:18rem;min-width:330px}
}
@media screen and (max-width:850px){
  #header{height:60px}
  #header .gnb{position:absolute;width:62.5%;height:100vh;background:#000;z-index:100;top:0;transform:none;left:unset;right:0;min-width:200px;max-width:530px;transform:translateX(110%);transition:all .3s ease-in-out}
  #header.open .gnb{transform:translateX(0%)}
  #header .gnb ul{flex-direction:column;margin-top:10rem}
  #header .gnb ul li{text-align:left;width:80%;border-bottom:.75px solid #939393;margin-bottom:3rem}
  #header .gnb ul li a{color:#fff;font-weight:600;font-size:1.8rem;line-height:2.8rem;padding-bottom:.8rem;text-align:left;color:#FFF;display:block;transition:all .2s ease-in-out}
  #header .gnb ul li:hover a{font-weight:600}
  #header .gnb ul li.on a::before{display:none}
  #header .gnb ul li.on a::after{display:none}
  #header .gnb ul li:hover a::before{display:none}
  #header .gnb ul li:hover a::after{display:none}

  #header .btn_contact{text-align:center;width:138px;height:39px;top:0;right:0;transform:none;background:#fff;border-top:.75px solid #fff;border-left:.75px solid #fff;border-bottom:.75px solid #fff;border-radius:100px;border-radius:100px 0 0 100px;font-weight:500;font-size:1.2rem;line-height:1;color:#000000;padding:11px 1.6rem;transition:all .5s ease-in-out;letter-spacing: -0.05em;}
  #header.active .btn_contact{background:#000000;border-top:.75px solid #000000;border-left:.75px solid #000000;border-bottom:.75px solid #000000;color:#fff;}
  #header.open .btn_contact{display:none}
  #header .logo a{left:1.5rem;width:124px;height:29px}
  #header .btn_menu{background:url(/front/common/mec/images/btn_menu.png) right center no-repeat;display:block;position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);font-size:0;color:transparent;width: 18px;height: 16px;background-size:contain;z-index:101}
  #header.open .btn_menu{background:url(/front/common/mec/images/btn_close.png) right center no-repeat;background-size:contain}

  /* alliance */
  #header .alliance{display:block;top:85px;right:-138px;width:174px;transition:all .6s ease-in-out}
  #header .alliance.open{right:0}
  #header .alliance .btn_menu_mo{display:block;background:url(/front/common/mec/images/icon_btn_menu.svg) 4px center no-repeat;background-size:auto 34px;width:36px;height:33px;position:absolute;top:4px;left:0;z-index:1}
  #header .alliance .btn_menu_mo::before{content:'';display:block;background:url(/front/common/mec/images/icon_btn_menu_arrow.svg) center center no-repeat;background-size:100% auto;width:10px;height:10px;position:absolute;top:11px;left:12px;transition:all .3s ease-in-out}
  #header.active .alliance .btn_menu_mo{background:url(/front/common/mec/images/icon_btn_menu_bk.svg) 4px center no-repeat;background-size:auto 34px}
  #header.active .alliance .btn_menu_mo::before{background:url(/front/common/mec/images/icon_btn_menu_arrow_bk.svg) center center no-repeat;    background-size: 100% auto;}
  #header.open .alliance .btn_menu_mo{display:none}
  #header .alliance.open .btn_menu_mo::before{transform:scale(-1)}
  #header .alliance a::after{display:none}
}/* sm */

@keyframes line_right{
	0%{width:0}
	100%{width:50%}
}
@keyframes line_left{
	0%{width:0}
	100%{width:50%}
}
/* ----------------------header end--------------------- */


/*---------------footer-----------------*/
#footer .inner_box{text-align:left;width:90%!important;max-width:1360px!important}
#footer .news_letter{padding:45px 0;background:#f7f7f7;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;max-height:148px}
#footer .news_letter .inner_box{padding-left:0;width:90%;max-width:1360px;height:60px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}
#footer .news_letter .txt{color:#959595;line-height:3.75rem;font-size:.88rem;position:unset;display:inline-block;vertical-align:top}
#footer .news_letter .txt strong{color:#7a7a7a}
#footer .news_letter .txt::after{content:'';display:inline-block;width:28px;height:12px;background:url(/front/common/new/images/icon_triple_arrow.svg) center center no-repeat;background-size:100% auto;margin-left:1rem}
#footer .news_letter .it_box{width:50%;max-width:660px;display:inline-block;overflow:hidden;position:relative}
#footer .news_letter .it_box input{height:60px;border:1px solid #cbcbcb}
#footer .news_letter .it_box button{display:inline-block;line-height:30px;font-size:14px;font-weight:600;color:#000;text-align:center;position:absolute;right:0;top:0;font-family:'Noto Sans KR',sans-serif;z-index:1;width:40%;height:60px;background:#43c8bb;color:#fff;font-weight:600}
#footer .news_letter .it_box button:after,#footer .info .contact span:after{display:none}
#footer .info{padding:80px 0;background-color:#fff}
#footer .info .contact span{display:inline-block;position:relative}
#footer .info .contact span.line_mo{margin:0;padding-right:0;width:2rem}
#footer .info .inner_box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:103px;margin:0 auto;position:relative;box-sizing:border-box;transition:all .3s}
#footer .info .inner_box:after{display:none}
#footer .info .inner_box .left{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
#footer .info .company{display:block;background:url(/front/common/new/images/f_logo.svg) center center no-repeat;background-size:100% auto;width:106px;height:48px;margin-right:4rem;margin-bottom:0;font-size:14px;color:#999;letter-spacing:-.01em;font-weight:500}
#footer .info .address{font-weight:400;margin-bottom:7px;color:#999;font-size:14px;color:#999;letter-spacing:-.01em}
#footer .info .contact{margin-bottom:20px;font-family:'proxima-soft';font-weight:500;font-size:14px;color:#999;letter-spacing:-.01em;font-size:1rem;color:#999}
#footer .info .copyright{font-family:'proxima-soft';font-size:14px;color:#999;letter-spacing:-.01em;font-weight:500}
#footer .footer_pdf{display:inline-block;padding:0;font-size:.8rem;position:absolute;left:0;top:unset;right:unset;bottom:0;color:#696969;font-weight:500;line-height:160%}
#footer .btn_privacy{position:absolute;bottom:0;right:0;color:#696969;font-weight:500;font-size:.8rem;line-height:160%}
.family_site{position:absolute;width:200px;height:37px;top:0;right:0;z-index:10}
.family_site ul{display:none;position:absolute;bottom:48px;left:0;width:100%;opacity:1;height:auto;background-color:#000;color:#fff;border-radius:20px 20px 0 0;z-index:2}
.family_site ul li{width:94%;padding:.7rem 0;text-align:center;margin:0 auto;font-weight:500;font-size:1.2rem}
.family_site .btn_family_site{font-weight:600;font-size:1.2rem;padding:11px 0;width:100%;height:100%;width:200px;height:48px;box-sizing:border-box;overflow:hidden;border:1px solid #000;color:#000;border-radius:30px;position:absolute;bottom:0;right:0;transition:all .3s ease-in-out}
.family_site .btn_family_site::after{content:'';display:inline-block;width:16px;height:8px;background:url(/front/common/new/images/icon_arrow_bk.svg) center center no-repeat;transition:all .3s ease-in-out;margin-left:10px;vertical-align:2px;background-size:contain;transform:rotate(180deg)}
.family_site.open button{color:#fff;background-color:#000;border-radius:0 0 25px 25px}
.family_site ul li:not(:last-child){border-bottom:1px solid #454545}
.family_site ul li:last-child{border-bottom:1px solid #fff}
.family_site.open .btn_family_site::after{content:'';display:inline-block;width:16px;height:8px;background:url(/front/common/new/images/icon_arrow_wh.svg) center center no-repeat;background-size:contain}
.family_site .link_mk{font-size:1rem;vertical-align:middle}
.family_site .link_mk::before{content:'';display:inline-block;background:url(/front/common/new/images/f_logo_wh.svg) center center no-repeat;width:42px;height:20px;vertical-align:-3px;margin-right:.5rem;background-size:100% auto}
.right .btn_wrap{position:absolute;bottom:0;right:0;width:200px}

@media screen and (max-width:1200px){
	#footer .contact_box .tit{font-size:2rem}
	#footer .contact_box .btn_go{font-size:1rem;padding:.85rem 1.2rem 1rem}
	#footer .contact_box .btn_go:last-child{margin-left:.6rem}
	#footer .btn_wrap{margin-bottom:.5rem}
	}
@media screen and (max-width:980px){
	#footer .info .company{margin-right:1rem;width:80px;height:48px}
	#footer .contact_box .tit{font-size:1.8rem}
}
@media screen and (max-width:850px){
	#footer .news_letter{padding:2rem 0;max-height:unset}
	#footer .news_letter .inner_box{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto}
	#footer .news_letter .txt{display:block;font-size:1.2rem;line-height:160%;margin-bottom:1rem;text-align:left;font-weight:600}
	#footer .news_letter .txt strong::before{content:'';display:block}
	#footer .news_letter .it_box{display:block;width:100%;max-width:unset;padding-left:0;height:44px}
	#footer .news_letter .it_box input{height:40px;padding-left:15px;font-size:12px}
	#footer .news_letter .it_box button{height:40px;line-height:40px;font-size:12px}
	#footer .footer_pdf,#footer .ft_menu .btn_privacy,#footer .footer_pdf:after{position:unset}
	#footer .footer_pdf,#footer .ft_menu .btn_privacy{padding:0}
	#footer .footer_pdf:after{margin:0 10px;vertical-align:middle}
	#footer .info{padding:3rem 0;}
  /* #footer{margin-bottom:6rem;} */
	#footer .info .inner_box{margin-top:0;flex-direction:column;justify-self:flex-start}
	#footer .info .inner_box .left{flex-direction:row-reverse;align-items:flex-start;width:100%}
	#footer .line_mo{display:block!important;width:10px;height:1px}
	#footer .info .inner_box .right{display:flex;justify-content:space-between;width:100%;flex-direction:row-reverse;height:40px;align-items:flex-end}
	#footer .info .address,#footer .info .copyright{font-size:12px}
	#footer .family_site{right:unset;left:unset;top:unset;right:unset;position:relative;width:154px}
	#footer .family_site ul{width:154px;/*height:38px*/bottom:36px}
	#footer .family_site ul li{padding:8px 0}
	#footer .family_site ul li,#footer .family_site .link_mk{font-size:14px;line-height:14px}
	#footer .family_site .link_mk::before{width:33px;height:15px}
	#footer .family_site .btn_family_site{width:154px;height:36px;font-size:14px;line-height:14px}
	#footer .family_site .btn_family_site::after,#footer .family_site.open .btn_family_site::after{width:12px;vertical-align:0}
	#footer .right .btn_wrap{position:unset;vertical-align:top;height:20px;width:auto}
	#footer .right .btn_wrap a{float:left;display:block}
	#footer .btn_privacy{position:unset;vertical-align:top;margin-left:1rem}
	#footer .footer_pdf::after{display:none}
}
/*---------------footer end-----------------*/


/* ----------------------section common--------------------- */
body{-webkit-transform:translate3d(0,0,0)}
/* ----------------------section common end--------------------- */


/* ----------------------sec_01--------------------- */
.sec_01{width:100%; background-color:#FFBD11; animation:bgChange 2.2s 0.5s forwards ease}
.sec_01 .inner{position:relative; width:100%; height:100%}
.sec_01 [class^="text_"]{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center; overflow:hidden; display:none}
.sec_01 .tit{font-family:'Poppins','Noto Sans KR',sans-serif;color:#fff;font-style:italic;font-size:13rem;vertical-align:middle;line-height:1; -webkit-font-smoothing:antialiased;-webkit-font-weight:800;font-weight:800}
/* text_01 */
.sec_01 .text_01{display:block}
.sec_01 .text_01 .tit{opacity:1; transform:translate3d(0,0,0); transition:transform 0.8s, opacity 0.4s}
.sec_01 .text_01.on .tit{opacity:0; transform:translate3d(0,-100%,0)}
/* text_02 */
.sec_01 .text_02 .tit{opacity:0; transform:translate3d(0,100%,0); transition:transform 0.8s, opacity 0.4s; }
.sec_01 .text_02.on .tit{opacity:1; transform:translate3d(0,0,0)}
.sec_01 .text_02.hide .tit{opacity:0; transform:translate3d(0,-100%,0)}
/* text_03 */
.sec_01 .text_03 .tit{opacity:0; transform:translate3d(0,100%,0); transition:transform 0.8s, opacity 0.4s}
.sec_01 .text_03.on .tit{opacity:1; transform:translate3d(0,0,0)}
/* text_04 */
.sec_01 .text_04{left:calc(50% - 50px); width:80%; max-width:1050px; height:113px}
.sec_01 .text_04 .tit{position:absolute; left:0; top:50%; width:316px; height:113px; margin-top:-56px; background:url(/front/common/mec/images/sec_01_word_01.svg) center center no-repeat; background-size:contain; opacity:0; transform:translate3d(0,100%,0); transition:transform 0.8s, opacity 0.4s}
.sec_01 .text_04.on .tit{opacity:1; transform:translate3d(0,0,0)}
/* text_05 */
.sec_01 .text_05{left:calc(50% - 20px); width:80%; max-width:1050px; height:113px}
.sec_01 .text_05 .tit{position:absolute; right:0; top:50%; width:212px; height:113px; margin-top:-56px; background:url(/front/common/mec/images/sec_01_word_02.svg) center center no-repeat; background-size:contain; opacity:0; transform:translate3d(0,100%,0); transition:transform 0.8s, opacity 0.4s}
.sec_01 .text_05.on .tit{opacity:1; transform:translate3d(0,0,0)}
.sec_01 .scroll{display:none; position:absolute;bottom:3rem;left:50%;margin-left:-36px;width:72px;height:43px;background-size:contain;background:url(/front/common/mec/images/sec_01_scroll.svg) center center no-repeat;z-index:3;background-size:contain;animation:move 1s infinite ease-in-out}

@media screen and (max-width:1200px){
    .sec_01 .tit{font-size:10rem}
    .sec_01 .text_04{left:calc(50% - 40px); height:80px; max-width:800px}
    .sec_01 .text_04 .tit{width:230px; height:80px; margin-top:-40px; }
    .sec_01 .text_05{left:calc(50% - 10px); height:80px; max-width:800px}
    .sec_01 .text_05 .tit{width:160px; height:80px; margin-top:-40px}
}
@media screen and (max-width:900px){
    .sec_01 .tit{font-size:7rem}
    .sec_01 .text_04{left:50%; top:50%; height:40px; transform:translate(-50%,-250%)}
    .sec_01 .text_04 .tit{left:50%; width:120px; height:40px; margin-top:-20px; margin-left:-55px}

    .sec_01 .text_05{left:50%; top:50%; height:40px; transform:translate(-50%,150%)}
    .sec_01 .text_05 .tit{left:50%; width:85px; height:40px; margin-top:-20px; margin-left:-45px}
}
@media screen and (max-width:768px){
    .sec_01 .text_04{height:30px; transform:translate(-50%,-270%)}
    .sec_01 .text_04 .tit{width:100px; height:30px; margin-top:-15px; margin-left:-40px}
    .sec_01 .text_05{height:30px; transform:translate(-50%,170%)}
    .sec_01 .text_05 .tit{width:65px; height:30px; margin-top:-15px; margin-left:-30px}
}/* sm */

@keyframes bgChange{
    0%{background-color:#FFBD11}
    30%{background-color:#FFBD11}
    50%{background-color:#00D784}
    70%{background-color:#00D784}
    100%{background-color:#7E83EC}
}
@keyframes move{
    0%{transform:translateY(0)}
    40%{transform:translateY(10px)}
    100%{transform:translateY(0)}
}
/* ----------------------sec_01 end--------------------- */


/* ----------------------sec_02--------------------- */
.sec_02{position:relative;width:100%;background:#000;display:flex;justify-content:flex-start;align-items:center}
.sec_02 .fp-tableCell{padding-top:60px}
.sec_02 .inner{height:460px;max-height:460px;position:relative}
.sec_02,.sec_02 .marquee_div{overflow:hidden}
.sec_02 .marquee{white-space:nowrap;}
.sec_02 .marquee_div{font-weight:bolder;font-size:4.4rem;line-height:120%;position:absolute}
.sec_02 .marquee_div {height: 7.8rem;}
.sec_02 .marquee_div .marquee {height: 100%;}
.sec_02 .marquee_div img {width: auto; height: 100%;}
.sec_02 .marquee_01{font-weight:300;left:0;top:0;color:#5F5F5F;animation: text-scroll 80s linear infinite;}
.sec_02 .marquee_01 span::before{content:'';display:inline-block;width:139px;background:url(/front/common/mec/images/sec_02_ico_01.png) center center no-repeat;height:97px;background-size:contain;vertical-align:middle;margin:0 1.2rem}
.sec_02 .marquee_02{font-weight:600;left:100%;top:calc(50% - 3.9rem);color:#fff;animation: text-scroll 100s linear infinite;animation-direction: reverse;}
.sec_02 .marquee_02 span strong{font-size:5rem;vertical-align:-.11rem}
.sec_02 .marquee_02 span:before{content:'';display:inline-block;width:107px;background:url(/front/common/mec/images/sec_02_ico_02.png) center center no-repeat;height:107px;background-size:contain;vertical-align:middle;margin:0 1.2rem}
.sec_02 .marquee_02 span:nth-child(2n):before{content:'';display:inline-block;width:95px;background:url(/front/common/mec/images/sec_02_ico_03.png) center center no-repeat;height:110px;background-size:contain;vertical-align:middle;margin:0 1.2rem}
.sec_02 .marquee_03{font-weight:300;left:0;bottom:0;color:#5F5F5F;animation: text-scroll 90s linear infinite;}
.sec_02 .marquee_03 span::before{content:'';display:inline-block;width:105px;background:url(/front/common/mec/images/sec_02_ico_04_modi.png) center center no-repeat;height:97px;background-size:contain;vertical-align:middle;margin:0 1.2rem}

@media screen and (max-width:850px){
	.sec_02 .inner{height:220px;max-height:unset}
	.sec_02 .marquee_div{height: 5.4rem; font-size:3rem}
    .sec_02 .marquee span{letter-spacing:-0.05rem}
	.sec_02 .marquee_02{top:calc(50% - 2.7rem)}
	.sec_02 .marquee_01 span:before,
	.sec_02 .marquee_02 span:before,
	.sec_02 .marquee_02 span:nth-child(2n):before,
	.sec_02 .marquee_03 span:before{width:70px; height:69px; margin:0 0.8rem 0 0.6rem}
    .sec_02 .marquee_01 span:before{width:80px}
    .sec_02 .marquee_02 span strong{font-size:3.8rem;vertical-align:-0.12rem}

    .sec_02 .marquee_01{animation: text-scroll linear 28s infinite;}
    .sec_02 .marquee_02{animation: text-scroll linear 44s infinite; animation-direction: reverse;}
    .sec_02 .marquee_03{animation: text-scroll linear 32s infinite;}
}

@keyframes text-scroll{
  0%{
    transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
  }
  100%{
    transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
  }
}
/* ----------------------sec_02 end--------------------- */


/* ----------------------sec_03--------------------- */
.sec_03{position:relative; width:100%; background-color:#000; color:#ffffff}
.sec_03 .fp-tableCell{padding-top:60px}
.sec_03 .inner{position:relative; width:100%; height:100%}
.sec_03 .text{width:100%;position:absolute;left:50%;transform:translate(-50%,0%);color:#fff;opacity:0}
.sec_03 .text .hide_box{overflow:hidden}
.sec_03 .text_01{top:50%;transform:translate(-50%,-50%);opacity:0;}
.sec_03 .text_01 .hide_text{width:52.65%;max-width:1011px;height:113px;background-size:contain !important;background:url(/front/common/mec/images/sec_03_text_01.svg) center center no-repeat;margin:0 auto;display:block}
.sec_03 .text_02{top:calc(50% - 40px)/*50%*/;transform:translate(-50%,-50%)}
.sec_03 .text_02 .hide_text{width:34%;max-width:497px;height:113px;background-size:contain !important;background:url(/front/common/mec/images/sec_03_text_02.svg) center center no-repeat;margin:0 auto;display:block}
.sec_03 .text_03{top:calc(50% + 65px);transform:translate(-50%,-50%);font-size:2.2rem;text-align:center}
.sec_03 .text_03 h2 strong{color:#00D784}
.sec_03 .text_03 .hide_text{font-size:1.6rem;line-height:140%}
.sec_03 .text_01.on{opacity:1; transition-delay:0.2s}
.sec_03 .text_01.on .hide_text{animation:sec_03_moveUp_02 1.2s 0.2s forwards ease-in-out}
.sec_03 .text_02.on{animation:sec_03_fadeIn 0.5s 1.3s forwards ease-in-out}
.sec_03 .text_02.on .hide_text{animation:sec_03_moveUp 0.5s 1.3s forwards ease-in-out}
.sec_03 .text_03.on{animation:sec_03_fadeIn 0.3s 1.7s forwards ease-in-out}
.sec_03 .text_03.on .hide_text{animation:sec_03_moveUp 0.5s 1.7s forwards ease-in-out}
.sec_03 .scroll{display:none; position:absolute;bottom:3rem;left:50%;margin-left:-36px;width:72px;height:43px;background-size:contain;background:url(/front/common/mec/images/sec_01_scroll.svg) center center no-repeat;z-index:3;background-size:contain;animation:move 1s infinite ease-in-out}

@keyframes sec_03_fadeOut{
  0%{opacity:1}
  100%{opacity:0}
}
@keyframes sec_03_fadeIn{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes sec_03_moveUp{
	0%{transform:translateY(110%);opacity:0}
	100%{transform:translateY(0);opacity:1}
}
@keyframes sec_03_moveUp_02{
	0%{transform:translateY(110%);opacity:0}
	25%{transform:translateY(0);opacity:1}
	50%{transform:translateY(0);opacity:1}
	75%{transform:translateY(0);opacity:1}
	100%{transform:translateY(-110%);opacity:0}
}

@media screen and (max-width:850px){
    /* .sec_03{padding-bottom:10vh;box-sizing:unset} */
    .sec_03 .inner{min-height:150px;position:relative}
    .sec_03 .text_01 .hide_text{width:81.25%;max-width:260px;height:90px;background-size:contain!important;background:url(/front/common/mec/images/sec_03_text_01_mo.svg) center center no-repeat;margin:0 auto;display:block}
    .sec_03 .text_01{top:45%}
    .sec_03 .text_02 .hide_text{width:81.25%;max-width:200px;height:46px;background-size:contain!important;background:url(/front/common/mec/images/sec_03_text_02.svg) center center no-repeat;margin:0 auto;display:block}
    .sec_03 .text_03{top:calc(48% + 35px)}
    .sec_03 .text_03 .hide_text{font-size:1.6rem}

    .sec_03 .text_01.on{opacity:1; transition-delay:0.2s}
    .sec_03 .text_01.on .hide_text{animation:sec_03_moveUp_02 1s 0.2s forwards ease-in-out}
    .sec_03 .text_02.on{animation:sec_03_fadeIn 0.5s 1.1s forwards ease-in-out}
    .sec_03 .text_02.on .hide_text{animation:sec_03_moveUp 0.5s 1.1s forwards ease-in-out}
    .sec_03 .text_03.on{animation:sec_03_fadeIn 0.3s 1.5s forwards ease-in-out}
    .sec_03 .text_03.on .hide_text{animation:sec_03_moveUp 0.5s 1.5s forwards ease-in-out}
}
/* ----------------------sec_03 end--------------------- */


/* ----------------------sec_04--------------------- */
.sec_04{position:relative; width:100%; background-color:#000; color:#ffffff}
.sec_04 .fp-tableCell{padding-top:60px}
.sec_04 .inner{position:relative; width:100%; height:100%; overflow:hidden}
.sec_04 .bg{position:absolute; left:0; top:0; width:50%; height:100%; background-color:#ffbe45; transition:background-color 0.3s}
.sec_04 .bg_02{position:absolute; right:0; top:0; width:50%; height:100%; background-color:#000}
.sec_04.essence .bg{background-color:#ffbe45}
.sec_04.issue .bg{background-color:#00d885}
.sec_04.trend .bg{background-color:#7073e4}
.sec_04 .slider{position:absolute; left:50%; top:50%;width:100%; height:33.33vh;transform:translate(-50%, -50%)}
.sec_04 [class^="slide_"]{display:flex; align-items:center; justify-content:center; width:100%}
.sec_04 [class^="slide_"] >div{width:50%; height:100%}
.sec_04 .left,
.sec_04 .right{position:relative; display:flex; align-items:center; justify-content:center}
.sec_04 .left .text{font-size:3.8rem; color:#ffffff}
.sec_04 .left .text span{display:block; font-size:18px}
.sec_04 .right .text{font-size:4.4rem}
.sec_04 .slide_01 .right .text{color:#ffbe45}
.sec_04 .slide_02 .right .text{color:#00d885}
.sec_04 .slide_03 .right .text{color:#7073e4}

.sec_04 .slick-slide{height:33.33vh; text-align:center}
.sec_04 .slick-slide .text{opacity:0.5}
.sec_04 .slick-active .text{opacity:1}
.sec_04 .slick-prev::before,
.sec_04 .slick-next::before{color:black}
.sec_04 .slick-slider .slick-list{overflow:visible}
.sec_04 .slick-slider .slick-list::before{content:'코즈웍스 마케팅은';position:absolute;top:calc(50% - 95px);left:calc(25% - 104px);color:#fff;font-weight:400;font-size:30px;line-height:120%;text-align:center;color:#FFF; z-index:5}

.sec_04 .inner::after, .sec_04 .inner::before{position:absolute;top:50%;transform:translateY(-50%);font-size:2.2rem;font-weight:bolder;color:#FFBD11;font-weight:600;font-size:3.8rem;line-height:120%;text-align:center; z-index:5}
.sec_04 .inner::after{content:"[";left:calc(50% + 100px)}
.sec_04 .inner::before{content:"]";right:100px}
.sec_04.essence .inner::after,
.sec_04.essence .inner::before{color:#ffbe45}
.sec_04.issue .inner::after,
.sec_04.issue .inner::before{color:#00d885}
.sec_04.trend .inner::after,
.sec_04.trend .inner::before{color:#7073e4}

@media screen and (max-width:1200px){
    .sec_04 .inner::after, .sec_04 .inner::before{font-size:2rem}
    .sec_04 .slick-slider .slick-list::before{font-size:20px; left:calc(25% - 64px); top:calc(50% - 75px)}
    .sec_04 .inner::after{content:"[";left:calc(50% + 50px)}
    .sec_04 .inner::before{content:"]";right:50px}
    .sec_04 .left .text{font-size:2.4rem}
    .sec_04 .right .text{font-size:2.8rem}
}/* md */
@media screen and (max-width:767px){
    .sec_04 .bg{width:100%; height:50%}
    .sec_04 .bg_02{top:auto; bottom:0; width:100%; height:50%}
    .sec_04 .inner::after, .sec_04 .inner::before{display:none}
    .sec_04 .slider{width:100%; height:100%}
    .sec_04 .slick-slider .slick-list,
    .sec_04 .slick-slider .slick-track{ height:100%}
    .sec_04 [class^="slide_"]{display:block; width:100%; height:100%}
    .sec_04 [class^="slide_"] >div{width:100%; height:50%}
    .sec_04 .slick-slider .slick-list::before{font-size:1.6rem;top:calc(25% - 56px);left:unset;right:50%;transform:translateX(50%)}
    .sec_04 .left .text{font-size:3rem}
    .sec_04 .right .text{font-size:3.4rem}
    .sec_04 .right::after, .sec_04 .right::before{position:absolute;top:50%;transform:translateY(-50%);font-size:2.3rem;font-weight:bolder;color:#ffbe45}
    .sec_04 .right::after{content:"["; left:50px}
    .sec_04 .right::before{content:"]";right:50px}
    .sec_04.essence .right::after,
    .sec_04.essence .right::before{color:#ffbe45}
    .sec_04.issue .right::after,
    .sec_04.issue .right::before{color:#00d885}
    .sec_04.trend .right::after,
    .sec_04.trend .right::before{color:#7073e4}
}/* sm */
/* ----------------------sec_04 end--------------------- */


/* ----------------------sec_05--------------------- */
.sec_05{position:relative;width:100%;height:100vh;font-size:50px;background:#fff}
.sec_05 .text{text-align:center;color:#000;text-align:center}
.sec_05 .text_01{font-weight:600}
.sec_05 .text_01 .keyword{margin:0 .5rem;position:relative;display:inline-block;overflow:hidden;vertical-align:middle;line-height:75px}
.sec_05 .text_01 .keyword span{display:inline-block;color:#fff;text-align:center;font-weight:700;line-height:1;padding-bottom: 5px;color:#6E74E4;transform:translateY(110%);font-size:5.6rem}
.sec_05 .text_02 .hide_box{position:relative;display:inline-block;overflow:hidden;vertical-align:middle}
.sec_05 .text_02 .hide_text{font-weight:400;font-size:1.1rem;line-height:180%;text-align:center;color:#000;opacity:0;transform-origin:0 0;transform:unset;will-change:unset}
.sec_05 .text_02 .hide_text strong{font-weight:600}
.sec_05 .text_02 .strong{font-weight:600}
.sec_05 .text_01.on .keyword span{animation:sec_05_moveUp .6s 0.3s forwards ease-in-out}
.sec_05 .text_02.on .hide_text{animation:sec_05_moveUp_02 .6s 0.6s forwards ease-in-out}

@keyframes sec_05_moveUp{
	0%{transform:translateY(110%)}
	100%{transform:translateY(0)}
}
@keyframes sec_05_moveUp_02{
	0%{transform:translateY(110%);opacity:0}
	100%{transform:translateY(0);opacity:1}
}

@media screen and (max-width:850px){
	.sec_05{font-size:18px}
	.sec_05 .text{margin-bottom:1rem; font-size:3rem;line-height:120%;letter-spacing:-0.1rem}
	.sec_05 .text_01 .keyword{font-size:4.6rem;margin:0;vertical-align:middle;line-height:1}
	.sec_05 .text_02{font-size:1rem;letter-spacing:-0.02em}
	.sec_05 .text_02 .hide_text{font-size:1.2rem;line-height:150%; letter-spacing:-0.02rem}
}
@media screen and (max-width:350px){
  .sec_05 .text_02{font-size:12px;letter-spacing:-0.04em}
}
/* ----------------------sec_05 end--------------------- */


/* ----------------------sec_06--------------------- */
.sec_06{position:relative; width:100%; background-color:#7E83EC; color:#ffffff}
.sec_06 .fp-tableCell{padding-top:60px}
.sec_06 .inner{overflow:hidden}
.sec_06 .flex_wrap{display:flex; align-items:center; width:90%; max-width:1360px; margin:0 auto}
.sec_06 .left{width:60%}
.sec_06 .left .title{font-weight:600;font-size:3.3rem;line-height:120%;margin-bottom:2.5rem;text-transform:capitalize;color:#FFF}
.sec_06 .left .desc{font-weight:400;font-size:1rem;line-height:200%;color:#FFF;font-family:'Noto Sans KR',sans-serif}
.sec_06 .left .desc strong{ font-weight:600;color:#20FFA9;text-decoration:underline;text-underline-position:under;font-size:1.1rem;word-break:keep-all}

.sec_06 .right{position:relative; width:40%}
.sec_06 .right .text_01{position:relative; display:flex;justify-content:center;align-items:center;flex-direction:column}
.sec_06 .right .text_01::after{content:'';display:block;position:absolute;bottom:-28px;right:37%;transform:translateX(50%);width:1px;height:60px;background-color:#fff}
.sec_06 .right .text_02{background:url(/front/common/mec/images/sec_05_esg.svg) center center no-repeat;width:270px;height:230px;background-size:contain;margin:0 auto}
.sec_06 .right .text_03{position:relative; display:flex;justify-content:center;align-items:center;flex-direction:column}
.sec_06 .right .text_03 p:first-child{line-height:1;width:50%;margin-left:55%}
.sec_06 .right .text_03 p:last-child{line-height:1;width:60%;margin-top:-30px;margin-right:70%;text-align:right}
.sec_06 .right .text_03::after{content:'';display:block;position:absolute;top:-28px;right:52%;transform:translateX(50%);width:1px;height:60px;background-color:#fff}
.sec_06 .right span{font-weight:300;font-size:1.6rem;line-height:130%}
.sec_06 .right .text_01 span:nth-child(1){padding-right:2rem}
.sec_06 .right .bold{font-weight:600;display:block}
/* ani */
.sec_06 .left .ani{opacity:0; transform:translateY(100px); transition:transform 0.5s , opacity 0.5s}
.sec_06 .left .ani.on{opacity:1; transform:translateY(0px)}
.sec_06 .left .title{transition-delay:0.4s}
.sec_06 .left .desc{transition-delay:0.6s}
.sec_06 .right .ani{opacity:0; transition:transform 0.5s, opacity 0.5s}
.sec_06 .right .ani.on{opacity:1}
.sec_06 .right .text_01{transform:translateY(-100px); transition-delay:0.6s}
.sec_06 .right .text_01.on{transform:translateX(0px)}
.sec_06 .right .text_02{transform:translateX(-100px); transition-delay:0.8s}
.sec_06 .right .text_02.on{transform:translateX(0px)}
.sec_06 .right .text_03{transform:translateY(100px); transition-delay:1s}
.sec_06 .right .text_03.on{transform:translateX(0px)}

@media screen and (max-width:850px){
    .sec_06 .left{width:100%}
	.sec_06 .right{display:none !important}
  .sec_06 .left .desc strong{letter-spacing: -0.01em;}
}
/* ----------------------sec_06 end--------------------- */


/* ----------------------sec_07 common--------------------- */
.sec_07{position:relative}
.sec_07 #scrolldiv {position:absolute; left:0; bottom:0; width:100%; /* height:calc((var(--var, 1vh) * 100) - 60px);*/ height:calc(100vh - 60px);padding-top:60px; overflow:hidden auto; box-sizing:border-box}
.sec_07 #scrolldiv-content{width:100%; height:auto;}
/* ----------------------sec_07 common end--------------------- */


/* ----------------------sec_07 service_box--------------------- */
.service_box{position:relative}
.service_box .inner{width:90%;margin:0 auto; max-width:1360px; padding:100px 0}
.service_box .left{position:sticky;left:0;top:100px;width:35%; transition:top 0.5s}
.service_box .left.hide{top:-15rem}
.service_box .left .title{font-size:2.2rem;text-align:left;font-weight:600;line-height:120%;font-family:'Poppins',sans-serif;text-transform:capitalize;color:#000}
.service_box .right{width:65%;margin-left:35%;box-sizing:border-box}
.service_box .right .slide_wrap{width:100%}
.service_box .right .cont_box:not(:last-child){margin-bottom:13rem}
.service_box .swiper-container{width:100%;max-width:884px;margin:0}
.service_box .swiper-slide{width:calc( (100% - 40px) / 3);max-width:380px;max-height:380px}
/* tit */
.service_box .cont_tit{margin-bottom:20px;position:relative}
.service_box .cont_tit .only_mo_tit{display:none}
.service_box .cont_tit .tit{margin-bottom:1rem;font-weight:600;font-size:2.7rem;line-height:120%;color:#000}
.service_box .cont_tit .desc{margin-bottom:5px;position:absolute;top:3px;left:17rem;word-break:keep-all;font-weight:400;font-size:.9rem;line-height:160%;color:#000}
.service_box .cont_tit .cont_cate span{display:inline-block;font-weight:500;font-size:0.78rem;line-height:120%;text-align:center;color:#686868;padding:0.3rem 1.1rem;background:#F5F5F5;border-radius:100px}
.service_box .cont_tit .cont_cate span:not(:last-child){margin:0 10px 10px 0}
/* card */
.service_box .right .card{/*height:19.3vw;*/padding-bottom:100%;max-height:280px;max-width:280px;overflow:hidden;position:relative;display:block;overflow:hidden;backface-visibility:hidden}
.service_box .right .card_image{position:absolute;width:100%;height:100%;transform:scale(1);transition:transform 0.7s cubic-bezier(0.165,0.84,0.44,1) 0;background-size:cover;background-position:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.service_box .right li:nth-child(1) .card_image{background-size:100% auto}
.service_box .right .cont_box_01 li:nth-child(1) .card_image{background:url(/front/common/mec/images/sec_08_thum_01_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_01 li:nth-child(2) .card_image{background:url(/front/common/mec/images/sec_08_thum_02_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_01 li:nth-child(3) .card_image{background:url(/front/common/mec/images/sec_08_thum_03_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_02 li:nth-child(1) .card_image{background:url(/front/common/mec/images/sec_08_thum_04_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_02 li:nth-child(2) .card_image{background:url(/front/common/mec/images/sec_08_thum_05_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_02 li:nth-child(3) .card_image{background:url(/front/common/mec/images/sec_08_thum_06_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_03 li:nth-child(1) .card_image{background:url(/front/common/mec/images/sec_08_thum_07_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_03 li:nth-child(2) .card_image{background:url(/front/common/mec/images/sec_08_thum_08_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_03 li:nth-child(3) .card_image{background:url(/front/common/mec/images/sec_08_thum_09_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_04 li:nth-child(1) .card_image{background:url(/front/common/mec/images/sec_08_thum_10_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_04 li:nth-child(2) .card_image{background:url(/front/common/mec/images/sec_08_thum_11_modi.png) center center no-repeat;background-size:cover}
.service_box .right .cont_box_04 li:nth-child(3) .card_image{background:url(/front/common/mec/images/sec_08_thum_12_modi.png) center center no-repeat;background-size:cover}
.service_box .right .card .card_text {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0;}
.service_box .right .card .card_text p{width:100%;font-weight:500;font-size:1.25rem;text-shadow:0 0 10px rgba(0,0,0,0.45);letter-spacing:-0.05rem;line-height:140%;padding:0 10px;color:#fff;text-transform:uppercase;transform:translateY(50%);text-align:center;word-break:keep-all}
.service_box .right .card.on .card_text {opacity: 1;}
.service_box .right .card.on .card_text p {transform: translateY(0); transition: transform 0.3s;
}
@keyframes fade{
    0%{
        opacity:0
    }

    100%{
        opacity:1
    }
}

/* scroll ani */
.service_box .cont_tit .only_mo_tit,
.service_box .cont_tit .tit,
.service_box .cont_tit .desc,
.service_box .cont_tit .cont_cate,
.service_box .slide_wrap{transform:translateY(100px);opacity:0}
.service_box .cont_box.active .cont_tit .only_mo_tit,
.service_box .cont_box.active .cont_tit .tit,
.service_box .cont_box.active .cont_tit .desc,
.service_box .cont_box.active .cont_tit .cont_cate,
.service_box .cont_box.active .slide_wrap{transform:translateY(0px);opacity:1;transition:transform 0.6s,opacity .5s}
.service_box .cont_box.active .cont_tit .tit{transition-delay:.1s}
.service_box .cont_box.active .cont_tit .desc{transition-delay:.2s}
.service_box .cont_box.active .cont_tit .cont_cate{transition-delay:.3s}
.service_box .cont_box.active .slide_wrap{transition-delay:.4s}

@media screen and (max-width:1550px){
	.service_box .right .card .card_text p{font-size:1.4rem}
}
@media screen and (max-width:1347px){
	.service_box .cont_box_02 .cont_tit .tit{margin-bottom:35px}
}
@media screen and (max-width:1300px){
	.service_box .cont_box .cont_tit .desc .only_pc_line{display:none}
	.service_box .right .card .card_text p{font-size:1.2rem}
}
@media screen and (max-width:1200px){
	.service_box .cont_box .cont_tit .desc{top:0;left:12.6rem}
	.service_box .left .title{font-size:2rem}
	.service_box .right .card{/*width:250px !important;height:250px;*/max-width:unset;max-height:unset}
	.service_box .right .tit{font-size:2rem}
	.service_box .right .cont_box:not(:last-child){margin-bottom:10rem}
	.service_box .cont_tit .desc{font-size:0.84rem}
}
@media screen and (max-width:1120px){
	.service_box .cont_box_02 .cont_tit .tit{margin-bottom:35px}
}
@media screen and (max-width:1050px){
	.service_box .right .card .card_text p{font-size:1.1rem}
}
@media screen and (max-width:850px){
	.service_box .inner{position:relative;width:100%;padding:50px 0}
	.service_box .left{display:none}
	.service_box .right{width:100%;margin-left:0%;padding-right:0%}
	.service_box .right .cont_box:not(:last-child){margin-bottom:9.8rem}
    .service_box .right .card .card_text p {font-size: 1.4rem;}
    /* cont_tit */
	.service_box .cont_tit{width:90%;margin:0 auto 3.8rem}
	.service_box .cont_tit .only_mo_tit{display:block;margin-bottom:0.4rem;font-weight:500;color:#000000;font-size:1.3rem}
	.service_box .cont_tit .tit{font-size:2.7rem;margin-bottom:1.5rem}
    .service_box .cont_box_02 .cont_tit .tit{margin-bottom:1.5rem}
    .service_box .cont_tit .cont_cate{margin-bottom:2rem}
    .service_box .cont_tit .cont_cate span{padding:6px 10px;font-size:1rem;margin:0 10px 10px 0}
    .service_box .cont_tit .desc{font-size:1rem;position:unset;top:unset;left:unset}
    /* ani */
	.service_box .cont_box.active .cont_tit .only_mo_tit{transition-delay:0.1s}
	.service_box .cont_box.active .cont_tit .tit{transition-delay:0.2s}
	.service_box .cont_box.active .cont_tit .desc{transition-delay:0.4s}
	.service_box .cont_box.active .cont_tit .cont_cate{transition-delay:0.3s}
	.service_box .cont_box.active .slide_wrap{transition-delay:0.6s}
}/* sm */
/* ----------------------sec_07 service_box end--------------------- */


/* ----------------------sec_07 client_box--------------------- */
.client_box{position:relative;width:100%;padding:6rem 0;background:linear-gradient(180deg,#EEE 14.5%,#EBEBEB 100%)}
.client_box .inner{width:90%;margin:0 auto;max-width:1360px;display:flex;justify-content:space-between;align-items:flex-start}
.client_box .left{width:35%}
.client_box .left .title{font-size:2.2rem;color:#000;text-align:left;font-weight:600}
.client_box .right{width:65%;box-sizing:border-box}
.client_box .right .logo_wrap{width:100%;margin-top:-25px}
.client_box .logo_wrap ul{display:flex;flex-wrap:wrap}
.client_box .logo_wrap ul li{width:33.33%;margin:25px 0;box-sizing:border-box}
.client_box .logo_wrap ul li figure{width:240px;max-width:90%;height:60px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.client_box .logo_wrap ul li:nth-child(1) figure img{height:2.5rem/*45px*/}
.client_box .logo_wrap ul li:nth-child(2) figure img{height:1.94rem/*35px*/}
.client_box .logo_wrap ul li:nth-child(3) figure img{height:3.55rem/*64px*/}
.client_box .logo_wrap ul li:nth-child(4) figure img{height:2.66rem/*48px*/}
.client_box .logo_wrap ul li:nth-child(5) figure img{height:0.78rem/*14px*/}
.client_box .logo_wrap ul li:nth-child(6) figure img{height:1.66rem/*30px*/}
.client_box .logo_wrap ul li:nth-child(7) figure img{height:1rem/*18px*/}
.client_box .logo_wrap ul li:nth-child(8) figure img{height:5rem/*90px*/}
.client_box .logo_wrap ul li:nth-child(9) figure img{height:1.22rem/*22px*/}

@media screen and (max-width:1140px){
  .client_box .left{width:35%}
  .client_box .right{width:65%;margin-left:0}
}
@media screen and (max-width:850px){
	.client_box{padding:4rem 0}
    .client_box .inner{display:block;justify-content:unset;align-items:unset}
	.client_box .left{width:100%;margin-bottom:70px}
	.client_box .left .title{font-size:2.4rem;text-align:left}
	.client_box .right{width:100%;margin-left:0;padding-right:0}
	.client_box .right .logo_wrap{width:100%}
	.client_box .logo_wrap ul{margin-top:-60px}
	.client_box .logo_wrap ul li{width:33.33%;margin:20px 0}
	.client_box .logo_wrap ul li figure{width:100%;max-width:100%;height:30px}
	.client_box .logo_wrap ul li:nth-child(1) figure img{height:1.8rem}
	.client_box .logo_wrap ul li:nth-child(2) figure img{height:1.6rem}
	.client_box .logo_wrap ul li:nth-child(3) figure img{height:2.8rem}
	.client_box .logo_wrap ul li:nth-child(4) figure img{height:2.2rem}
	.client_box .logo_wrap ul li:nth-child(5) figure img{height:0.6rem}
	.client_box .logo_wrap ul li:nth-child(6) figure img{height:1.4rem}
	.client_box .logo_wrap ul li:nth-child(7) figure img{height:0.7rem}
	.client_box .logo_wrap ul li:nth-child(8) figure img{height:3.8rem}
	.client_box .logo_wrap ul li:nth-child(9) figure img{height:1rem}
}/* sm */
/* ----------------------sec_07 client_box end--------------------- */


/*---------------sec_07 contact_box-----------------*/
.contact_box{height:54%;padding:10rem 0 6rem 0; display:flex;justify-content:center;align-items:center}
.contact_box .inner_box{width:90%;max-width:1360px;display:flex;justify-content:space-between;align-items:flex-end;margin:0 auto}
.contact_box .tit{font-weight:600;font-size:2.33rem;color:#000;text-align:left}
.contact_box .tit strong{color:#43C8BB;font-weight:600}
.contact_box .btn_wrap{margin-bottom:.54rem}
.contact_box .btn_go{background:#000;border-radius:100px;font-weight:600;font-size:1.2rem;color:#fff;display:inline-block;padding:1rem 2.2rem .85rem;text-align:left;float:left}
.contact_box .btn_go span{font-weight:400;font-size:.8rem;text-decoration-line:underline;display:block}
.contact_box .btn_go:last-child{margin-left:1.4rem}

@media screen and (max-width:1200px){
    .contact_box .tit{font-size:2rem}
    .contact_box .btn_wrap{margin-bottom:.5rem}
	.contact_box .btn_go{font-size:1rem;padding:1rem 1.2rem 0.85rem}
	.contact_box .btn_go:last-child{margin-left:.6rem}
}
@media screen and (max-width:940px){
	.contact_box .tit{font-size:1.8rem}
}
@media screen and (max-width:850px){
    .contact_box{min-height:186px;padding:0px}
    .contact_box .inner_box{margin:5rem auto;flex-direction:column;align-items:center}
	.contact_box .txt_inner{justify-content:space-evenly}
	.contact_box .tit{text-align:center}
	.contact_box .btn_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1.3rem 0 0}
	.contact_box .btn_go{float:unset}
	.contact_box .btn_go:first-child{margin-bottom:0.8rem}
	.contact_box .btn_go span{display:inline-block;margin-right:8px}
	.contact_box .btn_go:last-child{margin-left:0}
}
/*---------------sec_07 contact_box end-----------------*/


/* popup */
#popup_all > div {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:150;}
#popup_all .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:.6;}
#popup_all .out_layer_box {display:table-cell; text-align:center; vertical-align:middle;}
#popup_all .in_layer_box {display:inline-block; position:relative; z-index:10;}

#popup_privacy .in_layer_box {width:800px; height:800px; background-color:#fff; text-align:left; overflow:auto;}
#popup_privacy .title {padding:30px 0 30px 60px; font-size:30px; font-weight:700; color:#fff; background-color:#494949;}
#popup_privacy .cont {padding:30px 60px;}
#popup_privacy .cont .tit_01 {margin-bottom:30px; font-size:24px; color:#494949; font-weight:700;}
#popup_privacy .cont .txt_01 {margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #f1f1f1; font-size:15px; line-height:28px; letter-spacing:-0.05em; color:#777;}
#popup_privacy .cont .txt_02 {font-size:15px; line-height:28px; letter-spacing:-0.05em; color:#777;}
#popup_privacy .cont .tit_02 {margin-bottom:15px; font-size:16px; color:#494949; font-weight:700; letter-spacing:-0.02em;}
#popup_privacy .cont .list_01 {margin-bottom:20px; font-size:15px; line-height:32px;}
#popup_privacy .cont .list_01 span {display:inline-block; margin-right:10px; font-size:14px; font-family:'proxima-soft'; font-weight:500;}
#popup_privacy .btn_close {display:inline-block; width:34px; height:34px; position:absolute; right:40px; top:36px; background:url(/front/images/common/btn_close_01.png) 0 0 no-repeat;}

@media screen and (max-width:850px){
	#popup_privacy .in_layer_box {width:310px; height:415px;}
	#popup_privacy .title {padding:15px 0 15px 30px; font-size:15px;}
	#popup_privacy .cont {padding:15px 30px;}
	#popup_privacy .cont .tit_01 {margin-bottom:15px; font-size:12px;}
	#popup_privacy .cont .txt_01 {margin-bottom:15px; padding-bottom:15px; font-size:7px; line-height:14px;}
	#popup_privacy .cont .txt_02 {font-size:7px; line-height:14px;}
	#popup_privacy .cont .tit_02 {margin-bottom:7px; font-size:8px;}
	#popup_privacy .cont .list_01 {margin-bottom:10px; font-size:7px; line-height:16px;}
	#popup_privacy .cont .list_01 span {margin-right:5px; font-size:7px;}
	#popup_privacy .btn_close {width:17px; height:17px; right:20px; top:18px; background-size:17px auto;}
}