@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@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=Exo+2:wght@300;400;500;600;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON Lv2';
  src: url('../font/NEXON Lv2 Gothic Medium.ttf') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'applegothic';
  src: url('../font/applegothic.ttf') format('woff');
  font-weight: 300;
  font-style: normal;
}

@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');
}

/* common */
body,html{margin:0;width:100%;height:100%;position:relative}*{margin:0;padding:0;list-style:none;text-decoration:none!important;font-family:'Noto Sans KR';font-weight:400;font-size:16px;outline:0;-webkit-text-size-adjust:none;box-sizing:border-box}ul>li>a{text-decoration:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none!important}
a:active,a:checked,a:focus,a:hover,a:visited{text-decoration:none!important}ul>li>a:active,ul>li>a:checked,ul>li>a:focus,ul>li>a:hover,ul>li>a:visited{text-decoration:none}table{border-collapse:collapse}
.blind{position:absolute!important;visibility:hidden!important;top:0!important;left:0!important;height:0!important;width:0!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.clear::after{clear:both;content:'';display:block}
fieldset{border:none}legend{display:none}caption{display:none}p,span,strong{letter-spacing:-.5px}i{display:inline-block}em{font-style:normal;letter-spacing:-1px}input{box-sizing:border-box;border:1px solid #ddd;background-color:#fff;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=text]::-ms-clear{display:none}button{box-sizing:border-box;border:0;background-color:transparent;cursor:pointer}textarea{box-sizing:border-box;resize:none}select{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer}select::-ms-expand{display:none}
.clear::after{display: block; clear: both;content: '';}
/* LAYOUT */
#A_Wrap{width:100%;height:100%;min-width:1200px;}#A_Container_Wrap{position:relative;width:100%;overflow:hidden}#A_Container{overflow:hidden;box-sizing:border-box;min-height:100vh;margin:0 auto;padding:40px 0 100px}

/* header */
#A_Header{min-width:1200px;position:fixed;;;width:100%;height:100px;top:0;z-index:10;background:0 0;transition:background .5s ease,height .5s ease;}
#A_Header.header_scroll{background: #fff;}
#A_Header.header_scroll{box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.05);}
#A_Header.on{border-bottom: 1px solid #ddd;}

.header_wrap{position:relative}
.header_wrap .logo{position:absolute;left:5%;line-height:90px}
.header_wrap .logo a{font-size:0}
.header_wrap .logo a img{vertical-align:middle}
.header_wrap nav{position:relative;display: block;float:left;max-width: 100%;margin-left: 17%;}
.header_wrap nav::after{display:block;content:'';clear:both}
.header_wrap nav>ul>li{text-align: center;position:relative;display:inline-block;float:left;line-height:100px;margin-right: 3vw;}
.header_wrap nav>ul>li::after{content:"";position:absolute;width:6px;height:6px;background:#3666a9;border-radius:50%;left:50%;transform:translate(-50%,0);top:10px;opacity:0;visibility:hidden;transition:.5s ease}
.header_wrap nav>ul>li>a{font-family: 'Play', 'IBMPlexSansKR', sans-serif; font-size: 18px; font-weight: 700;display:inline-block;color:#333;text-align:center;transition:.5s ease;line-height: 24px;}

.depth01 > li{cursor: pointer;}
.depth01 > li > a{transition: all 0.3s ease-in-out; position: relative;}
.depth01 > li > a::before{position: absolute;left: 0; bottom: -5px; background:#ed2024; height: 2px; width: 0;content: ''; opacity: 0; transition: all 0.3s ease-in-out;visibility: hidden;}
.depth01 > li.on > a::before{opacity: 1; visibility: visible;width: 100%;transition: all 0.3s ease-in-out; }
.depth01 > li.on > a{color:#ed2024; }
/* .header_wrap nav>ul>li  .box{display: none;width: 100%; position: fixed;left: 0;top: 100px;background: #fff;padding: 30px 10%;} */
/* .header_wrap nav>ul>li .depth02::before{display: none;width: 100%; position: fixed;left: 0;top: 100px;background: #fff;padding: 30px 10%;content: '';} */
.header_wrap nav>ul>li .depth02{display: none;width: 100%; position: fixed;left: 0;top: 100px;background: #fff;padding: 30px 10%;min-width: 1800px;padding-right: 25%;}
.header_wrap nav>ul>li .depth02::after{clear:both;content:'';display:block}
.header_wrap nav>ul>li .depth02 >li{line-height: 32px;padding-right: 10px;float: left;text-align: left;}
.header_wrap nav>ul>li:nth-child(1) .depth02 >li{height: 200px; width: 220px;}
.header_wrap nav>ul>li:nth-child(2) .depth02 {padding: 30px 15%;}
.header_wrap nav>ul>li:nth-child(2) .depth02 >li{padding-right: 20px;width: 16%;}
.header_wrap nav>ul>li:nth-child(3) .depth02{padding: 30px 20%;}
.header_wrap nav>ul>li:nth-child(3) .depth02 >li{padding-right: 50px;}
.header_wrap nav>ul>li:nth-child(5) .depth02{padding: 30px 43%;}
.header_wrap nav>ul>li:nth-child(5) .depth02 >li{padding-right: 50px;}
.header_wrap nav>ul>li .depth02 a {font-family: 'Play', 'IBMPlexSansKR', sans-serif;font-size: 18px ; font-weight: 700; color: #1b1b1b;}
.header_wrap nav>ul>li .depth03 a {color: #666;font-weight: 400;transition: 0.3s;}
.header_wrap nav>ul>li .depth03 a:hover{color:#ed2024; transition: 0.3s;}
.bg{position: absolute;top: 100px; left: 0; background: #fff; height: 300px;width: 100%;display: none;z-index: -1;}

.right_header{position: absolute;right: 0;top: 0;padding:0 40px;background:#1b1b1b;z-index: 9;height: 100px;padding-top: 20px;}
.right_header form{float: left;width: 300px;}
.search_form button{background: url('../images/common/search_btn.png')no-repeat center center; background-size: 20px;width: 20px; height: 45px;border-bottom: 1px solid #bbb;font-size: 0;}
.search_form input{width: calc(100% - 20px);height: 45px;background: none;border: none;border-bottom: 1px solid #bbb; padding: 10px;float: left; color :#fff; }
.search_form input::placeholder{color: #bbb; font-size: 16px;font-weight: 300; }
.right_header ul {float: left;margin: 0 40px;margin-right: 60px;padding-top: 20px;}
.right_header ul li{float: left; position: relative;}
.right_header ul li::before{content: '';top: 9px;position: absolute;right: 0px;width: 1px;height: 10px;background: #666;}
.right_header ul li a{color: #fff;font-family: 'Play', 'IBMPlexSansKR', sans-serif;font-weight: 400;font-size: 16px;padding: 0 10px;}
.right_header ul li:last-child::before{display: none;}
.right_header ul li::after{content: ''; background: #fff; border-radius: 50%; bottom: -7px; left: 50%;transform: translateX(-50%);width: 3px;height: 3px; position: absolute;opacity: 0;transition: 0.3s;}
.right_header ul li:hover::after{opacity: 1; transition: 0.3s;}

/* about */
.about{background: #1b1b1b;border-bottom: 1px solid #666;padding: 30px 0 !important;}
.about .inner{padding: 0 !important;}
.about ul li{float: left; width: 50%; text-align: center;}
.about ul li h2 strong{margin-bottom: 12px;font-family: 'Play', 'IBMPlexSansKR', sans-serif; font-weight: 700; color:#eaeaea; font-size: 24px; transition: 0.3s; display: inline-block;}
.about ul li h2 img{display: none}
.about ul li > a{display: block;margin-left: 0;transition: 0.3s;}
.about ul li:hover h2 img{display: inline-block;transition: 0.3s;}
.about ul li:hover h2 strong{color: #ed2024;opacity: 1;transition: 0.3s;margin-right: 15px;}
.about ul li:nth-child(3):hover h2 strong{margin-right: 0;}
.about ul li p{color: #eaeaea; font-size: 14px; font-weight: 400;}
.about .a_box a{margin-right:20px;display: inline-block;background-position: center !important;}
.about .a_box a:nth-child(1){background:url('../images/main/linkedin_w.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;}
.about .a_box a:nth-child(1).on{background:url('../images/main/linkedin.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;}
.about .a_box a:nth-child(2){background:url('../images/main/sns02.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;}
.about .a_box a:nth-child(2).on{background:url('../images/main/sns02_h.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;}
.about .a_box a:nth-child(3){background:url('../images/main/youtube_w.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;margin-right: 0;}
.about .a_box a:nth-child(3).on{background:url('../images/main/youtube.png')no-repeat; background-size: 24px;width: 24px; height: 24px;transition: 0.3s;}

 /* footer */
#A_Footer {background: #1b1b1b;}
#A_Footer .inner{max-width: 1180px; margin: 0 auto;padding: 40px 0; }
#A_Footer .inner.inner02 {display:flex; max-width:1460px;}
#A_Footer .left{width:auto; margin-left:0; margin-right:auto;}
#A_Footer .left ul li a {color:#eaeaea}
#A_Footer .left p {font-size:14px; font-weight:400; line-height:26px; color:#eaeaea}
#A_Footer .right{ width:auto;margin-left:auto; margin-right:0; }
#A_Footer .right p {color: #eaeaea; font-size: 14px; font-weight: 400;line-height: 26px; text-align: left;}
#A_Footer .center{ width:auto;margin:0 auto; }
#A_Footer .center p {color:#eaeaea; font-size: 14px; font-weight: 400; line-height: 26px; text-align: left;}
#A_Footer .ft_links li{float: left;margin-right: 20px;}
#A_Footer .ft_links li a{color: #666;font-size: 16px;font-weight: 600;}
#A_Footer .ft_links li:nth-child(2) a{color: #fff;}
#A_Footer .copy {color: #666; font-size: 16px; font-weight: 400;}
@media screen and (max-width: 1700px) {
.header_wrap .logo{left: 1%;}
.right_header ul{margin-right: 0;}
.right_header{padding: 20px; padding-right: 10px;}
.right_header form{width: 16vw;}
.header_wrap .logo a img{width: 140px;}
.header_wrap nav{margin-left: 14%;}
}