@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
unicode-range : U+AC00-U+D7A3;
  src: url(../../common/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../common/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Light.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
.unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
	unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Black.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Black.otf) format('opentype');
 } 



@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
  src: url(../../common/fonts/Roboto-Thin.woff2) format('woff2'),
       url(../../common/fonts/Roboto-Thin.woff) format('woff'),
       url(../../common/fonts/Roboto-Thin.otf) format('opentype');}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
  src: url(../../common/fonts/Roboto-Light.woff2) format('woff2'),
       url(../../common/fonts/Roboto-Light.woff) format('woff'),
       url(../../common/fonts/Roboto-Light.otf) format('opentype');}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Regular.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Regular.woff) format('woff'),
        url(../../common/fonts/Roboto-Regular.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Medium.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Medium.woff) format('woff'),
        url(../../common/fonts/Roboto-Medium.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Bold.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Bold.woff) format('woff'),
        url(../../common/fonts/Roboto-Bold.otf) format('opentype'); }

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:normal;}
img{}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
.chrome a,
.safari a{outline-offset:-3px;}
input {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

html, body{height:100%; font-size:0; line-height:0;}
body{overflow-x:hidden;word-break:keep-all;word-wrap:break-word;}
body.non-scroll {overflow-y:hidden;}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;font-family: 'Noto Sans KR';}

