@charset "utf-8";

/* reset css 써주세요~*/
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/* font-family: 'Noto Sans KR',sans-serif, NanumGothic, Arial, Helvetica, "굴림체"; font-size: 15px; */
	font-family: inherit; font-size:100%; 
	/* color: #6d6e72; */color: inherit; letter-spacing:-0.05em; margin:0; padding:0;
}

html, body {font-family: 'SpoqaHanSansNeo', sans-serif, NanumGothic, Arial, Helvetica, "굴림체"; font-size:15px;}
/* body {overflow-x: hidden;} */

ol, ul, li { list-style: none;}
img { border: 0; }
a { text-decoration: none; /* color:#fff; */color: inherit; cursor: pointer;}
a:-webkit-any-link { /* color:#fff; */color: inherit; outline:none; }
a.boxlink{display:block; position:absolute; width:100%; height:100%; top:0; left:0;}
caption{display:none;}
button, [type=button] {-webkit-appearance: none; border: 0; background: none; font-family: 'SpoqaHanSansNeo', sans-serif, NanumGothic, Arial, Helvetica, "굴림체"; cursor: pointer;}
input {border: 0; font-family: 'spoqaHanSansNeo', sans-serif, NanumGothic, Arial, Helvetica, "굴림체";}

/* placeholder */
::-webkit-input-placeholder { font-family: 'SpoqaHanSansNeo', sans-serif; font-size: inherit; color: #999;} 
::-moz-placeholder { font-family: 'SpoqaHanSansNeo', sans-serif; font-size: inherit; color: #999;} 
:-ms-input-placeholder { font-family: 'SpoqaHanSansNeo', sans-serif; font-size: inherit; color: #999;} 

::-ms-scrollbar-track { cursor:pointer; background: #dddddd; }
::-ms-scrollbar-thumb { background:#808080; }


:root {
	--page-width: 1280px;
	--point-red: #ea2127;
	
	--color-font-gray: #bebebf;
	--color-red: #ea2127;
	--color-lightgray: #acacad;
	--color-gray: #6f717b;
	--color-darkgray: #26272b;
	--color-black: #131415;
}

/* float을 해제할 부모요소에 .cf */
.cf::after, .clearfix::after {content: ''; display:table; clear:both;}

.mo_only {display: none;}
.sr_only {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);} /* 스크린리더에만 읽히고, 화면에서는 제외 */
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.padding_N {padding: 0 !important;}
.text_left {text-align: left;}
.img_wrap {overflow: hidden;}
.img_wrap img {width: 100%;}

.btn_r_red, a.btn_r_red {display: inline-block; height: 66px; /* margin: 0 auto; */ padding: 0 40px; border-radius: 33px; border: 0; background: var(--color-red); color: #fff; font-weight: 400; font-size: 18px; line-height: 66px;}
.btn_arrow_right {}
.btn_arrow_right::after {content: url(/resources/images/common/btn_arrow_right.svg); margin-left: 5px; /* vertical-align: sub; */vertical-align: -3px;}

.btn_ani_wrap {box-sizing: border-box; position: relative; width: fit-content; margin: 60px auto 15px;}
.btn_ani_wrap * {box-sizing: inherit;}
.section_content_l .btn_ani_wrap {margin-left: 0; margin-right: 0;}
.btn_ani_wrap button, .btn_ani_wrap a {position: relative; z-index: 1;}
.btn_ani_wrap .btn_ani {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; transition: opacity .3s ease;}
.btn_ani_wrap:hover .btn_ani {opacity: 1;}
.btn_ani_wrap .btn_ani div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid var(--color-red); border-radius: 50px;}
.btn_ani_wrap .btn_ani :nth-child(1) {animation: 1.8s ani_line .45s infinite ease;}
.btn_ani_wrap .btn_ani :nth-child(2) {animation: 1.8s ani_line .9s infinite ease;}
.btn_ani_wrap .btn_ani :nth-child(3) {animation: 1.8s ani_line 1.35s infinite ease;}
.btn_ani_wrap .btn_ani :nth-child(4) {animation: 1.8s ani_line 1.8s infinite ease;}
@keyframes ani_line {
	from {
    	opacity: 0;
    	transform: scaleX(1) scaleY(1);
  	}
  	10% {
    	opacity: .9;
  	}
  	to {
	    opacity: 0;
	    transform: scaleX(1.1) scaleY(1.4);
  	}
}

/********** 우측 퀵메뉴 + 페이지 하단 패밀리사이트 **********/
#main_sns {box-sizing: border-box; position:relative; width:100%; height:78px;}
#main_sns *, #main_sns *::before, #main_sns *::after {box-sizing: inherit;}
/********** 우측 퀵메뉴 **********/
#topNav {z-index: 1000; position: fixed; top: 190px; right: 23px; width: 88px; height: auto; color: #fff; text-align: center;}
#topNav .right_quick {}
.right_quick .quick_box {border-radius: 10px 0 10px 0; border: 1px solid #e32127; background: #1a0f0f;}
.right_quick a {display: block; padding: 15px 0 14px; font-size: 13px;}
.right_quick a:not(.quick_num) {font-weight: 400;}
.right_quick a:not(.quick_num, .quick_talk)::after {content: ''; display: inline-block; width: 64px; height: 1px; margin: 14px 0 -14px 0; opacity: .5;background: var(--color-gray);}
.right_quick a p {padding-top: 7px; line-height: 1.1;}
.right_quick .quick_num {padding: 11px 0 12px; border-radius: 0 10px 0 10px; background: var(--color-red);}
.right_quick .quick_num .tel {font-weight: 700; font-size: 20px; line-height: 1.1;}
.right_quick .quick_num p {padding-top: 5px; font-weight: 500;}

.main_sns { width:100%;}
/* .main_sns .sns_wrap { width:1280px; height:78px; margin:0 auto; margin-top:137px;} */
.main_sns .sns_wrap {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 12px; width: var(--page-width); height: 78px; margin: 0 auto; margin-top: 50px;}
.main_sns .sns_wrap .snsbox {/* float:left; width:309px; height:78px; */ height: 100%; border:1px solid #d7d7d7; text-align:center;}
.main_sns .sns_wrap .snsbox img {height:42px; margin-top:18px;}
.main_sns .sns_wrap .logo_sc img {height:44px; margin-top:17px;}

/* .main_sns .sns_wrap .sns {margin-right:12px;} */
.main_sns .sns_wrap .sns_inquiry {cursor:pointer;}
.main_sns .sns_wrap .snsbox .tel_text {position:absolute; top:7px; left:386px; }
.main_sns .sns_wrap .snsbox .tel_text p {font-size:36px; font-family: 'Exo2.0-Bold'; color:#333; letter-spacing:-2.5px;}
.main_sns .sns_wrap .snsbox .tel_top {/* width:309px; height:78px; border:1px solid #d7d7d7; text-align:center; */ padding-top:7px; box-sizing:border-box;}
.main_sns .sns_wrap .snsbox .tel_top p {font-weight: 700; font-size:34px; line-height: 1.2; color:#333;}
.main_sns .sns_wrap .snsbox .tel_top span {font-size:13px; color:#666; font-weight:500;}






/* 기본정렬 */
.contents_wrap .substory_wrap .storyView .content > p { margin-bottom: 10px;}
.contents_wrap .substory_wrap .storyView .content img { margin-bottom: 20px;}
#subPage{position:absolute; left:100%; top:0px; width:100%; height:100%; display:none; z-index:900;}
#main_header{}
#main_location {width:100%; min-height: 500px; margin: 0 auto; text-align: center;}
#footer {width:100%; min-width: var(--page-width); min-height: 70px; margin: 0 auto; text-align: center; margin-top:50px;}

/* 메인 교육과정/수료생인터뷰/포트폴리오 전체보기 효과_sub-about아텐츠,국비지원 내 버튼도 포함*/
.actionBtn{overflow:hidden; position:relative; display:block; margin:auto; border:1px solid #333; text-align:center; line-height:44px; color:#333; height:44px; cursor:pointer;}
.actionBtn span {display:block; padding:0px 25px 0 20px;}
.actionBtn .hover:after { 
	position:absolute; 
	top:0; 
	left:50%; 
	opacity:0; 
	display:block; 
	content:""; 
	width:0%; 
	height:44px; 
	background-color:#333; 
	border:1px solid transparent; 
	transform:skewX(-40deg);
	-webkit-transform:skewX(-40deg); 
	-moz-transform:skewX(-40deg); 
	transform-origin:center center; 
	-webkit-transform-origin:center center;
	-ms-transform-origin:center center; 
	-moz-transform-origin:center center; 
	transition:all .35s, 
	opacity .4s; 
	-webkit-transition:all .35s, 
	opacity .4s; 
	-moz-transition:all .35s, 
	opacity .4s;
}
.actionBtn .hover .txt {
	z-index:10; 
	cursor:pointer; 
	position:relative; 
	color:#333; 
	transition:color .35s; 
	-webkit-transition:color .35s; 
	-moz-transition:color .35s; 
	background:url(/resources/images/landing/main/main_plus.png) no-repeat;
	background-position:right 12px top 16px; 
	font-size:15px; 
	letter-spacing:-0.05em; 
}
.actionBtn:hover .hover .txt {
	color:#fff; 
	background:url(/resources/images/landing/main/main_plus_hover.png) no-repeat;
}
.main_section .actionBtn .hover .txt{
	background-position:right 8px top 16.3px;
}
.actionBtn .hover:hover:after {
	opacity:1;
	left:3%; 
	width:95%; 
	transform:skewX(-40deg); 
	-webkit-transform:skewX(-40deg); 
	-moz-transform:skewX(-40deg);
}
.action_view{
	position:absolute;
	right:125px; 
	bottom:0;
}

/* main_section */
.main_section{width:100%; padding-bottom:110px;}
.main_section .sec_wrap{width: 1280px; margin: 0 auto;}
.main_section .sec_wrap .sec_content div img{cursor:pointer;}
.main_section .sec_wrap .sec_content{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.main_section .sec_wrap .sec_content .title{width:100%; margin-top:96px;}
.main_section .sec_wrap .sec_content .first_section{margin-top:76px;}
.main_section .sec_wrap .sec_content .title_main {position:relative; color:#000; /* letter-spacing:-1.2px; font-family: 'RobotoCondensed-Bold'; font-size: 58px; */font-weight: 700; font-size:50px;}
.main_section .sec_wrap .sec_content .title_main_k {color:#000; font-weight: 700; font-size:50px;}
	/* 교육과정 포틀릿 */
	.curriculum_img_wrap {}
	.main_section .sec_wrap .sec_content [class^=title_main] > span {box-sizing:border-box; display:inline-block; width:66px; height:66px; margin-left: 10px; padding-top:16px; border-radius:50%; background:#222; color:#f5f5f5; font-weight:400; font-size:13px; line-height:1.2; text-align:center; letter-spacing:-0.07em; vertical-align: bottom;}
	.main_section .sec_wrap .sec_content [class^=title_main] > span span {color:#fff; font-weight:500; font-size:13px; letter-spacing:-0.07em;}

.main_section .sec_wrap .sec_content .onlinepay{ font-size:50px; font-weight:500; }
.main_section .sec_wrap .sec_content .title_detail{width:100%; overflow:hidden; font-size:15px; line-height:1.3; }
.main_section .sec_wrap .sec_content .title_detail p{width:777px; padding:9px 0 0 0; color:#666; margin-top:2px; }
.main_section .sec_wrap .action_view ul li{float:left;}
.main_section .sec_wrap .action_view p{border:1px solid #000; padding:14px 25.9px;cursor:pointer; margin-right:24px; color:#333; font-size:15px;}
.main_section .sec_wrap .action_view .main_arrow_left{margin-right:8px;}
.main_section .sec_wrap .action_view .main_plus{margin-left:7px; vertical-align:middle;}
.main_section .slick-dots{bottom:-40px;}
.main_section .img_box{width:244px; height:316px; /*padding-right: 13px;*/ margin-right:13px;}
.main_section .img_box:nth-child(5n){/*padding-right: 0px;*/ margin-right:0px;}
.main_section .slick-prev{width:46px; height:46px; border:1px solid #333; position:absolute; top:-23px; right:56px; }
.main_section .slick-next{width:46px; height:46px; border:1px solid #333; position:absolute; top:-23px; right:0;}
.main_section .slick-prev:before{font-size:26px;color:#000;opacity:1; }
.main_section .slick-next:before{font-size:26px;color:#000;opacity:1; }
.main_section .slick-dots li.slick-active{ background:#da6666; }
.main_section .slick-dots li.slick-active button{ background: #da6666;}
.sec_button_portfolio .portfolio_img_wrap .slick-prev, .sec_button_portfolio .portfolio_img_wrap .slick-next{top:-114px;/*top:-103px;*/}
.sec_button_portfolio .portfolio_img_wrap_inner .slick-prev,.sec_button_portfolio .portfolio_img_wrap_inner .slick-next{top:-163px;}
.strip_banner{width:100%; height:128px; margin:0 auto; background-position:center; cursor:pointer;}
.bx-wrapper{
		position:absolute;
		top:19px;
}

/*****패밀리사이트 띠배너 **********/"WebContent/resources/css/khcss.css"

.main_wrap{height:128px;}

.main_direction_section {overflow: hidden; /* z-index: 1; */ width: 100%; height: 128px; color: #fff; text-align: left; position: relative;}
.main_direction_section .section_title {color: #fff; font-size: 30px; position:absolute; left:310px; top: 22px;}
/*.direction_bg {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(/resources/images/main/main_direction_bg.jpg) no-repeat center/cover;}*/
.main_direction .direction_item p {font-size: 19px; margin: -15px 15px; line-height: 1.5; font-weight: lighter; position:absolute; left:595px; top: 49px;}

.main_direction_section .swiper-direction_swiper_pagination {z-index: 0;}
.direction_swiper_pagination{width: 500px !important; position:absolute; left:605px; top: 14px; left: 1136px !important;}
.main_direction_section .swiper-pagination-bullet:nth-child(2) {border-radius: 0 !important; width: 114px; height: 95px; margin-right:18px !important; background: url(/resources/images/main/main_family/banner_atents.svg) no-repeat center/contain; transition: all .3s ease;}
.main_direction_section .swiper-pagination-bullet:nth-child(3) {border-radius: 0 !important; width: 164px; height: 96px; margin-right:18px !important; background: url(/resources/images/main/main_family/banner_video.svg) no-repeat center/contain; transition: all .3s ease;}
.main_direction_section .swiper-pagination-bullet:last-child {border-radius: 0 !important; width: 146px; height: 100px; background: url(/resources/images/main/main_family/logo_white.svg) no-repeat center/contain; transition: all .3s ease;}
.main_direction_section .swiper-pagination-bullet:first-child {width: 0; height: 0; margin:0;}
.main_direction_section .swiper-pagination-bullet-active:first-child ~ .swiper-pagination-bullet {opacity: 1;}


/*취업현황*/
.sec_content .employ_logo{margin-top:33px; display:grid; grid-template-rows:repeat(5, 1fr); grid-template-columns:repeat(5, 1fr); gap:15px;}
.sec_content .employ_logo li{border:1px solid #e8ebf0; display:flex; justify-content:center; align-items:center; height:96px; overflow:hidden;}
.sec_content .employ_logo li img{width:100%; height:auto;}
.sec_content .employ_congrats{width:100%; margin-top:64px; display:flex; justify-content:space-between; gap:100px;}
.sec_content .employ_congrats .congrats{width:50%;}
.sec_content .employ_congrats .congrats div{font-size:16px; border-bottom:1px solid #e8ebf0; padding: 28px 0; display:flex; justify-content:space-between;}
.sec_content .employ_congrats .congrats div:last-child{border-bottom:0;}
.sec_content .employ_congrats .congrats div .congrats-title{color:#222;}
.sec_content .employ_congrats .congrats div p{color:#999;}


/* SpoquHanSansNeo(영문 제외) + Welcome(영문) */
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Thin.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 300;
  src: url('/resources/fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Light.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
}
/* @font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/Welcome-Regular.ttf') format('truetype');
  unicode-range: U+0041-005A, U+0061-007A;
} */
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Medium.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Bold.woff') format('woff');
}
/* @font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/Welcome-Bold.ttf') format('truetype');
  unicode-range: U+0041-005A, U+0061-007A;
} */

/* Welcome체 */
@font-face {
  font-display: swap;
  font-family: 'Welcome';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/Welcome-Regular.ttf') format('truetype');
/*   unicode-range: U+0041-005A, U+0061-007A; */
}
@font-face {
  font-display: swap;
  font-family: 'Welcome';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/Welcome-Bold.ttf') format('truetype');
/*   unicode-range: U+0041-005A, U+0061-007A; */
}

/* RixGo B */
@font-face {
  font-display: swap;
  font-family: 'RixGoB';
  font-style: normal;
  font-weight: normal;
  src: url('/resources/fonts/RixGoB.ttf') format('truetype');
}



@font-face {
    font-family: 'Noto_BK';
    src: url('/resources/css/font/NotoSansCJKkr-Black.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Black.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Black.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Black.otf') format('opentype');
	}
	
	
@font-face {
    font-family: 'Noto_BL';
    src: url('/resources/css/font/NotoSansCJKkr-Bold.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Bold.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Bold.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Bold.otf') format('opentype');
	}
	
	
@font-face {
    font-family: 'Noto_DL';
    src: url('/resources/css/font/NotoSansCJKkr-DemiLight.eot');
	src: url('/resources/css/font/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_LT';
    src: url('/resources/css/font/NotoSansCJKkr-Light.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Light.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Light.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Light.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_MD';
    src: url('/resources/css/font/NotoSansCJKkr-Medium.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Medium.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Medium.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Medium.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_RG';
    src: url('/resources/css/font/NotoSansCJKkr-Regular.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Regular.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Regular.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Regular.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_TH';
    src: url('/resources/css/font/NotoSansCJKkr-Thin.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'),
		url('/resources/css/font/NotoSansCJKkr-Thin.ttf') format('truetype'),
		url('/resources/css/font/NotoSansCJKkr-Thin.woff') format('woff'),
		url('/resources/css/font/NotoSansCJKkr-Thin.otf') format('opentype');
}

@font-face {
	font-family:'Exo2.0-SemiBold';
	src: url('/resources/css/font/Exo20-SemiBold.eot'),
		 url('/resources/css/font/Exo20-SemiBold.ttf') format('truetype'),
		 url('/resources/css/font/Exo20-SemiBold.woff') format('woff'),
		 url('/resources/css/font/Exo20-SemiBold.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	font-family: 'Exo2.0-Black';
	src: url('/resources/css/font/Exo20-Black.eot'), 
		url('/resources/css/font/Exo20-Black.ttf') format('truetype'), 
		url('/resources/css/font/Exo20-Black.woff') format('woff'),
		url('/resources/css/font/Exo20-Black.otf') format('opentype');  
		font-weight: normal;
		font-style: normal;
}		

@font-face {
	font-family:'Exo2.0-Bold';
	src: url('/resources/css/font/Exo20-Bold.eot'),
		 url('/resources/css/font/Exo20-Bold.ttf') format('truetype'),
		 url('/resources/css/font/Exo20-Bold.woff') format('woff'),
		 url('/resources/css/font/Exo20-Bold.otf') format('opentype');  
		 font-weight: normal;
		 font-style: normal;
}

@font-face {
	font-family:'Exo2.0-Medium';
	src: url('/resources/css/font/Exo20-Medium.eot'),
		 url('/resources/css/font/Exo20-Medium.ttf') format('truetype'),
		 url('/resources/css/font/Exo20-Medium.woff') format('woff'),
		 url('/resources/css/font/Exo20-Medium.otf') format('opentype');  
		 font-weight: normal;
		 font-style: normal;
}

@font-face {
	font-family: 'Exo2.0-Regular';
	src: url('/resources/css/font/Exo20-Regular.eot'),
		url('/resources/css/font/Exo20-Regular.ttf') format('truetype'),
		url('/resources/css/font/Exo20-Regular.woff') format('woff'),
		url('/resources/css/font/Exo20-Regular.otf') format('opentype'); 
		font-weight: normal;
		font-style: normal;
}

@font-face {
  font-family: 'Exo2.0-SemiBoldItalic';
  src: url('/resources/css/font/Exo20-SemiBoldItalic.eot'),
	   url('/resources/css/font/Exo20-SemiBoldItalic.ttf') format('truetype'), 
	   url('/resources/css/font/Exo20-SemiBoldItalic.woff') format('woff'),
	   url('/resources/css/font/Exo20-SemiBoldItalic.otf') format('opentype');
	  font-weight: normal;
	  font-style: normal;
}

@font-face {
	font-family: 'RobotoCondensed-Regular';
		src: url('/resources/css/font/RobotoCondensed-Regular.eot'),
		url('/resources/css/font/RobotoCondensed-Regular.ttf') format("truetype"),
		url('/resources/css/font/RobotoCondensed-Regular.woff') format("woff"),
		url('/resources/css/font/RobotoCondensed-Regular.otf') format('opentype');
	  	font-weight: normal;
	  	font-style: normal;

}

@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url('/resources/css/font/RobotoCondensed-Light.eot'),
		url('/resources/css/font/RobotoCondensed-Light.ttf') format('truetype'),
		url('/resources/css/font/RobotoCondensed-Light.woff') format('woff'),
		url('/resources/css/font/RobotoCondensed-Light.otf') format('opentype');
		font-weight: normal;
		font-style: normal;

}

@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: url('/resources/css/font/RobotoCondensed-Bold.eot'),
		url('/resources/css/font/RobotoCondensed-Bold.ttf') format('truetype'), 
		url('/resources/css/font/RobotoCondensed-Bold.woff') format('woff'), 
		url('/resources/css/font/RobotoCondensed-Bold.otf') format('opentype');
		font-weight: normal;
		font-style: normal;

}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/resources/css/font/Roboto-Regular.eot'),
    url('/resources/css/font/Roboto-Regular.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Regular.woff') format('woff'),
    url('/resources/css/font/Roboto-Regular.otf') format('opentype'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('/resources/css/font/Roboto-Medium.eot'),
    url('/resources/css/font/Roboto-Medium.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Medium.otf') format('opentype'),
    url('/resources/css/font/Roboto-Medium.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('/resources/css/font/Roboto-Light.eot'),
    url('/resources/css/font/Roboto-Light.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Light.otf') format('opentype'),
    url('/resources/css/font/Roboto-Light.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('/resources/css/font/Roboto-Thin.eot'),
    url('/resources/css/font/Roboto-Thin.ttf') format('ruetype'),
    url('/resources/css/font/Roboto-Thin.otf') format('opentype'),
    url('/resources/css/font/Roboto-Thin.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

/* 폰트 Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Thin.eot');
    src: url('/resources/css/font/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Thin.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Thin.woff') format('woff'),
        url('/resources/css/font/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-ExtraLight.eot');
    src: url('/resources/css/font/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-ExtraLight.woff') format('woff'),
        url('/resources/css/font/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Light.eot');
    src: url('/resources/css/font/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Light.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Light.woff') format('woff'),
        url('/resources/css/font/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Regular.eot');
    src: url('/resources/css/font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Regular.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Regular.woff') format('woff'),
        url('/resources/css/font/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Medium.eot');
    src: url('/resources/css/font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Medium.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Medium.woff') format('woff'),
        url('/resources/css/font/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-SemiBold.eot');
    src: url('/resources/css/font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-SemiBold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-SemiBold.woff') format('woff'),
        url('/resources/css/font/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Bold.eot');
    src: url('/resources/css/font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Bold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Bold.woff') format('woff'),
        url('/resources/css/font/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-ExtraBold.eot');
    src: url('/resources/css/font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-ExtraBold.woff') format('woff'),
        url('/resources/css/font/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Black.eot');
    src: url('/resources/css/font/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Black.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Black.woff') format('woff'),
        url('/resources/css/font/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}