@charset "utf-8";

/* Noto Sans KR */
@font-face {
	font-family:"NSKR-T";
	src:local('※'),
		url('/com_lib/font/NotoSansKR-Thin.otf') format('opentype'),
		url('/com_lib/font/NotoSansKR-Thin.woff') format('woff'),
		url('/com_lib/font/NotoSansKR-Thin.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-DL";
	src:local('※'),
		url('/com_lib/font/NotoSansKR-DemiLight.otf') format('opentype'),
		url('/com_lib/font/NotoSansKR-DemiLight.woff') format('woff'),
		url('/com_lib/font/NotoSansKR-DemiLight.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-R";
	src:local('※'),
		url('/com_lib/font/NotoSansKR-Regular.otf') format('opentype'),
		url('/com_lib/font/NotoSansKR-Regular.woff') format('woff'),
		url('/com_lib/font/NotoSansKR-Regular.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-M";
	src:local('※'),
		url('/com_lib/font/NotoSansKR-Medium.otf') format('opentype'),
		url('/com_lib/font/NotoSansKR-Medium.woff') format('woff'),
		url('/com_lib/font/NotoSansKR-Medium.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-B";
	src:local('※'),
		url('/com_lib/font/NotoSansKR-Bold.otf') format('opentype'),
		url('/com_lib/font/NotoSansKR-Bold.woff') format('woff'),
		url('/com_lib/font/NotoSansKR-Bold.woff2') format('woff2');
}

/* Chrome, Safari용 스크롤 바 */

/*::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('/images/bg.png') #efefef}*/
/*::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}*/
/*::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}*/



.main_sec01 {text-align: center; position: relative; clear: both; width: 100%;}
.main_sec01:after{content: ''; clear: both;}
.main_sec01 .inner {margin: 0 auto;padding: 3%; position: relative; width: 100%; display: inline-block;background:#f7f7f7;}
.main_sec01 .inner .tit {margin: 3% 0; font-size: 14px; line-height: 20px; letter-spacing: -1px; text-align: center;}
.main_sec01 .inner .tit span {font-weight: 800}
.main_sec01 .inner .tit2 {margin: 3% 0; font-size: 20px; line-height: 30px; letter-spacing: -1px; text-align: center;font-weight:300;}
.main_sec01 .inner .tit2 span {font-weight: 800}
.main_sec01 .info {display: block; margin:0 auto; width: 100%;}
.main_sec01 .info .box1 {display: inline-block; margin-bottom: 10px; width: 100%;text-align:center;}
.main_sec01 .info .box1 img {width: 100%;border-radius:20px;}

.main_sec02 {text-align: center; position: relative; clear: both; width: 100%;}
.main_sec02:after{content: ''; clear: both;}
.main_sec02 .inner {margin: 0 auto;padding: 3%; position: relative; width: 100%; display: inline-block;background:#fff;}
.main_sec02 .inner .tit {margin: 3% 0; font-size: 14px; line-height: 20px; letter-spacing: -1px; text-align: center;}
.main_sec02 .inner .tit span {font-weight: 800}
.main_sec02 .inner .tit2 {margin: 3% 0; font-size: 20px; line-height: 30px; letter-spacing: -1px; text-align: center;font-weight:300;}
.main_sec02 .inner .tit2 span {font-weight: 800}
.main_sec02 .info {display: block; margin:0 auto; width: 100%;}
.main_sec02 .info .box1 {display: inline-block; margin-bottom: 10px; width: 100%;text-align:center;}
.main_sec02 .info .box1 img {width: 100%;border-radius:20px;}

.main_sec03 {text-align: center; position: relative; clear: both; width: 100%;}
.main_sec03:after{content: ''; clear: both;}
.main_sec03 .inner {margin: 0 auto;padding: 3%; position: relative; width: 100%; display: inline-block;background:#f7f7f7;}
.main_sec03 .inner .tit {margin: 3% 0; font-size: 14px; line-height: 20px; letter-spacing: -1px; text-align: center;}
.main_sec03 .inner .tit span {font-weight: 800}
.main_sec03 .inner .tit2 {margin: 3% 0; font-size: 20px; line-height: 30px; letter-spacing: -1px; text-align: center;font-weight:300;}
.main_sec03 .inner .tit2 span {font-weight: 800}
.main_sec03 .info {display: block; margin:0 auto; width: 100%;}
.main_sec03 .info .box1 {display: inline-block; margin-bottom: 10px; width: 100%;text-align:center;}
.main_sec03 .info .box1 img {width: 100%;border-radius:20px;}

.main_sec04 {text-align: center; position: relative; clear: both; width: 100%;color:#ffffff;}
.main_sec04:after{content: ''; clear: both;}
.main_sec04 .inner {margin: 0 auto;padding: 3%; position: relative; width: 100%; display: inline-block;}
.main_sec04 .inner .tit {margin: 3% 0; font-size: 14px; line-height: 20px; letter-spacing: -1px; text-align: center;}
.main_sec04 .inner .tit span {font-weight: 800}
.main_sec04 .inner .tit3 {margin: 3% 0;font-size: 23px;line-height: 30px;letter-spacing: -1px;text-align: center;font-weight:300;width: 100%;}
.main_sec04 .inner .tit3 span {font-weight: 800}
.main_sec04 .info {display: block;margin:0 auto;width: 100%;text-align: center;float: left;overflow: hidden;}
.main_sec04 .info .box1 {display: inline-block;width: 20%;text-align:center;padding: 5%;font-size: 16px;vertical-align: middle;}
.main_sec04 .info .box1 img {width: 100%;}