@charset "utf-8";
/* basic start -------------------------------------------------------------------------------------------------*/

*{margin:0; padding:0; box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;}
html,body{
	font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-size:100%; line-height:normal; letter-spacing:normal; color: #333;
	overflow-x: hidden;
	}
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: underline;}
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; }
@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: '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 -------------------------------------------------------------------------------------------------*/
/* 서브1-1 시작 */
#sh_banner_basic_top_2 .sh-banner-img-wrap .banner_top_close{
    display: none;
}
#sub4-1_wrap {
	width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-1_wrap .content01 {
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-1_wrap .content01 h1 {
    font-size: 55px;
    color:#00e4ff;
    text-align: left;
    font-family: 'GmarketSansBold';
}
#sub4-1_wrap .content01 .news {
    display: flex;
    align-items: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding:5px 0;
    margin-top:5px;
    font-family: 'KoPubWorld Dotum_Pro medium';
    color:#fff;
}
#sub4-1_wrap .content01 .news p {
    margin-left:10px;
}
#sub4-1_wrap  .main_content {
    margin-top:120px;
    color:#fff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-1_wrap  .main_content .main_content-top ul,
#sub4-1_wrap  .main_content .main_content-bottom ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
#sub4-1_wrap  .main_content .main_content-top ul > li p:first-child,
#sub4-1_wrap  .main_content .main_content-bottom ul > li p:first-child {
   position: relative;
   z-index: 30;
}
#sub4-1_wrap  .main_content .main_content-top ul > li p:first-child::before,
#sub4-1_wrap  .main_content .main_content-bottom ul > li p:first-child::before{
    width:354px;
    height:484px;
    background-color:#006ebf;
    position: absolute;
    top:0;
    left:0;
    content: '';
    z-index: 32;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
}
#sub4-1_wrap  .main_content .main_content-top ul > li:hover p:first-child::before,
#sub4-1_wrap  .main_content .main_content-bottom ul > li:hover p:first-child::before {
    opacity: 0.8;
}
#sub4-1_wrap  .main_content .main_content-top ul > li p:last-child,
#sub4-1_wrap  .main_content .main_content-bottom ul > li p:last-child {
    font-size: 18px;
    border-bottom: 1px solid #fff;
    padding:10px;
}
#sub4-1_wrap  .main_content .main_content-top ul > li span,
#sub4-1_wrap  .main_content .main_content-bottom ul > li span {
    color:#00df95;
    font-size: 23px;
}
#sub4-1_wrap .main_content-bottom {
    margin-top:170px;
}
/* view more */
#sub4-1_wrap .viewmore {
    display: flex;
    align-items: center;
    flex-direction: column;
    width:115px;
    height:90px;
}
#sub4-1_wrap .viewmore p{
    font-size:14px;
}
#sub4-1_wrap .viewmore img {
    margin-top:10px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding:18px 12px;
}
/* view more */
#sub4-1_wrap .page_num {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}
#sub4-1_wrap .page_num button{
    padding: 0;
    border: none;
    background: none;
    margin: 0 10px;
    color:#fff;
    cursor: pointer;
}
/* 서브1-1 끝 */

/* 서브1-2 시작 */
#sub4-1_wrap02 {
	width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-1_wrap02 .content01 {
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-1_wrap02 .content-hd {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
#sub4-1_wrap02 .content01 h1 {
    font-size: 55px;
    color:#00e4ff;
    text-align: left;
    font-family: 'GmarketSansBold';
}
#sub4-1_wrap02 .content-nav {
    display: flex;
    align-items: flex-end;
}
#sub4-1_wrap02 .content-nav p {
    position: relative;
    margin-right:15px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-1_wrap02 .content-nav p::before{
    content: 'ㅣ';
    position: absolute;
    top:2px;
    left:-15px;
}
#sub4-1_wrap02 .content-nav p:first-child:before {
    content: none;
}
#sub4-1_wrap02 .main_top{
    display: flex;
    margin-top:50px;
}
#sub4-1_wrap02 .main_top .main-top-right  h4{
    font-size:35px;
    font-family: 'GmarketSansBold';
    color: #00e4ff;
    border-bottom: 1px solid #00e4ff;
    padding:0 0 10px 70px;
}
#sub4-1_wrap02 .main_top .main-top-right .txt {
    margin:30px 0 0 70px;
}
#sub4-1_wrap02 .main_top .main-top-right .txt dl {
    display: flex;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-1_wrap02 .main_top .main-top-right .txt dt {
    margin-right:40px;
}
#sub4-1_wrap02 .main_top .main-top-right .txt dd {
    font-weight: bold;
}
#sub4-1_wrap02 .main-top-right_icon {
    margin:70px 0 0 85px;
}
#sub4-1_wrap02 .main-top-right_icon p:first-child{
    margin-bottom:80px;
    position: relative;
}
#sub4-1_wrap02 .main-top-right_icon p:first-child::before{
    border: dashed 1px #00e4ff;
    border-radius: 50%;
    content: '';
    width:100px;
    height:100px;
    position: absolute;
    top:-13px;
    left:-14px;
}
#sub4-1_wrap02 .main-top-right_icon p:first-child::after{
    content: '';
    width:1px;
    height:53px;
    position: absolute;
    top:76px;
    left:37px;
    background-color: #00e4ff;
}
#sub4-1_wrap02 .main-top-right_icon p:last-child{
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-size: 18px;
    margin-left:30px;
    position: relative;
}
#sub4-1_wrap02 .main-top-right_icon p:last-child::before{
    content: '○';
    position: absolute;
    top:-35px;
    left:0;
    color:#00e4ff;
}
#sub4-1_wrap02 .main-bottom {
    display: flex;
    justify-content: flex-start;
    margin-top:70px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-1_wrap02 .main-bottom .main-bottom_icon{
    position: relative;
    margin-right:140px;
}
#sub4-1_wrap02 .main-bottom .main-bottom_icon::before {
    border: dashed 1px #00e4ff;
    border-radius: 50%;
    content: '';
    width:100px;
    height:100px;
    position: absolute;
    top:-13px;
    left:-14px;
}
#sub4-1_wrap02 .main-bottom .main-bottom_icon::after{
    content: '';
    width:100px;
    height:1px;
    position: absolute;
    top:40px;
    left:75px;
    background-color: #00e4ff;
}
#sub4-1_wrap02 .main-bottom .main-bottom_txt{
    margin-top:30px;
}
#sub4-1_wrap02 .main-bottom .main-bottom_txt p {
    position: relative;
    font-size: 18px;
    margin-bottom:15px;
}
#sub4-1_wrap02 .main-bottom .main-bottom_txt p::before{
    content: '○';
    position: absolute;
    top:-2px;
    left:-41px;
    color:#00e4ff;
}
#sub4-1_wrap02 .main-bottom .main-bottom_txt p::after{
    content: '';
    width:1px;
    height:30px;
    background-color: #00dffa;
    position: absolute;
    top:18px;
    left:-33px;
}
#sub4-1_wrap02 .main-bottom .main-bottom_txt p:last-child:after {
    content: none;
}
#sub4-1_wrap02 .content-bottom {
    margin-top:100px ;
}
#sub4-1_wrap02 .content-bottom-hd {
    display: flex;
    align-items: center;
    font-size: 23px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
}
#sub4-1_wrap02 .content-bottom-hd img {
    margin:0 10px;
}
#sub4-1_wrap02 .content-bottom-scale {
    margin:90px 0 0 45px;
}
#sub4-1_wrap02 .content-bottom-scale_hd,
#sub4-1_wrap02 .content-bottom-point_hd{
    position: relative;
    color:#00df95;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 23px;
}
#sub4-1_wrap02 .content-bottom-scale_hd::before,
#sub4-1_wrap02 .content-bottom-point_hd::before{
    content: '▶';
    color: #00df95;
    position: absolute;
    top:4px;
    left: -25px;
    font-size: 15px;
}
#sub4-1_wrap02 .content-bottom-scale table{
    margin-top:30px;
    border: 3px solid #fff;
    border-radius: 20px;
    border-collapse: collapse;
    width:790px;
    height:142px;
    text-align: center;
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-1_wrap02 .content-bottom-scale table th {
    border: 1px solid #fff;
}
#sub4-1_wrap02 .content-bottom-scale table td {
    border: 1px solid #fff;
}
#sub4-1_wrap02 .content-bottom-point {
    margin:100px 0 0 45px;
}
#sub4-1_wrap02 .content-bottom-point_txt p {
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    position: relative;
    margin:25px 0 0 15px;
}
#sub4-1_wrap02 .content-bottom-point_txt p::before {
    content: '•';
    position: absolute;
    top:0;
    left:-15px;
}
#sub4-1_wrap02 .content-bottom-point_story {
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
}
#sub4-1_wrap02 .content-bottom-point_story .story_left {
    width: 605px;
    height:254px;
    border: 2px solid #fff;
    padding:30px;
}
#sub4-1_wrap02 .content-bottom-point_story .story_right {
    width: 405px;
    height:254px;
    border: 2px solid #fff;
    padding:30px;
}
#sub4-1_wrap02 .content-bottom-point_story .story-hd {
    color:#00dffa;
    border-bottom: 1px solid #00dffa;
    padding-bottom: 5px;
    font-size: 23px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    margin-bottom:10px;
}
#sub4-1_wrap02 .content-bottom-point_story p {
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* 서브1-2 끝 */

