@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: 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{
    background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
@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 -------------------------------------------------------------------------------------------------*/

/* 서브1-1 시작 */
#sh_banner_basic_top_2 .sh-banner-img-wrap .banner_top_close{
    display: none;
}
#sub6_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:143px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub6_wrap h2 {
    font-family: 'GmarketSansBold';
}
#sub6_wrap .content {
    width:1135px;

    margin-left:393px;
}
#sub6_wrap .content-hd {
    border-bottom: 1px solid #fff;
    font-size:55px ;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
#sub6_wrap .content-nav {
    margin:60px 0 0 0px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub6_wrap .content-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;
    cursor: pointer;
}
#sub6_wrap .content-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border: 0;
}
#sub6_wrap .content-nav .nav01 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub6_wrap .content-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub6_wrap .content-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background: #7d7d7d;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub6_wrap .content-main {
    margin-top: 150px;
    font-size:17px;
}
#sub6_wrap .content-main-top {
    font-size: 28px;
    font-family: 'GmarketSansBold';
    color:#00e4ff;
}
#sub6_wrap .content-main-mid {
    position: relative;
    margin:40px 0 30px 20px;
}
#sub6_wrap .content-main-mid::before{
    content: '';
    background-image: url(img/icon/1.png);
    width:17px;
    height: 17px;
    position: absolute;
    top:4px;
    left:-20px;
}
#sub6_wrap .content-main-bottom p {
    margin:0 0 17px 30px;
    position: relative;
}
#sub6_wrap .content-main-bottom p::before{
    content: '';
    width: 9px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left:-20px;
}
#sub6_wrap .content-txt {
    margin-top:50px;
    font-size: 17px;
}
#sub6_wrap .content-txt dl {
    display: flex;
    border-bottom: 1px solid #fff;
    padding: 40px 0;
}
#sub6_wrap .content-txt dl:nth-child(5){
    border: 0;
}
#sub6_wrap .content-txt dt {
    width: 130px;
    font-family: 'KoPubWorld Dotum_Pro bold';
    color:#00df95;
}
#sub6_wrap .content-txt dd p {
    margin-bottom: 5px;
}
#sub6_wrap .content-txt dd .befo{
    position: relative;
    margin-left: 20px;
}
#sub6_wrap .content-txt dd .befo::before{
    content: '';
    width: 9px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    top:10px;
    left:-20px;
}
#sub6_wrap .content-txt dd .blue {
    font-family: 'KoPubWorld Dotum_Pro medium';
    color:#00e4ff;
    margin-left: 20px;
}
/* 서브1-1 끝 */

/* 서브1-2 시작 */
#sub6-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:143px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub6-1_wrap02 h2 {
    font-family: 'GmarketSansBold';
}
#sub6-1_wrap02 .content {
    width:1135px;
    margin-left:393px;
}
#sub6-1_wrap02 .content-hd {
    border-bottom: 1px solid #fff;
    font-size:55px ;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
