@charset "utf-8";

/* @font-face{
font-family: nanumGothic, "나눔고딕"; 
src: url('./font/NanumGothic.ttf') format('truetype');
src: url('./font/NanumGothic.eot');
src: url('./font/NanumGothic.woff') format('woff');
}	 */


@font-face {
font-family:NanumSquareL';
src:url(/css/font/NanumSquareL.eot);
src:url(/css/font/NanumSquareL.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareL.woff) format("woff"),url(/css/font/NanumSquareL.ttf) format("truetype");
font-weight:lighter;
}

@font-face {
font-family:NanumSquareB;
src:url(/css/font/NanumSquareB.eot);
src:url(/css/font/NanumSquareB.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareB.woff) format("woff"),url(/css/font/NanumSquareB.ttf) format("truetype");
font-weight:bold;
}

@font-face {
font-family:NanumSquareEB;
src:url(/css/font/NanumSquareEB.eot);
src:url(/css/font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareEB.woff) format("woff"),url(/css/font/NanumSquareEB.ttf) format("truetype");
font-weight:bolder;
}

@font-face {
font-family:NanumSquare;
src:url(/css/font/NanumSquareR.eot);
src:url(/css/font/NanumSquareR.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareR.woff) format("woff"),url(/css/font/NanumSquareR.ttf) format("truetype");
font-weight: normal;
}

@font-face {
font-family:hanYGO230;
src:url(/css/font/HANYGO230.eot);
src:url(/css/font/HANYGO230.eot?#iefix) format("embedded-opentype"),url(/css/font/HANYGO230.woff) format("woff"),url(/css/font/HANYGO230.ttf) format("truetype");
font-weight: normal;
}


/* table, div, button, a{font-size: 12px;} */
html{font-size: 12px;}
body{overflow-x: hidden;}

.table{display: table;}
.tableRow{display: table-row;}
.tableCell{display: table-cell;}

.textFontOnly52{font-size: 52px;}
.textFontOnly48{font-size: 48px;}
.textFontOnly40{font-size: 40px;}
.textFontOnly36{font-size: 36px;}
.textFontOnly34{font-size: 34px;}
.textFontOnly32{font-size: 32px;}
.textFontOnly30{font-size: 30px;}
.textFontOnly28{font-size: 28px;}
.textFontOnly26{font-size: 26px;}
.textFontOnly24{font-size: 24px;}
.textFontOnly21{font-size: 21px;}
.textFontOnly18{font-size: 18px;}
.textFontOnly16{font-size: 16px;}
.textFontOnly15{font-size: 15px;}
.textFontOnly14{font-size: 14px;}


.textFont52{font-size: 52px;}
.textFont48{font-size: 48px;}
.textFont40{font-size: 40px;}
.textFont36{font-size: 36px;}
.textFont34{font-size: 34px;}
.textFont32{font-size: 32px;}
.textFont30{font-size: 30px;}
.textFont28{font-size: 28px;}
.textFont26{font-size: 26px;}
.textFont24{font-size: 24px;}
.textFont21{font-size: 21px;}
.textFont18{font-size: 18px;}
.textFont16{font-size: 16px;}
.textFont15{font-size: 15px;}
.textFont14{font-size: 14px;}

@media screen and (max-width: 660px) and (min-width: 600px) {
.textFont52{font-size: 47px;}
.textFont48{font-size: 44px;}
.textFont40{font-size: 36px;}
.textFont36{font-size: 33px;}
.textFont34{font-size: 31px;}
.textFont32{font-size: 29px;}
.textFont30{font-size: 27px;}
.textFont28{font-size: 25px;}
.textFont26{font-size: 23px;}
.textFont24{font-size: 22px;}
.textFont21{font-size: 19px;}
.textFont18{font-size: 16px;}
.textFont16{font-size: 14px;}
.textFont15{font-size: 13px;}
.textFont14{font-size: 12px;}
}

@media screen and (max-width: 600px) and (min-width: 540px) {
.textFont52{font-size: 42px;}
.textFont48{font-size: 40px;}
.textFont40{font-size: 32px;}
.textFont36{font-size: 30px;}
.textFont34{font-size: 28px;}
.textFont32{font-size: 26px;}
.textFont30{font-size: 24px;}
.textFont28{font-size: 22px;}
.textFont26{font-size: 21px;}
.textFont24{font-size: 20px;}
.textFont21{font-size: 17px;}
.textFont18{font-size: 14px;}
.textFont16{font-size: 13px;}
.textFont15{font-size: 12px;}
.textFont14{font-size: 11px;}
}

@media screen and (max-width: 540px) and (min-width: 480px) {
.textFont52{font-size: 38px;}
.textFont48{font-size: 36px;}
.textFont40{font-size: 29px;}
.textFont36{font-size: 27px;}
.textFont34{font-size: 25px;}
.textFont32{font-size: 23px;}
.textFont30{font-size: 21px;}
.textFont28{font-size: 20px;}
.textFont26{font-size: 19px;}
.textFont24{font-size: 18px;}
.textFont21{font-size: 15px;}
.textFont18{font-size: 13px;}
.textFont16{font-size: 12px;}
.textFont15{font-size: 11px;}
.textFont14{font-size: 10px;}
}

@media screen and (max-width: 480px) and (min-width: 420px) {
.textFont52{font-size: 34px;}
.textFont48{font-size: 32px;}
.textFont40{font-size: 26px;}
.textFont36{font-size: 24px;}
.textFont34{font-size: 22px;}
.textFont32{font-size: 20px;}
.textFont30{font-size: 19px;}
.textFont28{font-size: 18px;}
.textFont26{font-size: 17px;}
.textFont24{font-size: 16px;}
.textFont21{font-size: 13px;}
.textFont18{font-size: 12px;}
.textFont16{font-size: 11px;}
.textFont15{font-size: 10px;}
.textFont14{font-size: 9px;}
}

@media screen and (max-width: 420px) and (min-width: 360px) {
.textFont52{font-size: 30px;}
.textFont48{font-size: 28px;}
.textFont40{font-size: 23px;}
.textFont36{font-size: 21px;}
.textFont34{font-size: 19px;}
.textFont32{font-size: 18px;}
.textFont30{font-size: 17px;}
.textFont28{font-size: 16px;}
.textFont26{font-size: 15px;}
.textFont24{font-size: 14px;}
.textFont21{font-size: 12px;}
.textFont18{font-size: 11px;}
.textFont16{font-size: 10px;}
.textFont15{font-size: 9px;}
.textFont14{font-size: 8px;}
}

@media screen and (max-width: 360px){
.textFont52{font-size: 26px;}
.textFont48{font-size: 24px;}
.textFont40{font-size: 20px;}
.textFont36{font-size: 18px;}
.textFont34{font-size: 17px;}
.textFont32{font-size: 16px;}
.textFont30{font-size: 15px;}
.textFont28{font-size: 14px;}
.textFont26{font-size: 13px;}
.textFont24{font-size: 12px;}
.textFont21{font-size: 11px;}
.textFont18{font-size: 9px;}
.textFont16{font-size: 8px;}
.textFont15{font-size: 8px;}
.textFont14{font-size: 7px;}
}