/* BASIC css start */
.pageLoading{position:fixed;width:100%; height:100%; background:#fff;left:0;top:0; z-index:999999999;}
#header{position:relative;}
#header .headerGnb .gnbInner ul li a{text-align:left;}
#header .headerGnb .gnbInner ul li dl {text-align: left;}
#header .headerGnb .gnbCenter .table-wrap .sub_cate{padding-top:30px !important; height:375px !important;}

/* °øÅë */
.myContent{position:relative; height:100%;}
.myContent .red_tit{font-size:42px;color:#092e49;font-weight:700;position:relative;padding-top:100px;margin-bottom:30px;letter-spacing: -0.025em;}
.myContent .red_tit strong{color:#000;}
.myContent .red_tit::before{content:'';width: 4px;height: 70px;background: #092e49;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.myContent .white_tit{font-size:42px;color:#fff;font-weight:700;position:relative;padding-top:100px;margin-bottom:30px}
.myContent .white_tit::before{content:'';width: 4px;height: 70px;background: #fff;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.myContent .cont{font-size:20px;color:#222;white-space: pre-line;position:relative;z-index:99;line-height: 34px;}
.myContent .red_bar{padding-top:100px;}
.myContent .red_bar::before{content:'';width: 4px;height: 100px;background: #092e49;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}


/* ÆäÀ̵åÀÎ */
.ani1, .ani2, .ani3, .ani4, .ani5, .ani6, .ani7, .ani8, .ani9, .ani10, .ani11, .ani12{opacity:0;}
.active .ani1{opacity:1;transition-delay:.1s!important;transition:all ease 2s}
.active .ani2{opacity:1;transition-delay:.3s!important;transition:all ease 2s}
.active .ani3{opacity:1;transition-delay:.5s!important;transition:all ease 2s}
.active .ani4{opacity:1;transition-delay:.7s!important;transition:all ease 2s}
.active .ani5{opacity:1;transition-delay:.9s!important;transition:all ease 2s}
.active .ani6{opacity:1;transition-delay:1.1s!important;transition:all ease 2s}
.active .ani7{opacity:1;transition-delay:1.3s!important;transition:all ease 2s}
.active .ani8{opacity:1;transition-delay:1.5s!important;transition:all ease 2s}
.active .ani9{opacity:1;transition-delay:1.7s!important;transition:all ease 2s}
.active .ani10{opacity:1;transition-delay:1.9s!important;transition:all ease 2s}
.active .ani11{opacity:1;transition-delay:2.1s!important;transition:all ease 2s}
.active .ani12{opacity:1;transition-delay:2.3s!important;transition:all ease 2s}


/* ³×ºñ°ÔÀÌ¼Ç »ö»ó ´Ù¸£°Ô */
#menu.other_color li a{color: #39729a;}
#menu.other_color li a::before{content:'';background: #194b70;}
#menu.other_color li.active a{color: #81a3bf;}
#menu.other_color li.active a::before{background: #81a3bf;}
#menu.other_color li.active a::after{content:'';border: 1px solid #81a3bf;}
#menu.other_color::before{content:'';background: #194b70;}

/* »ó´Ü ¿µ¿ª */
#header .headerTnb{padding-top:15px;margin-top:0!important}
.header_section{height:193px}


/* ù¹ø° ¿µ¿ª*/
#section1 .cont {font-weight:400;}
#section1 .cont b {font-weight:600; color: #092e49;}

/* ½ºÅ©·Ñ´Ù¿î ¾ÆÀÌÄÜ */
#scrollDown{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;width:150px;text-align:center;color:#000;font-size:16px;letter-spacing:0;font-weight:600}
#scrollDown .icon{position:relative;border:2px #000 solid;width:20px;height:30px;border-radius:15px;min-width:18px;min-height:18px;display:inline-block;margin:0;padding:0;text-decoration:none;background-repeat:no-repeat;background-color:transparent;background-position:center center;line-height:1;vertical-align:middle;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#scrollDown .icon::after{content:'';position:absolute;top:7px;left:50%;margin-left:-2px;width:4px;height:4px;border-radius:100%;background-color:#000;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-animation:scrollDownPointer 1.5s infinite;animation:scrollDownPointer 1.5s infinite}
#scrollDown span{display:block;margin-top:24px}
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes scrollDown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes scrollDownPointer {
  60% {
    -webkit-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
  70% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes scrollDownPointer {
  60% {
    -webkit-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
  70% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}


/* µÎ¹ø° ¿µ¿ª */
#section2 .white_tit{margin-bottom:70px;letter-spacing: -0.025em;}
#section2 .clear{width:1120px;margin: 20px auto;display: table;}
#section2 .clear .table_cell{display: table-cell;vertical-align: top;}
#section2 .clear .table_cell .label span{display:inline-block; width:110px; line-height:34px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#092e49; border-radius:7px;}
#section2 .clear .table_cell strong{display:block; font-size:40px; color:#092e49; line-height:50px; font-weight:bold;}
#section2 .clear .table_cell b{font-weight: 600; color: #092e49;}
#section2 .clear.box1{padding:120px 0 90px; border-bottom:1px solid #eee;}
#section2 .clear.box1 .table_cell{text-align:left}
#section2 .clear.box1 .table_cell.img1{padding-top:32px; text-align:right;}
#section2 .clear.box2 {padding:25px 0 120px;}
#section2 .clear.box2 .table_cell{text-align:right;}
#section2 .clear.box2 .table_cell.img1{text-align: left; padding-top: 110px; }


/* ¼¼¹ø° ¿µ¿ª */
#section3 .historyTabWrap .historyTabBtn{padding:55px 0 70px; text-align:center;}
#section3 .historyTabWrap .historyTabBtn li{display:inline-block; margin-right:8px; }
#section3 .historyTabWrap .historyTabBtn li:last-child{margin-right:0;}
#section3 .historyTabWrap .historyTabBtn li a{ display:block; width:260px; font-size:20px; font-weight:bold; text-align:center; line-height:58px; color:#999; border:1px solid #ddd; border-radius:30px; }
#section3 .historyTabWrap .historyTabBtn li a.active{ background:#092e49; color:#fff; border:1px solid #092e49; }
#section3 .historyTabWrap .historyTabCon .tabConBox{display:none; position:relative; padding-bottom:80px; min-height:920px;}
#section3 .historyTabWrap .historyTabCon .tabConBox.open{display:block;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul{ position:relative; top:0; left:50%; margin-left:-0.5px; width:1px; background:#d3dae4; }
#section3 .historyTabWrap .historyTabCon .tabConBox ul li{width:540px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .imgWrap{width:130px; }
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .imgWrap img{width:100%;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap{padding-top:10px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap .work{margin-bottom:25px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap .work:last-child{margin-bottom:0;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap .work strong{display:block; font-size:18px; font-weight:900; font-family: 'Lato', sans-serif; }
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap .work span{display:block; margin-top:5px; font-size:15px; color:#666;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .textWrap .work em.c_red{color:#e58080;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .guideLine{position:absolute;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .guideLine span:nth-child(1){display:block; width:10px; height:10px; border-radius:5px; background:#d3dae4;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li .guideLine span:nth-child(2){display: block; position: absolute; width: 37px; border-top: 1px dashed #cad0d9;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(odd){left:0;  padding-left:60px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(odd) .imgWrap{float:left; padding-right: 40px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(odd) .textWrap{float:left;text-align:left;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(odd) .guideLine{left:-4px; top:60px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(odd) .guideLine span:nth-child(2){top: 5px; left: 10px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(even){left:-600px; padding-right:60px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(even) .imgWrap{float:right; padding-left: 40px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(even) .textWrap{float:right; text-align:right;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(even) .guideLine{right:-5px; top:60px;}
#section3 .historyTabWrap .historyTabCon .tabConBox ul li:nth-child(even) .guideLine span:nth-child(2){top: 5px; right: 10px;}
/*1984 ~ 2010*/
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul{ height:700px; }
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul li{position:absolute;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul li:nth-child(1){top:20px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul li:nth-child(2){top:156px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul li:nth-child(3){top:360px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(1) ul li:nth-child(4){top:530px;}
/*2011 ~ 2019*/
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul{ height:920px; }
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li{position:absolute;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li:nth-child(1){top:20px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li:nth-child(2){top:195px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li:nth-child(3){top:325px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li:nth-child(4){top:500px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(2) ul li:nth-child(5){top:750px;}
/*2020 ~ 2022*/
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(3) ul{ height:495px; }
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(3) ul li{position:absolute;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(3) ul li:nth-child(1){top:20px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(3) ul li:nth-child(2){top:190px;}
#section3 .historyTabWrap .historyTabCon .tabConBox:nth-child(3) ul li:nth-child(3){top:320px;}


/* ³×¹ø° ¿µ¿ª */
#section4{background-image:url(/design/charmzone/renew_22/img/pc/company_sec4_bg.png); background-size:cover; background-position:center; background-repeat:no-repeat;}
#section4 .ConBox1 p{margin-bottom:130px; font-size:20px; font-weight:300; color:#fff; line-height:34px;}
#section4 .ConBox2{width:945px; margin:0 auto;}
#section4 .ConBox2 ul li{width:275px; padding:70px 0; margin-right:60px; border-radius:20px; background:#81a3bf;}
#section4 .ConBox2 ul li:nth-child(3n){margin-right:0;}
#section4 .ConBox2 ul li strong{display:block; width:120px; margin:0 auto 20px; font-size:28px; color:#547ea0; font-weight:900; line-height:56px; background:#fff; border-radius:30px}
#section4 .ConBox2 ul li strong em{color:#092e49; font-weight:900;}
#section4 .ConBox2 ul li span{font-size:20px; color:#fff; line-height:28px;}

/* ´Ù¼¸¹ø° ¿µ¿ª */
#section5 .cont {margin-bottom: 70px; font-size:28px; }
#section5 .ani3{width: 1200px; margin: 0 auto; padding-bottom:200px; text-align:center;}


/* ¿©¼¸¹ø° ¿µ¿ª */
#section6 .conBox1 {padding:40px 0 120px;}


/* ÀÏ°ö¹ø° ¿µ¿ª */
#section7 .cont {margin-bottom:120px; color:#fff;}
#section7 .cont em{color:#81a3bf}
#section7 .comBox1{width:1290px; margin:0 auto;}
#section7 .comBox1 ul li{width:198px; margin-right:20px;}
#section7 .comBox1 ul li:nth-child(6n){margin-right:0;}
#section7 .comBox1 ul li img{display:block; width:100%; margin-bottom:20px;}
#section7 .comBox1 ul li strong{font-size:19px;color:#fff; line-height:28px;font-weight:400;}

/* ½ºÅ©·Ñž */
#quick_button{display:none;position:fixed;right:35px;bottom:35px;z-index:999;cursor: pointer;}


.fp-tableCell{width:1920px !important;}

/* 2022/08/23 ¼öÁ¤ css */
.list_swiper {width:100%;}
.list_swiper .swiper-wrapper {align-items:flex-end;}
.list_swiper .swiper-wrapper .swiper-slide,
.list_swiper .swiper-wrapper .swiper-slide img {transition:none;}
.list_swiper .swiper-wrapper .swiper-slide.row01 {padding-bottom:24px;}
#list_swiper3 .swiper-slide {margin:0 40px;}
/* BASIC css end */