#sub6-1_wrap02 .content-nav {
    margin:60px 0 0 0px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub6-1_wrap02 .content-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;
    cursor: pointer;
}
#sub6-1_wrap02 .content-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border: 0;
}
#sub6-1_wrap02 .content-nav .nav02 {
    border-color:#00dffa;
    color:#00dffa;
}
#sub6-1_wrap02 .content-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub6-1_wrap02 .content-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to right, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
#sub6-1_wrap02 .content-main {
    margin-top: 200px;
}
#sub6-1_wrap02 .content-main-icon {
    display: flex;
    margin-left: 419px;
}
#sub6-1_wrap02 .content-main-icon p {
    margin-right: 130px;
    position: relative;
}
#sub6-1_wrap02 .content-main-icon .no01::before{
    content: '';
    position: absolute;
    top:62px;
    left:109px;
    width:2px;
    height:55px;
    background-color:#00df95 ;
}
#sub6-1_wrap02 .content-main-icon .no02::before{
    content: '';
    position: absolute;
    top:62px;
    left:109px;
    width:2px;
    height:55px;
    background-color:#006ebf ;
}
#sub6-1_wrap02 .content-main-txt {
    margin-top:45px ;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub6-1_wrap02 .content-main-txt dl {
    display: flex;
    align-items: center;
    margin-bottom: 55px;
    position: relative;
}
#sub6-1_wrap02 .content-main-txt dt {
    width:162px;
    height:50px;
    background-color: #00e4ff;
    border-radius: 25px;
    color:#000;
    line-height: 50px;
    text-align: center;
    margin-right: 74px;
    position: relative;
    font-family: 'KoPubWorld Dotum_Pro bold';
    font-size: 17px;
}
#sub6-1_wrap02 .content-main-txt dt::before{
    content: '';
    width:74px;
    height:2px;
    position: absolute;
    top:50%;
    right:-74px;
    background-color: #00e4ff;
}
#sub6-1_wrap02 .content-main-txt dd {
    border: 2px solid #fff;
    border-radius: 20px;
    font-size: 17px;
    width:786px;
}
#sub6-1_wrap02 .content-main-txt dd::before{
    content: '';
    position: absolute;
    bottom:-55px;
    left:529px;
    width:2px;
    height:55px;
    background-color: #00df95;
}
#sub6-1_wrap02 .content-main-txt dd::after{
    content: '';
    position: absolute;
    bottom:-55px;
    right:308px;
    width:2px;
    height:55px;
    background-color: #00e4ff;
}
#sub6-1_wrap02 .content-main-txt .no07 dd::before,
#sub6-1_wrap02 .content-main-txt .no07 dd::after{
    content: none;
}
#sub6-1_wrap02 .content-main-txt .no01 dd,
#sub6-1_wrap02 .content-main-txt .no04 dd,
#sub6-1_wrap02 .content-main-txt .no05 dd,
#sub6-1_wrap02 .content-main-txt .no06 dd,
#sub6-1_wrap02 .content-main-txt .no07 dd {
    padding:20px;
}
#sub6-1_wrap02 .content-main-txt .no02 p {
    font-size: 17px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub6-1_wrap02 .content-main-txt .no02 p:first-child{
    color:#fff;
}
#sub6-1_wrap02 .content-main-txt .blue {
    margin:17px 0 0 25px;
    color:#00e4ff;
    font-size: 16px;
    position: relative;
}
#sub6-1_wrap02 .content-main-txt .blue::before{
    content: '';
    width:10px;
    height:3px;
    position: absolute;
    top:10px;
    left:-25px;
    background-color: #00e4ff;
}
#sub6-1_wrap02 .content-main-txt .no02 dd,
#sub6-1_wrap02 .content-main-txt .no03 dd {
    border: 0;
}
#sub6-1_wrap02 .content-main-dd-txt_box {
    display: flex;
}
#sub6-1_wrap02 .content-main-dd-txt_box span {
    color:#00e4ff;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub6-1_wrap02 .content-main-dd-txt_box .content-main-txt-left {
    border: 2px solid #00df95;
    border-radius: 20px;
    padding:20px;
    margin-right:15px;
    width:386px;
}
#sub6-1_wrap02 .content-main-dd-txt_box .content-main-txt-right{
    border: 2px solid #00e4ff;
    border-radius: 20px;
    padding:20px;
    width:386px;
}
#sub6-1_wrap02 .no07 .dot {
    display: flex;
    margin:10px 0 30px 40px ;
}
#sub6-1_wrap02 .no07 .dot p {
    position: relative;
}
#sub6-1_wrap02 .no07 .dot p::before{
    content: '•';
    position: absolute;
    top:0;
    left:-13px;
}
#sub6-1_wrap02 .no07 .dot .dot-left {
    margin-right: 25px;
}
/* 서브1-2 끝 */