/* 서브2-1 시작 */
#sub4-2_wrap{
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom: 150px;
}
#sub4-2_wrap .content02{
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-2_wrap .content02 h1 {
    font-size: 55px;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
#sub4-2_wrap .content02 .news {
    display: flex;
    align-items: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding:5px 0;
    margin-top:5px;
    font-family: 'KoPubWorld Dotum_Pro medium';
}
#sub4-2_wrap .content02 .news p {
    margin-left: 10px;
}
#sub4-2_wrap .main_content02{
    position: relative;
}
#sub4-2_wrap .main_content02 ul {
    display: flex;
    margin-top:120px;
    justify-content: space-between;
}
#sub4-2_wrap .main_content02 li {
    width: 354px;
    height: 484px;
    position: relative;
}
#sub4-2_wrap .main_content02 .no1 {
    background-image: url(img/1_1.png);
}
#sub4-2_wrap .main_content02 .no2 {
    background-image: url(img/1_1.png);
}
#sub4-2_wrap .main_content02 .no3 {
    background-image: url(img/1_1.png);
}
#sub4-2_wrap .main_content02 li .num {
    position: absolute;
    background-color: black;
    border-radius: 50%;
    width:62px;
    height:62px;
    text-align: center;
    line-height: 70px;  
    top:20px;
    right:20px;
    font-size:30px ;
    font-family: 'GmarketSansBold';
}
#sub4-2_wrap .main_content02 li .txt {
    background-color: #fff;
    color:black;
    position: absolute;
    bottom:0;
    width:100%;
    height:147px;
    padding:20px 0 0 20px;
}
#sub4-2_wrap .main_content02 li .txt .adress {
    font-size: 20px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-2_wrap .main_content02 li .txt .area {
    font-size: 18px;
    margin-bottom:15px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap .main_content02 li .txt .look {
    font-size: 16px;
    border: 1px solid #000;
    width:100px;
    padding:7px 0;
    text-align: center;
    cursor: pointer;
    font-family: 'GmarketSansBold';
}
#sub4-2_wrap .main_content02 li .txt .look:hover{
    background-color: black;
    color:#fff;
    transition: all 0.3s;
}
.nxt_btn {
    position: absolute;
    top:60%;
}
.nxt_btn .btn_prev {
    background-image: url(img/icon/left_btn.png);
    border: 1px solid #fff;
    width:31px;
    height:15px;
    background-color: transparent;
    position: absolute;
    left:-89px;
    border-radius: 50%;
    background-position:center;
    background-repeat: no-repeat;
    padding:25px 25px;
    opacity: 0.5;
    cursor: pointer;
}
.nxt_btn .btn_prev:hover,
.nxt_btn .btn_next:hover{
    opacity: 1;
}
.nxt_btn .btn_next {
    background-image: url(img/icon/right_btn.png);
    border: 1px solid #fff;
    width:31px;
    height:15px;
    background-color: transparent;
    position: absolute;
    left:1171px;
    border-radius: 50%;
    background-position:center;
    background-repeat: no-repeat;
    padding:25px 25px;
    opacity: 0.5;
    cursor: pointer;
}
/* 서브2-1 끝 */

/* 서브2-2 시작 */
#sub4-2_wrap02 {
	width:100%;
	height:8000px;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-2_wrap02 .content01 {
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-2_wrap02 .content-hd {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
#sub4-2_wrap02 .content01 h1 {
    font-size: 55px;
    color:#00e4ff;
    text-align: left;
    font-family: 'GmarketSansBold';
}
#sub4-2_wrap02 .content-nav {
    display: flex;
    align-items: flex-end;
}
#sub4-2_wrap02 .content-nav p {
    position: relative;
    margin-right:15px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .content-nav p::before{
    content: 'ㅣ';
    position: absolute;
    top:2px;
    left:-15px;
}
#sub4-2_wrap02 .content-nav p:first-child:before {
    content: none;
}
#sub4-2_wrap02 .content-main {
    margin-top: 70px;
}
#sub4-2_wrap02 .content-main h3 {
    font-family: 'GmarketSansBold';
    font-size: 30px;
    color:#00e4ff;
    border-bottom: 1px solid #00e4ff;
    width:140px;
}
#sub4-2_wrap02 .content-main-txt {
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}
#sub4-2_wrap02 .content-main-txt dl {
    display: flex;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .content-main-txt dt{
    margin-right: 40px;

}
#sub4-2_wrap02 .content-main-txt dd{
    font-weight: bold;
}
#sub4-2_wrap02 .content-main img{
    margin-top: 27px;
}
#sub4-2_wrap02 .icon-txt_wrap {
    margin-top: 100px;
}
#sub4-2_wrap02 .icon-txt_top {
    display: flex;
    border-bottom: 2px solid #00e4ff;
    border-top: 2px solid #00e4ff;
    padding:30px 40px;
}
#sub4-2_wrap02 .icon-txt_top .icon,
#sub4-2_wrap02 .icon-txt_bottom .icon {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding:0 80px 0 0;
    color:#00e4ff;
    font-size: 25px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-2_wrap02 .icon-txt_top .icon img,
