@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import "../../vendors/bootstrap-3.3.7/dist/css/bootstrap.min.css"; 
@import "../../vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "../../vendors/font-awesome-4.7.0/css/font-awesome.min.css";
@import "aos.css";
@import "nav.css";
@import "layout.css";
@import "slick-theme.css";
@import "main-content.css";
@import "sub-content.css";
@import "wxbboard5.css"; /* board css */
/* @import "content.css"; */
@import "swiper.css";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR'; font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@-ms-viewport{width:auto; }

html {font-size:13px;}

@media (min-width:1280px) {
	html {font-size:16px;}
}
body {
	overflow-x: hidden;
	font-family: Inter, 'Noto Sans KR';
	font-weight:400;
	font-size:1rem;
	_overflow-x:hidden;
	-webkit-text-size-adjust:none;
	min-width:320px;
	overflow-x:hidden;
	word-break:keep-all;
	color:rgba(0, 0, 0, .7);
}

.workSans {font-family: 'Work Sans', sans-serif !important;}
.text_uppercase {text-transform:uppercase}
.text_lowercase {text-transform:lowercase}
.play {font-family: 'Play', sans-serif !important;}

div, p, ul, dl, h4, h5 {transition:margin 0.5s ease-in-out 0; }

p {
	line-height: 1.7;
	margin-bottom:0;
}
a, button {
	color:inherit;

}
a:hover,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;
}

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

ul, dl {padding:0; margin:0; }
li {list-style:none; }
button {border:0; }
img {max-width:100%; }

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:7px !important; }
.mt20 {margin-top:10px !important; }
.mt30 {margin-top:15px !important; }
.mt40 {margin-top:20px !important; }
.mt50 {margin-top:25px !important; }
.mt60 {margin-top:30px !important; }
.mt70 {margin-top:40px !important; }
.mt80 {margin-top:50px !important; }
.mt90 {margin-top:50px !important; }
.mt100 {margin-top:50px !important; }
.mt110 {margin-top:50px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:7px !important; }
.mb20 {margin-bottom:10px !important; }
.mb30 {margin-bottom:15px !important; }
.mb40 {margin-bottom:20px !important; }
.mb50 {margin-bottom:25px !important; }
.mb60 {margin-bottom:30px !important; }
.mb70 {margin-bottom:40px !important; }
.mb80 {margin-bottom:50px !important; }
.mb90 {margin-bottom:50px !important; }
.mb100 {margin-bottom:50px !important; }


.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:7px !important; }
.pdt20 {padding-top:10px !important; }
.pdt30 {padding-top:15px !important; }
.pdt40 {padding-top:20px !important; }
.pdt50 {padding-top:25px !important; }
.pdt60 {padding-top:30px !important; }
.pdt70 {padding-top:40px !important; }
.pdt80 {padding-top:50px !important; }
.pdt90 {padding-top:50px !important; }
.pdt100 {padding-top:50px !important; }

.pdb5 {padding-bottom:5px !important; }
.pdb10 {padding-bottom:7px !important; }
.pdb20 {padding-bottom:10px !important; }
.pdb30 {padding-bottom:15px !important; }
.pdb40 {padding-bottom:20px !important; }
.pdb50 {padding-bottom:25px !important; }
.pdb60 {padding-bottom:30px !important; }
.pdb70 {padding-bottom:40px !important; }
.pdb80 {padding-bottom:50px !important; }
.pdb90 {padding-bottom:50px !important; }
.pdb100 {padding-bottom:50px !important; }
.pdb110 {padding-bottom:50px !important; }

