@CHARSET "UTF-8";

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    overflow-x: hidden
}



li {
    list-style: none;
}

select {
    font-weight: 400;
    font-family:inherit;
}
textarea {
    font-weight: 400;
    font-family:inherit;
}
input {
    margin: 0px;
    font-weight: 400;
    font-family:inherit;
}

button {
    margin: 0px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

#hf {
    display: none;
}

p {
    margin: 2px;
    /*font-size: 15px;*/
}

a img {
}

img {
    border: 0px currentColor;
    border-image: none;
}


#wrap {
}

.mainInnerWrap {
    width: 1200px;
    margin: 0 auto;
}

.subInnerWrap {
    width: 1100px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .mainInnerWrap {
        width: 100%;
        margin: 0 auto;
    }

    .subInnerWrap {
        width: 100%;
        margin: 0 auto;
    }
}


#top {
}

.topLine {
    height: 14px;
    background-color: #04395c;
}

.logo_menu_wrap {
    height: 90px;
    position: relative;
}

.logoWrap {
    float: left;
    width: 200px;
    text-align: center;
    margin-top: 33px;
}
.logoWrap img{max-width:175px; width:100%;}

.menuWrap {
    float: right;
    width: 900px;
}

.memberMenuUl {
    width: 140px;
    float: right;
    text-align:right;
    position:relative;
    margin-top:25px;
}

.menuLoginBtn {
    background-color:#0072bc;
    color:#fff;
    font-weight:600;
    width:85px;
    height:40px;
    display: inline-block;
    text-align:center;
    line-height:40px;
    top:0;
    left:0;
    position:absolute;
    cursor:pointer;
}

.menuUl {
    width: 720px;
    float: left;
    font-size: 20px;
    margin-top: 35px;
}

.menuUl li {
    width: 25%;
    float: left;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.menuUl li span {
    display: inline-block;
    height: 52px;
    padding: 0 20px;
}

.menuUl li span:hover {
    border-bottom: 3px solid #0072bc;
}

.menuUl li span.on {
    border-bottom: 3px solid #0072bc;
}

.mobileMenuWrap {
    display: none
}

.mobileMenuBgWrap {
    display: none
}

.mobileMenuSubWrap {
    display: none
}

.menuSubWrap {
    width: 1920px;
    background-color: #fff;
    padding: 10px 0;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 90px;
    border-top: 1px solid #aeaeae;
}

.menuSubWrap .menuSubInner {
    width: 900px;
    margin-left: 655px;
    position: relative;
    font-size: 17px;
}

.menuSubWrap .menuSubInner .menuSub {
    width: 720px;
    float: left;
}

.menuSubWrap .menuSubInner .menuSubUl {
    float: left;
    width: 25%;
}

.menuSubWrap .menuSubInner .menuSubUl li {
    width: 100%;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.menuSubWrap .menuSubInner .menuSubUl li:hover {
    color: #0072bc;
}

.menuSubWrap .menuSubInner .memberMenuSub {
    float: left;
    width: 200px;
}

.menuSubWrap .menuSubInner .memberMenuSubUl {
    margin: 0;
    padding: 0;
}

.menuSubWrap .menuSubInner .memberMenuSubUl li {
    width: 100%;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.menuSubWrap .menuSubInner .memberMenuSubUl li:hover {
    color: #0072bc
}

.menuSubWrap .on {
    color: #0072bc
}


@media (max-width: 767.98px) {
    .logoWrap {
        width: 100%;
        text-align: center;
        margin-top:25px;
    }

    .menuWrap {
        display: none
    }

    .menuSubWrap {
        display: none
    }

    .mobileMenuWrap {
        display: inherit;
        position: absolute;
        left: 20px;
        top: 25px;
    }

    .mobileMenuBgWrap {
        /*display: inherit;*/
        background-color: #fff;
        width: 100%;
        min-height: 100%;
        height: auto;
        z-index: 9999;
        position: fixed;
        /*top: 0;*/
    }

    .mobileMenuSubWrap {
        /*display: inherit;*/
        position: absolute;
        z-index: 9999;
        /*top: -12px;*/
        width: 100%;
        height: 100vh;
        background-color: #fff;
        overflow:auto;
    }

    .mobileMenuTopWrap {
        width: 100%;
        height: 80px;
        background-color: #fff;
        position: relative;
    }

    .mobileMenuTopWrap .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .mobileMenuTopWrap .logo img{
        max-width:175px; width:100%
    }

    .mobileMenuTopWrap .close {
        position: absolute;
        top: 18px;
        right: 10px;
    }

    .mobileMenuSubCon {
        background-color: #fff;
        display:inline-block;
        position:relative;
    }

    .mobileMemberMenuUl {
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        width: 100%;
        background-color: #00578a;
    }

    .mobileMemberMenuUl .mobileMemberMenuLi {
        color: #fff;
        font-size: 15px;
        height: 70px;
        line-height: 70px;
        text-indent: 20px;
        /*background: url("../imgs/iconMobileMenu01_off.jpg") no-repeat;*/
        background-position: 95%
    }

    .mobileMemberMenuUl .mobileMemberMenuLi.on {
        /*background: url("../imgs/iconMobileMenu01_on.jpg") no-repeat;*/
        background-position: 95%
    }

    .mobileMemberMenuSubUl {
        margin: 0;
        padding: 10px 0;
        background-color: #ececec;
        border-bottom: 1px solid #b7b7b7;
    }

    .mobileMemberMenuSubUl .mobileMemberMenuSubLi {
        color: #363636;
        font-size: 18px;
        width: 100%;
        text-indent: 25px;
        height: 40px;
        line-height: 40px;
    }

    .mobileMenuUl {
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        width: 100%;
    }

    .mobileMenuUl .mobileMenuLi.link a:hover {
        color:inherit;
        text-decoration: inherit;
    }
    .mobileMenuUl .mobileMenuLi.link a {
        color:inherit;
    }
    .mobileMenuUl .mobileMenuLi.link {
        background-size:0!important;
    }
    .mobileMenuUl .mobileMenuLi {
        color: #555555;
        font-size: 15px;
        height: 70px;
        line-height: 70px;
        text-indent: 20px;
        border-bottom: 1px solid #b7b7b7;
        background: url("../imgs/mobileMenuIconOff.png") no-repeat;
        background-size:18px;
        background-position: 95%;
    }


    .mobileMenuUl .mobileMenuLi.on {
        background: url("../imgs/mobileMenuIconOn.png") no-repeat;
        background-size:18px;
        background-position: 95%;
    }

    .mobileMenuSubUl {
        margin: 0;
        padding: 10px 0;
        background-color: #ececec;
        border-bottom: 1px solid #b7b7b7;
    }

    .mobileMenuSubUl .mobileMenuSubLi {
        color: #363636;
        font-size: 18px;
        width: 100%;
        text-indent: 25px;
        height: 40px;
        line-height: 40px;
    }
    .mobileMenuSubUl .mobileMenuSubLi{
        font-size: 13px;
    }

}



#mainCon {
}

.visualCon {
    position:relative;
    height: 824px;
    overflow:hidden;
}
.visualBgWrap {
    position: absolute;
    width: 100%;
    height: 824px;
}
.visualWrap {
    position: absolute;
    width: 100%;
    z-index: 10;
    height: 824px;
}

#mainCon .visualTextWrap {
    font-size: 28px;
    /*text-align: center;*/
    font-weight: 400;
    color: #fff;
    padding-top: 400px;
    margin: 0 auto 20px auto;
    width:1200px;
    line-height:2.5rem;
}

#mainCon .visualTextWrap .textBold b {
    font-weight:500;
}
#mainCon .visualTextWrap .textBold {
    font-size: 60px;
    font-weight: 400;
    display:block;
}
.textInfo{
    padding-top:30px;
    display:block;
}

