/** 내 용 **/
.wrap {position: relative;}
.wrap section {width:100%; position: relative; padding:75px 0; margin:0;}
.f_gra {
    background: linear-gradient(to right, #1275e0, #7d19d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

/**서브메뉴**/
.wrap .sub_top_banner {margin-top:145px; display: table; background-image: url('../img/sub_banner01.jpg'); background-size:cover; background-position: center; background-repeat: no-repeat; width:100%; height:200px;}
.wrap .sub_top_banner .inner {display: table-cell; width:100%; vertical-align: middle; text-align:center;  }
.wrap .sub_top_banner .inner h2 { font-size: 40px; font-weight: bold; color:#fff; letter-spacing: 1px; }
.wrap .submenu_select {width:100%; display: block; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:48px; text-align: center; background-color:#fafafa;}
.wrap .submenu_select > ul {width: 1100px; margin:0 auto; display:inline-block; text-align:left; }
.wrap .submenu_select > ul > li {border-left:1px solid #e6e6e6; float:left;}
.wrap .submenu_select > ul > li .ioc_bx { position: relative; width:200px; }
.wrap .submenu_select > ul > li:hover {background-color:#f3f3f3;}
.wrap .submenu_select > ul > li:last-child {border-right:1px solid #e6e6e6;}
.wrap .submenu_select > ul > li .ioc_bx .bt {display: block; height:46px; line-height:47px; padding:0 20px; background: url('../img/select_arrow02.png') 170px center no-repeat; /* 화살표 이미지 */ }
.wrap .submenu_select > ul > li  .ioc_bx > ul {z-index: 9; position: absolute; top:47px; left:0; width:100%; background-color:#f5f5f5; padding:10px 20px; border:1px solid #e6e6e6; display: none; border-top:0;}
.wrap .submenu_select > ul > li  .ioc_bx > ul > li {}
.wrap .submenu_select > ul > li  .ioc_bx > ul > li a {padding:10px 0; display: block;}
.wrap .submenu_select > ul > li  .ioc_bx > ul > li a:hover {color:#999;}

/**서브타이틀 공통**/
.wrap section {width:100%; position: relative; padding:100px 0; margin:0; text-align:center; }
.wrap section .tit {margin-bottom:50px; }
.wrap section .tit h2 {font-size:36px; font-weight: 600; margin-bottom:30px; line-height: 46px;}
.wrap section .tit p {font-weight: 400;}

/**sub_about01**/
.wrap .sub_about01 .section01 {}
.wrap .sub_about01 .section01 .inner_01 {}
.wrap .sub_about01 .section01 .inner_01 ul { display:inline-block; width:100%; }
.wrap .sub_about01 .section01 .inner_01 ul li { float:left; width:23%; margin:0 1%; }

.wrap .sub_about01 .section02 {}
.wrap .sub_about01 .section02 .inner_01 {}
.wrap .sub_about01 .section02 .inner_01 ul { display:inline-block; width:100%; }
.wrap .sub_about01 .section02 .inner_01 ul li { float:left; width:31.3%; margin:0 1%; }
.wrap .sub_about01 .section02 .inner_01 ul li:nth-child(1) .li_inner {background-image: url('../img/about01_bg01.jpg');}
.wrap .sub_about01 .section02 .inner_01 ul li:nth-child(2) .li_inner {background-image: url('../img/about01_bg02.jpg');}
.wrap .sub_about01 .section02 .inner_01 ul li:nth-child(3) .li_inner {background-image: url('../img/about01_bg03.jpg');}
.wrap .sub_about01 .section02 .inner_01 ul li .li_inner { position: relative; border-radius: 50%; width:100%; height:auto; padding-top:100%; }
.wrap .sub_about01 .section02 .inner_01 ul li .li_inner .li_txt {position: absolute; top:40px; padding:0 30px; border-radius: 50%;}
.wrap .sub_about01 .section02 .inner_01 ul li .li_inner .li_txt img {margin-bottom:20px;}
.wrap .sub_about01 .section02 .inner_01 ul li .li_inner .li_txt h3 {font-size:18px; font-weight: 600; margin-bottom:15px; color:#fff; line-height: 24px;}
.wrap .sub_about01 .section02 .inner_01 ul li .li_inner .li_txt p {font-size:14px; color:rgba(255,255,255,0.8); font-weight: 400;}

.table_inner {}
.table_inner .table_style {font-size:18px; line-height: 24px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_inner .table_style thead {background-color:#f1f1f1;}
.table_inner .table_style th {padding:12px 40px; border-left:1px solid #ddd; font-weight: 600; border-top:1px solid #ddd;}
.table_inner .table_style td {padding:12px 40px; border-left:1px solid #ddd; font-weight: 400; border-top:1px solid #ddd;}
.table_inner .table_style td.table_accent { background-color:#f2f6fa; }
.txt_red {font-weight: 600!important; color:#e91a1a;}

/**sub_about02**/
.wrap .sub_about02 .section01 .inner_01 ul {display: inline-block; width:100%;}
.wrap .sub_about02 .section01 .inner_01 ul li {float:left; width:31.3%; margin:0 1%; margin-bottom:80px;}
.wrap .sub_about02 .section01 .inner_01 ul li .bg {display: block; width:100%; height:315px; background-size:cover; background-repeat: no-repeat; background-position: center;  }
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(1) .bg {background-image: url('../img/about02_bg01.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(2) .bg {background-image: url('../img/about02_bg02.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(3) .bg {background-image: url('../img/about02_bg03.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(4) .bg {background-image: url('../img/about02_bg04.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(5) .bg {background-image: url('../img/about02_bg05.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li:nth-child(6) .bg {background-image: url('../img/about02_bg06.jpg');}
.wrap .sub_about02 .section01 .inner_01 ul li .about_txt {text-align: left; width:90%; background-color:#fff; padding:30px 25px; border-top:3px solid #1275e0; height:185px; margin-top:-95px; -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); }
.wrap .sub_about02 .section01 .inner_01 ul li .about_txt h3 {font-size:16px; font-weight: 600; margin-bottom:15px; line-height:20px; }
.wrap .sub_about02 .section01 .inner_01 ul li .about_txt p {font-size:14px; font-weight: 400; }
.wrap .sub_about02 .section01 .inner_01 ul li .about_txt p small {font-size:12px; margin-top:10px; display: block;}

.wrap .sub_about02 .section02 .inner_01 {border-bottom:1px solid #ddd;}
.wrap .sub_about02 .section02 .inner_01 .tit {display: inline-block; text-align: left;}
.wrap .sub_about02 .section02 .inner_01 .tit h2 {float:left; width:30%;}
.wrap .sub_about02 .section02 .inner_01 .tit p {float:left; width:70%; font-size:18px; line-height:24px; }
.wrap .sub_about02 .section03 {padding-top:0; }
.wrap .sub_about02 .section03 .tit {padding-top:100px;}
.wrap .sub_about02 .section03 ul {display:inline-block; width:100%; text-align: left; position: relative; }
.wrap .sub_about02 .section03 ul li {width:50%; float:left; background-size: contain; background-repeat: no-repeat; height:370px; margin-bottom:50px;}
.wrap .sub_about02 .section03 ul.img_left {}
.wrap .sub_about02 .section03 ul.img_right {}
.wrap .sub_about02 .section03 ul li h4 {font-size:18px; font-weight: 400; margin-bottom:30px; }
.wrap .sub_about02 .section03 ul li h4::before {content:''; width:115px; height:1px; background-color:#333; display:block; margin-bottom:15px;}
.wrap .sub_about02 .section03 ul li h3 {font-size:24px; font-weight: 600; margin-bottom:30px;}
.wrap .sub_about02 .section03 ul li p {font-size:15px; font-weight: 400; }
.wrap .sub_about02 .section03 ul li img {margin:10px 0 10px 10px;}
.wrap .sub_about02 .section03 ul li.img_txt {margin-top:45px;}

.wrap .sub_about02 .section03 ul.img_right li.img_txt {padding-left:21%;}
.wrap .sub_about02 .section03 ul.img_left li.img_txt {padding-left:1%;}

.wrap .sub_about02 .section04 .inner_01 {}
.wrap .sub_about02 .section04 .inner_01 ul {display:inline-block; width:100%; margin:40px 0;}
.wrap .sub_about02 .section04 .inner_01 ul:nth-child(3) {margin-bottom:0;}
.wrap .sub_about02 .section04 .inner_01 ul:nth-child(2) li {float:left; width:25%; }
.wrap .sub_about02 .section04 .inner_01 ul:nth-child(3) li {float:left; width:33.3%; }
.wrap .sub_about02 .section04 .inner_01 ul li img {margin-bottom:30px;}
.wrap .sub_about02 .section04 .inner_01 ul li h3 { margin-bottom:30px; font-size:18px; font-weight: 600;}
.wrap .sub_about02 .section04 .inner_01 ul li p {font-weight: 400; color:#666;}

.wrap .sub_about02 .section05 .inner_01 {}
.wrap .sub_about02 .section05 .inner_01 ul {display:inline-block; width:100%; margin:130px 0 30px; }
.wrap .sub_about02 .section05 .inner_01 ul li.card {float:left; width:48%; margin:0 1%; }
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner01 {background-color:#fff;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner01 img {margin-top:-130px; -webkit-box-shadow: 20px 20px 30px 0px rgba(0,0,0,0.1); -moz-box-shadow: 20px 20px 30px 0px rgba(0,0,0,0.1); box-shadow: 20px 20px 30px 0px rgba(0,0,0,0.1); }
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner01 h2 {font-size:24px; font-weight: 600; padding:40px 0 30px; border-bottom:1px solid #ddd;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner02 {background-color:#fff; text-align:left; padding:50px 65px; position: relative;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner02 h3 {font-size:18px; font-weight: 600; margin-bottom:30px; line-height: 24px;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner02 a {background-color:#ddd; padding:12px 15px; position: absolute; right:65px; bottom:35px; transition: all .5s ease-in-out;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner02 a i {font-size:18px;}
.wrap .sub_about02 .section05 .inner_01 ul li.card .card_inner02 a:hover {background-color:#333; color:#fff;}

.wrap .sub_about02 .section06 .inner_01 {}
.wrap .sub_about02 .section06 .inner_01 ul {width:100%; display:inline-block; }
.wrap .sub_about02 .section06 .inner_01 ul.counter_up {margin-bottom:90px;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li {float:left; width:25%; }
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li h1 {font-size:70px; font-weight: 600; margin-bottom:10px;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li p {color:#666;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li:nth-child(1) h1 {color:#1275e0;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li:nth-child(2) h1 {color:#1e3ca0;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li:nth-child(3) h1 {color:#7d19d2;}
.wrap .sub_about02 .section06 .inner_01 ul.counter_up li:nth-child(4) h1 {color:#333;}
.wrap .sub_about02 .section06 .inner_01 ul.profile_box li {float:left; width:18%; margin:0 1%; }
.wrap .sub_about02 .section06 .inner_01 ul.profile_box li .profile {width:190px; height:190px; border-radius: 70%; overflow: hidden; border:1px solid #ddd; margin-bottom:10px;}
.wrap .sub_about02 .section06 .inner_01 ul.profile_box li .profile img {width:100%; height:100%; object-fit: cover;}
.wrap .sub_about02 .section06 .inner_01 ul.profile_box li p {font-size:16px; line-height: 24px; }
.wrap .sub_about02 .section06 .inner_01 ul.profile_box li p strong {font-size:18px;}

/**sub_about03**/
.wrap .sub_about03 .section01 .inner_01 {}
.wrap .sub_about03 .section01 .inner_01 ul {width:100%; display:inline-block;}
.wrap .sub_about03 .section01 .inner_01 ul li {float:left; width:20%; background-color:#ebecee; height:290px; padding:0 25px;}
.wrap .sub_about03 .section01 .inner_01 ul li img {margin:30px 0;}
.wrap .sub_about03 .section01 .inner_01 ul li h2 {font-size:16px; font-weight: bold; margin-bottom:20px; line-height: 20px; }
.wrap .sub_about03 .section01 .inner_01 ul li p {font-size:14px;}

.wrap .sub_about03 .section02 {background-image: url('../img/about03_sec02_bg01.jpg'); color:#fff;}
.wrap .sub_about03 .section02 .inner_01 .tit h2 { color:#fff;}
.wrap .sub_about03 .section02 .inner_01 ul {display:inline-block; width:100%;}
.wrap .sub_about03 .section02 .inner_01 ul li {width:31.3%; float:left; margin:0 1%; background-color:rgba(0,0,0,0.5); padding:40px; border-radius: 200px 200px 10px 10px; height:490px;}
.wrap .sub_about03 .section02 .inner_01 ul li img {margin:10px 0 50px;}
.wrap .sub_about03 .section02 .inner_01 ul li h2 {color:#fff; font-size:24px; height:70px; }
.wrap .sub_about03 .section02 .inner_01 ul li p {text-align: left; color:#999;}

.wrap .sub_about03 .section03 .inner_01 {}
.wrap .sub_about03 .section03 .inner_01 ul {width:100%; display:inline-block;}
.wrap .sub_about03 .section03 .inner_01 ul li {float:left; width:31.3%; margin:0 1%;}
.wrap .sub_about03 .section03 .inner_01 ul li .card {width:100%; margin-bottom:20px; height:153px; background-color:#fff;}
.wrap .sub_about03 .section03 .inner_01 ul li .card img {float:left; width:25%;}
.wrap .sub_about03 .section03 .inner_01 ul li .card .txt {float:left; width:75%; text-align: left; padding:40px 20px 0; }
.wrap .sub_about03 .section03 .inner_01 ul li .card .txt h2 {font-size:16px; font-weight: 600; margin-bottom:20px;}
.wrap .sub_about03 .section03 .inner_01 ul li .card .txt p {font-size:15px; font-weight: 400;}

.wrap .sub_about03 .section04 .inner_01 {}
.wrap .sub_about03 .section04 .inner_01 .bubble { background-size:contain; background-position: center; background-repeat: no-repeat; clear: both; height:250px; padding:30px; text-align:left; }
.wrap .sub_about03 .section04 .inner_01 .bubble.bg01 {background-image: url('../img/about03_sec04_bg01.png'); margin-right:20%;}
.wrap .sub_about03 .section04 .inner_01 .bubble.bg02 {background-image: url('../img/about03_sec04_bg02.png'); margin-left:20%;}
.wrap .sub_about03 .section04 .inner_01 .bubble .inner {float:left; width:25%; padding:52px 30px 52px 0;}
.wrap .sub_about03 .section04 .inner_01 .bubble .inner img {border-right:1px solid #eee; }
.wrap .sub_about03 .section04 .inner_01 .bubble .txt {float:left; width:75%;}
.wrap .sub_about03 .section04 .inner_01 .bubble .txt p {font-size:15px; font-weight: 400;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide { padding:0 10%; margin-top:50px;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for {border:1px solid #eee;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_nav {background-color:#eee; padding:20px; margin-top:10px;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for li {}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_nav li {margin:0 10px; cursor: pointer;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for .slick-slide img {width:100%;}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for .slick-prev:before,
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for .slick-next:before {color:#333; font-family:'Montserrat', 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for .slick-prev:before {content:'<';}
.wrap .sub_about03 .section04 .inner_01 .toon_slide .about_slide_for .slick-next:before {content:'>';}

.wrap .sub_about03 .section05 .inner_01 .tit {text-align:left;}

.wrap .sub_about03 .section06 {background-image: url('../img/about03_sec06_bg.jpg'); color:#fff; text-align:left;}
.wrap .sub_about03 .section06 .inner_01 .display_inline {display:inline-block; width:100%;}
.wrap .sub_about03 .section06 .inner_01 .display_inline .tit {float:left; width:23%; margin:0 1%; border-top:5px solid #fff; padding-top:35px;}
.wrap .sub_about03 .section06 .inner_01 .display_inline .tit h2 {font-size:60px; color:#fff; line-height:72px;}
.wrap .sub_about03 .section06 .inner_01 .display_inline .txt {float:left; width:71%; margin:0 1%; border-top:5px solid #fff; padding-top:35px;}
.wrap .sub_about03 .section06 .inner_01 .display_inline .txt p {line-height:24px; font-weight: 400;}

/**sub_about04**/
.wrap .sub_about04 .section01 .inner_01 ul {display: inline-block; width:100%;}
.wrap .sub_about04 .section01 .inner_01 ul li {float:left; width:23%; margin:0 1%; margin-bottom:40px; border:1px solid #eee; position: relative; height: 26em; border-top:5px solid #1275e0;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_box {}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt {padding:20px; text-align: left;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt h2 {font-size:20px; margin-bottom:10px; line-height: 28px;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt p {font-size:14px; color:#666; margin-bottom:20px;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt a {font-size:14px; background-color: #eee; text-align:center; color:#444; padding:10px 0; position: absolute; bottom:0; left:0; right:0;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt a i {margin-left:5px;}
.wrap .sub_about04 .section01 .inner_01 ul li .img_txt a:hover {background-color:#ddd;}

.wrap .sub_about04 .section02 .inner_01 .img_box_pc {border:1px solid #ddd;}

/**sub_about05**/
.wrap .sub_about05 .section01 .inner_01 ul {display: inline-block; width:100%;}
.wrap .sub_about05 .section01 .inner_01 ul li {float:left; width:23%; margin:0 1%; margin-bottom:40px; border:1px solid #eee; position: relative; height: 26em; border-top:5px solid #1e3ca0;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_box {}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt {padding:20px; text-align: left;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt h2 {font-size:20px; margin-bottom:10px; line-height: 28px;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt p {font-size:14px; color:#666; margin-bottom:20px;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt a {font-size:14px; background-color: #eee; text-align:center; color:#444; padding:10px 0; position: absolute; bottom:0; left:0; right:0;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt a i {margin-left:5px;}
.wrap .sub_about05 .section01 .inner_01 ul li .img_txt a:hover {background-color:#ddd;}

.wrap .sub_about05 .section02 .inner_01 .img_box_pc {border:1px solid #ddd;}

/**sub_about06**/
.wrap .sub_about06 .section01 .inner_01 ul {display: inline-block; width:100%;}
.wrap .sub_about06 .section01 .inner_01 ul li {float:left; width:23%; margin:0 1%; margin-bottom:40px; border:1px solid #eee; position: relative; height: 26em; border-top:5px solid #7d19d2;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_box {}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt {padding:20px; text-align: left;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt h2 {font-size:20px; margin-bottom:10px; line-height: 28px;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt p {font-size:14px; color:#666; margin-bottom:20px;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt a {font-size:14px; background-color: #eee; text-align:center; color:#444; padding:10px 0; position: absolute; bottom:0; left:0; right:0;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt a i {margin-left:5px;}
.wrap .sub_about06 .section01 .inner_01 ul li .img_txt a:hover {background-color:#ddd;}

.wrap .sub_about06 .section02 .inner_01 .img_box_pc {border:1px solid #ddd;}

/**sub_about04 자세히보기**/
.color_blue {color:#1275e0;}
.color_blue02 {color:#1e3ca0;}
.color_blue03 {color:#7d19d2;}
.wrap .sub_about04-01 .section01 .inner_01 .tit {text-align: left;}
.wrap .sub_about04-01 .section01 .inner_01 h2 {font-weight: 400; margin-bottom:20px;}
.wrap .sub_about04-01 .section01 .inner_01 .tit {text-align: center;}
.wrap .sub_about04-01 .section01 .inner_01 .tit h2 {font-weight: 300; font-size:36px; line-height: 60px; margin-bottom:0;}
.wrap .sub_about04-01 .section01 .inner_01 .tit h2 strong { font-size:36px; display:block;}
.wrap .sub_about04-01 .section01 .inner_01 .tit h2::after {display:inline-block; width:30px; height:1px; border-bottom:4px solid #015cbf; margin-bottom:20px; padding-bottom:20px;}
.wrap .sub_about04-01 .section01 .inner_01 .tit p {font-size:20px; color:#999;}
.wrap .sub_about04-01 .section01 .inner_01 p {color:#666;}
.wrap .sub_about04-01 .section01 .inner_01 ul { text-align:left;}
.wrap .sub_about04-01 .section01 .inner_01 ul li {display:inline-block; width:100%; border-top:1px solid #ccc; padding:40px 0;}
.wrap .sub_about04-01 .section01 .inner_01 ul li:first-child {border-top:4px solid #333;}
.wrap .sub_about04-01 .section01 .inner_01 ul li:last-child {border-bottom:1px solid #ccc;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt_tit { display:inline-block; width:100%; }
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .txt_tit h2 {float:left; font-size:36px; font-weight: 600; display:inline-block; padding:10px; border:5px solid #1275e0; color:#1275e0;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .txt_tit h3 {float:left; margin-left:20px; margin-top:15px; font-size:33px; font-weight: 600; margin-bottom:0;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .number.color02 h2 {font-size:46px; font-weight: 500; padding:0 20px; color:#1e3ca0;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .number.color03 h2 {font-size:46px; font-weight: 500; padding:0 20px; color:#7d19d2;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt {  padding:0 40px 0 20px; }
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .color_box {margin-bottom:15px;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .color_box span {padding:5px 10px; display: inline-block;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .color_box.color_red span {background-color:#eb1227; color:#fff;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .color_box.color_blue span {background-color:#08a5a3; color:#fff;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt h3 {font-size:24px; margin-bottom:15px; font-weight: 600;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt p {font-size:16px; line-height: 24px; color:#666;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt p a {text-align:center; padding:60px 0; margin:50px 0; border:1px solid #ddd; display:inline-block; width:100%;margin-top: 25px;}
.wrap .sub_about04-01 .section01 .inner_01 ul li .txt p span {margin-left:20px;}



.wrap .sub_about04-01 .section01 .inner_01 .tit #title strong {display: contents !important;}
@media all and (max-width:414px) {
	#title {font-size: 30px;line-height: 35px;}
	.wrap .sub_about04-01 .section01 .inner_01 .tit #title strong {font-size: 30px;}
	.sub_title {font-size: 16px !important;}
	.wrap .sub_about04-01 .section01 .inner_01 ul li .txt .txt_tit h2 {font-size: 24px !important;padding: 7px !important;border: 3px solid #1275e0 !important;}
    .wrap .sub_about04-01 .section01 .inner_01 ul li {padding-top:20px}
    .wrap .sub_about04-01 .section01 .inner_01 ul li .txt .txt_tit h3 {float: none;margin-top: 11px;font-size: 25px;margin-left: 54px;}
    .wrap .sub_about04-01 .section01 .inner_01 ul li .txt p a { margin:10px 0}
    .wrap .sub_about04-01 .section01 .inner_01 ul li .txt p span {font-size: 15px;line-height: 25px;}
}
	
/**industry01**/
.wrap .industry01 .section01 {background-image: url('../img/Industry01_sec01_01.jpg'); background-repeat: no-repeat;}
.wrap .industry01 .section01 .inner_01 {}
.wrap .industry01 .section01 .inner_01 .tit {margin:0;}
.wrap .industry01 .section01 .inner_01 .tit h2 {color:#fff; margin-bottom:50px;}
.wrap .industry01 .section01 .inner_01 .tit p {color:#fff; font-size:18px; line-height: 24px; font-weight: 300;}
.wrap .industry01 .section02 .inner_01 {}
.wrap .industry01 .section02 .inner_01 ul {display:inline-block; width:100%;}
.wrap .industry01 .section02 .inner_01 ul li {float:left; width:31.3%; margin:0 1% 60px; text-align:left;}
.wrap .industry01 .section02 .inner_01 ul li img {margin-bottom:30px;}
.wrap .industry01 .section02 .inner_01 ul li .txt {margin-bottom:20px;}
.wrap .industry01 .section02 .inner_01 ul li .txt h3 {font-size:20px; font-weight: 600; margin-bottom:20px;}
.wrap .industry01 .section02 .inner_01 ul li .txt p {font-size:16px; font-weight: 400;}
.wrap .industry01 .section02 .inner_01 ul li a {
    font-size:14px; font-weight: 400; 
    background: linear-gradient(180deg, rgb(34, 34, 34), rgb(68, 68, 68));
    color:#fff; display:inline-block; padding:10px 20px; transition:all 1s ;}
.wrap .industry01 .section02 .inner_01 ul li a i {font-size:14px; color:#ccc; margin-left:20px;}
.wrap .industry01 .section02 .inner_01 ul li a:hover { background: linear-gradient(90deg, rgb(18, 117, 224), rgb(125, 25, 210)); }
.wrap .industry01 .section03 { padding:80px 0; background-image: url('../img/industry01_sec03_01.png'); background-size:40%; background-repeat: no-repeat; background-position: 90% 14%;}
.wrap .industry01 .section03 .inner_01 .txt {text-align: left;}
.wrap .industry01 .section03 .inner_01 .txt h2 {font-weight:600; line-height: 42px; font-size:30px; margin-bottom:30px;}
.wrap .industry01 .section03 .inner_01 .txt ul {width:100%; display:inline-block; }
.wrap .industry01 .section03 .inner_01 .txt ul li { float:left; margin-right:15px;}
.wrap .industry01 .section03 .inner_01 .txt ul li a { display:inline-block; font-weight: 300; padding:15px 30px; color:#fff; border-radius: 10px; transition: all 0.5s ease;}
.wrap .industry01 .section03 .inner_01 .txt ul li a i {margin-left:10px;}
.wrap .industry01 .section03 .inner_01 .txt ul li:nth-child(1) a {background: linear-gradient(90deg, rgb(18, 117, 224), rgb(125, 25, 210));}
.wrap .industry01 .section03 .inner_01 .txt ul li:nth-child(1) a:hover {background: linear-gradient(-90deg, rgb(18, 117, 224), rgb(125, 25, 210));}
.wrap .industry01 .section03 .inner_01 .txt ul li:nth-child(2) a {background-color:#333;}
.wrap .industry01 .section03 .inner_01 .txt ul li:nth-child(2) a:hover {background-color:#111;}


/**클라우드 css**/

/*cloud01*/
.wrap .cloud01 .section01 .inner_01 .img_box {}
.wrap .cloud01 .section01 .inner_01 .img_box img {max-width: 100%;}
.wrap .cloud01 .section01 .inner_01 .img_box img.switching_pc {display:block;}
.wrap .cloud01 .section01 .inner_01 .img_box img.switching_m {display:none;}
.wrap .cloud01 .section01 .inner_01 ul {display:inline-block; width:100%; margin-top:80px;}
.wrap .cloud01 .section01 .inner_01 ul li {
    float:left; text-align:left; width:47%; margin:0 1.5%; background-color:#fafafa; 
    background-image: url('../img/cloud01_sec01_img.png'); background-position: -11px 0; background-repeat: no-repeat; background-size:contain;
    border:1px solid #eee; border-radius: 10px; margin-bottom:30px; padding:30px;}
.wrap .cloud01 .section01 .inner_01 ul li p {margin-left:120px;}

.wrap .cloud01 .section03 {background-image: url('../img/cloud01_sec03_bg.png'); padding:80px 0;}
.wrap .cloud01 .section03 .inner_01 h2 {color:#fff; text-align: left; font-size:30px; line-height: 42px; font-weight: 300;}

@media all and (max-width:480px){
    .wrap .cloud01 .section01 .inner_01 .img_box img.switching_pc {display:none;}
    .wrap .cloud01 .section01 .inner_01 .img_box img.switching_m {display:block;}
}

/*cloud02*/
.wrap .cloud02 .section01 .inner_01 {}
.wrap .cloud02 .section01 .inner_01 ul {display:inline-block; width:100%;}
.wrap .cloud02 .section01 .inner_01 ul li {float: left; width:18%; margin:0 1%;}
.wrap .cloud02 .section01 .inner_01 ul li .circle_bg {width:100%; border-radius: 50%; position: relative; height:auto; padding-top:100%; border:1px solid #1275e0;}
.wrap .cloud02 .section01 .inner_01 ul li .circle_bg .txt {position: absolute; width:100%; top:20px; }
.wrap .cloud02 .section01 .inner_01 ul li .circle_bg .txt img {margin-bottom:20px;}

.wrap .cloud02 .section02 .inner_01 ul {display:inline-block; width:100%;}
.wrap .cloud02 .section02 .inner_01 ul li {float: left; width:48%; margin:0 1%;}
.wrap .cloud02 .section02 .inner_01 ul li .txt {text-align:left; margin:15px 0 40px 35px; position: relative;}
.wrap .cloud02 .section02 .inner_01 ul li .txt::after {content:''; width:10px; height:10px; border-radius: 50%; position: absolute; top:0; left:-20px; background-color:#1275e0;}
.wrap .cloud02 .section02 .inner_01 ul li .txt h3 {font-size:16px; font-weight: 600; margin-bottom:10px;}
.wrap .cloud02 .section02 .inner_01 ul li .txt p {font-size:14px; font-weight: 400;}

.wrap .cloud02 .section03 .inner_01 ul {width:100%; display:inline-block; }
.wrap .cloud02 .section03 .inner_01 ul.counter_up {margin-bottom:90px;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li {float:left; width:25%; }
.wrap .cloud02 .section03 .inner_01 ul.counter_up li h1 {font-size:70px; font-weight: 600; margin-bottom:10px;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li p {color:#666;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li:nth-child(1) h1 {color:#1275e0;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li:nth-child(2) h1 {color:#1e3ca0;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li:nth-child(3) h1 {color:#7d19d2;}
.wrap .cloud02 .section03 .inner_01 ul.counter_up li:nth-child(4) h1 {color:#333;}
.wrap .cloud02 .section03 .inner_01 ul.float_33 {}
.wrap .cloud02 .section03 .inner_01 ul.float_33 li {float:left; width:31.3%; margin:0 1%;}
.wrap .cloud02 .section03 .inner_01 ul.float_33 li p {text-align:left; margin-bottom:20px;}
.wrap .cloud02 .section03 .inner_01 ul.float_33 li p:first-child {margin-top:15px;}

/*cloud03*/
.wrap .cloud03 .section01 .inner_01 ul {position: relative; display:inline-block; width:100%; height:100%;}
.wrap .cloud03 .section01 .inner_01 ul li {height:70vh;}
.wrap .cloud03 .section01 .inner_01 ul li img {position: absolute;}
.wrap .cloud03 .section01 .inner_01 ul li img:nth-child(1) { top:20px; right:50%; margin-right:-750px;}
.wrap .cloud03 .section01 .inner_01 ul li img:nth-child(2) {left:50%; margin-left:-440px; top:40px;}

.wrap .cloud03 .section02 .inner_01 .tit {margin-bottom:70px;}
.wrap .cloud03 .section02 .inner_01 ul {display: inline-block; width:100%;}
.wrap .cloud03 .section02 .inner_01 ul li { float:left; width:23%; margin:0 1%; overflow: hidden; border-radius: 20px;}
.wrap .cloud03 .section02 .inner_01 ul li .txt {background-color:#fff; padding:35px 20px; text-align:left; height:190px; position: relative;}
.wrap .cloud03 .section02 .inner_01 ul li .txt h3 { position: absolute; top:-30px; padding-top:10px; background-color: #fff; border-radius:100px 100px 0 0; font-size:24px; color:#1275e0; font-weight: 600; width:60px; height:40px; text-align:center;}
.wrap .cloud03 .section02 .inner_01 ul li .txt h2 {font-size:18px; font-weight: 600; margin-bottom:15px;}
.wrap .cloud03 .section02 .inner_01 ul li .txt p {}

.wrap .cloud03 .section03 .inner_01 ul {display: inline-block; width:100%;}
.wrap .cloud03 .section03 .inner_01 ul li { float:left; width:48%; margin:0 1%; text-align:left; margin-bottom:50px; }
.wrap .cloud03 .section03 .inner_01 ul li:nth-child(3), .wrap .cloud03 .section03 .inner_01 ul li:nth-child(4) {margin-bottom:0;}
.wrap .cloud03 .section03 .inner_01 ul li > div {float:left;}
.wrap .cloud03 .section03 .inner_01 ul li .img {width:17%; text-align:center;}
.wrap .cloud03 .section03 .inner_01 ul li .txt {width:83%;}
.wrap .cloud03 .section03 .inner_01 ul li .txt h3 {font-size:20px; font-weight: 600; margin-bottom:20px;}
.wrap .cloud03 .section03 .inner_01 ul li .txt p {font-size:16px; font-weight: 400;}

/*cloud04*/
.wrap .cloud04 .section01 .inner_01 ul { display:inline-block; width:100%; margin-bottom:40px; }
.wrap .cloud04 .section01 .inner_01 ul li { float:left; width:31.3%; margin:0 1%; padding:30px 0; border-radius: 20px; position: relative;}
.wrap .cloud04 .section01 .inner_01 ul li:nth-child(1) {background: -webkit-linear-gradient(90deg, rgb(51, 136, 205), rgb(52, 152, 219)); background: linear-gradient(90deg, rgb(51, 136, 205), rgb(52, 152, 219));}
.wrap .cloud04 .section01 .inner_01 ul li:nth-child(2) {background: -webkit-linear-gradient(90deg, rgb(51, 93, 152), rgb(50, 108, 179)); background: linear-gradient(90deg, rgb(51, 93, 152), rgb(50, 108, 179));}
.wrap .cloud04 .section01 .inner_01 ul li:nth-child(3) {background: -webkit-linear-gradient(90deg, rgb(37, 54, 88), rgb(53, 74, 117)); background: linear-gradient(90deg, rgb(37, 54, 88), rgb(53, 74, 117));}
.wrap .cloud04 .section01 .inner_01 ul li .icon {position: absolute; left:25px; top:45px;}
.wrap .cloud04 .section01 .inner_01 ul li .txt {text-align:left; margin-left:100px;}
.wrap .cloud04 .section01 .inner_01 ul li .txt h3 {color:#fff; font-size:24px; margin-bottom:15px; font-weight: 600;}
.wrap .cloud04 .section01 .inner_01 ul li .txt p {color:#fff; height:45px;}

.wrap .cloud04 .section01 .inner_01 .tab-content {}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st {width: 100%; border-spacing: 0; padding: 0; margin: 0; text-align: center; color: #666; font-size: 15px; letter-spacing: -0.04em;}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st th {background-color:#f2f2f2; padding:15px 10px; font-size:16px; line-height: 24px; color:#333; border-top:2px solid #1275e0; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st td {text-align:left; background-color:#fff; padding:15px 10px; font-size:15px; line-height: 24px; color:#333; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st td.big_first {background-color:#f9fafc; border-right:1px solid #ddd; border-left:0; font-weight: 600; text-align:center;}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st td.first {background-color:#f9fafc; border-right:1px solid #ddd; border-left:0; font-weight: 600; text-align:center;}
.wrap .cloud04 .section01 .inner_01 .tab-content .tbl_st td.checking {text-align:center;}
.wrap .cloud04 .section01 .inner_01 .tab-content .marker {margin-top:15px;}
.wrap .cloud04 .section01 .inner_01 .tab-content .marker p {text-align:right; font-size:14px; font-weight:bold; color:#333;}
.wrap .cloud04 .section01 .inner_01 .tab-content .marker p span {font-size:20px; font-weight:bold; color:#999;}
.wrap .cloud04 .section01 .inner_01 .tab-content .btn-b-b a {background: #1275e0; transition: all .5s ease-out; position: relative; font-size: 18px; color: #fff; padding: 20px 60px; padding-left:119px; display: inline-block; border-radius:2px; }
.wrap .cloud04 .section01 .inner_01 .tab-content .btn-b-b a:hover {background-color:#015cbf;}
.wrap .cloud04 .section01 .inner_01 .tab-content .btn-b-b a i {position: absolute; left:0; top:0; padding-top:20px; width:59px; height:58px; border-right:1px solid #4296f0;}

/*cloud05*/
.wrap .cloud05 .section03 .inner_01 .img {margin-bottom:60px;}
.wrap .cloud05 .section03 .inner_01 ul { display:inline-block; width:100%; margin-bottom:40px; }
.wrap .cloud05 .section03 .inner_01 ul li { float:left; width:17%; margin:0 1.5%; }
.wrap .cloud05 .section03 .inner_01 ul li > div {position: relative; border-radius:50%; width:100%; height:auto; padding-top:100%; background-color:#1275e0;}
.wrap .cloud05 .section03 .inner_01 ul li > div p {position: absolute; top:60px; width:100%; color:#fff;}
.wrap .cloud05 .section03 .inner_01 ul li:nth-child(1) > div p,
.wrap .cloud05 .section03 .inner_01 ul li:nth-child(2) > div p,
.wrap .cloud05 .section03 .inner_01 ul li:nth-child(5) > div p {top:73px;}
.wrap .cloud05 .section03 .inner_01 ul li > div::after {content:''; display: block; position: absolute; top:50%; margin-top:-4px; right:-34px; background-image: url('../img/cloud05_sec03_arrow.png'); background-position:right center; width:34px; height:9px; }
.wrap .cloud05 .section03 .inner_01 ul li:last-child > div::after {display: none;}
.wrap .cloud05 .section04 .inner_01 ul { display:inline-block; width:100%; }
.wrap .cloud05 .section04 .inner_01 ul li { float:left; width:48%; margin:0 1%; }

/*cloud06*/
.wrap .cloud06 .section01 .inner_01 .tab_menu {display:inline-block; width:100%;}
.wrap .cloud06 .section01 .inner_01 .tab_menu ul.tabs { margin: 0 auto; padding: 0; overflow: hidden; list-style: none; /*--Set height of tabs--*/ width: 40%; background-color:#fff; border-radius: 15px; margin-bottom:60px;}
.wrap .cloud06 .section01 .inner_01 .tab_menu ul.tabs li { float: left; width:50%; margin: 0; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative;}
.wrap .cloud06 .section01 .inner_01 .tab_menu ul.tabs li a { border-radius: 15px; transition: all .5s ease-out; text-decoration: none; font-size:18px; padding: 20px 0; font-weight: 600; color: #000; display: block; font-size: 1.2em; /*--Gives the bevel look with a 1px white border inside the list item--*/ border: 1px solid #fff;  outline: none; }
.wrap .cloud06 .section01 .inner_01 .tab_menu ul.tabs li a:hover {background: #1275e0; color:#fff;}
.wrap .cloud06 .section01 .inner_01 .tab_menu ul.tabs li.active a {background: #1275e0; color:#fff;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container { overflow: hidden; clear: both; float: left;  width: 100%; }
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content { padding: 20px; }
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul {display:inline-block; width:100%;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li {float:left; width:48%; margin:0 1%; text-align:left;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li > img {padding:10px;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li h2 {font-size:36px; font-weight: 600; margin-bottom:30px;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li p {font-size:16px; font-weight: 400; margin-bottom:35px;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li .contact {display:inline-block; width:100%; text-align:center; border:1px solid #333; border-radius: 15px;}
.wrap .cloud06 .section01 .inner_01 .tab_menu .tab_container .tab_content ul li .contact p {float:left; width:50%; margin:0; padding:20px 0; font-size:16px; }