@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Play&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('/main/font/SCDream5.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-5Medium'; 
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); 
     font-weight: normal; 
     font-style:normal;
}

@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }


/* common */
html, body {width: 100%; height: 100%; width: 100%; font-size: 100%;}
* {margin: 0; padding: 0; list-style:none; font-family: 'S-CoreDream-4Regular', sans-serif; font-weight: normal;letter-spacing: -0.03em;outline: none;box-sizing: border-box; }
ul > li > a { text-decoration: none; }
a {color: #333; text-decoration: none;}
/* a:active, a:focus {color:#d1131c; text-decoration: none;} */
em {font-style: normal}
table { border-collapse: collapse; }
input {box-sizing: border-box; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {cursor: pointer;border: none;}
button:focus {outline: none;}
i {display: inline-block;}
select {box-sizing: border-box; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
textarea {box-sizing: border-box; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.inner {width:1380px;}

/* LAYOUT */
html.fix {position: fixed; left: 0; right: 0; margin: 0 auto;}
#A_Wrap {width: 100%; height: 100%;}
.clear::after{display: block; content: ''; clear: both;}

/* header */
#A_Header {position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; height: 100px; z-index: 90;transition: 0.3s; background-color: #fff; }
#A_Header .inner {max-width:1380px; margin:0 auto;}
#A_Header.header_scroll {background: #fff;border-bottom: 1px solid #ddd;}
#A_Header.header_scroll .menubar li{background: #333;}
#A_Header.header_scroll .gnb .depth01 > li a {color: #333;}

#A_Header.header_scroll .gnb .depth01 > li.last a{color: #fff;}
#A_Header.header_scroll .gnb .depth01 > li.last::before{background: #333;}
#A_Header.header_scroll .login01 li a{color: #333;}
#A_Header.header_scroll .login01 li::before{background: #333;}
#A_Header .inner {width: 100%;position: relative;height: 100px;}
#A_Header .inner:after {display: block; clear: both; *zoom: 1; content: '';}
.logo {position: absolute;left:0; line-height:100px; z-index:10; cursor:pointer; }
.logo img {vertical-align: middle; cursor:pointer;}
.gnb_div { position: absolute;left: 50%;transform: translateX(-50%); height:100px; margin:0 auto; width:1170px;}
.gnb .depth01 {text-align: center;}
.gnb .depth01:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.gnb .depth01 > li {display: inline-block;margin-right: 100px;         }
.gnb .depth01 > li:last-child{margin-right: 0;}
.gnb .depth01 > li a {color:#fff; font-size:16px; transition: 0.3s;font-weight:500; line-height:100px; position: relative;}
#A_Header .gnb .depth01 > li a:hover{color: #0f7abc;transition: 0.3s;}
.gnb .depth01 > li .go_lang a::after{display: none;}


/* header 01*/
.header .inner .gnb_div .gnb .depth01 > li a{ font-size:16px; transition: 0.3s;font-weight:600; line-height:100px; position: relative; color: #333;}
.header .inner .gnb_div .gnb .depth01 > li a:hover{color: #0f7abc;transition: 0.3s;}
.header .inner .login li a{display: block;color: #333;font-weight: 400; font-size: 14px;}
#A_Header.header .login01 li::before{background: #333;}


.login {position: absolute;right: 100px;top: 50%; transform: translateY(-50%);}
.login::after{clear: both;content: ''; display: block;}
.login li {margin-left: 20px;float: left; position:relative;}
.login li a{display: block;color: #fff;font-weight: 500; font-size: 14px; font-family: "Play";position: relative;}
.login li a::before{position: absolute;right: 0;right: -10px; width: 1px; height:16px; background: #fff; opacity: 0.3; content: ''; top: 2px; }
.login li:last-child a::before{display: none}
.login02 li a{color: #333;}
.login02 li::before{background: #333;}
.m_menu { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; z-index: 80; top:0; left:0; display:none;}
.m_menu_box {position: fixed; width:75%; height: 100%; background:#fff; right:-1000px; top: 0; z-index: 81; overflow-y:scroll}
.m_menu_box .gnb_logo {height:80px; background:#fff; border-bottom: 1px solid #ddd;}
.m_menu_box .gnb_logo h1 {padding-top:0; margin-left:0;}
.m_menu .depth01  {width:100%; clear: both;}
.m_menu .depth01 li {color:#000; font-size:18px; font-weight:400;  text-align:left; box-sizing:border-box; transition:0.5s; border-bottom:1px solid #e0e0e0; padding-left:20px; background:url(../image/main/gnb_arrow.png) no-repeat 95% 50%;}
.m_menu .depth01 li a{display: block; width: 100%; height: 100%;line-height:60px;position: relative;}
.m_menu .depth01 li a.active{color: #d92825;font-weight: 500;}
.menubar { width:30px; cursor:pointer; position:absolute; top:25px; right:20px; height:25px; z-index:99; display:none;}
.menubar li { width:100%; height:2px; background:#333; position:absolute;}
.menubar li:nth-child(1) { top:0; right:0; width:60%; }
.menubar li:nth-child(2) { top:13px; }
.menubar li:nth-child(3) { top:26px; right:0; width:60%; }


/* footer */
#A_Footer {width: 100%; padding: 40px 0 40px; background-color: #333333;}
#A_Footer .inner {position: relative; width: 95%; max-width: 1380px;margin: 0 auto;padding-left: 220px;}
.ft_logo {position: absolute; left: 0; top: 0;}
.ft_links{margin-bottom:5px;}
.ft_links span {color: #666; display: inlin-eblock; margin-right:20px; font-size: 16px;}
.ft_links span b {font-family: 'S-CoreDream-6Bold', sans-serif;}
.ft_links a {color: #666 !important; display: inline-block;}
.ft_links:after {display: block; clear: both; *zoom: 1; content: '';}
.ft_links li {float: left;}
.ft_links li + li {margin: 0 0 0 40px;}
.ft_links li a {display: block; font-size: 16px;; font-weight: 400; color: #999;}
.ft_links .privacy { font-family: 'S-CoreDream-6Bold', sans-serif !important; padding-right: 30px !important; display: inline-block;}
.ft_txt {margin: 5px 0 0; font-size: 16px;}
.ft_txt p {font-size:16px; color: #666;line-height: 24px;}
.ft_txt p:after {display: block; clear: both; *zoom: 1; content: '';}
.ft_txt p.copy {margin: 15px 0 0;}
.ft_txt p b {padding-right: 10px; font-family: 'S-CoreDream-6Bold', sans-serif; font-size:16px;}
#A_Footer .inner .pri_btn {position: absolute; top:0; right:0;}

@media screen and (max-width: 1440px) {
.inner {box-sizing: border-box; width:95%;}
/*헤더*/
#A_Header .inner{width: 95%;}
.logo{left: 20px;}
.gnb_div{padding-right: 0;}
#A_Footer .inner {max-width:95% !important;}
}


/* tablet */
@media screen and (max-width: 1023px) {
    .inner {
        box-sizing: border-box;
        width: 95%;
        margin:0 auto;
      }
      .ft_logo {width:80px;}

/*헤더*/
#A_Header{height: 80px;}
#A_Header .inner{width: 95%; margin:0 auto;}
.logo{left: 0px; line-height: 80px;}
.logo img{height:50px;}
.gnb .depth01 > li{margin-right: 70px;}
.gnb {display:none;}
.gnb .depth01 > li {padding:0 18px;}
.menubar {display:block}
.lang02{display: block;}
.menubar{top: 30px;}
.menubar li:nth-child(2){top: 10px;}
.menubar li:nth-child(3){top: 20px;}
.m_menu_box .gnb_logo {height:80px; background:#fff; border-bottom: 1px solid #ddd;}
.login01{display: none;}
.login02{display: block;top: 30px; transform: none;}
/* footer */
#A_Footer .inner{padding-left: 0;}
.ft_logo{position: relative;margin-bottom: 20px; top: auto;}
}


@media screen and (max-width:767px) {
.menubar{right: 15px;}
.inner {width:95%; margin:0 auto;}
/* .inner{padding:0 15px;} */

/* Footer */
#A_Footer {padding: 20px 0 25px;}
.ft_logo {display: block; top: 0; left: auto; width: 70px; }
.ft_links {margin: 10px 0 0;}
.ft_links li + li {margin: 0 0 0 20px;}
.ft_links li a {font-size: 12px;}
.ft_txt {margin: 10px 0 0;}
.ft_txt p {font-size: 0.8125rem;}
.ft_txt p b {font-size: 0.8125rem;}
.ft_txt p.copy {margin: 10px 0 0;}
.ft_links span {font-size: 0.8125rem;}
.ft_links a {font-size: 0.8125rem;}
.ft_txt p b {padding-right:0px;}
}


/* mobile */
@media screen and (max-width: 480px) {
#A_Header .inner {box-sizing: border-box; }
.gnb_div{height: 60px;}
.m_menu_box{width: 100%;}
.logo img{height:40px;}
.login02{right: 70px;}


#A_Footer {padding: 20px 0 25px;}
.ft_logo {display: block; top: 0; left: auto; width: 70px;}
.ft_links {margin: 10px 0 0;}
.ft_links li + li{margin: 0;margin-right: 15px;}
.ft_links li{margin:0;margin-right: 15px;margin-left: 0;}
.ft_links li a {font-size: 0.875rem;}
.ft_txt {margin: 10px 0 0;}
.ft_links span{margin-right: 10px;}
.ft_txt p {font-size: 0.8125rem;}
.ft_txt p.copy {margin: 10px 0 0;}
.ft_links .privacy {padding-right: 10px !important;}

.ft_links span {margin-top: 10px; display: inline-block;}
}