@media (max-width: 767.98px) {
    #mainCon .visualTextWrap {
        font-size: 5vw;
        text-align:center;
        width:100%;
        padding-top: 40vw;
        line-height:1.5rem
    }
    #mainCon .visualTextWrap .textBold {
        font-size: 40px;
        font-weight: 400;
    }
    .textInfo {
        font-size:14px;
    }
}

.mainConWrap {
    height: 290px;
    background-color: #ececec;
    margin: 0 auto;
    position: relative;
    padding:35px 0;
}

.leftBoardWrap {
    width: 590px;
    float: left;
}

#tabmenu {
    position: relative;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-top:4px solid #008cca;
}

#tabmenu .tabmenuUl li {
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    background-color: #fff;
}

#tabmenu .tabmenuUl li a {
    height: 50px;
    display: block;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    text-align: left;
    line-height: 50px;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    margin:0 20px;
    font-size:22px;
}

#tabmenu .tabmenuUl li a:hover {
    color: #111;
    background-color: #fff;
}

#tabmenu .tabmenuUl li.on, #tabmenu .tabmenuUl li.on a {
    position: relative;
}

#tabmenu .tabmenuUl li.on a {
}

#tabmenu .tabmenuUl .more {
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    color:#707070;
}

.tabcontent {
    position: relative;
    height: 195px;
    display: inline-block;
    width: 540px;
    margin: 30px 25px 0 25px;
}

#tabcontent0, #tabcontent1 {
}

.tabcontent0_ul {
    display:table;
    width:100%;
    font-size: 16px;
}

.tabcontent0_ul .thumbnail {
    width: 232px;
    float: left;
    margin-right: 25px;
}

.tabcontent0_ul .textWrap {
    width: 280px;
    float: left;
}

.tabcontent0_ul .textWrap .text01 {
    color: #000;
    font-size: 18px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-weight:500;
}

.tabcontent0_ul .textWrap .text02 {
    color: #636363;
    font-size: 16px;
    display: block;
    line-height: 1.4em;
}

.tabcontent1_ul {
    font-size: 16px;
    line-height: 2.4em;
}

.tabcontent1_ul .group {
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #0054a6;
    color: #0054a6;
}

.tabcontent1_ul .title {
    width: 430px;
    color: #707070;
}

.tabcontent1_ul .complete {
    background-color: #0054a6;
    color: #fff;
}

.tabcontent0_li {
    padding:8px 0;
    display:table-row;
    width:100%;
    box-sizing:border-box;
    /*list-style:disc;*/
}
.tabcontent0_li:first-child {
    padding-top:5px;
}
.tabcontent0_li>div {
    display:table-cell;
    vertical-align:middle;
    height:35px;
}
.tabcontent0_li .disc_wrap {
    width:15px;
    /*text-align:center;*/
    font-size:6px;
}
.tabcontent0_li .title_wrap {
    text-align:left;
    padding-left:5px;
}
.tabcontent0_li .title_wrap>span {
    width:420px;
    display:inline-block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

.tabcontent0_li .rdate_wrap {
    width:100px;
    text-align:right;
    color:#666666;
}
.tabcontent0_li .rdate_wrap.for_mobile {
    width:50px;
    display:none;
}



.rightBoardWrap {
    width: 590px;
    float: right;
    margin: 0;
}

#tabmenu2 {
    position: relative;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #d8d8d8;
    border-top:4px solid #008cca;
    background-color: #fff;
}
#tabmenu2 .tabmenu2Ul{
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    display:inline-block;
}

#tabmenu2 .tabmenu2Ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    background-color: #fff;
}

#tabmenu2 .tabmenu2Ul li a {
    height: 50px;
    display: block;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    text-align: left;
    line-height: 50px;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    margin:0 20px;
    font-size:22px;
}

#tabmenu2 .tabmenu2Ul li a:hover {
    color: #111;
    background-color: #fff;
}

#tabmenu2 .tabmenu2Ul li.on, #tabmenu2 .tabmenu2Ul li.on a {
    position: relative;
}

#tabmenu2 .tabmenu2Ul li.on a {
}

#tabmenu2 .tabmenu2Ul .more {
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    color:#707070;
}

.tab2content {
    position: relative;
    display: inline-block;
    width: 540px;
    margin: 7px 25px;
}


.tab2content0_ul {
    font-size: 16px;
}

.tab2content0_ul li {
    border-bottom:1px solid #ccc;
    padding:10px 0;
    position:relative;
}
.tab2content0_ul .lastLi{
    border-bottom:0px;
}