#sub4-2_wrap02 .icon-txt_bottom .icon img {
    margin-bottom:10px;
}
#sub4-2_wrap02 .icon-txt_top .icon span,
#sub4-2_wrap02 .icon-txt_bottom .icon span {
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .icon-txt_top .txt p,
#sub4-2_wrap02 .icon-txt_bottom .txt p {
    margin:0 0 20px 80px ;
    position: relative;
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .icon-txt_top .txt p::before,
#sub4-2_wrap02 .icon-txt_bottom .txt p::before{
    content: '';
    border: 2px solid #fff;
    border-radius: 50%;
    width:5px;
    height: 5px;
    position: absolute;
    top:9px;
    left:-20px;

}
#sub4-2_wrap02 .icon-txt_top .txt p:last-child,
#sub4-2_wrap02 .icon-txt_bottom .txt p:last-child{
    margin-bottom: 0;
}
#sub4-2_wrap02 .icon-txt_bottom {
    display: flex;
    border-bottom: 2px solid #fff;
    padding:30px 40px;
    align-items: center;
}
#sub4-2_wrap02 .info {
    margin-top:55px;
    display: flex;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .info .info_left {
    font-size: 38px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    margin-right: 130px;
    position: relative;
}
#sub4-2_wrap02 .info .info_left::before{
    content: '';
    width:1px;
    height:1370px;
    background-color: #fff;
    position: absolute;
    top: 70px;
   right:-30px;
}
#sub4-2_wrap02 .info_right {
    margin-top: 53px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .info_right .info_right-hd {
    color: #00df95;
    font-size: 23px;
    position: relative;
    font-family: 'KoPubWorld Dotum_Pro bold';
    margin-bottom: 30px;
}
#sub4-2_wrap02 .info_right .info_right-hd::before{
    content: '▶';
    color: #00df95;
    position: absolute;
    top:0;
    left:-25px;
}
#sub4-2_wrap02 .info_right01 table{
    margin-top:30px;
    border: 3px solid #fff;
    border-radius: 20px;
    border-collapse: collapse;
    width:790px;
    height:142px;
    text-align: center;
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-2_wrap02 .info_right01 table th {
    border: 1px solid #fff;
}
#sub4-2_wrap02 .info_right01 table td {
    border: 1px solid #fff;
}
#sub4-2_wrap02 .info_right02 {
    margin: 150px 0;
}
#sub4-2_wrap02 .info_right02 .info_right-txt p {
    position: relative;
    font-size: 18px;
    margin:0 0 5px 16px;
}
#sub4-2_wrap02 .info_right02 .info_right-txt p::before{
    content: '';
    width:5px;
    height:5px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top:8px;
    left:-15px;
}
#sub4-2_wrap02 .info_right03{
    margin-bottom: 150px;
}
#sub4-2_wrap02 .info_right03 .info_right-hd,
#sub4-2_wrap02 .info_right04 .info_right-hd {
    border-bottom: 1px solid #00df95;
    width:380px;
}
#sub4-2_wrap02 .info_right01,
#sub4-2_wrap02 .info_right02,
#sub4-2_wrap02 .info_right03,
#sub4-2_wrap02 .info_right04{
    position: relative;
}
#sub4-2_wrap02 .info_right01::after,
#sub4-2_wrap02 .info_right02::after,
#sub4-2_wrap02 .info_right03::after,
#sub4-2_wrap02 .info_right04::after{
    content: '';
    background-image: url(img/icon/20.png);
    width:21px;
    height: 21px;
    background-repeat: no-repeat;
    position: absolute;
    top:7px;
    left: -110px;
}
#sub4-2_wrap02 .info_right01::before,
#sub4-2_wrap02 .info_right02::before,
#sub4-2_wrap02 .info_right03::before,
#sub4-2_wrap02 .info_right04::before{
    position: absolute;
    content: '';
    width:50px;
    height:1px;
    background-color: #fff;
    top: 17px;
    left:-100px;
}
/* 서브2-2 끝 */

/* 서브3-1 시작 */
#sub4-3_wrap {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-3_wrap .content03 {
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-3_wrap .content03 h1 {
    font-size: 55px;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
#sub4-3_wrap .content03 .news {
    display: flex;
    align-items: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding:5px 0;
    margin-top:5px;
    font-family: 'KoPubWorld Dotum_Pro medium';
}
#sub4-3_wrap .content03 .news p {
    margin-left:10px;
}
#sub4-3_wrap .main-content03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}
#sub4-3_wrap .main-content03 li {
    background-image: url(img/1_4.png);
    width: 491px;
    height: 285px;
    background-repeat: no-repeat;
    margin-bottom:40px;
    position: relative;
}
#sub4-3_wrap .main-content03 li::after{
    content: '';
    width:58px;
    height:1px;
    background-color: #fff;
    position: absolute;
    top:10px;
    left:0px;
}
#sub4-3_wrap .main-content03 li::before{
    content: '';
    width:49px;
    height:49px;
    background-color: #00e4ff;
    position: absolute;
    top:-15px;
    left:-15px;
}
#sub4-3_wrap .main-content03 li .main-content03_txt {
    background-color: #ebebeb;
    width: 40%;
    height: 100%;
    float: right;
    color:#000;
    padding:45px 0 0 20px;
}
#sub4-3_wrap .main-content03 li .main-content03_txt .txt-num {
    font-size: 30px;
    position: relative;
    font-family: 'GmarketSansBold';
}
#sub4-3_wrap .main-content03 li .main-content03_txt .txt-num::before{
    content: '';
    width:80px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top:-13px;
}
#sub4-3_wrap .main-content03 li .main-content03_txt .txt-adress {
    font-size: 18px;
    margin:12px 0 110px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
/* 서브3-1 끝 */

/* 서브3-2 시작 */
#sub4-3_wrap02 {
	width:100%;
	height:8000px;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-3_wrap02 .content03 {
    width:1134px;
    margin-left:393px;
    padding-top:180px;
}
#sub4-3_wrap02 .content-hd {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
#sub4-3_wrap02 .content03 h1 {
    font-size: 55px;
    color:#00e4ff;
    text-align: left;
    font-family: 'GmarketSansBold';
}
#sub4-3_wrap02 .content-nav {
    display: flex;
    align-items: flex-end;
}
#sub4-3_wrap02 .content-nav p {
    position: relative;
    margin-right:15px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-3_wrap02 .content-nav p::before{
    content: 'ㅣ';
    position: absolute;
    top:2px;
    left:-15px;
}
#sub4-3_wrap02 .content-nav p:first-child:before {
    content: none;
}
#sub4-3_wrap02 .content-main {
    margin-top:70px ;
}
#sub4-3_wrap02 .content-main-top {
    display: flex;
    align-items: flex-end;
}
#sub4-3_wrap02 .content-main-top_txt {
    margin-left: 72px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-3_wrap02 .content-main-top_txt .top_no01 {
    color: #00e4ff;
    font-size: 28px;
    border-bottom: 1px solid #00e4ff;
    font-family: 'GmarketSansBold';
    margin-bottom:30px;
    width:137px;
}
#sub4-3_wrap02 .content-main-top_txt span {
    margin:0 0 9px 15px;
    font-weight: bold;
}
#sub4-3_wrap02 .content-main-bottom {
    text-align: center;
}
#sub4-3_wrap02 .content03_bottom-txt {
    margin-top: 120px;
    border-top: 1px solid #fff;
    padding-top:45px;
}
#sub4-3_wrap02 .content03_bottom-txt dl {
    display: flex;
    margin-bottom: 100px;
}
#sub4-3_wrap02 .content03_bottom-txt dt {
    width:150px;
    font-size: 38px;
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    margin-right: 130px;
}
#sub4-3_wrap02 .content03_bottom-txt dd p {
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-3_wrap02 .content03_bottom-txt-dd {
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-3_wrap02 .content03_bottom-txt-dd h3 {
    position: relative;
    font-size: 23px ;
    color:#00e4ff;
    border-bottom: 1px solid #00e4ff;
    width: 354px;
    padding:0 0 10px 20px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-3_wrap02 .content03_bottom-txt-dd h3::before{
    content: '▶';
    position: absolute;
    top:0;
    left:-5px;
    color:#00e4ff

}
#sub4-3_wrap02 .content03_bottom-txt-dd .no01{
    border: 0;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table {
    border-top: 2px solid #00e4ff;
    margin-top: 20px;
    border-collapse: collapse;
    width:794px;
    height:144px;
    text-align: center;
    font-size: 18px;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table th {
    border-bottom: 2px solid #fff;
    border-left: 1px solid #fff;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table th:first-child{
    border-left: 0;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table td {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table td:first-child{
    border-left: 0;
}
#sub4-3_wrap02 .content03_bottom-txt-dd table .content03_bottom-txt-tr td{
    border-bottom: 0;
}
#sub4-3_wrap02 .content03_bottom-txt-dd dd:nth-child(2){
    margin:100px 0; 
}
#sub4-3_wrap02 .content03_bottom-txt-dd p{
    margin-top:10px;
}
/* 서브3-2 끝 */

/* 서브4-1 시작 */
#sub4-4_wrap {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-4_wrap .sub4-4_wrap_content {
    width:1131px;
    margin-left:393px;
}
#sub4-4_wrap .sub4-4_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-4_wrap .sub4-4_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-4_wrap .sub4-4_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-4_wrap .sub4-4_wrap-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border-color: #fff;
}
#sub4-4_wrap .sub4-4_wrap-nav .nav01 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub4-4_wrap .sub4-4_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap .sub4-4_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background: #7d7d7d;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap .sub4-4_wrap-main {
    margin:150px 0 0 25px;
    display: flex;
    justify-content: space-between;
}
#sub4-4_wrap .sub4-4_wrap-main dt {
    font-size:23px;
    color:#00dffa;
    width:258px;
    height:43px;
    border: 2px solid #00dffa;
    border-radius: 25px;
    line-height: 43px;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
    position: relative;
}
#sub4-4_wrap .sub4-4_wrap-main .main-left dt:before{
    content: '';
    width:50px;
    height:1px;
    background-color: #fff;
    position: absolute;
    right:-51px;
    top:50%;
}
#sub4-4_wrap .sub4-4_wrap-main .main-right dt:before{
    content: '';
    width:50px;
    height:1px;
    background-color: #fff;
    position: absolute;
    left:-51px;
    top:50%;
}
#sub4-4_wrap .sub4-4_wrap-main .main-left dl:first-child dt:after {
    content: '';
    width:1px;
    height:320px;
    background-color: #fff;
    position: absolute;
    top:50%;
    right:-51px;;
}
#sub4-4_wrap .sub4-4_wrap-main .main-right dl:first-child dt:after {
    content: '';
    width:1px;
    height:324px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left:-51px;;
}
#sub4-4_wrap .sub4-4_wrap-main dd {
    margin:13px 0 0 25px;
}
#sub4-4_wrap .sub4-4_wrap-main .dd-tit {
    font-size:18px ;
    font-weight: bold;
    margin-bottom:10px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-4_wrap .sub4-4_wrap-main .dd-txt {
    font-size: 18px;
    margin:0 0 5px 18px;
    position: relative;
    font-family: 'KoPubWorld Dotum_Pro medium';
}
#sub4-4_wrap .sub4-4_wrap-main .dd-txt::before {
    position: absolute;
    content: '-';
    top:-2px;
    left:-18px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-left dl:first-child {
    margin:0 0 70px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-right dl:first-child {
    margin:0 0 40px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-right .main-right-dl03 dd p:nth-child(3){
    margin-bottom: 20px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-right .main-right-dl03 dd p:nth-child(5){
    margin-bottom: 20px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-mid {
    background-image: url(img/16.png);
    background-repeat: no-repeat;
    background-position:center;
    width:500px;
    height:500px;
    position: relative;
}
#sub4-4_wrap .sub4-4_wrap-main .main-mid::before{
    content: '';
    position: absolute;
    top:50%;
    left:-10px;
    background-color: #fff;
    width:155px;
    height:1px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-mid::after{
    content: '';
    position: absolute;
    top:50%;
    right:20px;
    background-color: #fff;
    width:150px;
    height:1px;
}
#sub4-4_wrap .sub4-4_wrap-main .main-mid-txt {
    text-align: center;
    border: 1px solid #00e4ff;
    width:215px;
    height:215px;
    padding-top:65px;
    background-color:#00e4ff ;
    border-radius: 50%;
    position: absolute;
    top: 140px;
    left:140px;
    z-index: 123;
    color:#000;
    font-size: 20px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
/* 서브4-1 끝 */

/*서브4-2 시작 */
#sub4-4_wrap02 {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-4_wrap02 .sub4-4_wrap_content {
    width:1131px;
    margin-left:393px;
}
#sub4-4_wrap02 .sub4-4_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-4_wrap02 .sub4-4_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-4_wrap02 .sub4-4_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-4_wrap02 .sub4-4_wrap-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border-color: #fff;
}
#sub4-4_wrap02 .sub4-4_wrap-nav .nav02 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub4-4_wrap02 .sub4-4_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap02 .sub4-4_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap02 .main_content {
    margin-top:120px;
}
#sub4-4_wrap02 .main_content-top p {
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-size: 18px;
}
#sub4-4_wrap02 .main_content-top span {
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 23px;
}
#sub4-4_wrap02 .main_content-mid {
    margin:50px 0;
}
#sub4-4_wrap02 .main_content-mid img {
    box-shadow: -3px -3px 20px 0px #00d39d,
        3px 3px 30px 0px #007fbc;
}
#sub4-4_wrap02 .main_content-bottom{
    margin-left:40px;
} 
#sub4-4_wrap02 .main_content-bottom p {
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-size:18px;
}
#sub4-4_wrap02 .basic_share {
    margin-top:50px;
    border: 2px solid #fff;
    border-radius: 40px;
    padding:30px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    font-size: 18px;
}
#sub4-4_wrap02 .basic_share .basic_share-top {
    margin-bottom:20px;
}
#sub4-4_wrap02 .basic_share .basic_share-top h6{
    font-size: 23px;
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
/*서브4-2 끝 */

