@charset "utf-8";

/* basic start -------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0; box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
a {color: #202020; text-decoration:none;}
a:hover,a:active,a:focus {text-decoration: none;}
a img,img{border:0; vertical-align:top;}
ol,ul{list-style:none;}
em{font-style:normal;}
.blind { position:absolute; width:1px; height:1px; clip: rect(0 0 0 0); margin:-1px; overflow:hidden; }
button{ border:0 none;}
body{overflow-x: hidden;}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'KoPubWorld Dotum_Pro Light';
	src : url("fonts/KoPubWorld Dotum_Pro Light.otf");
	font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'KoPubWorld Dotum_Pro medium';
	src : url("fonts/KoPubWorld Dotum_Pro Medium.otf");
	font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'KoPubWorld Dotum_Pro bold';
	src : url("fonts/KoPubWorld Dotum_Pro Bold.otf");
	font-weight: normal;
    font-style: normal;
}
/* basic end -------------------------------------------------------------------------------------------------*/
.content{
    width:1200px;
    margin:0 auto;
}
#sh_banner_basic_top_2 .sh-banner-img-wrap .banner_top_close{
    display: none;
}
/* 서브01-1 시작 */
.sub_wrap {
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/1.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    color:#fff;
    padding-bottom: 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.sub_contetns {
    width:1000px;
    margin-left:385px;
}
.main_text-top h2 {
    font-size:55px;
    color:#00e4ff;
    font-weight: bold;
    font-family: 'GmarketSansBold';
}
.mid-icon {
    margin:50px 0 100px;
    color:#fff;
}
.mid-icon a:last-child{
    color:#7d7d7d;
}
.mid-icon a,
.mid-icon02 a {
    border: 2px solid #00e4ff;
    border-radius: 26px;
    width:224px;
    height:54px;
    font-size: 20px;
    line-height: 52px;
    text-align: center;
    margin-right: 65px;
    color:#00e4ff;
    position: relative;
    font-family: 'KoPubWorld Dotum_Pro bold';

}
.mid-icon a:hover,
.mid-icon02 a:hover{
    background-color: #fff; 
    border: 1px solid #fff;
    color:#006ebf;
}
.mid-icon ul,
.mid-icon02 ul{
    display:flex;
    justify-content: center;
}
.mid-icon li {
    position: relative;
}
/* .mid-icon li:hover img{
    background-color: #fff;
} */
/* .mid-icon li img {
    border: 1px solid #7d7d7d;
    border-radius: 50%;icon_text
    padding:10px;
    margin-bottom:10px;
} */
.mid-icon a:last-child,
.mid-icon02 a:first-child {
    border-color:#7b7f80 ;
}
.mid-icon a:last-child:before{
    content:'';
    width:65px;
    height:1px;
    position: absolute;
    top:25px;
    left:-65px;
    background:linear-gradient( to right, #00e4ff, #7b7f80 )
}
.mid-icon02 a:last-child:before{
    content:'';
    width:65px;
    height:1px;
    position: absolute;
    top:25px;
    left:-65px;
    background:linear-gradient( to left, #00e4ff, #7b7f80 )
}
.main_text-bottom .text-top {
    font-size:45px;
    /* font-weight:bold; */
}
.main_text-bottom .text-mid {
    font-size:18px;
    margin:23px 0 0px;
}
.main_text-bottom .text-mid span {
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
.main_text-bottom .text-bottom {
    font-size:30px;
    font-weight:bold;
}
.main_text-bottom .text-bottom span {
    color: #00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size:40px;
}
.text-box {
    font-size:18px;
    margin-top: 100px;
    position: relative;
}
/* .sub_wrap .text-box:before{
    position: absolute;
    content: '';
    width:1px;
    height:127px;
    background-color: #fff;
    top:-145px;
    left:10px;
} */
.sub_wrap .text-box p {
    margin-bottom:37px;
}
/* 서브01-1 끝 */

/* 서브01-2 시작 */
.sub-2_wrap {
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom:150px;
}
.sub-2_main{
    margin:50px 0 0 55px;
}
.sub-2_main-top{
    font-family: 'GmarketSansBold';
}
.sub-2_main-top h3{
    font-size:30px;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
.sub-2_main-top p {
    font-size:65px;
}
.sub-2_main-bottom01{
    display:flex;
    margin-top:45px;
}
.sub-2_main-bottom01 dl {
    width:500px;
    height:357px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right:32px;
}
.sub-2_main-bottom01 dt{
    font-size:40px;
    font-family: 'GmarketSansBold';
    width:90%;
    border-bottom: 1px solid #fff;
    padding-bottom:0px;
    text-align: center;
    margin:10px 0 10px 25px;
}
.sub-2_main-bottom01 dt span {
    font-size:25px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
.sub-2_main-bottom01 dd {
    margin-left:25px;
    font-size:18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
} 
.sub-2_main-bottom02_wrap {
    display: flex;
    justify-content: space-between;
    width:1040px;
}
.sub-2_main-bottom02{
    margin-top: 40px;
    width:500px;
    height:883px;
    border:2px solid #00df95;
    border-radius: 50px;
}
.sub-2_main-left {
    position: relative;
}
.sub-2_main-left:before{
    content: '';
    width:1px;
    height:640px;
    background-color: #fff;
    position: absolute;
    top:115px;
    left:246px;
}
.sub-2_main-left h3 {
    font-size:40px;
    font-family: 'GmarketSansBold';
    color:#00df95;
    border-bottom:1px solid #00df95;
    text-align: center;
    width:90%;
    margin-left:25px;
    padding-top:10px;
}
.sub-2_main-left h3 span {
    font-size: 25px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
.sub-2_main-con{
    display:flex;
    justify-content: space-between;
}
.sub-2_main-con_left ul {
   margin-top: 396px;
}
.sub-2_main-con_left li {
    margin:0 0 30px 45px;
    text-align: right;
}
.sub-2_main-con_left li strong {
    font-size:25px;
    color:#00df95;
    position: relative;
    font-family: 'GmarketSansBold';
}
.sub-2_main-con_left li strong:before{
    content: '●';
    color:#00df95;
    position: absolute;
    top:0px;
    left:126px;
}
.sub-2_main-con_left li strong:after{
    content: '';
    position: absolute;
    width:55px;
    height:1px;
    top:14px;
    left:80px;
    background-color:#00df95 ;
}
.sub-2_main-con_left li p {
    font-size:18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.sub-2_main-con_right ul {
    margin-top:60px;
}
.sub-2_main-con_right li {
    margin:0 15px 30px 0;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.sub-2_main-con_right li strong {
    font-size:25px;
    color:#00df95;
    position: relative;
    font-family: 'GmarketSansBold';
}
.sub-2_main-con_right li p {
    font-size:18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.sub-2_main-con_right li strong:before{
    content: '●';
    color:#00df95;
    position: absolute;
    top:0;
    left:-83px;
}
.sub-2_main-con_right li strong:after{
    content: '';
    position: absolute;
    width:65px;
    height:1px;
    top:14px;
    left:-70px;
    background-color:#00df95 ;
}
/* ----------------------------- */
.sub-2_main-bottom03{
    margin-top: 40px;
    width:500px;
    height:883px;
    border:2px solid #006ebf;
    border-radius: 50px;
}
.sub-2_main-right {
    position: relative;
}
.sub-2_main-right:before{
    content: '';
    width:1px;
    height:640px;
    background-color: #fff;
    position: absolute;
    top:115px;
    left:246px;
}
.sub-2_main-right h3 {
    font-size:40px;
    font-family: 'GmarketSansBold';
    color:#006ebf;
    border-bottom:1px solid #006ebf;
    text-align: center;
    width:90%;
    margin-left:25px;
    padding-top:10px;
}
.sub-2_main-right h3 span {
    font-size: 25px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
.sub-2_main-con02{
    display:flex;
    justify-content: space-between;
}
.sub-2_main-con_left02 ul {
   margin-top: 340px;
   font-family: 'KoPubWorld Dotum_Pro Light';
}
.sub-2_main-con_left02 li {
    margin:0 0 30px 5px;
    text-align: right;
}
.sub-2_main-con_left02 li strong {
    font-size:23px;
    font-family: 'GmarketSansBold';
    color:#006ebf;
    position: relative;
}
.sub-2_main-con_left02 li strong:before{
    content: '●';
    color:#006ebf;
    position: absolute;
    top:0;
    left:195px;
}
.sub-2_main-con_left02 li strong:after{
    content: '';
    position: absolute;
    width:70px;
    height:1px;
    top:10px;
    left:143px;
    background-color:#006ebf ;
}
.sub-2_main-con_left02 li p {
    font-size:16px;
}
.sub-2_main-con_right02 ul {
    margin:60px 0 0 0px;
}
.sub-2_main-con_right02 li {
    margin:0 5px 35px 0;
}
.sub-2_main-con_right02 li strong {
    font-size:23px;
    font-family: 'GmarketSansBold';
    color:#006ebf;
    position: relative;
}
.sub-2_main-con_right02 li p {
    font-size:16px;
}
.sub-2_main-con_right02 li strong:before{
    content: '●';
    color:#006ebf;
    position: absolute;
    top:0;
    left:-43px;
}
.sub-2_main-con_right02 li strong:after{
    content: '';
    position: absolute;
    width:20px;
    height:1px;
    top:12px;
    left:-25px;
    background-color:#006ebf ;
}
/* 서브01-2 끝 */

/* 서브02-1 시작 */
.sub-2-1_wrap{
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/2-1.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    color:#fff;
    padding-bottom:150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* 서브02-1 끝 */

/* 서브02-2 시작 */
.sub02_wrap {
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom: 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.mid-icon02 a:first-child{
    color:#7d7d7d;
}
.mid-icon02 {
    margin:50px 0 100px;
}
.mid-icon02 ul {
    display: flex;
}
.mid-icon02 li {
    text-align:center;
    position: relative;
}
.mid-icon02 li img {
    border: 1px solid #7d7d7d;
    border-radius: 50%;
    padding:10px;
    margin-bottom:10px;
}
/* .mid-icon02 li:last-child:before{
    content:'';
    width:65px;
    height:1px;
    position: absolute;
    top:30px;
    left:-65px;
    background:linear-gradient( to left, #00e4ff, #7b7f80 )
} */
.sub02_main-text {
    width:1062px;
    height:357px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-left:55px;
    font-size:17px;
}
.sub02_main-text p {
    margin:0 0 35px 40px;
}
.sub02_main-text p:first-child{
    margin-top:55px;
}
.sub02_main-bottom {
    /* width:852px; */
    margin:50px 0 0 63px;
    display: flex;
    justify-content: space-between;
}
.sub02_main-bottom-right {
    margin-top:56px;
}
.sub02_main-bottom-right p{
    font-size: 19px;
    font-weight: bold;
    color:#00e4ff
}
/* .sub02_wrap .sub02_main-bottom-left {
    margin-right:206px;
} */
.sub02_wrap table {
    border: 2px solid #fff;
    margin-top:5px;
    width:549px;
    height:80px;
    border-collapse: collapse;
    text-align: center;
}
.sub02_wrap table th{
    border: 1px solid #fff;
}
.sub02_wrap table td {
    border: 1px solid #fff;
}
/* 서브02-2 끝 */

/* 서브03-1 시작 */
.sub03_wrap{
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url("img/3.png");
    background-repeat:no-repeat;
    background-position:right bottom;
    color:#fff;
    padding-bottom: 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* 서브03-1 끝 */

/* 서브03-2 시작 */
.sub-3-2_wrap{
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom:150px;
}
.main_img-box {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro medium';
}
.main_img-box-left{
    margin:230px 50px 0 0;
}
.main_img-box-right {
    position: relative;
}
.main_img-box-right img:nth-child(2){
    margin-top:100px;
}
.main_img-box-right:before{
    content: '';
    width:1px;
    height:100px;
    position: absolute;
    top:240px;
    left:20%;
    background-color: #fff;
}
.main_img-box-right:after{
    content: '';
    width:1px;
    height:100px;
    position: absolute;
    top:240px;
    right:20%;
    background-color: #fff;
}
.main_img-box p {
    margin-top:10px;
}
/* 이미지 자체 굴곡 때문에 코딩으로 쉐도우 불가 */
/* .sub-3-2_wrap .main_img-box img {
    box-shadow: 0px 0px 10px 0px #fff,
    0px 0px 10px 0px #fff;
} */
/* 서브03-2 끝 */

/* 서브04-1 시작 */
.sub-4-1_wrap{
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/4-1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    color:#fff;
    padding:0 0 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    
}
.bottom-img img {
    margin:200px 0 0 285px;
    
}
.text-mid02{
    font-size:18px;
    margin:23px 0 0px;
}
.text-mid02 span {
    color:#00e4ff;
    font-weight: bold;
}
.text-mid02-bottom{
    display: block;
}
.text-box-right {
    font-size:18px;
    margin-top: 100px;
}
.text-box-right:before{
    content: '';
    width:180px;
    height:1px;
    background-color: #fff;
    position: absolute;
    top:210px;
    left:-180px;
}
.text-box-right p {
    margin-bottom:30px;
}
/* 서브04-1 끝 */

/* 서브04-2시작 */
.sub04_wrap{
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom: 150px;
}
.sub04_main-con {
    margin:160px 0 0 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'KoPubWorld Dotum_Pro medium';
}
.sub04_main-con ul{
    display: flex;
    width:1120px;
    border-image: linear-gradient(to right, #00df95, #006ebf);
    border-image-slice: 1;
}
.sub04_main-con li {
    font-size:18px;
    text-align: center;
    padding:5px 0px 10px;
    margin-bottom: 20px;
    border-top: 2px solid;
    font-weight:bold;
    
}
.sub04_main-con li:nth-child(1){
    width:115px;
    border-right: 2px solid #00df95;
    border-left: 2px solid #00df95;
    color:#00df95;
}
.sub04_main-con li:nth-child(2){
    width:137px;
    border-right: 2px solid #00df95;
    color:#00d19d;
}
.sub04_main-con li:nth-child(3){
    width:126px;
    border-right: 2px solid #00bda7;
    color:#00c3a5;
}
.sub04_main-con li:nth-child(4){
    width:128px;
    border-right: 2px solid #00acaf;
    color:#00b5ac;
}
.sub04_main-con li:nth-child(5){
    width:205px;
    color:#00a2b2;
}
.sub04_main-con li:nth-child(6){
    border-left: 2px solid #0097b6;
    border-right: 2px solid #006ebf;
    /* border-top: 1px solid #fff; */
    width:395px;
    color:#0088ba;
}
/* 서브04-2 끝 */

/* 서브05-1 시작 */
.sub-5-1_wrap{
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/5-1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    color:#fff;
    padding:0 0 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    
}
/* 서브05-1 끝 */

/* 서브05-2 시작 */
.sub-5-2_wrap{
    width:100vw;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom: 150px;
}
.contetns-top {
    margin-top: 65px;
}
.contetns-bottom {
    width:1101px;
    height:410px;
    border: 2px solid #00e4ff;
    border-radius: 66px;
    margin-top: 50px;
}
.contetns-bottom dl {
    display:flex;
    flex-direction:column;
    margin:60px 0 0 30px;
}
.contetns-bottom dt {
    font-size:24px;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
.contetns-bottom dd {
    font-size: 16px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* 서브05-2 끝 */

/* 서브06-1 시작 */
.sub-6-1_wrap{
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/6-1.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color:#fff;
    padding:0 0 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.bottom-img06 {
    margin:250px 0 0 285px;
}
.text-box-right06 {
    font-size:18px ;
    margin-top:100px;
}
.text-box-right06:before{
    content: '';
    width:180px;
    height:1px;
    background-color: #fff;
    position: absolute;
    top:180px;
    left:-180px;
}
.text-box-right06 p {
    margin-bottom:30px;
}
/* 서브06-1 끝 */

/* 서브06-2 시작 */
.sub-6-2_wrap{
    width:100%;
    height:100%;
    background:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.8)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1));
    color:#fff;
    padding-bottom:150px;
}
.sub-6-2_wrap .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sub-6-2_wrap .content-top {
    display: flex;
    justify-content: center;
    /* margin-left:155px; */
}

.content-top_text-box01 {
    margin-top:90px;
}
.content-top_text-box02{
    transform: translateX(-66px);
}
.content-top p {
    color:#fff;
    font-size:30px;
}
.sub-6-2_wrap .text {
    border-left: 3px solid #00e4ff;
    padding-left:20px;
    margin-left:50px;
    font-family: 'GmarketSansBold';
}
.sub-6-2_wrap .text span {
    font-family: 'GmarketSansLight';
}
.text p:first-child{
    color:#00e4ff;
}
.content-mid {
    margin:100px 0 130px 0;
    display: flex;
}
.content-mid-left{
    width:330px;
    height:330px;
    border: 2px solid #00e4ff;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.bottom-text {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}
.bottom-text02 {
    font-size:18px;
    border: 1px solid #006ebf;
    background-color: #006ebf;
    border-radius:19px ;
    padding:13px 0;
    margin-top:20px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.bottom-text .bottom-text_left,
.bottom-text .bottom-text_right {
    border: 1px solid #006ebf;
    background-color: #006ebf;
    border-radius:19px ;
    padding:13px 10px;
}
.bottom-text .bottom-text_left p,
.bottom-text .bottom-text_right p {
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-size: 18px;
}
.bottom-text .bottom-text_left p:last-child,
.bottom-text .bottom-text_right p:last-child{
    font-family: 'KoPubWorld Dotum_Pro bold';
}
.content-mid-left p,
.content-mid-right p{
    font-size:23px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.content-mid-left p:nth-child(3){
    /* padding-left:120px; */
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-weight: normal;
}
.content-mid-left .pe,
.content-mid-right .pe{
    font-size:130px;
    color: #00e4ff;
    font-family: 'GmarketSansBold';
    margin-top: 34px;
}
.content-mid-left .pe span,
.content-mid-right .pe span{
    font-size:30px;
    font-weight: normal;
    font-family: 'GmarketSansMedium';
}
.content-mid-right p:last-child{
    display: inline-block;
    margin:15px 0 0 10px;
}
.content-mid-right{
    width:330px;
    height:330px;
    border: 2px solid #00e4ff;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.plus_img img {
    margin:116px 60px 0;
}
.content-mid-left:after,
.content-mid-right:after{
    content: '투자비';
    position: absolute;
    top:10px;
    left:20px;
    font-size: 25px;
    background-color:#092232;
    font-family: 'GmarketSansBold';
}
.content-mid-right:after {
    background-color:#092232 ;
}
.content-bottom{
    width:1000px;
    height:532px;
    border: 2px solid #00df95;
    border-radius: 95px;
}
.content-bottom01{
    font-size: 40px;
    color:#00df95;
    margin:40px;
}
.content-bottom01 .ko {
    font-family: 'GmarketSansMedium';
}
.content-bottom01 .en {
    font-family: 'GmarketSansBold';
}
.content-bottom02{
    font-size: 18px;
    margin-left: 65px;
}
.content-bottom02 p {
    position: relative;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.content-bottom02 p:before{
    content: '•';
    position: absolute;
    top: -2px;
    left:-15px;
}
.content-bottom03 {
    position: relative;
    font-size:19px;
    margin:10px 0 0 70px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
.content-bottom03 p:before{
    content: '';
    position: absolute;
    top: 5px;
    left:-20px;
    width:16px;
    height:17px;
    background-image: url(img/icon/7.png);
}
/* 서브06-2 끝 */

/* 서브07 시작 */
.sub-7_wrap{
    width:100vw;
    height:100%;
    background-image:
    linear-gradient(180deg, #001420, rgba(0,39,63, 0.7)),
    linear-gradient(110deg, black, rgba(0, 0, 0, 0.1)),
    url(img/7.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color:#fff;
    padding:0 0 150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* 임의로 넣어 둠 */
.sub-7_wrap .content {
    margin-top:50px;
}
.text-box-right07 {
    margin-top: 100px;
    font-size:18px ;
}
.text-box-right07:before{
    content: '';
    width:140px;
    height:1px;
    background-color: #fff;
    position: absolute;
    top:175px;
    left:-140px;
}
.text-box-right07 p {
    margin-bottom:30px;
}
.bottom-img07 {
    margin:250px 0 0 285px;
}
.sub-7_wrap .mid-icon li {
    border: 1px solid #00e4ff;
}
.sub-7_wrap .mid-icon li img:hover{
    background-color: transparent;
}
.sub-7_wrap .mid-icon p {
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
/* 서브07 끝 */


/* 텍스트 위치 이동 */

.sub_wrap .text-box,
.sub-2-1_wrap .text-box,
.sub03_wrap .text-box{
    margin-left:0!important;
}
.sub04_main-con_m {
    display: none;
}
@media only screen and (min-width: 320px) and (max-width:768px){
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width:90%;
    }
    .mid-icon a, .mid-icon02 a {
        width:150px;
    }
    .mid-icon a:last-child,
    .mid-icon02 a:last-child{
        margin-right:0;
    }
    .main_text-bottom .text-top{
        font-size: 20px;
    }
    .main_text-bottom .text-mid {
        margin:0;
    }
    .main_text-bottom .text-bottom {
        font-size: 30px;
    }
    .main_text-bottom .text-bottom span {
        font-size: 30px;
    }
    .text-box {
        font-size: 12px;
        margin-top:60px;
        margin-left:0;
        text-align: center;
    }
    .text-box br {
        display: none;
    }
    .main_text-top {
        width:100%;
    }
    .main_text-top img {
        width:100%;
    }
    .sub-2_main {
        margin:0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sub-2_main-bottom01 {
        flex-direction: column;
    }
    .sub-2_main-bottom01 dl {
        width:100%;
        margin: 0 0 30px 0;
        padding:10px;
    }
    .sub-2_main-bottom01 dt {
        font-size: 25px;
    }
    .sub-2_main-bottom01 dd {
        font-size: 14px;
        margin:0 30px;
    }
    .sub-2_main-top02,
    .sub-2_main-top01 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub-2_main-bottom02_wrap {
        flex-direction: column;
        align-items: centser;
        width:100%;
    }
    .sub02_main-bottom {
        display: none;
    }
    .sub02_main-text {
        width:90%;
        height: 100%;
        margin: 0;
        padding:20px;
    }
    .sub02_main-text p {
        margin-left:0;
    }
    .text-box-right {
        margin-top:60px;
        text-align: center;
        font-size: 12px;
    }
    .text-box-right br {
        display: none;
    }
    .text-mid02{
        margin-top:0;
    }
    .text-box-right06,
    .text-box-right07 {
        text-align: center;
        margin-top:60px;
        font-size: 12px;
    }
    .main_img-box-left{
        margin:0 0 100px 0;
    }
    .main_img-box {
        flex-direction: column;
        width: 100%;
    }
    .main_img-box img {
        width:100%;
    }
    .contetns-top {
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contetns-top img {
        width:90%;
    }
    .contetns-bottom {
        width:90%;
        height:100%;
    }
    .contetns-bottom dl {
        margin:0;
        padding:28px 32px 0;
    }
    .contetns-bottom dl:last-child {
        padding-bottom:28px;
    }
    .contetns-bottom dt {
        font-size: 18px;
    }
    .contetns-bottom dd {
        font-size: 12px;
    }
    .sub-6-2_wrap .content-top {
        flex-direction: column;
        align-items: center;
    }
    .content-top_text-box02 {
        transform: translateX(0);
    }
    .content-mid {
        width:90%;
    }
    .content-mid-left,
    .content-mid-right {
        width:100%;
        height:140px;
    }
    .content-mid-left p, .content-mid-right p {
        font-size: 12px;
    }
    .plus_img img {
        margin:28px 15px 0;
    }
    .content-mid-left .pe, .content-mid-right .pe {
        font-size: 65px;
    }
    .bottom-text .bottom-text_left p, .bottom-text .bottom-text_right p {
        font-size: 11px;
    }
    .content-bottom {
        width:90%;
        height:100%;
        padding:50px;
    }
    .content-bottom01 {
        margin:0 ;
        font-size: 23px;
    }
    .content-bottom02 {
        margin:10px 0 10px 19px;
        font-size: 12px;
    }
    .content-bottom03 {
        margin:0 0 0 19px;
        font-size: 14px;
    }
    .content-mid-left:after, .content-mid-right:after {
        font-size: 19px;
    }
    .sub-2_main-bottom02,
    .sub-2_main-bottom03 {
        width: 100%;
    }
    .sub-2_main-left:before,
    .sub-2_main-right:before {
        left: 50%;
    }
    .sub-2_main-con_right li strong:before,
    .sub-2_main-con_left li strong:before,
    .sub-2_main-con_right02 li strong:before,
    .sub-2_main-con_left02 li strong:before {
        content: none;
    }
    .sub-2_main-con_right li strong:after {
        width: 17px;
        left:-18px
    }
    .sub-2_main-con_left li strong:after {
        width:17px;
        left:72px;
    }
    .sub-2_main-con_right li p,
    .sub-2_main-con_left li p,
    .sub-2_main-con_right02 li p,
    .sub-2_main-con_left02 li p {
        font-size: 12px;
    }
    .sub-2_main-con_right li{
        margin-right:69px;
    }
    .sub-2_main-con_left li {
        margin-left:88px;
    }
    .sub-2_main-con_right02 li {
        margin-right: 10px;
    }
    .sub-2_main-con_left02 li strong:after{
        width: 20px;
    }
    .sub-2_main-con_left02 li {
        margin: 0 0 45px 31px;
    }
    .sub02_main-text {
        font-size: 14px;
    }
    .main_img-box-right:before,
    .main_img-box-right:after {
        content: none;
    }
    .bottom-text .bottom-text_left, 
    .bottom-text .bottom-text_right {
        background-color: transparent;
        padding:5px;
    } 
    .bottom-text02 {
        margin-top: 6px;
        font-size: 11px;
        background-color: transparent;
    }
    .sub04_wrap {
        
    }
    .sub04_main-con {
        display: none;
    }
    .sub04_main-con_m {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .sub04_main-con_m img {
        width: 100%;
    }
}