@charset "utf-8";

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: local('Poppins-Regular'), local('Poppins Regular'), url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: local('Poppins-Medium'), local('Poppins Medium'), url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype'),
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: local('Poppins-SemiBold'), local('Poppins SemiBold'), url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype'),
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: local('Poppins-Bold'), local('Poppins Bold'), url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype'),
}



@font-face {
	font-family: 'GmarketSans';
	font-style: normal;
	font-weight: 300;
	src: local('GmarketSansLight'), local('GmarketSans Light'), url('../fonts/GmarketSans/GmarketSansLight.otf') format('opentype'),
}

@font-face {
	font-family: 'GmarketSans';
	font-style: normal;
	font-weight: 500;
	src: local('GmarketSansMedium'), local('GmarketSans Medium'), url('../fonts/GmarketSans/GmarketSansMedium.otf') format('opentype'),
}

@font-face {
	font-family: 'GmarketSans';
	font-style: normal;
	font-weight: 700;
	src: local('GmarketSansBold'), local('GmarketSans Bold'), url('../fonts/GmarketSans/GmarketSansBold.otf') format('opentype'),
}



@font-face {
	font-family: 'PTSerif';
	font-style: normal;
	font-weight: 400;
	src: local('PTSerif-Regular'), url('../fonts/PT_Serif/PTSerif-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSerif';
	font-style: italic;
	font-weight: 400;
	src: local('PTSerif-Italic'), url('../fonts/PT_Serif/PTSerif-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSerif';
	font-style: normal;
	font-weight: 700;
	src: local('PTSerif-Bold'), url('../fonts/PT_Serif/PTSerif-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSerif';
	font-style: italic;
	font-weight: 700;
	src: local('PTSerif-BoldItalic'), url('../fonts/PT_Serif/PTSerif-BoldItalic.ttf') format('truetype');
}



/* 초기화 */
* {-webkit-font-smoothing: antialiased; font-family:'GmarketSans', 'Malgun Gothic','돋움', arial, sans-serif !important; letter-spacing: -0.5px; padding:0; margin:0; box-sizing: border-box;}
html, body {width: 100%; padding:0; margin:0; min-height:100%;}
body {font-family:'GmarketSans', '돋움', '굴림', arial, sans-serif; color:#333; font-weight: 400;}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, tbody, tfoot, thead, th, td, article, figure {margin:0;padding:0}
input, textarea, select, td, th, button {font-family:'GmarketSans','Malgun Gothic','돋움', arial, sans-serif !important; color:#444; vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
legend, caption, .skip {position:absolute; left:-5000px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}
caption {position:relative;}
img, fieldset {border:0 none;}
label, button {cursor:pointer;margin:0;}
em, address {font-style:normal;}
a {color:#212121}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
img {max-width:100%}
ul, ol {list-style: none;}

.flex {display: flex;}
.flex-between {display: flex; justify-content: space-between;}
.flex-center {display: flex; justify-content: center;}
.flex-end {display: flex; justify-content: end;}
.direction-column {flex-direction: column;}

.no-view {display: none;}

.color-blue {color: #036EB8 !important;}
.color-white {color: #fff !important;}
.color-white-10 {color: #fff !important; opacity: 0.1 !important;}
.color-gray {color: #f0f0f0 !important;}
.color-yellow {color:#f7b407;}

.text-55 {font-size: 55px !important;}
.text-70 {font-size: 70px !important;}
.text-100 {font-size: 100px !important;}
.text-120 {font-size: 120px !important;}

.back-text {margin-bottom: -60px !important;}
.front-text {position: relative !important; z-index: 1 !important;}

.font-100 {font-weight: 100 !important;}
.font-200 {font-weight: 200 !important;}
.font-300 {font-weight: 300 !important;}
.font-400 {font-weight: 400 !important;}
.font-500 {font-weight: 500 !important;}
.font-600 {font-weight: 600 !important;}
.font-700 {font-weight: 700 !important;}
.font-800 {font-weight: 800 !important;}
.font-900 {font-weight: 900 !important;}


/* 사이즈 */
.pdt5px{padding-top:5px !important;}
.pdt10px{padding-top:10px !important;}
.pdt15px{padding-top:15px !important;}
.pdt20px{padding-top:20px !important;}
.pdt30px{padding-top:30px !important;}
.pdt40px{padding-top:40px !important;}
.pdt50px{padding-top:50px !important;}
.pdt60px{padding-top:60px !important;}
.pdt70px{padding-top:70px !important;}
.pdt80px{padding-top:80px !important;}
.pdt90px{padding-top:90px !important;}
.pdt100px{padding-top:100px !important;}
    
.pdl5px{padding-left:5px !important;}
.pdl10px{padding-left:10px !important;}
.pdl20px{padding-left:20px !important;}
.pdl30px{padding-left:30px !important;}
.pdl40px{padding-left:40px !important;}
.pdl50px{padding-left:50px !important;}
.pdl60px{padding-left:60px !important;}
.pdl70px{padding-left:70px !important;}
.pdl80px{padding-left:80px !important;}
.pdl90px{padding-left:90px !important;}
.pdl100px{padding-left:100px !important;}

.pdr5px{padding-right:5px !important;}
.pdr10px{padding-right:10px !important;}
.pdr15px{padding-right:15px !important;}
.pdr20px{padding-right:20px !important;}
.pdr30px{padding-right:30px !important;}
.pdr40px{padding-right:40px !important;}
.pdr50px{padding-right:50px !important;}
.pdr60px{padding-right:60px !important;}
.pdr70px{padding-right:70px !important;}
.pdr80px{padding-right:80px !important;}
.pdr90px{padding-right:90px !important;}
.pdr100px{padding-right:100px !important;}
    
.pdb5px{padding-bottom:5px !important;}
.pdb10px{padding-bottom:10px !important;}
.pdb20px{padding-bottom:20px !important;}
.pdb30px{padding-bottom:30px !important;}
.pdb40px{padding-bottom:40px !important;}
.pdb50px{padding-bottom:50px !important;}
.pdb60px{padding-bottom:60px !important;}
.pdb70px{padding-bottom:70px !important;}
.pdb80px{padding-bottom:80px !important;}
.pdb90px{padding-bottom:90px !important;}
.pdb100px{padding-bottom:100px !important;}


.mgt5px{margin-top:5px !important;}
.mgt10px{margin-top:10px !important;}
.mgt15px{margin-top:15px !important;}
.mgt20px{margin-top:20px !important;}
.mgt30px{margin-top:30px !important;}
.mgt40px{margin-top:40px !important;}
.mgt50px{margin-top:50px !important;}
.mgt60px{margin-top:60px !important;}
.mgt70px{margin-top:70px !important;}
.mgt80px{margin-top:80px !important;}
.mgt90px{margin-top:90px !important;}
.mgt100px{margin-top:100px !important;}
    
.mgl5px{margin-left:5px !important;}
.mgl10px{margin-left:10px !important;}
.mgl20px{margin-left:20px !important;}
.mgl30px{margin-left:30px !important;}
.mgl40px{margin-left:40px !important;}
.mgl50px{margin-left:50px !important;}
.mgl60px{margin-left:60px !important;}
.mgl70px{margin-left:70px !important;}
.mgl80px{margin-left:80px !important;}
.mgl90px{margin-left:90px !important;}
.mgl100px{margin-left:100px !important;}

.mgr5px{margin-right:5px !important;}
.mgr10px{margin-right:10px !important;}
.mgr15px{margin-right:15px !important;}
.mgr20px{margin-right:20px !important;}
.mgr30px{margin-right:30px !important;}
.mgr40px{margin-right:40px !important;}
.mgr50px{margin-right:50px !important;}
.mgr60px{margin-right:60px !important;}
.mgr70px{margin-right:70px !important;}
.mgr80px{margin-right:80px !important;}
.mgr90px{margin-right:90px !important;}
.mgr100px{margin-right:100px !important;}
    
.mgb5px{margin-bottom:5px !important;}
.mgb10px{margin-bottom:10px !important;}
.mgb20px{margin-bottom:20px !important;}
.mgb30px{margin-bottom:30px !important;}
.mgb40px{margin-bottom:40px !important;}
.mgb50px{margin-bottom:50px !important;}
.mgb60px{margin-bottom:60px !important;}
.mgb70px{margin-bottom:70px !important;}
.mgb80px{margin-bottom:80px !important;}
.mgb90px{margin-bottom:90px !important;}
.mgb100px{margin-bottom:100px !important;}