/*서브4-3 시작 */
#sub4-4_wrap03 {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-4_wrap03 .sub4-4_wrap_content {
    width:1131px;
    margin-left:393px;
}
#sub4-4_wrap03 .sub4-4_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-4_wrap03 .sub4-4_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-4_wrap03 .sub4-4_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-4_wrap03 .sub4-4_wrap-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border-color: #fff;
}
#sub4-4_wrap03 .sub4-4_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:#7d7d7d ;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap03 .sub4-4_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-4_wrap03 .sub4-4_wrap-nav .nav03 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub4-4_wrap03 .icon_wrap {
    margin-top:100px;
}
/* ---------top-------------------- */
#sub4-4_wrap03 .icon-top {
    display: flex;
    align-items: flex-end;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro Light';
    position: relative;
}
#sub4-4_wrap03 .icon-top::after{
    content: '';
    width:830px;
    height:1px;
    position: absolute;
    top:43px;
    left:60px;
    border-top:dashed  4px #00e4ff;
}
#sub4-4_wrap03 .icon-top dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right:100px ;
}
#sub4-4_wrap03 .icon-top .no01 dt,
#sub4-4_wrap03 .icon-top .no03 dt,
#sub4-4_wrap03 .icon-top .no05 dt{
   background-color: #00e4ff;
   border-radius: 50%;
   width: 80px;
   padding:18px 0;
   margin-bottom:20px;
   z-index: 999999;
}
#sub4-4_wrap03 .icon-top .no02 dt,
#sub4-4_wrap03 .icon-top .no04 dt {
   background-color: #00e4ff;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   margin-bottom:47px;
   position: relative;
}
#sub4-4_wrap03 .icon-top .no02 dt::before,
#sub4-4_wrap03 .icon-top .no04 dt::before{
    content: '';
    height:50px;
    width:1px;
    background-color: #00e4ff;
    position: absolute;
    top:0;
    left:7px;
}
/* ----------mid--------------------- */
#sub4-4_wrap03 .icon-mid {
    margin:40px 0 80px 887px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    display: flex;
}
#sub4-4_wrap03 .icon-mid .icon-mid-dot {
    background-color:#00e4ff ;
    width:15px;
    height:15px;
    border-radius: 50%;
    margin:3px 0 15px 0;
    position: relative;
}
#sub4-4_wrap03 .icon-mid .icon-mid-dot::before{
    width:1px;
    height:345px;
    content: '';
    position: absolute;
    border-left:dashed  4px #00e4ff;
    top:-150px;
    left:5px;
}
#sub4-4_wrap03 .icon-mid .icon-mid-txt {
    margin-left:35px;
    position: relative;
}
#sub4-4_wrap03 .icon-mid .icon-mid-txt::before{
    content: '';
    width:40px;
    height:1px;
    background-color:#00e4ff;
    position: absolute;
    top:8px;
    left:-45px;
}
/* -------------- bottom -------------  */
#sub4-4_wrap03 .icon-bottom {
    display: flex;
    align-items: flex-start;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro Light';
    position: relative;
}
#sub4-4_wrap03 .icon-bottom::after{
    content: '';
    width:837px;
    height:1px;
    position: absolute;
    top:40px;
    left:55px;
    border-top:dashed  4px #00e4ff;
}
#sub4-4_wrap03 .icon-bottom dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right:80px ;
}
#sub4-4_wrap03 .icon-bottom .no01 dt,
#sub4-4_wrap03 .icon-bottom .no03 dt,
#sub4-4_wrap03 .icon-bottom .no05 dt{
   background-color: #00e4ff;
   border-radius: 50%;
   width: 80px;
   padding:18px 0;
   margin-bottom:20px;
   z-index: 999999;
}
#sub4-4_wrap03 .icon-bottom .no02 dt,
#sub4-4_wrap03 .icon-bottom .no04 dt {
   background-color: #00e4ff;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   margin-bottom:50px;
   position: relative;
   margin-top:35px
}
#sub4-4_wrap03 .icon-top .no02,
#sub4-4_wrap03 .icon-bottom .no02{
    color:#fff;
    font-size: 1em;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-4_wrap03 .icon-bottom .no02 dt::before,
