@charset "utf-8";

/********************************************************
¡á Basic : ±âº»
********************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@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');}

body { font-family: SCoreDream; line-height: 22px; font-size: 14px; color: rgb(51, 51, 51); background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; }
body.is-pc .ko { font-size:14px; }
a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { color: crimson; text-decoration: none; }
fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
blockquote { font-size: 12px; margin:0px 0px 20px; }
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { font-family: SCoreDream, sans-serif }
.ko, .ko small { font-family: SCoreDream, sans-serif; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }

/********************************************************
¡á Layout : ·¹À̾ƿô
********************************************************/
.wrapper { margin:0 auto; background:#fff;  }

.at-container {
	position: relative;
	margin:0px auto;
	padding:0px;
	width: 100%;
	max-width: 1300px;

	display: flex;
	align-items: center;
}
.at-container .pull-left {
	display: flex;
	justify-content: space-between;
}
.at-container .pull-left div {
}
.at-container .pull-right {
	display: flex;
	justify-content: flex-end;
}
.at-container .pull-right div {
/* 	margin-left: 15px; */
}

.at-main {
	display: flex;
	flex-direction: column;
}

.at-side {
	display: flex;
	flex-direction: column;
}

.is-pc .at-body { min-height:600px; }
.boxed.wrapper .at-body .at-container { padding:0px 20px; }
.at-content { position:relative; padding:20px 0px; width: 100%; }
.at-row { margin-left: 0 !important; margin-right: 0 !important; width: 100%;}
.at-col { position:relative; padding-top:20px; padding-bottom:20px; }
.nav-fixed .at-menu { width:100%; z-index:10; left:0px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; }

@media all and (max-width:991px) {
	.responsive .at-body .at-container { padding:0px 10px !important; }
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }
}