/* 서브1-3 시작 */
#sub6-1_wrap03{
    width:100%;
	height:100vh;
	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:143px;
    font-family: 'KoPubWorld Dotum_Pro Light';
}
#sub6-1_wrap03 h2 {
    font-family: 'GmarketSansBold';
}
#sub6-1_wrap03 .content {
    width:1135px;
   margin: 0 auto;
}
#sub6-1_wrap03 .content-hd {
    border-bottom: 1px solid #fff;
    font-size:55px ;
    color:#00e4ff;
    font-family: 'GmarketSansBold';
}
#sub6-1_wrap03 .content-nav {
    margin-top:60px;
    display: flex;
    justify-content: center;
    font-family: 'KoPubWorld Dotum_Pro bold';
}
#sub6-1_wrap03 .content-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;
    cursor: pointer;
}
#sub6-1_wrap03 .content-nav div:hover{
    background-color: #fff;
    color:#006ebf;
    border: 0;
}
#sub6-1_wrap03 .content-nav .nav03 {
    border-color:#00dffa;
    color:#00dffa;
}
.nav03 {
    margin-right: 0;
}
#sub6-1_wrap03 .content-nav .nav01::before{
    content: '';
    width:61px;
    height:1px;
    background: #7d7d7d;
    position: absolute;
    top:50%;
    right:-62px;
}
#sub6-1_wrap03 .content-nav .nav02::before{
    content: '';
    width:61px;
    height:1px;
    background:linear-gradient( to left, #00e4ff, #7d7d7d );
    position: absolute;
    top:50%;
    right:-62px;
}
@media only screen and (min-width: 320px) and (max-width:768px) {
    #sub6_wrap .content {
        width: 90%;
        margin: 0 auto;
    }
    #sub6_wrap .content-nav div {
        width: 105px;
        margin-right: 24px;
    }
    #sub6_wrap .content-nav .nav03 {
        margin-right: 0;
    }
    #sub6_wrap .content-main {
        margin-top: 65px;
    }
    #sub6_wrap .content-main-top {
        font-size: 20px;
    }
    #sub6_wrap .content-main-mid {
        margin: 13px 0 5px 20px;
        font-size: 12px;
    }
    #sub6_wrap .content-main-bottom p {
        font-size: 12px;
    }
    #sub6_wrap .content-txt {
        font-size: 12px;
    }
    #sub6-1_wrap02 .content {
        width: 90%;
        margin: 0 auto ;
    }
    #sub6-1_wrap02 .content-nav div {
        width: 105px;
        margin-right: 24px;
    }
    #sub6-1_wrap02 .content-nav .nav03 {
        margin-right: 0;
    }
    #sub6-1_wrap02 .content-main {
        margin-top: 65px;
        width: 100%;
    }
    #sub6-1_wrap02 .content-main-txt dl {
        flex-direction: column;
        width: 100%;
    }
    #sub6-1_wrap02 .content-main-txt dt {
        margin: 0 0 20px 0;
    }
    #sub6-1_wrap02 .content-main-txt dt::before {
        content: none;
    }
    #sub6-1_wrap02 .content-main-txt .no01 dd, 
    #sub6-1_wrap02 .content-main-txt .no04 dd, 
    #sub6-1_wrap02 .content-main-txt .no05 dd, 
    #sub6-1_wrap02 .content-main-txt .no06 dd, 
    #sub6-1_wrap02 .content-main-txt .no07 dd {
        width: 100%;
        font-size: 12px;
    }
    #sub6-1_wrap02 .content-main-txt dd::after,
    #sub6-1_wrap02 .content-main-txt dd::before {
        content: none;
    }
    #sub6-1_wrap02 .content-main-txt .no02 dd, 
    #sub6-1_wrap02 .content-main-txt .no03 dd {
        width: 100%;
    }
    #sub6-1_wrap02 .content-main-dd-txt_box .content-main-txt-left,
    #sub6-1_wrap02 .content-main-dd-txt_box .content-main-txt-right {
        width: 50%;
        font-size: 12px;
    }
    #sub6-1_wrap02 .content-main-txt .blue {
        font-size: 12px;
    }
    #sub6-1_wrap02 .content-main-txt .no02 p:first-child,
    #sub6-1_wrap02 .content-main-txt .no02 p {
        font-size: 12px;
    }
    #sub6-1_wrap02 br {
        display: none;
    }
    #sub6-1_wrap02 .content-main-icon {
        margin-left: 0;
        justify-content: space-between;
    }
    #sub6-1_wrap02 .content-main-icon .no01::before,
    #sub6-1_wrap02 .content-main-icon .no02::before {
        content: none;
    }
    #sub6_wrap .content-nav .nav01::before,
    #sub6_wrap .content-nav .nav02::before,
    #sub6-1_wrap02 .content-nav .nav01::before,
    #sub6-1_wrap02 .content-nav .nav02::before{
        width:26px;
        right:-26px;
    }
    #sub6-1_wrap02 .content-main-icon p {
        margin-right: 0;
    }
    #sub6-1_wrap03 .content{
        padding-top: 0px; 
         margin-left: 0px;
         width: 100%;
         margin-right: 0;
      }
      #bo_list{
          margin: 0 auto;
      }
      #sub6-1_wrap03 .content-nav {
        margin: 60px 0 0 0px;
        display: flex;
        justify-content: center;
        font-family: 'KoPubWorld Dotum_Pro bold';
    }
    #sub6-1_wrap03 .content-nav div{
        width: 105px;
    margin-right: 24px;

    }
    #sub6-1_wrap03 .content-nav .nav01::before{
        width: 26px;
        right: -26px;
    }
    #sub6-1_wrap03 .content-nav .nav02::before{
        width: 26px;
        right: -26px;
    }
    #sub6_wrap,
    #sub6-1_wrap02 {
        padding-bottom: 60px;
    }
}

/* 서브1-3 끝 */