#sub4-4_wrap03 .icon-bottom .no04 dt::before{
    content: '';
    height:50px;
    width:1px;
    background-color: #00e4ff;
    position: absolute;
    top:0;
    left:7px;
}
#sub4-4_wrap03 .camp_wrap {
    margin-top:100px;
}
#sub4-4_wrap03 .camp_hd {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-4_wrap03 .camp_hd p {
    margin-left: 10px;
}
#sub4-4_wrap03 .camp_hd span {
    color: #00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 23px;
}
#sub4-4_wrap03 .camp_main {
    margin-top:90px;
    font-size:18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-4_wrap03 .camp_main-top .camp_main-top-tit {
    font-family: 'KoPubWorld Dotum_Pro bold';
    color:#00e4ff;
    font-size: 30px;
}
#sub4-4_wrap03 .camp_main-mid {
    margin-top: 50px;
    display: flex;
}
#sub4-4_wrap03 .camp_main-mid img {
    box-shadow: -3px -3px 20px 0px #00d39d,
        3px 3px 30px 0px #007fbc;
}
#sub4-4_wrap03 .camp_main-mid p:last-child {
transform: translateX(-60px);
margin-top:300px;
}
/*서브4-3 끝 */

/*서브5-1 시작 */
#sub4-5_wrap {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-5_wrap .sub4-5_wrap_content {
    width:1131px;
    margin-left:393px;

}
#sub4-5_wrap .sub4-5_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-5_wrap .sub4-5_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-5_wrap .sub4-5_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-5_wrap .sub4-5_wrap-nav div:hover{
    border-color: #fff;
    color:#006ebf;
    background-color: #fff;
}
#sub4-5_wrap .sub4-5_wrap-nav .nav01 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub4-5_wrap .sub4-5_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap .sub4-5_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background: #7d7d7d ;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap .sub4-5_wrap_content-top {
    margin-top:100px;
}
#sub4-5_wrap .sub4-5_wrap_content-top .about {
    font-size: 48px;
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-5_wrap .sub4-5_wrap_content-top p {
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap .sub4-5_wrap_content-top p strong {
    font-size: 23px;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-5_wrap .sub4-5_wrap_content-top p span {
    font-family: 'KoPubWorld Dotum_Pro bold';
    color:#00e4ff;
}
#sub4-5_wrap .sub4-5_wrap_content-mid {
    margin-top:130px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap .sub4-5_wrap_content-mid-left .txt{
    text-align: center;
    margin-top:15px;
}
#sub4-5_wrap .sub4-5_wrap_content-mid-mid p{
    margin-bottom: 30px;
}
#sub4-5_wrap .sub4-5_wrap_content-mid-right {
    position: relative;
}
#sub4-5_wrap .sub4-5_wrap_content-mid-right::before{
    position: absolute;
    width:1px;
    height:362px;
    content: '';
    top:50px;
    left:-49px;
    background-color: #00df95;
}
#sub4-5_wrap .sub4-5_wrap_content-mid-right p {
    font-size: 18px;
    border: 2px solid;
    border-image: linear-gradient(to right, #00df95,#006ebf );
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-image-slice: 1;
    margin-bottom:25px;
    padding:20px 30px;
    position: relative;
}
#sub4-5_wrap .sub4-5_wrap_content-mid-right p::before {
    content: '';
    top:50%;
    left:-50px;
    width:50px;
    height:1px;
    background-color: #00d39d;
    position: absolute;
}
#sub4-5_wrap .sub4-5_wrap_content-bottom {
    margin-top:130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub4-5_wrap .sub4-5_wrap_content-bottom img {
    box-shadow: 0px 0px 8px #fff,
    0px 0px 8px #fff;
}
#sub4-5_wrap .sub4-5_wrap_content-bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right:45px;
}
#sub4-5_wrap .sub4-5_wrap_content-bottom-left p {
    margin-bottom:45px;
}
/*서브5-1 끝 */

