@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";
.slick-track {
  will-change: transform;
  transform: translateZ(0); /* 강제 하드웨어 가속 */
    transition: 1s;
}

.slider .slick-track,
.slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


button {border:0; background:none;}






.cont_main {padding-top:100px;}
.cont_main .visual {height:calc(100vh - 100px); background:url("../images/main/visual.png") no-repeat center top;  }
.cont_main .m_box { padding:130px 0;}
.cont_main .m_tit {text-align:center; font-size:62px; margin-bottom:20px;}
.cont_main .m_tit:before {content:''; display:block; width:50px; height:2px; background:#1b89dc; margin:0 auto 20px;}
.cont_main .m_txt { font-size:24px; text-align:center; margin-bottom:80px; line-height:1.4;}


.cont_main .m1 {position:relative; overflow:hidden; padding-bottom:200px;}
.cont_main .m1 ul {display:flex; max-width:1520px; justify-content: space-between; margin:0 auto;}
.cont_main .m1 ul li {width:30%;}
.cont_main .m1 ul li .img {display:block; overflow:hidden; position:relative;}
.cont_main .m1 ul li .img:before {content:''; display:block; width:12px; height:12px; background:url(../images/main/plus.png) no-repeat; position:absolute; right:30px; bottom:30px; z-index:2; transition: 0.3s;}
.cont_main .m1 ul li img {width:100%; transition: 0.3s; display:block;}
.cont_main .m1 ul li a:hover img {transform: scale(1.1);}
.cont_main .m1 ul li a:hover .img:before {transform: rotate(180deg);}
.cont_main .m1 ul li .tit {display:block; margin:40px 0 17px; font-size:24px; font-weight:bold; color:#1b89dc;}
.cont_main .m1 ul li .txt {display:block; line-height:1.4; font-size:18px;}
.cont_main .ani_txt {font-size:120px; color:#f8f8f8; font-weight:bold; letter-spacing: -0.03em; position:absolute; left:60%; bottom:-20px; line-height:1; white-space: nowrap;}



.cont_main .m2 {background:#fafafa; padding-bottom:120px;}
.cont_main .m2 .slider_box { width:100%; overflow:hidden; }
.cont_main .m2 .slider_box .s_box2 { width:160%; margin-left:-30%; }
.cont_main .m2 .slider_box .item a img {padding:0; transform: scale(0.86); transition: 0.3s; opacity:.6; border-radius:10px;}
.cont_main .m2 .slider_box .slick-current .item a img {transform: scale(1); opacity:1;}
.cont_main .m2 .slider_box .item a {display:block; overflow:hidden; border-radius:10px; position:relative;}
.cont_main .m2 .slider_box .item a .txt {position:absolute; left:120px; top:70px; color:#fff; z-index:13; transform: scale(0.86); transition: 0.6s; transition-delay: 0.3s; opacity:0;}
.cont_main .m2 .slider_box .slick-current .item a .txt {transform: scale(1); left:70px; opacity:1;}
.cont_main .m2 .slider_box .item a .txt h3 {font-size:28px; margin-bottom:10px;}
.cont_main .m2 .slider_box .item a .txt p {font-size:20px;}
.cont_main .m2 .slider_box .item img {width:100%;}
.cont_main .m2 .nav {display:flex; justify-content: center; margin-top:36px;}
.cont_main .m2 .nav .dots ul {display:flex; margin:0 40px; gap:20px; margin-top:-3px;}
.cont_main .m2 .nav .dots ul button {display:block; background:#fff; width:38px; height:38px; border-radius:50%;  text-align:center; line-height:24px; border:1px solid #eee; transition: 0.3s;}
.cont_main .m2 .nav .dots ul .slick-active button {background:#1b89dc; color:#fff; border-color:#1b89dc;}


.cont_main .m3 {padding:0;}

.cont_main .m3 ul { display:flex; max-width:1520px; margin:0 auto; border-left:1px solid #f2f2f2; }
.cont_main .m3 ul li {width:100%;position:relative;  border-right:1px solid #f2f2f2;}
.cont_main .m3 ul li:hover {z-index:3;}
.cont_main .m3 ul li a {display:block;  padding:100px 40px; text-align:center; transition: 0.3s;  position:relative; }
.cont_main .m3 ul li a:hover {  border-color:#fff;  z-index:2; }
.cont_main .m3 ul li a:after {content:''; display:block; width:103px; height:103px; background:url(../images/main/ico01.png) no-repeat; margin:50px auto 0; transition: 0.3s;}

.cont_main .m3 ul li:nth-child(2) a:after {background-image:url(../images/main/ico02.png);}
.cont_main .m3 ul li:nth-child(3) a:after {background-image:url(../images/main/ico03.png);}
.cont_main .m3 ul li a:hover:after {transform: rotateY(180deg);}
.cont_main .m3 ul li a h3 {font-size:28px; margin-bottom:24px; transition: 0.3s;}
.cont_main .m3 ul li a p {font-size:19px; color:#555; line-height:1.4; word-break: keep-all;}
.cont_main .m3 ul li a:hover h3 {color:#1b89dc;}


.cont_main .m4 {padding:0; background:#f8f8f8; height:290vh;}
.cont_main .m4 > .inr {height:100vh; position:sticky; top:0; padding-top:140px; overflow:hidden;}
.cont_main .m4 .tit {max-width:1520px; margin:0 auto 60px;}
.cont_main .m4 .tit h3 {font-size:42px;}
.cont_main .m4 .tit p { font-size:20px; color:#555; margin-top:10px;}
.cont_main .m4 .earth {height:680px; background:url("../images/main/earth.png") no-repeat center top; position:relative; opacity:0; transform: translateY(100px);}
.cont_main .m4 .earth .box {position:absolute; left:50%; top:0px;  width:60px; opacity:0; }
.cont_main .m4 .earth .box:before {content:''; display:block; position:absolute; left:50%; bottom:60px; width:1px; background:#007bd8; height:100px;}
.cont_main .m4 .earth .box a {position:absolute; left:50%; top:0; display:inline-block; white-space: nowrap; padding:0px 20px 0px 18px; line-height:46px; border-radius:60px; background:#007bd8; color:#fff; transform: translateX(-50%); z-index:3; transition:0.3s;}
.cont_main .m4 .earth .box a:before {content:''; display:inline-block; width:12px; height:12px; background:url(../images/main/plus.png) no-repeat; margin-right:10px; transition: 0.3s;}
.cont_main .m4 .earth .box a:hover:before {transform: rotate(180deg);}
.cont_main .m4 .earth .box a span {opacity:.7; margin-left:6px;}
.cont_main .m4 .earth .box a:hover {background:#000 !important; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.cont_main .m4 .earth .box .point { width:60px; height:60px; position:relative; text-align:center; margin-top:146px;}
.cont_main .m4 .earth .box .point:before {content:''; display:block; width:16px; height:16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; border-radius:50%; background:#007bd8;}
.cont_main .m4 .earth .box .point:after {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#007bd8; opacity:0; animation:map01 3s ease-in-out infinite; }
@keyframes map01{
	0%{ opacity:0; transform:scale(0);}
    70%{ opacity:.15;}
    99%{ opacity:0; transform:scale(1);}
    100%{ opacity:0; transform:scale(0);}
}
.cont_main .m4 .earth .box .point em:after {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#007bd8; opacity:0; animation:map01 3s ease-in-out infinite; animation-delay:0.6s; }
.cont_main .m4 .earth .box .point em:before {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#007bd8; opacity:0; animation:map01 3s ease-in-out infinite; animation-delay:1.1s; }

.cont_main .m4 .earth .box .point img { position:relative; z-index:3; }


.cont_main .m4 .earth .box.n1 {margin:-30px 0 0 -104px; transform: translateY(-60px);}
.cont_main .m4 .earth .box.n1 a , .cont_main .m4 .earth .box.n1:before , .cont_main .m4 .earth .box.n1 .point:before , .cont_main .m4 .earth .box.n1 .point:after ,
.cont_main .m4 .earth .box.n1 .point em:after , .cont_main .m4 .earth .box.n1 .point em:before
{background:#ff4e1f;}


.cont_main .m4 .earth .box.n2 { margin:100px 0 0 -37px;  transform: translateX(60px);}
.cont_main .m4 .earth .box.n2:before {width:130px; height:1px; bottom:30px; left:30px;}
.cont_main .m4 .earth .box.n2 a { transform: none; left:160px; top:50%; transform: translateY(-50%);}
.cont_main .m4 .earth .box.n2 .point {margin:0;}

.cont_main .m4 .earth .box.n3 { margin:80px 0 0 -189px;  transform: translateX(-60px);}
.cont_main .m4 .earth .box.n3:before { height:37px;}
.cont_main .m4 .earth .box.n3:after {content:''; display:block; width:200px; height:1px; background:#007bd8; position:absolute; right:30px; top:23px; }
.cont_main .m4 .earth .box.n3 a {left:-280px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n3 .point {margin:60px 0 0 0;}

.cont_main .m4 .earth .box.n4 { margin:168px 0 0 -132px;transform: translateX(60px);}
.cont_main .m4 .earth .box.n4:before { height:44px; bottom:initial; top:30px; }
.cont_main .m4 .earth .box.n4:after {content:''; display:block; width:200px; height:1px; background:#007bd8; position:absolute; left:30px; top:73px; }
.cont_main .m4 .earth .box.n4 a {left:180px; top:50px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n4 .point {margin:0;}


.cont_main .m4 .earth .box.n5 { margin:218px 0 0 -236px;  transform: translateY(60px);}
.cont_main .m4 .earth .box.n5:before { height:84px; bottom:initial; top:30px;}
.cont_main .m4 .earth .box.n5:after {content:''; display:block; width:200px; height:1px; background:#007bd8; position:absolute; left:30px; top:113px; }
.cont_main .m4 .earth .box.n5 a {left:140px; top:90px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n5 .point {margin:0;}


.cont_main .m4 .earth .box.n6 { margin:248px 0 0 -356px;  transform: translateY(60px);}
.cont_main .m4 .earth .box.n6:before { height:100px; bottom:initial; top:30px;}
.cont_main .m4 .earth .box.n6 a {top:106px;}
.cont_main .m4 .earth .box.n6 .point {margin:0;}


.cont_main .m4 .earth .box.n7 { margin:148px 0 0 -766px;  transform: translateX(60px);}
.cont_main .m4 .earth .box.n7:before { height:110px;}
.cont_main .m4 .earth .box.n7:after {content:''; display:block; width:200px; height:1px; background:#007bd8; position:absolute; left:30px; top:113px; }
.cont_main .m4 .earth .box.n7 a {left:80px; top:90px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n7 .point {margin:223px 0 0;}


.cont_main .m4 .earth .box.n8 {margin:110px 0 0 564px;  transform: translateY(-60px);}
.cont_main .m4 .earth .box.n8 .point {margin:110px 0 0;}


/* */ 

.section.n1 {background:#f8f8f8;}

#slid__Menu { position:fixed; left:28px; top:50%; margin-top:-90px;  z-index:1;}
.fp-viewing-mainsection05 #slid__Menu {opacity:0;}
#slid__Menu a span { display:block; width:8px; height:8px; background-color:#999; box-sizing: border-box; margin:30px 0; border-radius: 100%;}
#slid__Menu em {position:absolute; left:0; top:0; transform:rotate(90deg); color:#ed2024; display:block; left:-54px; top:-67px; width:100px; height:30px; text-align:right; opacity:0; font-size:14px;}
#slid__Menu .active a span {background-color:#ed2024;}
#slid__Menu .active em {opacity:1;}


/* main */

/**** 상단 메뉴 **/

.fp-viewing-mainsection02 #hd_wrapper #logo a , 
.fp-viewing-mainsection03 #hd_wrapper #logo a ,
.fp-viewing-mainsection04 #hd_wrapper #logo a {background-position:left top;}

.fp-viewing-mainsection02 #hd #gnb  a , 
.fp-viewing-mainsection03 #hd #gnb a ,
.fp-viewing-mainsection04 #hd #gnb a ,
.fp-viewing-mainsection02 #hd_btn > a,
.fp-viewing-mainsection03 #hd_btn > a,
.fp-viewing-mainsection04 #hd_btn > a {color:#333;}

.fp-viewing-mainsection02 .menu-icon ,
.fp-viewing-mainsection02 .menu-icon:before,
.fp-viewing-mainsection02 .menu-icon:after,  
.fp-viewing-mainsection03 .menu-icon ,
.fp-viewing-mainsection03 .menu-icon:before,
.fp-viewing-mainsection03 .menu-icon:after,  
.fp-viewing-mainsection04 .menu-icon ,
.fp-viewing-mainsection04 .menu-icon:before,
.fp-viewing-mainsection04 .menu-icon:after {background:#333;}



.fp-viewing-mainfooter #hd_wrapper #logo a {background-position:left top;}
.fp-viewing-mainfooter #hd #gnb a ,
.fp-viewing-mainfooter #hd_btn > a{color:#333;}
.fp-viewing-mainfooter .menu-icon ,
.fp-viewing-mainfooter .menu-icon:before,
.fp-viewing-mainfooter .menu-icon:after {background:#333;}
.fp-viewing-mainfooter #hd_wrapper{background:#fff;}


/*************************************** PAGE 01 **************************************/
/* main slider img */
.slickwrap {margin-top:-140px; height:100%;}
.main-slider .slick-txt > p {font-size:17px; font-weight: normal;line-height: 1.6;}
.main-slider { width: 100%; height:90%;}
.main-slider div { height: 100%; position: relative;}
.main-slider a { font-size: 5vw; font-weight: bold; color: #ed2024; text-decoration: none; display: block;height: 100%; background: url("../images/main/visual01.png") no-repeat center / cover;}
.main-slider .slick-bg2 a { background-image: url("../images/main/visual01.png")}
/* main slider txt */
.main-slider .slick-txt { position: absolute; top:calc(50% - 90px); left: 10%; color:#fff;}
.main-slider .slick-txt > h2 {  font-size: 92px; font-weight:bold; margin-bottom: 25px; line-height: 1; letter-spacing:2px;}
.main-slider .slick-txt > h2 img { vertical-align: top; position: relative; display: inline-block; width:42px; top: 11px; margin-left: 4px; animation: m_txt01 4s ease-in-out infinite; animation-delay: 1.2s; z-index: 2;}

.slick-dots {position: absolute; top:calc(50% - -140px); left:10%; z-index: 10;  text-align: center;}
.slick-dots > li { display: inline-block; margin: 12px;}
.slick-dots button { width: 60px; height: 3px; background-color: gray;  text-indent: -9999px; padding: 0; border: none;}
.slick-dots .slick-active button { background-color: #ed2024;}
.slick-arrow {position: absolute; top: 50%; z-index: 10;}
.slick-prev { right:150px;}
.slick-next { right: 50px;}



@keyframes m_txt01{
	0%{   transform:translateY(0px) rotateY(0deg) ; opacity:1; margin-right:0; filter: brightness(1); }
	20%{   transform:translateY(0px) rotateY(-360deg); opacity:.5; margin-right:-10px; filter: brightness(1.4); }
	40% {  transform:translateY(0px) rotateY(0deg) ; opacity:1; margin-right:0; filter: brightness(1); }	
	100% {  transform:translateY(0px) rotateY(0deg) ; opacity:1; margin-right:0;filter: brightness(1); }	
}

/* db List */

.dbList {position:absolute; bottom:8%;  width:100%;}
.dbList h3 {font-size:18px; color:#fff;font-weight: 400; position: absolute; right: 10%; top: -50px;letter-spacing: 0.7px;}
.dbList h3 .pdate{font-weight:700; color:#ed2024;}
.dbList ul {display: flex; align-items: center; gap: 20px; justify-content: center;}
.dbList ul li:first-child{ position: relative; width:23%; background:#ed2024; color:#fff; }
.dbList ul li:first-child > span {font-family:none ;font-size:16px; color:#fff; margin:0 0 0 10px;}
.dbList ul li:first-child .date{position:absolute; right:30px; bottom:55px;  font-size:13px; color:#fff;}
.dbList ul li {width:19%; font-sisze:20px;  padding:1.5% 0 0 3%; height:200px;  background:#fff; color:#000; border-radius:40px;}
.dbList ul li .tit {font-weight:600; padding:3% 0;}
.dbList ul li .num, 
.dbList ul li .count{font-family: 'GongGothicMedium'; font-size:70px; font-weight:400; letter-spacing:-4px;}
.dbList ul li > span {font-family:none ;font-size:16px; color:#888; margin:0 0 0 10px;}






/* PAGE 02 */

.section.n2 {background:url("/theme/ins/images/main/visual_bg_n2.png")right -10px no-repeat; background:none; position:relative; }
.section.n2:before {content:''; display:block; position:absolute; left:0; top:0; height:50%; width:76%; background:#fff; border-radius:0 150px 0 0; }
.section.n2:after {content:''; display:block; position:absolute; right:0; bottom:0; height:50%; width:24%; background:#fff; border-radius:0 0 0 350px; background:#f8f8f8; }
.section.n2 .fp-tableCell:before {content:''; display:block; position:absolute; right:0; top:0; height:50%; width:calc(24% + 250px); background:#f8f8f8; z-index:-1; }
/**/
.section.n2 .fp-tableCell>.inr_box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}


.section.n2 .fp-tableCell > .inr_box .left {display: flex; margin-left: 7%; flex-direction: column;justify-content: center;}


.section.n2 .fp-tableCell > .inr_box .left h2 {font-size:60px; letter-spacing: -2px;}
.section.n2 .fp-tableCell > .inr_box .left h2 > em {font-size:80px; color:#ed2024; }
.section.n2 .fp-tableCell > .inr_box .left h2 > em span{animation:sec02_span02 5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite; animation-delay: 0.6s; display:inline-block;}
@keyframes sec02_span02{
  0%{ transform:translateY(0px) rotateY(0deg) rotateX(0deg); opacity:1; filter:blur(0px); letter-spacing:-0.04em; color:#ed2024;}
    10%{ transform:translateY(0px) rotateY(-180deg) rotateX(0deg); opacity:.85; filter:blur(0px);letter-spacing:-0.14em; color:#2168af;}
    20% {transform:translateY(0px) rotateY(0deg) rotateX(0deg); opacity:1; filter:blur(0px);letter-spacing:-0.04em; color:#ed2024;}
  100% {transform:translateY(0px) rotateY(0deg) rotateX(0deg); opacity:1; filter:blur(0px);letter-spacing:-0.04em; color:#ed2024;}
}





.section.n2 .fp-tableCell > .inr_box .left ul{    display: flex ;gap: 20px; margin-top:50px;}
.section.n2 .fp-tableCell > .inr_box .left ul li:first-child  a { background:#000; color:#fff;}
.section.n2 .fp-tableCell > .inr_box .left ul li {position: relative;}
.section.n2 .fp-tableCell > .inr_box .left ul li a{  display:block; width:230px; height:70px; line-height:70px; padding-left:35px; border-radius:50px; background:#eee; }
.section.n2 .fp-tableCell > .inr_box .left ul li a:hover {background:#000; color:#fff;    transition: 0.3s;}
.section.n2 .fp-tableCell > .inr_box .left ul li:after { content: ''; display: block; width: 60px; height: 1px; background: #fff; position: absolute; left: 126px; top: 50%;}
.section.n2 .fp-tableCell > .inr_box .left ul li i{ width: 13px; height: 13px;  box-sizing: border-box; border-radius: 30px; background: #fff; position: absolute; right: 40px;top: 29px; z-index: -1; z-index: 2; animation: ico_load 2s ease-in-out infinite;}
.section.n2 .fp-tableCell > .inr_box .left ul li:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; right: 40px; top: 29px; border-radius: 5px; background: #fff; margin: 4px;}
.section.n2 .fp-tableCell > .inr_box .right {position: relative;}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider {width:1100px;}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-list .slick-slide:first-child {margin-left:0;}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-list .slick-slide { position: relative;margin-left:20px; /*height:400px;*/ border-radius:30px; overflow: hidden;} 
/* slide-num-nav 01 */
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-01 { position: absolute; bottom: -70px; left: 13.5%; font-size: 13px; font-weight: 600;  display: flex; align-items: center;}
.section.n2 .fp-tableCell > .inr_box .right .slide-num-nav-01 > .navwrap {display:inline-block; width:20px; height:20px; background:url("/theme/ins/images/main/arrow_icon.svg") center center / 12px 12px no-repeat; }
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-01 > .slide-num-prev {  transform: rotate(180deg);}
.section.n2 .fp-tableCell > .inr_box .right .slide-num-nav-01 > .slide-num-counter .current,
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-01 > .slide-num-counter .total {display:inline-block; width:15px; margin:0 7px;}
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-01 > .slide-num-counter .total {color:#ed2024;}
/* slide-num-nav 01 */
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-02 { position: absolute; bottom: -70px; left: 13.5%; font-size: 13px; font-weight: 600;  display: flex; align-items: center;}
.section.n2 .fp-tableCell > .inr_box .right .slide-num-nav-02 > .navwrap {display:inline-block; width:20px; height:20px; background:url("/theme/ins/images/main/arrow_icon.svg") center center / 12px 12px no-repeat; }
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-02 > .slide-num-prev {  transform: rotate(180deg);}
.section.n2 .fp-tableCell > .inr_box .right .slide-num-nav-02 > .slide-num-counter .current,
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-02 > .slide-num-counter .total {display:inline-block; width:15px; margin:0 7px;}
.section.n2 .fp-tableCell > .inr_box .right  .slide-num-nav-02 > .slide-num-counter .total {color:#ed2024;}


.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-slide div a .gr_bg {
  position: absolute;
  top: 20px; left: 0;
  width: 100%; height: 100%;
  transition: background-image 0.5s ease;
  z-index: 1;
  pointer-events: none;

  /* 기본 빨간 그라데이션 */
  background-image:url("/theme/ins/images/main/gr_bg_r.png");
  
}

.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-slide.first-active div a .gr_bg{

background-image:url("/theme/ins/images/main/gr_bg.png");
}    
//.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-slide.first-active .nt-box{background:#000;}

/*
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-slide.first-active div a .gr_bg{
    background:#000;
    background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.54) 53%, rgba(0, 0, 0, 0) 58%)!important ;

}    
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-list .slick-slide div a .gr_bg {
content: '';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
background: #ED2024;
background: linear-gradient(360deg,rgba(237, 32, 36, 1) 0%, rgba(237, 32, 36, 1) 50%, rgba(237, 32, 36, 0.54) 53%, rgba(237, 32, 36, 0) 58%);
 z-index:1;   
   transition: background 0.5s ease;

}
*/



.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .nt-box {position: relative;display: flex; z-index:2; flex-direction: column; gap: 60px; padding: 30px 30px; line-height: 23px; color:#fff; }
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .nt-box li {position: relative;}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .nt-data i {
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border-radius: 30px;
    background: #fff;
    position: absolute;
    right: 18px;
    top: 5px;
    z-index: -1;
    z-index: 2;
    animation: ico_load 2s ease-in-out infinite;

}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .nt-data:after {

content: '';
    display: block;
    width: 60%;
    height: 1px;
    background: #fff;
    opacity: .3;
    position: absolute;
    right: 20px;
    top: 50%;


}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .nt-data:before {

content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 18px;
    top: 5px;
    border-radius: 5px;
    background: #fff;
    margin: 4px;

    
}
/* PAGE 03 */
.section.n3 {background:url("/theme/ins/images/main/visual_bg.png")left bottom no-repeat; background-size:auto calc(100vh - 100px);}
.section.n3 .fp-tableCell > .inr_box { display: flex; justify-content: space-between;    max-width:1700px; margin: 0 auto; position: relative; z-index: 2;}
.section.n3 .fp-tableCell > .inr_box > .left {position: relative; width:55%;}
.section.n3 .fp-tableCell > .inr_box > .left h2 {font-size:20px; color:#fff; font-weight:200; text-transform: uppercase; margin-bottom:40px;}
.section.n3 .fp-tableCell > .inr_box > .left .popupzone li {}
.section.n3 .fp-tableCell > .inr_box > .left .popupzone > div a img {width:100%;border-radius: 50px; overflow: hidden;}
.section.n3 .fp-tableCell > .inr_box > .left .popupzone-nav {po}

.section.n3 .fp-tableCell > .inr_box > .right {width:43%;}
.section.n3 .fp-tableCell > .inr_box > .right h2 { font-family: 'GongGothicMedium'; font-weight:normal; font-size:2.5rem; margin-top:80px;}
.section.n3 .fp-tableCell > .inr_box > .right h2:after {content:'';display: block; width:50px; height:1px; background:#d6d6d6; margin:20px 0;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box {    display: flex;     justify-content: space-between; font-size:19px; color:#8c8c8c;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box p {width:32%;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul {display: flex; justify-content: space-between;gap:20px; width:60%; flex-wrap: nowrap; font-size:17px;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li {width:48%;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a { display: block; position: relative; line-height: 60px; height: 60px; padding-left: 25px; color: #fff; font-size:17px; background: #000; border-radius: 50px;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a:before{content:''; position: absolute; top:25px; right:25px; display: inline-block; width:5px; height:9px; background:url("/theme/ins/images/main/ico_arrow.png") no-repeat; }
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a:hover:before { animation: arrow-rt .7s infinite ease-in-out;}








@keyframes arrow-rt {
  0% {
    right: 25px; /* 시작 위치 */
  }
  100% {
    right: 10px; /* 끝 위치 */
    opacity: 0;
  }
}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:140px;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li {width: calc(50% - 10px); margin-bottom:20px; }
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li  a:hover:after {animation: arrow-rt .7s infinite ease-in-out;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li  a:after {content:''; position: absolute; top:33px; right:30px; display: inline-block; width:15px; height:13px; background:url("/theme/ins/images/main/ico_arrow_double.png") no-repeat;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li  a:before{ content: ''; position: absolute; top: calc(50% - 20px); left:20px; display:inline-block; width: 40px; height: 41px; background: url(/theme/ins/images/main/quick_01.png) no-repeat; transition: 0.3s ease-in-out;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li.q2  a:before {background: url(/theme/ins/images/main/quick_02.png) no-repeat;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li.q3  a:before {background: url(/theme/ins/images/main/quick_03.png) no-repeat;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li.q4  a:before {background: url(/theme/ins/images/main/quick_04.png) no-repeat;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:hover:before { transform:rotateY(180deg); }
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li a{ position: relative;display:block;  height:80px; font-size:20px;  padding-left:80px; line-height:80px;color:#fff; background:#ed2024; border-radius:15px; transition:0.3s;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:hover {filter:brightness(1.4);}

/* 반응형 */


.section.n3 .fp-tableCell .menu_w {display: none; justify-content: space-between; flex-wrap: wrap; margin-top:0; padding:5%;}
.section.n3 .fp-tableCell .menu_w li {width: calc(50% - 10px); margin-bottom:20px; }
.section.n3 .fp-tableCell .menu_w li  a:hover:after {animation: arrow-rt .7s infinite ease-in-out;}
.section.n3 .fp-tableCell .menu_w li  a:after {content:''; position: absolute; top:25px; right:20px; display: inline-block; width:15px; height:13px; background:url("/theme/ins/images/main/ico_arrow_double.png") no-repeat;}
.section.n3 .fp-tableCell .menu_w li  a:before{ content: ''; position: absolute; top: calc(50% - 20px); left:20px; display:inline-block; width: 40px; height: 41px; background: url(/theme/ins/images/main/quick_01.png) no-repeat; transition: 0.3s ease-in-out;}
.section.n3 .fp-tableCell .menu_w li.q2  a:before {background: url(/theme/ins/images/main/quick_02.png) no-repeat;}
.section.n3 .fp-tableCell .menu_w li.q3  a:before {background: url(/theme/ins/images/main/quick_03.png) no-repeat;}
.section.n3 .fp-tableCell .menu_w li.q4  a:before {background: url(/theme/ins/images/main/quick_04.png) no-repeat;}
.section.n3 .fp-tableCell .menu_w li a:hover:before { transform:rotateY(180deg); opacity:.5;}
.section.n3 .fp-tableCell .menu_w li a{ position: relative;display:block;  height:80px; font-size:20px;  padding-left:80px; line-height:80px;color:#fff; background:#ed2024; border-radius:15px;}






.popupzone {max-width: 780px;}
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav {position:absolute; top:0; right:15%; font-size:13px; font-weight:600; display: flex; align-items: center;}
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav > .navwrap {display:inline-block; width:20px; height:20px; background:url("/theme/ins/images/main/arrow_icon.svg") center center / 12px 12px no-repeat; }
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav > .slide-num-prev {  transform: rotate(180deg);}
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav > .slide-num-counter .current,
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav > .slide-num-counter .total {display:inline-block; width:15px; margin:0 7px;}
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav > .slide-num-counter .total {color:#ed2024;}


/* PAGE 4 */


.section.n4 .fp-tableCell > .inr_box  {display: flex; justify-content: space-between;    max-width: 1750px; height:100%; align-items: center; margin: 0 auto; position: relative; z-index: 2;}
//.section.n4 .fp-tableCell > .inr_box #map{width:100%;height: calc(100vh - 200px);border-radius: 30px;}
.section.n4 .cs_box { display:flex; gap:20px; position:absolute; right:0; bottom:0; z-index: 2; background:#fff; padding:20px 20px 0px 20px; border-top-left-radius:50px;}
.section.n4 .cs_box:after {
    content: '';
    position: absolute;
    top: 44px;
    left: -55px;
    display: block;
    z-index: 3;
    width: 56px;
    height: 56px;
    background: url(/theme/ins/images/main/csbox_round.png);
    background-size: 56px 56px;
}
.section.n4 .cs_box:before {
    content: '';
    position: absolute;
    top: -56px;
    right: 0px;
    display: block;
    z-index: 3;
    width: 56px;
    height: 56px;
    background: url(/theme/ins/images/main/csbox_round.png);
    background-size: 56px 56px;
}
.section.n4 .cs_box li{ position: relative;padding:30px 40px 30px 70px; text-align: center; background:black; border-radius:100px; color :#fff; }
.section.n4 .cs_box li:nth-child(2) {animation-delay: 0.5s;}
.section.n4 .cs_box li:nth-child(3) {animation-delay: 0.7s;}

.section.n4 .cs_box li:before {content:''; position: absolute; top:calc(50% - 11px); left:40px; display:block; width:22px; height:22px;background:url("/theme/ins/images/main/ico_cs_add.png");}
.section.n4 .cs_box li.tel:before {background:url("/theme/ins/images/main/ico_cs_tel.png");} 
.section.n4 .cs_box li.fax:before {background:url("/theme/ins/images/main/ico_cs_fax.png");} 
.section.n4 .cs_box li.add {background:#ED2024;}


.section.n4 .m_cs_box { display:none; gap:20px; padding:20px 20px 0px 20px; border-top-left-radius:50px;flex-direction: column;}
.section.n4 .m_cs_box:after {
    content: '';
    position: static;
    top: 44px;
    left: -55px;
    display: block;
    z-index: 3;
    width: 56px;
    height: 56px;
    background: url(/theme/ins/images/main/csbox_round.png);
    background-size: 56px 56px;
}
.section.n4 .m_cs_box:before {
    content: '';
    position: static;
    top: -56px;
    right: 0px;
    display: block;
    z-index: 3;
    width: 56px;
    height: 56px;
    background: url(/theme/ins/images/main/csbox_round.png);
    background-size: 56px 56px;
}
.section.n4 .m_cs_box li{ position: relative;padding:30px 40px 30px 70px; text-align: center; background:black; border-radius:100px; color :#fff; }
.section.n4 .m_cs_box li:nth-child(2) {animation-delay: 0.5s;}
.section.n4 .m_cs_box li:nth-child(3) {animation-delay: 0.7s;}

.section.n4 .m_cs_box li:before {content:''; position: absolute; top:calc(50% - 11px); left:40px; display:block; width:22px; height:22px;background:url("/theme/ins/images/main/ico_cs_add.png");}
.section.n4 .m_cs_box li.tel:before {background:url("/theme/ins/images/main/ico_cs_tel.png");} 
.section.n4 .m_cs_box li.fax:before {background:url("/theme/ins/images/main/ico_cs_fax.png");} 
.section.n4 .m_cs_box li.add {background:#ED2024;}


.section.n4 #map .cs_box + div {filter:brightness(0.95);}
.section.n4 #map .cs_box + div + div {left:40px !important; bottom:40px !important;}
.section.n4 #map .cs_box + div + div + div > div { left:40px !important; top:40px !important;}








@media screen and (max-width: 1669px) {
  
  .dbList ul li:first-child .date{top:25px; bottom:none !important;}
  .dbList ul li .num, .dbList ul li .count { font-size: 50px ; }
  .dbList ul li { height: 150px; }
  .section.n2 .fp-tableCell > .inr_box .right {width:60%;}
  .section.n2 .fp-tableCell > .inr_box .left h2 > em { font-size: 60px; }
  .section.n2 .fp-tableCell > .inr_box .left h2 { font-size: 40px; }
  .section.n2 .fp-tableCell > .inr_box .left ul li a {width:180px !important;}
  .section.n2 .fp-tableCell > .inr_box .left ul li:after{width:30px !important;}
  .section.n2 .fp-tableCell > .inr_box .left ul li:before,
  .section.n2 .fp-tableCell > .inr_box .left ul li i{right:20px !important; }
  .section.n3 { background-size: 35%; }
  .section.n3 .inr_box, .section.n4 .inr_box { padding: 0 70px; }
  
  .section.n3 .fp-tableCell > .inr_box > .right { width: 45% ; padding: 0 30px; display: flex;flex-direction: column;justify-content: center;}
  .popupzone .slick-slide { padding: 0 30px; }
  
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box { margin-top: 40px !important; }
  .section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li {width:50% !important;}
  .section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a{text-align: center; padding:0 !important;}
  .section.n3 .fp-tableCell > .inr_box > .right .cs_box p { width: 49%; font-size: 18px; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:after { opacity: 0; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a { font-size: 15px !important; height: 60px !important; line-height: 60px !important; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:before { content: ''; position: absolute; top: calc(50% - 18px) !important; left: 30px !important; display: inline-block; width: 30px !important; height: 31px !important; background: url(/theme/ins/images/main/quick_01.png) no-repeat; background-size: 30px 31px !important; transition: 0.3s ease-in-out; }
  #ft .inr {padding:50px 50px 30px 50px;}

}




@media (max-width: 1500px){
  

 .fp-tableCell {height: auto !important;}
  .dbList ul li:first-child .date{top:25px; bottom:none;}
  .dbList ul li .num, .dbList ul li .count { font-size: 50px; }
  .dbList ul li { height: 150px; }
  .section.n2 .fp-tableCell > .inr_box .right {width:60%;}
  .section.n2 .fp-tableCell > .inr_box .left h2 > em { font-size: 60px ; }
  .section.n2 .fp-tableCell > .inr_box .left h2 { font-size: 40px; }
  .section.n2 .fp-tableCell > .inr_box .left ul li a {width:180px;}
  .section.n2 .fp-tableCell > .inr_box .left ul li:after{width:30px;}
  .section.n2 .fp-tableCell > .inr_box .left ul li:before,
  .section.n2 .fp-tableCell > .inr_box .left ul li i{right:20px; }
  .section.n3 { background-size: 43% ; }
  .section.n3 .inr_box, .section.n4 .inr_box { padding: 0 70px; }
  .section.n3 .fp-tableCell > .inr_box > .right { width: 40%; padding: 0 30px; }
  .popupzone .slick-slide { padding: 0 30px; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box { margin-top: 40px; }
  .section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a{text-align: center; padding:0 ;}
  .section.n3 .fp-tableCell > .inr_box > .right .cs_box p { width: 49%; font-size: 14px; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:after { opacity: 0; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a { font-size: 15px; height: 60px; line-height: 60px ; }
  .section.n3 .fp-tableCell > .inr_box > .right .menu_box li a:before { content: ''; position: absolute; top: calc(50% - 18px); left: 30px; display: inline-block; width: 30px; height: 31px; background: url(/theme/ins/images/main/quick_01.png) no-repeat; background-size: 30px 31px; transition: 0.3s ease-in-out; }
 
  
}
  
@media screen and (max-width: 1279px) {



.section.n2 .fp-tableCell > .inr_box .left h2 > em,
.section.n2 .fp-tableCell > .inr_box .left h2 {width:60%; font-size:50px; }
.section.n2 .fp-tableCell > .inr_box .left ul{padding-right:5%;}
.section.n2 .fp-tableCell > .inr_box .right,
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider{width:100% ;  padding: 5% 0 0 2%;}

.section.n2 {background-size:60%;}
.section.n2 .fp-tableCell > .inr_box{flex-direction: column;}
.section.n2 .fp-tableCell > .inr_box .left {flex-direction: row; justify-content: left;}
.section.n2 .fp-tableCell > .inr_box .right > .nt-slider .slick-slide div a .gr_bg {top:0; gap:40px;}

.section.n2 .fp-tableCell > .inr_box .right .slide-num-nav,
.section.n3 .fp-tableCell > .inr_box > .left .slide-num-nav {display:none;}
.section.n3 .fp-tableCell .menu_w {display: flex;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box p {width:100% ;}
.section.n3{background-size:50%; background-position-y: top;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box {flex-direction: column;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul {flex-wrap: nowrap ;width: 100%;margin-top:10%;}
.section.n3 .fp-tableCell > .inr_box > .right .menu_box {display: none;}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a {font-size:1.5vw;}
.section.n3 .inr_box, .section.n4 .inr_box {padding:0 5%;}

.popupzone {width:100%; max-width: none;}
.popupzone .slick-slide { padding:0;}
.section.n3 .fp-tableCell > .inr_box > .left .popupzone > div a img {border-radius: 20px;} 
#slid__Menu,.m_scroll {display:none;}
.main-slider {height:70%;}
.main-slider .slick-txt {left:0; width:100%; display: flex; flex-direction: column; align-items: center;text-align: center;}
.slick-dots{width:100%; left:0;}
.dbList h3 {width:100%; right:0; text-align: center;}
.dbList ul {flex-wrap: wrap;}
.dbList ul li:first-child {width:95% ;}
.dbList ul li {width:30%;}
.dbList ul li .tit{padding:1% 0;}

.section.n4 .cs_box {    flex-direction: column;}



#hd_wrapper #logo a {background-position: left bottom; height:40px; background-size: auto 90px;}
#hd:hover #hd_wrapper #logo a,
#hd.fixed #hd_wrapper #logo a {background: url('../images/common/logo_header.png') no-repeat left top; height:40px; background-size: auto 90px;}
#gnb_1dul {display: none;}
}  

@media screen and (max-width: 767px) {

#hd_wrapper {position: fixed; background: #fff; height: 62px; min-width: 320px;}
#hd_btn {top: -15px; right: 20px;}
#logo {left: 20px;}
#hd_wrapper #logo a, #hd:hover #hd_wrapper #logo a, #hd.fixed #hd_wrapper #logo a {background: url('../images/common/logo_header.png') no-repeat left top; height: 30px; background-size: auto 65px;}
.menu-icon, .menu-icon:before, .menu-icon:after {background: #000;}

.slickwrap {margin-top: 0;}
.section {height: auto !important;}
.main-slider {height: 380px !important;}
.main-slider .slick-txt {position: static; display: flex; align-items: center; justify-content: center; margin: 0; height: 360px; padding-top: 42px; box-sizing: border-box; flex-direction: column;}
.main-slider .slick-txt > p {font-size: 0.8rem;}
.main-slider .slick-txt > h2 {font-size: 50px;}
.main-slider .slick-txt > h2 img {width: 23px; top: 5px;}
.slick-dots > li {display: none;}
.dbList {position: static; background: #fff;}
.dbList ul li {height: auto; border-radius: 10px; padding: 20px; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.dbList ul li:first-child {border: none; text-align: left; padding: 20px 40px;}
.dbList ul li:first-child span:nth-child(3) {display: none;}
.dbList ul li .tit {font-size: 15px; font-weight: 400;}
.dbList ul li > span {display: none;}
.dbList ul li:first-child > span {display: block;}
.dbList h3 {position: initial; font-size: 16px; right: 0; top: -230px; letter-spacing: 0.7px; background: #fff; padding: 20px 0px; color: #000;}
.dbList ul {gap: 10px;}
.dbList ul li .num, .dbList ul li:first-child .count {font-size: 35px; letter-spacing: -1px;}
.dbList ul li .num, .dbList ul li .count {font-size: 23px; letter-spacing: -1px;}

.section.n2, .section.n3, .section.n4 {padding:80px 0;}
.section.n2 .fp-tableCell > .inr_box .left h2 > em, .section.n2 .fp-tableCell > .inr_box .left h2{font-size:24px; text-align: center;}
.section.n2 .fp-tableCell > .inr_box .left {align-items: center;flex-direction: column;  margin-left:0; padding:0px 10px 60px 10px;}
.section.n2 .fp-tableCell > .inr_box .right, .section.n2 .fp-tableCell > .inr_box .right > .nt-slider {padding:0;}

.section.n3 {
    background: url('/theme/ins/images/main/visual_bg_w.png') left 80px no-repeat;
    background-size:cover;
}
.section.n3 .fp-tableCell > .inr_box {flex-direction: column;}
.section.n3 .fp-tableCell > .inr_box > .left {width:100%; padding:20px 0;}
.section.n2 .fp-tableCell > .inr_box .left ul {display: none;}
.section.n3 .fp-tableCell > .inr_box > .right {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 20px;
    text-align: center;
}
    .section.n3 .fp-tableCell .menu_w li a {
    font-size: 15px;
    padding-left: 0px;
    height: 140px;
    line-height: 190px;
    text-align: center;
}

.section.n3 .fp-tableCell > .inr_box > .right h2 {font-size:24px; color:#fff; margin-top:0;}
.section.n3 .fp-tableCell > .inr_box > .right h2:after {width:100%; background:rgba(255, 255, 255, .3)}
.section.n3 .fp-tableCell > .inr_box > .right .cs_box ul li a { font-size:15px; background:rgba(255, 255, 255, .3);}
    .section.n3 .fp-tableCell .menu_w li a:before {
    width: 40px;
    top: 27px;
    left:calc(50% - 20px);
    height: 41px;
    background-size: 40px !important;
}
.section.n3 .fp-tableCell .menu_w li a:after {display:none;}
.section.n3 .fp-tableCell > .inr_box > .left h2 {font-size:24px; font-weight:600;}
.section.n4 .fp-tableCell > .inr_box #map {height: 300px !important; border-radius:0px !important;}
.section.n4 .cs_box {display: none;}
.section.n4 .fp-tableCell > .inr_box {flex-direction: column; }
.section.n4 .m_cs_box {display: flex; width:100%; font-size: 15px; gap:10px; padding:50px 0 -100px 0;padding: 50px 0 0px 0;margin-bottom: -20px;}
.section.n4 .m_cs_box li {padding:20px 40px 20px 70px;}
.section.n4 .m_cs_box:before ,.section.n4 .m_cs_box:after { display:none;}
}