/*API용 */
/* 나눔고딕 */
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* 나눔스퀘어 */
/*@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);*/

/*noto sans*/
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/*나눔고딕*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/*나눔스퀘어 서버용*/
@font-face {
font-family: 'NanumSquareL';
src: url('../fonts/NanumSquareL.eot'); 
src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumSquareL.woff') format('woff'),
url('../fonts/NanumSquareL.ttf') format('truetype'),
url('../fonts/NanumSquareL.svg#NanumSquareL') format('svg');
font-weight: normal;
font-style: normal;
}

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

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

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

/*나눔스퀘어라운드 서버용*/
@font-face {
font-family: 'NanumSquareRoundL';
src: url('../fonts/NanumSquareL.eot'); 
src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumSquareL.woff') format('woff'),
url('../fonts/NanumSquareL.ttf') format('truetype'),
url('../fonts/NanumSquareL.svg#NanumSquareL') format('svg');
font-weight: normal;
font-style: normal;
}

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

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

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

/*noto sans_서버용*/

@font-face {
    font-family: 'notokr-black';
    src: url('../fonts/notokr-black.eot');
    src: url('../fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-black.woff2') format('woff2'),
         url('../fonts/notokr-black.woff') format('woff'),
         url('../fonts/notokr-black.ttf') format('truetype'),
         url('../fonts/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-bold.woff2') format('woff2'),
         url('../fonts/notokr-bold.woff') format('woff'),
         url('../fonts/notokr-bold.ttf') format('truetype'),
         url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-demilight';
    src: url('../fonts/notokr-demilight.eot');
    src: url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-demilight.woff2') format('woff2'),
         url('../fonts/notokr-demilight.woff') format('woff'),
         url('../fonts/notokr-demilight.ttf') format('truetype'),
         url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-light.woff2') format('woff2'),
         url('../fonts/notokr-light.woff') format('woff'),
         url('../fonts/notokr-light.ttf') format('truetype'),
         url('../fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../fonts/notokr-medium.eot');
    src: url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-medium.woff2') format('woff2'),
         url('../fonts/notokr-medium.woff') format('woff'),
         url('../fonts/notokr-medium.ttf') format('truetype'),
         url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-regular.woff2') format('woff2'),
         url('../fonts/notokr-regular.woff') format('woff'),
         url('../fonts/notokr-regular.ttf') format('truetype'),
         url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-thin';
    src: url('../fonts/notokr-thin.eot');
    src: url('../fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-thin.woff2') format('woff2'),
         url('../fonts/notokr-thin.woff') format('woff'),
         url('../fonts/notokr-thin.ttf') format('truetype'),
         url('../fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 영문폰트 */
@font-face {
    font-family: 'Cabin', sans-serif;
    src: url('../fonts/Cabin-Regular.eot');
    src: url('../fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Regular.woff2') format('woff2'),
         url('../fonts/Cabin-Regular.woff') format('woff'),
         url('../fonts/Cabin-Regular.ttf') format('truetype'),
         url('../fonts/Cabin-Regular.svg#Cabin-Regular') format('svg');
}

/* 영문폰트 */
@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
         url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
         url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'),
         url('../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*font------------------------------------------------------------------------------------------------------------------ */
.Nl{ font-family: 'NanumSquareL', sans-serif;}
.Nr{ font-family: 'NanumSquareR', sans-serif;}
.Nb{ font-family: 'NanumSquareB', sans-serif;}
.Neb{ font-family: 'NanumSquareEB', sans-serif;}
.NRl{ font-family: 'NanumSquareRoundL', sans-serif;}
.NRr{ font-family: 'NanumSquareRoundR', sans-serif;}
.NRb{ font-family: 'NanumSquareRoundB', sans-serif;}
.NReb{ font-family: 'NanumSquareRoundEB', sans-serif;}
.noto-re{ font-family:'notokr-regular' !important; } 
.noto-bl{ font-family:'notokr-black' !important; } 
.noto-bo{ font-family:'notokr-bold' !important; } 
.noto-demi{ font-family:'notokr-demilight' !important; } 
.noto-li{ font-family:'notokr-light' !important; } 
.noto-me{ font-family:'notokr-medium' !important; } 
.noto-thin{ font-family:'notokr-thin' !important; }
.cabin{font-family: 'Cabin', sans-serif;}
.Mont{font-family: 'Montserrat-Regular', sans-serif;}
.MontL{font-family: 'Montserrat-Light', sans-serif;}
.MontM{font-family: 'Montserrat-Medium' , sans-serif;}
.MontB{font-family: 'Montserrat-Bold' , sans-serif;}

/*font CLASS------------------------------------------------------------------------------------------------------------ */

/*font STYLE------------------------------------------------------------------------------------------------------------ */
.font_nor{ font-style: normal; }
.font_ita{ font-style: italic; }
.font_obl{ font-style: oblique; }
.font_inh{ font-style: inherit; }

/*set_up-----------------------------------------------------------------------------------------------------------------*/
*{box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
body{margin:0; padding:0; font-family: 'notokr-regular', 'Noto Sans KR', sans-serif; font-size:12px; width:100%; height:auto;} 
a{ text-decoration:none; }
/*텍스트 밑줄 없애기*/
a:link{ color:#40a9e0; text-decoration:none;}
a:visted{ color:#7bd2de; text-decoration:none;}
a:active{ color:#dd577a; text-decoration:none;}
a:hover{ color:#1cbabc; text-decoration:none;}
/**/
/*이미지 테두리 없애기*/
img{border:none;}
ul, ol, dl{list-style:none;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0;}

fieldset{border:none;}
legend{display:none;}

blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}

/*clearfix*/
.cf:after{clear:both; content:""; display:block;}

/*float*/
.FL {float:left}
.FR {float:right}

/*set_up-----------------------------------------------------------------------------------------------------------------*/

/*custom-----------------------------------------------------------------------------------------------------------------*/

/*추가 편의*/
ul li{ float:left;}
hr{display:none;}
/*나눔스퀘어*/
h1, h2, h3, h4, h5, h6{font-family: 'NanumSquareB', sans-serif;}
/*인용구*/
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}