@charset "utf-8";
/****************************************/
/* Name: MetaCall
/* Version: 1.0 / day: 2023-01-30
/* Author:  

/* Summary 
	1)메인 레이아웃
	2)반응형 레이아웃
	3)콘텐츠
	4)반응형 콘텐츠
*/
/****************************************/

/* noto-sans-kr */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../css/font/noto-sans-kr-v12-latin_korean-300.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
         url('../css/font/noto-sans-kr-v12-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/font/noto-sans-kr-v12-latin_korean-300.woff') format('woff'); /* Modern Browsers */
  }
  
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../css/font/noto-sans-kr-v12-latin_korean-500.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
         url('../css/font/noto-sans-kr-v12-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/font/noto-sans-kr-v12-latin_korean-500.woff') format('woff'); /* Modern Browsers */
  }

  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../css/font/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
         url('../css/font/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/font/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'); /* Modern Browsers */
  }

  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url('../css/font/noto-sans-kr-v12-latin_korean-900.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
         url('../css/font/noto-sans-kr-v12-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/font/noto-sans-kr-v12-latin_korean-900.woff') format('woff'); /* Modern Browsers */
  }

  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../css/font/noto-sans-kr-v12-latin_korean-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
         url('../css/font/noto-sans-kr-v12-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/font/noto-sans-kr-v12-latin_korean-700.woff') format('woff'); /* Modern Browsers */
  }


/* montserrat-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../css/font/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../css/font/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../css/font/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../css/font/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../css/font/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../css/font/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Common */
body{text-align: left;font-size:16px;line-height:1.5;font-family: 'Poppins', 'Noto Sans KR', sans-serif;color:#333;letter-spacing:-0.2px;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family: 'Poppins', 'Noto Sans KR', sans-serif;font-size:16px;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:500}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;vertical-align:middle}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box;}
a:link,a:visited{text-decoration:none;color:#333}
a:hover,a:focus,a:active{color:#252525}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{word-break:keep-all}
table {width:100%;border-spacing:0;border-collapse:collapse;}

html:not(.is-mobile) *::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}
html:not(.is-mobile) *::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.5);
}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #222;
}


/*
================================================================================
레이아웃
================================================================================
*/


#wrapper{position:absolute;display: flex;flex-direction: column;justify-content: center;min-width:320px;width:100%;min-height: 100%;overflow: hidden;overflow-y: auto;background: url('../img/bg.jpg') repeat;}

/* ---- 상단영역 ---- */
#header{position:relative;top:0;left:0;margin-bottom: auto;padding:0 50px;width:100%;min-width:320px;transition: all 0.3s ease;z-index:350}
#header .head_box{position:relative;display: flex;justify-content: space-between;align-items: center;padding: 50px 0 20px;transition: all 0.4s ease;z-index:50}
#header .head_box .logo a{display:block;}
#header .head_box .top_link{display: flex;align-items: center;}
#header .head_box .top_link ul{display: flex;align-items: center;margin-right: 10px;}
#header .head_box .top_link ul li{margin: 0 10px;}
#header .head_box .top_link ul li a{position: relative;display: block;padding-left:45px;font-size: 16px;color: #fff;font-weight: 500;}
#header .head_box .top_link ul li a::before{position: absolute;top: 50%;left:0;width: 45px;height: 45px;content: '';background-repeat: no-repeat;background-position: center center;border-radius: 50%;transform: translateY(-50%);}
#header .head_box .top_link ul li.ic1 a::before{background-image: url('../img/top_ic1.png');}
#header .head_box .top_link ul li.ic2 a::before{background-image: url('../img/top_ic2.png');}
#header .head_box .top_link .btn a{display: block;padding: 0 25px;color: #fff;font-weight: 500;line-height: 50px;border:1px solid #fff;border-radius: 25px;}


/* ---- 중간영역 ---- */
#container{position:relative;width: 100%;}
#container #content{position:relative;height: 100%;}


