@charset "utf-8";

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+KR:wght@200..900&display=swap);
@font-face {
  font-family: 'NotoSansKR';
  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: 'NotoSansKR';
  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: 'NotoSansKR';
   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: 'NotoSansKR';
   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: 'NotoSansKR';
   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: 'NotoSansKR';
   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');
 }

 html {scroll-behavior: smooth;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1;font-family:'Nanum Gothic', sans-serif;color:#333}
/*body,th,td,input,select,textarea,button {font-size:14px;line-height:1;font-family: 'NotoSansKR', sans-serif;color:#333}*/
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
img,input,textarea,fieldset{border:0 none;outline:none}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width: 100%;}
body {
	/*폰트 최적화*/
	font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
	/*-webkit-text-size-adjust:none*/
}
a {color:#333;text-decoration:none;outline: none;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend,caption{display: block;overflow: hidden;visibility: hidden;width: 0 !important;height: 0 !important;line-height: 0 !important;font-size: 0 !important}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

.img-mobile { display: none; }
.disp-mobile-sec {display: none;}

@media (max-width: 767px) { 
.img-pc { display: none; }
.img-mobile { display: block; }

.disp-pc-sec { display: none; }	
.disp-mobile-sec {display: block;}	
}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

.section_1 { overflow: hidden;position:relative; width:100%;margin: 0 auto;}
.section_1 .tit_wrap {position:absolute;left:20.5rem;top: 50%;transform: translate(0, -50%);z-index: 2;}
.section_1 .txt_wrap {position:relative;margin-top: 4.563rem;}
.section_1 .txt_wrap .txt_1 {font-family:'NotoSansKR';font-size: 2.344rem;font-weight:500;color:#ffffff;text-align: left;letter-spacing: -0.75px;margin-bottom: 1.438rem; }
.section_1 .txt_wrap .txt_1 .ipt {color:#fff95f;}
.section_1 .txt_wrap .txt_2 {font-family:'NotoSansKR';font-size: 7.281rem;font-weight:bold;color:#ffffff;text-align: left;letter-spacing: -2.33px;}
.section_1 .btn_wrap {position:relative;display: flex;flex-direction:row; justify-content: start;margin-top: 5.125rem;}
.section_1 .btn_wrap .btn {position:relative;width: 45%;display: flex;flex-direction:row; justify-content: start;background-color:#0078d6;padding: 1rem 1.25rem 1rem 1.5rem;margin-right: 0.75rem;cursor: pointer;}
.section_1 .btn_wrap .btn:last-child {margin-right: 0;}
.section_1 .btn_wrap .btn .txt {position:relative;width: 80%;font-family:'NotoSansKR';font-size: 1.25rem;font-weight:bold;color:#ffffff;text-align: left;letter-spacing: -0.6px;}
.section_1 .btn_wrap .btn .ico {position:relative;width: 20%;text-align: right;}
.section_1 .btn_wrap .btn .ico img {width: 50%;}
@media (max-width: 1024px) { 
    .section_1 .tit_wrap {left:15.5rem;}
    .section_1 .txt_wrap {margin-top: 2.125rem;}
    .section_1 .txt_wrap .txt_1 {font-size: 1.338rem;letter-spacing: -0.46px;margin-bottom: 0.813rem;}
    .section_1 .txt_wrap .txt_2 {font-size: 3.125rem;letter-spacing: -1px;}
    .section_1 .btn_wrap {flex-direction:column;margin-top: 2rem;}
    .section_1 .btn_wrap .btn {width: 55%;margin-right: 0;margin-bottom: 0.5rem;}
    .section_1 .btn_wrap .btn .txt {font-size: 1.125rem;letter-spacing: -0.54px;}
}
@media (max-width: 767px) { 
    .section_1 .tit_wrap {left:5rem;}
}

.section_2 { overflow: hidden;position:relative; width:100%;margin: 6.438rem auto 0;}
.section_2 > .tit_wrap {position:relative;width: 50%;margin: 0 auto 2.313rem;}
.section_2 > .tit_wrap .txt_1 {font-family:'NotoSansKR';font-size: 3.219rem;font-weight:900;color:#141414;text-align: center;letter-spacing: -1.29px;margin-bottom: 1.625rem;}
.section_2 > .tit_wrap .txt_2 {font-family:'NotoSansKR';font-size: 1.438rem;font-weight:bold;color:#241916;text-align: center;letter-spacing: -0.58px;}
.section_2 .banner_wrap {position:relative;width: 80%;margin: 0 auto;display: flex;flex-direction:row; justify-content: space-between;}
.section_2 .banner_wrap .banner {position:relative;width: 20%;margin-right: 0.313rem;}
.section_2 .banner_wrap .banner img { width: 100%; object-fit: cover; }
.section_2 .banner_wrap .banner:last-child {margin-right: 0;}
.section_2 .banner_wrap .banner .tit_wrap {position:absolute;width: 100%;left:50%;top: 2.688rem;transform: translate(-50%, 0);}
.section_2 .banner_wrap .banner .tit_wrap .logo {position:relative;width:25%;margin:0 auto 4.938rem;}
.section_2 .banner_wrap .banner .tit_wrap .logo img {width: 100%;}
.section_2 .banner_wrap .banner .tit_wrap .txt_wrap {position:relative;}
.section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_1 {font-family:'NotoSansKR';font-size: 2.125rem;font-weight:bold;color:#fff95f;text-align: center;letter-spacing: -2.33px;margin-bottom: 1.5rem;}
.section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_2 {font-family:'NotoSansKR';font-size: 1.688rem;font-weight:bold;color:#ffffff;text-align: center;letter-spacing: normal;line-height: 1.3;}
@media (max-width: 1633px) { 
    .section_2 .banner_wrap .banner .tit_wrap .logo {width: 40%;margin: 0 auto 2.938rem;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_1 {font-size: 1.5rem;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_2 {font-size: 1.1rem;}
}
@media (max-width: 1024px) { 
    .section_2 .banner_wrap .banner .tit_wrap .logo {width: 45%;}
    .section_2 .banner_wrap .banner .tit_wrap {top:1.5rem;}
    .section_2 .banner_wrap .banner .tit_wrap .logo {margin:0 auto 2rem;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_1 {font-size: 1.2rem;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_2 {font-size: 0.9rem;}
}
@media (max-width: 767px) { 
    .section_2 {margin: 2.25rem auto 0;}
    .section_2 > .tit_wrap {width: 80%;margin: 0 auto 1.563rem;}
    .section_2 > .tit_wrap .txt_1 {font-size: 1.625rem;letter-spacing: -0.65px;margin-bottom: 0.688rem;}
    .section_2 > .tit_wrap .txt_2 {font-size: 1.125rem;letter-spacing: -0.45px;}
    .section_2 .banner_wrap {flex-direction:column;}
    .section_2 .banner_wrap .banner {width: 100%;margin-right:0;margin-bottom:0.625rem;}
    .section_2 .banner_wrap .banner .tit_wrap {top:5rem}
    .section_2 .banner_wrap .banner .tit_wrap .logo {width: 30%;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_1 {font-size: 1.75rem;}
    .section_2 .banner_wrap .banner .tit_wrap .txt_wrap .txt_2 {font-size: 1.5rem;line-height: 1.25;}
}
.section_3 { overflow: hidden;position:relative; width:80%;margin: 6.188rem auto 7.5rem;display: flex;flex-direction:row; justify-content: start;}
.section_3 .map {width: 50%;}
.section_3 .info_wrap {width: 50%;}
.section_3 .info_wrap .info_1 {position:relative;margin-top: 3.5rem;}
.section_3 .info_wrap .info_1 .line {position: relative;width: 9.563rem;height: 0.125rem;background-color: #000;margin: 0 auto;}
.section_3 .info_wrap .info_1 .txt_1 {font-family:'NotoSansKR';font-size: 1.5rem;font-weight:bold;color:#0d0d0d;text-align: center;letter-spacing: -0.6px;margin-bottom: 1.313rem;}
.section_3 .info_wrap .info_1 .txt_2 {font-family:'NotoSansKR';font-size: 1.875rem;font-weight:normal;color:#0d0d0d;text-align: center;letter-spacing: -0.75px;margin-bottom: 3.813rem;}
.section_3 .info_wrap .info_1 .txt_2 .ipt {font-weight:bold;}
.section_3 .info_wrap .info_2 {position:relative;margin-top: 3.313rem;}
.section_3 .info_wrap .info_2 .txt_1 {font-family:'NotoSansKR';font-size: 1.5rem;font-weight:bold;color:#0d0d0d;text-align: center;letter-spacing: -0.6px;margin-bottom: 1.5rem;}
.section_3 .info_wrap .info_2 .txt_2 {font-family:'NotoSansKR';font-size: 4.188rem;font-weight:normal;color:#0d0d0d;text-align: center;letter-spacing: -1.68px;margin-bottom: 2.938rem;}
.section_3 .info_wrap .info_2 .txt_3 {font-family:'NotoSansKR';font-size: 1.5rem;font-weight:normal;color:#0d0d0d;text-align: center;letter-spacing: -0.6px;}
@media (max-width: 1024px) { 
    .section_3 .info_wrap .info_1 .txt_2 {font-size: 1.5rem;letter-spacing: -0.6px;}
    .section_3 .info_wrap .info_2 .txt_2 {font-size: 2.188rem;letter-spacing: -0.88px;}
    .section_3 .info_wrap .info_2 .txt_3 {font-size: 1.375rem;letter-spacing: -0.55px;}
}
@media (max-width: 767px) { 
    .section_3  {width:100%;flex-direction:column;}
    .section_3 .map {width: 100%;}
    .section_3 .info_wrap {width: 100%;}
    .section_3 .info_wrap .info_1 .line {width: 6.188rem;height: 0.063rem;}
    .section_3 .info_wrap .info_1 .txt_1 {font-size: 1.375rem;letter-spacing: -0.55px;}
    .section_3 .info_wrap .info_1 .txt_2 {font-size: 1.5rem;letter-spacing: -0.6px;}
    .section_3 .info_wrap .info_2 .txt_1 {font-size: 1.375rem;letter-spacing: -0.55px;}
    .section_3 .info_wrap .info_2 .txt_2 {font-size: 2.188rem;letter-spacing: -0.88px;}
    .section_3 .info_wrap .info_2 .txt_3 {font-size: 1.375rem;letter-spacing: -0.55px;}
}
footer { overflow: hidden;position:relative; width:100%;margin: 0 auto;border-top:0.125rem solid #808080;}
footer .info_wrap {position:relative; width:45%;margin: 2.875rem auto 4rem;display: flex;flex-direction:row; justify-content: start;}
footer .info_wrap .info_1 {width: 60%;}
footer .info_wrap .info_1 .txt_1 {font-family:'NotoSansKR';font-size: 1rem;font-weight:300;color:#333;text-align: left;letter-spacing: normal;margin-bottom: 1.313rem;}
footer .info_wrap .info_1 .txt_2 {font-family:'NotoSansKR';font-size: 2.875rem;font-weight:normal;color:#333;text-align: left;letter-spacing: normal;margin-bottom: 1.25rem;}
footer .info_wrap .info_1 .txt_3 {font-family:'NotoSansKR';font-size: 0.875rem;font-weight:300;color:#777;text-align: left;letter-spacing: normal;line-height: 1.57;margin-bottom: 1.25rem;}
footer .info_wrap .info_1 .txt_4 {font-family:'NotoSansKR';font-size: 0.875rem;font-weight:300;color:#3c3c3c;text-align: left;letter-spacing: normal;}
footer .info_wrap .info_2 {width: 40%;}
footer .info_wrap .info_2 .txt_1 {font-family:'NotoSansKR';font-size: 1.25rem;font-weight:300;color:#333;text-align: left;letter-spacing: normal;margin-bottom: 1.563rem;}
footer .info_wrap .info_2 .txt_2 {font-family:'NotoSansKR';font-size: 0.875rem;font-weight:300;color:#000;text-align: left;letter-spacing: normal;margin-bottom: 0.75rem;}
footer .info_wrap .info_2 .txt_3 {font-family:'NotoSansKR';font-size: 0.875rem;font-weight:300;color:#777;text-align: left;letter-spacing: normal;line-height: 1.86;}
footer .logo_wrap {position:relative; width:100%;margin: 0 auto;background-color:#edecec;padding-top:2.438rem;padding-bottom:3.813rem;}
footer .logo_wrap .logo_cont {position:relative; width:55%;margin: 0 auto;display: flex;flex-direction:row; justify-content: start;}
footer .logo_wrap .logo_cont .logo_1 {width: 15%;}
footer .logo_wrap .logo_cont .logo_1 img {width: 100%;}
footer .logo_wrap .logo_cont .logo_2 {width: 37%;display: flex;flex-direction:row; justify-content: start;padding-top:1rem;}
footer .logo_wrap .logo_cont .logo_2 .ico {width: 13%;}
footer .logo_wrap .logo_cont .logo_2 .ico img {width: 100%;}
footer .logo_wrap .logo_cont .logo_2 .txt {width: 87%;font-family:'NotoSansKR';font-size: 0.813rem;font-weight:300;color:#7e7e7e;text-align: left;letter-spacing: normal;line-height: 1.54;padding-left: 0.688rem;padding-top: 0.3rem;}
footer .logo_wrap .logo_cont .blank {width: 11%;}
@media (max-width: 1633px) { 
    footer .info_wrap {width:75%;}
    footer .logo_wrap .logo_cont {width:75%;}
}
@media (max-width: 1024px) { 
    footer .info_wrap {width:95%;}
    footer .logo_wrap .logo_cont {width:90%;}
    footer .logo_wrap .logo_cont .blank {width:3%;}
    footer .logo_wrap .logo_cont .logo_2 {width:41%;}
}
@media (max-width: 767px) { 
    footer .info_wrap {width:90%;flex-direction:column;}
    footer .info_wrap .info_1 {width: 100%;}
    footer .info_wrap .info_1 .txt_1 {text-align:center;}
    footer .info_wrap .info_1 .txt_2 {text-align:center;}
    footer .info_wrap .info_1 .txt_3 {text-align:center;}
    footer .info_wrap .info_1 .txt_4 {text-align:center; line-height: 1.57;}
    footer .info_wrap .info_2 {width: 100%;margin-top: 3.313rem;}
    footer .info_wrap .info_2 .txt_1 {text-align:center;}
    footer .info_wrap .info_2 .txt_2 {text-align:center;}
    footer .info_wrap .info_2 .txt_3 {text-align:center;}
    footer .logo_wrap .logo_cont {flex-direction:column;width: 100%;}
    footer .logo_wrap .logo_cont .logo_1 {width:40%;margin: 0 auto 2.625rem;}
    footer .logo_wrap .logo_cont .logo_2 {width:75%;margin: 0 auto;}    
    footer .logo_wrap .logo_cont .logo_2 .ico {width:15%;}
    footer .logo_wrap .logo_cont .logo_2 .txt {padding-left:0.5rem;}
}