@import url("reset.css");
@import url("jquery-ui.css");
@import url("style.css");
@import url("main2.css");
@import url("main.css");
@import url("fontawesome-all.css");
@import url("font.css");
/*@import url("../assets/css/style.min.css");
@import url("../assets/css/modules.css");*/
@import url("cssmenu.css");
@import url("board.css");
@import url("mainpage.css");
@import url("subpage.css");


body {
	width:100%; margin:0; padding:0; word-break:keep-all; word-wrap:break-word;
	scrollbar-face-color: #83bdc4; scrollbar-shadow-color: #83bdc4; scrollbar-highlight-color: #83bdc4; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: #83bdc4;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	 font-family: 'Noto Sans Korean', 'Noto Sans KR', 'Noto Sans', sans-serif; font-size:15px; line-height:28px; color:#353535; font-weight:300;
}
	
/*
face = 스크롤바의 색
shadow = 스크롤바 오른쪽 외각선
highlight = 스크롤 왼쪽 외각선
3dlight = 스크롤바 왼쪽 그림자
darkshadow = 스크롤 오른쪽 그림자↙
track = 스크롤바 없는 바탕색
arrow = 화살*/

/*드래그*/
::selection {color:#fff; background:#83bdc4; }
::-moz-selection {color:#fff; background:#83bdc4; } /* firefox */
/*드래그 끝*/

html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0; border:0;}
img {max-width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {}/*overflow-x:scroll;*/
a:link, a:visited, a:active { text-decoration:none; color:#353535;}
a:hover, a:focus, a:active {text-decoration:underline; color:#ea3a3a;}

/*------------------------------------------------------------------------------------------------------
skip
---------------------------------------------------------------------------------------------------------*/
#skipNavi {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:1px; font-size:1px;}
#skipNavi a{display:block; text-align:center; width: 100%;  line-height:1px; font-size:1px;}
#skipNavi a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0px; top:1000px; padding: 8px 0;  display:block; height:20px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff;}
.hide{position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden; }
/*#skipNavi #topNaviSkip {margin:0; padding:0;}*/

#skipContent {}/*본문으로 바로가기*/
#skipMenu {}/*주메뉴로 바로가기*/
/*------------------------------------------------------------------------------------------------------
// skip
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
기본 폰트 및 스타일
---------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1 {font-size:39px;}
h2 {font-size:28px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:15px;}
h6 {font-size:14px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		h1 {font-size:24px; line-height:34px;}
		h2 {font-size:22px; line-height:33px;}
		h3 {font-size:20px; line-height:30px;}
		h4 {font-size:16px; line-height:26px;}
	}


.h1_Square_yellow {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:34px; line-height:44px; color:#ffd965; font-weight:normal; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h1_Square_yellow {font-size:22px; line-height:33px;}
	}

.h1_Square_blue {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:34px; line-height:44px; color:#4d6286; font-weight:normal; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h1_Square_blue {font-size:22px; line-height:33px;}
	}

/* ----------------------*/
.quote_Square_blue {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:34px; line-height:44px; color:#4d6286; font-weight:bold; letter-spacing:-1px;}
.quote_Square_blue i {font-size:40px; color:#dfe3eb;}
.quote_Square_blue i.fa-quote-left {margin-right:15px;}
.quote_Square_blue i.fa-quote-right {margin-left:15px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.quote_Square_blue {font-size:22px; line-height:33px;}
		.quote_Square_blue i {font-size:28px;}
	}
	
.quote_Square_blue_line {
	padding:25px 0; border-top:3px solid #666; border-bottom:3px solid #666; display:inline;
	font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:34px; line-height:44px; color:#4d6286; font-weight:bold; letter-spacing:-1px;
}
.quote_Square_blue_line i {font-size:40px; color:#dfe3eb;}
.quote_Square_blue_line i.fa-quote-left {margin-right:15px;}
.quote_Square_blue_line i.fa-quote-right {margin-left:15px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.quote_Square_blue_line {font-size:22px; line-height:33px;}
		.quote_Square_blue_line i {font-size:28px;}
	}
/* ----------------------*/

.h3_white {font-size:22px; color:#fff; font-weight:350; line-height:34px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h3_white {font-size:15px; line-height:24px;}
	}
	
.myeongjoRedBox {
	display:inline-block; padding:5px 40px; background-color:#ea3a3a;
	font-family:NanumMyeongjo, 나눔명조, "나눔 명조", "Nanum Myeongjo", 나눔고딕,  "나눔 고딕"; font-size:18px; color:#fff;
}

.normal_18_gray {font-size:18px; color:#333; font-weight:350; line-height:30px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.normal_18_gray {font-size:15px; line-height:24px;}
	}
	
.normal_18_gray span {color:#4d6286; font-weight:400;}

.thin_22_gray {font-size:22px; color:#939393; font-weight:300; line-height:34px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.thin_22_gray {font-size:20px; line-height:30px;}
	}
	
.h2_Square_red {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:28px; line-height:38px; color:#ea3a3a; font-weight:bold; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h2_Square_red {font-size:22px; line-height:24px;}
	}
	
.h2_Square_black {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:28px; line-height:38px; color:#000; font-weight:bold; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h2_Square_black {font-size:22px; line-height:24px;}
	}
	
.h2_Square_gray {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:28px; line-height:38px; color:#8a8a8a; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h2_Square_gray {font-size:22px; line-height:24px;}
	}
	
.h2_Square_black_22 {font-family:NanumSquare, 나눔스퀘어, "나눔 스퀘어", NanumSquare, 나눔고딕, "나눔 고딕"; font-size:22px; line-height:32px; color:#000; letter-spacing:-1px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h2_Square_black_22 {font-size:20px; line-height:22px;}
	}
	
.h4_blue_18 {font-size:18px; line-height:28px; color:#4d6286;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.h4_blue_18 {font-size:16px; line-height:26px;}
	}

.basicST_red {color:#ea3a3a;}
.color_yellow {color:#fcff00;}

.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}

.margin25 {margin:25px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin25 {margin:20px auto;}
	}

.margin50 {margin:50px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin50 {margin:20px auto;}
	}
	
.margin80 {margin:80px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin80 {margin:35px auto;}
	}
	
.margin100 {margin:100px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin100 {margin:50px auto;}
	}

.marginTop0 {margin-top:0px;}
.marginTop10 {margin-top:10px;}
.marginTop25 {margin-top:25px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop25 {margin-top:20px;}
	}

.marginTop50 {margin-top:50px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop50 {margin-top:20px;}
	}
	
.marginTop80 {margin-top:80px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop80 {margin-top:35px;}
	}
	
.marginTop100 {margin-top:100px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop100 {margin-top:50px;}
	}
/*------------------------------------------------------------------------------------------------------
기본 폰트 및 스타일 끝
---------------------------------------------------------------------------------------------------------*/

.displayNone {display:none;}

#allWrap {width:100%; margin:0; padding:0; text-align:center;}
.allContainer {width:1200px; margin:0 auto; padding:0; position:relative; word-break:keep-all;}
	@media all and (min-width: 320px) {
		.allContainer {width:100%; margin:0 auto;}
	}
	@media all and (min-width: 768px) {
		.allContainer {width:100%; margin:0 auto;}
	}
	@media all and (min-width: 1200px)  {
		.allContainer {width:100%; max-width:1200px; margin:0 auto;}
	}

/*.contentWrap {width:1100px; margin:50px auto; padding:0; position:relative; word-break:keep-all; text-align:left; clear:both;}
	@media all and (min-width: 320px) {
		.contentWrap {width:100%; margin:0 auto 30px;}
	}
	@media all and (min-width: 768px) {
		.contentWrap {width:100%; margin:0 auto 30px;}
	}
	@media all and (min-width: 1200px)  {
		.contentWrap {width:100%; max-width:1100px; margin:50px auto;}
	}
	
.boardWrap {width:1100px; margin:0 auto 50px; padding:0; position:relative; word-break:keep-all; clear:both;}
	@media all and (min-width: 320px) {
		.boardWrap {width:100%; margin:0 auto 30px;}
	}
	@media all and (min-width: 768px) {
		.boardWrap {width:100%; margin:0 auto 30px;}
	}
	@media all and (min-width: 1200px)  {
		.boardWrap {width:100%; max-width:1100px; margin:0 auto 50px;}
	}
*/

/*------------------------------------------------------------------------------------------------------
탑
---------------------------------------------------------------------------------------------------------*/
.topWrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0; padding:25px 0; background-color:#fff; z-index:3;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.topWrap {
			flex-direction:column;
			padding:5px 0;
		}
		.topWrap div {margin:0; padding:0;}
		
		/*로고*/
		.topWrap div:nth-child(1) {padding:10px 0 0 0;}
	}

#cssmenu a.kor, #cssmenu a.eng,
#cssmenu a:hover.kor, #cssmenu a:hover.eng {
	color:#c0c0c0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		#cssmenu a.kor, #cssmenu a.eng, #cssmenu a.total {display:none;}
	}

	/*
	모바일용 언어 선택
	*/
.topLang {}
	@media all and (min-width: 1200px) {
		.topLang {display:none;}
	}
	@media all and (min-width: 320px) and (max-width: 1199px) {
		.topLang {position:absolute; left:30px; top:57px; z-index:2; text-transform:uppercase;}
		.topLang a {
			display:inline-block; margin-right:5px;
			color:#c0c0c0;
		}
	}

/*------------------------------------------------------------------------------------------------------
탑 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
푸터
---------------------------------------------------------------------------------------------------------*/
.footerWrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	/*justify-content:space-between;*/
	margin:0 auto; padding:95px 0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.footerWrap {
			flex-direction:column;
			padding:20px 0 20px 0;/* border-top:1px solid #ccc;*/
		}
	}
	
.footerWrap > div {margin:0; padding:0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.footerWrap > div {padding:0 5px;}
	}
	
.footerWrap > div:last-child {margin-left:70px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.footerWrap > div:first-child {display:none;}
		.footerWrap > div:last-child {margin-left:0px; margin-top:0px;/* margin-top:20px;*/}
	}

.footerWrap > div p {
	margin:0; padding:0; line-height:28px; text-align:left;
	font-size:14px; color:#666; font-weight:350;
}
.footerWrap > div p span {
	display:inline-block; width:100px;
	font-size:15px; color:#000; font-weight:700;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.footerWrap > div p span {width:100%;}
	}

.footerWrap > div p.ftCopy {font-size:12px;}
/*------------------------------------------------------------------------------------------------------
푸터 끝
---------------------------------------------------------------------------------------------------------*/


/*.bannerContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:100%; margin:0; padding:0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.bannerContainer {flex-direction:column;}
	}
	
	
.companyInfoWrap .companyInfoContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 auto; padding:45px 10px; border-top:2px solid #353535; border-bottom:2px solid #353535;
	background:url(/theme/2019_1/img/bottom_bg_center.png) 600px top no-repeat;
}
	@media all and (min-width: 320px) and (max-width: 999px) {
		.companyInfoWrap .companyInfoContainer {flex-direction:column;}
	}*/