.tab2content0_ul .titleDday {
    display:block;
    position:relative;
    text-align:left;
    margin-bottom:4px;
}

.tab2content0_ul .title {
    display:inline-block;
    color: #000000;
    font-size:17px;
    text-align:left;
    font-weight:500;
}
.tab2content0_ul .newIcon {
    display:inline-block;
    color:#448ccb;
    font-size:14px;
    margin:5px 10px;
}

.tab2content0_ul .dday {
    text-align:right;
    font-size:20px;
    color:#11739f;
    font-weight:500;
    float:right;
}

.wirhteDate{
    display:block;
    position:relative;
    text-align:left;
}

.tab2content0_ul .write {
    color: #000;
    font-size:15px;
}

.tab2content0_ul .date {
    float:right;
    text-align:right;
    color: #707070;
    font-size:13px;
    bottom:0;
    position:absolute;
    right:0;
}


@media (max-width: 767.98px) {

    #tabmenu .tabmenuUl li a {
        font-size:18px;
    }
    #tabmenu .tabmenuUl .more {
        font-size: 13px;
    }
    #tabmenu2 .tabmenu2Ul li a {
        font-size:18px;
    }
    #tabmenu2 .tabmenu2Ul .more {
        font-size: 13px;
    }

    .tabcontent0_li .title_wrap>span {
        width:60vw;
        display:inline-block;
        text-overflow:ellipsis;
        white-space:nowrap;
        word-wrap:normal;
        overflow:hidden;
        text-align:left;
    }

    .tabcontent0_li .rdate_wrap {
        display:none;
    }
    .tabcontent0_li .rdate_wrap.for_mobile {
        display:block;
    }
    .tabcontent0_li>div {
        height:25px;
    }
    .tabcontent0_li .disc_wrap {
        font-size:4px;
    }
}

@media (max-width: 767.98px) {
    .mainConWrap {
        width: 100%;
        display: inline-block;
        height: auto;
        background-color: #ececec;
        margin: 0 auto;
        padding: 15px 0;
        position: relative;
    }

    .leftBoardWrap {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 10px 0;
        text-align: center;
    }

    #tabmenu {
        width: 95%;
        position: relative;
        font-size: 18px;
        display: inline-block;
        border: 1px solid #d8d8d8;
        background-color: #fff;
        border-top:4px solid #008cca;
    }

    .tabcontent {
        position: relative;
        height: auto;
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    #tabcontent0, #tabcontent1 {
        margin:20px;
    }

    .tabcontent0_ul {
        font-size: 16px;
    }

    .tabcontent0_ul .thumbnail {
        width: 50%;
        padding: 0 5px;
        float: left;
        margin-right:0;
        box-sizing: border-box;
    }

    .tabcontent0_ul .thumbnail img {
        width: 100%!important;
    }

    .tabcontent0_ul .textWrap {
        width: 50%;
        padding: 0 5px;
        float: left;
        box-sizing: border-box;
    }

    .tabcontent0_ul .textWrap .text01 {
        color: #000;
        font-size: 18px;
        position: relative;
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 1.5rem;
        height: 3rem;
    }

    .tabcontent0_ul .textWrap .text02 {
        color: #636363;
        font-size: 16px;
        display: block;
        /*line-height: 1.4em;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 1.5rem;
        height: 6rem;
    }

    .tabcontent1_ul {
        font-size: 16px;
        line-height: 2.4em;
        width: 100%;
    }

    .tabcontent1_ul .group {
        width: 20%;
        height: 30px;
        line-height: 30px;
        margin-right: 15px;
        display: inline-block;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #0054a6;
        color: #0054a6;
    }

    .tabcontent1_ul .complete {
        background-color: #0054a6;
        color: #fff;
    }

    .tabcontent1_ul .title {
        width: 80%;
        max-width: 300px;
        color: #707070;
    }

    .rightBoardWrap {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 10px 0;
        text-align: center;
    }

    #tabmenu2 {
        width: 95%;
        position: relative;
        font-size: 18px;
        display: inline-block;
        border: 1px solid #d8d8d8;
        background-color: #fff;
        border-top:4px solid #008cca;

    }

    .tab2content {
        position: relative;
        height: auto;
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    #tab2content0, #tab2content1 {
        margin:0 20px;
    }

    .tab2content0_ul {
        font-size: 16px;
        width: 100%;
    }

    .tab2content0_ul .group {
        width: 20%;
        height: 30px;
        line-height: 30px;
        margin-right: 0;
        display: inline-block;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #0054a6;
        color: #0054a6;
        box-sizing:border-box;
    }

    .tab2content0_ul .title {
        width: 75%;
        box-sizing:border-box;
        max-width: 300px;
        color: #707070;
        text-align:left;
    }
    .tab2content0_ul .date {
    }
}

.mainConWrap2{
    display:inline-block;
    width:100%;
    position:relative;
}

.bannerLinkWrap{
    padding:35px 0
}
.bannerLink{
    float:right;
    background-color:#005891;
    display:inline-block;
    width:609px;
    height:272px;
}
.bannerLinkInner{
    padding:30px 35px;
}
.bannerLinkTitle{
    font-size:30px;
    color:#fff;
    display:block;
}
.bannerLinkText{
    font-size:20px;
    color:#fff;
    display:block;
    padding:15px 0 25px 0;
}
.bannerLink1{
    border:1px solid #b3cdde;
    color:#cbd6e2;
    padding:10px 0;
    display:inline-block;
    cursor:pointer;
    width:165px;
    text-align:center;
    margin:0 5px;
}

@media (max-width: 767.98px) {
    .bannerLinkWrap {margin:0 auto; width:95%; padding:20px 0;}
    .bannerLinkWrap img{width:100%;}

    .bannerLink{
        float:inherit;
        background-color:#005891;
        display:inline-block;
        width:100%;
        height: inherit;
        text-align:center;
        padding:15px 0;
        margin:-5px 0;
    }
    .bannerLinkInner{
        padding:30px 20px;
    }
    .bannerLinkTitle{
        font-size:20px;
        color:#fff;
        display:block;
    }
    .bannerLinkText{
        font-size:14px;
        color:#fff;
        display:block;
        padding:15px 0 25px 0;
    }
    .bannerLink1{
        border:1px solid #b3cdde;
        color:#cbd6e2;
        padding:10px 0;
        display:inline-block;
        cursor:pointer;
        width:110px;
        text-align:center;
        margin:0 5px;
        font-size:11px;
    }
}


#subCon {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

.subVisualWrap {
    height: 230px;
}

.subConWrap {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.subMenuWrap {
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    background-color:#ebebeb
}

.subMenuWrap .subMenuInner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.subMenuWrap .subMenuInner .subMenuHome {
    width: 60px;
    float: left;
    text-align: center;
    height: 50px;
    border-width: 0px 1px;
    border-style: solid;
    border-color: #c2c2c2;
    cursor: pointer
}

.subMenuWrap .subMenuInner .subMenuHome img {
    margin-top: 15px;
    MAX-WIDTH:16px;
}

.subMenuWrap .subMenuInner .subMenuDepth {
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    float: left;
    border-right: 1px solid #c2c2c2;
    background: url("../imgs/iconSubMenu.png") no-repeat;
    background-size:12px;
    background-position: 95%;
    cursor: pointer;
}

.subMenuWrap .subMenuInner .subMenuDepth .subMenu2Depth {
    width: 100%;
    background-color: #fff;
}

.subMenuWrap .subMenuInner .subMenuDepth .subMenu2Depth ul {
    width: 100%;
    border: 1px solid #c2c2c2;
    margin-left: -1px;
    padding: 10px 0;
}

.subMenuWrap .subMenuInner .subMenuDepth .subMenu2Depth ul li {
    height: 35px;
    line-height: 35px;
}

.subMenuWrap .subMenuInner .subMenuDepth .subMenu2Depth ul li:hover {
    color: #004a80;
}

.subConTitleWrap {
    padding: 35px 0;
}

.subConTitle {
    border-bottom: 2px dotted #7d7d7d;
}

.subConTitle .title {
    font-size: 40px;
    color: #363636;
    display: inline-block;
    padding: 15px 0;
    font-weight: 500;
}

.subConInfo {
    font-size:40px;
    color: #fff;
    padding: 20px;
    position:relative;
    top:60px;
}

.subContent {
    min-height: 300px;
    padding-bottom:70px;
}


@media (max-width: 767.98px) {
    .subConInfo {
        top:10px;
        font-size:25px;
    }
    .subVisualWrap {
        height: 100px;
    }
    .subMenuWrap .subMenuInner {
        width: 100%;
        display:flex;
    }

    .subMenuWrap .subMenuInner .subMenuHome {
        /*display: ;*/
    }

    .subMenuWrap .subMenuInner .subMenuDepth.th01 {
        display: none
    }

    .subMenuWrap .subMenuInner .subMenuDepth {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-indent: 20px;
        float: left;
        border-right: 1px solid #c2c2c2;
        background: url("../imgs/iconSubMenu.png") no-repeat;
        background-size:12px;
        background-position: 95%;
        cursor: pointer;
    }

    .subConTitleWrap {
        padding: 15px 0;
    }

    .subConTitle {
        margin:0 auto;
        width:90%;
    }
    .subConTitle .title {
        font-size: 20px;
        display: inline-block;
    }

    .subContent {
        width: 90%;
        padding-bottom:20px;
    }
}


