@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(../fonts/NotoSansKR-Thin.woff) format('woff'),
url(../fonts/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
url(../fonts/NotoSansKR-Light.woff) format('woff'),
url(../fonts/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(../fonts/NotoSansKR-Regular.woff) format('woff'),
url(../fonts/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(../fonts/NotoSansKR-Medium.woff) format('woff'),
url(../fonts/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(../fonts/NotoSansKR-Bold.woff) format('woff'),
url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
url(../fonts/NotoSansKR-Black.woff) format('woff'),
url(../fonts/NotoSansKR-Black.otf) format('opentype');}


/* 나눔명조*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');


/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


html{-webkit-text-size-adjust:none; -ms-user-select:none; 
  -khtml-user-select:none; -webkit-user-select:none;
  -webkit-touch-callout:none; user-select:none;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:after, *:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body{position: relative;}
body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#333333; letter-spacing:-0.2px;
font-weight: 500; font-family: 'Noto Sans KR'; text-align: left; } 
body{width:100%; position:relative;word-wrap:break-word;
word-break:break-all; background:#fff/*fafafa*/;}

nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
input:focus, button:focus, textarea:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;
color:#333;}
a:link{color:#333;}
a:visited{color:#333;}
b{font-weight: 700;}


/*fix*/ 
.clear_fix:after{content:""; display:block; clear:both;}
.ib_fix{line-height:0px;}
.hidden_fix{position: absolute; overflow: hidden; top: 0; left: 0;
width: 1px; height: 1px; line-height: 0; text-indent:-10000px}
legend, caption {overflow: hidden; top: 0; left: 0; width: 0; height: 0; line-height: 0;}
.t-center{text-align: center;}
.lb_hide {overflow: hidden; position: absolute;
width: 0; height: 0;line-height: 0; text-indent: -9999px;}
.otw{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.otw-l2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.f-left{float:left;}
select{background: #fff; border: 1px solid #d2d2d2; font-size: 14px;
text-align: left; padding: 0px 4px; height: 36px; margin-top: 8px; }
select:focus{border:1px solid #005c9b;}
.r-btns{float: right; }
.r-btns:after{content: ""; display: block; clear: both;}
.ft-red{color:#e13137;}




.intro-all-wrap{width:100%; height: 100vh; background: url(../images/main-bg.png) left no-repeat;
background-size: auto 100vh}
.intro-content-wrap{width:calc(100% - 620px); /*max-width: 1920px;*/ margin:0 auto;}
.supercall-logo{width:198px; height:55px; margin-top:44px; float: left;}
.intro-header{width:100%; padding:0px 54px;height: 149px;}
.intro-header:after{content: ""; display: block; clear: both;}
.intro-header .r-btns{margin-top:70px;}

.scm-menu{margin-left:160px; font-size:16px; color:#55555b; text-align: left;
float: left;}


.intro-main-area{width:100%; /*max-width: 1920px;*/ margin:0 auto; position: relative;
min-height: calc(100vh - 149px)}
.intro-main-area:after{content: ""; display: block; clear: both;}
.intro-main-txt-wrap{position: absolute; /*margin-right: 234px;*/
right:0px; top:280px;
width:600px;}
.intro-main-txt-wrap .sepp{font-size: 40px; font-weight: bold; color:#2b2b2f;
text-align: left; line-height: 61px;}
.serpe{background:#ffb400; padding:4px; border-radius: 3px;}
.start-btn{display: block; width:267px; height: 50px; line-height: 50px; text-align: center;
background: #4555b3; border-radius: 6px; margin-top:55px;
box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.1);}
.start-btn span{color:#fff; font-weight: bold; font-size:22px; text-align: center;
display: inline-block; line-height: 1;
background: url(../images/arrow-right101.png) right no-repeat;
background-size: 19px 16px; padding-right: 34px;}
.intro-user-counter{position: absolute; background: url(../images/user-counter.png) center no-repeat;
width:340px; height: 66px; bottom:60px; left:46px;}
.intro-user-counter:after{content: ""; display: block; clear: both;}
.intro-user-number{width:175px; height:36px; line-height:32px; border-radius: 6px; background: #222;
color:#ffc742; padding:0px 11px; text-align: right; float: right; margin:12px 14px 0px 0px;
font-size:24px;}


@media screen and (max-width: 1920px) {

.intro-content-wrap{width:calc(100% - 100px); /*max-width: 1920px;*/ margin:0 auto;}
.scm-menu{margin-left:6.4vw; font-size:16px; color:#55555b; text-align: left;
float: left;}


}

@media screen and (max-width: 1440px) {
.intro-content-wrap{width:calc(100% - 80px); /*max-width: 1920px;*/ margin:0 auto;}
.intro-all-wrap{width:100%; height: 100vh; background: url(../images/main-bg.png) center no-repeat;
background-size: auto 100vh}
.intro-main-txt-wrap{
width:440px;}
.intro-main-txt-wrap .sepp{font-size: 30px; font-weight: bold; color:#2b2b2f;
text-align: left; line-height: 45px;}
.intro-header{padding:0px 30px;}
}


@media screen and (max-width: 920px) {

.intro-content-wrap{width:calc(100% - 60px); /*max-width: 1920px;*/ margin:0 auto;}
.scm-menu{margin-left:4.2vw; font-size:15px; color:#55555b; text-align: left;
float: left;}
.intro-header{padding:0px;}




}

@media screen and (max-width: 740px) {
.intro-all-wrap{width:100%; height: 100vh; 
background-size: auto 100vh}
.intro-main-txt-wrap .sepp{font-size: 25px; font-weight: bold; color:#2b2b2f;
text-align: left; line-height: 40px;}
.serpe{padding:2px;}
.intro-main-txt-wrap{width:370px;}

}


@media screen and (max-width: 580px) {
.r-btns, .intro-user-counter{display: none;}

}




@media screen and (max-width: 540px) {
.intro-all-wrap{width:100%; height: 100vh; background: url(../images/main-bg2.png) center no-repeat;
background-size: auto 100vh}

.supercall-logo{display: none;}

.intro-main-txt-wrap{width: 100%; top:auto; bottom:40px; text-align: center;}
.intro-main-txt-wrap .sepp{font-size: 4.9vw; font-weight: normal; color:#fff;
text-align: center; line-height: 8.2vw;}
.serpe{padding:2px 6px; background: #09182c; color:#ffb400; border-radius: 2px;
font-weight: bold}

.start-btn{width:100%; background: #ffb400; margin-top:34px;}
.start-btn span{color:#000; background: url(../images/arrow-right102.png) right no-repeat;
background-size: 19px 16px;}

}

@media screen and (max-width: 370px) {






}

@media screen and (max-width: 320px) {




}

@media screen and (max-width: 240px) {






}