/********************************************************
¡á LNB : ÃÖ»ó´ÜÀÇ Áñ°Üã±â, RSS, ·Î±×ÀÎ, ȸ¿ø°¡ÀÔ ¿µ¿ª
********************************************************/
.at-lnb {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.at-lnb .at-container { justify-content: space-between; }
.at-lnb .at-container .pull-right { display: flex; justify-content: flex-end; gap: 10px;  }

.en .at-lnb { font-size:12px; }
.at-lnb ul { list-style: none; margin: 0px; padding:10px 0px 5px; }
.at-lnb ul > li { float: left; padding: 0px 15px; }
.at-lnb ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-lnb ul > li:last-child::after { content: ""; margin-right:0px; }
.at-lnb ul > li > a { color: #21A5A4; float:left; }

@media all and (max-width:991px) {
	.responsive .at-lnb { display:none; visibility:visible; }
}

/********************************************************
¡á PC Header : PC Çì´õ 
********************************************************/
.pc-header {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 130px;
}
.pc-header .at-container {
	width: 100%;
	max-width: 1300px;

	display: flex;
	align-items: center;
}

.pc-header .header-cleafix {
	display: inline-block;
	width: 33.34%;
}

.pc-header .header-logo {
	display:flex;
	align-items: center;
	width: 280px;
	margin-right: 50px;
}
.pc-header .header-logo a { font-size:44px; line-height:44px; font-family:'Georgia', sans-serif; font-weight:bold; color: #21A5A4; }
.pc-header .header-logo a:hover { color: #21A5A4; }
.pc-header .header-logo img { display:block; max-width:100%; max-height:90px; margin-left: 15px; }

.pc-header .header-search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 300px;
}

.pc-header .header-search form {
	padding: 0px;
	margin-top: 10px;
	border: 2px solid #21A5A4;
	background: #21A5A4;
	max-width: 300px;
	width: 100%;
}

.pc-header .header-search input {
	background: #fff;
	border: 0;
	height: 40px;
}

.pc-header .header-search .btn {
	color: #fff !important;
	background: #21A5A4 !important;
}

.pc-header .header-keyword {
	position: relative;
}
.en .pc-header .header-keyword { font-size:12px; }
@media all and (max-width:991px) {
	.responsive .pc-header { display:none; }
}

.searchForm .input-group { height: 32px; border-radius: 5px; background-color: white; padding-left: 3px; border: 1px solid #21A5A4; }
.searchForm .input-group input { border: 0; width: 170px; display: flex; align-items: center; }
.searchForm .input-group input::placeholder { color: #21A5A4; }
.searchForm .input-group button { background-color: transparent; color: #21A5A4; }
.sidebarLabel { display: flex; align-items: center; }

/********************************************************
¡á Mobile Header : ¸ð¹ÙÀÏ Çì´õ 
********************************************************/
.m-header { display:none; }
.m-header a { color: #21A5A4; }
.m-header .at-container { padding:0px; }
.m-header .header-wrap { display:table; width:100%; table-layout:fixed; margin:0px; min-width:300px; border-collapse: collapse; }
.m-header .header-icon, 
.m-header .header-logo { display:table-cell; vertical-align:middle; font-size:18px; height:70px; text-align:center; }
.m-header .header-icon { width:44px; }
.m-header .header-icon a { display:block; }

@media all and (max-width:991px) {
	.responsive .m-header { display:block; }
}

/********************************************************
¡á PC Menu : PC ¸Þ´º¹Ù ¹è°æ¼³Á¤
********************************************************/
.pc-menu { width: 100%; display: flex; justify-content: space-between; }
.pc-menu .at-container { position:relative; }
.pc-menu .nav-visible { width: 100%; }
.pc-menu .sub-slide,
.pc-menu .sub-shows { display:none; visibility:visible; }
.pc-menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.pc-menu .menu-a { font-size: 17px; }

.pc-menu .nav-home .menu-a { font-size: 17px;}
.pc-menu .nav-right { font-size:15px; } 
@media all and (max-width:991px) {
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none; }
}

/********************************************************
¡á PC Menu Top : PC »ó´Ü ÁÂÃø/¹èºÐ ½ºÅ¸ÀÏ ¸Þ´º
********************************************************/

/* ¹èºÐ ½ºÅ¸ÀÏ */
.pc-menu .nav-top.nav-both .menu-ul { width:100%; margin:0px; display: flex; justify-content: space-between; align-items: center; list-style: none; }
.pc-menu .nav-top.nav-both .menu-li { width: 12.5%; }
.pc-menu .nav-top.nav-both .menu-a { padding:0px; text-align:center; }
.pc-menu .nav-top.nav-both .sub-1div::before { left: 50%; margin-left:-8px; }
.pc-menu .nav-top.nav-both .sub-1div { position:relative; }

/* ÁÂÃø ½ºÅ¸ÀÏ */
.pc-menu .nav-top.nav-float .menu-ul {}
.pc-menu .nav-top.nav-float .menu-li { float:left; }
.pc-menu .nav-top.nav-float .sub-1div { position:absolute; }

/* °øÅë ½ºÅ¸ÀÏ */
.pc-menu .nav-top { width: 100%; }
.pc-menu .nav-top .menu-a { position: relative; width: 100%; height: 44px; display:flex; justify-content: center; align-items: center; font-weight:500; }
.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a { color: #21A5A4; }

.pc-menu .nav-top .menu-li.nav-home { width:60px !important; text-align:center; }
.pc-menu .nav-top .menu-li.nav-home .menu-a { padding:0px; }
.pc-menu .nav-top .new { color: rgb(140, 195, 70);}

.pc-menu .nav-top .sub-1div::before { top: -8px; border-width: 0 8px 8px; border-color: #21A5A4 transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid; }
.pc-menu .nav-top .sub-1div { background:#fff; border-top:3px solid #21A5A4; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-top .sub-1dul { position:absolute; left: 0; z-index: 3; list-style: none; width: 123px; padding: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-top .sub-1dli { background-color: white; width: 123px;  }
.pc-menu .nav-top .sub-1da { display:block; color: #21A5A4; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; background: #21A5A4; border-color:#21A5A4; }
.pc-menu .nav-top .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-1line { position:relative; display:block; color: #21A5A4; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-top .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.pc-menu .nav-top .sub-2dul { }
.pc-menu .nav-top .sub-2dli { }
.pc-menu .nav-top .sub-2da { display:block; color: #21A5A4; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-top .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-2line { display:block; color: #21A5A4; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.eventColumn { width: 100%; display: flex; justify-content: space-between; background: #21A5A4; border:0px;
	box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);

}


/********************************************************
¡á PC Right Icon Menu : PC ¿ìÃø ¾ÆÀÌÄÜ ¸Þ´º
********************************************************/
.pc-menu .nav-right { background:#21A5A4; position:absolute; top:0px; right:0px; z-index:11; }
.pc-menu .nav-right > ul { float:right; list-style:none; padding:0px; margin:0px; }
.pc-menu .nav-right > ul > li { float:left; position:relative; width:42px; }
.pc-menu .nav-right > ul > li > a { color:#fff; display:block; text-align:center; }
.pc-menu .nav-right > ul > li > a:hover { background: #21A5A4; }
.pc-menu .nav-right .label { position: absolute; top: 15%; right: 7px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important; }
.pc-menu .nav-rw { width:170px; }

/********************************************************
¡á PC All Menu : Àüü ¸Þ´º
********************************************************/
.pc-menu-all { position:relative; background:#fafafa; z-index:2; -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); }
.pc-menu-all .at-container { padding:20px 15px 0px; }
.pc-menu-all .table { margin-bottom:20px !important;}
.pc-menu-all .table td { width:1%; background:#fff; border:1px solid #ddd; padding:0px; line-height:20px; }
.pc-menu-all .menu-a { display:block; color: #21A5A4; padding:6px 12px; background:#f5f5f5; border-bottom:1px solid #ddd; font-weight:bold; text-align:center; }
.pc-menu-all .table td.on .menu-a { color:crimson; }
.pc-menu-all .sub-1div { padding:8px 0px; }
.pc-menu-all .sub-1dul { list-style:none; padding:0px; margin:0px; }
.pc-menu-all .sub-1dli .sub-1da { display:block; padding:2px 12px; color:#21A5A4; }
.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da { color:crimson; }
.pc-menu-all .new { color: rgb(140, 195, 70);}
.pc-menu-all .new-sub1 { color: rgb(140, 195, 70);}
.pc-menu-all .sub-1line { display:block; color: #21A5A4; padding:5px 12px; margin:4px 0px; font-weight:bold; background:#fafafa; }
.pc-menu-all .menu-all-btn { text-align:center; }

/********************************************************
¡á Mobile Menu : ¸ð¹ÙÀÏ ¸Þ´º
********************************************************/
.m-menu { display:none; overflow:hidden; background:#fff; position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.m-menu .m-wrap { }
.m-menu .m-table { display:table; width:100%; table-layout:fixed; width:100%; margin:0px; min-width:300px; border-collapse: collapse; }
.m-menu .m-icon, 
.m-menu .m-list { display:table-cell; vertical-align:middle; font-size:15px; height:44px; line-height:44px; border:1px solid #eee; border-bottom:0px; }
.m-menu .m-icon { width:44px; text-align:center; font-size:18px; }
.m-menu .m-icon a { display:block; position:relative; }
.m-menu .m-icon .label { position: absolute; top: 15%; right: 5px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important;  }
.m-menu .m-nav { overflow: hidden; margin:0px 10px; }
.m-menu .m-nav ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav ul li.active a { color: orangered; font-weight:bold; }

.m-menu .m-sub { background:#fafafa; border-top:1px solid #ddd; font-size:15px; height:44px; line-height:44px; padding:0px 10px; }
.m-menu .m-nav-sub { width:100%; overflow: hidden; margin:0px; }
.m-menu .m-nav-sub ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav-sub ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav-sub ul li.active a { color: orangered; font-weight:bold; }
@media all and (max-width:991px) {
	.responsive .m-menu { display:block; }
}

@media all and (max-width: 767px) {
	.profileHide {
		display: none;
	}
}

/********************************************************
¡á Page Title : ÆäÀÌÁö ŸÀÌƲ ¹× ¼³¸í±Û
********************************************************/
.at-title { height:80px; position:relative; color: #21A5A4; background-color: #fafafa; border-bottom:1px solid #dfdfdf; }
.at-title .at-container { height:100%; position:relative; }
.at-title .page-title { font-size:24px; position:absolute; left:20px; bottom:15px; z-index:1; }
.at-title .page-desc { color:#888; position:absolute; right:20px; bottom:10px; z-index:1; }

@media all and (max-width:767px) {
	.responsive .at-title { height:50px; }
	.responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
}

/********************************************************
¡á Footer : ÇÏ´Ü ÇªÅÍ
********************************************************/
.en .at-footer .at-links { font-size:12px; }
.at-footer .at-links { background:#fafafa; padding:8px 0px; border:1px solid #ddd; border-left:0px; border-right:0px;  }
.at-footer .at-links ul { list-style: none; margin: 0px; padding:0px; }
.at-footer .at-links ul > li { float: left; padding: 0px 15px; }
.at-footer .at-links ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-footer .at-links ul > li:last-child::after { content: ""; }
.at-footer .at-links ul > li > a { color: #888; }
@media all and (max-width:991px) {
	.responsive .at-footer .at-links ul.pull-left { display:none; }
	.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
	.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
}

/* YC5 */
.en .at-footer .at-infos { font-size:12px; }
.at-footer .at-infos .media { padding:15px 20px 20px; }
.at-footer .at-infos .pull-left { font-size:70px; color:#ddd; }
.at-footer .at-infos .copyright { float:left; margin-left:10px; }
.at-footer .at-infos .copyright span { color:#888; }
.at-footer .at-about { list-style: none; margin:0px; padding:0px; }
.at-footer .at-about > li { float: left; padding: 0px 15px; color:#888; }
.at-footer .at-about > li > a { color: #888; }
.at-footer .at-help { list-style: none; margin: 0px; padding:0px; margin-bottom:5px; }
.at-footer .at-help:after {display:block;visibility:hidden;clear:both;content:""}
.at-footer .at-help > li { float: left; padding: 0px 15px; }
.at-footer .at-help > li::after { float: right; font-size:12px; color:#ddd; content: "|"; margin-right:-17px;}
.at-footer .at-help > li:last-child::after { content: ""; }
.at-footer .at-help > li > a { float: left; }
@media all and (max-width:767px) {
	.responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
	.responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
}

/* G5 */
.at-footer .at-copyright { text-align:center; padding:15px 0px; color:#888; }
.at-footer .at-copyright strong { color:#21A5A4; }

/********************************************************
¡á Go Top & Bottom : »ó´Ü/ÇÏ´Ü À̵¿¹öÆ°
********************************************************/
.at-go .go-btn { display:none; position: fixed; width:40px; bottom: 20px; right: 25px; z-index: 2; }
.at-go .go-btn span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .go-btn .go-bottom { display:none; }
@media (max-width: 768px) {
	.at-go .go-btn { bottom:0px; right:5px; }
}

/********************************************************
¡á Bootstrap3 : ºÎÆ®½ºÆ®·¦ ±âº»¼Ó¼º
********************************************************/
/* Button */
.btn { font-family: "Roboto", sans-serif; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family:dotum, sans-serif; }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: "Roboto", sans-serif; }
.pagination li a { border-radius:0 !important; color:#21A5A4 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: "Roboto", sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: "Roboto", sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }


/* ColorSet */
.text-white { color: white; }

/* Ãâ¼®ºÎ¿ë */
.flexColumn {
	flex-direction: column;
	align-items: center;
}

/* À妽º »ó´Ü ½½¶óÀ̵å */
.topSlide {
	margin-bottom: 20px;
}

.side-title-bar { 
	padding: 10px 20px;
	margin:0;
    border-bottom: 1px solid #cccccc;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #21A5A4;
    color: white;
}
.side-title-bar a { color: white; }
.side-title-bar span {
    display: inline-block;
	margin-bottom:-1px;
}
.side-title-bar span.title { font-weight: 500; }


.wrapContainer {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
}

.floatContainer {
	position: absolute;
	left: -160px;
	top: 0;
	width: 150px;
	height: auto;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.floatContainer img { width: 150px; height: auto; border-radius: 5px; }
.floatContainer .ad_bn { display: flex; flex-direction: column; gap: 10px; }

@media(max-width: 750px) {
	.floatContainer { display: none; }
}

.mainContainer {
}

@media all and (max-width:767px) {
	.mainContainer { width: 100%; }
	.main-linkBox { flex-wrap: wrap; }
	.main-linkBox .linkBox { width: calc((100% - 16px)/2) !important; height: auto !important; padding: 10px 20px !important; }
	.main-linkBox .linkBox .linkBox-row .title { font-size: 15px !important; }
	.main-linkBox .linkBox .linkBox-row .description { display: none !important;  }
	.main-linkBox .linkBox .linkBox-row.icon img { width: 32px !important; }
	.main-certificate-slider .slider-title div { font-size: 22px; }
}
.main-titleBox {
	width: 100%;
	border-radius: 16px;
}
.main-titleBox img { width: 100%; border-radius: 16px; }
.main-banner {
	width: 100%;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-linkBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.main-linkBox .linkBox {
	width: calc(100%/4 - 12px);
	height: 120px;
	border-radius: 16px;
	box-shadow: 2px 4px 8px rgb(180 189 223/34%);
	display: flex;
	justify-content: space-between;
	gap: 5px;
	align-items: center;
	padding: 20px;
}
.main-linkBox .linkBox .linkBox-row { display: flex; flex-direction: column; }
.main-linkBox .linkBox .linkBox-row .title { font-size: 17px; font-weight: 600; margin-bottom: 5px; }
.main-linkBox .linkBox .linkBox-row .description { font-size: 12px; line-height:13px; }
.main-linkBox .linkBox .linkBox-row.icon { justify-content:center; align-items: center; }
.main-linkBox .linkBox .linkBox-row.icon img { width: 70px; }

.main-linkBox .linkBox:hover .linkbox-row.icon img { animation: linkIcon 1.3s infinite ease-in-out; }

@keyframes linkIcon {
	0%, 100%: {
		transform: translate(0, 0px);
	},
	25%: {
		transform: translate(0, 15px);
	},
	75%: {
		transform: translate(0, -15px);
	}
}

.main-certificate-slider {
	display: flex;
	flex-direction: column;
	padding: 20px;
	padding-top: 30px;
	border-radius: 16px;
	background-color: #eee;
}
.main-certificate-slider .slider-title {
	width: 100%; font-family: JalnanGothic; font-size: 26px; font-weight: 900; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 30px;
	animation: slider_text_01 1.3s infinite ease-in-out;
}
.main-certificate-slider .slider-title img { height: 40px; }
.main-certificate-slider .slider-description { 
	margin-top: 30px; width: 100%; display: flex; justify-content:center; font-family: JalnanGothic; font-weight: 800; font-size: 14px; text-align: center;
	animation: slider_text_01 1.3s infinite ease-in-out;
}

@keyframes slider_text_01 {
	0%, 100% {
		color: #f5561b;
	}
	40%, 60% {
		color: #21A5A4;
	}
}

.main-mtSite { border-radius: 16px; background-color: #000000; }
.main-mtSite .main-mtSite-banner {
	width: 100%; background: url("/assets/images/main_mt_banner.png"); background-position: right center;
	height: 150px; display: flex; flex-direction: column; justify-content: center; padding-left: 50px; font-family: JalnanGothic; color: white; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom: 1px solid #FFFFFF;
}
.main-mtSite-banner .title { font-size: 30px; margin-top: 10px; margin-bottom: 20px; }
.main-mtSite .main-mtSite-slide { display: flex; flex-direction: column; align-items:center; padding: 20px; gap: 10px; }


@media(max-width: 750px) {
	.main-mtSite-banner { height: auto !important; padding: 20px !important; text-shadow: 4px 2px 2px gray; }
}

.main-side-adBanner { width: 100%; display: flex; flex-direction: column; gap: 5px; margin-bottom: 20px; }
.main-side-adBanner .ad_bn { display: flex; flex-direction: column; gap: 5px; }

.main-boardPanel { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 20px; }
.main-boardPanel .main-boardPanel-panel { width: calc(100%/2 - 10px); display: flex; flex-direction: column; }
.main-boardPanel .main-boardPanel-panel-title {
	width: 100%; height: 36px; display: flex; justify-content: center; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; color: white; 
	position: relative;
}
.main-boardPanel .main-boardPanel-panel-title .more { position: absolute; right: 10px; top: 8px; font-size: 11px; }
.main-boardPanel .main-boardPanel-panel-title .more a { color: white; }
.main-boardPanel .main-boardPanel-panel-title.sports { background-color: #3c9ad6; }
.main-boardPanel .main-boardPanel-panel-title.free { background-color: #41cfc1; }
.main-boardPanel .main-boardPanel-panel-title.mtreport { background-color: #ec2965; }
.main-boardPanel .main-boardPanel-panel-title.humor { background-color: #9442c5; }
.main-boardPanel .main-boardPanel-panel-latest { padding: 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #aaaaaa; }

@media(max-width: 750px) {
	.main-boardPanel .main-boardPanel-panel { width: 100%; }
}

.main-description-firstbox {
	border: 1px solid #21A5A4;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 30px;
	border-radius: 16px;
	gap: 15px;
	margin-bottom: 20px;
	background: url("/assets/images/main_description_01.png");
	background-size: cover;
	background-position: right top;
	color: white;
	text-shadow: 4px 2px 2px gray;
}
.main-description-firstbox .main-description-h1box { padding: 10px 0; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; animation: heartBeat 1.3s infinite ease-in-out; }
@keyframes heartBeat {
    0%,28%,70% {transform: scale(1)}
    14%,42% {transform: scale(1.02)}
}
.main-description-firstbox h1 { font-family: JalnanGothic, sans-serif; font-size: 30px; margin: 0; padding: 0; }
.main-description-firstbox h6 { font-family: JalnanGothic, sans-serif; font-size: 20px; margin: 0; padding: 0; }

@media(max-width: 750px) {
	.main-description-firstbox .mobile { background-color: rgba(0, 0, 0, 40%); border-radius: 16px; padding: 10px; }
}

.main-description-box {
	border: 1px solid #21A5A4;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 16px;
	margin-bottom: 20px;
}
.main-description-box .main-description-titlebox {
	width: 100%; padding: 50px 30px; color: white; font-family: JalnanGothic, sans-serif; border-bottom: 1px solid #21A5A4;
	display: flex; flex-direction: column; justify-content: center; border-top-left-radius: 16px; border-top-right-radius: 16px;
	line-height: 24px; 
}
.main-description-box .main-description-titlebox .main-description-title { font-size: 30px; margin: 10px 0 20px; line-height: 33px;	text-shadow: 4px 2px 2px gray; }
.main-description-box .main-description-titlebox .main-description-description { font-size: 14px;	text-shadow: 4px 2px 2px gray; }
.main-description-box .main-description-descriptionbox { width: 100%; padding: 30px; }
.main-description-box .main-description-descriptionbox h3 { font-family: JalnanGothic, sans-serif; margin: 0; font-size: 20px; }
.main-description-box .main-description-descriptionbox h6 { display: flex; align-items: center; margin: 0; font-weight: 600; font-size: 16px; }

.main-description-box.secondbox .main-description-titlebox { background: url("/assets/images/main_description_02.png"); background-position: right center; background-size: cover; }
.main-description-box.thirdbox .main-description-titlebox { background: url("/assets/images/main_description_03.png"); background-position: right center; background-size: cover; }
.main-description-box.fourthbox .main-description-titlebox { background: url("/assets/images/main_description_04.png"); background-position: right center; background-size: cover; }

.colorGradiation {
	color: transparent;
    background: linear-gradient(to right top, #861657, #ffa69e);
    -webkit-background-clip: text;
}

.main-know-box { 
	border: 1px solid #21A5A4;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 16px;
	margin-bottom: 20px;
}
.main-know-box .main-description-titlebox { width: 100%; padding: 50px 30px; color: white; font-family: JalnanGothic, sans-serif; border-bottom: 1px solid #21A5A4; display: flex; flex-direction: column; justify-content: center; border-top-left-radius: 16px; border-top-right-radius: 16px; }
.main-know-box.firstbox .main-know-title { width: 100%; height: 300px;  border-top-left-radius: 16px; border-top-right-radius: 16px; background: url("/assets/images/main_know_01.png"); background-position: center bottom; }
.main-know-box.firstbox .main-know-description { padding: 30px; }
.main-know-box.firstbox .main-know-description .main-know-description-1 { text-align: center; font-family: JalnanGothic, sans-serif !important; padding-bottom: 30px; }
.main-know-box.firstbox .main-know-description .main-know-description-1 h3 { font-family: JalnanGothic; margin-bottom: 20px; }
.main-know-box.firstbox .main-know-description h2 { font-family: JalnanGothic; font-size: 24px; }
.main-know-box.firstbox .main-know-description h6 { font-size: 16px; margin: 0; }

.board-footer-certificate { margin-top: 50px; }