.profileStepWrap {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}

.profileStepUl {
    margin: 0;
    padding: 0;
}

.profileStepLi {
    float: left;
    width: 25%;
    text-align: center;
}

.profileStepLi img {
    max-width: 271px;
    width: 100%;
}

@media (max-width: 767.98px) {
    .profileStepLi {
        float: left;
        width: 50%;
        box-sizing:border-box;
        padding:0 1px;
        text-align: center;
    }

    .profileStepLi.space {
        display:none;
    }
}

.profileInfoWrap {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}

.profileInfoTitleWrap {
    border-bottom: 2px solid #5b81b0;
    font-size: 30px;
    padding: 20px 0;
    font-weight: bold;
}

.profileInfoBox {
}

.profileInfoBoxTitle {
    font-size: 27px;
    color: #0054a6;
    letter-spacing: -1.8px;
}

.profileInfoType_inner {
    padding: 35px;
}

.profileInfoType01 {
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    padding: 35px 0;
}

.profilePhotoWrap {
    position: relative;
    text-align:center;
}

.photoBoxTitle {
    font-size: 17px;
    display: inline-block;
    width: 100%;
}

.findPhotoBtn {
    width: 120px;
    background-color: #959595;
    color: #fff;
    height: 43px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
}

.pPhoto>img {
    border: 8px solid #e1e1e1;
    float: left;
}
.pPhoto:after {
    content:'';
    clear:both;
    display:block;
}
.pPhoto {
    position:relative;
    display:inline-block;
    border:5px solid #5982b0;
}

.pPhotoAdd {
    float: left;
    bottom: -130px;
    position: relative;
}

.profileAbilityWrap {
    margin: 20px 0 0 0;
}

.redText {
    color: #ec008c;
    padding: 0 4px;
    display: inline-block;
}

.profileAbilityInfo {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #464646;
}


.profileInfoType02 {
    border-top: 2px solid #5b81b0;
    background-color: #ececec;
    margin: 0
}

.profileInfoType02:nth-child(2) {
    margin-top:5px;
}

.profileInfoType02:nth-child(2) .infoBoxRemoveBtn{
    display:none;
}

.profileInfoType02:last-child {
    margin-bottom:45px;
}

