@charset utf-8;

/** css 초기화 **/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, 
em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, fhead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box;}

article, aside, details, figcaption, fiqure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; letter-spacing: -0.5px; min-width: 360px; }

nav, ul, li { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; text-decoration: none; vertical-align: baseline; color: #333; background: transparent; }
img { vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

input { margin: 0; padding: 0; box-sizing: border-box; vertical-align: top; border: 1px solid #dfdfdf; color: #999; border-radius: 0; font-family: NanumGothic, 나눔고딕, 'Nanum Gothic', '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica; padding-left: 8px !important; }
input::-moz-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }

select::-ms-expand { display: none; }

/* 웹폰트 css (한글 NotoSansKR, 영문 Roboto) */
@font-face { font-family: "NotoSansKR"; src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"); }
@font-face { font-family: "NotoSansKR"; src: url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");}

@font-face { font-family: 'ONE-Mobile-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ONE-Mobile-Title'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff'); font-weight: normal; font-style: normal; }

body { font-family: 'NotoSansKR', 'Roboto', sans-serif;}


/*움직임 소스*/
.back-to-position.to-right { transform: translateX(-100px); }
.back-to-position.to-left { transform: translateX(100px); }
.back-to-position.to-top { transform: translateY(-100px); }
.back-to-position.to-bottom { transform: translateY(100px); }

.back-to-position { opacity: 0; transition: 1s; }
.show .back-to-position { opacity: 1; transform: translateX(0) translateY(0); }
.show .back-to-position.delay-0 { transition-delay: 0s; }
.show .back-to-position.delay-1 { transition-delay: 0.1s; }
.show .back-to-position.delay-2 { transition-delay: 0.2s; }
.show .back-to-position.delay-3 { transition-delay: 0.3s; }
.show .back-to-position.delay-4 { transition-delay: 0.4s; }
.show .back-to-position.delay-5 { transition-delay: 0.5s; }
.show .back-to-position.delay-6 { transition-delay: 0.6s; }
.show .back-to-position.delay-7 { transition-delay: 0.7s; }
.show .back-to-position.delay-8 { transition-delay: 0.8s; }
.show .back-to-position.delay-9 { transition-delay: 0.9s; }
.show .back-to-position.delay-10 { transition-delay: 1.0s; }
.show .back-to-position.delay-11 { transition-delay: 1.1s; }
.show .back-to-position.delay-12 { transition-delay: 1.2s; }
.show .back-to-position.delay-13 { transition-delay: 1.3s; }
.show .back-to-position.delay-14 { transition-delay: 1.4s; }
.show .back-to-position.delay-15 { transition-delay: 1.5s; }

/* 소스 */
.moving, a {-webkit-transition: 0.5s all ease; transition: 0.5s all ease;}

/*상단(메뉴/메인이미지)*/

header {}
header #header_top { width: 100%; max-width: 1400px; height: 120px; margin: 0 auto; }
header #header_top #logo { position: absolute; height: 120px; line-height: 120px; }
header #header_top #logo img { vertical-align: middle; }
header #header_top nav { text-align: right;}
header #header_top nav a { height: 90px; width : 14%; font-size: 20px; color: #666666; margin-top: 30px; margin-left : 140px; text-align : center; line-height: 30px; display : block; float : right;}
/* text-transform: uppercase; */
header #header_top nav a b { color: #EA5648; display: block; }
.logo_style {width:320px;float: right;padding-top: 41px;}
@media all and (max-width:1600px) {
header #header_top #logo { margin-left: 20px; }
header #header_top nav { margin-right: 30px; }
}

@media all and (max-width:1280px) {
header #header_top { height: 240px; }
header #header_top #logo { margin-left: 0; position: static; text-align: center; border-bottom: 1px #ccc solid; }
header #header_top nav { margin-right: 5%; }
header #header_top nav a { height: 50px; line-height: 25px; text-align: center; display: block; float: right; width: 33.33%; margin-left: 0; margin-top: 35px; }
header #header_top nav a b { display: block; }
}

/*하단*/

footer { text-align: center; }
footer #footer_btn { padding: 100px 0 140px; }
footer #footer_btn h1 { font-family: ONE-Mobile-Title; font-size: 30px; color: #333; margin-bottom: 50px; font-weight: normal; }
footer #footer_btn a { font-family: ONE-Mobile-Title; font-size: 25px; color: #fff; background-color: #333; padding: 25px 150px; }
footer #footer_bottom { background-color: #333; padding: 80px 0; }
footer #footer_bottom img { }
footer #footer_bottom p { color: #fff; font-size: 15px; margin: 40px 0 30px;padding-left: 35%; text-align: left;}
footer #footer_bottom span { color: #fff; font-size: 15px; line-height: 25px;}
footer #footer_bottom span b { color: #EA5648; }

@media all and (max-width:768px) {
footer #footer_btn h1 { font-size: 25px; }
footer #footer_btn a { font-size: 20px; padding: 25px 50px; }
footer #footer_bottom p { padding: 0 5%; line-height: 160%; }
}