/* 서브 공통 */
.inner { width: 1100px; margin: 0 auto; }
span.gray { display: block; font-size: .9375rem; color: #777; letter-spacing: -0.0375rem; margin-top: 10px; }
.tms .red { color: #ff0000; }
.tms .inner-left { width: 1100px; margin: 0 auto; }
.tms .inner { width: 1100px; margin: 0 auto; }
.tms p { word-break: break-all; }
.tms h2.title { font-size: 2.375rem; letter-spacing: -.105rem; line-height: 3.437rem; }
.tms span.gray { display: block; font-size: .9375rem; color: #777; letter-spacing: -0.0375rem; margin-top: 10px; }
.tms .fp-tableCell{vertical-align: top;}
.tms .top_wrap{padding-top: 90px ; }
.tms .page3 .top_wrap{padding-top: 30px;}
.tms select {
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(/images/icon/icon-select_down.svg) no-repeat 97% 50%;  /* 화살표 모양의 이미지 */
}
.tms header .inner{height: 100%;}
.frame_1366{display: none; }
.frame_1366 .wrap{display: flex; flex-wrap: no-wrap;}
.frame{display: block;}
.part{display: block;}
.part_1366{display: none;}
br.re_1100{display: none;}
br.tablet{display: none;}
br.pc{display: block;}
.sub_list_sw{display: none;}
.tms .cscenter ul.link li.res_1100 {display: none;}

/* 서브페이지 1단락 */
.tms .page1 {height: 100vh; margin-top: 100px; background: #fff;}
.tms .page1 .inner-left{height: 100%; position: relative; }
.tms .page1.active .point:after { -webkit-animation: bounce 1s 1; animation: bounce 1s 1; }
.tms .page1.active .frame > li:nth-child(1) { -webkit-animation: mok_down 2s 1; animation: mok_down 2s 1; opacity: 1; }
.tms .page1.active .frame > li:nth-child(2) { -webkit-animation: mok_down2 2s 1; animation: mok_down2 2s 1; opacity: 1; }
.tms .page1.active .frame > li:nth-child(3) { -webkit-animation: mok_down3 2s 1; animation: mok_down3 2s 1; opacity: 1; }
.tms .page1.active .frame > li:nth-child(4) { -webkit-animation: mok_down4 2s 1; animation: mok_down4 2s 1; opacity: 1; }
.tms .page1 .fp-tableCell { vertical-align: top; }
.tms .page1 h2.title { padding-top: 100px; color: #000; letter-spacing: -0.095rem; font-size: 2.375rem; line-height: 3.5rem; font-weight: bold; }
.tms .page1 h2.title em { display: block; font-size: 1.5rem; margin-bottom: 11.54px; letter-spacing: -1.12px; line-height: 2.625rem; }
.tms .page1 h2.title .point { position: relative; }
.tms .page1 h2.title .point:after { content: ''; display: block; width: 8px; height: 8px; background: #ff0000; position: absolute; right: -10px; top: 65%; border-radius: 100%; }
.tms .page1 .frame > li { position: absolute; opacity: 0; }
.tms .page1 .frame > li:nth-child(1) { left: 50%; top:8%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.tms .page1 .frame > li:nth-child(2) { left: 59%; top: 2%; }
.tms .page1 .frame > li:nth-child(3) { left: 57%; bottom: 11%; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.tms .page1 .frame > li:nth-child(4) { left: 59%; top: 38%; }
.tms .page1 .part{position: absolute; right: 11%; bottom: 11%;}
.tms .page1 .part > li{font-size: 1rem; font-weight: 500; color: #000; margin-bottom: 20px; padding-left: 35px; position: relative;}
.tms .page1 .part > li .bar{display: inline-block; width: 1px; height: 16px; background: #ddd; margin: 0  10px;}
.tms .page1 .part > li:nth-child(1):before{content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon/ico-market.png) center center no-repeat; background-size: cover;}
.tms .page1 .part > li:nth-child(2):before{content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon/ico-erp.png) center center no-repeat; background-size: cover;}
.tms .page1 .part_1366 > li{font-size: 15px; font-weight: 500; color: #000; margin-bottom: 11px; padding-left: 32px; position: relative;}
.tms .page1 .part_1366 > li .bar{display: inline-block; width: 1px; height: 16px; background: #ddd; margin: 0  10px;}
.tms .page1 .part_1366 > li:nth-child(1):before{content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon/icon-tmt-red.png) center center no-repeat; background-size: cover;}
.tms .page1 .part_1366 > li:nth-child(2):before{content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon/icon-tmt-green.png) center center no-repeat; background-size: cover;}
.tms .page1 .sub1_sw .swiper-slide{width: auto !important; height: 373px;}
.tms .page1 .sub1_sw .swiper-slide img{height: 100%;;}
/* 서브1 2~8단락 공통 제목*/
.tms .section .top_wrap { color: #000; margin-bottom: 50px; }
.tms .section .top_wrap h2 { margin-bottom: 30px; }
.tms .section .top_wrap h2 span { display: inline-block; }
.tms .section .top_wrap p { font-size: 1.5rem; letter-spacing: -0.96px; line-height: 2.125rem; }

/* 서브1 2~8단락 공통 li 박스 */
.tms section .bottom_wrap > li { float: left; width: 32%; height: 354px; margin-right: 2%;  border: 1px solid #BEBEBE; border-radius: 31px; box-shadow: 0px 10px 15px #00000029; background: #fff; padding: 48px 34px; position: relative;}
.tms section .pc_bottom > li {transform: translateY(150px); opacity: 0; transition: 1.6s; border: 1px solid #BEBEBE;}
.tms section.page3 .pc_bottom > li { transform: translateY(150px); opacity: 0; transition: 1.6s;}
.tms section.page3 .bottom_wrap > li { float: left; width: 32%; height: 495px; margin-right: 2%; border-radius: 31px; box-shadow: 0px 10px 15px #00000029; background: #fff; padding: 30px; position: relative;  border: 1px solid #BEBEBE;}
.tms section.active .pc_bottom > li{transform: translateY(0px); opacity: 1; }
.tms section.active .pc_bottom > li:nth-child(1){transition-delay: .2s;}
.tms section.active .pc_bottom > li:nth-child(2){transition-delay: .4s;}
.tms section.active .pc_bottom > li:nth-child(3){transition-delay: .6s;}
.tms section .bottom_wrap > li:last-child { margin-right: 0; }
.tms section .bottom_wrap > li strong { display: block; font-size: 1.5rem; letter-spacing: -0.045rem; margin-bottom: 15px; color: #000; }
.tms section .bottom_wrap > li p { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.045rem; line-height: 1.75rem; color: #000; }
.tms section .bottom_wrap > li .icon { position: absolute; right: 30px; bottom: 30px; width: 110px; height: 110px;}
.tms section .bottom_wrap > li .icon img { width: 100%; height: 100%; }
.tms section .pc_bottom > li .icon { opacity: 0;  -webkit-transition: 2s; transition: 1s; }
.tms section.active .pc_bottom > li:nth-child(1) .icon { -webkit-transition-delay: .6s; transition-delay: .6s; }
.tms section.active .pc_bottom > li:nth-child(2) .icon { -webkit-transition-delay: .8s; transition-delay: .8s; }
.tms section.active .pc_bottom > li:nth-child(3) .icon { -webkit-transition-delay: 1s; transition-delay: 1s; }
.tms section.active .pc_bottom > li .icon { opacity: 1; }

/* 서브페이지 2단락 */
.sub1 section { background: #fafafa; }
.tms .page2 h2 span.up { color: #1CB748; }
.tms .footer{position: relative; background: #404040;}
/* .tms section.page3{height: 100vh !important; overflow: hidden !important;} */

/* 서브 1 9단락 문의하기 */
.tms .page9 { background: #ffff; }
.tms .page9 .fp-tableCell { vertical-align: top; }
.tms .page9 .tab_menu{display: flex;height: 80px; justify-content: center; align-items: center; border-bottom: 1px solid #ddd; margin-bottom: 55px;}
.tms .page9 .tab_menu > li{width: 50%; height: 100%; line-height: 80px; font-size: 17px; color: #000; text-align: center; cursor: pointer; font-weight: 500; letter-spacing: -0.68px;}
.tms .page9 .tab_menu > li.on{border-bottom: 2px solid #29AC4E;}
.tab_list > li{display: none;}
.tms .page9 .inner { width: 510px; }
.tms .page9 .inner h2 { font-size: 2.375rem; letter-spacing: -0.095rem; line-height: 3.625rem; font-weight: bold; color: #000; margin-bottom: 55px; text-align: center;}
.tms .page9 .inner .row {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; margin-bottom: 10px; }
.tms .page9 .inner .row .wid100{width: 100%;}
.tms .page9 .inner .row .wid25{width: 25%;}
.tms .page9 .inner .row .wid75{width: 72%;}
.tms .page9 .inner .row .wid50 { float: left; width: 48%; margin-right: 4%; }
.tms .page9 .inner .row .wid50:last-child { margin-right: 0; }
.tms .page9 .inner .row input, .tms .page9 .inner .row select, .tms .page9 .inner .row textarea { width: 100%; height: 44px; border-radius: 12px; border: 1px solid #989898; padding: 5px 15px; margin-top: 7px; }
.tms .page9 .inner .row textarea { height: 135px; }
.tms .page9 .inner .row label { font-size: 16px; font-weight: 500; letter-spacing: -.04rem;  color: #000;}
.tms .page9 .inner .row135 { height: 135px; }
.tms .page9 .inner .btnCenter { margin-top: 46px; }
.tms .page9 .inner .btnCenter button { font-size: 1.25rem; line-height: 2.3125rem; letter-spacing: -.0625rem; padding: 14px 33px; background: #1CB748; border-radius: 33px; color: #fff; }

/* 서브2페이지 */
.tms .cscenter { padding-top: 118px; text-align: center; }
.tms .cscenter h2.title_h2 { padding-top: 120px; font-size: 2.875rem; letter-spacing: -1.84px; line-height: 4.1875rem; color: #000;}
.tms .cscenter h2.title_h2 .mark {display: inline-block; width: 10px; height: 100%; position: relative; }
.tms .cscenter h2.title_h2 .mark:after { content: '!'; display: block;  color: #ff0000; position: absolute; right: 0px; top: -1px; }
.tms .cscenter h2.title_h2 .mark:after { -webkit-animation: swing 1s 1; animation: swing 1s 1; animation-delay: 1s;}
.tms .cscenter p.title_p { font-size: 2.25rem; letter-spacing: -1.44px; line-height: 4.1875rem; margin-bottom: 97px; }
.tms .cscenter .btnCenter {width: 286px; height: 57px; line-height: 55px; margin-bottom: 142px; border: 2px solid #000; border-radius: 37px; font-size: 1.375rem; letter-spacing: -0.88px; background: #fff; margin: 0 auto 142px; font-weight: 500;}

.tms .cscenter ul.link { width: 900px; margin: 0 auto 260px; }
.tms .cscenter ul.link li { float: left; width: 33.333%; position: relative;}
.tms .cscenter ul.link li:after{content: ''; display: block; width: 1px; height: 130px; background: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.tms .cscenter ul.link li:nth-child(3):after{display: none;}
.tms .cscenter ul.link li a { display: block; width: 100%; height: 100%; }
.tms .cscenter ul.link li a strong { font-size: 1.5rem; letter-spacing: -0.96px; line-height: 76px; }
.tms .cscenter ul.link li:nth-child(1) a strong{font-size: 2.25rem; font-weight: normal;}
.tms .cscenter ul.link li:nth-child(3) a strong { text-decoration: underline;}
.tms .cscenter .consult_enter{text-align: left; background: #FAFAFA;}
.tms .cscenter .consult_enter .consult_wrap{width: 800px; margin: 0 auto; padding: 61px 0; position: relative;}
.tms .cscenter .consult_enter .consult_wrap > h2{font-size: 2.1875rem; line-height: 5.25rem; letter-spacing: -0.0875rem; font-weight: 500; color: #2C2C2C;}
.tms .cscenter .consult_enter .consult_wrap > p{font-size: 1.5rem; line-height: 2.1875rem; letter-spacing: -0.06rem; color: #2C2C2C;}
.tms .cscenter .icon .mb_ico{display: none;}

/* 아이콘 애니메이션 */
.tms .page2.active .bottom_wrap > li:nth-child(1) .icon .st1{animation: ani_icon1 3s 1 linear; animation-delay: .2s;}
.tms .page2.active .bottom_wrap > li:nth-child(1) .icon .st2{animation: ani_icon2 3s 1 linear; animation-delay: .4s;}
.tms .page2.active .bottom_wrap > li:nth-child(1) .icon .st3{animation: ani_icon3 3s 1 linear;}
.tms .page2.active .bottom_wrap > li:nth-child(2) .icon .st2_5{animation: fadeInRight 2s 1; animation-delay: 2s;}
.tms .page2.active .bottom_wrap > li:nth-child(2) .icon .st3_2{animation: fadeInRight 2s 1; animation-delay: 2s;}
.tms .page2.active .bottom_wrap > li .icon .first1_3{animation: fadeIn 2s 1; animation-delay: 3.6s;}
.tms .page2.active .bottom_wrap > li .icon .second1_3{animation: fadeIn 2s 1; animation-delay: 4s;}
.tms .page2.active .bottom_wrap > li .icon .third1_3{animation: fadeIn 2s 1; animation-delay: 4.4s;}
.tms .page2.active .bottom_wrap > li .icon .forth1_3{animation: fadeIn 2s 1; animation-delay: 4.8s;}
.tms .page4.active .bottom_wrap > li .icon .ff2_1{animation: fadeIn 2s 1; animation-delay: 1s;}
.tms .page4.active .bottom_wrap > li .icon .st2_1_3.first2_1{animation: fadeInBottomRight 2s 1; animation-delay: .2s;}
.tms .page4.active .bottom_wrap > li .icon .st2_1_3.second2_1{animation: fadeIn 7s 1; animation-delay: 1s;}
.tms .page4.active .bottom_wrap > li .icon .st2_2_3{stroke: #00B875; stroke-width: 3; stroke-dasharray: 1000;stroke-dashoffset: 0; animation: bounce 2s linear alternate 1; animation-delay: 2s;}
.tms .page4.active .bottom_wrap > li .icon .st2_3_2{animation: fadeIn 1s 1; animation-delay: 3.6s; }
.tms .page4.active .bottom_wrap > li .icon .st2_3_1{animation: fadeIn 1s 1; animation-delay: 4s;}
.tms .page5.active .bottom_wrap > li .icon .st3_1_2{animation:  ani_icon3_1_1 1s 1; animation-delay: .8s;}
.tms .page5.active .bottom_wrap > li .icon .first3_2{animation: fadeIn 1s 1; animation-delay: 2s;}
.tms .page5.active .bottom_wrap > li .icon .second3_2{animation: fadeIn 1s 1; animation-delay: 2.4s;}
.tms .page5.active .bottom_wrap > li .icon .third3_2{animation: fadeIn 1s 1; animation-delay: 2.8s;}
.tms .page5.active .bottom_wrap > li .icon .forth3_2{animation: fadeIn 1s 1; animation-delay: 2.8s; opacity: 0;}
.tms .page5.active .bottom_wrap > li .icon .st3_3_4.cir,
.tms .page5.active .bottom_wrap > li .icon .st3_3_2.cir{animation: slideInRight 1s 1; animation-delay: 4s;}
.tms .page5.active .bottom_wrap > li .icon .st3_3_3.cir{animation: slideInRight 1s 1; animation-delay: 3.8s;}
.tms .page5.active .bottom_wrap > li .icon .st3_3_1.cir{animation: slideInRight 1s 1; animation-delay: 3.6s;}
.tms .page6.active .bottom_wrap > li .icon .st4_2_2.fi:after{content: ''; display: block; width: 3px; height: 10px; background: #000; position: absolute; left: 0; top: 0;}
.tms .page6.active .bottom_wrap > li .icon .first4_1{animation: fadeIn 2s 1; animation-delay: 1s;}
.tms .page6.active .bottom_wrap > li .icon .st4_2_2.fi{animation: upLine 1s 1; animation-delay: 2.4s;}
.tms .page6.active .bottom_wrap > li .icon .st4_2_2.se{animation: upLine2 1s 1; animation-delay: 2.4s;}
.tms .page6.active .bottom_wrap > li .icon .st4_2_2.th{animation: upLine3 1s 1; animation-delay: 2.4s;}
.tms .page6.active .bottom_wrap > li .icon .st4_2_2.fo{animation: upLine4 1s 1; animation-delay: 2.4s;}
.tms .page6 .ck{position: absolute; right: 13px; bottom: 36px;}
.tms .page6.active .bottom_wrap > li .sT{fill:none; stroke:#fff; stroke-width:8px; stroke-miterlimit:10; stroke-dashoffset: 0;stroke-dasharray: 60; animation: check 1s linear alternate 1; animation-delay: 1.5s;}
.tms .page6 .rotate{transform: rotate(180deg);}
.tms .page6.active .bottom_wrap > li .icon .line4_2{ fill:none;stroke: #FF9A00;   stroke-dasharray: 1000; opacity: 1; stroke-width:2px; animation: up_dash 10s 1; }
.tms .page6.active .bottom_wrap > li .icon .circle_1{animation: fadeIn 2s 1; animation-delay: 2.8s;}
.tms .page6.active .bottom_wrap > li .icon .circle_2{animation: fadeIn 2s 1; animation-delay: 3s;}
.tms .page6.active .bottom_wrap > li .icon .circle_3{animation: fadeIn 2s 1; animation-delay: 3.2s;}
.tms .page6.active .bottom_wrap > li .icon .circle_4{animation: fadeIn 2s 1; animation-delay: 3.4s;}
.tms .page7.active .bottom_wrap > li .box1{animation: fadeIn 2s 1; animation-delay: 1.6s;}
.tms .page7.active .bottom_wrap > li .box2{animation: fadeIn 2s 1; animation-delay: 1.8s;}
.tms .page7.active .bottom_wrap > li .box3{animation: fadeIn 2s 1; animation-delay: 1.9s;}
.tms .page7.active .bottom_wrap > li .box4{animation: fadeIn 2s 1; animation-delay: 2s;}
.tms .page7.active .bottom_wrap > li .box5{animation: fadeIn 2s 1; animation-delay: 2.1s;}
.tms .page7.active .bottom_wrap > li .box6{animation: fadeIn 2s 1; animation-delay: 2.2s;}
.tms .page7 .ck{position: absolute; right: 13px; bottom: 25px;}
.tms .page7.active .bottom_wrap > li .sT{fill:none; stroke:#fff; stroke-width:8px; stroke-miterlimit:10; stroke-dashoffset: 0;stroke-dasharray: 60; animation: check 1s linear alternate 1; animation-delay: 2.4s;}
.tms .page7.active .bottom_wrap > li .circle_motion{animation: dash 5s 1; animation-delay: 3.4s; transform: rotate(-90deg);  stroke: #C166D8; stroke-width: 5;  stroke-dasharray: 1000;stroke-dashoffset: 0;}
.tms .page7.active .bottom_wrap > li .st5_2_3{animation: fadeIn 3s 1; animation-delay: 3.6s;}
.tms .page8 .ck{position: absolute; right: 19px; top: 30px;}
.tms .page8.active .bottom_wrap > li .sT{fill:none; stroke:#fff; stroke-width:8px; stroke-miterlimit:10; stroke-dashoffset: 0;stroke-dasharray: 60; animation: check 1s linear alternate 1; animation-delay: 4.2s;}
.tms .page8.active .bottom_wrap > li .icon .st6_1_1{animation: flash  2s 1; animation-delay: .3s;}
.tms .page8.active .bottom_wrap > li .icon .st6_1_2{animation: flash  2s 1; animation-delay: .6s;}
.tms .page8.active .bottom_wrap > li .icon .first_6_2{animation: first_6_2 2s 1; animation-delay: 2s;}
.tms .page8.active .bottom_wrap > li .icon .second_6_2{animation: second_6_2 2s 1; animation-delay: 2s;}
.tms .page8.active .bottom_wrap > li .first_6_3{animation: fadeIn 2s 1; animation-delay: 3.8s;}
.tms .page8.active .bottom_wrap > li .second_6_3{animation: fadeIn 2.5s 1; animation-delay: 3.5s;}
.tms .page8.active .bottom_wrap > li .third_6_3{animation: fadeIn 3s 1; animation-delay: 3s;}

.alert_pop{position: fixed;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 999;}
.alert_pop .container{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.alert_pop .container .wrap{width: 500px; padding: 40px; border-radius: 30px; text-align: center; background: #fff;}
.alert_pop .container .wrap .icon{width: 65px; height: 65px; margin: 0 auto 20px;}
.alert_pop .container .wrap .icon img{width: 100%; height: 100%;}
.alert_pop .container .wrap .txt{font-size: 16px; line-height: 20px; padding-bottom: 30px; color: #555;}
.alert_pop .container .wrap .close_btn{padding: 15px 20px; font-size: .875rem; border-radius: 4px; color: #fff; background:#47ca45}


/* 카드이벤트 페이지 */
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.section-header-pd{
  margin-top: 100px;
}
.inner-mb{
  width: 432px;
  margin: 0 auto;
}
@media screen and (max-width: 432px) {
  .inner-mb{
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    
  }
  .max-w-full {
    width: 100%;
  }
}
@media screen and (max-width: 482px) {
  .inner-mb2{
    width: 100% !important;
    padding: 0 16px;
    margin: 0 auto;
  }
  .max-w-full {
    width: 100%;
  }
}
.event-sec-01{width: 100%; height: 100vh; background-image: url(../images/img/event-section01-bg.png); background-position: center; background-size: cover;}
.event-sec-02{width: 100%; padding-bottom: 45px; background: #ECF0F1;}
.event-sec-02 .event-banner-wrap{width: 100%; background: #282828; margin: 0 auto; border-radius: 20px; overflow: hidden; box-shadow: 3px 17px 55px #00000073; margin-bottom: 65px;  transform: translateY(50px); opacity: 0; transition: 1s;}
.event-sec-02.on .event-banner-wrap{transform: translateY(0); opacity: 1;}

.event-sec-03{width: 100%; height: 413px; text-align: center; background-image: url(../images/img/event-section03-bg.png); background-repeat: no-repeat; background-repeat: repeat-x;background-position: center; padding: 94px 0 51px;}

.event-sec-04{background: #fff; text-align: center;}
.event-title-lg{font-size: 0; width: 290px; height: 70px; background: url(../images/img/event-section03-title.png); background-position: center; background-repeat: no-repeat; margin: 12px auto 23px; transform: translateY(10px); opacity: 0; transition-delay: 2s; transition: 1s;}
.event-title-sm{display: inline-block; font-size: 1.625rem; font-family: 'GmarketSansMedium'; color: #fff; position: relative; transform: translateY(10px); opacity: 0; transition-delay: 1s; transition: .3s;}
.event-title-deco{ font-size: 1.625rem; font-family: 'GmarketSansMedium'; color: #FFDD1F; position: absolute; left: -50px;top: -36px; transform: rotate(-15deg);}
.event-sec-03.on .event-title-deco{animation: flash 1s 2;}
.event-sec-03 .deco{transform: translateY(10px); opacity: 0; transition-delay: 2s; transition: .3s;}
.event-sec-03.on .event-title-lg,
.event-sec-03.on .event-title-sm,
.event-sec-03.on .deco{transform: translateY(0); opacity: 1;}

.event-notice-btn{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 54px; background: none; padding: 26px; border-top: 1px solid #6A6B6B;  font-family: 'GmarketSansMedium'; color: #B4B4B4; font-size: .875rem;}
.event-notice{width: 100%; background: #1C1C1C; padding: 28px 22px; margin-bottom: 1.125rem; border-radius: 12px; font-family: 'GmarketSansMedium';}

.event-sec-05{background: #F5F6F8; padding: 20px 0 22px;}
.event-sec-05 .inner-mb2{width: 482px; margin: 0 auto;}

.ctn-btn{width: 100%; height: 72px; border-radius: .5rem; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3); font-size: 24px; font-weight: bold;}
.ctn-btn-primary{background: #FF3236; color: #fff;}
.ctn-btn-secondary{background: #fff; color: #3C3C3C;}



/* 반응형 */

@media screen and (max-width: 1800px){
  /* html, body{overflow: hidden !important;} */
  .frame_1366{display: block; margin: 32px 0 40px;}
  .frame{display: none;}
  .part{display: none;}
  .part_1366{display: block;}
  .sub1_sw{overflow: visible !important;}
}

@media screen and (min-width: 1368px) and (max-width: 1600px){
  .tms .page1 .frame > li img{transform: scale(.9);}
  .tms .page1.active .frame > li:nth-child(1) {left: 51%;top: 3%; animation-name: mok_down1_1 !important;}
  .tms .page1.active .frame > li:nth-child(2) {left: 53%;top: -3%; animation-name: mok_down2_1 !important;}
  .tms .page1.active .frame > li:nth-child(3) {left: 61%;bottom: 1%; animation-name: mok_down3_1 !important;}
  .tms .page1.active .frame > li:nth-child(4) {left: 56%;top: 38%; animation-name: mok_down4_1 !important;}
  .tms .top_wrap{padding-top: 30px;}
  .tms .page1 h2.title{padding-top: 50px;}
  
  
}

  @media screen and (max-width: 1367px){
    html{font-size: 90%;}

    .tms .page1 .inner-left{width: 100%; height: auto; position: relative; padding-left: 133px;}
    .tms .page1 h2.title em{margin-bottom: 8px;}
    
    .tms .section .top_wrap h2{margin-bottom: 27px;}
    .tms .section .top_wrap{margin-bottom: 44px;}
    .tms section.page3 .bottom_wrap > li img{max-width: 100%;}
    .tms .cscenter h2.title_h2 { padding-top: 104px;}
    .tms .cscenter p.title_p{margin-bottom: 60px;}
    .tms .cscenter .btnCenter{margin-bottom: 112px;}
    .tms .cscenter ul.link{margin-bottom: 156px;}
    .tms .page1 h2.title{padding-top: 0;}
    .tms .top_wrap{padding-top: 40px ; }
    .tms .page9 .tab_menu{margin-bottom: 22px;}
    .tms .page9 .tab_menu{height: 60px;}
    .tms .page9 .tab_menu > li{line-height: 60px; font-size: 16px;}
    .tms .page9 .inner .btnCenter{margin: 46px 0 141px;}
    .tms .cscenter .icon .pc_ico{display: none;}
    .tms .cscenter .icon .mb_ico{display: block;}
    html, body{overflow: visible !important;}
    .sub1_sw{overflow: hidden !important;}
  }

  @media screen and (max-width: 1100px){
    br.re_1100{display: block;}
    header{height: 50px;}
    .section-header-pd{
      margin-top: 50px;
    }
    footer{width: 100%;}
    .tms .page1 .inner-left{padding-left: 50px;}
    .tms .inner-left { width: 100%; padding-left: 50px; }
    .tms .inner{width: 100%; padding:0 50px; }
    .tms .page9 .inner{ padding:0px; }
    .tms .page1 {margin-top: 60px}
    .tms .page1 h2.title{padding-top: 87px;}
    .tms .cscenter .inner { width: 100%; padding: 0px; }
    .tms .cscenter{padding-top: 59.98px;}
    .tms .cscenter .title_wrap{padding: 0 50px;}
    .tms .cscenter h2.title_h2 { padding-top: 64px; text-align: left;}
    .tms .cscenter p.title_p{margin:23px 0 24px; text-align: left;}
    .tms .cscenter p.title_p strong{display: block; font-weight: normal; }
    .tms .cscenter .btnCenter{margin: 0 0 52px;}
    .tms .cscenter ul.link{width: 100%; padding: 40px 50px 40px 30px; background: #FAFAFA; margin-bottom: 0px;}
    .tms .cscenter ul.link li {float: none; width: 100%; height: 50px; margin-bottom: 26px; position: relative;}
    .tms .cscenter ul.link li:before{content: ''; display: block; width: 7px; height: 14px; background: url(../images/icon-right.svg); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .tms .cscenter ul.link li.res_1100 {display: block;}
    .tms .cscenter ul.link li:after{display: none;}
    .tms .cscenter ul.link li a{display: flex; align-items: center;}
    .tms .cscenter ul.link li a .icon{width: 90px; margin-right: 0px;}
    .tms .cscenter ul.link li a .icon img{width: 100%; vertical-align: bottom;}
    .tms .cscenter ul.link li a strong{padding-top: 0;}
    .tms .cscenter ul.link li:nth-child(3) a strong { text-decoration: none;}
    .tms .cscenter .consult_enter{display: none;}
    .tms .cscenter .btnCenter {width: 231px; height: 47px; font-size: 18px; line-height: 43px;}
    /* .page1, .page1 .fp-tableCell,  */
    .page2, .page2 .fp-tableCell, 
    .page3, .page3 .fp-tableCell, 
    .page4, .page4 .fp-tableCell, 
    .page5, .page5 .fp-tableCell, 
    .page6, .page6 .fp-tableCell, 
    .page7, .page7 .fp-tableCell, 
    .page8, .page8 .fp-tableCell{height: auto !important; padding-bottom: 170px;}
    .page9, .page9 .fp-tableCell{height: auto !important;}
  }

  @media screen and (max-width: 1024px){
    .tms .page1 .inner-left{padding-bottom: 50px;}
    .tms section.page3 .bottom_wrap > li{height: 440px;}
  }

  @media screen and (max-width: 768px){
    html{font-size: 70%;}
    br.tablet{display: block;}
    br.pc{display: none;}

    .page2 .top_wrap h2{padding-top: 82px;}
    /* .page2, .page2 .fp-tableCell, 
    .page4, .page4 .fp-tableCell, 
    .page5, .page5 .fp-tableCell, 
    .page6, .page6 .fp-tableCell, 
    .page7, .page7 .fp-tableCell, 
    .page8, .page8 .fp-tableCell{height: auto !important; padding-bottom: 170px;}
    .page9, .page9 .fp-tableCell{height: auto !important;} */
    .tms .page9 .inner .row{height: 38px;}
    .tms .page9 .inner .row135 { height: 135px; }
    .tms .page9 .inner .row input, .tms .page9 .inner .row select{height: 38px;}
    .tms .page9 .tab_menu{margin-bottom: 30px;}
    .tms .page1 .part_1366 > li{height: 22px; line-height: 22px; margin-bottom: 11px;}
    .tms .fp-tableCell{vertical-align: middle; }
    .tms #footer .fp-tableCell{padding-bottom: 0;}
    .tms .padge1 .fp-tableCell{vertical-align: top; padding-bottom: 0px;}
    .tms section .bottom_wrap > li { width: 32%; height: 200px; margin-right: 2%; border-radius: 24px;  padding: 20px 17px; }
    .tms section .bottom_wrap > li p{font-size: 12px;}
    .tms span.gray{font-size: 9px; margin-top: 9px;}
    .tms section .bottom_wrap > li .icon { right: 17px; bottom: 19px; width: 60px; height: 60px;}
    .tms section.page3 .bottom_wrap > li {  height: 300px; border-radius: 24px; padding: 21px 17px; overflow: hidden; }
    .tms section.page3 .bottom_wrap > li .image{width: 171px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    .tms section .bottom_wrap > li strong{margin-bottom: 8px;}
    .tms .page1 .sub1_sw .swiper-slide{height: 298px;}

    .tms .page6 .ck{width: 15px;  right: 8px; bottom: 16px;}
    .tms .page7 .ck{width: 15px; right: 8px; bottom: 10px;}
    .tms .page8 .ck{width: 15px; right: 11px; top: 13px;}
    .tms .page9 .tab_menu{height: 60px; margin-bottom: 28px;}
    .tms .page9 .tab_menu > li{line-height: 60px;}
    .tms .page9 .inner .btnCenter{margin: 36px 0 89px;}

    .alert_pop .container .wrap{width: 300px;}
    .alert_pop .container .wrap .icon{width: 55px; height: 55px; line-height: 50px; }


  }

  @media screen and (max-width: 700px){
    html{font-size: 60%;}
    section{height: auto !important;}
    .tms .section{overflow: hidden;}
    .tms .fp-tableCell {height: auto !important; vertical-align: top; }
    .tms section .pc_bottom{display: none;}
    .tms .inner{padding: 0 20px;}

    .tms .page1 .fp-tableCell{padding-bottom: 77px;}
    .tms .page1 .inner-left{padding-left:28px;}
    .tms .page1 .sub1_sw .swiper-slide{height: 298px;}
    .tms .page1 h2.title{padding-top: 55px;}
    .tms .section .top_wrap{padding: 0 28px;}
    .page2 .inner, .page3 .inner, .page4 .inner, .page5 .inner, .page6 .inner, .page7 .inner, .page8 .inner{padding-bottom: 0;}
    .page2, .page2 .fp-tableCell,.page3, .page3 .fp-tableCell, .page4, .page4 .fp-tableCell, .page5, .page5 .fp-tableCell, .page6, .page6 .fp-tableCell, .page7, .page7 .fp-tableCell, .page8, .page8 .fp-tableCell{padding-bottom: 0px;}
    .page2, .page3, .page4, .page5, .page6, .page7, .page8{padding-bottom: 100px;}
    .tms section.page3 .sub_list_sw {height: 350px;}
    .tms section.page3 .sub_list_sw li{height: 310px;}
    .tms .page9 .inner .btnCenter button{font-size: 20px;}
    .page9 .fp-tableCell {padding-bottom: 0;}
    .sub_list_sw{ display: block; height: 250px; overflow: visible !important;}
    .sub_list_sw .swiper-wrapper {left: -10%;}
    .event-sec-01{height: 914px !important; background-image: url(../images/img/event-section01-bg-mb.png); background-position: center; background-size: cover; margin-top: 59px;}

  }

  @media screen and (max-width: 510px){
    .tms.sub1 .inner {padding: 0;}
    .tms .page9 .inner { width: 100% ; padding: 0 14px;}
    .tms .page9 .tab_menu.inner{padding: 0;}
    .tms .cscenter .title_wrap{padding: 0 28px;}
    .tms .cscenter h2.title_h2 {padding-top: 46px; margin-bottom: 15px;}
    .tms .cscenter p.title_p{line-height: 28px;}
    .tms .cscenter .btnCenter {width: 190px;height: 39px;line-height: 35px; font-size: 16px; margin-bottom: 28px;}
    .tms .cscenter ul.link {width: 100%; padding: 30px 28px 30px 16px;}
    .sub_list_sw .swiper-wrapper {left: -23%;}
    .tms section .bottom_wrap > li{width: 200px !important;}
    .tms .page9 .tab_menu > li{font-size: 14px;}
  }