/* 서브5-2 시작 */
#sub4-5_wrap02 {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-5_wrap02 .sub4-5_wrap_content {
    width:1131px;
    margin-left:393px;
}
#sub4-5_wrap02 .sub4-5_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-5_wrap02 .sub4-5_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-5_wrap02 .sub4-5_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-5_wrap02 .sub4-5_wrap-nav div:hover{
    border-color: #fff;
    color:#006ebf;
    background-color: #fff;
}
#sub4-5_wrap02 .sub4-5_wrap-nav .nav02 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub4-5_wrap02 .sub4-5_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap02 .sub4-5_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top {
    margin-top:80px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top img {
    margin-bottom:20px;
    position: relative;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt_tit {
    font-size: 23px;
    margin-bottom:40px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt_tit span {
    font-family: 'KoPubWorld Dotum_Pro Bold';
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt-p {
    position: relative;
    margin:0 0 30px 20px;
    font-size: 18px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt p:first-child::before{
    content: '';
    width:850px;
    height:1px;
    background-color: #00e4ff;
    position: absolute;
    top:35px;
    left:50px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt p:first-child{
    position: relative;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt-p::before{
    content: '-';
    position: absolute;
    top:3px;
    left:-20px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top .left-img{
    width:562px;
    height:379px;
    border: 2px solid #00e4ff;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding:20px 0 0;
    margin-top: 100px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top-right {
    margin:45px 0 0 100px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top-right img {
    box-shadow: -3px -3px 8px 0px #00d39d,
        3px 3px 8px 0px #007fbc;
    margin-top:20px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top-right p {
    position: relative;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top-right p::before{
    content: '';
    width:1px;
    height:50px;
    position: absolute;
    top:-20px;
    left:50%;
    background-color: #00e4ff;
}
#sub4-5_wrap02 .sub4-5_wrap_content-top-right p:last-child:after{
    content: '';
    width:155px;
    height:1px;
    background-color: #00e4ff;
    position: absolute;
    top:150px;
    left:-155px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid {
    margin-top:200px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top p {
    font-size:16px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top .top_tit {
    font-family: 'KoPubWorld Dotum_Pro bold';
    margin-bottom:10px; 
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top p:nth-child(2) span {
    position: relative;
    margin-left:60px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top p span::before{
    content: '';
    background-image: url(img/icon/14.png);
    position: absolute;
    top:2px;
    left:-40px;
    width:17px;
    height:18px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top .top_img {
    margin-top:20px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top .top_img img {
    box-shadow: -3px -3px 8px 0px #00d39d,
        3px 3px 8px 0px #007fbc;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-top .top_img span {
    vertical-align: bottom;
    margin-left:10px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom {
    margin-top:100px;
    display: flex;
    align-items: center;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left {
    font-size: 18px;
    border: 4px solid #00e4ff;
    border-radius: 50%;
    width:190px;
    height:190px;
    text-align: center;
    padding-top:70px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    color: #00e4ff;
    position: relative;
    margin-right:90px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left::before{
    content: '';
    border: 1px solid #fff;
    border-radius:50% ;
    width: 220px;
    height:220px;
    position: absolute;
    top:-20px;
    left:-20px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left::after{
    content: '';
    border: 1px solid #00e4ff;
    border-radius:50% ;
    width: 10px;
    height:10px;
    position: absolute;
    background-color: #00e4ff;
    top:50%;
    right:-28px;
}
#sub4-5_wrap02 .bottom-right {
    width:867px;
    height:481px;
    border: 1px solid #fff;
    border-radius: 46px;
    padding:50px 15px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    position: relative;
}
#sub4-5_wrap02 .bottom-right::before{
    content: '';
    border: 1px solid #00e4ff;
    border-radius:50% ;
    width: 10px;
    height:10px;
    position: absolute;
    background-color: #00e4ff;
    top:50%;
    left:-6px;
}
#sub4-5_wrap02 .bottom-right::after{
    content: '';
    border-top:dashed  4px #00e4ff;
    position: absolute;
    top:51%;
    left:-70px;
    width:70px;
    height:1px;
}
#sub4-5_wrap02 .bottom-right .bottom-right01 {
    display: flex;
}
#sub4-5_wrap02 .bottom-right .bottom-right01 .bottom-right01-tit{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sub4-5_wrap02 .bottom-right .bottom-right01 .bottom-right01-tit p{
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 30px;
    padding:15px 0;
    width:261px;
    margin:0 0 40px;
    text-align: center;
} 
#sub4-5_wrap02 .bottom-right .bottom-right01 .bottom-right01-txt {
    margin-left:90px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap02 .bottom-right .bottom-right02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:40px 0 15px 0;
}
#sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(1),
#sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(2) {
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 30px;
    width:261px;
    text-align: center;
    padding:15px 0;
}
#sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(3){
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 30px;
    width:261px;
    text-align: center;
}
#sub4-5_wrap02 .bottom-right .img {
    margin:0 0 15px 110px;
}
#sub4-5_wrap02 .bottom-right .bottom-right03 {
    display: flex;
}
#sub4-5_wrap02 .bottom-right .bottom-right03 p:nth-child(1){
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 30px;
    width:261px;
    text-align: center;
    padding:15px 0;
    margin-right: 30px;
}
#sub4-5_wrap02 .bottom-right .bottom-right03 p:nth-child(2){
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 30px;
    width:261px;
    text-align: center;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom {
    display: flex;
    justify-content: space-between;
    margin-top:200px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dl {
    border: 2px solid;
    border-image: linear-gradient(to right, #00df95,#006ebf );
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-image-slice: 1;
    margin-bottom:40px;
    width:534px;
    display: flex;
    justify-content: space-around;
    padding:20px 0 30px;
    position: relative;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dl::before{
    content: '';
    position: absolute;
    top:-42px;
    left:30%;
    width:4px;
    height:41px;
    background-color: #00df95;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dl:first-child:before,
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dl:first-child:after {
    content: none;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dl::after{
    content: '';
    position: absolute;
    top:-42px;
    right:30%;
    width:4px;
    height:41px;
    background-color: #0081bb;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dt {
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 18px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom dd {
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 18px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom .text_box dd {
    margin-bottom:30px;
}
#sub4-5_wrap02 .sub4-5_wrap_content-bottom-right {
    margin-top:130px;
}
/* 서브5-2 끝 */

/* 서브5-3 시작 */
#sub4-5_wrap03 {
    width:100%;
	height:100%;
	background:
    linear-gradient(-90deg, #002a44, rgba(0,42,68, 0.1)),
    linear-gradient(90deg, black, rgba(0, 0, 0, 0.2));
    color:#fff;
    padding-bottom:150px;
}
#sub4-5_wrap03 .sub4-5_wrap_content {
    width:1131px;
    margin-left:393px;
}
#sub4-5_wrap03 .sub4-5_wrap_content h1 {
    font-size: 55px;
    color:#00e4ff;
    border-bottom: 1px solid #fff;
    padding-bottom:10px;
    font-family: 'GmarketSansBold';
}
#sub4-5_wrap03 .sub4-5_wrap-nav {
    margin:60px 0 0 25px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub4-5_wrap03 .sub4-5_wrap-nav div {
    font-size: 20px;
    width:224px;
    height:52px;
    line-height: 52px;
    border: 2px solid #929292;
    border-radius: 26px;
    text-align: center;
    margin-right:60px;
    position: relative;
    color:#929292;
}
#sub4-5_wrap03 .sub4-5_wrap-nav div:hover{
    border-color: #fff;
    color:#006ebf;
    background-color: #fff;
}
#sub4-5_wrap03 .sub4-5_wrap-nav .nav03 {
    border-color:#00dffa;
    color:#00dffa
}
#sub4-5_wrap03 .sub4-5_wrap-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:#7d7d7d;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap03 .sub4-5_wrap-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub4-5_wrap03 .sub4-4_wrap-nav .nav03 {
    border-color:#00dffa;
}
#sub4-5_wrap03 .icon_wrap {
    margin-top:100px;
}
/* ---------top-------------------- */
#sub4-5_wrap03 .icon-top {
    display: flex;
    align-items: flex-end;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro Light';
    position: relative;
    font-size: 16px;
}
#sub4-5_wrap03 .icon-top::after{
    content: '';
    width:830px;
    height:1px;
    position: absolute;
    top:43px;
    left:60px;
    border-top:dashed  4px #00e4ff;
}
#sub4-5_wrap03 .icon-top dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right:100px ;
}
#sub4-5_wrap03 .icon-top .no01 dt,
#sub4-5_wrap03 .icon-top .no03 dt,
#sub4-5_wrap03 .icon-top .no05 dt{
   background-color: #00e4ff;
   border-radius: 50%;
   width: 80px;
   padding:18px 0;
   margin-bottom:20px;
   z-index: 999999;
}
#sub4-5_wrap03 .icon-top .no02 dt,
#sub4-5_wrap03 .icon-top .no04 dt {
   background-color: #00e4ff;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   margin-bottom:47px;
   position: relative;
}
#sub4-5_wrap03 .icon-top .no02 dt::before,
#sub4-5_wrap03 .icon-top .no04 dt::before{
    content: '';
    height:50px;
    width:1px;
    background-color: #00e4ff;
    position: absolute;
    top:0;
    left:7px;
}
#sub4-5_wrap03 .icon-top .no02 dd,
#sub4-5_wrap03 .icon-bottom .no02 dd {
    color:#fff;
    font-size: 16px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
/* ----------mid--------------------- */
#sub4-5_wrap03 .icon-mid {
    margin:40px 0 80px 887px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    display: flex;
}
#sub4-5_wrap03 .icon-mid .icon-mid-dot {
    background-color:#00e4ff ;
    width:15px;
    height:15px;
    border-radius: 50%;
    margin:3px 0 15px 0;
    position: relative;
}
#sub4-5_wrap03 .icon-mid .icon-mid-dot::before{
    width:1px;
    height:345px;
    content: '';
    position: absolute;
    border-left:dashed  4px #00e4ff;
    top:-150px;
    left:5px;
}
#sub4-5_wrap03 .icon-mid .icon-mid-txt {
    margin-left:35px;
    position: relative;
}
#sub4-5_wrap03 .icon-mid .icon-mid-txt::before{
    content: '';
    width:40px;
    height:1px;
    background-color:#00e4ff;
    position: absolute;
    top:8px;
    left:-45px;
}
/* -------------- bottom -------------  */
#sub4-5_wrap03 .icon-bottom {
    display: flex;
    align-items: flex-start;
    text-align: center;
    font-family: 'KoPubWorld Dotum_Pro Light';
    position: relative;
}
#sub4-5_wrap03 .icon-bottom::after{
    content: '';
    width:837px;
    height:1px;
    position: absolute;
    top:40px;
    left:55px;
    border-top:dashed  4px #00e4ff;
}
#sub4-5_wrap03 .icon-bottom dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right:80px ;
}
#sub4-5_wrap03 .icon-bottom .no01 dt,
#sub4-5_wrap03 .icon-bottom .no03 dt,
#sub4-5_wrap03 .icon-bottom .no05 dt{
   background-color: #00e4ff;
   border-radius: 50%;
   width: 80px;
   padding:18px 0;
   margin-bottom:20px;
   z-index: 999999;
}
#sub4-5_wrap03 .icon-bottom .no02 dt,
#sub4-5_wrap03 .icon-bottom .no04 dt {
   background-color: #00e4ff;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   margin-bottom:50px;
   position: relative;
   margin-top:35px
}
#sub4-5_wrap03 .icon-bottom .no02 dt::before,
#sub4-5_wrap03 .icon-bottom .no04 dt::before{
    content: '';
    height:50px;
    width:1px;
    background-color: #00e4ff;
    position: absolute;
    top:0;
    left:7px;
}
#sub4-5_wrap03 .photo_wrap {
    margin-top:130px;
    overflow-x: hidden;
}
#sub4-5_wrap03 .photo-hd {
    border-bottom: 1px solid #fff;
}
#sub4-5_wrap03 .photo-hd p {
    font-size: 18px;
    position: relative;
    padding:0 0 10px 20px;
}
#sub4-5_wrap03 .photo-hd p::before{
    content: '▶';
    position: absolute;
    top:0;
    left:0;
    color:#00e4ff;
}
#sub4-5_wrap03 .photo_box{
overflow-x: hidden;
position: relative;
width: 1131px;
height: 531px;
}
#sub4-5_wrap03 .photo {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 531px;
    transition: 1s all;
}
#sub4-5_wrap03 .photo-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top:30px;
}
#sub4-5_wrap03 .photo-img p {
    margin-bottom: 30px;
}
#sub4-5_wrap03 .photo-btn{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub4-5_wrap03 .photo-btn p {
    border: 2px solid #fff;
    border-radius: 50%;
    padding:10px 15px;
    
    cursor: pointer;
}
#sub4-5_wrap03 .photo-btn p:first-child{
    margin-right: 10px;
}
#sub4-5_wrap03 .photo-btn p:last-child{
    margin-left: 10px;
}
#sub4-5_wrap03 .middle-img {
    margin-top:90px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