/* ---- 하단영역 ---- */
#footer{position:relative;left: 0;bottom: 0;margin-top: auto;padding: 40px 0;width: 100%;text-align: center;}
#footer .footMenu{margin-bottom: 15px;}
#footer .footMenu li{display: inline-block;margin:0 15px;}
#footer .footMenu li a{display: block;font-size: 14px;color: #fff;font-weight: 500;}
#footer small{display:block;font-size: 13px;color: rgba(255,255,255,0.8);}


/*
================================================================================
반응형 레이아웃
================================================================================
*/


 /* PC Device */
@media all and (max-width:1300px){

	
}

 /* TABLET Device */
 @media all and (max-width:900px){

	html {font-size: 10px;}
	body {font-size: 1rem;}

	html:not(.is-mobile) *::-webkit-scrollbar {
		width: 2px;
		height: 3px;
	}

	#wrapper{min-height: 128rem;font-size: 2rem;background-size: 192rem;}

	h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-size: 1rem;}

	#header{top: 0;padding: 0 5rem;}
	#header .head_box{align-items: flex-start;padding:5rem 0;height: 20rem;}
	#header .head_box .logo a img{width: 11.6rem;}
  #header .head_box .top_link ul{margin-right: 0.5rem;}
  #header .head_box .top_link ul li{margin: 0 0.5rem;}
  #header .head_box .top_link ul li a{padding: 0;width: 7rem;height: 7rem;text-indent: -999px;overflow: hidden;border: 1px solid rgba(255,255,255,0.5);border-radius: 50%;}
  #header .head_box .top_link ul li a::before{left: 50%;width: 4rem;height: 4rem;background-size: 100%;transform: translate(-50%, -50%);}
  #header .head_box .top_link .btn a{padding: 0 3rem;font-size: 2.4rem;line-height: 7rem;border: 1px solid rgba(255,255,255,0.5);border-radius: 3.5rem;}


  #container #content{min-height: auto;}


  #footer{padding:5rem 0;height: auto;}
  #footer .footMenu{margin-bottom: 2rem;}
  #footer .footMenu li{margin: 0 2rem;}
  #footer .footMenu li a{font-size: 2.2rem;}
  #footer small{font-size: 2.2rem;line-height: 1;}

	


 }


 /* Mobile Device */
@media all and (max-width:640px){
	
	html {font-size: 6px;}
	
	#wrapper{font-size: 1.5rem;min-height: 100%;}
	
}

/* Mobile Device */
@media all and (max-width:380px){
	
	html {font-size: 5px;}

}

 /* Mobile Device */
@media all and (max-width:340px){
	
	html {font-size: 4px;}

}

/*
================================================================================
콘텐츠
================================================================================
*/