.fs10 {font-size:0.62rem !important;}
.fs11 {font-size:0.6875rem !important;}
.fs12 {font-size:0.75rem !important;}
.fs13 {font-size:0.8125rem !important;}
.fs14 {font-size:0.875rem !important;}
.fs15 {font-size:0.9375rem !important;}
.fs16 {font-size:1rem !important;}
.fs16-2 {font-size:1.063rem !important;}
.fs17 {font-size:1.125rem !important;}
.fs18 {font-size:1.188rem !important;}
.fs20 {font-size:1.25rem !important;}
.fs21 {font-size:1.313rem !important;}
.fs22 {font-size:1.375rem !important;}
.fs23 {font-size:1.438rem !important;}
.fs24 {font-size:1.5rem !important;}
.fs25 {font-size:1.563rem !important;}
.fs26 {font-size:1.625rem !important;}
.fs28 {font-size:1.75rem !important;}
.fs30 {font-size:1.875rem !important;}
.fs32 {font-size:2rem !important;}
.fs35 {font-size:2.188rem !important;}
.fs38 {font-size:2.375rem !important;}
.fs40 {font-size:2.5rem !important;}
.fs42 {font-size:2.625rem !important;}
.fs45 {font-size:2.813rem !important;}
.fs48 {font-size:3rem !important;}
.fs50 {font-size:3.125rem !important;}
.fs55 {font-size:3.438rem !important;}
.fs60 {font-size:3.75rem !important;}
.fs70 {font-size:4.375rem !important;}
.fs75 {font-size:4.688rem !important;}
.fs80 {font-size:5rem !important;}
.fs85 {font-size:5.313rem !important;}
.fs90 {font-size:5.625rem !important;}
.fs95 {font-size:5.938rem !important;}
.fs100 {font-size:6.25rem !important;}

.line-he-initial {line-height:initial !important;}
.line-he-inherit {line-height:inherit !important;}

.fw100 {font-weight:100; }
.fw200 {font-weight:200; }
.fw300 {font-weight:300; }
.fw400 {font-weight:400; }
.fw500 {font-weight:500; }
.fw600 {font-weight:600; }
.fw700 {font-weight:700; }
.fw800 {font-weight:800; }
.fw900 {font-weight:900; }
.fwbold {font-weight:bold; }


