@charset "utf-8";



#wrap{position:relative; width:100%;margin:auto}
#wrap_new {position:relative; overflow:hidden; width:100%; min-width:1145px; padding:128px 0 0}

@keyframes typing {
  from { width: 0;}
  to { width: 100% ;}
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

.typing_1{color:#fff; overflow: hidden; letter-spacing: -.02em; white-space: nowrap;animation:typing 3.5s steps(30, end), blink-caret .5s step-end infinite; opacity:1 !important}
.typing_2{color:#fff; overflow: hidden; letter-spacing: -.02em; white-space: nowrap;animation:typing 3.5s steps(30, end), blink-caret .5s step-end infinite; opacity:1}
.divider{width:70px; height:4px; background:#fff; box-shadow:4px 4px 4px rgba(0,0,0,0.5); margin:0}
.type_one{/*opacity:0;*/ display:inline-block; color:#fff; font-size:2em; text-shadow:4px 4px 4px rgba(0,0,0,0.5); margin-top:20px}
.type_two, .type_thr, .type_fo{opacity:0; color:#fff; font-size:2.9em; text-shadow:4px 4px 4px rgba(0,0,0,0.5); margin-top:15px; font-weight:bold}
.type_two span, .type_thr span, .type_fo span{color:#fff000}

.play_btn1{position:absolute; top:120%; left:38%}
.play_btn2{position:absolute; top:135%; left:32%}
.play_btn3{position:absolute; top:138%; left:32%}

.plus{
	  transform: scale(1);
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transition: all 0.7s ease-in-out;
  }
.minus{
	  transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);transition: all 0.7s ease-in-out;
  }
.pm_img1, .pm_img2, .pm_img3{max-width:100%}



.con01_a{overflow:hidden; width:100%; height:722px; padding:0; margin:0 auto; background:url(../images/180911_bigcat_background_01.png) no-repeat center}
.con01_w{width:873px; margin:0 auto}
.con01_m{display:none}


.con02_a{overflow:hidden; width:100%; height:536px; padding:0; margin:0; background:url(../images/180911_bigcat_background_02.png) no-repeat center 0}
.con02_w{width:873px; margin:0 auto}
.con02 .youtube{margin:0 auto; width:529px; height:295px; box-shadow:3px 3px 3px 3px rgba(000,000,000,0.2)}
.con02_m{display:none}


.con03_a{overflow:hidden; width:100%; height:341px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_04.png) no-repeat center}
.con03_w{width:1018px; margin:0 auto}
.con03_m{display:none}


.con04_a{overflow:hidden; width:100%; /*height:519px;*/ padding:0; margin:0 auto; position:relative/*background:url(../images/180821_8Event_web_background_05.png) no-repeat center*/}
.con04_w{width:1018px; margin:0 auto; /*margin-top:210px*/ position:absolute; top:22%; left:calc(100% - 73%) }

/*.con04{overflow:hidden; width:868px; height:685px; padding:0; margin:0 auto; background:url(../images/con04_tit.jpg) no-repeat center}*/
.con04{display:none}
.con04 .youtube{margin:0 auto; margin-top:320px; margin-left:310px; width:466px; height:261px; box-shadow:3px 3px 3px 3px rgba(000,000,000,0.2)}
.con04_m{display:none}


.con05_a{overflow:hidden; width:100%; height:103px; padding:0; margin:0 auto; background:url(../images/180911_bigcat_background_04.png) no-repeat center}
.con05_w{width:873px; margin:0 auto}
.con05_m{display:none}

.con05_tab_1{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#fff}
.con05_tabW_1{width:873px; margin:0 auto} 
.con05_tabM_1{display:none}
.tabs_content_wrap{width:100%; height:492px}
#e-tabs-menu {width: 100%; text-align:center; margin:0 auto; /*padding-top:25px;*/ }
#e-tabs-menu li {display:inline-block; cursor:pointer}
#e-tabs-menu li p{color:#555; font-size:20px; padding-top:12px; font-weight:700}
#e-tabs-menu li a img{max-width:197px;/*max-width:158px;*/ width:100%}
.e-tabs_content_wrap{width:100%; height:auto}

.con05_tab_2{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#fff}
.con05_tabW_2{width:900px; margin:0 auto; padding-bottom:50px} 



.con06_a{overflow:hidden; width:100%; height:825px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_07.png) no-repeat center}
.con06_w{width:868px; margin:0 auto}
.con06_m{display:none}
.graph_1{/*border:1px solid red;*/ width:420px; height:336px; display:inline-block; position:relative}
.graph_1 img{position:absolute; top:0; left:0}
.graph1_1a{animation:fadeInRight 0.5s 1; opacity:1; animation-fill-mode: forwards;}
.graph1_3a_1{animation:fadeIn 0.25s 1; animation-delay:0.8s; animation-fill-mode: forwards;}
.graph1_3a_2{animation:fadeIn 0.25s 1; animation-delay:1.0s; animation-fill-mode: forwards;}
.graph1_3a_3{animation:fadeIn 0.25s 1; animation-delay:1.2s; animation-fill-mode: forwards;}
.graph1_4a{animation:fadeInRight 0.5s 1; animation-delay:1.5s; opacity:1; animation-fill-mode: forwards;}



.con07_a{overflow:hidden; width:100%; height:740px; padding:0; margin:0 auto; background:#dcfccb}
.con07_w{width:868px; margin:0 auto; margin-top:35px}
.con07_m{display:none}
.graph_2{/*border:1px solid red;*/ width:430px; height:335px; display:inline-block; position:relative; margin-top:-25px; overflow:hidden}
.graph_2 img{position:absolute; top:0; left:0}
.graph2_1a{animation:fadeIn 0.5s 1; opacity:1; animation-fill-mode:forwards}
.graph2_2a{animation:fadeIn 0.5s 1; opacity:1; animation-delay:0.5s}
.graph2_2a_1{animation:fadeIn 0.5s 1; animation-fill-mode:forwards; animation-delay:0.8s}
.graph2_2a_2{animation:fadeIn 0.5s 1; animation-fill-mode:forwards; animation-delay:1.1s}


.con08_a{overflow:hidden; width:100%; /*height:515px;*/ position:relative; padding:0; margin:0 auto; /*background:url(../images/180821_8Event_web_background_09.png) no-repeat center*/}
.con08_w{width:868px; margin:0 auto; /*margin-top:195px; position:relative*/position:absolute; top:22%; left:calc(100% - 73%)}
.con08_m{display:none}


.con09_a{overflow:hidden; width:100%; height:103px; padding:0; margin:0 auto; background:url(../images/180911_bigcat_background_06.png) no-repeat center}
.con09_w{width:873px; margin:0 auto}
.con09_m{display:none}


.con10_a{overflow:hidden; width:100%; height:390px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_11.png) no-repeat center}
.con10_w{width:1022px; margin:0 auto}
.con10_m{display:none}
.graph_3{/*border:1px solid red;*/ width:358px; height:349px; display:inline-block; position:relative}
.graph_3 img{position:absolute; top:0; left:0}
.graph3_1a{animation:bounceInDown 0.25s 1; animation-fill-mode:forwards; opacity:1}
.graph3_2a{animation:bounceInDown 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:0.5s}
.graph3_3a{animation:bounceInDown 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:0.75s}
.graph3_4a{animation:bounceInDown 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:1.0s}
.graph3_5a{animation:bounceInDown 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:1.2s}


.con13_a{overflow:hidden; width:100%; height:330px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_12.png) no-repeat center}
.con13_w{width:1022px; margin:0 auto}
.con13_m{display:none}
.graph_4{/*border:1px solid red;*/ width:525px; height:284px; display:inline-block; position:relative; margin-top:20px}
.graph_4 img{position:absolute; top:0; left:0}
.graph4_1a{animation:fadeInLeft 0.25s 1; animation-fill-mode:forwards; opacity:1}
.graph4_2a{animation:fadeInLeft_2 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:0.25s}
.graph4_3a{animation:fadeInLeft_2 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:0.5s}
.graph4_4a{animation:fadeInLeft_2 0.25s 1; animation-fill-mode:forwards; opacity:1; animation-delay:0.75s}


.con14_a{overflow:hidden; width:100%; /*height:517px;*/ padding:0; margin:0 auto; position:relative;/* background:url(../images/180821_8Event_web_background_13.png) no-repeat center*/}
.con14_w{width:1022px; margin:0 auto; /*margin-top:193px; position:relative*/position:absolute; top:21%; left:calc(100% - 73%)}
.con14_m{display:none}

.con15_a{overflow:hidden; width:100%; height:104px; padding:0; margin:0 auto; background:url(../images/180911_bigcat_background_08.png) no-repeat center}
.con15_w{width:877px; margin:0 auto;}
.con15_m{display:none}

.con16_a{overflow:hidden; width:100%; height:365px; padding:0; margin:0 auto; background:#dcfccb}
.con16_w{width:873px; margin:0 auto;}
.con16_m{display:none}

.con17_a{overflow:hidden; width:100%; height:10px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_16.png) no-repeat center}
.con17_w{width:1022px; margin:0 auto;}
.con17_m{display:none}

.con18_a{overflow:hidden; width:100%; height:216px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_17.png) no-repeat center}
.con18_w{width:950px; margin:0 auto;; margin-top:15px}
.con18_m{display:none}

.con18_w .simply-scroll .simply-scroll-list li{width:950px; height:165px; margin:0 10px}
.con18_w .simply-scroll{width:950px; height:165px}
.con18_w .simply-scroll .simply-scroll-clip{width:950px; height:165px}

.slide_m{display:none}
.con19_a{overflow:hidden; width:100%; height:378px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_18.png) no-repeat center}
.con19_w{width:872px; margin:0 auto;}
.con19_m{display:none}

.con20_a{overflow:hidden; width:100%; height:563px; padding:0; margin:0 auto; background:none}
.con20_m{display:none}

.con21_a{overflow:hidden; width:100%; height:183px; padding:0; margin:0 auto; background:none}

.con21_m{display:none}

.con22_a{overflow:hidden; width:100%; height:580px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_23.png) no-repeat center}
.con22_w{width:875px; margin:0 auto; margin-top:50px; position:relative}
.con22_m{display:none}

.con23{overflow:hidden; width:100%; height:120px; padding:0; background:#3e8501}
.con23 img{width:875px; margin:0 auto; display:block}

.con11_a{overflow:hidden; width:100%; height:822px; padding:0; margin:0 auto; background:url(../images/180821_8Event_web_background_24.png) no-repeat center}
.con11_in{width:877px; margin:0 auto; height:791px; background: url(../images/letsgo/con11_bg.png) no-repeat right 80px}
.con11{display:block; float:left; height:auto; max-width:402px; width:100%; padding:0; /*border:7px solid #fe617f; border-top:5.5px solid #fe617f; padding-bottom:35px*/margin-top:25%; margin-left:1%}
.con11_1{display:none}
.con11_bt{display:none}
.con11_2{width:100%}
.b_14{display:none}

.m_con11T{display:none}

.con12_a{display:none}


/* counsel */
.mt50{overflow:hidden}

.bot_con {overflow:hidden; width:100%; height:530px; padding:0; margin:0; background:#ffffff}
.bot_con_in {width:702px; margin:0 auto}

.counsel2 {width:386px; margin:30px 0 0 14px; padding:0}
.counsel2 .tbl {width:100%; border-collapse:collapse; border-spacing:0}
.counsel2 .col30 {width:30%}
.counsel2 .tbl th { padding:4px 5px 4px 0; letter-spacing:-0.5px; font-size:14.5px; line-height:36px;  color:#333; text-align:right}
.counsel2 .tbl td {padding:4px 0; letter-spacing:-0.5px; font-size:15px; line-height:36px;  color:#333}
.counsel2 .tbl td input { padding:0 5px; height:30px; font-size:14px; line-height:36px;  color:#333;  border:1px solid #d5d5d5}
.counsel2 .tbl td select  { padding:0 0 0 10px; height:32px;font-size:14px; line-height:36px;  color:#666;  border:1px solid #d5d5d5}

.counsel2 .tbl td input[type='radio'] { display:none;height:20px;background-color:#f6bb23}
.counsel2 .tbl td input[type='radio']+ label span {display:inline-block; width:19px;height:19px;background:url(../images/check_radio_sheet.png) left top no-repeat; vertical-align:middle; padding-bottom:3px}
.counsel2 .tbl td input[type='radio']:checked+ label span {background:url(../images/check_radio_sheet.png) -20px top no-repeat}


.counsel2 .chk {overflow:hidden; /*text-align:left;*/ display:block; height:30px; padding:15px 0 0 77px; margin:13px 9px 0 0; font-size:13.5px; /*line-height:18px;*/  color:#333;  letter-spacing:-1px; border-top:1px solid #ff5a5a}
.counsel2 .chk label {float:none}
.counsel2 .chk input {vertical-align:-1.5px; display:inline-block}

.counsel2 input[name='free_tel1'] {width:25%}
.counsel2 input[name='free_tel2'] {width:25%}
.counsel2 input[name='free_tel3'] {width:25%}

.counsel2 .chk a {float:none}
.bt_go2 {display: block; margin:0 auto; margin-top:15px; width:320px; /*height:81px;*/}
.bt_go2 img {max-width:100%}
.bt_view2 {display:inline-block; width:60px; font-size:14px; /*line-height:18px; border:1px solid #d5d5d5;*/ color:#fff; text-align:center; background-color:#fb7070; /*padding-top:2px;*/padding:4px 0}


/* side_follow */
.side_counsel {position:fixed; top:22%; right:7%; z-index:2;}
.side_counsel a {display:block; padding:0}
.side_counsel .tbl {width:100%; border-collapse:collapse; border-spacing:0}
.side_counsel .tbl th {width:42px; padding:2px 0; letter-spacing:-0.5px; font-size:14px; line-height:16px;  color:#333; text-align:left}
.side_counsel .tbl td {padding:2px 0; letter-spacing:-0.5px; font-size:14px; line-height:16px;  color:#333; }
.side_counsel .tbl td input { padding:0 5px; height:22px; font-size:14px; line-height:22px;  color:#333;  border:1px solid #ddd}
.side_counsel .tbl td select  { padding:0 0 0 10px; font-size:14px; line-height:24px;  color:#666;  border:1px solid #ddd}

/*띠배너*/
.test_m{display:none}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft_2 {
  from {
    opacity: 0;
    transform: translate3d(-5%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0%, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

/*181016 추가*/
.add_txt1{position:absolute; bottom:-40px; font-size:13px; right:0; color:#888}
.add_txt2{position:absolute; bottom:6px; font-size:13px; right:0; color:#888}