@charset "utf-8";
/* noto-sans-kr-100 - latin */

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.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/noto-sans-kr-v26-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
      local('NotoSansKR'),
       url('../fonts/noto-sans-kr-v26-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
      local('NotoSansKR'),
       url('../fonts/noto-sans-kr-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
      local('NotoSansKR'),
       url('../fonts/noto-sans-kr-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
       url('../fonts/noto-sans-kr-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
      local('NotoSansKR'),
       url('../fonts/noto-sans-kr-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v26-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR'),
      local('NotoSansKR'),
       url('../fonts/noto-sans-kr-v26-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v26-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v26-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v26-latin-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/*리셋 CSS*/
html,body,
p,div,select,
ul,dl,ol,dd,li,
table,tr,th,td,
h1,h2,h3,h4,
form,fieldset,legend,
table,tr,td,th,caption,
address,blockquote {margin:0; padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;}
address,em {font-style:normal;}
fieldset, img {border:0 none;}
h1,h2,h3,h4,h5 {font-size:1em;line-height: 1;margin:0;padding:0}
legend, caption, hr{display:none;width:0; height:0; font-size:0;}
input{padding:0;margin:0;border:0px;vertical-align: middle;box-sizing: border-box}
dl, dt, dd, ul, ol, li{ list-style:none;    padding:0;    margin:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block;}
article,section{display:block;margin:0;padding:0;}
img {vertical-align:top; width: 100%;}
table {border-spacing:0px;border:0px;border-collapse:collapse}
address,hr{display:none;}
form {display:block;}
fieldset {padding:0;margin:0;border:none;}

body{padding:0;margin:0;font-family: 'Noto Sans KR', sans-serif , sans-serif;font-weight :400;font-size:10px;line-height: 1;letter-spacing: 0px; width:100%; height:100%; word-break:keep-all;}
input{font-family:'Noto Sans KR', '돋움', 'dotum', sans-serif; }
select{font-family: 'Noto Sans KR', sans-serif;font-size:16px;}
option{font-family: 'Noto Sans KR', sans-serif;font-size:16px;}
textarea{font-family: 'Noto Sans KR', sans-serif;font-size:16px;}
.font_heavy {font-family: 'GmarketSansBold', sans-serif; font-weight: 700;}
.txt_bold{font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.txt_Ebold {font-family: 'GmarketSansBold', sans-serif; font-weight: 700;}
.txt_Anton{font-family: 'AntonRegular', sans-serif;}
a,a:hover, a:visited, a:active, a:link {text-decoration: none; color: #000; outline:none;}
html,body{position:relative;width:100%;height:100%;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
input[type=tel]::-ms-clear {display:none;}
button {outline:none; border:none; cursor:pointer; text-indent:-99999px;}
html, body{font-size:10px;background:#fff; width:100%;height:100%;}
.hide{display: none;}
.slick-slide{outline: none}
#fullpage,
.section,
.slide,
.fp-tableCell{
    height: 100%
}

/* header */
header{position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: transparent; z-index: 9999999;}

header .header_inner {display: flex; justify-content: space-between; position: relative; max-width: 1920px; height: 90px; padding: 5rem 5rem 0 5rem; margin: 0 auto;}
header .header_inner .mo_logo{display: none;}
header .header_inner .menu{width: 40.5rem; display: flex; justify-content: flex-end; align-items: flex-end; z-index: 2;}
header .header_inner .menu li {margin-left: 3rem; font-size: 2rem; font-weight: 500; transition: all .2s ease-in-out;}
header .header_inner .menu li:nth-child(2) {font-weight: 700;}
header .header_inner .menu li:nth-child(2) a{color: #000;}
header .header_inner .menu li.menu_button {transform: rotateZ(180deg); margin-left: 5rem;}
header .header_inner .menu li.menu_button span {display: block; width: 4.7rem; height: 0; border: 1px solid #000; margin-top: 4px; background-color: #000; }
header .header_inner .menu li.menu_button span:nth-child(2) {width: 5.7rem;}
header .header_inner .menu li a{font-family: "PretendardR", sans-serif; color: #666;}
header .header_inner .menu li a,
header .header_inner .menu li a span{transition: all .3s ease-in-out;}
header .header_inner .menu li a.white{color: #fff;}
header .header_inner .menu li a.white_main{color: #fff;}
header .header_inner .menu li a span.white_border {border: 1px solid #fff;}
header .header_inner .menu li a span.white_border_main {border: 1px solid #fff;}
header .header_inner .menu li a.width span:first-child{width: 5.9rem;}
header .header_inner .menu li a.width span:nth-child(2){width: 4.9rem;}
header .header_inner .menu li a.width span:nth-child(3){width: 5.9rem;}
header .header_inner .logo img{max-width: 6.2rem;}

.nav {position: fixed; top: 0; right: 0; bottom:0; width: 70%; padding-top: 15rem; background-color: #000;display: none}
.nav .nav_inner {position: relative;width:100%;height:100%;}
.nav .back_to_right {right: 0;}
.nav .nav_inner .nav_list li{width: 100%; transition: all .3s ease-in-out;}
.nav .nav_inner .nav_list li:hover{background-color: #e7501e;}
.nav .nav_inner .nav_list li a{display: inline-block; width: 100%; height: 100%; padding: 4rem 0 4rem 9rem; color: #fff; font-size: 4rem;}

/* footer */
footer {position: fixed; bottom: 0; left: 0; width: 100%; background: transparent;}
footer .footer_inner {display: flex; justify-content: space-between;  position: relative; margin: 0 auto; max-width: 1920px; height: 100px; padding:0 3rem;}
footer .footer_inner .footer_left {display: flex; justify-content: space-between; width:490px; padding-top: 3.6rem;}
footer .footer_inner .footer_left li {color: #bababa; font-size: 1.6rem; font-weight: 300;}
footer .footer_inner .footer_left li a{color: #bababa;}
.scroll_top {position:fixed; ;width:100%;height:8rem; bottom: 0;z-index: 12;}
.scroll_top a{display: block;display:flex;justify-content: space-between;align-items: center;}
.scroll_top .down_arrow{position: relative;display: flex; justify-content: flex-end; max-width: 1920px; width: 100%;margin: 0 auto; padding: 0 5rem;}
.scroll_top .down_arrow .arrow{position:relative;height:8rem;width:17px;}
.scroll_top .down_arrow .arrow .ar{animation: arrowUpDown 1.5s linear infinite;}
.scroll_top .down_arrow .arrow .bar{position: absolute;bottom: 0;left:50%;width: 2.2px;margin-left:-1.1px; height: 5rem; background: #000;}
.scroll_top .down_arrow .back_txt{position: relative; opacity: 0.5; width: 50px;right: -30px;}

.main_scroll_top {position:fixed; ;width:100%;height:8rem; bottom: 0;z-index: 12;}
.main_scroll_top a{display: block;display:flex;justify-content: space-between;align-items: center;}
.main_scroll_top .down_arrow{position: relative;display: flex; justify-content: flex-end; max-width: 1920px; width: 100%;margin: 0 auto; padding: 0 5rem;}
.main_scroll_top .down_arrow .arrow{position:relative;height:5rem;width:17px;}
.main_scroll_top .down_arrow .arrow .ar{animation: arrowUpDown 1.5s linear infinite;}
.main_scroll_top .down_arrow .arrow .bar{position: absolute;bottom: 0;left:50%;width: 1.2px;margin-left:-1.1px; height: 2rem; background: #fff;}
.main_scroll_top .down_arrow .back_txt{position: relative; opacity: 0.5; width: 50px;right: -30px;}


@keyframes arrowUpDown {
  0%{
    transform: translateY(0px);
  }
  50%{transform: translateY(-1.5rem);}
  100%{
    transform: translateY(0px);
  }
}

/*팝업*/
.pop{position: absolute;top:100px;left:100px;width:90%;max-width:700px; background:#fff;border-radius: 10px;display:none;}
/* .pop .btn_close{position: absolute;top:0;right:-50px;width:40px;} */
.pop .btn_close{position: absolute;
    top: -40px;
    right: 8px;
    width: 24px;}

.pop .btn_close img{width:100%}
.pop .pop_inner{width:90%;padding:5% 0;margin: auto;font-size:1.5rem;line-height: 1.5}



/*상당이동*/
.arrow_wrap{position:fixed; ;width:100%;height:8rem; bottom: 0;z-index: 12;}
.arrow_wrap .down_arrow{position: relative;display: flex; justify-content: flex-end; max-width: 1920px; width: 100%;margin: 0 auto; padding: 0 5rem;height:100%;overflow: hidden;}
.arrow_wrap .down_arrow .line {position:absolute;bottom: 0;left:50%;margin-left:0px;height:100%;width:2px;background:#000;;animation: b1 1.5s infinite linear;animation-delay:1.2s;z-index:3;display:none}
.arrow_wrap .down_arrow .arrow{position: absolute;top:0;right:0%;margin-left:0rem;width:100%;height:100%;padding: 0 5rem;}
.arrow_wrap .down_arrow .arrow .a{position: absolute;bottom:0px;right:4.5rem;margin-left:-6px;;width:12px;height:12px;border:1px solid #000;border-width:0 0 2px 2px;transform-origin: center center;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);}
.arrow_wrap .down_arrow .arrow .bar{position: absolute;top:0;right:5rem;margin-left:-1px;height:100%;width:2px;background:#000;}
/*화이트*/
.arrow_wrap.white .down_arrow .arrow .a{position: absolute;bottom:0px;right:4.5rem;margin-left:0;;width:12px;height:12px;border:1px solid #fff;border-width:0 0 2px 2px;transform-origin: center center;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);}
.arrow_wrap.white .down_arrow .arrow .bar{position: absolute;top:0;right:5rem;margin-left:0px;width:2px;background:#fff;}
@media only screen and (max-width:1900px) {
    header .header_inner .menu{width: 40.5rem; display: flex; justify-content: flex-end; align-items: flex-end; padding-right: 0; z-index: 2;}
}
@media only screen and (max-width:720px) {
    h1{width:5rem;}
    header .header_inner {padding: 3rem 2rem 0 3rem;height:50px;}
    header .header_inner .menu {width: 22.5rem;align-items:center; padding-right:0;}
    header .header_inner .menu li {margin-left:1.5rem;}
    header .header_inner .menu li.menu_button {margin-left: 2rem;}
    .nav .nav_inner{padding-top: 24%;}
    .nav .nav_inner .nav_list li a {font-size: 3rem;    padding: 3rem 0 3rem 4rem;}
    .arrow_wrap{position: fixed;right:0%; bottom:50px;margin-left:0rem;height:5rem;width:100%;z-index: 100;}

    .main_scroll_top {position:fixed; width:100%;height:5rem; bottom: 0rem;z-index: 12; right: 0rem;}
    .main_scroll_top a{display: block;display:flex;justify-content: center;align-items: center;}
    .main_scroll_top .down_arrow{position: relative;     padding: 0 4.2rem;}
    .main_scroll_top .down_arrow .arrow{position:relative;height:5rem;width:17px;}
    .main_scroll_top .down_arrow .arrow .ar{animation: arrowUpDown 1.5s linear infinite;}
    .main_scroll_top .down_arrow .arrow .bar{position: absolute;bottom: 0;left:50%;width: 1.5px;margin-left:-0.3px; height: 2rem; background: #fff;}
    .main_scroll_top .down_arrow .back_txt{position: relative; opacity: 0.5; width: 50px;right: -30px;}

    /*상당이동*/
    .arrow_wrap{position:fixed; ;width:100%;height:8rem; bottom: 0;z-index: 12;}
    .arrow_wrap .down_arrow{position: relative;display: flex; justify-content: flex-end; max-width: 1920px; width: 100%;margin: 0 auto; padding: 0 5rem;height:100%;overflow: hidden;}
    .arrow_wrap .down_arrow .line {position:absolute;bottom: 0;left:50%;margin-left:0px;height:100%;width:2px;background:#000;;animation: b1 1.5s infinite linear;animation-delay:1.2s;z-index:3;display:none}
    .arrow_wrap .down_arrow .arrow{position: absolute;top:0;right:0%;margin-left:0rem;width:100%;height:100%;padding: 0 5rem;}
    .arrow_wrap .down_arrow .arrow .a{position: absolute;bottom:0px;right:4.25rem;margin-left:-6px;;width:12px;height:12px;border:1px solid #000;border-width:0 0 2px 2px;transform-origin: center center;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);}
    .arrow_wrap .down_arrow .arrow .bar{position: absolute;top:0;right:5rem;margin-left:-1px;height:100%;width:2px;background:#000;}
    /*화이트*/
    .arrow_wrap.white .down_arrow .arrow .a{position: absolute;bottom:0px;right:4.25rem;margin-left:0;;width:12px;height:12px;border:1px solid #fff;border-width:0 0 2px 2px;transform-origin: center center;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);}
    .arrow_wrap.white .down_arrow .arrow .bar{position: absolute;top:0;right:5rem;margin-left:0px;width:2px;background:#fff;}
    @media only screen and (max-width:1900px) {
        header .header_inner .menu{width: 40.5rem; display: flex; justify-content: flex-end; align-items: flex-end; padding-right: 0; z-index: 2;}
    }

}
@media only screen and (max-width:400px) {
    .nav .nav_inner .nav_list li a {font-size: 3rem; padding: 2rem 0 2rem 3rem;}

}