@charset "utf-8";

/**********************************************************************
- Common Style
**********************************************************************/


/* 나눔스퀘어 */
@font-face{
  font-family: 'NanumSL';
  font-weight: 400;
  src:url('../fonts/NanumSquareL.eot');
  src:url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
  url('../fonts/NanumSquareL.woff') format('woff');
}
@font-face{
  font-family: 'NanumS';
  font-weight: 400;
  src:url('../fonts/NanumSquareR.eot');
  src:url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
  url('../fonts/NanumSquareR.woff') format('woff');
}
@font-face{
  font-family: 'NanumSB';
  font-weight: 600;
  src:url('../fonts/NanumSquareB.eot');
  src:url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
  url('../fonts/NanumSquareB.woff') format('woff');
}
@font-face{
  font-family: 'NanumSEB';
  font-weight: 600;
  src:url('../fonts/NanumSquareEB.eot');
  src:url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
  url('../fonts/NanumSquareEB.woff') format('woff');
}
@font-face{
	font-family: 'MALGUN';
    src: url('../fonts/MALGUN.eot');
	src: url('../fonts/MALGUN.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MALGUN.woff') format('woff'),
         url('../fonts/MALGUN.ttf') format('truetype');
}

@font-face{
	font-family: 'MALGUN';
    src: url('../fonts/MALGUN.eot');
	src: url('../fonts/MALGUN.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MALGUN.woff') format('woff'),
         url('../fonts/MALGUN.ttf') format('truetype');
}

/*
@media (max-width:360px)						{html{font-size:10px;}}
@media (min-width:361px) and (max-width:399px)	{html{font-size:11.25px;}}
@media (min-width:400px) and (max-width:439px)	{html{font-size:12.5px;}}
@media (min-width:440px) and (max-width:479px)	{html{font-size:13.75px;}}
@media (min-width:480px) and (max-width:519px)	{html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px)	{html{font-size:16.25px;}}
@media (min-width:560px) and (max-width:599px)	{html{font-size:17.5px;}}
@media (min-width:600px)						{html{font-size:14px;}}
*/
html{font-size:14px;}


/***************************
	Default
****************************/

*	{ box-sizing: border-box; }
body, input, select, textarea, button { font-family:'돋움',Dotum,'NanumS','굴림',Gulim,AppleGothic,Sans-serif; color:#333}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder	{color:#d2d2d2}

input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {color:#767676}


/***************************
	Templete
****************************/

.clear:after	{ content: ""; display: block; position: relative; clear: both; }

.txt-left	{ text-align: left !important; }
.txt-center	{ text-align: center !important; }
.txt-right	{ text-align: right !important; }

.col-box .item	{
    display: block;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.col-box .col-1	{
    width : 8.33%;
    width : -webkit-calc(100%/12*1);
    width :    -moz-calc(100%/12*1);
    width :         calc(100%/12*1);
}

.col-box .col-2	{
    width : 16.66%;
    width : -webkit-calc(100%/12*2);
    width :    -moz-calc(100%/12*2);
    width :         calc(100%/12*2);
}

.col-box .col-3	{
    width : 25.00%;
    width : -webkit-calc(100%/12*3);
    width :    -moz-calc(100%/12*3);
    width :         calc(100%/12*3);
}

.col-box .col-4	{
    width : 33.33%;
    width : -webkit-calc(100%/12*4);
    width :    -moz-calc(100%/12*4);
    width :         calc(100%/12*4);
}

.col-box .col-5	{
    width : 41.66%;
    width : -webkit-calc(100%/12*5);
    width :    -moz-calc(100%/12*5);
    width :         calc(100%/12*5);
}

.col-box .col-6	{
    width : 50.00%;
    width : -webkit-calc(100%/12*6);
    width :    -moz-calc(100%/12*6);
    width :         calc(100%/12*6);
}

.col-box .col-7	{
    width : 58.33%;
    width : -webkit-calc(100%/12*7);
    width :    -moz-calc(100%/12*7);
    width :         calc(100%/12*7);
}

.col-box .col-8	{
    width : 66.66%;
    width : -webkit-calc(100%/12*8);
    width :    -moz-calc(100%/12*8);
    width :         calc(100%/12*8);
}

.col-box .col-9	{
    width : 75.00%;
    width : -webkit-calc(100%/12*9);
    width :    -moz-calc(100%/12*9);
    width :         calc(100%/12*9);
}

.col-box .col-10	{
    width : 83.33%;
    width : -webkit-calc(100%/12*10);
    width :    -moz-calc(100%/12*10);
    width :         calc(100%/12*10);
}

.col-box .col-11	{
    width : 91.66%;
    width : -webkit-calc(100%/12*11);
    width :    -moz-calc(100%/12*11);
    width :         calc(100%/12*11);
}

.col-box .col-12	{
    width : 100%;
}