.profileInfoTitle {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.profileType01_Ul {
    padding: 0 0 15px 0;
}

.profileType01_Li {
    font-size: 17px;
    padding: 4px 0;
    position: relative;
    display: inline-block;
    width: 100%;
}
.profileInfoType02 .profileType01_Input,
.profileInfoType03 .profileType01_Input {
    border:1px solid #ececec;
}

.profileType01_Input {
    height: 43px;
    width: 98%;
    padding: 0 1%;
    margin: 3px 0;
    border: 1px solid #c9c9c9;
    font-size: 16px;
}
.profileInfoType02 .profileType01_select,
.profileInfoType03 .profileType01_select {
    border:1px solid #ececec;
}

.profileType01_select {
    height: 43px;
    width: 100%;
    padding: 0 1%;
    border: 1px solid #c9c9c9;
    margin: 3px 0;
    /*color: #636363;*/
    text-align: right;
    font-size: 16px;
    background: url("../imgs/iconMobileMenu02_off.jpg") no-repeat right 13px center;
    appearance: none;
    -webkit-appearance: none;
}

.profileInfoType03 .profileType02_select,
.profileInfoType02 .profileType02_select {
    border:1px solid #ececec;
}
.profileType02_select {
    height: 43px;
    width: 24%;
    padding: 0 1%;
    border: 1px solid #c9c9c9;
    margin: 3px 0;
    /*color: #636363;*/
    text-align: right;
    font-size: 16px;
    background: url("../imgs/iconMobileMenu02_off.jpg") no-repeat right 13px center;
    appearance: none;
    -webkit-appearance: none;
}

.profileType01_checkbox {
    border: 1px solid #c9c9c9;
    background-color: #f5f5f5
}

.profileInfoType03 .profileType01_textarea,
.profileInfoType02 .profileType01_textarea {
    border:1px solid #ececec;
}
.profileType01_textarea {
    width: 96%;
    height: 180px;
    border: 1px solid #c9c9c9;
    margin: 3px 0;
    padding: 2%;
    /*color: #636363;*/
    font-size: 16px;
    line-height: 24px;
    /*font-family: "Noto Sans KR", sans-serif;*/
}

.bgWhite {
    background-color: #fff;
}

.size3 {
    width: 33% !important;
    margin: 0 0.4%;
}

.size2 {
    width: 25% !important;
    margin: 0 0.4%;
}

.division_Left {
    width: 49%;
    float: left;
}

.division_Right {
    width: 49%;
    float: right;
}

.blankDiv {
    width: 2%;
    display: inline-block;
    float: left;
}

.profileType01_select::-ms-expand {
    display: none;
}

.profileType02_select::-ms-expand {
    display: none;
}

.profileType01_selectOption {
    text-align: right;
}

.infoBoxAddBtn {
    background-color: #cccccc;
    font-size: 17px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    color: #000
}
.infoBoxRemoveBtn {
    background-color: #cccccc;
    font-size: 17px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    margin-bottom:10px;
    text-align: center;
    color: #000;
}

.fieldUl {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.fieldLi {
    float: left;
    padding-right: 20px;
    height: 45px;
    line-height: 45px;
}

.fieldLi.lastfield {
    width: 400px;
}

.fieldLi.lastfield .profileType01_Input {
    width: 300px;
}

.profileInfoType03 {
    background-color: #ececec;
    margin: 5px 0 45px 0
}

.profileInfoType04 {
    border: 1px solid #ececec;
    margin-bottom: 15px;
}

.profileInfoType04_text1 {
    height: 400px;
    line-height: 400px;
    text-align: center;
    font-size: 25px;
    color: #003471;
    display: inline-block;
    width: 100%;
}

.profileInfoType04_text2 {
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    padding: 10px
}

.profileInfoType04_text3 {
    width: 100%;
    text-align: center;
    padding: 15px 0 5px;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
}

.profileInfoType04_text4 {
    width: 100%;
    text-align: center;
    padding: 5px 0 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 10px;
}


.profilePreNextBtnWrap {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 100px;
}

.profileNextBtn {
    background-color: #005891;
    color: #fff;
    font-size: 20px;
    width: 300px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    display: inline-block
}

.profilePrevBtn {
    background-color: #898989;
    color: #fff;
    font-size: 20px;
    width: 300px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    display: inline-block
}

@media (max-width: 767.98px) {
    .profileInfoType_inner {
        padding: 20px;
    }

    .pPhoto {
        /*float: left;*/
        /*width: 30%;*/
        max-width: 235px;
        margin-bottom: 20px;
    }

    .pPhotoAdd {
        float: left;
        width: 100%;
        bottom: 0px;
        position: relative;
    }

    .profileAbilityInfo {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        color: #464646;
    }

    .profileType02_select {
        width: 47%
    }

    .profileInfoBox .size3 {
        width: 98% !important;
        margin: 3px 0
    }

    .division_Left {
        width: 100%;
        float: left;
    }

    .division_Right {
        width: 100%;
        float: right;
    }

    .profileInfoType04 {
        border: 1px solid #ececec;
        margin-bottom: 15px;
        padding: 0 20px;
    }

    .profileInfoType04_text1 {
        height: inherit;
        line-height: inherit;
        text-align: center;
        font-size: 25px;
        color: #003471;
        display: inline-block;
        padding: 100px 0
    }

    .profileInfoType04_text2 {
        height: inherit;
        line-height: inherit;
        font-size: 17px;
        color: #000;
        font-weight: bold;
        padding: 10px 0;
        display: inline-block
    }

    .profileNextBtn {
        background-color: #005891;
        color: #fff;
        font-size: 16px;
        width: 47%;
        height: 55px;
        line-height: 55px;
        text-align: center;
        display: inline-block
    }

    .profilePrevBtn {
        background-color: #898989;
        color: #fff;
        font-size: 16px;
        width: 47%;
        height: 55px;
        line-height: 55px;
        text-align: center;
        display: inline-block
    }
    .fieldLi {
        float: left;
        height: 45px;
        line-height: 45px;
    }

    .fieldLi.lastfield {
        width: 100%;
        box-sizing:border-box;
        padding-right:0;
    }

    .fieldLi.lastfield .profileType01_Input {
        width: 100%;
        box-sizing:border-box;
    }

    .profileType01_textarea {
        box-sizing:border-box;
        margin:0;
        width:100%;
    }

}

.topLineForLogin {
    height: 12px;
    background-color: #000000;
}

#loginCon {
    /*position: relative;*/
}

.loginContentWrap {
    opacity:0;
}

.loginInner {
    background: url("../imgs/BGLogin.jpg") no-repeat center;
    background-size:cover;
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: absolute;
    top: 0;
    z-index: -1;
}

.loginInner .visualTextWrap {
    font-size: 70px;
    text-align: center;
    font-weight: 200;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 20px;

}

.loginInner .visualTextWrap .textBold {
    font-weight: 500;
    color: #FFFFFF;
}

.loginBox {
    background-color: #fff;
    border: 1px solid #000000;
    max-width: 460px;
    margin: 0 auto;
    /*margin-top: 35px;*/
}

.loginBoxInner {
    padding: 35px 35px 35px 35px;
}

.loginBoxInner .logo {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.loginBoxInner .loginId {
    width: 100%;
    max-width: 390px;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #e6e7e8;
}

.loginBoxInner .loginId input {
    max-width: 340px;
    width: 90%;
    border: 0;
    box-sizing:border-box;
    height: 43px;
    float: left;
    background-color: #e6e7e8;
    font-size: 16px;
    color: #555555;
    text-indent: 15px;
}

.loginBoxInner .loginIcon {
    background-color: #c2c2c2;
    min-width: 48px;
    width: 10%;
    height: 45px;
    text-align: center;
    float: left
}

.loginBoxInner .loginIcon img {
    margin-top: 6px;
}

.loginBoxInner .loginPw {
    width: 100%;
    max-width: 390px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #e6e7e8;
}

.loginBoxInner .loginPw input {
    max-width: 340px;
    width: 90%;
    border: 0;
    height: 43px;
    float: left;
    box-sizing: border-box;
    background-color: #e6e7e8;
    font-size: 16px;
    color: #555555;
    text-indent: 15px;
}

.loginBoxInner .loginBtn {
    cursor: pointer;
    background-color: #448ccb;
    height: 55px;
    text-align: center;
    color: #fff;
    line-height: 55px;
    max-width: 390px;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top:5px;
}

.loginBoxInner .cancelBtn {
    cursor: pointer;
    background-color: #092c48;
    height: 55px;
    text-align: center;
    color: #fff;
    line-height: 55px;
    max-width: 390px;
    font-size: 20px;
    margin-bottom: 5px;
}

.loginBoxInner .loginTextInfo {
    font-size: 17px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 5px;
}

.loginBoxInner .findIdTextInfo {
    font-size: 17px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 5px;
}

.loginBoxInner .findWrap {
    border: 1px solid #b5b5b5;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #000;
    text-align:center;
}

.loginBoxInner .findWrap a {
    text-align: center;
    color: #000;
}

.loginBoxInner .findWrap span {
    float: left;
}

.loginFooterTextCopyright {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    bottom: 40px;
    position: absolute;
}

@media (max-width: 767.98px) {
    .loginInner {
        background: url("../imgs/BGLogin.jpg") repeat top;
        width: 100%;
        min-height: 100vh;
        height: auto;
        background-size: auto 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .loginFooterTextCopyright {
        bottom:10px;
    }

    .loginInner .visualTextWrap {
        font-size: 10vw;
        text-align: center;
        font-weight: 200;
        color: #fff;
        padding-top: 10px;
    }
    .loginBoxInner .loginBtn {
        margin-bottom:5px;
        margin-top:10px;
        height: 44px;
        line-height: 42px;
        font-size: 17px;
    }
    .loginBoxInner .cancelBtn {
        height: 44px;
        line-height: 42px;
        font-size: 17px;
    }
    .loginBoxInner .logo {
        margin-top:10px;
    }
    .loginBoxInner .findWrap {
        font-size:14px;
    }
}



.JoinInfoWrap {
    position: relative;
}

.JoinInfoTitle {
    font-size: 35px;
    color: #0072bc;
    text-align: center;
    margin: 20px 0;
}
.JoinAgreeTitle {
    font-size: 27px;
    color: #000000;
    text-align: center;
    margin: 5px auto;
}

.JoinInfoContent {
    border: 1px solid #ececec;
    margin: 0 auto 50px auto;
    position: relative;
    width: 875px;
    padding: 60px 0;
    /* display: inline-block; */
    text-align: center;
    font-size: 25px;
    color: #363636;
}

.JoinAgreeContent {
    margin: 5px auto 5px auto;
    position: relative;
    max-width: 875px;
    padding: 10px 0;
    /* display: inline-block; */
    text-align: center;
    font-size: 23px;
    color: #363636;
}

.joinPointText {
    text-decoration: underline;
    color: #003471;
    font-weight: 600;
}

.joinAgreeText {
    text-decoration: underline;
    color: #0067B4;
    font-size: 21px;
    font-weight: 500;
}


.joinWrap {
    position: relative;
}

.joinInner {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;
}

.join {
    position: relative;
    margin: 0 0 50px 0;
}

.join.slim {
    position: relative;
    margin: 10px 0;
}

.joinForm_ul {
    margin: 0;
    padding: 0;
}

.joinForm_li {
    padding: 15px 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.joinForm_li.slim {
    padding: 7px 0;
}

.joinForm_li .division_Left {
    width: 50%;
    float: left;
    padding-right:1%;
    box-sizing:border-box;
}

.joinForm_li .division_Right {
    width: 50%;
    float: right;
    padding-left:1%;
    box-sizing:border-box;
}

.joinText01 {
    font-size: 17px;
    display: inline-block;
    width: 100%;
}


.joinText02 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #464646;
}

.joinInput {
}


.joinType01_input {
    box-sizing: border-box;
    height: 43px;
    display: inline-block;
    padding: 0 1%;
    margin: 3px 0;
    border: 0;
    font-size: 16px;
    background-color:#eeeeee;
    text-indent: 10px;
}


.joinType01_select {
    box-sizing: border-box;
    height: 43px;
    padding: 0 1%;
    border: 0;
    margin: 3px 0;
    /*color: #636363;*/
    text-align: right;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    background: url("../imgs/iconMobileMenu02_off.png") no-repeat right 13px center #eee;
    background-size:10%;

}

@media (max-width: 767.98px) {
    .joinText01 {
        font-size: 13px;
        display: inline-block;
        width: 100%;
    }
    .joinText02 {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        color: #464646;
    }
    .joinType01_input {
        box-sizing: border-box;
        height: 43px;
        display: inline-block;
        padding: 0 1%;
        margin: 3px 0;
        border: 0;
        font-size: 12px;
        background-color:#eeeeee;
    }

    .joinType01_select {
        box-sizing: border-box;
        height: 43px;
        padding: 0 1%;
        border: 0;
        margin: 3px 0;
        /*color: #636363;*/
        text-align: right;
        font-size: 12px;
        appearance: none;
        -webkit-appearance: none;
        background: url("../imgs/iconMobileMenu02_off.png") no-repeat right 13px center #eee; background-size:5px;

    }

}
.joinType01_select::-ms-expand {
    display: none;
}

.joinPhoneBtnWrap {
    display: inline-block;
}

.phoneBtn01 {
    background-color: #17375e;
    color: #fff;
    font-size: 16px;
    display: table-cell;
    cursor: pointer;
    height: 43px;
    /*line-height: 45px;*/
    padding: 0 10px;
    box-sizing:border-box;
    margin: 3px 0;
    width: 100%;
    text-align: center;
    vertical-align:middle;
}

.phoneBtn02 {
    background-color: #707070;
    color: #fff;
    font-size: 16px;
    display: table-cell;
    cursor: pointer;
    height: 43px;
    /*line-height: 45px;*/
    padding: 0 10px;
    margin: 3px 0;
    vertical-align:middle;
}

.joinAgreeBox {
    border: 1px solid #c9c9c9;
    margin-bottom: 15px;
}

.jpinAgreeText:last-child {
    margin-bottom:30px;
}
.jpinAgreeText {
    display:inline-block;
    width:100%;
    height: 30px;
    line-height: 50px;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    /*padding: 10px 10px 10px 0;*/
}

.jpinAgreeInfo {
    background-color: #707070;
    color: #fff;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px;
    margin-left: 10px;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .joinForm_li .division_Left {
        width: 100%;
        float: left;
        padding-right:0;
        padding-bottom: 5px;
    }

    .joinForm_li .division_Right {
        width: 100%;
        float: right;
        padding-left:0;
        padding-top: 5px;
    }

    .joinForm_li .size3 {
        width: 30%;
    }

    .joinPhoneBtnWrap {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .phoneBtn01 {
        width: 40%;
        padding: 0;
    }

    .phoneBtn02 {
        width: 40%;
        padding: 0;
    }

    .joinAgreeBox {
        border: 1px solid #c9c9c9;
        margin-bottom: 15px;
        padding: 0 20px;
    }

    .jpinAgreeText {
        height: inherit;
        line-height: inherit;
        font-size: 17px;
        color: #000;
        font-weight: bold;
        padding: 10px 10px 10px 0;
        display: inline-block
    }
}


.JoinBtn {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0;
}

.JoinBtnCancel {
    background-color: #555555;
    color: #fff;
    font-size: 20px;
    width: 250px;
    height: 55px;
    margin: 0 5px;
    line-height: 55px;
    text-align: center;
    display: inline-block
}

.JoinBtnOk {
    background-color: #005891;
    color: #fff;
    font-size: 20px;
    width: 250px;
    height: 55px;
    margin: 0 5px;
    line-height: 55px;
    text-align: center;
    display: inline-block
}

.LeaveBtn {
    background-color: #7FA8D7;
    color: #fff;
    font-size: 20px;
    width: 250px;
    height: 55px;
    margin: 0 5px;
    line-height: 55px;
    text-align: center;
    display: inline-block
}

@media (max-width: 767.98px) {
    .JoinBtnCancel {
        background-color: #555555;
        color: #fff;
        font-size: 16px;
        width: 30%;
        height: 55px;
        margin: 0 5px;
        line-height: 55px;
        text-align: center;
        display: inline-block;
    }

    .JoinBtnOk {
        background-color: #005891;
        color: #fff;
        font-size: 16px;
        width: 30%;
        height: 55px;
        margin: 0 5px;
        line-height: 55px;
        text-align: center;
        display: inline-block;

    }

    .LeaveBtn {
        background-color: #7FA8D7;
        color: #fff;
        font-size: 16px;
        width: 30%;
        height: 55px;
        margin: 0 5px;
        line-height: 55px;
        text-align: center;
        display: inline-block;

    }

    .loginBoxInner {
        padding:22px;
    }
    .loginBoxInner .loginTextInfo {
        font-size:14px;
    }
    .loginBoxInner .findIdTextInfo {
        font-size:15px;
        margin-top:10px;
        letter-spacing:-0.05em;
    }
    .loginBoxInner .login_form {
        display:table;
        width:100%;
    }
    .loginBoxInner .login_form>ul {
        display:flex;
        width:100%;
    }
    .loginBoxInner .login_form>ul>li:first-child {
        width:48px;
    }
    .loginBoxInner .login_form>ul>li input {
        width:100%;
        box-sizing:border-box;
    }
    .loginBoxInner .login_form>ul>li {
        display:table-cell;
        width:100%;
        box-sizing:border-box;
    }
}
@media (max-width: 439.98px) {
    .loginBoxInner .findIdTextInfo {
        font-size:14px;
    }
}


.sitemapWrap {
    background-color: #fff;
    width: 1920px;
    position: absolute;
    top: 90px;
    margin-left: -960px;
    z-index: 999999;
    display: none;
    left: 50%;
    padding-bottom:30px;
    border-bottom:1px solid #949393;
    border-top:1px solid #949393;

}

.sitemapInner{
    width:900px;
    margin:0 auto;
}
.sitemapMenuWrap{
    padding:10px 0;
    display:inline-block;
    width:100%;
}
.sitemapUl{padding:0;
    margin:0;
    position:relative;
    display:inline-block;
    width:25%;
    float:left;
}
.sitemapLi{
    border-bottom:1px solid #ccc;
    width:100%;
    font-size:21px;
    max-width:180px;
    padding:10px 0;
    font-weight:500;
}

.sitemapMenuSubUl{
    padding:5px 0;
    margin:0;
    position:relative;
    display:inline-block;
    width:100%; float:left;
    font-size:17px;
}
.sitemapMenuSubLi{
    width:100%;
    padding:2px 0;
    color:#363636;
    font-weight:400;
    cursor:pointer;

}
.link{
    cursor: pointer;
}

.sitemapUl2{
    padding:0;
    margin:0;
    position:relative;
    display:inline-block;
    width:25%;
    float:left;
}
.sitemapLi2{
    border-bottom:1px solid #ccc;
    width:100%;
    font-size:18px;
    max-width:180px;
    padding:10px 0;
    font-weight:400
}



#footer {
}

.footerBarWrap {
    height: 70px;
    background-color: #293143;
}

.b_left {
    line-height: 70px;
    font-size: 16px;
    position: relative;
    display: inline-block;
}

.b_left ul {
    margin: 0;
    padding: 0;
}

.b_left li {
    float: left;
    padding: 0 5px;
    color: #bdbfc2;
}

.b_left a {
    color: #bdbfc2;
}

.b_right {
    float: right;
}

.btnBottomGroup {
    width: 205px;
    height: 70px;
    background: url("../imgs/btnBottomGroup.jpg");
    cursor: pointer;
    float: left;
}

.btnBottomGroup:hover {
    background: url("../imgs/btnBottomGroupOn.jpg");
}

.btnBottomGroupSns {
    width: 205px;
    height: 70px;
    background: url("../imgs/btnBottomGroupSns.jpg");
    cursor: pointer;
    float: left;
}

.btnBottomGroupSns:hover {
    background: url("../imgs/btnBottomGroupSnsOn.jpg");
}

.footerTextWrap {
    margin: 20px 0 20px 7px;
}

.footerText {
    font-size: 13px;
}

.footerTextCopyright {
    font-size: 11px;
    margin-top: 5px;
}

/*popup*/

.popup_wrap {
    position: absolute;
    z-index: 9999;
}

.popup_wrap .p_inner {
    display:inline-block;
}

.popup_wrap .p_inner .p_img a:after {
    content:'';
    display:block;
    clear:both;
}
.popup_wrap .p_inner .p_img a img {
    float:left;
}
.popup_wrap .p_inner .p_img {

}

.popup_wrap .p_inner .p_menu {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #000000;
    text-align: right;
    color: #666;
}

.popup_wrap .p_inner .p_menu a {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px;
}





@media (max-width: 767.98px) {
    .footerBarWrap {
        height: auto;
        background-color: #293143;
        margin: 0 auto;
        text-align: center;
        padding: 15px;
    }

    .b_left {
        line-height: normal;
        font-size: 12px;
        position: relative;
        display: inline-block;
        margin: 0 auto;
        text-align:center;
    }

    .b_right {
        display: none
    }

    .footerTextWrap {
        margin: 20px 0;
        text-align: center;

    }
    .footerText{
        font-size:9px;
    }
    .footerTextCopyright{
        font-size:9px;
    }
    /* 팝업 */
    .popup_wrap {
        visibility: hidden;
        position: absolute;
        top: 30px;
        left:5vw!important;
        width:90vw;
        z-index: 9999
    }

    .popup_wrap .p_inner {
        display: inline-block;
        width:100%;
    }
    .popup_wrap .p_inner .p_img a img {
        width:100%;
    }
    .popup_wrap .p_inner .p_img {
        width: 100%;
    }

    .popup_wrap .p_inner .p_menu {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #000000;
        text-align: right;
        color: #666;
    }

    .popup_wrap .p_inner .p_menu a {
        color: #ffffff;
        font-size: 17px;
        padding: 5px 20px;
    }

    .JoinAgreeContent {
        font-size:12px;
    }
    .joinAgreeText {
        font-size:18px;

    }

}


#plusDiv1 {
    position: absolute;
    top: -647px;
    height: 645px;
    background-color: #fff;
    border: #bbbbbb 1px solid;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: 9999;
}

#plusDiv2 {
    position: absolute;
    top: -461px;
    height: 459px;
    background-color: #fff;
    border: #bbbbbb 1px solid;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: 9999;
}

.plusDivTitle {
    position: relative;
    padding-left: 20px;
    font-weight: Bold;
    font-size: 25px;
    color: #2475d0;
    text-align: left;
}

.plusDivTitleSub {
    position: relative;
    padding-left: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #555555;
    text-align: left;
}

.plus1Link {
    position: relative;
    float: left;
    width: 24%;
    height: 498px;
    /*border-right: #e4e4e4 1px solid;*/
}

.plus1LinkTitle {
    position: relative;
    font-weight: Bold;
    font-size: 16px;
    color: #555555;
    margin-left: 20px;
}

.plus1LinkTitle img {
    vertical-align: middle;
}

.plus1Link li a {
    display: block;
    width: 155px;
    height: 29px;
    margin-left: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #555555;
    text-decoration: none;
}

.plus1Link li a:hover {
    color: #2475d0;
}

.plus2Link {
    position: relative;
    float: left;
    width: 33%;
    height: 320px;
    /*border-right: #e4e4e4 1px solid;*/
}

.plus2Txt {
    width: 90%;
    margin-left: 20px;
    font-weight: Bold;
    font-size: 20px;
    color: #555555;
}

.plus2TxtL {
    float: left;
    margin-top: 12px;
}

.plus2TxtR {
    float: right;
}

#divCloseBtn a {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    background: url(../imgs/plusDivClose.png);
}





@media (max-width: 550px) {
    #mainCon .visualTextWrap {
        padding-top: 45vw;
    }
}

@media (max-width: 440px) {
    .JoinBtnCancel {
        width: 100%;
        display: block;
        margin: 5px auto;
    }

    .JoinBtnOk {
        width: 100%;
        display: block;
        margin: 5px auto;
    }

    .LeaveBtn {
        width: 100%;
        display: block;
        margin: 5px auto;
    }
    .tabcontent0_ul .textWrap .text01 {
        font-size:15px;
        line-height: 1.1rem;
        height: 2.2rem;
    }

    .tabcontent0_ul .textWrap .text02 {
        font-size:14px;
        -webkit-line-clamp: 3;
        line-height: 1.3rem;
        height: 3.6rem;
    }

    .tab2content0_ul .title {
        -webkit-line-clamp: 1;
        line-height: 1.5rem;
        overflow: hidden;
        height: 1.5rem;
        text-overflow: ellipsis;
        /*display: -webkit-box;*/
    }

}


@media (max-width: 767.98px) {
    body {
        font-size: 12px;
    }
}