select::-ms-expand { display: none; }
select::-moz-focus-inner { border: 0; padding: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
select{font-family: 'Noto Sans KR';}
input{font-family: 'Noto Sans KR';}
table {border-collapse: collapse; table-layout:fixed; width:100%;}
textarea {font-family: 'Noto Sans KR';}
*:focus {
    outline: 0;
}



body {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
a {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
button {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
textarea {resize: none;}
/* slick */
.slick-slider {position:relative;}
.slick-list {overflow:hidden; position:relative; z-index:5;}
.slick-track {position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after {display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left;}
.slick-slide.slick-loading img {display:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;}

.mo_view {display:none;}
html.pop-scroll {overflow-y:hidden;}
html.pop-scroll body {overflow-y:hidden;}

html.pop-open .header {transition:none; -webkit-transition:none; -ms-transition:none;}
.header {height:68px; background:#3389ff; position:fixed; left:0; top:0; width:100%; z-index:10; transition:background .3s; -webkit-transition:background .3s; -ms-transition:background .3s;}
.header:after {content:''; display:block; clear:both;}
.header .head {width:1200px; margin:0 auto;}
.header .head:after {content:''; display:block; clear:both;}
.header .head h1 {float:left; padding:25px 0 25px;}
.header .head h1 a {display:block; width:119px; height:17px; background:url('../../images/common/logo.gif') no-repeat; background-size:119px 17px; font-size:0; line-height:0; transition:background .3s; -webkit-transition:background .3s; -ms-transition:background .3s;}
.header .head .gnb {float:left; margin-left:48px;}
.header .head .gnb li {float:left; }
.header .head .gnb li a {font-size:17px; line-height:25px; letter-spacing:-0.68px; color:#fff; font-weight:500; padding:22px 16px 21px; display:block; opacity:0.8; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header .head .gnb li a:hover {opacity:1;}
.header .head .subgnb {float:right;}
.header .head .subgnb li {float:left;}
.header .head .subgnb li a {font-size:15px; line-height:22px; letter-spacing:-0.6px; color:#fff; font-weight:500; padding:22px 16px 21px; display:block; position:relative;  opacity:0.8; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header .head .subgnb li a:hover {opacity:1;}
.header .head .subgnb li a:after {content:''; width:1px; height:14px; background:#fff; opacity:0.5; position:absolute; left:0; top:50%; margin-top:-7px;}
.header .head .subgnb li:first-child a:after {display:none;}
.header .head .subgnb li.country {position:relative;}
.header .head .subgnb li.country > a {padding-right:15px;}
.header .head .subgnb li.country > a:before {content:''; width:7px; height:6px; position:absolute; right:0; top:50%; margin-top:-3px; background:url('../../images/common/icon_select_off.png') no-repeat; background-size:;}
.header .head .subgnb li.country.open > a:before {background:url('../../images/common/icon_select_on.png') no-repeat; background-size:;}
.header .head .subgnb li.country.open .abs_country {display:block;}
.header .head .subgnb li.country .abs_country {position:absolute; top:60px; width:80px; left:50%; margin-left:-40px; background:#fff; padding:25px; border-radius: 2px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display:none;}
.header .head .subgnb li.country .abs_country a {font-size:14px; font-weight:500; line-height:1.36; color:#676a6d; margin-top:17px; display:block; width:30px; text-align:center; padding:0;}
.header .head .subgnb li.country .abs_country a:first-child {margin-top:0;}
.header .head .subgnb li.country .abs_country a:hover {color:#3389ff;}
.header .head .subgnb li.country .abs_country a.on {color:#3389ff;}
.header .head .subgnb li.country + li {margin-left:15px;}
.header .head .mobile_logo {display:none;}
.header .head .mobile_btn {display:none;}
.header .head .app_down {display:none;}
.header .head .close_mobile {display:none;}
.header .head .pc_wrap {}
.header .head .mobile_wrap {display:none;}
.header .head .mid_gnb {display:none;}


.header.white {background:#fff;}
.header.white .head h1 a {background:url('../../images/common/logo_blue_tr.png') no-repeat; width:119px; height:17px; background-size:100% 100%;}
.main .header.white .head h1 a {background:url('../../images/common/logo_white.png') no-repeat; width:119px; height:17px; background-size:100% 100%;}
.header.white .head .gnb li a {color:#343434;}
.header.white .head .subgnb {float:right;}
.header.white .head .subgnb li {float:left;}
.header.white .head .subgnb li a {color:#343434;}
.header.white .head .subgnb li a:after {background:#343434; opacity:0.2;}
.header.white .head .subgnb li.country > a:before {background:url('../../images/common/icon_select_off_b.png') no-repeat; background-size:;}
.header.white .head .subgnb li.country.open > a:before {background:url('../../images/common/icon_select_on_b.png') no-repeat; background-size:;}
.header.white .head .subgnb li.country .abs_country {position:absolute; top:60px; width:80px; left:50%; margin-left:-40px; background:#fff; padding:25px; border-radius: 2px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.header.white .head .subgnb li.country .abs_country a {font-size:14px; font-weight:500; line-height:1.36; color:#676a6d; margin-top:17px; display:block; width:30px; text-align:center; padding:0;}
.header.white .head .subgnb li.country .abs_country a:first-child {margin-top:0;}
.header.white .head .subgnb li.country .abs_country a:hover {color:#3389ff;}

.header.no-bg {background:none;}
.header.no-bg.white {background:#fff;}
.header.no-bg .head h1 a {display:block; width:119px; height:17px; background:url('../../images/common/logo_white_tr.png') no-repeat; background-size:119px 17px; font-size:0; line-height:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header.no-bg.white .head h1 a {display:block; width:119px; height:17px; background:url('../../images/common/logo_blue_tr.png') no-repeat; background-size:119px 17px; font-size:0; line-height:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}


.content_page .header .mobile_wrap {display:none;}
.content_page .header .head {position:relative;}
.content_page .header .head .text {width:192px; height:24px; background:url('../../images/common/text_content.png') no-repeat; background-size:100% auto; float:left; margin:21.5px 0 0 20px; font-size:0; line-height:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.sub_cont .header .head .ad {width:36px; height:24px; background:url('../../images/adc/img_text_ad.png') no-repeat; background-size:100% auto; float:left; margin:20px 0 0 14px; font-size:0; line-height:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.sub_cont .header.white .head .ad {width:36px; height:24px; background:url('../../images/adc/img_text_ad_on.png') no-repeat; background-size:100% auto; float:left; margin:20px 0 0 14px; font-size:0; line-height:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}

.content_page .header .head .abs_btn {position:absolute; right:0; top:13px; width:136px; height:42px; box-sizing:border-box; border-radius:4px; border:1px solid #fff; font-size:16px; font-weight:500; letter-spacing: -0.48px; color:#fff; text-align:center; line-height:40px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}


.content_page .header.act {background:#fff;}
.content_page .header.act .head {position:relative;}
.content_page .header.act .head h1 a {background:url('../../images/common/logo_blue_tr.png') no-repeat; background-size:119px 17px;}
.content_page .header.act .head .text {width:192px; height:24px; background:url('../../images/common/text_content_blue.png') no-repeat; background-size:100% auto;}
.content_page .header.act .head .abs_btn {background:#14417b; border-color:#14417b;}


.mainWrap {position:relative; z-index:1; padding-top:816px;}
.mainWrap .in_side {width:1200px; margin:0 auto;}
.mainWrap > div {position:relative; z-index:5;}

.mainSection01 {height:816px; background:#3389ff; position:fixed !important; left:0; width:100%; top:0; z-index:2;  transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); }
.mainSection01 .textarea {position:absolute; left:0; top:384px;}
.mainSection01 .textarea p {font-size:42px; font-weight:500; line-height:1.4; letter-spacing: -2.1px; margin-top:36px; color:#fff;}
.mainSection01 .textarea p strong {font-weight:500;}
.mainSection01 .in_side {height:816px; position:relative;}
.mainSection01 span {width:577px; height:698px; position:absolute; left:700px; top:153px;}
.mainSection01 span img {width:100%;}
.mainSection01 h2 {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection01 p {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection01 span {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection01 span:before {content:''; width:558px; height:546px; background:url('../../images/main/bg_sec01.png') no-repeat; background-size:558px 546px; position:absolute; left:-9px; top:117px;}
.mainSection01 span img {position:relative;}

.mainSection01.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection01.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection01.view-sec span {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection02 {padding:172px 0 178px; background-color:#fff;  background-image: linear-gradient(to bottom, #ffffff 56%, rgba(248, 249, 251, 0.52));}
.mainSection02 ul {text-align:center;}
.mainSection02 ul:after{content:''; display:block; clear:both;}
.mainSection02 ul li {float:left; width:362px; margin-right:57px;}
.mainSection02 ul li > div { transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; border-radius: 10px; background:#fff; box-sizing:border-box; position:relative; padding:34px; min-height:372px; text-align:left; box-shadow: 0 0 50px 0 #dde3eb;}
.mainSection02 ul li > div:hover {transform:translate3d(0, 0, 0) scale(1.06); -webkit-transform:translate3d(0, 0, 0) scale(1.06); -ms-transform:translate3d(0, 0, 0) scale(1.06);}
.mainSection02 ul li:last-child {margin-right:0;}
.mainSection02 ul li h3 {font-size:26px; font-weight:700; line-height:37px; color:#343434; letter-spacing: -1.3px;}
.mainSection02 ul li p {font-size:18px; line-height:26px; letter-spacing:-0.54px; color:#676a6d; margin-top:20px;}
.mainSection02 ul li:nth-child(1) {transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection02 ul li:nth-child(2) {background-size:100%; transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection02 ul li:nth-child(3) {background-size:100%;transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .8s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

.mainSection02 ul li:nth-child(1) > div {background:#fff url('../../images/main/img_sec02_bg01.png') left bottom no-repeat; background-size:100%;}
.mainSection02 ul li:nth-child(2) > div {background:#fff url('../../images/main/img_sec02_bg03.png') left bottom no-repeat; background-size:100%;}
.mainSection02 ul li:nth-child(3) > div {background:#fff url('../../images/main/img_sec02_bg02.png') left bottom no-repeat; background-size:100%;}

.mainSection02 ul li span.ribbon {position:absolute; left:0; top:-16px; height:33px; padding:0 24px; background:#0857c3; font-size:14px; line-height:33px; color:#fff; font-weight:500;}
.mainSection02 ul li span.ribbon:after {content:''; width:12px; height:33px; background:url('../../images/main/bg_sec02_ribbon.png') no-repeat; position:absolute; right:-11px; top:0;}
.sub_cont a.quiz {background:#004092;}
a.quiz {padding:0 37px 0 35px; box-shadow: 0 10px 20px 0 rgba(52, 52, 52, 0.12); background:#3389ff; position:fixed; right:50%; margin-right:-600px; bottom:70px; transform:translate3d(0, -50%, 0) scale(1); -webkit-transform:translate3d(0, -50%, 0) scale(1); -ms-transform:translate3d(0, -50%, 0) scale(1); border-radius:35px; border-bottom-right-radius:0; transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);; -webkit-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);; -ms-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);;  z-index:8;}
a.quiz span {font-size:20px; font-weight:500px; letter-spacing:-0.6px; line-height:65px; color:#fff; background:url('../../images/main/icon_arrow.png') right center no-repeat; display:inline-block; padding-right:28px;}
a.quiz:hover {transform:translate3d(0, -50%, 0) scale(1.056); -webkit-transform:translate3d(0, -50%, 0) scale(1.056); -ms-transform:translate3d(0, -50%, 0) scale(1.056);}

.mainSection02.view-sec ul li:nth-child(1) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection02.view-sec ul li:nth-child(2) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection02.view-sec ul li:nth-child(3) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection03 {background:#fff; padding:224px 0 270px;}
.mainSection03 h2 {font-size:36px; font-weight:700; line-height:54px; color:#343434; letter-spacing: -1.8px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection03 ul {text-align:center; margin-top:80px;}
.mainSection03 ul:after{content:''; display:block; clear:both;}
.mainSection03 ul li {display:inline-block; width:316px; margin:0 100px; font-size:0; line-height:0;}
.mainSection03 ul li .img {height:398px; position:relative; width:295px; overflow:hidden; box-sizing:border-box;}
.mainSection03 ul li strong {display:block; text-align:center; font-weight:700; font-size:24px; letter-spacing:-1.2px; color:#343434; line-height:36px;}
.mainSection03 ul li p {font-size:18px; line-height:1.4; color:#676a6d; letter-spacing: -0.54px; margin-top:12px;}
.mainSection03 ul li:nth-child(1) {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection03 ul li:nth-child(1) img {width:282px;}
.mainSection03 ul li:nth-child(2) img {width:311px;}
.mainSection03 ul li:nth-child(2) {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

.mainSection03.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection03.view-sec ul li:nth-child(1) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection03.view-sec ul li:nth-child(2) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection04 {background:#f8f9fa; padding:150px 0 188px;}
.mainSection04 h2 {font-size:36px; font-weight:700; line-height:54px; color:#343434; letter-spacing: -1.8px; text-align:center; width:1200px; margin:0 auto; text-align:left; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection04 ul {margin-top:50px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0;}
.mainSection04 ul:after{content:''; display:block; clear:both;}
.mainSection04 ul li {float:left; margin-right:36px; font-size:0; line-height:0;}
.mainSection04 ul li img {width:163px;}
/* .mainSection04 ul li:last-child {margin:0;} */
.mainSection04 .slick-arrow {display:none !important;}

.mainSection04.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection04.view-sec ul {opacity:1;}

.mainSection05 {background:#fff; padding:224px 0 250px;}
.mainSection05 h2 {font-size:36px; font-weight:700; line-height:54px; color:#343434; letter-spacing: -1.8px; text-align:center; text-align:left; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection05 p.sub_text {font-size:20px; line-height:1.44; color:#676a6d; letter-spacing: -0.6px; margin-top:12px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection05 ul {padding-top:55px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection05 ul:after{content:''; display:block; clear:both;}
.mainSection05 ul li {width:362px; margin-right:57px; border-radius: 10px; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 50px 0 #dde3eb; float:left; margin-top:45px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.mainSection05 ul li:hover {transform:translate3d(0, 0, 0) scale(1.06); -webkit-transform:translate3d(0, 0, 0) scale(1.06); -ms-transform:translate3d(0, 0, 0) scale(1.06);}
.mainSection05 ul li dt {border-bottom:1px solid #edeff3;}
.mainSection05 ul li dt img {width:100%;}
.mainSection05 ul li dd {padding-top:28px;}
.mainSection05 ul li dd strong {font-size:18px; line-height:1.6; color:#343434; letter-spacing: -0.54px; font-weight:700;}
.mainSection05 ul li dd p {font-size:16px; line-height:1.4; color:#676a6d; letter-spacing: -0.48px; margin-top:10px;}
.mainSection05 ul li:nth-child(3n) {margin-right:0;}

.mainSection05.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection05.view-sec p.sub_text {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection05.view-sec ul {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.mainSection06 {background:#fff url('../../images/main/bg_sec06.png') no-repeat; background-size:100%;  padding:224px 0 328px; position:relative;}
.mainSection06 .in_side {position:relative;}
.mainSection06 .in_text {transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); } 
.mainSection06 h2 {font-size:24px; line-height:1.5; color:#343434; letter-spacing: -1.2px;}
.mainSection06 .num_text {margin-top:28px;}
.mainSection06 .num_text p {font-size:42px; line-height:1.4; color:#343434; margin-top:12px; font-weight:500; letter-spacing: -2.1px;}
.mainSection06 .num_text p br {display:none;}
.mainSection06 .num_text p strong {color:#3389ff; font-weight:bold;  letter-spacing: normal;}
.mainSection06 .num_text + span {display:block; font-size:16px; line-height:1.4; color:#83878c; margin-top:64px;}
.mainSection06 .img_box {position:absolute; left:656px; top:-79px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection06 .img_box img {width:591px;}


.mainSection06.view-sec .in_text {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection06.view-sec .img_box {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}



.mainSection07 {background:#f4f7fc; padding:230px 0 430px; position:relative;}
.mainSection07 .in_side {position:relative;}
.mainSection07 h2 {font-size:36px; line-height:1.5; color:#343434; font-weight:700; color:#343434; letter-spacing:-1.8px; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection07 .list {margin-top:87px; position:relative; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection07 .list:after{content:''; display:block; clear:both;}
.mainSection07 .list li {float:left; margin-right:36px;}
.mainSection07 .list li a {font-size:22px; line-height:1.31; letter-spacing:-0.66px; color:#83878c; font-weight:500;}
.mainSection07 .list li.on a {color:#343434;}
.mainSection07 .list li.on p {opacity:1;}
.mainSection07 .list li p {font-size:18px; line-height:1.4; letter-spacing:-0.54px; color:#676a6d; position:absolute; left:0; top:100px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; opacity:0;}
.mainSection07 .list li.bar {position:absolute; margin:0; left:0; bottom:0; width:123px; height:2px; background:#343434; transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); bottom:-10px;}
.mainSection07 .phone {position:absolute; right:0px;; top:-37px; width:286px; height:590px; padding:13px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 80px, 0) scale(1); -webkit-transform:translate3d(0, 80px, 0) scale(1); -ms-transform:translate3d(0, 80px, 0) scale(1);}
.mainSection07 .phone:after {content:''; position:absolute; width:286px; height:590px; background:url('../../images/main/img_phone.png') no-repeat; background-size:; left:0; top:0; z-index:9;}
.mainSection07 .phone ul {width:100%; height:100%; border-radius:30px; overflow:hidden; position:relative; background:#fff;}
.mainSection07 .phone ul li {transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:1; transform:translate3d(100%, 0, 0) scale(1); -webkit-transform:translate3d(100%, 0, 0) scale(1); -ms-transform:translate3d(100%, 0, 0) scale(1); position:absolute; left:0; top:0; padding:0px;}
.mainSection07 .phone ul li.set {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection07 .phone ul li.on {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); z-index:8;}
.mainSection07 .phone ul img {width:100%;}

.mainSection07.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection07.view-sec .list {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection07.view-sec .phone {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection08 {background:#fff; padding-top:220px; position:relative; box-sizing:border-box; height:1127px;}
.mainSection08 .in_side {position:relative;}
.mainSection08 h2 {font-size:36px; line-height:1.5; color:#343434; font-weight:700; color:#343434; letter-spacing:-1.8px; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection08 .sub_text {font-size:20px; line-height:1.44; color:#676a6d; letter-spacing: -0.6px; margin-top:12px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection08 .slide_area {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection08 .pagi_list {margin-top:73px;}
.mainSection08 .pagi_list ul {position:relative; padding-bottom:13px;}
.mainSection08 .pagi_list ul:before {content:''; width:100%; height:2px; border-radius:2px; position:absolute; left:0; bottom:0; background:#f8f9fa;}
.mainSection08 .pagi_list ul:after{content:''; display:block; clear:both;}
.mainSection08 .pagi_list ul li {float:left; margin-right:36px; font-weight:500;}
.mainSection08 .pagi_list ul li a {font-size:22px; color:#83878c; line-height:1.31; letter-spacing:-0.66px; font-weight:500; font-family: 'Noto Sans KR';}
.mainSection08 .pagi_list ul li.on a {color:#343434;}
.mainSection08 .pagi_list ul li.bar {position:absolute; margin:0; left:0; bottom:0; width:78px; height:2px; background:#343434; transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
.mainSection08 .slide_box {position:relative; margin-top:128px;}
.mainSection08 .slide_box {position:relative;}
.mainSection08 .slide_box .slide_pc {width:1040px; margin:0 auto;}
.mainSection08 .slide_box li {text-align:center; width:1040px;}
.mainSection08 .slide_box li .scr div {display:inline-block; margin:0 93px;}
.mainSection08 .slide_box li.num03 .scr div {margin:0 14px;}
.mainSection08 .slide_box li div strong {display:block; font-size:20px; line-height:1.44; letter-spacing: -0.6px; font-weight:500; color:#343434; text-align:center; margin-top:30px;}
.mainSection08 .slide_box button {position:absolute; top:50%; margin-top:-40px; z-index:5;}
.mainSection08 .slide_box button.prev {left:0;}
.mainSection08 .slide_box button .on {position:absolute; left:0; top:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.mainSection08 .slide_box button:hover .on {opacity:0;}
.mainSection08 .slide_box button.next {right:0;}

.mainSection08.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection08.view-sec .sub_text {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection08.view-sec .slide_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection09 {background:#E2F0FF; padding:230px 0 573px; position:relative;}
.mainSection09 .in_side {position:relative;}
.mainSection09 h2 {font-size:36px; line-height:1.5; color:#343434; font-weight:700; color:#343434; letter-spacing:-1.8px; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection09 .list {margin-top:87px; position:relative; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.mainSection09 .list:after{content:''; display:block; clear:both;}
.mainSection09 .list li {float:left; margin-right:36px;}
.mainSection09 .list li a {font-size:22px; line-height:1.31; letter-spacing:-0.66px; color:#5e6a7a; font-weight:500;}
.mainSection09 .list li a.btn {font-size:18px; line-height:500; line-height:48px; letter-spacing: -0.9px; color:#343434; padding:0 32px 0 14px; position:absolute; left:-100%; top:224px; background:#fff; border-radius:6px; display:none;}
.mainSection09 .list li a.btn:after {content:''; width:9px; height:15px; background:url('../../images/main/icon_text_arrow.png') no-repeat; background-size:; right:15px; top:50%; margin-top:-7px; position:absolute;}
.mainSection09 .list li a.btn:hover {transform:translate3d(0, 0, 0) scale(1.06); -webkit-transform:translate3d(0, 0, 0) scale(1.06); -ms-transform:translate3d(0, 0, 0) scale(1.06);}
.mainSection09 .list li.on a {color:#343434;}
.mainSection09 .list li p {font-size:18px; line-height:1.4; letter-spacing:-0.54px; color:#676a6d; position:absolute; left:0; top:100px; opacity:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.mainSection09 .list li.on p {opacity:1;}
.mainSection09 .list li.on a.btn  {display:block; left:0;}
.mainSection09 .list li.bar {position:absolute; margin:0; left:0; bottom:-10px; width:78px; height:2px; background:#343434; transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
.mainSection09 .phone {position:absolute; right:0; top:-37px; width:286px; height:590px; padding:13px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 80px, 0) scale(1); -webkit-transform:translate3d(0, 80px, 0) scale(1); -ms-transform:translate3d(0, 80px, 0) scale(1);}
.mainSection09 .phone:after {content:''; position:absolute; width:286px; height:590px; background:url('../../images/main/img_phone.png') no-repeat; background-size:; left:0; top:0; z-index:9;}
.mainSection09 .phone ul {width:100%; height:100%; border-radius:30px; overflow:hidden; position:relative; background:#fff;}
.mainSection09 .phone ul li {transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:1; transform:translate3d(100%, 0, 0) scale(1); -webkit-transform:translate3d(100%, 0, 0) scale(1); -ms-transform:translate3d(100%, 0, 0) scale(1); position:absolute; left:0; top:0; padding:0px;}
.mainSection09 .phone ul li.set {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection09 .phone ul li.on {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); z-index:8;}
.mainSection09 .phone ul img {width:100%;}
.mainSection09 button.prev {display:none;}
.mainSection09 button.next {display:none;}



.mainSection09.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection09.view-sec .list {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection09.view-sec .phone {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection10 {background:#fcfcfd; padding:184px 0 194px 0; position:relative; box-sizing:border-box;}
.mainSection10 h2 {font-size:36px; line-height:1.5; color:#343434; font-weight:700; color:#343434; letter-spacing:-1.8px; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); text-align:center;}
.mainSection10 ul {text-align:center; margin:0 auto; width:889px; text-align:left; padding-top:70px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection10 ul li {display:inline-block; margin:28px 21px 0;}
.mainSection10 ul li img {width:252px;}

.mainSection10.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection10.view-sec ul {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.mainSection11 {background:#fff; padding:184px 0 194px; position:relative; box-sizing:border-box;}
.mainSection11 h2 {font-size:36px; line-height:1.5; color:#343434; font-weight:700; color:#343434; letter-spacing:-1.8px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.mainSection11 .btnbox {margin-top:62px; text-align:center; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

.mainSection11 .btnbox br {display:none;}
.mainSection11 .btnbox a {display:inline-block; transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s;}
.mainSection11 .btnbox a:hover {transform:translate3d(0, 0, 0) scale(1.02); -webkit-transform:translate3d(0, 0, 0) scale(1.02); -ms-transform:translate3d(0, 0, 0) scale(1.02);}

.mainSection11.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.mainSection11.view-sec .btnbox {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.foorweWrap {background:#fcfcfd; padding:100px 0; position:relative; z-index:5;}
.foorweWrap .footer {width:1200px; margin:0 auto;}
.foorweWrap .footer .foot_top {margin-top:44px; position:relative; padding-bottom:35px; border-bottom:2px solid #e7ecf3;}
.foorweWrap .footer .foot_top > ul {}
.foorweWrap .footer .foot_top > ul:after{content:''; display:block; clear:both;}
.foorweWrap .footer .foot_top > ul li {font-size:20px; line-height:1.44; font-weight:500; color:#343434; letter-spacing: -0.6px; margin-right:64px; float:left;}
.foorweWrap .footer .foot_top > ul li a {font-size:20px; line-height:1.44; font-weight:500; color:#343434; letter-spacing: -0.6px;}
.foorweWrap .footer .foot_top .abs_select {position:absolute; right:0; top:-8px;}
.foorweWrap .footer .foot_top .abs_select button.site {background:#fff; border:1px solid #e7ecf3; border-radius:2px; font-size:18px; line-height:48px; color:#343434; letter-spacing: -0.54px; padding-left:20px; width:230px; position:relative; text-align:left;}
.foorweWrap .footer .foot_top .abs_select button.site:after {content:''; width:15px; height:9px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url('../../images/main/icon_select_off.png') no-repeat; background-size:;}
.foorweWrap .footer .foot_top .abs_select .sel_option {position:absolute; left:0; top:56px; display:none; width:230px;}
.foorweWrap .footer .foot_top .abs_select .sel_option ul {background:#fff; border:1px solid #e7ecf3; border-radius:2px; padding:20px; width:100%; box-sizing:border-box;}
.foorweWrap .footer .foot_top .abs_select.on .sel_option {display:block;}
.foorweWrap .footer .foot_top .abs_select.on button.site:after {content:''; width:15px; height:9px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url('../../images/main/icon_select_on.png') no-repeat; background-size:;}
.foorweWrap .footer .foot_top .abs_select .sel_option li:first-child {margin-top:0;}
.foorweWrap .footer .foot_top .abs_select .sel_option li {margin-top:16px;}
.foorweWrap .footer .foot_top .abs_select .sel_option li button {display:block; font-size:16px; line-height:1.5; font-weight:500; color:#676a6d; letter-spacing: -0.48px; transition:color .3s; -webkit-transition:color .3s; -ms-transition:color .3s; text-align:left; width:100%;}
.foorweWrap .footer .foot_top .abs_select .sel_option li button:hover {color:#3389ff; }
.foorweWrap .footer .foot_bot {margin-top:42px;}
.foorweWrap .footer .foot_bot > strong {font-size:18px; line-height:1.6; font-weight:500; color:#343434; letter-spacing: -0.54px;}
.foorweWrap .footer .foot_bot > p {font-size:14px; line-height:1.6; font-weight:500; color:#676a6d; letter-spacing: -0.42px; margin-top:9px; width:720px;}
.foorweWrap .footer .foot_bot > p span {display:inline-block;}
.foorweWrap .footer .foot_bot .info_text {margin-top:45px;}
.foorweWrap .footer .foot_bot .info_text a {font-size:14px; line-height:1.43; font-weight:500; color:#676a6d; letter-spacing: -0.42px; transition:color .3s; -webkit-transition:color .3s; -ms-transition:color .3s; margin-right:25px;}
.foorweWrap .footer .foot_bot .info_text a:hover {color:#343434;}
.foorweWrap .footer .foot_bot .info_text span {font-size:12px; line-height:1.33; color:#acafb4;}
.foorweWrap .footer .foot_bot .sns_btn {margin-top:47px;}
.foorweWrap .footer .foot_bot .sns_btn ul {}
.foorweWrap .footer .foot_bot .sns_btn ul:after{content:''; display:block; clear:both;}
.foorweWrap .footer .foot_bot .sns_btn ul li {float:left; margin-right:20px;}

.content {width:1200px; margin:0 auto; padding-top:122px; padding-bottom:120px;}
.content .titArea {padding:84px 0;}
.content .titArea h2 {font-size:36px; line-height:1.5; font-weight:700; letter-spacing: -1.8px; color:#343434;}
.content .titArea p {font-size:20px; font-weight:normal; line-height:1.44; color:#676a6d; letter-spacing: -0.6px; margin-top:12px;}
.content .titArea .btn_contact {margin-top:46px; display:inline-block; width:160px; height:50px; box-sizing:border-box; border:1px solid #3389ff; background:#fff; border-radius:4px; font-size:18px; font-weight:500; line-height:48px; letter-spacing: -0.54px; color:#3389ff; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; text-align:center;}
.content .titArea .btn_contact:hover {background:#3389ff; color:#fff;}
.contact_area {padding-top:30px;}
.contact_area .select_menu {border-bottom:1px solid #e7ecf3; box-sizing:border-box;}
.contact_area .select_menu:after{content:''; display:block; clear:both;}
.contact_area .select_menu li {float:left; padding-right:44px;}
.contact_area .select_menu li a {font-size:18px; font-weight:500; letter-spacing: -0.54px; line-height:1.6; color:#676a6d; display:inline-block; position:relative; padding-bottom:12px;}
.contact_area .select_menu li.on a {font-weight:700; color:#3389ff; }
.contact_area .select_menu li.on a:after {content:''; width:100%; height:2px; background:#3389ff; border-radius:10px; position:absolute; left:0; bottom:0;}
.contact_area .contact_box {margin-top:30px;}
.contact_area .contact_box li {}
.contact_area .contact_box li .top_q {border-bottom:1px solid #e7ecf3;}
.contact_area .contact_box li .top_q > a {display:block; font-size:18px; font-weight:500; letter-spacing: -0.54px; line-height:30px; padding:22px 50px; color:#343434; background:url('../../images/common/icon_q.png') 16px 26px no-repeat; background-size:18px 23px;  position:relative;}
.contact_area .contact_box li .top_q > a:after {content:''; width:16px; height:8px; position:absolute; right:16px; top:50%; margin-top:-4px; background:url('../../images/common/icon_arrow_ty01.png') no-repeat; background-size:16px 8px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.contact_area .contact_box.notice li .top_q > a {background:none; padding-left:20px;}
.contact_area .contact_box.notice li .bot_a .word {padding-left:30px;}
.contact_area .contact_box li .bot_a {background:#fcfcfd; display:none; border-bottom:1px solid #e7ecf3;}
.contact_area .contact_box li .bot_a .word {padding:25px 50px; background:#fcfcfd; font-size:16px; font-weight:normal; line-height:1.4; letter-spacing: -0.48px; color: #676a6d;  }
.contact_area .contact_box li .bot_a .word a {font-size:16px; font-weight:normal; line-height:1.4; letter-spacing: -0.48px; color: #676a6d;  }
.contact_area .contact_box li.open .top_q > a:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.pop_wrap .phone_iframe .phone iframe::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.pop_wrap .phone_iframe .phone iframe::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}

.pop_wrap .phone_iframe .phone iframe::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.pop-open {}
.pop-open html {overflow-y:hidden;}
.pop-scroll .scrollWrap {position:relative; height:100vh; overflow-y:scroll;}
.pop-scroll .scrollWrap > div {margin:64px 0; position:relative; top:0; transform:translate3d(-50%, 0%, 0) scale(1); -webkit-transform:translate3d(-50%, 0%, 0) scale(1); -ms-transform:translate3d(-50%, 0%, 0) scale(1);}
.pop-open .pop_wrap {left:0; opacity:1; }
.pop_wrap {position:fixed; left:0; top:0; width:100%; height:200%; z-index:11; left:-100%; opacity:0; transition:opacity .3s; -webkit-transition:opacity .3s; -ms-transition:opacity .3s; min-height:100vh;}
.pop_wrap:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#1F1F1F; opacity:0.94;}
.pop_wrap.gray:before {opacity:0.94;}
.pop_wrap .phone_iframe {position:absolute; left:50%; top:50%; width:360px; height:780px; transform:translate3d(-50%, 0%, 0) scale(1); -webkit-transform:translate3d(-50%, -50%, 0) scale(1); -ms-transform:translate3d(-50%, -50%, 0) scale(1);}
.pop_wrap .phone_iframe .phone_wrap {position:absolute; left:50%; top:10px; width:360px; height:780px; margin:0 0 0 -180px; box-sizing:border-box; padding:0; transition:opacity 0.5s 0.3s; -webkit-transition:opacity 0.5s 0.3s; -ms-transition:opacity 0.5s 0.3s; opacity:0;}
.pop-open .pop_wrap .phone_iframe .phone_wrap {opacity:1; transform:translate3d(0, 0, 0) scale(0.81); -webkit-transform:translate3d(0, 0, 0) scale(0.81); -ms-transform:translate3d(0, 0, 0) scale(0.81); transform-origin:50% 0;}
.pop_wrap .phone_iframe .phone iframe {background:#fff; border-radius:15px;}



.pop_wrap .phone_iframe .phone_wrap:before {content:''; position:absolute; width:361px; height:63px; background:url('../../images/common/img_phone01.png') no-repeat; background-size:100% 100%; left:50%; top:-26px; margin-left:-180px;}
.pop_wrap .phone_iframe .phone_wrap:after {content:''; position:absolute; width:39px; height:747px; background:url('../../images/common/img_phone02.png') no-repeat; background-size:100% 100%; left:-36px; top:-1px;}
.pop_wrap .phone_iframe .phone:before {content:''; position:absolute; width:39px; height:768px; background:url('../../images/common/img_phone03.png') no-repeat; background-size:100% 100%; right:-37px; top:-22px;}
.pop_wrap .phone_iframe .phone:after {content:''; position:absolute; width:418px; height:63px; background:url('../../images/common/img_phone04.png') no-repeat; background-size:100% 100%; left:50%; bottom:-27px; margin-left:-209px;}
.pop_wrap .phone_iframe .close_iframe {position:absolute; left:50%; bottom:0px; width:58px; height:58px; margin-left:-29px;}
.pop_wrap .phone_iframe .close_iframe img {width:100%;}


.pop_wrap .question-area {background:#fff; width:996px; border-radius:6px; padding:50px 40px 50px 40px; position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0) scale(1); -webkit-transform:translate3d(-50%, -50%, 0) scale(1); -ms-transform:translate3d(-50%, -50%, 0) scale(1);}
.pop_wrap .question-area .top_area h2 {font-size:30px; font-weight:700; line-height:1.5; letter-spacing: -1.5px; color:#343434;}
.pop_wrap .question-area .top_area p.sub_text {font-size:18px; line-height:1.4; letter-spacing: -0.54px; color:#343434; margin-top:14px;}
.pop_wrap .question-area .question-cont {margin-top:70px; }
.pop_wrap .question-area .question-cont h3 {font-size:20px; line-height:1.5; letter-spacing: -0.6px; color:#343434; font-weight:normal; padding-bottom:12px; border-bottom:1px solid #e7ecf3; font-weight:700;}
.pop_wrap .question-area .question-cont .table-box {padding-top:24px;}
.pop_wrap .question-area .question-cont .table-box ul li {padding-top:16px;}
.pop_wrap .question-area .question-cont .table-box ul li:after{content:''; display:block; clear:both;}
.pop_wrap .question-area .question-cont .table-box ul span.left { text-align:left; vertical-align:top; float:left; width:20%;}
.pop_wrap .question-area .question-cont .table-box ul span.left strong {font-size:18px; font-weight:500; line-height:50px; letter-spacing: -0.54px; color: #676a6d; display:inline-block;}
.pop_wrap .question-area .question-cont .table-box ul span.left strong.st {position:relative;}
.pop_wrap .question-area .question-cont .table-box ul span.left strong.st:after {content:'*'; position:absolute; right:-15px; font-size:18px; line-height:50px; font-weight:500; letter-spacing: -0.54px; color:#3389ff;}
.pop_wrap .question-area .question-cont .table-box ul span.cont {float:left; width:80%;}

.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box {font-size:0; line-height:0;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input {width:100%; border:1px solid #dde3eb; border-radius:4px; background:#fff; box-sizing:border-box; padding:0 16px; font-size:16px; line-height:48px; height:50px; letter-spacing: -0.48px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input:focus {border:1px solid #3389ff;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input::placeholder {color:#acafb4;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea {box-sizing:border-box; height:200px; width:100%; padding:16px; border:1px solid #dde3eb; border-radius:4px; background:#fff; font-size:16px; line-height:1.5; letter-spacing: -0.48px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea:focus {border:1px solid #3389ff;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea::placeholder {color:#acafb4;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box .wi78 {display:inline-block; width:564px; vertical-align:top;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box button.btn_file {box-sizing:border-box; height:50px; padding:0 32px; font-size:16px; font-weight:500; line-height:1.5; letter-spacing: -0.8px; color: #3389ff; border:1px solid #3389ff; border-radius:4px; margin-left:16px;}

.pop_wrap .question-area .question-cont .table-box ul span.cont .select_box {display:none;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box {position:relative;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box button {box-sizing:border-box; height:50px; border:1px solid #dde3eb; background:#fff; border-radius:4px; position:relative; width:306px; padding-left:16px; text-align:left; color:#676a6d; font-size:16px; line-height:48px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box button:after {content:''; width:12px; height:6px; position:absolute;right:18px; top:50%; margin-top:-3px; background:url('../../images/common/icon_arrow_ty01.png') no-repeat; background-size:12px 6px; }
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box ul {position:absolute; left:0; top:60px; width:306px; border:1px solid #e7ecf3; background:#fff; border-radius:4px; box-sizing:border-box; padding:4px 20px 20px 20px; display:none;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box ul li {margin-top:16px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box ul li:first-child {margin-top:0;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box ul li a {font-size:16px; font-weight:500; line-height:1.5; letter-spacing: -0.48px; color: #676a6d; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box ul li a:hover {color:#3389ff;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box.open button {border:1px solid #3389ff;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box.open button:after {background:url('../../images/common/icon_arrow_ty01_on.png') no-repeat; background-size:12px 6px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box.open ul {display:block;}
.pop_wrap .question-area .question-cont .table-box ul span.cont .hidden {position:absolute; left:-2000px; top:-2000px;}
.pop_wrap .question-area .question-cont .table-box ul span.cont span.mo_view {font-size:14px; line-height:1.71; letter-spacing: -0.42px; color:#acafb4; margin-top:0px;}
.pop_wrap .question-area .question-cont .file_text {display:none;}
.pop_wrap .question-area .question-cont .btn_area {margin-top:60px; text-align:right; font-size:0; line-height:0;}
.pop_wrap .question-area .question-cont .btn_area a {width:192px; text-align:center; display:inline-block; height:52px; border-radius:4px; margin-left:20px;}
.pop_wrap .question-area .question-cont .btn_area a.btn_cancel {border:1px solid #3389ff; font-size:20px; font-weight:500; line-height:50px; letter-spacing: -0.6px; color:#3389ff; background:#fff;}
.pop_wrap .question-area .question-cont .btn_area a.btn_submit {border:1px solid #3389ff; font-size:20px; font-weight:500; line-height:50px; letter-spacing: -0.6px; color:#fff; background:#3389ff; border-radius:4px;}
.pop_wrap .question-area .question-cont .btn_area a.btn_submit.disabled {background:#c5d4e7;}
.pop_wrap .question-area .btn_close {position:absolute; right:30px; top:40px;}
.pop_wrap .question-area .btn_close img {width:40px;}
.pop_wrap .mini_pop {top:300px; left:50%; position:absolute; transform:translate3d(-50%, 0, 0) scale(1); -webkit-transform:translate3d(-50%, 0, 0) scale(1); -ms-transform:translate3d(-50%, 0, 0) scale(1); background:#fff; padding:44px 40px; border-radius:6px; box-sizing:border-box; width:640px;}
.pop_wrap .mini_pop strong {display:block; font-size:30px; line-height:1.5; font-weight:700; letter-spacing: -0.9px; color: #343434;}
.pop_wrap .mini_pop p {font-size:18px; line-height:1.6; color:#343434; margin-top:30px; letter-spacing: -0.54px;}
.pop_wrap .mini_pop .btn_area {margin-top:80px; text-align:right;}
.pop_wrap .mini_pop .btn_area a {padding:0 68px; font-size:20px; line-height:56px; background:#3389ff; color:#fff; border-radius:4px; display:inline-block;}


.pop_wrap .homework_area {background:#fff; width:714px; border-radius:6px; padding:50px 50px 60px; position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0) scale(1); -webkit-transform:translate3d(-50%, -50%, 0) scale(1); -ms-transform:translate3d(-50%, -50%, 0) scale(1);}
.pop_wrap .homework_area .top_area {}
.pop_wrap .homework_area .top_area h2 {font-size:26px; font-weight:bold; line-height: 1.46; letter-spacing: -1.3px; color:#343434;}
.pop_wrap .homework_area .line_img {margin-top:94px; position:relative;}
.pop_wrap .homework_area .line_img:before {content:''; position:absolute; left:6px; top:0; height:495px; border-left:3px dotted #3389ff;}
.pop_wrap .homework_area .line_img li {margin-top:56px; padding-left:40px; position:relative;}
.pop_wrap .homework_area .line_img li:before {content:''; position:absolute; left:0; top:0; width:9px; height:9px; background:#fff; border:3px solid #3389ff; border-radius:9px; }
.pop_wrap .homework_area .line_img li:first-child {margin-top:0;}
.pop_wrap .homework_area .line_img li:after{content:''; display:block; clear:both;}
.pop_wrap .homework_area .line_img li p {float:left; width:260px; font-size:18px; line-height:1.6; letter-spacing:-1.9px; color:#343434;}
.pop_wrap .homework_area .line_img li .img_right {float:right;}
.pop_wrap .homework_area .line_img li .img_right img {width:262px;}
.pop_wrap .homework_area .btn_close {position:absolute; right:40px; top:40px;}
.pop_wrap .homework_area .btn_close img {width:40px;}


body.sub {background:#fafafa;}
.agree_wrap {width:714px; margin:0 auto; padding-top:138px; text-align:center; padding-bottom:204px;}
.agree_wrap .logo {}
.agree_wrap .logo img {width:196px;}
.agree_wrap .agree_top {margin-top:94px; box-sizing:border-box; width:100%; background:#fff; border-radius:6px; border: solid 1px #EEF1F6; padding:60px 50px 80px; text-align:left;}
.agree_wrap .agree_top h1 {font-size:30px; font-weight:bold; line-height:1.5; color:#343434; letter-spacing: -1.5px;}
.agree_wrap .agree_top .check_area {margin-top:50px;}
.agree_wrap .agree_top .check_area input[type=checkbox] {background:url('../../images/common/icon_checkbox.png') no-repeat; background-size:24px 24px; width:24px; height:24px; display:inline-block; vertical-align:top;}
.agree_wrap .agree_top .check_area input[type=checkbox]:checked {background:url('../../images/common/icon_checkbox_on.png') no-repeat; background-size:24px 24px;}
.agree_wrap .agree_top .check_area label {font-size:16px; line-height:1.4; letter-spacing:-0.48px; color:#676a6d; display:inline-block; vertical-align:top; margin-left:15px;}
.agree_wrap .agree_top .check_area label strong {font-size:20px; line-height:1.5; letter-spacing:-0.6px; color:#343434;}
.agree_wrap .agree_area {margin-top:50px; padding-top:50px; border-top:1px solid #e7ecf3;}
.agree_wrap .agree_area li {margin-top:32px; position:relative;}
.agree_wrap .agree_area li:first-child {margin-top:0;}
.agree_wrap .agree_area li input[type=checkbox] {background:url('../../images/common/icon_checkbox.png') no-repeat; background-size:24px 24px; width:24px; height:24px; display:inline-block; vertical-align:top;}
.agree_wrap .agree_area li input[type=checkbox]:checked {background:url('../../images/common/icon_checkbox_on.png') no-repeat; background-size:24px 24px;}
.agree_wrap .agree_area li label {font-size:18px; line-height:1.67; letter-spacing:-0.54px; color:#343434; display:inline-block; vertical-align:top; margin-left:15px;}
.agree_wrap .agree_area li a {position:absolute; right:0; top:50%; background:url('../../images/common/icon_right_arrow.png') 100% center no-repeat; background-size:10px 18px; display:block; width:10px; height:18px; font-size:0; line-height:0; margin-top:-9px;}
.agree_wrap .btn_area {margin-top:80px; font-size:0;}
.agree_wrap .btn_area a {display:inline-block; text-align:center; display:inline-block; height:56px; border-radius:4px; margin:0 10px; width:192px;}
.agree_wrap .btn_area a.btn_cancel {border:1px solid #3389ff; font-size:20px; font-weight:500; line-height:54px; letter-spacing: -0.6px; color:#3389ff;}
.agree_wrap .btn_area a.btn_agree {font-size:20px; font-weight:500; line-height:54px; letter-spacing: -0.6px; color:#fff; background:#3389ff;}
.agree_wrap .btn_area a.btn_agree.disabled {background:#acafb4; border-color:#acafb4;}


.service_text {background:#fff; width:714px; border-radius:6px; padding:50px 40px 70px; position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0) scale(1); -webkit-transform:translate3d(-50%, -50%, 0) scale(1); -ms-transform:translate3d(-50%, -50%, 0) scale(1);}
.service_text h2 {font-size:30px; line-height:1.5; letter-spacing: -1.5px; color:#343434; font-weight:700;}
.service_text .text_area {overflow-y:auto; font-size:14px; font-weight:300; letter-spacing: -0.7px; color:#5c5c5c; line-height:1.43; height:500px; margin-top:50px;}
.service_text .text_area::-webkit-scrollbar {
  width:6px;
  background:#fff;
}
.service_text .text_area::-webkit-scrollbar-thumb {
  background-color: #cacaca;
  border-radius:4px;
}
.service_text .text_area::-webkit-scrollbar-track {
  background-color:#fff;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}
.service_text .text_area strong {font-size:18px; font-weight:500; letter-spacing: -0.9px; color:#5c5c5c; display:block;}
.service_text .btn_close {position:absolute; right:30px; top:40px;}
.service_text .btn_close img {width:40px;}

.member_input {margin-top:94px; box-sizing:border-box; width:100%; background:#fff; border-radius:6px; border: solid 1px #EEF1F6; padding:60px 50px 80px; text-align:left;}
.member_input h2 {font-size:30px; font-weight:bold; line-height:1.5; color:#343434; letter-spacing: -1.5px;}
.member_input .sub_text {font-size:18px; line-height:1.6; letter-spacing: -0.54px; color: #343434; margin-top:40px;}
.member_input .input_div {padding-top:4px;}
.member_input .input_div:after{content:''; display:block; clear:both;}
.member_input .input_div li {margin-top:50px; float:left; width:100%;}
.member_input .input_div li.half {width:50%;}
.member_input .input_div li strong {font-size:18px; font-weight:500; line-height:1.6; letter-spacing: -0.54px; color:#343434;}
.member_input .input_div li strong span {color:#3389ff;}
.member_input .input_div li .input_fild .input_area input::placeholder {color:#acafb4; font-weight:16px;}
.member_input .input_div li .input_fild {margin-top:18px;}
.member_input .input_div li .input_fild .input_area {position:relative;}
.member_input .input_div li .input_fild .input_area input {width:100%; box-sizing:border-box; border:1px solid #dde3eb; background:#fff; height:50px; padding:0 14px; font-size:16px; line-height:48px; color:#343434; border-radius:4px;}
.member_input .input_div li .input_fild .input_area input:focus {border-color:#3389ff;}
.member_input .input_div li .input_fild .input_area.two_size input {width:420px;}
.member_input .input_div li .input_fild .input_area button {width:176px; height:50px; border-radius:4px; background:#3389ff; font-size:16px; font-weight:500; color:#fff; letter-spacing: -0.8px; position:absolute; right:0; top:0;}
.member_input .input_div li .input_fild .input_area .time {font-size:16px; line-height:50px; color:#3389ff;  position:absolute; right:16px; top:0;}
.member_input .input_div li .input_fild .input_area + .input_area {margin-top:14px;}
.member_input .input_div li .input_fild .input_area.three_size {font-size:0; line-height:0;}
.member_input .input_div li .input_fild .input_area.three_size > span {width:199px; box-sizing:border-box; border:1px solid #dde3eb; background:#fff; height:50px; padding:0 14px; font-size:16px; line-height:48px; color:#acafb4; border-radius:4px; text-align:center; display:inline-block; font-size:0; position:relative; margin-right:7px;}
.member_input .input_div li .input_fild .input_area.three_size > span:last-child {margin-right:0;}
.member_input .input_div li .input_fild .input_area.three_size > span input {border:0; padding:0; height:48px; text-align:center;}
.member_input .input_div li .input_fild .input_area.three_size > span .text {position:absolute; right:13px; top:0; font-size:16px; font-weight:500; line-height:50px; letter-spacing: -0.48px; color: #343434;}
.member_input .input_div li .input_fild .input_area.two_sex {}
.member_input .input_div li .input_fild .input_area.two_sex:after{content:''; display:block; clear:both;}
.member_input .input_div li .input_fild .input_area.two_sex button {float:left; width:50%; text-align:center; height:50px; border:1px solid #dde3eb; position:static; background:#fff; color:#acafb4; position:relative;}
.member_input .input_div li .input_fild .input_area.two_sex button.on {color:#3389ff; border-color:#3389ff; z-index:2;}
.member_input .input_div li .input_fild .input_area.two_sex button:first-child {margin-left:-1px; border-top-right-radius:0; border-bottom-right-radius:0;}
.member_input .input_div li .input_fild .input_area.two_sex button:last-child {margin-left:-1px; border-top-left-radius:0; border-bottom-left-radius:0;}
.member_input .input_div li .input_fild .input_area.area_select {}
.member_input .input_div li .input_fild .input_area.area_select:after{content:''; display:block; clear:both;}
.member_input .input_div li .input_fild .input_area.area_select button {float:left; width:145px; text-align:center; height:50px; border:1px solid #dde3eb; position:static; background:#fff; color:#acafb4; margin-right:10px; margin-top:14px;}
.member_input .input_div li .input_fild .input_area.area_select button.on {color:#3389ff; border-color:#3389ff;}
.member_input .input_div li .input_fild .input_area.area_select button:nth-child(1) {margin-top:0;}
.member_input .input_div li .input_fild .input_area.area_select button:nth-child(2) {margin-top:0;}
.member_input .input_div li .input_fild .input_area.area_select button:nth-child(3) {margin-top:0;}
.member_input .input_div li .input_fild .input_area.area_select button:nth-child(4) {margin-top:0;}
.member_input .input_div li .input_fild .input_area.area_select button:nth-child(4n) {margin-right:0;}
.member_input .input_div li.half .input_fild .input_area input {width:95%;}

.login_wrap {width:480px; margin:0 auto; padding-top:5%;}
.login_wrap:after{content:''; display:block; clear:both;}
.login_wrap .img_fild {width:480px; float:left;}
.login_wrap .img_fild img {width:100%;}
.login_wrap .box_fild {box-sizing:border-box; width:480px; padding:60px 50px 80px; background:#fff; border-radius:6px; background:#fff; border: solid 1px #eef1f6; height:684px; float:left;}
.login_wrap h1 {font-size:30px; font-weight:bold; color:#343434; line-height:1.5; letter-spacing: -1.5px;}
.login_wrap .input_fild {padding-top:24px;}
.login_wrap .input_fild li {margin-top:26px;}
.login_wrap .input_fild strong {display:block; font-size:16px; line-height:1.58; color: #676a6d;}
.login_wrap .input_fild .input_area {position:relative; margin-top:10px;}
.login_wrap .input_fild .input_area input::placeholder {color:#acafb4; font-weight:16px;}
.login_wrap .input_fild .input_area input {width:100%; box-sizing:border-box; border:1px solid #dde3eb; background:#fff; height:48px; padding:0 14px; font-size:16px; line-height:46px; color:#343434; border-radius:4px;}
.login_wrap .input_fild .input_area input:focus {border:1px solid #3389ff;}
.login_wrap .input_fild .input_area input::placeholder {color:#acafb4; font-weight:16px;}
.login_wrap .input_fild .btn_login {border:1px solid #EEF1F6; font-size:20px; font-weight:500; line-height:54px; letter-spacing: -0.6px; color:#fff; background:#3389ff; display:block; border-radius:4px; text-align:center;}
.login_wrap .input_fild .btn_login.disabled {background:#acafb4; border-color:#acafb4;}
.login_wrap .btn_area {margin-top:23px; text-align:left; position:relative; padding-left:65px;}
.login_wrap .btn_area:after {content:''; width:1px; height:16px; background:#e7e7e7; position:absolute; top:50%; margin-top:-8px; left:52%;}
.login_wrap .btn_area a {display:inline-block; margin:0 90px 0 0; font-size:16px; font-weight:500; line-height:1.38; letter-spacing: -0.48px; color: #676a6d;}
.login_wrap .btn_area a:last-child {margin:0;}
.login_wrap .kakao_login {margin-top:62px;}
.login_wrap .kakao_login a {display:block; border-radius:4px; background:#ffe600 url('../../images/common/bg_kakao.png') 26px 20px no-repeat; background-size:22px 21px; height:58px; font-size:18px; line-height:58px; color:#3c1e20; letter-spacing: -0.9px; text-align:center;}

.company_area {padding-top:816px;}
.company_area > div {position:relative;}
.company_area .mobile_text {display:none;}
.company_area .in_side {width:1200px; margin:0 auto; position:relative;}
.company_area .top_area {background:url('../../images/company/img_company01.png') center top no-repeat; background-size:100% auto; margin:0 auto; position:fixed; left:0; top:0; width:100%; height:816px;}
.company_area .top_area .text_area {padding-top:280px; box-sizing:border-box; height:816px;}
.company_area .top_area .text_area h2 {font-size:42px; font-weight:500; line-height:1.4; letter-spacing: -2.1px; color:#fff; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .top_area .text_area p {font-size:18px; line-height:1.6; color:#fff; letter-spacing: -0.54px; opacity:0.9; margin-top:24px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .top_area .text_area .btn_area {margin-top:80px; font-size:0; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

.company_area .top_area.view-sec .text_area h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.company_area .top_area.view-sec .text_area p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.company_area .top_area.view-sec .text_area .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.company_area .top_area .text_area .btn_area a {width:230px; display:inline-block; height:56px; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 40px 0 rgba(52, 52, 52, 0.4); text-align:center; font-size:20px; font-weight:500; letter-spacing: -0.6px; color:#fff; line-height:54px; margin-right:30px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.company_area .top_area .text_area .btn_area a:hover {transform:translate3d(0, -5px, 0) scale(1); -webkit-transform:translate3d(0, -5px, 0) scale(1); -ms-transform:translate3d(0, -5px, 0) scale(1);}
.company_area .icon {position:absolute; bottom:62px; left:50%; margin-left:-18px;}
.company_area .icon img {width:36px;}

.company_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:none;}
@-webkit-keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

@keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

.company_area .history {background:#fff; padding-top:120px; padding-bottom:80px;}
.company_area .history h2 {font-size:36px; font-weight:700; color:#343434; line-height: 1.5; letter-spacing: -1.8px; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .history.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.company_area .history ul {margin-top:60px; position:relative;}

/* .company_area .history ul:before {content:''; position:absolute; left:6px; top:4px; height:1065px; border-right:2px dotted #3d5575;} */
.company_area .history ul:before {content:''; position:absolute; left:6px; top:4px; height:1348px; border-right:2px dotted #3d5575;}

.company_area .history ul li {padding-left:52px; height:150px; position:relative; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); opacity:0;  transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
.company_area .history ul li.view-sec {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
.company_area .history ul li:before {content:''; position:absolute; left:0; top:4px; width:9px; height:9px; background:#fff; border:solid 3px #3d5575; border-radius:10px;}
.company_area .history ul li:after{content:''; display:block; clear:both;}
.company_area .history ul li > span {float:left; width:100px; font-size:18px; line-height:1.6; color:#3d5575; text-align:right;}
.company_area .history ul li > div {margin-top:12px; float:left; width:100%;}
.company_area .history ul li > div:after{content:''; display:block; clear:both;}
.company_area .history ul li > div span {font-size:16px; line-height:1.23; letter-spacing: -0.48px; color: #3d5575;  display:block; width:100px; text-align:right; float:left;}
.company_area .history ul li > div strong {float:left; margin-left:28px; font-size:16px; line-height:1.23; letter-spacing: -0.48px; color: #676a6d; display:block;}
.company_area .history ul li > strong {float:left; margin-left:28px; font-size:18px; line-height:1.6; letter-spacing: -0.54px; color:#343434; font-weight:500;}

.company_area .ci_area {background:#fcfcfd; padding:120px 0 210px;}
.company_area .ci_area h2 {font-size:36px; font-weight:700; color:#343434; line-height: 1.5; letter-spacing: -1.8px; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .ci_area .btn_area {margin-top:52px; font-size:0; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .ci_area .btn_area a {width:210px; height:56px; box-sizing:border-box; border-radius:4px; border: solid 1px #3d5575; background-color: #ffffff; font-size:20px; font-weight:500; line-height:54px; letter-spacing: -0.6px; display:inline-block; text-align:center; margin-right:20px; color:#3d5575;}
.company_area .ci_area .img_down {margin-top:80px; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.company_area .ci_area .img_down:after{content:''; display:block; clear:both;}
.company_area .ci_area .img_down div {float:left; width:590px;}
.company_area .ci_area .img_down div img {width:590px;}
.company_area .ci_area .img_down div:last-child {float:right;}
.company_area .ci_area .img_down div span {font-size:20px; line-height:2.19; color: #676a6d;  display:inline-block; margin-top:6px;}
.company_area .bg_area {background:url('../../images/company/img_company02.png') center top no-repeat; background-size:100% auto; height:500px;}

.company_area .ci_area.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.company_area .ci_area.view-sec .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.company_area .ci_area.view-sec .img_down {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.adc_area { margin:0 auto; padding-top:816px;}
.adc_area .inside {width:1200px; margin:0 auto; position:relative;}
.adc_area .mobile_text {display:none;}
.adc_area .in_side {width:1200px; margin:0 auto; position:relative;}
.adc_area .top_area {background:url('../../images/adc/img_adc01.png') center top no-repeat; background-size:100% auto; position:fixed; left:0; top:0; width:100%;}
.adc_area .top_area .text_area {padding-top:286px; box-sizing:border-box; height:816px;}
.adc_area .top_area .text_area h2 {font-size:42px; font-weight:500; line-height:1.4; letter-spacing: -2.1px; color:#fff; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .top_area .text_area p {font-size:18px; line-height:1.6; color:#fff; letter-spacing: -0.54px; opacity:0.9; margin-top:26px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .top_area .text_area .btn_area {margin-top:92px; font-size:0; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .top_area .text_area .btn_area a {width:250px; display:inline-block; height:56px; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 40px 0 rgba(52, 52, 52, 0.4); text-align:center; font-size:20px; font-weight:500; letter-spacing: -0.6px; color:#fff; line-height:54px; margin-right:30px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; padding-left:26px; box-sizing:border-box;  text-align:left; background:url('../../images/common/icon_arrow_white.png') 208px 50% no-repeat; background-size:16px 16px;}
.adc_area .top_area .text_area .btn_area a:hover {transform:translate3d(0, -5px, 0) scale(1); -webkit-transform:translate3d(0, -5px, 0) scale(1); -ms-transform:translate3d(0, -5px, 0) scale(1);}

.adc_area .top_area.view-sec .text_area h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .top_area.view-sec .text_area p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .top_area.view-sec .text_area .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.adc_area .icon {position:absolute; bottom:62px; left:50%; margin-left:-18px;}
.adc_area .icon img {width:36px;}

.adc_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:none;}
@-webkit-keyframes mousePop {
  0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
  50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
  100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

@keyframes mousePop {
  0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
  50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
  100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

.adc_area .mid_adc {padding:268px 0 240px; background:#fff; position:relative; overflow:hidden;}
.adc_area .mid_adc p {font-size:36px; font-weight:500; line-height:1.6; letter-spacing: -1.8px; color:#343434; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.adc_area .mid_adc p strong {color:#14417b; font-weight: 700;}
.adc_area .mid_adc .textfild span {display:inline-block; margin-top:59px; font-size:16px; line-height:1.4; color:#83878c; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(-50px, 0, 0) scale(1); -webkit-transform:translate3d(-50px, 0, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.adc_area .mid_adc .phone {position:absolute; top:-123px; left:750px; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .mid_adc .phone img {width:340px;}

.adc_area .mid_adc.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .mid_adc.view-sec .textfild span {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .mid_adc.view-sec .phone {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.adc_area .card_adc {padding:230px 0 250px; background:#3d5575; position:relative; overflow:hidden;}
.adc_area .card_adc h2 {font-size:36px; font-weight:700; color:#fff; line-height:1.5; letter-spacing: -1.8px; text-align:center; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .card_adc ul {margin-top:70px;}
.adc_area .card_adc ul:after{content:''; display:block; clear:both;}
.adc_area .card_adc ul li {float:left; width:350px; margin-right:75px; background:#fff; border-radius:10px; border-bottom-left-radius:0; padding:34px 34px 54px; box-sizing:border-box; height:400px;}
.adc_area .card_adc ul li:last-child {margin-right:0;}
.adc_area .card_adc ul li:nth-child(1) {transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .card_adc ul li:nth-child(2) {transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .card_adc ul li:nth-child(3) {transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .card_adc ul li strong {font-size:36px; line-height:48px; letter-spacing: 0.72px; color: #14417b;}
.adc_area .card_adc ul li h3 {font-size:24px; line-height:1.4; font-weight:bold; letter-spacing: -1.2px; color: #14417b; margin-top:8px;}
.adc_area .card_adc ul li p {font-size:18px; line-height:1.5; font-weight:normal; letter-spacing: -0.9px; color: #343434; margin-top:72px;}
.adc_area .card_adc.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .card_adc.view-sec ul li {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.adc_area .etc_adc {padding:205px 0 225px; background:linear-gradient(to bottom, #ffffff 18%, #f8f9fa);; position:relative; overflow:hidden;}
.adc_area .etc_adc .textfild {}
.adc_area .etc_adc .textfild h2 {font-size:36px; font-weight:700; color:#343434; line-height:1.5; letter-spacing: -1.8px; text-align:center; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .etc_adc .textfild p {font-size:20px; line-height:1.44; letter-spacing: -0.6px; color: #676a6d; text-align:center; margin-top:12px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .etc_adc .card {width:1080px; margin:0 auto; padding-top:40px; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .etc_adc .card ul:after{content:''; display:block; clear:both;}
.adc_area .etc_adc .card ul li {float:left; width:500px; border-radius:10px; background:#fff; overflow:hidden; margin-top:60px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; box-shadow: 0 0 70px 0 #dde3eb;}
.adc_area .etc_adc .card ul li:nth-child(2n) {float:right;}
.adc_area .etc_adc .card ul li:hover {transform:translate3d(0, 0, 0) scale(1.02); -webkit-transform:translate3d(0, 0, 0) scale(1.02); -ms-transform:translate3d(0, 0, 0) scale(1.02);}
.adc_area .etc_adc .card ul li dt {height:280px; background:#3d5575;}
.adc_area .etc_adc .card ul li:nth-child(1) dt {background:#3d5575;}
.adc_area .etc_adc .card ul li:nth-child(2) dt {background:#3d4875;}
.adc_area .etc_adc .card ul li:nth-child(3) dt {background:#437277;}
.adc_area .etc_adc .card ul li:nth-child(4) dt {background:#3b6d87;}
.adc_area .etc_adc .card ul li dt img {width:100%;}
.adc_area .etc_adc .card ul li dd {padding:30px;}
.adc_area .etc_adc .card ul li dd h3 {font-size:24px; font-weight:700; line-height:1.46; letter-spacing: -1.2px; color: #343434;}
.adc_area .etc_adc .card ul li dd p {margin-top:12px; font-size:16px; line-height:1.6; letter-spacing: -0.48px; color: #343434;}
.adc_area .etc_adc .card ul li dd span {display:inline-block; font-size:16px; font-weight:500; color:#3389ff; line-height:1.5; letter-spacing: -0.64px; margin-top:23px; padding-right:15px; background:url('../../images/common/icon_arrow_blue.png') right center no-repeat; background-size:5px 10px;}
.adc_area .etc_adc .btn {display:none;}
.adc_area .etc_adc.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .etc_adc.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .etc_adc.view-sec .card {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}

.adc_area .bot_adc {padding-top:144px; box-sizing:border-box; height:580px; background:url('../../images/adc/img_adc02.png') center top no-repeat; background-size:100% auto;}
.adc_area .bot_adc .textfild h2 {font-size:42px; font-weight:500; line-height:1.4; letter-spacing: -2.1px; color:#fff; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .bot_adc .textfild p {font-size:18px; line-height:1.6; color:#fff; letter-spacing: -0.54px; opacity:0.9; margin-top:26px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.adc_area .bot_adc .textfild .btn_area {margin-top:114px; font-size:0; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

.adc_area .bot_adc.view-sec .textfild h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .bot_adc.view-sec .textfild p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.adc_area .bot_adc.view-sec .textfild .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.adc_area .bot_adc .textfild .btn_area a {width:250px; display:inline-block; height:56px; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 40px 0 rgba(52, 52, 52, 0.4); text-align:center; font-size:20px; font-weight:500; letter-spacing: -0.6px; color:#fff; line-height:54px; margin-right:30px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; padding-left:26px; box-sizing:border-box;  text-align:left; background:url('../../images/common/icon_arrow_white.png') 208px 50% no-repeat; background-size:16px 16px;}
.adc_area .bot_adc .textfild .btn_area a:hover {transform:translate3d(0, -5px, 0) scale(1); -webkit-transform:translate3d(0, -5px, 0) scale(1); -ms-transform:translate3d(0, -5px, 0) scale(1);}

.content_area {padding-top:876px;}
.content_area > div {position:relative;}
.content_area .icon {display:none;}
.content_area .in_side {width:1200px; margin:0 auto;}
.content_area .top_area {background:url('../../images/content/img_content01.png') center top no-repeat; background-size:100% auto; margin:0 auto; height:876px; position:fixed; left:0; top:0; width:100%;}
.content_area .top_area ul {padding-top:250px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .top_area ul:after{content:''; display:block; clear:both;}
.content_area .top_area ul li {float:left; text-align:center; position:relative; box-sizing:border-box; padding:0 58px;}
.content_area .top_area ul li:after {content:''; width:1px; height:88px; background:#fff; position:absolute; right:0; top:50%; margin-top:-44px; opacity:0.5;}
.content_area .top_area ul li strong {font-size:52px; font-weight:500; line-height:1.31; color:#fff; display:block;}


/*  ����  ������ �����Ͻ� ����    */
.content_area .top_area .in_side ul{text-align: center !important}

/*  ����  ������ �����Ͻ�  ��Ʈ    */
.content_area .top_area ul li strong {font-size:46px; font-weight:500; line-height:1.31; color:#fff; display:block;}

.content_area .top_area ul li:nth-child(1) {padding-left:0;}
.content_area .top_area ul li:nth-child(4) {padding-right:0;}
.content_area .top_area ul li:nth-child(4):after {display:none;}
.content_area .top_area ul li span {font-size:18px; font-weight:normal; line-height:1.5; letter-spacing: -0.54px; color: #edeff3; display:block; margin-top:7px;}
.content_area .top_area p {margin-top:140px; font-size:38px; font-weight:500; line-height:1.4; letter-spacing: -1.9px; color:#fff; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .top_area a {display:inline-block; margin-top:50px; width:240px; box-sizing:border-box; padding-left:26px; height:60px; line-height:60px; font-size:22px; font-weight:500; letter-spacing:-1.1px; color:#fff; background:#14417B url('../../images/common/icon_arrow_white.png') 198px center no-repeat; background-size:16px 16px; border-radius:6px; transition:all 1.4s 1.2s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s 1.2s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s 1.2s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(-50px, 0, 0) scale(1);}
.content_area .icon {position:absolute; bottom:62px; left:50%; margin-left:-18px;}
.content_area .icon img {width:36px;}

.company_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:none;}
@-webkit-keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

@keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
}

.content_area .top_area.view-sec ul {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .top_area.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .top_area.view-sec a {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.content_area .platform {padding:180px 0 300px; background:#fff;}
.content_area .platform h2 {font-size:36px; font-weight:700; color:#343434; line-height:1.5; letter-spacing: -1.8px; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .platform p {font-size:20px; line-height:1.44; letter-spacing: -0.6px; color: #676a6d; margin-top:12px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .platform .cont_ul {margin-top:170px; font-size:0; line-height:0; text-align:center; transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .platform .cont_ul li {display:inline-block; margin:0 140px;}
.content_area .platform .cont_ul li dt img {width:282px;}
.content_area .platform .cont_ul li dd {padding:47px 13px 0; text-align:center; width:282px;}
.content_area .platform .cont_ul li dd strong {font-size:24px; font-weight:bold; line-height:1.46; letter-spacing: -1.2px; color:#343434;}
.content_area .platform .cont_ul li dd p {font-size:18px; line-height:1.4; letter-spacing: -0.54px; color:#676a6d; margin-top:12px;}
.content_area .platform .cont_ul li dd span {display:block; margin-top:32px; font-size:16px; line-height:1.5; letter-spacing: -0.48px; color: #14417b;}

.content_area .platform.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .platform.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .platform.view-sec .cont_ul {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

.content_area .card_area {padding:230px 0 280px; background:#f8f9f9;}
.content_area .card_area h2 {font-size:36px; font-weight:700; color:#343434; line-height:1.5; letter-spacing: -1.8px; text-align:center; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .card_area ul {margin-top:200px;}
.content_area .card_area ul:after{content:''; display:block; clear:both;}
.content_area .card_area ul li {float:left; width:362px; margin-right:57px; position:relative; }
.content_area .card_area ul li > span {position:absolute; left:0; top:-42px; padding:0 28px 0 18px; background:url('../../images/content/icon_bg.png') right top no-repeat; background-size:auto 42px; font-size:18px; line-height:42px; color:#fff; letter-spacing: -0.54px;
 font-weight:500; border-top-left-radius:4px;}
.content_area .card_area ul li:last-child {margin-right:0;}
.content_area .card_area ul li:nth-child(1) {transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .card_area ul li:nth-child(2) {transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .7s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .card_area ul li:nth-child(3) {transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
.content_area .card_area ul li dl {border-radius:6px; overflow:hidden; background:#fff; border-top-left-radius:0;}
.content_area .card_area ul li dt img {width:100%;}
.content_area .card_area ul li dd {padding:30px 30px 40px; }
.content_area .card_area ul li dd strong {font-size:18px; line-height:1.6; font-weight:bold; letter-spacing: -0.54px; color: #14417b;}
.content_area .card_area ul li dd p {font-size:16px; line-height:1.4; letter-spacing: -0.48px; color: #676a6d; margin-top:10px;}

.content_area .card_area.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .card_area.view-sec ul li:nth-child(1) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .card_area.view-sec ul li:nth-child(2) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
.content_area .card_area.view-sec ul li:nth-child(3) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


.btn_more_center {margin-top:105px; text-align:center;}
.btn_more_center button {width:384px; height:60px; border-radius:6px; border:1px solid #3389ff; font-size:20px; font-weight:500; line-height:58px; color:#3389ff; letter-spacing:-1px;}









@media all and (min-width:1201px) and (max-width:1920px) {
	.company_area .top_area {background:url('../../images/company/img_company01.png') center top no-repeat; background-size:1920px auto;}
	.adc_area .top_area {background:url('../../images/adc/img_adc01.png') center top no-repeat; background-size:1920px auto;}
	.content_area .top_area {background:url('../../images/content/img_content01.png') center top no-repeat; background-size:1920px auto;}
	.company_area .bg_area {background:url('../../images/company/img_company02.png') center top no-repeat; background-size:1920px auto;}
  .adc_area .bot_adc {background:url('../../images/adc/img_adc02.png') center top no-repeat; background-size:1920px auto;}
}



@media all and (min-width:1px) and (max-width:1200px) {
	 .btn_more_center {margin:50px 15px 0 15px; text-align:center;}
.btn_more_center button {width:100%; height:50px; border-radius:6px; border:1px solid #3389ff; font-size:16px; font-weight:500; line-height:48px; color:#3389ff; letter-spacing:-0.8px;}
  #wrap {overflow-x:hidden; position:relative;}
	.pc_view {display:none !important;}
	.mo_view {display:block !important;}
	.header {height:50px;}
	.header:after {content:''; display:block; clear:both;}
	.header .head {width:auto; margin:0 auto;}
	.header .head h1 {float:left; padding:18px 0 0 16px;}
	.header .head h1 a {display:block; width:98px; height:14px; background:url('../../images/common/logo.gif') no-repeat; background-size:98px 14px;}
	.header .head .mobile_btn {display:block; float:right; width:18px; height:16px; background:url('../../images/common/btn_mobile_open_w.png') no-repeat; background-size:18px 16px; margin:16px; font-size:0; line-height:0;}	
	.header .head .gnb {float:none; margin-left:0px; margin-top:26px;}
	.header .head .gnb li {float:none; height:50px;}
	.header .head .gnb li a {font-size:18px; line-height:50px; letter-spacing:-0.72px; color:#343434; font-weight:500; padding:0; display:block; opacity:0.9; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.header .head .gnb li a:hover {opacity:1;}
	.header .head .subgnb {float:none; margin-top:10px;}
	.header .head .subgnb li {float:none;}
	.header .head .subgnb li a {font-size:18px; line-height:50px; letter-spacing:-0.72px; color:#343434; font-weight:500; padding:0; display:block; position:relative;  opacity:1; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.header .head .subgnb li.bg a {position:relative;}
	.header .head .subgnb li.bg a:after {content:''; background:url('../../images/common/icon_menu.png') right center no-repeat; background-size:22px; width:22px; height:22px; position:absolute; right:0; top:50%; margin-top:-11px; left:auto;}
	.header .head .subgnb li a:hover {opacity:1;}
	.header .head .subgnb li a:after {content:''; width:1px; height:14px; background:#fff; opacity:0.5; position:absolute; left:0; top:50%; margin-top:-7px;}
	.header .head .subgnb li:first-child a:after {display:block;}
	.header .head .subgnb li.country {position:relative;}
	.header .head .subgnb li.country > a {padding-right:15px; display:none;}
	.header .head .subgnb li.country > a:before {content:''; width:7px; height:6px; position:absolute; right:0; top:50%; margin-top:-2px; background:url('../../images/common/icon_select_off.png') no-repeat; background-size:;}
	.header .head .subgnb li.country.open > a:before {background:url('../../images/common/icon_select_on.png') no-repeat; background-size:;}
	.header .head .subgnb li.country.open .abs_country {display:block;}
	.header .head .subgnb li.country .abs_country {position:relative; top:auto; width:auto; left:auto; margin-left:0px; background:#fff; padding:0px; border-radius:0px; box-shadow:none; display:block; margin-top:30px;}
	.header .head .subgnb li.country .abs_country a {font-size:14px; font-weight:500; line-height:1.36; color:#83878c; margin-top:0; display:inline-block; width:auto; text-align:center; padding:0 16px; position:relative;}
	.header .head .subgnb li.country .abs_country a:after {position:absolute; left:0; top:50%; height:19px; background:#d6d6d6; width:1px; margin-top:-10px;}
	.header .head .subgnb li.country .abs_country a:first-child {margin-top:0; padding-left:0;}
	.header .head .subgnb li.country .abs_country a:first-child:after {display:none;}
	.header .head .subgnb li.country .abs_country a:hover {color:#83878c;}
	.header .head .subgnb li.country .abs_country a.on {color:#83878c; font-weight:700;}

	.main .header .head .mobile_logo {display:block; width:98px; height:14px; background:url('../../images/common/logo_white.png') no-repeat; background-size:98px 14px; font-size:0; line-height:0; margin:2px 0 0 0;}
  .header .head .mobile_logo {display:block; width:98px; height:14px; background:url('../../images/common/logo_blue_tr.png') no-repeat; background-size:98px 14px; font-size:0; line-height:0; margin:2px 0 0 0;}
	.header .head .mobile_btn {display:block;}
	.header .head .app_down {display:block; font-size:18px; line-height:500; line-height:1.5; color:#3389ff; letter-spacing: -0.72px; width:100%; border-radius:4px; border:solid 1px #3389ff; background:#fff; line-height:56px; position:absolute; left:16px; top: 560px; width:calc(100% - 36px)}
	.header .head .app_down span {padding-right:24px; background:url('../../images/common/btn_app_down.png') right center no-repeat; background-size:15px;}
	.header .head .close_mobile {display:block; position:absolute; top:16px; right:16px; width:16px; height:16px; background:url('../../images/common/btn_mobile_close.png') no-repeat; background-size:16px; font-size:0; line-height:0;}

	.header .head .pc_wrap {display:none;}
	.header .head .mobile_wrap {display:block;}
	.header .head .mid_gnb {display:block; padding-top:16px; border-top:1px solid #e7ecf3; border-bottom:1px solid #e7ecf3; padding-bottom:10px; margin-top:10px;}
	.header .head .mid_gnb a {font-size:16px; font-weight:500; line-height:44px; letter-spacing:-0.64px; color:#6f6f6f;}

	.header.no-bg .head h1 a {width:98px; height:14px; background:url('../../images/common/logo_white_tr.png') no-repeat; background-size:98px 14px;}
	.header.no-bg.white .head h1 a {width:98px; height:14px; background:url('../../images/common/logo_blue_tr.png') no-repeat; background-size:98px 14px;}
	.content_page .header.act .head h1 a {background:url('../../images/common/logo_blue_tr.png') no-repeat; background-size:98px 14px;}
	.content_page .header.act .head .mobile_btn {background:url('../../images/common/btn_mobile_open.png') no-repeat; background-size:18px 16px;}	

	.content_page .header .mobile_wrap {display:block;}
	.content_page .header .head {position:relative;}
	.content_page .header .head .abs_btn {display:none;}

  .content_page .header .head h1 {display:none;}
  .content_page .header.company .head h1 {display:block;}
  .content_page .header .head .text {width:200px; height:23px; background:url('../../images/common/text_content_mo.png') no-repeat; background-size:100% auto; float:left; margin:14px 0 0 16px;}
  .content_page .header.act .head .text {width:200px; height:23px; background:url('../../images/common/text_content_blue_mo.png') no-repeat; background-size:100% auto; float:left; margin:14px 0 0 16px;}

	.sub_cont .header .head .ad {width:27px; height:21px; background:url('../../images/adc/img_text_ad.png') no-repeat; background-size:100% auto; float:left; margin:14.5px 0 0 12px;}
  .sub_cont .header.white .head .ad {width:27px; height:21px; background:url('../../images/adc/img_text_ad_on.png') no-repeat; background-size:100% auto; float:left; margin:14.5px 0 0 12px;}


	.header.white {background:#fff;}
	.header.white .head h1 a {background:url('../../images/common/logo_blue_tr.png') no-repeat; width:98px; height:14px; background-size:98px 14px;}
  .main .header.white .head h1 a {background:url('../../images/common/logo_white.png') no-repeat; width:98px; height:14px; background-size:98px 14px;}
	.header.white .head .subgnb {float:none;}
	.header.white .head .subgnb li {float:none;}
	.header.white .head .subgnb li a {color:#343434;}
	.header.white .head .subgnb li.country .abs_country {position:relative; top:auto; width:auto; left:auto; margin-left:0px; background:#fff; padding:0px; border-radius:0px; box-shadow:none; display:block; margin-top:30px;}
	.header.white .head .subgnb li.country .abs_country a {font-size:14px; font-weight:500; line-height:1.36; color:#83878c; margin-top:0; display:inline-block; width:auto; text-align:center; padding:0 16px; position:relative;}
	.header.white .head .subgnb li.country .abs_country a:first-child {margin-top:0; padding-left:0;}
	.header.white .head .subgnb li.country .abs_country a:first-child:after {display:none;}
	.header.white .head .subgnb li.country .abs_country a:hover {color:#83878c;}
	.header.white .head .mobile_btn {background:url('../../images/common/btn_mobile_open.png') no-repeat; background-size:18px 16px;}	
	.header .head .mobile_wrap {position:absolute; right:-100%; top:0; height:100vh; background:#fff; width:80%; padding:16px; box-sizing:border-box; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s;}
	.header .head:after {position:fixed; left:0; width:100%; height:100%; top:0; background:#343434; opacity:0.9; left:-100%; transition:opacity .3s; -webkit-transition:opacity .3s; -ms-transition:opacity .3s; opacity:0;}
	.header .head.open_mobile:after {opacity:1; left:0;}
	.header .head.open_mobile .mobile_wrap {right:0; z-index:10;}

	.mainWrap {position:relative; z-index:1; padding-top:692px;}

	.mainWrap .in_side {width:auto; margin:0 16px; }


	.mainSection01 {padding-top:50px; box-sizing:border-box; overflow:hidden;}
	.mainSection01 .textarea {position:relative; left:0; top:0px; width:100%; padding-top:50px;}
	.mainSection01 .textarea p {font-size:24px; font-weight:500; line-height:1.28; letter-spacing: -1.2px; margin-top:0px; color:#fff; text-align:center;}
	.mainSection01 .textarea p strong {font-size:16px; font-weight:normal; line-height:1.92; letter-spacing: -0.48px; margin-top:0px; color:#fff; opacity:0.8;}
	.mainSection01 .in_side {height:100%; position:relative;}
	.mainSection01 span {width:577px; height:698px; position:absolute; right:0; top:153px;}
	.mainSection01 span img {width:100%;}
	.mainSection01 h2 {position:absolute; top:230px; left:0; width:100%; text-align:center; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection01 h2 img {width:108px;}
	.mainSection01 p {transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection01 .app_btn {opacity:0; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); border-radius: 4px; box-shadow: 0 10px 20px 0 rgba(52, 52, 52, 0.12); border: solid 1px #fff; font-size:18px; line-height:2.33; font-weight:500; letter-spacing: -0.9px; color:#fff; text-align:center; display:block; width:150px; margin:0 auto; margin-top:34px; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection01 span {width:200px; left:50%; top:281px; margin-left:-100px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
	.mainSection01 strong.coin01 {position:absolute; left:-30px; top:450px;}
	.mainSection01 strong.coin01 img {width:59px;}
	.mainSection01 strong.coin02 {position:absolute; right:-40px; top:200px;}
	.mainSection01 strong.coin02 img {width:95px;}
	.mainSection01.view-sec .app_btn {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}




	.mainSection02 {padding:40px 0 88px;  background-image: linear-gradient(to bottom, #ffffff 56%, rgba(248, 249, 251, 0.52));}
	.mainSection02 .in_side {padding:0 30px;}
	.mainSection02 ul li {float:none; width:100%; margin-right:0%;}
	.mainSection02 ul li > div { transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; border-radius: 10px; background:#fff; box-sizing:border-box; position:relative; padding:30px 22px 128px 22px; min-height:230px; text-align:left; box-shadow: 0 0 50px 0 #dde3eb; transition:none; -webkit-transition:none; -ms-transition:none; margin-top:50px;}
	.mainSection02 ul li > div:hover {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection02 ul li:last-child {margin-right:0;}
	.mainSection02 ul li h3 {font-size:16px; font-weight:700; line-height:1.44; color:#343434; letter-spacing:-0.8px;}
	.mainSection02 ul li h3 br {display:none;}
	.mainSection02 ul li p {font-size:14px; line-height:1.4; letter-spacing:-0.42px; color:#676a6d; margin-top:8px;}
	.mainSection02 ul li:nth-child(1) {transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
  .mainSection02.ones ul li:nth-child(1) {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection02 ul li:nth-child(2) {background-size:100%; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection02 ul li:nth-child(3) {background-size:100%;transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .9s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}

	.mainSection02 ul li:nth-child(1) > div {background:#fff url('../../images/main/img_sec02_bg01.png') left bottom no-repeat; background-size:100%; margin-top:0;}
	.mainSection02 ul li:nth-child(2) > div {background:#fff url('../../images/main/img_sec02_bg03.png') left bottom no-repeat; background-size:100%;}
	.mainSection02 ul li:nth-child(3) > div {background:#fff url('../../images/main/img_sec02_bg02.png') left bottom no-repeat; background-size:100%;}

	.mainSection02 ul li span.ribbon {position:absolute; left:0; top:-16px; height:30px; padding:0 25px 0 14px; background:#0857c3; font-size:12px; line-height:30px; color:#fff; font-weight:500;}
	.mainSection02 ul li span.ribbon:after {content:''; width:11px; height:30px; background:url('../../images/main/bg_sec02_ribbon.png') no-repeat ;background-size:11px 30px; position:absolute; right:-11px; top:0;}



	.mainSection03 {background:#fff; padding:80px 0 100px;}
	.mainSection03 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); padding:0 50px;}
	.mainSection03 ul {text-align:center; margin-top:35px;}
	.mainSection03 ul:after{content:''; display:block; clear:both;}
	.mainSection03 ul li {display:block; width:auto; margin:0px; font-size:0; line-height:0; text-align:center;}
	.mainSection03 ul li .img {height:auto; position:relative; width:auto; overflow:hidden; box-sizing:border-box;}
	.mainSection03 ul li .img img {width:212px;}
	.mainSection03 ul li strong {display:block; text-align:center; font-weight:700; font-size:18px; letter-spacing:-0.9px; color:#343434; line-height:36px; line-height:1.71; margin-top:30px;}
	.mainSection03 ul li p {font-size:14px; line-height:1.6; color:#676a6d; letter-spacing: -0.42px; margin-top:12px;}
	.mainSection03 ul li:nth-child(1) {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection03 ul li:nth-child(2) {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); margin-top:45px;}


	.mainSection04 {background:#f8f9fa; padding:74px 0 102px;}
	.mainSection04 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; width:auto; margin:0 auto; text-align:left; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); padding-bottom:18px; text-align:center;}
	.mainSection04 ul {margin-top:23px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection04 ul:after{content:''; display:block; clear:both;}
	.mainSection04 ul li {float:left; margin-right:36px; font-size:0; line-height:0;}
	.mainSection04 ul li img {width:154px;}
	.mainSection04 .slide02 {margin-left:-160px;}
	.mainSection04 .slick-arrow {display:none !important;}

	.mainSection05 {background:#fff; padding:80px 0 80px; overflow:hidden; position:relative;}
	.mainSection05 .in_side {margin:0;}
	.mainSection05 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection05 p.sub_text {font-size:14px; line-height:1.4; color:#676a6d; letter-spacing: -0.42px; margin-top:12px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); text-align:center;}
	.mainSection05 ul {padding-top:0px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); margin-top:50px;}
	.mainSection05 ul:after{content:''; display:block; clear:both;}
	.mainSection05 ul .slick-list {overflow:visible !important;}
	.mainSection05 ul li {width:256px !important; margin:0 10px; border-radius: 10px; background:#fff; padding:16px; box-sizing:border-box; box-shadow: 0 0 20px 0 #e7ecf3; float:left; margin-top:0px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; min-height:340px;}
	.mainSection05 ul li.slick-active {z-index:5;}
	.mainSection05 ul li:hover {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection05 ul li dt {border-bottom:1px solid #edeff3;}
	.mainSection05 ul li dt img {width:100%;}
	.mainSection05 ul li dd {padding-top:28px;}
	.mainSection05 ul li dd strong {font-size:16px; line-height:1.38; color:#343434; letter-spacing: -0.48px; font-weight:700;}
	.mainSection05 ul li dd p {font-size:14px; line-height:1.4; color:#676a6d; letter-spacing: -0.48px; margin-top:12px;}
	.mainSection05 ul li:nth-child(3n) {margin:0 10px;}
	.mainSection05 .slick-list {height:340px;}
  .mainSection05 .slick-arrow {display:none !important;}
	.mainSection05 .slick-dots {text-align:center; margin-top:40px;}
	.mainSection05 .slick-dots li {float:none; width:8px !important; height:8px; display:inline-block; padding:0; border-radius:0; box-shadow:none; min-height:0; margin:0 4px !important;}
	.mainSection05 .slick-dots li button {width:8px; height:8px; font-size:0; line-height:0; background:#e0eaf8; border-radius:4px;}
	.mainSection05 .slick-dots li.slick-active button {background:#3389ff;}


	.mainSection06 { background:#fff url('../../images/main/bg_sec06_mo.png') no-repeat; background-size:100% 100%; padding:80px 0 240px; position:relative;}
	.mainSection06 .in_text {transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection06 h2 {font-size:24px; line-height:1.5; color:#343434;  display:none;}
	.mainSection06 .num_text {margin-top:0px;}
	.mainSection06 .num_text p {font-size:20px; line-height:1.4; color:#343434; margin-top:16px; font-weight:500; text-align:center;}
	.mainSection06 .num_text p br {display:block;}
	.mainSection06 .num_text p strong {color:#3389ff; font-weight:700; font-size:30px; line-height:1.87;}
	.mainSection06 .num_text + span {display:block; font-size:14px; line-height:1.4; color:#83878c; margin-top:14px; text-align:center;}
	.mainSection06 .img_box {position:absolute; left:50%; top:auto; bottom:-240px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); margin-left:-136px;}
	.mainSection06 .img_box img {width:273px;}



	.mainSection07 {background:#f4f7fc; padding:80px 0 50px; position:relative;}
	.mainSection07:after {content:''; position:absolute; left:0; top:516px; height:150px; background:#f4f7fc; width:100%;}
	.mainSection07 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection07 .list {margin-top:380px; position:relative; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); padding-top:20px; text-align:center; z-index:5; height:150px;}
	.mainSection07 .list:after{content:''; display:block; clear:both;}
	.mainSection07 .list li {float:none; margin-right:20px; display:inline-block;}
	.mainSection07 .list li a {font-size:14px; line-height:1.43; letter-spacing:-0.42px; color:#83878c;}
	.mainSection07 .list li.on a {color:#343434;}
	.mainSection07 .list li.on p {opacity:1;}
	.mainSection07 .list li p {font-size:14px; line-height:1.4; letter-spacing:-0.42px; color:#676a6d; position:absolute; left:0; top:70px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; opacity:0; width:260px; left:50%; margin-left:-130px;}
	.mainSection07 .list li.bar {position:absolute; margin:0; left:138px; top:43px; width:78px; height:2px; background:#343434; transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); bottom:-10px;}


	.mainSection07 .phone {position:absolute; left:50%; bottom:auto; top:97px; width:178px; height:368px; padding:10px; transition:all .8s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .8s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .8s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); margin-left:-89px;}
	.mainSection07 .phone:after {content:''; position:absolute; width:178px; height:368px; background:url('../../images/main/img_phone.png') no-repeat; background-size:178px 368px; left:0; top:0; z-index:9;}
	.mainSection07 .phone ul {width:100%; height:100%; border-radius:10px; overflow:hidden; position:relative; background:#fff;}
	.mainSection07 .phone ul li {transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:1; transform:translate3d(100%, 0, 0) scale(1); -webkit-transform:translate3d(100%, 0, 0) scale(1); -ms-transform:translate3d(100%, 0, 0) scale(1); position:absolute; left:0; top:0; padding:0px;}
	.mainSection07 .phone ul li.set {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection07 .phone ul li.on {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); z-index:8;}
	.mainSection07 .phone ul img {width:100%;}



	.mainSection08 {background:#fff; padding:80px 0 100px; position:relative; box-sizing:border-box; height:auto;}
	.mainSection08 .in_side {position:relative; margin:0;}
	.mainSection08 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);   transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection08 .sub_text {font-size:14px; line-height:1.4; color:#676a6d; letter-spacing: -0.42px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);   transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); text-align:center; margin:0 16px; margin-top:14px;}
	.mainSection08 .slide_area {transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);   transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection08 .pagi_list {margin-top:73px;}
	.mainSection08 .pagi_list ul {position:relative; padding-bottom:13px; text-align:center;}
	.mainSection08 .pagi_list ul:before {content:''; width:100%; height:2px; border-radius:2px; position:absolute; left:0; bottom:0; background:#f8f9fa; display:none;}
	.mainSection08 .pagi_list ul:after{content:''; display:block; clear:both;}
	.mainSection08 .pagi_list ul li {float:none; margin-right:20px; display:inline-block;}
	.mainSection08 .pagi_list ul li a {font-size:14px; font-weight:500; color:#83878c; line-height:1.5; letter-spacing:-0.42px;}
	.mainSection08 .pagi_list ul li.on a {color:#343434;}
	.mainSection08 .pagi_list ul li.bar {position:absolute; margin:0; left:165px; top:23px; bottom:auto; width:50px; height:2px; background:#343434; transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
	.mainSection08 .slide_box {position:relative; margin-top:44px;}
	.mainSection08 .slide_box .slide_pc {width:100%; margin:0 auto;}
	.mainSection08 .slide_box li {text-align:center; margin-top:0px; width:100%; display:none;}
	.mainSection08 .slide_box li.open {display:block; height:244px;}
	.mainSection08 .slide_box li .inbox {width:100%;}
	.mainSection08 .slide_box li .scr {width:100%; padding:0px;}
	.mainSection08 .slide_box li .scr .slick-list {width:100%; padding:0 !important; margin:0;}
	.mainSection08 .slide_box li .scr .slick-list div {display:inline-block; margin:0px; width:240px;}

	.mainSection08 .slide_box li div img {width:202px;}
	.mainSection08 .slide_box li.num03 .scr div {margin:0px; margin-top:0px;}
	.mainSection08 .slide_box li div strong {display:block; font-size:16px; line-height:1.8; letter-spacing: -0.48px; font-weight:500; color:#343434; text-align:center; margin-top:10px;}
	.mainSection08 .slide_box button {position:absolute; top:50%; margin-top:-40px; z-index:5; display:none;}
	.mainSection08 .slide_box button.prev {left:0;}
	.mainSection08 .slide_box button .on {position:absolute; left:0; top:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.mainSection08 .slide_box button:hover .on {}
	.mainSection08 .slide_box button.next {right:0;}
	.mainSection08 .slick-arrow {display:none !important;}


	.mainSection09 {background:#E2F0FF; padding:80px 0 64px; position:relative; height:700px; box-sizing:border-box;}
	.mainSection09:after {content:''; width:100%; height:200px; position:absolute; left:0; top:430px; background:#E2F0FF;}
	.mainSection09 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection09 .list {margin-top:308px; position:relative; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); position:relative; z-index:5; padding-top:70px; opacity:0;}
	.mainSection09 .list:after{content:''; display:block; clear:both;}
	.mainSection09 .list li {float:left; margin-right:0px; text-align:center; width:158px;}
	.mainSection09 .list li a {font-size:18px; line-height:1.11; letter-spacing:-0.54px; color:#343434;}
	.mainSection09 .list li a.btn {font-size:16px; line-height:500; line-height:40px; letter-spacing: -0.8px; color:#343434; padding:0 16px; position:relative; display:inline-block; left:0; top:0; background:#fff; border-radius:6px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; opacity:1; margin-top:32px;}
	.mainSection09 .list li a.btn:after {display:none;}
	.mainSection09 .list li a.btn:hover {transform:translate3d(0, 0, 0) scale(1.02); -webkit-transform:translate3d(0, 0, 0) scale(1.02); -ms-transform:translate3d(0, 0, 0) scale(1.02);}
	.mainSection09 .list li.on a {color:#343434;}
	.mainSection09 .list li p {font-size:14px; line-height:1.4; letter-spacing:-0.42px; color:#676a6d; position:static; left:0; top:100px; opacity:1; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; margin-top:18px;}
	.mainSection09 .list li.on p {opacity:1;}
	.mainSection09 .list li.on a.btn  {display:inline-block;}
	.mainSection09 .list li.bar {display:none;}
	.mainSection09 .phone {position:absolute; left:50%; bottom:auto; top:57px; width:178px; height:368px; padding:10px; transition:all .8s .4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .8s .4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .8s .4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); margin-left:-89px;}
	.mainSection09 .phone .slick-arrow {display:none !important}
	.mainSection09 .phone:after {content:''; position:absolute; width:178px; height:368px; background:url('../../images/main/img_phone.png') no-repeat; background-size:178px 368px; left:0; top:0; z-index:5;}
	.mainSection09 .phone ul {width:100%; height:100%; border-radius:0px; overflow:hidden;}
	.mainSection09 .phone ul li {transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); position:static; left:0; top:0; padding:0px; float:left;}
	.mainSection09 .phone ul li.on {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.mainSection09 .phone ul img {width:100%;}
	.mainSection09 .slick-dots {position:absolute; top:26px; left:0; width:100%; text-align:center;}
	.mainSection09 .slick-dots li {display:inline; float:none; font-size:0; line-height:0; margin:0 5px;}
	.mainSection09 .slick-dots li button {width:8px; height:8px; border-radius:4px; background:#343434; opacity:0.2; font-size:0; line-height:0;}
	.mainSection09 .slick-dots li.slick-active button {opacity:1;}
	.mainSection09 button.prev {left:0; position:absolute; top:437px; margin-top:-40px; z-index:5; opacity:0; transition:all 1.4s .3s; -webkit-transition:all 1.4s .3s; -ms-transition:all 1.4s .3s; display:block;}
	.mainSection09 button .on {position:absolute; left:0; top:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.mainSection09 button:hover .on {opacity:0;}
	.mainSection09 button.next {right:0; position:absolute; top:437px; margin-top:-40px; z-index:5; opacity:0; transition:all 1.4s .3s; -webkit-transition:all 1.4s .3s; -ms-transition:all 1.4s .3s; display:block;}
	.mainSection09 button img {width:36px;}
	.mainSection09.view-sec button.prev {opacity:1;}
	.mainSection09.view-sec button.next {opacity:1;}

	/* .mainSection09 .slick-arrow {display:none !important;} */
	a.quiz {display:none;}

	.mainSection10 {background:#fcfcfd; padding:70px 0 80px; position:relative; height:auto; box-sizing:border-box;}
	.mainSection10 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection10 ul {text-align:left; margin:0 auto; width:328px; padding-top:22px; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection10 ul li {display:inline-block; margin:0 5px; margin-top:18px;}
	.mainSection10 ul li img {width:152px;}


	.mainSection11 {background:#fff; padding:80px 0 90px; position:relative; height:auto; box-sizing:border-box;}
	.mainSection11 h2 {font-size:20px; font-weight:700; line-height:1.4; color:#343434; letter-spacing: -1px; text-align:center; transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection11 .btnbox {margin-top:40px; text-align:center; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.mainSection11 .btnbox br {display:block; font-size:0; line-height:0;}
	.mainSection11 .btnbox a {display:inline-block; transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s;}
	.mainSection11 .btnbox a img {width:200px;}
	.mainSection11 .btnbox a:hover {transform:translate3d(0, 0, 0) scale(1.02); -webkit-transform:translate3d(0, 0, 0) scale(1.02); -ms-transform:translate3d(0, 0, 0) scale(1.02);}



	.foorweWrap {background:#fcfcfd; padding:60px 0 65px;}
	.foorweWrap .footer {width:auto; margin:0 16px;}
	.foorweWrap .footer .logo img {width:98px;}
	.foorweWrap .footer .foot_top {margin-top:18px; position:relative; padding-bottom:0px; border-bottom:0;}
	.foorweWrap .footer .foot_top > ul {}
	.foorweWrap .footer .foot_top > ul:after{content:''; display:block; clear:both;}
	.foorweWrap .footer .foot_top > ul li {font-size:16px; line-height:1.8; font-weight:500; color:#343434; letter-spacing: -0.48px; margin-right:0px; float:left; width:50%; margin-top:20px;}
	.foorweWrap .footer .foot_top > ul li a {font-size:16px; line-height:1.8; font-weight:500; color:#343434; letter-spacing: -0.48px;}
	.foorweWrap .footer .foot_top .abs_select {position:static; margin-top:36px;}
	.foorweWrap .footer .foot_top .abs_select button.site {background:#fff; border:1px solid #e7ecf3; border-radius:2px; font-size:16px; line-height:48px; color:#343434; letter-spacing: -0.48px; padding-left:20px; width:100%; position:relative; text-align:left;}
	.foorweWrap .footer .foot_top .abs_select button.site:after {content:''; width:15px; height:9px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url('../../images/main/icon_select_off.png') no-repeat; background-size:;}
	.foorweWrap .footer .foot_top .abs_select .sel_option {position:static; left:0; top:56px; height:0px; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; display:block; margin-top:8px; width:100%;}
	.foorweWrap .footer .foot_top .abs_select .sel_option ul {}
	.foorweWrap .footer .foot_top .abs_select.on .sel_option {display:block; height:170px;}
	.foorweWrap .footer .foot_top .abs_select.on button.site:after {content:''; width:15px; height:9px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url('../../images/main/icon_select_on.png') no-repeat; background-size:;}
	.foorweWrap .footer .foot_top .abs_select .sel_option li:first-child {margin-top:0;}
	.foorweWrap .footer .foot_top .abs_select .sel_option li {margin-top:16px;}
	.foorweWrap .footer .foot_top .abs_select .sel_option li button {display:block; font-size:14px; line-height:1.43; font-weight:500; color:#676a6d; letter-spacing: -0.42px; transition:color .3s; -webkit-transition:color .3s; -ms-transition:color .3s; text-align:left; width:100%;}
	.foorweWrap .footer .foot_top .abs_select .sel_option li button:hover {color:#3389ff; }
	.foorweWrap .footer .foot_bot {margin-top:42px;}
	.foorweWrap .footer .foot_bot > strong {font-size:14px; line-height:1.71; font-weight:500; color:#343434; letter-spacing: -0.42px;}
	.foorweWrap .footer .foot_bot > p {font-size:12px; line-height:1.5; font-weight:500; color:#676a6d; letter-spacing: -0.36px; margin-top:9px; width:auto;}
	.foorweWrap .footer .foot_bot > p span {display:block;}
	.foorweWrap .footer .foot_bot > p span i {display:none;}
	.foorweWrap .footer .foot_bot > p span.inline {display:inline-block; margin-right:5px;}
	.foorweWrap .footer .foot_bot .info_text {margin-top:45px;}
	.foorweWrap .footer .foot_bot .info_text a {font-size:12px; line-height:1.43; font-weight:500; color:#676a6d; letter-spacing: -0.42px; transition:color .3s; -webkit-transition:color .3s; -ms-transition:color .3s; margin-right:10px;}
	.foorweWrap .footer .foot_bot .info_text a:hover {color:#343434;}
	.foorweWrap .footer .foot_bot .info_text span {font-size:12px; line-height:1.33; color:#acafb4; display:block; margin-top:10px;}
	.foorweWrap .footer .foot_bot .sns_btn {margin-top:30px;}
	.foorweWrap .footer .foot_bot .sns_btn ul {}
	.foorweWrap .footer .foot_bot .sns_btn ul:after{content:''; display:block; clear:both;}
	.foorweWrap .footer .foot_bot .sns_btn ul li {float:left; margin-right:12px;}
	.foorweWrap .footer .foot_bot .sns_btn ul li img {width:40px;}



	.content {width:auto; margin:0 auto; padding-top:50px; padding-bottom:0px; background:#f8f9fa;}
	.content .titArea {padding:24px 16px 30px; background:#fff; border-bottom:1px solid #e7ecf3;}
	.content .titArea h2 {font-size:22px; line-height:1.4; font-weight:700; letter-spacing: -1.1px; color:#343434;}
	.content .titArea p {font-size:14px; font-weight:normal; line-height:1.6; color:#676a6d; letter-spacing: -0.42px; margin-top:4px;}
	.content .titArea .btn_contact {margin-top:16px; display:inline-block; width:104px; height:36px; box-sizing:border-box; border:1px solid #3389ff; background:#fff; border-radius:4px; font-size:14px; font-weight:500; line-height:34px; letter-spacing: -0.42px; color:#3389ff; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; text-align:center;}
	.content .titArea .btn_contact:hover {background:#fff; color:#3389ff;}
	.contact_area {padding-top:0px; margin-top:10px; background:#fff; padding-bottom:80px;}
	.contact_area .select_menu {padding:0 16px; border:0;}
	.contact_area .select_menu:after{content:''; display:block; clear:both;}
	.contact_area .select_menu li {float:left; padding-right:24px;}
	.contact_area .select_menu li a {font-size:16px; font-weight:500; letter-spacing: -0.48px; line-height:1.44; color:#676a6d; display:inline-block; position:relative; padding-bottom:14px; padding-top:12px;}
	.contact_area .select_menu li.on a {font-weight:500; color:#3389ff; }
	.contact_area .select_menu li.on a:after {content:''; width:100%; height:2px; background:#3389ff; border-radius:10px; position:absolute; left:0; bottom:0;}
	.contact_area .contact_box {margin-top:0px; padding:0 16px;}
	.contact_area .contact_box li {}
	.contact_area .contact_box li .top_q {border-bottom:1px solid #e7ecf3;}
	.contact_area .contact_box li .top_q > a {display:block; font-size:16px; font-weight:500; letter-spacing: -0.54px; line-height:22px; padding:22px 30px; color:#343434; background:url('../../images/common/icon_q.png') 0px 23px no-repeat; background-size:18px 23px;  position:relative;}
	.contact_area .contact_box li .top_q > a:after {content:''; width:12px; height:5px; position:absolute; right:0; top:50%; margin-top:-3px; background:url('../../images/common/icon_arrow_ty01.png') no-repeat; background-size:12px 6px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.contact_area .contact_box.notice li .top_q > a {background:none; padding-left:0px;}
	.contact_area .contact_box.notice li .bot_a .word {padding-left:15px;}
	.contact_area .contact_box li .bot_a {background:#fcfcfd; display:none; border-bottom:1px solid #e7ecf3;}
	.contact_area .contact_box li .bot_a .word {padding:16px 14px; background:#fcfcfd; font-size:14px; font-weight:normal; line-height:1.4; letter-spacing: -0.42px; color: #676a6d;  }
	.contact_area .contact_box li .bot_a .word a {font-size:14px; font-weight:normal; line-height:1.4; letter-spacing: -0.42px; color: #676a6d;  }
	.contact_area .contact_box li.open .top_q > a:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}

	.moList {overflow:hidden; background:#fff; border-bottom:1px solid #e7ecf3;}
	.moList > div {position:relative; width:100%; overflow-x:auto;}
	.moList ul {float:left; width:auto;}

	.subMenuWrap.fix {padding-top:50px;}
  .subMenuWrap.fix .moList {position:fixed; left:0; top:50px; width:100%; z-index:8;}
  .pop-open .pop_wrap {height:auto; overflow-y:auto; position:absolute;}
  html.pop-scroll {overflow-y:auto;}
  html.pop-scroll body {overflow-y:auto;}

  .pop_wrap .question-area {background:#fff; width:100%; border-radius:6px; padding:54px 0px; position:absolute; left:0%; top:30px; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); padding-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
  .pop_wrap .question-area .scrollbox {height:auto; overflow-y:auto; overflow-x:hidden;}
	.pop_wrap .question-area .top_area {padding:0 16px;}
	.pop_wrap .question-area .top_area h2 {font-size:22px; font-weight:700; line-height:1.4; letter-spacing: -1.1px; color:#343434;}
	.pop_wrap .question-area .top_area p.sub_text {font-size:14px; line-height:1.5; letter-spacing: -0.42px; color:#343434; margin-top:8px;}
	.pop_wrap .question-area .question-cont {margin-top:0px; }
	.pop_wrap .question-area .question-cont h3 {display:none;}
	.pop_wrap .question-area .question-cont .table-box {padding:8px 16px 0;}
	.pop_wrap .question-area .question-cont .table-box ul li {padding-top:32px;}
	.pop_wrap .question-area .question-cont .table-box ul li:after{content:''; display:block; clear:both;}
	.pop_wrap .question-area .question-cont .table-box ul span.left {text-align:left; vertical-align:top; float:left; width:100%;}
	.pop_wrap .question-area .question-cont .table-box ul span.left strong {font-size:16px; font-weight:500; line-height:1.58px; letter-spacing: -0.48px; color: #676a6d; display:inline-block;}
	.pop_wrap .question-area .question-cont .table-box ul span.left strong.st {position:relative;}
	.pop_wrap .question-area .question-cont .table-box ul span.left strong.st:after {content:'*'; position:absolute; right:-13px; font-size:16px; line-height:1.58px; font-weight:500; letter-spacing: -0.48px; color:#3389ff;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont {float:left; width:100%; padding-top:8px;}

	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box {font-size:0; line-height:0;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input {width:100%; border:1px solid #dde3eb; border-radius:4px; background:#fff; box-sizing:border-box; padding:0 12px; font-size:16px; line-height:46px; height:48px; letter-spacing: -0.48px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input:focus {border:1px solid #3389ff;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box input::placeholder {color:#acafb4; font-weight:16px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea {box-sizing:border-box; height:120px; width:100%; padding:16px; border:1px solid #dde3eb; border-radius:4px; background:#fff; font-size:16px; line-height:1.5; letter-spacing: -0.48px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea:focus {border:1px solid #3389ff;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box textarea::placeholder {color:#acafb4; font-weight:16px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box .wi78 {display:inline-block; width:78%; vertical-align:top;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box button.btn_file {box-sizing:border-box; height:48px; padding:0 32px; font-size:16px; font-weight:500; line-height:1.5; letter-spacing: -0.8px; color: #3389ff; border:1px dashed #3389ff; border-radius:4px; margin-left:0px; width:100%; margin-top:20px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .input_box button.btn_file span {padding-left:30px; background:url('../../images/common/icon_plus.png') left center no-repeat; background-size:20px 20px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .filebox {position:relative;}

	.pop_wrap .question-area .question-cont .table-box ul span.cont .btn_box {position:relative; display:none;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .select_box {display:block; position:relative;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .select_box select {width:100%; height:48px; box-sizing:border-box; border:1px solid #dde3eb; background:#fff; font-size:16px; line-height:1.5; letter-spacing: -0.48px; color: #676a6d; display:inline-block; border-radius:4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 12px; color:#676a6d;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .select_box:after {content:''; width:12px; height:6px; background: url('../../images/common/icon_arrow_ty01.png') no-repeat; background-size:12px 6px; position:absolute; right:12px; top:50%; margin-top:-3px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .hidden {position:absolute; left:-2000px; top:-2000px;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .file_text {border:1px solid #dde3eb; border-radius:4px; background:#fff; padding:0 12px; line-height:46px; color:#343434; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; height:48px; font-size:16px; line-height:46px; color:#343434; }
	.pop_wrap .question-area .question-cont .table-box ul span.cont .file_text button {position:absolute; right:16px; top:50%; margin-top:-10px; font-size:0; line-height:0;}
	.pop_wrap .question-area .question-cont .table-box ul span.cont .file_text button img {width:20px;}
	.pop_wrap .question-area .question-cont .btn_area {margin-top:54px; text-align:right; position:relative; margin-left:-16px; margin-right:-16px;}
	.pop_wrap .question-area .question-cont .btn_area a {width:192px; text-align:center; display:inline-block; height:56px; border-radius:4px;}
	.pop_wrap .question-area .question-cont .btn_area a.btn_cancel {display:none;}
	.pop_wrap .question-area .question-cont .btn_area a.btn_submit {border:1px solid #3389ff; font-size:18px; font-weight:500; line-height:56px; letter-spacing: -0.54px; color:#fff; background:#3389ff; width:100%; margin:0; box-sizing:border-box; border-radius:0; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.pop_wrap .question-area .question-cont .btn_area a.btn_submit.disabled {background:#c5d4e7; border-color:#c5d4e7;}
	.pop_wrap .question-area .btn_close {position:absolute; right:16px; top:18px;}
	.pop_wrap .question-area .btn_close img {width:22px;}
	.pop_wrap .mini_pop {top:50% !important; left:50%; position:absolute !important; transform:translate3d(-50%, -50%, 0) scale(1) !important; -webkit-transform:translate3d(-50%, -50%, 0) scale(1) !important -ms-transform:translate3d(-50%, -50%, 0) scale(1) !important background:#fff; padding:44px 40px; border-radius:6px; box-sizing:border-box; display:none;}
	.pop_wrap .mini_pop strong {display:block; font-size:30px; line-height:1.5; font-weight:700; letter-spacing: -0.9px; color: #343434;}
	.pop_wrap .mini_pop p {font-size:18px; line-height:1.6; color:#343434; margin-top:30px; letter-spacing: -0.54px;}
	.pop_wrap .mini_pop .btn_area {margin-top:80px; text-align:right;}
	.pop_wrap .mini_pop .btn_area a {padding:0 68px; font-size:20px; line-height:56px; background:#3389ff; color:#fff; border-radius:4px; display:inline-block;}

  .pop_wrap .question-won {width:288px; left:50%; top:50%; position:absolute; transform:translate3d(-50%, -50%, 0) scale(1); -webkit-transform:translate3d(-50%, -50%, 0) scale(1); -ms-transform:translate3d(-50%, -50%, 0) scale(1); background:#fff; border-radius:6px; box-sizing:border-box; overflow:hidden; padding:0;}
  .pop_wrap .question-won .textfild {padding:28px 32px 36px; text-align:center;}
  .pop_wrap .question-won .textfild strong {font-size:18px; font-weight:bold; line-height:1.5; letter-spacing: -0.54px; color: #343434; display:block;}
  .pop_wrap .question-won .textfild p {font-size:14px; line-height:1.6; letter-spacing: -0.42px; color: #343434; margin-top:20px;}
  .pop_wrap .question-won .btn_area {border: solid 1px #e2e8f0; margin-top:0;}
  .pop_wrap .question-won .btn_area a {display:block; font-size:16px; font-weight:500; line-height:48px; letter-spacing: -0.48px; text-align:center; color:#3389ff; background:#fff;}


	.company_area { margin:0 auto; padding-top:0;}
	.company_area .in_side {width:auto; margin:0 auto; position:relative; font-size:0; line-height:0; height:100%;}
	.company_area .top_area {background:url('../../images/company/img_company01_mo.png') center top no-repeat; background-size:auto 100%; height:100vh;}
	.company_area .top_area .text_area {padding-top:102px; box-sizing:border-box; height:100%;}
	.company_area .top_area .text_area h2 {font-size:24px; font-weight:500; line-height:1.5; letter-spacing: -1.2px; color:#fff; width:210px; margin-left:36px;}
	.company_area .top_area .text_area p {font-size:18px; line-height:1.6; color:#fff; letter-spacing: -0.54px; opacity:0.9; margin-top:24px; display:none;}
	.company_area .top_area .text_area .btn_area {margin-top:0px; font-size:0; position:absolute; bottom:95px; left:36px; right:36px;}
	.company_area .top_area .text_area .btn_area a {width:100%; box-sizing:border-box; display:inline-block; height:46px; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 40px 0 rgba(52, 52, 52, 0.4); text-align:left; padding:0 16px; font-size:18px; font-weight:500; letter-spacing: -0.9px; color:#fff; line-height:44px; margin-right:0px; margin-top:20px; background:url('../../images/common/icon_down.png') 95% 50% no-repeat; background-size:15px;}
  .company_area .top_area .text_area .btn_area a:hover {{transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}}
	.company_area .icon {position:absolute; bottom:40px; left:50%; margin-left:-12px;}
	.company_area .icon img {width:24px;}

	.company_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:block;}
	@-webkit-keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}

	@keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}

	.company_area .mobile_text {display:block; padding:60px 36px 80px; background:#fff;}
	.company_area .mobile_text strong {font-size:20px; font-weight:bold; line-height:1.4; letter-spacing: -0.6px; color: #3d5575; transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .3s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1); display:block;}
	.company_area .mobile_text p {margin-top:34px; font-size:16px; line-height:1.6; letter-spacing: -0.8px; color: #3d5575; transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all 1.4s .6s cubic-bezier(0.21, 0.84, 0.21, 0.85);  opacity:0; transform:translate3d(0, 50px, 0) scale(1); -webkit-transform:translate3d(0, 50px, 0) scale(1); -ms-transform:translate3d(0, 50px, 0) scale(1);}
	.company_area .mobile_text.view-sec strong {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.company_area .mobile_text.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

	.company_area .history {background:#fcfcfd; padding:60px 36px 70px;}
	.company_area .history h2 {font-size:20px; font-weight:700; color:#343434; line-height: 1.4; letter-spacing: -1px;}
	.company_area .history ul {margin-top:46px; position:relative;}
	.company_area .history ul:before {content:''; position:absolute; left:6px; top:4px; height:100%; border-right:2px dotted #3d5575;}
	.company_area .history ul li {padding-left:52px; margin-top:80px; height:auto; position:relative; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); opacity:0;  transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -webkit-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85); -ms-transition:all .5s cubic-bezier(0.21, 0.84, 0.21, 0.85);}
	.company_area .history ul li.view-sec {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	.company_area .history ul li:before {content:''; position:absolute; left:0; top:4px; width:9px; height:9px; background:#fff; border:solid 3px #3d5575; border-radius:10px;}
	.company_area .history ul li:after{content:''; display:block; clear:both;}
	.company_area .history ul li > span {float:left; width:100%; font-size:16px; line-height:1.8; color:#3d5575; text-align:left;}
	.company_area .history ul li:first-child {margin-top:0;}
	.company_area .history ul li:last-child > span:after {content:''; width:30px; height:90px; position:absolute; left:0; top:19px; background:#fcfcfd;}
	.company_area .history ul li > div {margin-top:10px; float:left; width:100%;}
	.company_area .history ul li > div:after{content:''; display:block; clear:both;}
	.company_area .history ul li > div span {font-size:14px; line-height:1.23; letter-spacing: -0.48px; color: #3d5575;  display:block; width:auto; text-align:left; float:left;}
	.company_area .history ul li > div strong {float:left; margin-left:12px; font-size:14px; line-height:1.23; letter-spacing: -0.48px; color: #676a6d; display:block;}
	.company_area .history ul li > strong {float:left; margin-left:0px; font-size:16px; line-height:1.8; letter-spacing: -0.48px; color:#343434; width:100%; margin-top:4px; font-weight:500;}


	.company_area .ci_area {background:#fff; padding:50px 36px 70px;}
	.company_area .ci_area h2 {font-size:20px; font-weight:700; color:#343434; line-height: 1.4; letter-spacing: -1px;}
	.company_area .ci_area .btn_area {margin-top:52px; font-size:0; display:none;}
	.company_area .ci_area .btn_area a {width:210px; height:56px; box-sizing:border-box; border-radius:4px; border: solid 1px #3d5575; background-color: #ffffff; font-size:20px; font-weight:500; line-height:54px; letter-spacing: -0.6px; display:inline-block; text-align:center; margin-right:20px;}
	.company_area .ci_area .img_down {margin-top:30px;}
	.company_area .ci_area .img_down:after{content:''; display:block; clear:both;}
	.company_area .ci_area .img_down div {float:left; width:590px; display:none;}
	.company_area .ci_area .img_down div.blue {display:block; width:100%;}
	.company_area .ci_area .img_down div.blue span {display:none;}
	.company_area .ci_area .img_down div img {width:100%;}
	.company_area .ci_area .img_down div:last-child {float:right;}
	.company_area .ci_area .img_down div span {font-size:16px; line-height:2.19; color: #676a6d;  display:inline-block; margin-top:20px;}
	.company_area .bg_area {background:url('../../images/company/img_company02_mo.png') center top no-repeat; background-size:auto 195px; height:195px;}


	.pop-scroll .scrollWrap {overflow:visible; height:100%; margin:40px 20px;}
  .pop-scroll .scrollWrap > div {margin:0; position:relative; top:0; transform:translate3d(0%, 0%, 0) scale(1); -webkit-transform:translate3d(0%, 0%, 0) scale(1); -ms-transform:translate3d(0%, 0%, 0) scale(1); display:none;}
  .pop-open .mainWrap > div {display:none !important;}
  .pop-open .scrollWrap {margin:40px 20px;}
  .pop-open .scrollWrap > div {margin:0; position:relative; top:0; transform:translate3d(0%, 0%, 0) scale(1); -webkit-transform:translate3d(0%, 0%, 0) scale(1); -ms-transform:translate3d(0%, 0%, 0) scale(1); display:none;}

  .pop_wrap div > .homework_area {background:#fff; width:100%; box-sizing:border-box; border-radius:6px; padding:0 16px; position:static; left:0;top:30px; bottom:auto; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); padding-bottom:104px;}
  .pop_wrap .homework_area .top_area {}
  .pop_wrap .homework_area .top_area h2 {width: 328px; font-size:20px; font-weight:bold; line-height: 1.4; letter-spacing: -1.1px; color:#343434; text-align:left; margin: 0 auto; padding:36px 0 0; position:relative; z-index:5;}
  .pop_wrap .homework_area .top_area h2:after {display:none;}
  .pop_wrap .homework_area .line_img {margin-top:0px; position:relative; height:auto; overflow-y:auto; padding-top:34px;}
  .pop_wrap .homework_area .line_img:before {display:none;}
  .pop_wrap .homework_area .line_img li {margin-top:54px; padding-left:0px; position:relative;}
  .pop_wrap .homework_area .line_img li:before {display:none;}
  .pop_wrap .homework_area .line_img li:first-child {margin-top:0;}
  .pop_wrap .homework_area .line_img li:after{content:''; display:block; clear:both;}
  .pop_wrap .homework_area .line_img li p {float:none; width:328px; font-size:16px; line-height:1.6; letter-spacing: -0.8px; color:#343434; margin:0 auto; margin-top:16px;}
  .pop_wrap .homework_area .line_img li .img_right {float:none; text-align:center;}
  .pop_wrap .homework_area .line_img li .img_right img {width:100%; max-width:328px;}
  .pop_wrap .homework_area .btn_close {position:absolute; right:16px; top:18px; z-index:10; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
  .pop_wrap .homework_area .btn_close img {width:22px;}

	.adc_area {margin:0 auto; padding-top:0;}
	.adc_area .in_side {width:auto; margin:0 auto; position:relative;}
	.adc_area .inside {width:auto; margin:0 auto; position:relative;}
	.adc_area .top_area .in_side {padding:0 36px; height:100%;}
	.adc_area .top_area {background:url('../../images/adc/img_adc01_mo.png') center top no-repeat; background-size:auto 100%; height:100vh;}
	.adc_area .top_area .text_area {padding-top:110px; box-sizing:border-box; height:100%; position:relative;}
	.adc_area .top_area .text_area h2 {font-size:24px; font-weight:500; line-height:1.4; letter-spacing: -1.2px; color:#fff; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .3s; -webkit-transition:all .3s .3s; -ms-transition:all .3s .3s;}
	.adc_area .top_area .text_area h2 br {display:none;}
	.adc_area .top_area .text_area p br {display:none;}
	.adc_area .top_area .text_area p {font-size:16px; line-height:1.4; color:#fff; letter-spacing: -0.48px; opacity:0.9; margin-top:0; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .6s; -webkit-transition:all .3s .6s; -ms-transition:all .3s .6s; position:absolute; left:0; bottom:100px; width:100%;}
	.adc_area .top_area .text_area .btn_area {display:none;}

	.adc_area .top_area.view-sec .text_area h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .top_area.view-sec .text_area p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .top_area.view-sec .text_area .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

	.adc_area .mid_adc {padding:80px 0 0px; background:#fff; position:relative; overflow:hidden; box-sizing:border-box; height:640px;}
	.adc_area .mid_adc p {font-size:20px; line-height:1.6; letter-spacing: -0.6px; color:#343434; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .3s; -webkit-transition:all .3s .3s; -ms-transition:all .3s .3s; opacity:0; text-align:center;}
	.adc_area .mid_adc p strong {color:#14417b;}
	.adc_area .mid_adc .textfild {text-align:center; margin:0 auto; width:220px;}
	.adc_area .mid_adc .textfild br {display:none;}
	.adc_area .mid_adc .textfild span {display:inline-block; margin-top:30px; font-size:14px; line-height:1.4; color:#83878c; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .6s; -webkit-transition:all .3s .6s; -ms-transition:all .3s .6s; opacity:0;}
	.adc_area .mid_adc .phone {position:absolute; top:196px; left:50%; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .9s; -webkit-transition:all .3s .9s; -ms-transition:all .3s .9s; opacity:0; margin-left:-105px;}
	.adc_area .mid_adc .phone img {width:210px;}

	.adc_area .mid_adc.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .mid_adc.view-sec .textfild span {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .mid_adc.view-sec .phone {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

	.adc_area .icon {position:absolute; bottom:40px; left:50%; margin-left:-12px;}
	.adc_area .icon img {width:24px;}

	.adc_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:block;}
	@-webkit-keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}

	@keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}


	.adc_area .card_adc {padding:80px 0 126px; background:#3d5575; position:relative; overflow:hidden;}
	.adc_area .card_adc h2 {font-size:20px; font-weight:700; color:#fff; line-height:1.4; letter-spacing: -0.6px; text-align:center; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .3s; -webkit-transition:all .3s .3s; -ms-transition:all .3s .3s; margin:0 36px;}
	.adc_area .card_adc ul {margin-top:0px; padding-top:14px;}
	.adc_area .card_adc ul:after{content:''; display:block; clear:both;}
	.adc_area .card_adc ul li {float:none; width:auto; margin:0 auto; background:#fff; border-radius:10px; border-bottom-left-radius:0; padding:20px 26px 42px; box-sizing:border-box; height:auto; width:288px; margin-top:38px;}
	.adc_area .card_adc ul li:last-child {margin-right:auto;}
	.adc_area .card_adc ul li:nth-child(1) {opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .6s; -webkit-transition:all .3s .6s; -ms-transition:all .3s .6s;}
	.adc_area .card_adc ul li:nth-child(2) {opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .9s; -webkit-transition:all .3s .9s; -ms-transition:all .3s .9s;}
	.adc_area .card_adc ul li:nth-child(3) {opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s 1.2s; -webkit-transition:all .3s 1.2s; -ms-transition:all .3s 1.2s;}
	.adc_area .card_adc ul li strong {font-size:28px; line-height:2.32; letter-spacing: 0.56px; color: #14417b;}
	.adc_area .card_adc ul li h3 {font-size:18px; line-height:1.4; font-weight:bold; letter-spacing: -0.9px; color: #14417b; margin-top:6px;}
	.adc_area .card_adc ul li p {font-size:14px; line-height:1.5; font-weight:500; letter-spacing: -0.7px; color: #343434; margin-top:34px;}
	.adc_area .card_adc.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .card_adc.view-sec ul li {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}


	.adc_area .etc_adc {padding:80px 0 110px; background:linear-gradient(to bottom, #ffffff 18%, #f8f9fa);; position:relative; overflow:hidden;}
	.adc_area .etc_adc .textfild {margin:0 36px;}
	.adc_area .etc_adc .textfild h2 {font-size:20px; font-weight:700; color:#343434; line-height:1.4; letter-spacing: -0.6px; text-align:center; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .3s; -webkit-transition:all .3s .3s; -ms-transition:all .3s .3s;}
	.adc_area .etc_adc .textfild p {font-size:14px; line-height:1.4; letter-spacing: -0.42px; color: #676a6d; text-align:center; margin-top:16px; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .6s; -webkit-transition:all .3s .6s; -ms-transition:all .3s .6s;}
	.adc_area .etc_adc .card {width:auto; margin:0 36px; margin-top:60px; padding-top:0px; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s 1.2s; -webkit-transition:all .3s 1.2s; -ms-transition:all .3s 1.2s; position:relative; min-height:350px;}
	.adc_area .etc_adc .card ul {width:296px; margin:0 auto; position:relative; overflow:hidden; height:369px; box-shadow: 0 0 20px 0 rgba(52, 52, 52, 0.2); border-radius:10px;}
	.adc_area .etc_adc .card ul:after{content:''; display:block; clear:both;}
	.adc_area .etc_adc .card ul li {float:none; box-sizing:border-box; width:100%;  border-radius:10px; background:#fff; overflow:hidden; margin:0 auto; transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s;  position:absolute; left:0; top:0; opacity:0;}
	.adc_area .etc_adc .card ul li.set {left:0;}
	.adc_area .etc_adc .card ul li.on {opacity:1; z-index:8;}
	.adc_area .etc_adc .card ul li:nth-child(2n) {float:right;}
	.adc_area .etc_adc .card ul li:hover {transform:translate3d(0, 0, 0) scale(1.02); -webkit-transform:translate3d(0, 0, 0) scale(1.02); -ms-transform:translate3d(0, 0, 0) scale(1.02);}
	.adc_area .etc_adc .card ul li dt {height:166px;}
	.adc_area .etc_adc .card ul li dd {padding:22px; text-align:right; height:203px; font-size:0;}
	.adc_area .etc_adc .card ul li dd h3 {font-size:16px; line-height:1.19; letter-spacing: -0.8px; color: #343434; text-align:left; font-weight:700;}
	.adc_area .etc_adc .card ul li dd p {margin-top:8px; font-size:14px; line-height:1.4; letter-spacing: -0.42px; color: #343434; text-align:left;}
  .adc_area .etc_adc .card ul li dd p br {display:none;}
	.adc_area .etc_adc .card ul li dd span {display:inline-block; font-size:0; font-weight:500; color:#3389ff; line-height:0; letter-spacing: -0.64px; margin-top:5px; padding-right:0; background:url('../../images/adc/icon_btn_arrow.png') 0 0 no-repeat; background-size:40px 40px; width:40px; height:40px;}
	.adc_area .etc_adc .btn {display:block; width:223px; margin:0 auto; margin-top:44px; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .5s; -webkit-transition:all .3s .5s; -ms-transition:all .3s .5s;}
	.adc_area .etc_adc .btn ul:after {content:''; display:block; clear:both;}
	.adc_area .etc_adc .btn ul li {float:left; margin-top:16px;}
	.adc_area .etc_adc .btn ul li a {display:inline-block; width:104px; height:38px; box-sizing:border-box; border-radius: 4px; border: solid 1px rgba(172, 175, 180, 0.16); background-color: #f8f9fa; font-size:14px; line-height:36px; letter-spacing:-0.7px; color:#676a6d; font-weight:500; text-align:center;}
	.adc_area .etc_adc .btn ul li.on a {color:#14417b; border: solid 1px rgba(20, 65, 123, 0.14); background-color: #deecff;}
	.adc_area .etc_adc .btn ul li:nth-child(2n) {float:right;}
	.adc_area .etc_adc.view-sec h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .etc_adc.view-sec .btn {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .etc_adc.view-sec p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .etc_adc.view-sec .card {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}

	.adc_area .bot_adc {padding-top:120px; box-sizing:border-box; height:415px; background:url('../../images/adc/img_adc02_mo.png') center top no-repeat; background-size:auto 100%;}
	.adc_area .bot_adc .textfild {margin:0 36px; text-align:center;}
	.adc_area .bot_adc .textfild h2 {font-size:20px; font-weight:700; line-height:1.4; letter-spacing: -0.6px; color:#fff; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .3s; -webkit-transition:all .3s .3s; -ms-transition:all .3s .3s;}
	.adc_area .bot_adc .textfild p {font-size:14px; line-height:1.4; color:#fff; letter-spacing: -0.44px; opacity:0.9; margin-top:18px; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .6s; -webkit-transition:all .3s .6s; -ms-transition:all .3s .6s;}
	.adc_area .bot_adc .textfild .btn_area {margin-top:51px; font-size:0; opacity:0; transform:translate3d(0, 30px, 0) scale(1); -webkit-transform:translate3d(0, 30px, 0) scale(1); -ms-transform:translate3d(0, 30px, 0) scale(1); transition:all .3s .9s; -webkit-transition:all .3s .9s; -ms-transition:all .3s .9s;}

	.adc_area .bot_adc.view-sec .textfild h2 {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .bot_adc.view-sec .textfild p {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}
	.adc_area .bot_adc.view-sec .textfild .btn_area {opacity:1; transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1);}

	.adc_area .bot_adc .textfild .btn_area a {width:174px; display:inline-block; height:46px; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 40px 0 rgba(52, 52, 52, 0.4); text-align:center; font-size:16px; font-weight:500; letter-spacing: -0.8px; color:#fff; line-height:44px; margin-right:0px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; padding-left:16px; box-sizing:border-box;  text-align:left; background:url('../../images/common/icon_arrow_white.png') 152px 50% no-repeat; background-size:10px 10px;}
	.adc_area .bot_adc .textfild .btn_area a:hover {transform:translate3d(0, -5px, 0) scale(1); -webkit-transform:translate3d(0, -5px, 0) scale(1); -ms-transform:translate3d(0, -5px, 0) scale(1);}

	.content_area {padding-top:0;}
	.content_area .in_side {width:auto; margin:0 36px; min-height:640px;}
	.content_area .top_area {background:url('../../images/content/img_content01_mo.png') center top no-repeat; background-size:auto 100%; height:640px; text-align:center; position:relative;}
	.content_area .top_area ul {padding-top:102px; position:relative;}
	.content_area .top_area ul:before{content:''; width:110px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-55px; top:76px; opacity:0.5;}
	.content_area .top_area ul:after{content:''; width:110px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-55px; bottom:-28px;  opacity:0.5;}
	.content_area .top_area ul li {float:none; text-align:center; position:relative; box-sizing:border-box; padding:0; text-align:center; margin-top:24px;}
	.content_area .top_area ul li:first-child {margin-top:0;}
	.content_area .top_area ul li:after {display:none;}
	.content_area .top_area ul li strong {font-size:28px; font-weight:500; line-height:1.32; color:#fff; display:block;}
	.content_area .top_area ul li span {font-size:14px; font-weight:normal; line-height:1.43; letter-spacing: -0.42px; color: #edeff3; display:block; margin-top:0px;}
  .content_area .top_area .abs_mobile {position:absolute; left:0; bottom:80px; width:100%; padding:0 50px; box-sizing:border-box;}

	.content_area .top_area p {margin-top:62px; font-size:16px; font-weight:normal; line-height:1.6; letter-spacing: -0.8px; color:#fff;}
	.content_area .top_area a {display:inline-block; margin-top:16px; width:100%; box-sizing:border-box; padding-left:0; text-align:center; height:50px; line-height:50px; font-size:18px; font-weight:500; letter-spacing:-0.9px; color:#fff; background-image:none;}
	.content_area .icon {position:absolute; bottom:40px; left:50%; margin-left:-12px;}
	.content_area .icon img {width:24px;}

	.content_area .in_side .icon {animation: mousePop 1.5s linear infinite; -webkit-animation: mousePop 1.5s linear infinite; display:block;}
	@-webkit-keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}

	@keyframes mousePop {
	0% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	50% {transform:translate3d(0, 10px, 0) scale(1); -webkit-transform:translate3d(0, 10px, 0) scale(1); -ms-transform:translate3d(0, 10px, 0) scale(1); opacity:0;}
	100% {transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); opacity:1;}
	}

	.content_area .platform {padding:90px 0 110px;}
	.content_area .platform h2 {font-size:20px; font-weight:700; color:#343434; line-height:1.4; letter-spacing: -0.6px; text-align:center;}
	.content_area .platform p {font-size:14px; line-height:1.4; letter-spacing: -0.42px; color: #676a6d; margin-top:16px; text-align:center;}
	.content_area .platform .cont_ul {margin-top:80px; font-size:0; line-height:0; text-align:center;}
	.content_area .platform .cont_ul li {display:block; margin:0px;}
  .content_area .platform .cont_ul li dt img {width:192px;}
	.content_area .platform .cont_ul li dd {padding:44px 0px 0; text-align:center; width:192px; box-sizing:border-box; margin:0 auto;}
	.content_area .platform .cont_ul li dd strong {font-size:18px; font-weight:bold; line-height:1.71; letter-spacing: -0.9px; color:#343434;}
	.content_area .platform .cont_ul li dd p {font-size:14px; line-height:1.6; letter-spacing: -0.42px; color:#676a6d; margin-top:12px;}
	.content_area .platform .cont_ul li dd span {display:block; margin-top:22px; font-size:14px; line-height:1.6; letter-spacing: -0.42px; color: #14417b;}
	.content_area .platform .cont_ul li:last-child {margin-top:90px;}


	.content_area .card_area {padding:80px 0 100px; background:#f8f9f9;}
	.content_area .card_area h2 {font-size:20px; font-weight:700; color:#343434; line-height:1.4; letter-spacing: -0.6px; text-align:center;}
	.content_area .card_area ul {margin-top:0px; padding-top:10px;}
	.content_area .card_area ul:after{content:''; display:block; clear:both;}
	.content_area .card_area ul li {float:none; width:288px; margin-right:0px; position:relative; margin:0 auto; margin-top:90px;}
	.content_area .card_area ul li:last-child {margin:0 auto; margin-top:90px;}
	.content_area .card_area ul li > span {position:absolute; left:0; top:-35px; padding:0 28px 0 18px; background:url('../../images/content/icon_bg.png') right top no-repeat; background-size:auto 35px; font-size:14px; line-height:35px; color:#fff; letter-spacing: -0.54px; font-weight:500; border-top-left-radius:4px;}
	.content_area .card_area ul li dl {border-radius:6px; overflow:hidden; background:#fff; border-top-left-radius:0;}
	.content_area .card_area ul li dt img {width:100%;}
	.content_area .card_area ul li dd {padding:20px 24px 28px; }
	.content_area .card_area ul li dd strong {font-size:16px; line-height:1.25; font-weight:bold; letter-spacing: -0.48px; color: #14417b;}
	.content_area .card_area ul li dd p {font-size:14px; line-height:1.4; letter-spacing: -0.42px; color: #676a6d; margin-top:8px;}

}


@media all and (min-width:361px) and (max-width:768px) {
	.company_area .top_area {background:url('../../images/company/img_company01_mo_768.png') center top no-repeat; background-size:auto 100%;}
	.company_area .bg_area {background:url('../../images/company/img_company02_mo_768.png') center top no-repeat; background-size:100% auto;}
	.adc_area .top_area {background:url('../../images/adc/img_adc01_mo_768.png') center top no-repeat; background-size:auto 100%;}
  .content_area .top_area {background:url('../../images/content/img_content01_mo_768.png') center top no-repeat; background-size:auto 100%;}
}
@media all and (min-width:1px) and (max-width:360px) {
	.company_area .top_area {background:url('../../images/company/img_company01_mo_768.png') center top no-repeat; background-size:auto 100%;}
	.company_area .bg_area {background:url('../../images/company/img_company02_mo_768.png') center top no-repeat; background-size:360px auto;}
	.adc_area .top_area {background:url('../../images/adc/img_adc01_mo_768.png') center top no-repeat; background-size:auto 100%;}
  .content_area .top_area {background:url('../../images/content/img_content01_mo_768.png') center top no-repeat; background-size:auto 100%;}
}