@charset "utf-8";

@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/montserrat_m.woff') format('woff')
 } 
 @font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/montserrat_b.woff') format('woff')
 }
 @font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/montserrat_eb.woff') format('woff')
 }

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Regular.woff') format('woff'),
        url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Medium.woff') format('woff'),
        url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }


/* Nanum Myeongjo */
@font-face {
    font-family: 'NanumMyeongjo';
    src: url('../fonts/NanumMyeongjo.eot');
    src: url('../fonts/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NanumMyeongjo.woff2') format('woff2'),
        url('../fonts/NanumMyeongjo.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

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

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


/* common */
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html, body { width:100%; height:100%; } 
html { font-size:15px; color:#555; font-family:"Noto Sans KR", "맑은고딕", "돋움"; 
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth; /* 부드럽게 */}


/* browser scroll bar */
body {
scrollbar-face-color: #F2F2F2;
scrollbar-shadow-color: #B7B7B7;
scrollbar-highlight-color: #F2F2F2;
scrollbar-3dlight-color: #F2F2F2;
scrollbar-darkshadow-color: #E9E9E9;
scrollbar-track-color: #E9E9E9;
scrollbar-arrow-color: #999999;
position:relative;
overflow-y:scroll;
overflow-x:hidden;
}

html, body {width:100%; line-height:150%}

a:link    { color: #555; text-decoration:none }
a:visited { color: #555; text-decoration:none}
a:hover   { color: #246f1c; text-decoration:none }

fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}


input {vertical-align:middle;}
ol li { margin-left:20px;display:list-item; list-style-type:decimal}
ul, li {list-style:none;}
img, fieldset {border:none;}

hr, caption {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}
address {font-style:normal}
.hidden {width:0; height:0; line-height:0; font-size:0px; float:left; visibility:hidden; overflow:hidden;}
table {border-collapse:separate;border-spacing:0;}
button {cursor:pointer;}

/***** skip ***********************************************************************************************************************/
.skip {position:absolute; width:100%; margin:0 auto; z-index:999999; background:#fff}
.skip a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
.skip h2{ width:1px; height:1px; font-size:0px; visibility:hidden; float:left; position:absolute; text-indent:-9999px;}
.skip a:focus, .skip a:active {height:24px; line-height:24px; width:100%; color:#000; text-align:center; font-size:16px; font-weight:bold; margin:0;}
/**********************************************************************************************************************************/

.f_left {float:left;}
.f_right{float:right;}
.clear {clear:both;}

.cen {text-align:center;}
.left {text-align:left;}
.rig {text-align:right;}

::-moz-selection { color:#fff; background:#002b82; }
::-webkit-selection { color:#fff; background:#002b82; }
::selection { color:#fff; background:#002b82; }

input:-ms-input-placeholder {font-size:16px !important; color:#666 !important; font-weight:400 !important; }
::-ms-input-placeholder {font-size:16px !important; color:#666 !important; font-weight:400 !important; }
::-webkit-input-placeholder {font-size:16px !important; color:#666 !important; font-weight:400 !important; }
::-moz-placeholder {font-size:16px !important; color:#666 !important; font-weight:400 !important; }
::-moz-placeholder {font-size:16px !important; color:#666 !important; font-weight:400 !important;}

@media screen and (max-width:1040px) {
	input:-ms-input-placeholder {font-size:14px !important; }
	::-ms-input-placeholder {font-size:14px !important; }
	::-webkit-input-placeholder {font-size:14px !important; }
	::-moz-placeholder {font-size:14px !important;  }
	::-moz-placeholder {font-size:14px !important; }
}

@media screen and (max-width:540px) {
	input:-ms-input-placeholder {font-size:13px !important; }
	::-ms-input-placeholder {font-size:13px !important; }
	::-webkit-input-placeholder {font-size:13px !important; }
	::-moz-placeholder {font-size:13px !important;  }
	::-moz-placeholder {font-size:13px !important; }
}