#sub4-5_wrap03 .middle-img p {
    z-index: 5586;
}
#sub4-5_wrap03 .middle-img img{
    box-shadow: 0px 0px 10px 0px #fff;
}
#sub4-5_wrap03 .middle-img::after{
    content: '';
    width:1400px;
    height:14px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left: -500px;
}
#sub4-5_wrap03 .middle-img p:nth-child(1),
#sub4-5_wrap03 .middle-img p:nth-child(3){
    margin-top:50px;
}
#sub4-5_wrap03 .camp_wrap {
    margin-top:100px;
}
#sub4-5_wrap03 .camp_hd {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap03 .camp_hd p {
    margin-left: 10px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap03 .camp_hd span {
    color: #00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 23px;
}
#sub4-5_wrap03 .camp_main {
    margin-top:90px;
    font-size:18px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap03 .camp_main-top .camp_main-top-tit {
    font-family: 'KoPubWorld Dotum_Pro bold';
    color:#00e4ff;
    font-size: 30px;
}
#sub4-5_wrap03 .camp_main-mid {
    margin-top: 50px;
    display: flex;
}
#sub4-5_wrap03 .camp_main-mid img {
    box-shadow: -3px -3px 20px 0px #00d39d,
        3px 3px 30px 0px #007fbc;
}
#sub4-5_wrap03 .camp_main-mid p:last-child {
transform: translateX(-60px);
margin-top:300px;
}
#sub4-5_wrap03 .img_gallery {
    margin-top:150px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub4-5_wrap03 .img_gallery-top h3,