.c-point-1 {color:#204fa5 !important}
.c-point-2 {color:#20a59a !important}
.c-point-3 {color:#5ba520 !important}
.c-point-4 {color:#e68200 !important}
.c-point-5 {color:#7d458b !important}

.c-point-6 {color:#373895 !important}
.c-point-7 {color:#7373b5 !important}
.c-point-8 {color:#7180b0 !important}
.c-point-9 {color:#708fa9 !important}
.c-point-10 {color:#6e9da4 !important}
.c-point-11 {color:#6bba99 !important}
.c-point-12 {color:#69c993 !important}
.c-black {color:#000000 !important}
.c-point-red {color:#c61717 !important}
.c-point-deepblue {color:#2f4265 !important}
.c-point-skyblue {color:#0098e3 !important}
.c-point-red-2 {color:#e60012 !important}
.c-point-forestgreen {color:#58b431 !important}
.c-point-blue {color:#004ea2 !important}

.c-white {color:#fff !important}
.c-grey-1 {color:#252525 !important}
.c-grey-2 {color:#303030 !important}
.c-grey-3 {color:#848688 !important}
.c-grey-4 {color:#cfcfcf !important}
.c-grey-5 {color:#eeeeee !important}

.bgbg{background-color: #000;}

.text-l, .txt_l, .txt-l {text-align:left !important}
.text-c, .txt_c, .txt-c {text-align:center !important}
.text-r, .txt_r, .txt-r {text-align:right !important}

.dis-inline {display:inline-block !important;}
.dis-block {display:block !important;}

@media (min-width: 992px) {
	body {font-size:16px; }

	.mt5 {margin-top:5px !important; }
	.mt10 {margin-top:10px !important; }
	.mt20 {margin-top:20px !important; }
	.mt30 {margin-top:30px !important; }
	.mt40 {margin-top:40px !important; }
	.mt50 {margin-top:50px !important; }
	.mt60 {margin-top:60px !important; }
	.mt70 {margin-top:70px !important; }
	.mt80 {margin-top:80px !important; }
	.mt90 {margin-top:90px !important; }
	.mt100 {margin-top:100px !important; }
	.mt110 {margin-top:110px !important; }

	.mb5 {margin-bottom:5px !important; }
	.mb10 {margin-bottom:10px !important; }
	.mb20 {margin-bottom:20px !important; }
	.mb30 {margin-bottom:30px !important; }
	.mb40 {margin-bottom:40px !important; }
	.mb50 {margin-bottom:50px !important; }
	.mb60 {margin-bottom:60px !important; }
	.mb70 {margin-bottom:70px !important; }
	.mb80 {margin-bottom:80px !important; }
	.mb90 {margin-bottom:90px !important; }
	.mb100 {margin-bottom:100px !important; }
	.mb110 {margin-bottom:110px !important; }

	.pdt5 {padding-top:5px !important; }
	.pdt10 {padding-top:10px !important; }
	.pdt20 {padding-top:20px !important; }
	.pdt30 {padding-top:30px !important; }
	.pdt40 {padding-top:40px !important; }
	.pdt50 {padding-top:50px !important; }
	.pdt60 {padding-top:60px !important; }
	.pdt70 {padding-top:70px !important; }
	.pdt80 {padding-top:80px !important; }
	.pdt90 {padding-top:90px !important; }
	.pdt100 {padding-top:100px !important; }

	.pdb5 {padding-bottom:5px !important; }
	.pdb10 {padding-bottom:10px !important; }
	.pdb20 {padding-bottom:20px !important; }
	.pdb30 {padding-bottom:30px !important; }
	.pdb40 {padding-bottom:40px !important; }
	.pdb50 {padding-bottom:50px !important; }
	.pdb60 {padding-bottom:60px !important; }
	.pdb70 {padding-bottom:70px !important; }
	.pdb80 {padding-bottom:80px !important; }
	.pdb90 {padding-bottom:90px !important; }
	.pdb100 {padding-bottom:100px !important; }
	.pdb110 {padding-bottom:110px !important; }

	/* .fs10 {font-size:10px !important; }
	.fs11 {font-size:11px !important; }
	.fs12 {font-size:12px !important; }
	.fs13 {font-size:13px !important; }
	.fs14 {font-size:14px !important; }
	.fs15 {font-size:15px !important; }
	.fs16 {font-size:16px !important; }
	.fs16-2 {font-size:16px !important; }
	.fs17 {font-size:17px !important; }
	.fs18 {font-size:18px !important; }
	.fs20 {font-size:20px !important; }
	.fs22 {font-size:22px !important; }
	.fs22-2 {font-size:22px !important; }
	.fs24 {font-size:24px !important; }
	.fs25 {font-size:25px !important; }
	.fs26 {font-size:26px !important; }
	.fs28 {font-size:28px !important; }
	.fs30 {font-size:30px !important; }
	.fs32 {font-size:32px !important; }
	.fs35 {font-size:35px !important; }
	.fs38 {font-size:38px !important; }
	.fs40 {font-size:40px !important; line-height:1em; }
	.fs42 {font-size:42px !important; line-height:1em; }
	.fs45 {font-size:45px !important; line-height:1em; }
	.fs48 {font-size:48px !important; line-height:1em; }
	.fs50 {font-size:50px !important; line-height:1em; }
	.fs60 {font-size:60px !important; line-height:1em; }
	.fs70 {font-size:70px !important; line-height:1em; }
	.fs70-2 {font-size:70px !important; line-height:1em; }
	.fs80 {font-size:80px !important; line-height:1em; } */


	.mr0    { margin-right:0px !important; }
	.mr5    { margin-right:5px !important; }
	.mr10   { margin-right:10px !important; }
	.mr20   { margin-right:20px !important; }
	.mr30   { margin-right:30px !important; }
	.mr40   { margin-right:40px !important; }
	.mr50   { margin-right:50px !important; }
	.mr60   { margin-right:60px !important; }
	.mr70   { margin-right:70px !important; }
	.mr80   { margin-right:80px !important; }
	.mr90   { margin-right:90px !important; }
}

#boardWriteDocument td.Field img {margin-right:20px}
area:focus { border: none; outline:none; outline-style: none; -moz-outline-style:none; }
img, img a { outline: none !important; border: none !important;}

.tab-menu-box .list-td-item a{cursor:pointer;}