/* 애니효과 */
.ani_0{transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani{opacity:0;transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y,
.swip_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x,
.swip_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 2s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 2s;}
.ani_x.m,
.swip_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.delay2{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.delay3{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.delay4{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.delay5{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.delay6{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.delay7{transition-delay:2.0s;-webkit-transition-delay:2.0s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:3.0s;-webkit-transition-delay:3.0s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;}

.firstAct .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.firstAct .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.firstAct .ani{opacity:1;}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:5px 10px;height:40px;font-size:18px;background:#fff;border:1px solid #ddd;border-radius:0}
textarea{margin:1px 0;padding:5px 10px;width:100%;border:1px solid #ddd;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
.select{padding:0 30px 0 10px;height:50px;font-size:16px;color:#636363;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('../img/ic_select_arrow.png') no-repeat right 12px center;border:1px solid #ddd;}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #c1c6cb;}
input::-webkit-input-placeholder {color: #c1c6cb;}
input::-moz-placeholder {color: #c1c6cb;}
input::-moz-placeholder {color: #c1c6cb;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #c1c6cb;}
textarea::-webkit-input-placeholder {color: #c1c6cb;}
textarea::-moz-placeholder {color: #c1c6cb;}
textarea::-moz-placeholder {color: #c1c6cb;}
input:disabled,
select:disabled{background-color:#f3f3f3}

/* 기본버튼 */
.btnBc{display:inline-block;vertical-align:middle;text-align:center;background: #216cd3;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:0 40px;min-width:80px;font-size: 18px;color:#fff;line-height:60px;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;cursor:pointer;border: 0;}


.main_wrap.firstAct .m_con_box .typeWrap.ltCon{animation: lt_ani 1 0.8s both;}
.main_wrap.firstAct .m_con_box .typeWrap.rtCon{animation: rt_ani 1 0.8s both;}

@keyframes lt_ani {
  0% {transform: translateX(-10%);opacity: 0;}
  100% {transform: translateX(0);opacity: 1}
}
@keyframes rt_ani {
  0% {transform: translateX(10%);opacity: 0;}
  100% {transform: translateX(0);opacity: 1}
}

.main_wrap{display: flex;align-items: center;}
.m_con_box{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 600px;transition: all 0.3s ease;}
.m_con_box .typeWrap{transition: all 0.4s ease;}
.m_con_box .typeWrap .typeBox{position: relative;display: flex;justify-content: center;align-items: center;text-align: center;width:100%;height: 500px;background-color: #fff;border-radius:50px;transition: all 0.4s ease;}
.m_con_box .typeWrap .typeBox .conBox{display: flex;align-items: center;transition: all 0.4s ease;}
.m_con_box .typeWrap .typeBox .conBox img{max-width: 50%;}
.m_con_box .typeWrap .typeBox dl{margin: 0 20px;color: #1b57d4;}
.m_con_box .typeWrap .typeBox dl dt{margin-bottom: 20px;font-size: 50px;font-weight: 600;line-height: 1;}
.m_con_box .typeWrap .typeBox dl dt span{display: block;font-family: 'Montserrat';margin-bottom: 10px;font-size: 20px;line-height: 1;font-weight: 700;}
.m_con_box .typeWrap .typeBox dl dd{font-size: 18px;}
.m_con_box .typeWrap .typeBox dl dd p{margin-bottom: 30px; max-width: 400px;}
.m_con_box .typeWrap .typeBox dl dd .btnReady{width: 150px;height: 60px;font-size: 16px;color: #1b57d4;font-weight: 600;border: 1px solid #1b4fa9;border-radius: 30px;box-sizing: border-box;}
.m_con_box .typeWrap .typeBox .conBox .etc_link{display: none;}
.m_con_box .typeWrap{width: calc(50% - 50px);}/* 간격조절 50px 조절*/
.m_con_box .typeWrap.ltCon{margin-right: 50px;animation:none;}/* 간격조절 50px 조절*/
.m_con_box .typeWrap.rtCon{margin-left: 50px;animation:none;}/* 간격조절 50px 조절*/
.m_con_box .typeWrap.ltCon .typeBox{padding-left: 10%;border-radius:0 50px 50px 0;}
.m_con_box .typeWrap.rtCon .typeBox{padding-right: 10%;border-radius:50px 0 0 50px;}
.m_con_box .typeWrap.rtCon .conBox{flex-direction: row-reverse;}

.m_con_box .typeWrap.over{width: 55%;}
.m_con_box .typeWrap.over .typeBox::before{position:absolute;top: 0;left:0;width: 100%;height: 100%;content: '';cursor: pointer;z-index:2}
.m_con_box .typeWrap.over .typeBox{height: 600px;}
.m_con_box .typeWrap.off{opacity: 0.5;}
.m_con_box .typeWrap.off .typeBox{padding: 0;}

.m_con_box.center .typeWrap{display: flex;justify-content: center;flex-shrink: 0;margin: 0;animation:none;transition: all 0.6s ease}
.m_con_box.center .typeWrap.open{width: 100%;cursor: auto;}
.m_con_box.center .typeWrap .typeBox{position: relative;margin: 0;padding: 0;border-radius: 20px;transition: all 0.4s ease-out;}
.m_con_box.center .typeWrap.open .typeBox{width: 550px;min-height: 600px;height: auto;}
.m_con_box.center .typeWrap .typeBox::before{display: none !important;}
.m_con_box.center .typeWrap.open .typeBox .conBox{flex-direction: column;padding: 50px 0 80px;width: 100%;}
.m_con_box.center .typeWrap.open .typeBox .conBox img{width: 160px;}
.m_con_box.center .typeWrap.open .typeBox .conBox dl{margin-top: 20px;}
.m_con_box.center .typeWrap.open .typeBox .conBox .etc_link{display:block;position: absolute;left: 0;bottom: 30px;width: 100%;}
.m_con_box.center .typeWrap.open .typeBox .etc_link li{position: relative;display: inline-block;margin: 0 20px;padding-left: 10px;}
.m_con_box.center .typeWrap.open .typeBox .etc_link li::before{position: absolute;top: 8px;left: 0;width: 4px;height: 4px;content: '';background-color: #1b57d4;border-radius: 50%;}
.m_con_box.center .typeWrap .typeBox .etc_link li a{display: block;font-size: 14px;color: #7b8291;}
.m_con_box.center .typeWrap.hid{opacity: 0;transition: all 1s ease-out;}
.m_con_box.center .typeWrap.hid .typeBox{width: 500px;}
.m_con_box.center .typeWrap.ltCon.hid{margin-left: -100%;}
.m_con_box.center .typeWrap.rtCon.hid{margin-right: -100%;}

.m_con_box.center .typeWrap.open .btn_trans{right: 0;opacity: 1;z-index: 10;transition-delay: 0.4s;}


.help_login_con{display: flex;flex-direction: column;align-items: center;padding: 60px 80px 80px;height: 100%;background-color: #fff;border-radius: 20px;}
.help_login_con .login_top{display: flex;align-items: center;margin-bottom: 35px;text-align: left;}
.help_login_con .login_top img{width: 140px;}
.help_login_con .login_top dl{margin: 0 0 0 20px;}
.help_login_con .login_top dl dd{font-size: 16px;}
.help_login_con .login_box{margin: 0 auto;max-width: 360px;}
.help_login_con .login_box .lg_inp{margin-bottom: 10px;padding: 0 25px;width: 100%;height: 60px;font-size: 16px;border-color: #d8e4f0;border-radius: 30px;transition: 0.3s;}
.help_login_con .login_box .lg_inp:focus{outline: none;border-color: #f26a7a;box-shadow: 3px 6px 6px rgba(0,0,0,0.1);}
.help_login_con .login_box .btn{width: 100%;height: 60px;font-family: 'montserrat';color: #fff;font-weight: 600;background-color: #0179f6;border-radius: 30px;border: 0;box-shadow: 3px 6px 6px rgba(9,116,229,0.2);}
.help_login_con .login_box .log_state{margin-top: 15px;font-size: 14px;color: #e5162f;}
.help_login_con .etc_link{position: absolute;left: 0;bottom: 30px;width: 100%;}


.btn_trans{opacity: 0;position: absolute;top: 0;right: -90px;width: 90px;height: 80px;font-size: 13px;color: #fff;background-color: #10141d;border-radius: 20px 0 0 20px;transition: 0.3s;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);z-index: -2;}
.btn_trans span{display: block;padding-top: 32px;background-repeat: no-repeat;background-position: center top;}
.btn_trans span br{display: none;}
.btn_trans.helper span{background-image: url('../img/ic_rt_type1.png');}
.btn_trans.user span{background-image: url('../img/ic_rt_type2.png');}

.down_txt{position: fixed;left: 20px;bottom:85px;z-index: 20;}
.down_txt button{position: relative;padding: 25px 40px;width: 416px;font-size: 16px;color: #fff;text-align: left;background-color: #10141d;border-radius: 15px;}
.down_txt button::before{position: absolute;left: 50px;bottom: -8px;width: 15px;height: 15px;content: '';background-color: #10141d;transform:rotate(45deg);}
.down_txt button span{display: block;padding-left: 60px;background: url('../img/ic_down.png') no-repeat left center;}

.s2_con{display: flex;align-items: center;padding: 0 50px;}
.s2_con .box{margin: 0 auto;max-width: 1040px;padding: 65px 50px;text-align: center;background-color: #fff;border-radius: 20px;}
.s2_con p{margin-bottom: 70px;padding-top: 85px;font-size: 22px;background: url('../img/ic_up_arrow.png') no-repeat center top;}
.s2_con h2{margin-bottom: 45px;padding: 15px;font-size: 18px;color: #fff;font-weight: 500;background-color: #63aff5;border-radius: 30px;}
.s2_con ul{display: flex;justify-content: center;align-items: center;align-items: flex-start;}
.s2_con ul li{position: relative;padding: 80px 10px 0;width: 33.33%;font-size: 17px;}
.s2_con ul li::before{position: absolute;top: 0;left: 50%;width: 63px;height: 63px;content: '';background-color: #63aff5;border-radius: 50%;transform: translateX(-50%);background-repeat: no-repeat;background-position: center top;background-size: 100%;}
.s2_con ul li u{font-weight: 600;}
.s2_con ul li.ic1::before{background-image: url('../img/ic_gud1.png');}
.s2_con ul li.ic2::before{background-image: url('../img/ic_gud2.png');}
.s2_con ul li.ic3::before{background-image: url('../img/ic_gud3.png');}

.access_number{display: flex;align-items: center;padding: 0 95px;}
.access_number .box{margin: 0 auto;padding: 55px 60px;width: 100%;max-width: 714px;background-color: #fff;border-radius: 20px;}
.access_number h2{margin-bottom: 10px;padding-top: 55px;font-size: 50px;color: #1b57d4;text-align: center;font-weight: 600;line-height: 1.2;background:url('../img/ic_help.png') no-repeat center top;}
.access_number h2 span{display: block;font-family: 'Montserrat';font-size: 20px;font-weight: 700;}
.access_number .box > p{margin-bottom: 40px;font-size: 16px;color: #4a6db8;text-align: center;}
.access_number h3{margin-bottom: 5px;font-size: 16px;color: #4a6db8;line-height: 1;}
.access_number .num{display: flex;justify-content: space-between;margin-bottom: 10px;padding: 10px;background-color: #f5f6f9;border-radius: 10px;}
.access_number .num input{display: flex;align-items: center;justify-content: center;margin: 0 2px;width: 64px;height: 64px;font-family: 'Montserrat';font-size: 30px;color: #0179f6;font-weight: 600;text-align: center;background-color: #fff;border: 0;border-radius: 8px;-webkit-appearance: none;-moz-appearance: textfield;}
.access_number .num input[type="number"]::-webkit-outer-spin-button,
.access_number .num input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;}
.access_number .num input:nth-of-type(4){margin-right: 20px;}
.access_number .infor{display: none}
.access_number .infor ul{padding: 10px 40px;background-color: #f8f8f9;}
.access_number .infor ul li{display: flex;align-items: flex-start;margin: 10px 0;font-size: 16px;color: #3c4d71;line-height: 1.4;}
.access_number .infor ul li .name{position: relative;flex-shrink: 0;margin:5px 20px 0 0;width: 80px;font-size: 14px;font-weight: 500;line-height: 1;}
.access_number .infor ul li .name::after{position: absolute;top: 50%;right: 0;width: 0;height: 10px;content: '';border-left: 1px solid #9aa2b5;transform:translateY(-50%);}
.access_number .infor ul li input{padding: 0 0 5px;width: 200px;height: 25px;font-size: 16px;letter-spacing: 1px;background-color: transparent;border: 0;}
.access_number .txt_state{margin-top:10px;font-size: 14px;color: #e5162f;text-align: center;}
.access_number .btn_connect{display: block;margin: 40px auto 0;width: 358px;height: 60px;font-family: 'montserrat';color: #fff;font-weight: 600;background-color: #0179f6;border-radius: 30px;border: 0;box-shadow: 3px 6px 6px rgba(9,116,229,0.2);}

/*
================================================================================
반응형 콘텐츠
================================================================================
*/





 /* TABLET Device */
@media all and (max-width:1300px){


  .main_wrap{height: 100%;}
	.m_con_box .typeWrap{width: calc(50% - 20px);}
  .m_con_box .typeWrap .typeBox .conBox img{max-width: 40%;}

  .m_con_box .typeWrap.ltCon{margin-right: 20px;}
  .m_con_box .typeWrap.rtCon{margin-left: 20px;}
  .m_con_box .typeWrap.ltCon .typeBox{padding-left: 0;}
  .m_con_box .typeWrap.rtCon .typeBox{padding-right: 0;}

  .m_con_box .ltCon .typeBox{padding-left: 0;}
	
	
}

/* TABLET Device */
@media all and (max-width:900px){


  .main_wrap{height: calc(100vh - 40rem);min-height: 80rem;}
  .m_con_box{height: 78rem;}

  .m_con_box .typeWrap.ltCon{margin-right: 1.8rem;}
  .m_con_box .typeWrap.rtCon{margin-left: 1.8rem;}

  .m_con_box .typeWrap,
  .m_con_box .typeWrap.over,
  .m_con_box .typeWrap.off{width: calc(50% - 1.8rem);}
	.m_con_box .typeWrap .typeBox .conBox{flex-direction: column;}
  .m_con_box .typeWrap .typeBox .conBox img{max-width: none;width: 26rem;}
  .m_con_box .typeWrap.ltCon .typeBox{border-radius: 0 5rem 5rem 0;}
  .m_con_box .typeWrap.rtCon .typeBox{border-radius: 5rem 0 0 5rem;}
  .m_con_box .typeWrap .typeBox dl{margin:2rem 0 0;}
  .m_con_box .typeWrap .typeBox dl dt{margin-bottom: 2rem;font-size: 5rem;}
  .m_con_box .typeWrap .typeBox dl dt span{margin-bottom: 1rem;font-size: 2.2rem;}
  .m_con_box .typeWrap .typeBox dl dd{font-size: 2.6rem;line-height: 1.2;}
  .m_con_box .typeWrap .typeBox dl dd p{margin-bottom: 3rem;}
  .m_con_box .typeWrap .typeBox dl dd .btnReady{width: 20rem;height: 9rem;font-size: 2.6rem;border-radius: 4.5rem;}

  .m_con_box .typeWrap .typeBox,
  .m_con_box .typeWrap.over .typeBox,
  .m_con_box .typeWrap.off .typeBox{padding:5rem 2rem;height: 80rem;opacity: 1;}
  .m_con_box .typeWrap.ltCon .typeBox{padding-left: 2rem;}
  .m_con_box .typeWrap.rtCon .typeBox{padding-right: 2rem;}

  .m_con_box .typeWrap.open{width: 100%;}
  .m_con_box.center .typeWrap .typeBox{align-items: flex-start;padding: 5rem 5rem 8rem;border-radius: 5rem;}
  .m_con_box.center .typeWrap.open .typeBox{width: 55rem;min-height: 80rem;}
  .m_con_box.center .typeWrap.open .typeBox .conBox{padding: 0;}
  .m_con_box.center .typeWrap.open .typeBox .conBox img{width: 27.5rem;}
  .m_con_box.center .typeWrap.open .typeBox .conBox .etc_link{bottom: 3rem;}
  .m_con_box.center .typeWrap.open .typeBox .conBox dl{margin-top: 2rem;}
  .m_con_box.center .typeWrap.open .typeBox .etc_link li{margin: 0 1rem;padding-left: 1.5rem;}
  .m_con_box.center .typeWrap.open .typeBox .etc_link li a{font-size: 2.4rem;}
  .m_con_box.center .typeWrap.open .typeBox .etc_link li::before{top: 1.5rem;width: 0.6rem;height: 0.6rem;}
  .m_con_box.center .typeWrap.hid .typeBox{width: 53rem;}

  .btn_trans{width: 8.5rem;height: 12.9rem;border-radius: 5rem 0 0 1rem;}
  .btn_trans span{padding-top: 3.3rem;font-size: 2rem;line-height: 1.1;background-size: 2.5rem;}
  .btn_trans span br{display: block;}

  .help_login_con{padding: 0 0 6rem;}
  .help_login_con .login_top{margin-bottom: 4rem;}
  .help_login_con .login_top img{width: 20rem;}
  .help_login_con .login_top dl{margin: 0 0 0 2rem;}
  .help_login_con .login_box{max-width: 39rem;}
  .help_login_con .login_box .lg_inp{margin-bottom: 1rem;padding: 0 3.3rem;height: 8rem;font-size: 2.6rem;border-radius: 4rem;}
  .help_login_con .login_box .btn{height: 8rem;font-size: 2.6rem;border-radius: 4rem;}
  .help_login_con .login_box .log_state{font-size: 2.4rem;}
  .help_login_con .etc_link{bottom: 3rem;}

  .down_txt{left: 50%;bottom:12.2rem;transform:translateX(-50%);}
  .down_txt button{padding: 3.5rem 4rem;width: 54rem;font-size: 2.2rem;border-radius: 2rem;}
  .down_txt button span{padding-left: 8rem;background-size: 5.2rem;}
  .down_txt button::before{left: 6.5rem;bottom: -1.2rem;width: 2.4rem;height: 2.4rem;}

  .s2_con{align-items: flex-start;padding: 0;height:auto;}
  .s2_con .box{padding: 7rem 4rem;border-radius: 0;}
  .s2_con p{margin-bottom: 6rem;padding-top: 12rem;font-size: 3rem;background-size: 9.4rem;}
  .s2_con h2{margin-bottom: 6rem;padding: 2rem;font-size: 2.5rem;border-radius: 4rem;}
  .s2_con ul li{padding: 11rem 1rem 0;font-size: 2.2rem;}
  .s2_con ul li::before{width: 8.9rem;height: 8.9rem;}

  .access_number{align-items: flex-start;padding: 0 9.5rem;height:auto;}
  .access_number .box{padding: 5.7rem 0;max-width: 56rem;border-radius: 5rem;}
  .access_number h2{margin-bottom: 2rem;padding-top: 8rem;font-size: 6rem;background-size: 4rem;}
  .access_number h2 span{font-size: 2.4rem;}
  .access_number .box > p{margin-bottom: 5rem;font-size: 2.2rem;}
  .access_number .acc_number_con{margin: 0 auto;max-width: 35rem;}
  .access_number h3{margin-bottom: 1rem;font-size: 2.2rem;}
  .access_number .num{flex-wrap: wrap;margin-bottom: 1.5rem;padding: 1.2rem;border-radius: 1.2rem;}
  .access_number .num input{margin: 0 0 2.4rem;width: calc(25% - 0.4rem);height: 7.8rem;font-size: 3.6rem;border-radius: 1rem;}
  .access_number .num input:nth-of-type(4){margin-right: 0;}
  .access_number .num input:nth-of-type(4) ~ input{margin-bottom: 0;}
  .access_number .infor ul{padding: 3rem 4rem;}
  .access_number .infor ul li{margin: 1rem 0;font-size: 2.4rem;}
  .access_number .infor ul li .name{margin-right: 3rem;font-size: 2.2rem;width: 10rem;}
  .access_number .infor ul li .name::after{height: 1.5rem;border-left-width:0.2rem ;}
  .access_number .infor ul li input{padding-bottom: 0.5rem;height: 4rem;width: 100%;font-size: 2.2rem;}
  .access_number .txt_state{margin-top: 2rem;font-size: 2.1rem;}
  .access_number .btn_connect{margin-top: 3rem;width: 35.8rem;height: 7.8rem;font-size: 2.6rem;border-radius: 4rem;}
  

}

 /* Mobile Device */
@media all and (max-width:640px){
	
	
}

.btnReady {
  display: none;
}