#sub4-5_wrap03 .img_gallery-bottom h3 {
    position: relative;
    font-size: 18px; 
}
#sub4-5_wrap03 .img_gallery-top h3::before,
#sub4-5_wrap03 .img_gallery-bottom h3::before{
    content: '';
    width:1000px;
    height:1px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left:100px;
}
#sub4-5_wrap03 .img_gallery-top h3 span,
#sub4-5_wrap03 .img_gallery-bottom h3 span {
    position: relative;
}
#sub4-5_wrap03 .img_gallery-top h3 span::before{
    content: '';
    width:1px;
    height: 500px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top:20px;
    left: 50%;
}
#sub4-5_wrap03 .img_gallery-bottom h3 span::before{
    content: '';
    width:1px;
    height: 280px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top:20px;
    left: 50%;
}
#sub4-5_wrap03 .img_gallery-top .img_gallery-top-img {
    display: flex;
    justify-content: space-around;
    margin-top:52px ;
}
#sub4-5_wrap03 .img_gallery-top .img_gallery-top-img p:nth-child(2){
    margin-top:70px;
}
#sub4-5_wrap03 .img_gallery-bottom {
    margin-top:100px;
}
#sub4-5_wrap03 .img_gallery-bottom .img_gallery-bottom-img {
    display: flex;
    justify-content: space-around;
    margin-top:52px;
}
#sub4-5_wrap03 .bottom_banner {
    margin-top:200px;
    display: flex;
    flex-direction: column;
    position: relative;
}
#sub4-5_wrap03 .bottom_banner img {
    box-shadow: -3px -3px 20px 0px #00d39d,
        3px 3px 30px 0px #007fbc;
}
#sub4-5_wrap03 .banner-mid {
    margin:70px 0 250px 360px;
}
#sub4-5_wrap03 .banner-txt01 {
    position: absolute;
    top:479px;
    right:-680px;
    background-color: #006ebf;
    width:1000px;
    padding:40px 20px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    color:#fff
}
#sub4-5_wrap03 .banner-txt02 {
    position: absolute;
    bottom:174px;
    left:-600px;
    background-color: #006ebf;
    width:730px;
    padding:40px 20px;
    font-family: 'KoPubWorld Dotum_Pro Light';
    text-align: right;
}
#sub4-5_wrap03 .banner-txt02 strong{
    font-size: 23px;
}
#sub4-5_wrap03 .banner-txt01 strong{
    font-size: 23px;
}
#sub4-4_wrap .sub4-4_wrap-main_m {
    display: none;
    width:100%;
    margin-top: 65px;
}
#sub4-4_wrap .sub4-4_wrap-main_m img {
    width: 100%;
}
#sub4-4_wrap03 .icon_wrap_m {
    display: none;
    width: 100%;
    margin-top: 65px;
}
#sub4-4_wrap03 .icon_wrap_m img {
    width:100%;
}
.icon_wrap_m {
    display: none;
}
/* 서브5-3 끝 */
@media only screen and (min-width: 320px) and (max-width:768px) {
    #sub4-4_wrap .sub4-4_wrap_content {
        width: 90%;
        margin: 0 auto;
    }  
    #sub4-4_wrap .sub4-4_wrap-main {
        margin-left: 0;
        display: none;
    }
    #sub4-4_wrap .sub4-4_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-4_wrap .sub4-4_wrap-nav {
        margin-left: 0;
    }
    #sub4-4_wrap .sub4-4_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-4_wrap .sub4-4_wrap-main_m {
        display: block;
    }
    #sub4-4_wrap02 .sub4-4_wrap_content {
        width: 90%;
        margin: 0 auto;
    }
    #sub4-4_wrap02 .sub4-4_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-4_wrap02 .sub4-4_wrap-nav {
        margin-left: 0;
    }
    #sub4-4_wrap02 .sub4-4_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-4_wrap02 .main_content {
        width:100%;
        margin-top:65px;
    }
    #sub4-4_wrap02 .main_content-top p {
        font-size: 12px;
    }
    #sub4-4_wrap02 .main_content-top span {
        font-size: 14px;
    }
    #sub4-4_wrap02 .main_content-mid img {
        width:100%;   
    }
    #sub4-4_wrap02 .main_content-bottom {
        margin-left: 0;
    }
    #sub4-4_wrap02 .main_content-bottom p br {
        display: none;
    }
    #sub4-4_wrap02 .main_content-bottom p {
        font-size: 14px;
    }
    #sub4-4_wrap03 .sub4-4_wrap-nav {
        width: 100%;
        margin-left: 0;
    }
    #sub4-4_wrap03 .sub4-4_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-4_wrap03 .sub4-4_wrap-nav {
        margin-left: 0;
    }
    #sub4-4_wrap03 .sub4-4_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-4_wrap03 .sub4-4_wrap_content {
        width:90%;
        margin: 0 auto;
    }
    #sub4-4_wrap03 .icon_wrap {
        display: none;
    }
    #sub4-4_wrap03 .icon_wrap_m {
        display: block;
    }
    #sub4-4_wrap03 .camp_hd p {
        font-size: 12px;
    }
    #sub4-4_wrap03 .camp_hd span {
        font-size: 14px;
    }
    #sub4-4_wrap03 .camp_main {
        font-size: 12px;
        margin-top: 40px;
    }
    #sub4-4_wrap03 .camp_main-top .camp_main-top-tit {
        font-size: 18px;
    }
    #sub4-4_wrap03 .camp_main-mid {
        margin-top: 30px;
        width: 100%;
    }
    #sub4-4_wrap03 .camp_main-mid img {
        width: 100%;
    }
    #sub4-4_wrap03 .camp_main-mid p:last-child {
        margin-top: 111px;
    }
    #sub4-5_wrap .sub4-5_wrap_content {
        width: 90%;
        margin: 0 auto;
        /* border: 1px solid #fff; */
    }
    #sub4-5_wrap .sub4-5_wrap-nav {
        width: 100%;
        margin-left: 0;
    }
    #sub4-5_wrap .sub4-5_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-5_wrap .sub4-5_wrap-nav {
        margin-left: 0;
    }
    #sub4-5_wrap .sub4-5_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-5_wrap .sub4-5_wrap_content-top .about {
        font-size: 28px;
    }
    #sub4-5_wrap .sub4-5_wrap_content-top p,
    #sub4-5_wrap .sub4-5_wrap_content-top p strong {
        font-size: 12px;
    }
    #sub4-5_wrap .sub4-5_wrap_content-mid {
        margin-top: 65px;
        flex-direction: column;
    }
    .sub4-5_wrap_content-mid-left {
        margin-bottom: 40px;
    }
    #sub4-5_wrap .sub4-5_wrap_content-mid-mid {
        display: none;
    }
    #sub4-5_wrap .sub4-5_wrap_content-mid-right p::before {
        content: none;
    }
    #sub4-5_wrap .sub4-5_wrap_content-mid-right p {
        font-size: 15px;
    }
    #sub4-5_wrap .sub4-5_wrap_content-bottom {
        margin-top: 65px;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    #sub4-5_wrap .sub4-5_wrap_content-bottom img {
        width: 100%;
    }
    #sub4-5_wrap .sub4-5_wrap_content-bottom-left {
        align-items: center;
        margin-right:0 ;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content {
        width: 90%;
        margin: 0 auto;
    }
    #sub4-5_wrap02 .sub4-5_wrap-nav {
        width: 100%;
        margin-left: 0;
    }
    #sub4-5_wrap02 .sub4-5_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-5_wrap02 .sub4-5_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top {
        margin-top: 65px;
        flex-direction: column;
        width: 100%;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top-left {
        width: 100%;;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt p:first-child::before {
        content: none;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt_tit {
        margin-bottom: 10px;
        font-size: 18px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top .left-txt-p {
        margin-bottom: 5px;
        font-size: 14px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top .left-img {
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 0;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top .left-img img {
        margin: 0;
        padding:10px;
        width: 50%;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top-right {
        margin:21px 0 0 0;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top-right img {
        width: 100%;
        height:100px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-top-right p:last-child:after {
        content: none;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-top {
        width: 100%;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-top img{
        width:100%;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-top .top_tit {
        margin-bottom: 0;
        font-size: 14px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-top p {
        font-size: 12px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom {
        width: 100%;
        margin-top: 40px;
        flex-direction: column;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left {
        margin:0 0 40px 0;
        width:150px;
        height: 150px;
        padding-top:44px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left::before {
        width: 180px;
        height:180px;
        top:-19px;
        left:-18px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom .bottom-left::after {
        content: none;
    }
    #sub4-5_wrap02 .bottom-right {
        width: 100%;
    }
    #sub4-5_wrap02 .bottom-right::before,
    #sub4-5_wrap02 .bottom-right::after {
        content: none;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right01 .bottom-right01-txt {
        margin-left: 5px;
        font-size: 14px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-mid-bottom p{
        font-size: 14px;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right01 .bottom-right01-tit p {
        font-size: 14px;
        width:200px;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right02 p {
        font-size: 12px;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(1), #sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(2) {
        font-size: 12px;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right02 p:nth-child(3) {
        font-size: 12px;
        padding:4px 0;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right03 p:nth-child(1) {
        margin-right: 0;
        font-size: 14px;
    }
    #sub4-5_wrap02 .bottom-right .bottom-right03 p:nth-child(2){
        font-size: 14px;
        padding: 7px 0;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-bottom {
        margin-top: 65px;
        width: 100%;
        flex-direction: column;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-bottom dl {
        width: 100%;
    }
    #sub4-5_wrap03 .sub4-5_wrap_content {
        width: 90%;
        margin: 0 auto;
    }
    #sub4-5_wrap03 .sub4-5_wrap-nav {
        width: 100%;
        margin-left: 0;
    }
    #sub4-5_wrap03 .sub4-5_wrap-nav div {
        width: 100px;
        margin-right: 24px;
    }
    #sub4-5_wrap03 .sub4-5_wrap-nav .nav03 {
        margin-right: 0;
    }
    #sub4-5_wrap03 .icon_wrap {
        display: none;
    }
    #sub4-5_wrap03 .icon_wrap_m {
        display: block;
        width: 100%;
        margin-top: 40px;
    }
    #sub4-5_wrap03 .icon_wrap_m img {
        width: 100%;
    }
    #sub4-5_wrap03 .middle-img {
        margin-top: 40px;
        width: 100%;
    }
    #sub4-5_wrap03 .middle-img img {
        width: 100%;
    }
    #sub4-5_wrap03 .camp_wrap {
        margin-top: 65px;
        width: 100%;
    }
    #sub4-5_wrap03 .camp_hd,
    #sub4-5_wrap03 .camp_hd span {
        font-size: 14px;
    }
    #sub4-5_wrap03 .camp_main {
        margin-top: 40px;
        font-size: 12px;
    }
    #sub4-5_wrap03 .camp_main-top .camp_main-top-tit {
        font-size: 18px;
    }
    #sub4-5_wrap03 .camp_main-mid img {
        width: 100%;
    }
    #sub4-5_wrap03 .camp_main-mid p:last-child {
        margin-top:111px;
    }
    #sub4-5_wrap03 .img_gallery {
        margin-top: 65px;
        width:100%;
    }
    #sub4-5_wrap03 .img_gallery-top {
        width: 100%;
    }
    #sub4-5_wrap03 .img_gallery-top h3::before,
    #sub4-5_wrap03 .img_gallery-bottom h3::before,
    #sub4-5_wrap03 .img_gallery-top h3 span::before,
    #sub4-5_wrap03 .img_gallery-bottom h3 span::before {
        content: none;
    }
    #sub4-5_wrap03 .img_gallery-top .img_gallery-top-img img,
    #sub4-5_wrap03 .img_gallery-bottom .img_gallery-bottom-img img {
        width: 100%;
    }
    #sub4-5_wrap03 .bottom_banner {
        margin-top:65px
    }
    #sub4-5_wrap03 .bottom_banner img {
        width: 100%;
    }
    #sub4-5_wrap03 .banner-mid {
        margin:60px 0;
    }
    #sub4-5_wrap03 .banner-txt01 {
        top:25%;
        width:100%;
        right:0;
        padding:10px;
        text-align: center;
    }
    #sub4-5_wrap03 .banner-txt02 {
        bottom:25%;
        left:0;
        width:100%;
        padding:10px;
        text-align: center;
    }
    #sub4-4_wrap .sub4-4_wrap-nav .nav01::before,
    #sub4-4_wrap .sub4-4_wrap-nav .nav02::before,
    #sub4-4_wrap02 .sub4-4_wrap-nav .nav01::before,
    #sub4-4_wrap02 .sub4-4_wrap-nav .nav02::before,
    #sub4-4_wrap03 .sub4-4_wrap-nav .nav01::before,
    #sub4-4_wrap03 .sub4-4_wrap-nav .nav02::before,
    #sub4-5_wrap .sub4-5_wrap-nav .nav01::before,
    #sub4-5_wrap .sub4-5_wrap-nav .nav02::before,
    #sub4-5_wrap02 .sub4-5_wrap-nav .nav01::before,
    #sub4-5_wrap02 .sub4-5_wrap-nav .nav02::before,
    #sub4-5_wrap03 .sub4-5_wrap-nav .nav01::before,
    #sub4-5_wrap03 .sub4-5_wrap-nav .nav02::before {
        width:26px;
        right:-26px;
    }
    #sub4-4_wrap02 .basic_share .basic_share-top h6,
    #sub4-5_wrap02 .sub4-5_wrap_content-bottom dt {
        font-size: 14px;
    }
    #sub4-4_wrap02 .basic_share,
    #sub4-5_wrap02 .sub4-5_wrap_content-bottom dd {
        font-size: 12px;
    }
    #sub4-5_wrap02 .sub4-5_wrap_content-bottom-right {
        margin-top: 40px;
    }
    #sub4-4_wrap,
    #sub4-4_wrap02,
    #sub4-4_wrap03,
    #sub4-5_wrap,
    #sub4-5_wrap02,
    #sub4-5_wrap03 {
        padding-bottom:60px;
    }
}