/*³ª´®½ºÄù¾î ÆùÆ®¼³Á¤*/
@font-face{
    font-family: 'NanumSquareB';
    src: url('../lib/font/NanumSquareB.ttf') format('truetype');,
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'NanumSquareEB';
    src: url('../lib/font/NanumSquareEB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareR';
    src: url("../lib/font/NanumSquareR.eot");
    src: url('../lib/font/NanumSquareR.ttf') format('truetype'),
url('../lib/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
url('../lib/font/NanumSquareR.woff') format('woff');,

    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareB_otf';
    src: url('../lib/font/NanumSquareB.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: NanumSquareR, NanumSquareB, NanumSquareE, NanumSquareB_otf;
}
ul > li > a:hover, ul > li > a:active, ul > li > a:visited{
    text-decoration: none;
    color: #131313;
}
ul{
    list-style-type: none;
}
/*-------button------*/
.btn-mint-30{
    height: 30px;
    border-radius: 4px;
    border: 1px solid #dde0e3;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.23);
    font-size: 13px;
    color: #131313;
    display: inline;
    padding: 7px;
    cursor: pointer;
}
.btn-mint-34{
    height: 34px;
    border-radius: 18px;
    border: 2px solid #3d3d3d;
    font-size: 14px;
    color: #1c1c1c;
    display: inline;
    padding: 7px;
    cursor: pointer;
}
.btn-mint-36{
    height: 36px;
    border-radius: 18px;
    border: 1px solid #ececec;
    font-size: 15px;
    color: #4b4b4b;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
    display: inline;
    cursor: pointer;
    padding: 10px 46px;
}
.btn-mint-36-downloadBtn{
    height: 36px;
    border-radius: 18px;
    background-color: rgba(255,255,255, 0.2);
    font-size: 14px;
    color: #FFFFFF;
    display: inline;
    cursor: pointer;
    padding: 10px 22px;
    z-index: -1;
}
.btn-mint-37{
    height: 39px;
    font-size: 15px;
    cursor: pointer;
    background-color: #4c5e80;
    text-align: center;
    color: #FFFFFF;
    padding: 0 15px;
}
.btn-mint-38{
    height: 38px;
    border: 2px solid #ffffff;
    font-size: 14px;
    color: #ffffff;
    display: inline;
    padding: 7px 53px;
    cursor: pointer;
}
.btn-mint-39{
    height: 39px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #ececec;
    display: inline;
    padding: 10px 11px;
    background-color: #FFFFFF;
}
.btn-mint-40{
    height: 40px;
    background-color: #586783;
    font-size: 14px;
    color: #ffffff;
    display: inline;
    cursor: pointer;
    padding: 12px 18px;
}
.btn-mint-42{
    height: 42px;
    background-color: #3f3f3f;
    font-size: 15px;
    color: #ffffff;
    display: inline;
    cursor: pointer;
    padding: 12px 24px;
    border-radius: 20px;
}
.btn-mint-43{
    height: 43px;
    border: 2px solid #979797;
    font-size: 15px;
    color: #272727;
    display: inline;
    padding: 7px 45px;
    cursor: pointer;
}
.btn-mint-44{
    height: 44px;
    font-size: 15px;
    background-color: #3acbb2;
    color: #ffffff;
    display: inline;
    cursor: pointer;
    border-radius: 22px;
    /*padding: 13px 76px;*/
}
.btn-mint-45{
    height: 45px;
    border: 3px solid #6dc0ff;
    font-size: 15px;
    color: #272727;
    display: inline;
    padding: 7px 45px;
    cursor: pointer;
    border-radius: 2px;
}
.btn-mint-56{
    height: 56px;
    border: 1px solid #4dc9ae;
    width: 434px;
    background-color: #4dc9ae;
    border-radius: 4px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 10px auto;
    padding: 15px;
    cursor: pointer;
}
.btn-mint-50{
    height: 50px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 12px 50px;
    cursor: pointer;
}
/* r: radius*/
.btn-mint-50-r{
    background-color: #2f2f2f;
    border-radius: 30px;
    height: 50px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 13px 50px;
    cursor: pointer;
}
/*±¸±Û½ºÅä¾î ¾Û½ºÅä¾î ¹öÆ°(r: radius)*/
.btn-mint-54-r{
    height: 54px;
    width: 230px;
    background-color: #ffffff;
    font-size: 16px;
    color: #3e3e3e;
    padding-top: 15px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
}
.btn-mint-54{
    height: 54px;
    border: 1px solid #4dc9ae;
    width: 197px;
    background-color: #4dc9ae;
    border-radius: 4px;
    font-size: 17px;
    color: #ffffff;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
}
/*---------»ö±ò º¯°æ---------*/
.bg-white{
    background-color: #ffffff;
    color: #4dc9ae;
}
.bg-mint{
    background-color: #0abb93;
}
.bg-brown{
    background-color: #2f2f2f;
}
.color-mint{
    color: #0abb93;
}
.color-black{
    color: #3e3e3e;
}
.color-white{
    color: #ffffff;
}
.color-blue{
    color: #465e89;
}
.color-red{
    color: #ff5252;
}
.color-grey{
    color: #979797;
}
/*---------ÆùÆ®»çÀÌÁî--------*/
.font-70{
    font-size: 70px;
}
.font-59{
    font-size: 59px;
}
.font-58{
    font-size: 58px;
}
.font-48{
    font-size: 48px;
}
div.font-49, span.font-49{
    font-size: 49px;
}
div.font-42, span.font-42{
    font-size: 42px;
}
.font-38{
    font-size: 38px;
}
.font-36{
    font-size: 36px;
}
.font-34{
    font-size: 34px;
}

.font-32{
    font-size: 32px;
}
.font-31{
    font-size: 31px;
}
.font-28{
    font-size: 28px;
}
div.font-26, span.font-26{
    font-size: 26px;
}
.font-27{
    font-size: 27px;
}
div.font-25, span.font-25{
    font-size: 25px;
}
.font-24{
    font-size: 24px;
}
.font-23{
    font-size: 23px;
}
.font-22{
    font-size: 22px;
}
.font-21{
    font-size: 21px;
}
.font-20{
    font-size: 20px;
}
.font-19{
    font-size: 19px;
}
.font-18{
    font-size: 18px;
    color: #272727;
}
.font-17{
    font-size: 17px;
}
.font-16{
    font-size: 16px;
}
.font-16-red{
    font-size: 16px;
    color: #ff3b53;
}
.font-mint-15{
    font-size: 15px;
    color: #3caa92;
}
div.font-15, span.font-15{
    font-size: 15px;
}
span.font-14-red, div.font-14-red{
    font-size: 14px;
    color: red;
}
.font-14 {
    font-size: 14px;
}
.font-13{
    font-size: 13px;
}
.font-mint-12{
    font-size: 12px;
    color: #3caa92;
}
.font-12{
    font-size: 12px;
}
span.font-10, div.font-10{
    font-size: 10px;
}
/*ÆùÆ® ±½±â*/
.font-bold{
    font-weight: bold;
}

/*-----ÅؽºÆ® Á¤·Ä-----*/
/*ÅؽºÆ® °¡¿îµ¥Á¤·ÄÇÏ°í À§Ä¡µµ °¡¿îµ¥ Á¤·Ä*/
div.placedCenter{
    margin: 50px 0;
    text-align: center;
}
/*ÅؽºÆ®¸¸°¡¿îµ¥ Á¤·Ä*/
.text-center{
    text-align: center;
}
.formContainer{
    margin-bottom: 60px;
}
/*-----ÅؽºÆ® ¿À¸¥ÂÊ Á¤·Ä------*/
span.textLeft{
    display: inherit;
    text-align: right;
}

/*-----ÆäÀÌÁö ÇÏ´Ü °ø°£-------*/
div.BottomSpace{
    margin-bottom: 200px;
}
/*-----position top(t), bottom(b), right(r), left(l)*/
.b-40p-r-29p{
    bottom: 40%;
    right: 29%
}
div.b-620px{
    bottom: 620px;
}
.b-410px{
    bottom: 410px;
}

/*----Margin Àû¿ë------*/
/*------Margin Padding Àû¿ë------*/
.mar-tb-20{
    margin: 20px 0;
}
.mar-20-pad-5{
    padding: 5px;
    margin: 20px;
}
/*-----border Àû¿ë--------*/
div.border-r{
    border-right: 1px solid #979797;
}
.border-b{
    border-bottom: 1px solid #ffffff;
}
.border-b-black{
    border-bottom: 1px solid #dfdfdf;
}
/*-----ÄÁÅ×ÀÌ³Ê Å©±âÁ¶Á¤------*/

.height-530{
    height: 530px;
}
.height-400{
    height: 400px;
}
.height-260{
    height: 260px;
}
.width-386px{
    width: 386px;
}
.width-487px{
    width: 487px;
}
.width-165px{
    width: 165px;
}

/*--------¹è³Ê¾ç½Ä----------*/
/*¼­ºñ½º ½Åû, Á¦ÈÞ¼­ºñ½º ¹è³Ê*/
div.bannerContainer{
    position: relative;
}