@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;900&display=swap');

/*기본태그 정의*/
html, body {padding:0; margin:0;}
body, td, select, textarea, input {font-size:13px/140%;color:#666; font-family: 'Noto Sans KR', sans-serif;}

/* 마진과 패딩의 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;}

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}

/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, rem, strong, th, var {font-style:normal;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
td {word-break:break-all; word-wrap:break-word;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img {border:0;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 인용구 표시 초기화 */
q:before, q:after {content :'';}

/* 폼태그의 초기화 */
select {font:12px 돋움,Dotum;}
textarea {font:12px/140% 돋움,Dotum;}
input {font:12px 돋움,Dotum; color:#666; padding:0 2px; height:20px;}
input.radio {vertical-align:middle; margin-bottom:3px;}

a:link    {color:#000; text-decoration:none;}
a:active    {color:#000; text-decoration:none;}
a:visited    {color:#000; text-decoration:none;}
a:hover    {color:#000; text-decoration: underline;}

hr {border: none; border: 1px solid #fff; border-bottom: 0px; margin: 15px 0 40px 0; clear: both;}

img {-webkit-user-drag: none;}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.header_wrap {height: 800px; width: 100%; position: ;}
.header {width: 1200px; margin: 0 auto; padding: 100px 0; position: relative;}
.symbol {position: absolute; right: 0px; bottom: 125px;}

.logo {vertical-align: middle; text-align: center;}
.logo img {display: inline-block; line-height: 100px; vertical-align: middle;}

.gnb {width: 62.5%; float: left; margin: 0 auto; padding: 0 30px; background: #; font-size: 1em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #333; box-sizing: border-box;}

.menu ul li {background: #; float: left; line-height: 100px; vertical-align: middle; text-align: center;  }
.menu ul li {display: inline-block;}
.menu ul li:after {content: "|"; padding: 0 2em; line-height: 100px; vertical-align: middle; font-size: 0.5em; color: #fff;}

.body_wrap {padding-top: 100px; margin: 0 auto; overflow: auto;}

html{ font-size: 16px; }
h1{font-family: 'GmarketSans', sans-serif; font-size: 80px; line-height: 120px; letter-spacing: -0.05em;font-weight: 300; color: #fff; display: inline-block;}
h1 < b {font-weight: 700;}
h2{font-family: 'Noto Sans KR', sans-serif; font-size: 2.875rem; font-weight: 300; color: #333;}
h3{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.5rem; line-height: 40px; color: #666;}
h4{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.750em; line-height: 42px; color: #333;}
h5{font-family: 'Noto Sans KR', sans-serif; font-weight: 200; font-size: 1.750em; line-height: 42px; color: #333;}
h6{font-family: 'Montserrat', sans-serif; font-weight: 200; font-size: 1.0em; line-height: 24px; letter-spacing: 0.25em; color: #ccc; margin-bottom: 40px;}

.btn_bnr ul,li {list-style: none;}
.btn_bnr ul {overflow: hidden; vertical-align: middle; display: flex; flex-flow: row wrap;}
.btn_bnr ul > li {flex: 1 1 auto;}
.btn_bnr ul li a {display: inline-block; width: 100%; color: #fff;}

.footer {padding: 50px 0; background : #333; clear: both;}
.footer_wrap {width: 1200px; margin: 0 auto; overflow: auto;}

#img_01200 {display: block;}
#img_1201 {display: none;}


@media screen and (max-width: 1500px) {
html{font-size: 10px; }

.header_wrap {height: 750px; width: 100%; position: ;}
.header {width: 100%; margin: 0 auto; padding: 50px 0 100px 0; position: relative;}
.symbol {position: absolute; right: 0px; bottom: 10px;}

.logo {vertical-align: middle; text-align: left;}
.logo img {display: inline-block; line-height: 100px; vertical-align: middle;}

.wrap_m_cont {width: 100%; padding: 50px 5%; text-align: center; clear: both;}
.wrap_m_cont img {width: 100%;}

h1{font-family: 'GmarketSans', sans-serif; font-size: 72px; line-height: 1.25em; letter-spacing: -0.05em;font-weight: 300; color: #fff; display: inline-block;}
h1 < b {font-weight: 700;}

h2 {font-family: 'GmarketSans', sans-serif; font-size: 8vw; line-height: 1.5em; letter-spacing: -0.05em;font-weight: 300; color: #fff; display: inline-block;}
h2 < b {font-weight: 700;}

h3{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.5rem; line-height: 24px; color: #666;}
h4{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.615rem; letter-spacing: -0.05rem; line-height: 24px; color: #333;}
h5{font-family: 'Noto Sans KR', sans-serif; font-weight: 200; font-size: 1.615rem; letter-spacing: -0.05rem;line-height: 24px; color: #333;}
h6{font-family: 'Montserrat', sans-serif; font-weight: 200; font-size: 1.0em; line-height: 24px; letter-spacing: 0.25em; color: #ccc; margin-bottom: 15px;}

#img_01200 {display: none;}
#img_1201 {display: block;}

.btn_bnr ul,li {list-style: none;}
.btn_bnr ul {}
.btn_bnr ul > li {display:inline-block; }
.btn_bnr ul > li > img {width: 100%;}
.btn_bnr ul li a {display: inline-block; width: 100%; color: #fff;}

.footer {padding: 30px; background : #333; clear: both;}
.footer_wrap {width: 100%; margin: 0 auto; overflow: auto;}


}