/* ====================================== COMMON ======================================*/
/* ::: default setting::: */
* a, label, input, textarea{text-decoration: none!important; color: inherit;
    font-family: 'Pretendard';
    font-weight: 400;
    border-radius: 0;
	text-decoration:none;
}
html{font-family: 'Pretendard';}
body{padding:0;margin:0;}
body{font-family: 'Pretendard';letter-spacing: 0.1px; 
/* color: var(--txt-D);  */
color: #222;
    /* -webkit-tap-highlight-color : transparent!important; */
    /* cursor: none; */
}
div{font-family: 'Pretendard';}
/* ======================================// COMMON ======================================*/

/* ====================================== font ======================================*/
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:WOFF_0;
	src:url('/css/font/woff/NanumSquareNeoTTF-aLt.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face{
	font-family:WOFF_1;
	src:url('/css/font/woff/NanumSquareNeoTTF-bRg.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face{
	font-family:WOFF_2;
	src:url('/css/font/woff/NanumSquareNeoTTF-cBd.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face{
	font-family:WOFF_3;
	src:url('/css/font/woff/NanumSquareNeoTTF-dEb.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face{
	font-family:WOFF_4;
	src:url('/css/font/woff/NanumSquareNeoTTF-eHv.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: Pretendard;
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
/* ====================================== // font ======================================*/

/*------------- 퀵메뉴 ------------*/
.mqukboxin {
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    z-index: 1000;
}
.mqukbox {
    margin-bottom: 0.8rem;
    display: block;
}
.mqukbox:last-child{
	margin-bottom:0rem;
}
.mqukbox img {
    height: 9.4rem;
}

@media (max-width:1500px) {
	.mqukboxin {
		right: 2rem;
		bottom: 2rem;
	}
	.mqukbox img {
		height: 8.4rem;
	}
}
@media (max-width:767px) {
	.mqukboxin.mosup{
		bottom:1rem;
	}
	.mqukboxin {
		right: 1rem;
		    bottom: 8rem;
		/* bottom: 1rem; */
	}
	.mqukbox {
		margin-bottom: 0.4rem;
	}
	.mqukbox img {
		height: 6.6rem;
	}
}

/*------------- 헤드 광고 ------------*/

/* #topbanner.showtb{ */
	/* z-index:-1; */
	/* height:0; */
	/* opacity: 0; */
    /* visibility: hidden; */
/* } */
.tpbannverbox {
	transition:all 0s;
    width: 100%;
    position: relative;
    height: 5rem;
    background: #192770;
    display: flex;
    text-align: Center;
    align-items: center;
    justify-content: center;
	z-index:10;
}
.tpbannverbox dl {
    display: inline-block;
}
.tpbannverbox dl a{
	color: #fff;
	font-family: 'WOFF_2';
	font-size: 1.9rem;
}
.tpbannverbox dl a img{
	height:1.2rem;
	margin-left:1rem;
}
.tpbannverbox dl a span {
    color: #ffc000;
    display: inline-block;
    margin: 0rem 0.4rem;
}
.pctpb {
    display: flex;
    align-items: center;
    justify-content: center;
}
.motpb{
	display:none;
}


.btn_cancel{
	position:absolute;
	right:0.2rem;
	top:0.2rem;
	cursor:pointer;
}
.btn_cancel img {
    height: 3.5rem;
}
@media (max-width:991px) {
	.tpbannverbox {
		z-index:100;
		height: 3rem;
	}
	
	.btn_cancel img {
		height: 3rem;
	}
	/* .tbparrow{display:none;} */
	.tpbannverbox dl {

		/* border-radius: 2rem; */
		/* background: #192770; */
		/* padding: 1rem 4rem 1rem 2rem; */
		/* top: 8rem; */
		/* position: absolute; */
		/* display: inline-block; */
	}
	.btn_cancel {
		position: absolute;
		right: 0rem;
		top: 0rem;
		cursor: pointer;
	}
	/* .pctpb { */
		/* display:none; */
	/* } */
	/* .motpb{ */
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
	/* } */
}
@media (max-width:767px) {
	.tpbannverbox {
		height: 4rem;
	}
	.pctpb {
		display:none;
	}
	.motpb{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.tpbannverbox dl a img {
		height: 1rem;
		margin-left: 0.6rem;
	}
	
	.tpbannverbox dl {
		/* border-radius: 2rem; */
		/* background: #192770; */
		/* padding: 1rem 4rem 1rem 2rem; */
		/* top: 7rem; */
		/* position: absolute; */
		display: inline-block;
	}
	.tpbannverbox dl a {
		letter-spacing: -0.4px;
		color: #fff;
		font-family: 'WOFF_2';
		font-size: 1.5rem;
	}
	/* .tpbannverbox dl { */
		/* border-radius: 2rem; */
		/* background: #192770; */
		/* padding: 0.8rem 3.5rem 0.8rem 1.4rem; */
		/* top: 7rem; */
		/* position: absolute; */
		/* display: inline-block; */
	/* } */
	.btn_cancel img {
		height: 2.4rem;
	}
}


/*------------- 클릭 이미지 / 팝업 ------------*/
.cercbox{width:100%;position:relative;}
.cercbox ul{text-align: left;width: 100%;display: flex;flex-flow: row wrap;list-style: none;padding: 0;margin: 0;}
.cercbox ul li {float: left;text-align: center;width: calc(33.33333333333% - 2.14rem);position: relative;display: inline-block;list-style: none;margin: 0 3.2rem 0rem 0;}
.cercbox ul li:nth-child(3){margin: 0 0rem 0rem 0;}
.cercbox dl {padding: 4rem 0rem 0rem 0rem;margin-top: 3rem;display: block;color: #000;text-align: center;font-size: 2rem;font-family: 'Pretendard-Light';line-height: 3.6rem;letter-spacing: -0.4px;}

.cerc{width:100%;position:relative;}
.cerc:hover .cermore{display: flex;}
.cerc:hover .cerimg img{top:-1rem;box-shadow: 5px 15px 10px 0px rgba(0, 0, 0, 0.20);}
.cerc:hover h3{font-family: 'Pretendard-SemiBold';text-decoration:underline;}
.cerimg{width:100%;position:relative;}
.cerimg img{top:0rem;width:100%;position:relative;border-radius: 0.2rem;box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.20);}
.cerc h3{margin-top:1.8rem;display:block;text-align:left;color: #222;font-size: 1.6rem;font-family: Pretendard;line-height:2.2rem;letter-spacing: -0.32px;}

.cermore {cursor: pointer;display: none;z-index: 10;height: 100%;width: 100%;top: 0rem;left: 0rem;position: absolute;align-items: center;justify-content: center;}
.cermore img {box-shadow: none!important;width: 8rem;height: 8rem;}

.cer_popup {overflow: auto;width: 100%;height: 100%;display: none;text-align: center;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.8);z-index: 3400;}
.cer-popup-close {cursor: pointer;border: none;z-index: 1!important;width: 2.2rem;height: 2.2rem;padding-top: 0px;display: inline-block;position: absolute;top: 0rem;right: 0rem;background-image: url(/img/sub/cercloseimg.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.cer_popup_inner {overflow-y: scroll;height: 100%;width: 100%;top: 0rem;display: block;position: relative;padding: 8.7rem 2rem 8.7rem 2rem;}

.cercontPop {margin: 0 auto;max-width: 70rem;width: 100%;position: relative;}
.imgpotitle{display:block;}
.imgpotitle dl{display:block;text-align: left;color: #FFF;font-family: 'Pretendard-SemiBold';font-size: 2.2rem;line-height: 2.6rem;}
.cerbigimginner {
    background: #fff;
    padding: 1rem;
    width: 100%;
    position: relative;
    margin-top: 3rem;
}
.cerbigimginner img {
    width: 100%;
    max-width: 100%;
}
.cerbigYoutubeframeInner {
    position: relative;
    width: 100%;
    padding-bottom: 55.815%;
    border-radius: 1rem;
}
.cerbigYoutubeframeInner iframe {
    border-radius: 1rem;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
@media (max-width:767px) {
	.cer_popup_inner {
		padding: 6rem 1rem 6rem 1rem;
	}
	.cerbigimginner {
		margin-top: 1.4rem;
	}
	.imgpotitle dl {
		font-size: 2rem;
		line-height: 2.6rem;
	}
}
/*------------- // 클릭 이미지 / 팝업 ------------*/

/* ====================================== HEADER ======================================*/
#header{
	width: 100%; 
	
position: relative;
/* position:absolute; */
/* position:fixed; */
transition:all 0.3s;
padding: 0 0px;z-index: 3000;top: 0;background-color:#fff;}

#header.header-scrolled{
	transition:all 0.3s;
	position: fixed;
}
/* #header.header-scrolled:before{ */
	/* content:''; */
	/* width:100%; */
	/* height:1px; */
	/* background:#eee; */
	/* position:absolute; */
	/* left:0px; */
	/* bottom:0px; */
	
/* } */
#header:before{
	content:'';
	width:100%;
	height:1px;
	background:#eee;
	position:absolute;
	left:0px;
	bottom:0px;
	
}



.headerContent{width: 100%;
max-width:200rem;
padding: 0px 2rem 0px 2rem;
position:relative;height: 7rem;margin: 0 auto;display: block;align-items: center;}

.topLogo {
    display: inline-block;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    left: 14rem;
    top: 50%;
    transform: translateY(-50%);
}
.topLogo img{    max-height: 4.4rem;object-fit: cover;}

.main-nav>ul{height: 7rem;display: flex;justify-content: center; align-items: center;white-space: nowrap;}
.main-navList{position: relative;padding: 0 3rem;cursor: pointer;}
.main-navList>a{font-weight:500;font-size: 1.8rem; letter-spacing: -0.4px; color: var(--txt-w); color: #222; line-height: 7rem;display: inline-block;}

a.colorPulse {
  color: #222;
  animation: colorPulse 1s infinite;
}
@keyframes colorPulse {
  0%, 100% {
    color: #222;
  }
  50% {
    color: #c11c30;
  }
}

.sub-MenuList{
	position:relative;
}
.sub-MenuList a{font-size: 1.6rem; letter-spacing: -0.2px; color: var(--txt-w); color: #222; line-height: 2.4rem;display: inline-block;}

/* top type 03 */
.topMoLan{display:none;}
.lanBtnBox {
    top: 0rem;
    height: 100%;
    display: flex;
    position: absolute;
    right: 14rem;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    align-items: center;
}

.free-lectureBtn {
    margin-right: 2.2rem;
    /* transform: translateY(-50%); */
    background: #272F82;
    position: relative;
    width: 10rem;
    height: 7rem;
    /* top: 50%; */
    left: 0rem;
    z-index: 100;
}
.free-lectureBtn a {
    line-height: 2.2rem;
    font-family: 'WOFF_3';
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.free-lectureBtn a span{
	font-family: 'WOFF_1';
	font-size:1.6rem;
}

.bememBox{
	display:flex;
}
.bemem:nth-child(1){
	margin-left:0px;
}
.selbemem:before{
	content:none!important;
}
/* .bemem:nth-child(1):before { */
    /* content: ''; */
    /* position: absolute; */
    /* right: -1.5rem; */
    /* top: 0.4rem; */
    /* width: 1px; */
    /* height: 1.4rem; */
    /* background: #888; */
/* } */
.bemem {
	position:relative;
    margin-left: 3rem;
    display: inline-block;
}
.bemem a {
    letter-spacing: -0.4px;
    font-size: 1.8rem;
    color: #000;
}
.lanBtn{position: relative;overflow: hidden;display:inline-block;
width: 13rem;height: 5rem;
}
.lanBtn a {position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
border-radius:25px;
font-size:16px;
background-color:#001b57;color:#fff;font: inherit;display: inline-block;display: flex;justify-content: center;align-items: center;}

.sub-MenuList + .sub-MenuList{padding-top: 1.4rem;}
.sub-MenuList {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sub-MenuList .best {
    margin-left: 0.5rem;
    font-weight: 600;
    width: 4.2rem;
    height: 2rem;
    background: #192770;
    border-radius: 50px;
    font-size: 1.2rem;
    letter-spacing: -0.2px;
    color: #fff;
    line-height: 2rem;
    display: inline-block;
}
.sub-MenuList img{
	margin-left: 0.5rem;
	position:relative;
	height:2rem;
}
.sub-MenuList a{position: relative;}
.sub-MenuWrap {
	padding: 2.5rem 2rem;
    border-radius: 0rem 0rem 1rem 1rem;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    /* width: 19rem; */
	min-width: 15rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7rem;
    z-index: 100;
    background-color: var(--btn-Lblu);
    background-color: #fff;
    color: var(--txt-w);
    text-align: center;
    transition: all 0.3s;
    height: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    overflow: hidden;
}
/* header Sticky */
/* #header.headerSticky{background-color: #fff;} */
/* #header.headerSticky .main-navList>a{color: #222;line-height: 7rem;} */
/* #header.headerSticky .hd_liveCall {background-color: #222;} */
/* #header.headerSticky .lanBtn a{color: #fff;} */
/* #header.headerSticky .mobile_menuBtn span{background-color: #222;} */
/* #header.headerSticky, .headerContent{height: 7rem;} */
/* #header.headerSticky .sub-MenuWrap{top: 7rem;} */
.header-scrolled .headerContent{height:7rem;}
.header-scrolled .free-lectureBtn{height:7rem;}
.header-scrolled .main-nav>ul {height:7rem;}
.header-scrolled .main-navList>a {line-height:7rem;}
.header-scrolled .main-navList>a {line-height:7rem;}
.header-scrolled .sub-MenuWrap{    top: 7rem;}
/* //header Sticky */
/* hover */
.main-navList:hover .sub-MenuWrap{opacity: 1;height: auto;
/* padding: 2.5rem 2.5rem; */
}
.sub-MenuList>a::after{content:"";width: 0;height: 1px;background-color: #222;position: absolute; left: 50%; bottom: -2px;transform: translateX(-50%);transition: width 250ms linear;}
.sub-MenuList:hover>a::after{width: 100%;}
/* :::::::: mobile toggle ::::::::*/
.mobile-nav{display: none;}
.mobile-nav{ width: 100%; height: 100%;z-index: 36;position: absolute;left: 0;top: 0;}
.Mbmenu-nav, .Mbhd_liveCall{display: none;}
.mobile-nav.on{z-index: 3000;}
.mobile-nav.on::after{content:"";width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);display: block;z-index: 1;position: fixed;}

.mobile_menuBtn{cursor:pointer;position: absolute;top: 50%;right: 2rem;transform: translateY(-50%);width: 2.5rem; height: 1.8rem;display: none; z-index: 99999;}
.mobile_menuBtn span{width: 2.5rem; height: 2px;background-color: #222;display: block;position: absolute; right: 0;transition: 0.3s ease-in-out;}
.mobile_menuBtn span:nth-child(1){top: 0;}
.mobile_menuBtn span:nth-child(2){top: 50%;transform: translateY(-50%);}
.mobile_menuBtn span:nth-child(3){bottom: 0}

.mobile-navWrap .main-nav{display: block}
.mobile-navWrap{right: -1000px;transition: right 0.5s ease}
.mobile-navWrap.on {
    width: 40rem;
    height: 100%;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    padding: 8rem 2rem 2rem 2rem;
    z-index: 10000;
}
.mnavbox{
	width:100%;
	position:relative;
	height:100%;
}

.Mbmenu-List>a{display: flex!important;  justify-content: space-between; align-items: center;}
/* .Mbmenu-List:nth-child(-n + 4)>a:after, */
/* .Mbmenu-List:nth-child(6)>a:after{content:"";border: solid #ccc; border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);} */

.multimb:after {
    right: 0.2rem;
    top: -0.3rem;
    position: relative;
    content: "";
    border: solid #ccc;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/* on */
.mobile-navWrap.on .Mbhd_liveCall{display: block;}
.mobile-navWrap.on .Mbmenu-nav {
    padding-top: 2rem;
    display: block;
}
.mobile-navWrap.on .mobile_menuBtn {z-index: 10000;}
.mobile_menuBtn.is_active span{background-color: #000}
.mobile-navWrap.on .main-nav, .hd_liveCall{display: block;display: block;position: relative;overflow: hidden;}

.Mbmenu-List:not(:first-child){border-top: 1px solid #eee;}
.Mbmenu-List{color: var(--txt-M); }
.Mbmenu-List>a {
    color: #000;
    font-family: 'WOFF_3';
    font-size: 2rem;
    letter-spacing: -1px;
    color: inherit;
    font-weight: bold;
    line-height: 6rem;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}
.mobile-navWrap.on .Mbsub-MenuWrap {
    border-top: 1px solid #eee;
    width: 100%;
    padding: 2rem 0 2rem 2rem;
    display: none;
}
.Mbsub-MenuList>a {
    display: flex;
    line-height: 3rem;
    font-size: 1.9rem;
    position: relative;
    letter-spacing: -0.2px;
    color: #444;
    justify-content: flex-start;
    align-items: center;
}
.Mbsub-MenuList>a img {
    margin-left: 1rem;
    height: 2.2rem;
}
.Mbsub-MenuList + .Mbsub-MenuList {
    display: flex;
    padding-top: 1rem;
}
.Mbhd_liveCall{ border: 1px solid #eee;width: 17rem;margin: 4.5rem auto 0 auto;border-radius: 5rem;}
/* .Mbhd_liveCall a::before{content:""; */
	/* display: inline-block; */
	/* width: 20px; height: 20px; */
	/* background: url(/publictype/public/img/header/header-type02/icon-tel_blck.png) no-repeat center; */
	/* background-size: 100%; */
	/* vertical-align: middle; */
	/* margin-right: 12px */
/* } */
/* .Mbmenu-List.on>a::after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} */
/* hover */
.mobile_menuBtn.is_active span:nth-child(1){top: 50%;width: 1.9rem;transform: rotate(45deg);}
.mobile_menuBtn.is_active span:nth-child(3){top: 50%;width: 1.9rem;transform: rotate(-45deg);}
.mobile_menuBtn.is_active span:nth-child(2){right: 5rem; opacity: 0;}
.Mbmenu-List.on .Mbsub-MenuWrap{display: block!important;}
.Mbmenu-List.on{color: #0048A3;}
.mobile-nav.on .Mbmenu-List:hover{color: var(--txt-Dblu); color: #0048A3 }
.Mbsub-MenuList:hover>a{font-weight: 500;color: #0048A3}

.mobile-nav-toggle{
	display:none;
}

/* ::::::::// mobile toggle ::::::::*/
/* media */
@media (max-width: 1700px){
    .headerContent {
		width: 100%;
		/* padding: 0px 2rem 0px 2rem; */
	}
	.topLogo {
		left: 2rem;
	}
	.free-lectureBtn{
		/* right: 17rem; */
	}
	.lanBtnBox {
		right: 2rem;
	}
}
@media (max-width: 1500px){
	/* #header{padding: 0 2rem} */
	.main-nav>ul>li{padding: 0 3rem}
	.main-navList:hover .sub-MenuWrap{width: 16rem;padding: 2.5rem 3rem;}   
}
@media (max-width: 1250px){
	.topLogo {
		left: 2rem;
	}
	.topLogo img {max-height: 4.4rem;width: auto;}
	.free-lectureBtn {
		right: 16rem;
	}
	.lanBtnBox {
		right: 2rem;
	}
	
	.main-nav>ul {
		padding-left: 22rem;
		height: 7rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		white-space: nowrap;
	}
	.main-nav>ul>li{padding: 0 1.4rem}
	/* .main-nav>ul>li{padding: 0 2rem} */
	.main-nav>ul>li a {font-size: 1.8rem;}
	.main-navList:hover .sub-MenuWrap{width: 17rem;padding: 2.5rem 2rem;}
	
	/* top type 01 */
	.hd_liveCall a {font-size: 1.4rem;}
	.hd_liveCall,
	.Mbhd_liveCall{width: 13.5rem; height: 4rem;}
	.hd_liveCall{height: 4rem;line-height: 3.8rem; }
	.hd_liveCall a, .Mbhd_liveCall a { width: 13.5rem; height: 4rem;font-size: 1.3rem;line-height: 3.8rem;}
	.hd_liveCall a::after {width: 1.5rem;height: 1.5rem;vertical-align: middle;}
	
	/* top type 03 */
	.lanBtn{width: 13.5rem; height: 4rem;}
	.lanBtn a{line-height: 4rem;font-size:1.5rem;}
	.lanBtnBox .multiLanguage_wrap {margin-right: 2rem;line-height: 4rem;}
	.lanBtnBox .multiLanguage_wrap::before {top: 1.2rem;}
	
	.sub-MenuList a{font-size: 1.4rem;}
}
@media (max-width: 1100px){
	.main-nav>ul {
		padding-left: 18rem;
	}
}
.molobtn {
	display: none;
}
@media (max-width: 991px){
	.main-nav,
	
	/* top type 01 */
	.hd_liveCall{display: none;}
	
	/* top type 02 */
	.topIconBox {position:relative;right: 46px;}
	
	/* top type 03 */
	.login {
		align-items: center;
		margin-right: 0px;
		display: flex;
		position: absolute;
		right: 10px;
		top: -20px;
	}
	.topLogo {
		left: 1.6rem;
	}
	
	.free-lectureBtn {
		width: 13rem;
		height: 7rem;
		right: 7rem;
	}
	
	.topPcLan{display:none;}
	.mobile-navWrap.on .topMoLan{display: flex;}
	
	.molobtn {
		height: 100%;
		display: inline-block;
		position: absolute;
		right: 7rem;
		top: 0rem;
	}
	.molobtn a {
		display: flex;
		height: 100%;
		border-radius: 0rem;
		font-size: 1.6rem;
		padding: 0rem 1.4rem;
		color: #fff;
		background: #192770;
		border: 1px solid #192770;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.molobtn a dl {
		font-size: 1.8rem;
		display: block;
	}
	.molobtn a span {
		margin-top: 0.4rem;
		font-size: 1.5rem;
		display: block;
	}
	
	.topMoLan {
		/* width: 20rem; */
		left: 0px;
		top: -3.2rem;
		position: absolute;
		text-align: left;
		margin: 0rem 0 0 0;
	}
	.tmmem {
		margin-right: 1rem;
	}
	.tmmem a{
		border-radius: 0.6rem;
		font-size: 1.8rem;
		padding: 0.8rem 1.8rem;
		color: #fff;
		background: #192770;
		border: 1px solid #192770;
	}
	.tmmem:nth-child(2) a{
		margin-right:0rem;
		background: #fff;
		color: #192770;
		border:1px solid #192770;
	}
	
	.lanBtnBox {position: relative;right: 26px;}
	.lanBtnBox .multiLanguage_wrap {margin-right: 20px;line-height: inherit;}
	.lanBtnBox .multiLanguage_wrap::before {top: inherit;}
	
	.mobile_menuBtn {
		/* top: 5.8rem; */
		display: block;
	}
	/* .mobile_menuBtn.is_active { */
		/* top: 3.4rem; */
	/* } */
	.mobile-nav{display: inline-block;}
	.headerContent{height:6rem;}
	.header-scrolled .headerContent {
		height: 6rem;
	}
	/* #header.headerSticky, .headerContent{height: 7rem;}  */
}
@media (max-width: 767px){
	/* #header {padding: 0 16px;} */
	.headerContent {
		padding: 0rem 1.6rem;
		height: 5rem;
	}
	.header-scrolled .headerContent{height:5rem;}
	.header-scrolled .main-nav>ul {height:5rem;}
	.header-scrolled .free-lectureBtn{height:5rem;}
	.topLogo img {
		max-height: 3.4rem;
	}
	.free-lectureBtn {
		width: 8rem;
		z-index: 100;
		height: 6rem;
		right: 6.2rem;
	}
	.free-lectureBtn a {
		line-height: 2rem;
		font-family: 'WOFF_3';
		font-size: 1.5rem;
	}
	.free-lectureBtn a span {
		font-size: 1.3rem;
	}
	.mobile_menuBtn {right:1.6rem}
	/* .mobile_menuBtn.mempoi{ */
		/* top: 50%!important; */
	/* } */
	.freeMnav .mobile_menuBtn.is_active {
		top: 2.4rem;
	}
	.mobile_menuBtn.is_active {
		/* top: 0.2rem; */
		top:-1.4rem;
	}
	
	/* top type 02 */
	
	.topPcIcon{display:none;}
	.mobile-navWrap.on .topMoIcon{display: block;}
	
	.molobtn {
		right: 6rem;
		/* display: flex; */
		/* position: absolute; */
		/* right: 6rem; */
		/* top: 0.65rem; */
	}
	.molobtn a {
		font-size: 1.6rem;
		padding: 0rem 1.4rem;
		color: #fff;
		background: #192770;
	}
	.molobtn a dl {
		    font-family: 'WOFF_2';
		font-size: 1.5rem;
		display: block;
	}
	.molobtn a span {
		margin-top: 0.2rem;
		font-size: 1.3rem;
		display: block;
	}
	
	.topMoLan {
		top: -3.2rem;
	}
	.tmmem {
		margin-right: 0.8rem;
	}
	.tmmem a {
		border-radius: 0.4rem;
		font-size: 1.5rem;
		padding: 0.6rem 1.4rem;
	}
	.topIconBox {padding-top: 30px;position: relative;right: 0px;}
	.topIconBox .topIcon {display: inline-block;margin-right: 10px;}
	
	.mobile-navWrap.on {
		width: 28rem;
		padding: 5rem 2rem;
	}
	.mobile-navWrap.on .Mbmenu-nav {
		overflow: auto;
		padding-top: 1rem;
		display: block;
	}
	.mobile-navWrap.on .Mbsub-MenuWrap {
		padding: 1rem 0 1rem 2rem;
		display: none;
	}
	.Mbmenu-List>a {
		font-size: 1.6rem;
		letter-spacing: -0.2px;
		line-height: 5rem;
	}
	.Mbsub-MenuList + .Mbsub-MenuList {
		padding-top: 0.8rem;
	}
	.Mbsub-MenuList>a {
		line-height: 2.4rem;
		font-size: 1.6rem;
		letter-spacing: -0.2px;
	}
	.Mbsub-MenuList a .best {
		text-align: center;
		margin-left: 0.5rem;
		font-weight: 600;
		width: 4.2rem;
		height: 2rem;
		background: #192770;
		border-radius: 50px;
		font-size: 1.2rem;
		letter-spacing: -0.2px;
		color: #fff;
		line-height: 2rem;
		display: inline-block;
	}
	.Mbsub-MenuList>a img {
		margin-left: 1rem;
		height: 2rem;
	}
	
	/* top type 03 */
	.lanBtnBox {position: absolute;right: 40px;}
	.lanBtn {
		width: 100%;
	}
	
}

/* //media */
/* ======================================// HEADER ======================================*/

/*--------------------------------------------------------------
# 모바일 전용 하단 버튼 영역
--------------------------------------------------------------*/
.botbutBox {
	display:none;
    box-shadow: rgba(0,0,0,0.3) 0px 0 10px 2px;
    position: fixed;
    left: 0rem;
    bottom: 0rem;
    width: 100%;
    z-index: 210;
}
.botbut{
	position:relative;
	width:100%;
	background:#e7e8ec;
}
.botbut ul {
    padding: 1.2rem 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.botbut ul li{
	display:block;
	text-align:center;
	position:relative;
}
.botbut ul li img {
    height: 2.9rem;
    max-width: 100%;
    display: inline-block;
}
.botbut ul li dl.boton{
	font-family: 'WOFF_4';
	color:#192770;
}
.botbut ul li dl {
    margin-top: 0.4rem;
    text-align: center;
    display: block;
    font-size: 1.2rem;
    font-family: 'WOFF_2';
}
@media (max-width: 767px){
	.botbutBox{
		display:block;
	}
}
/*--------------------------------------------------------------
# new 풋터 영역
--------------------------------------------------------------*/
#nm_footer {
    background-color: #FFFFFF;
    width: 100%;
    position: relative;
}
.nmf_bottom_category {
    position: relative;
    text-align: left;
    width: 100%;
    margin: 0 auto;
	padding: 50px 20px 50px 20px;
    max-width: 1440px;
}

.nmf_footerBox{
	width:100%;
	position:relative;
}

.nmf_InfoBox{
	width:100%;
	position:relative;
	z-index:100;
}

.nmf_InfoLink{
	display: block;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding-top: 90px;
}
.nmf_InfoLink ul{
	display:block;
}
.nmf_InfoLink ul li{
	font-weight:300;
	font-size:15px;
	line-height:24px;
	letter-spacing:-0.2px;
	color:#888888;
	display:inline-block;
	position:relative;
	margin-right:30px;
}
.nmf_InfoLink ul li:nth-child(8){
	margin-right:0px;
}
.nmf_onlink{
	color:#222222!important;
	font-weight:400!important;
}

.nmf_InfoLoGO{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.nmf_InfoLoGO img{
	height:64px;
}
.tu_nmffoor{
	position:relative!important;
}
.nmf_InfoText{
	display:block;
	text-align:left;
	margin:20px 0px 30px 0px;
}
.nmf_InfoText ul{
	display:block;
}
.nmf_InfoText ul li{
	font-weight:300;
	font-size:13px;
	line-height:26px;
	letter-spacing:-0.2px;
	color:#444444;
	display:inline-block;
	position:relative;
	margin-right:30px;
}
.nmf_InfoText ul li:nth-child(3){
	margin-right:0px;
}
.nmf_InfoText ul li:nth-child(3)::before{
	content: inherit;
}
.nmf_InfoText ul li:nth-child(7){
	margin-right:0px;
}
.nmf_InfoText ul li:nth-child(7)::before{
	content: inherit;
}
.nmf_InfoText ul li::before{
	content: '';
    width: 1px;
    height: 10px;
    background-color: #cccccc;
    position: absolute;
    right: -17px;
    top: 8px;
    z-index: 100;
}
.nmf_InfoText ul li span{
	font-weight:300;
	font-size:13px;
	line-height:26px;
	letter-spacing:-0.2px;
	color:#444444;
	display:inline-block;
	margin-right:10px;
}

.nmf_InfoCC{
	font-weight:300;
	font-size:13px;
	line-height:24px;
	letter-spacing:-0.2px;
	color:#999999;
	display:block;
}

.nmf_csBox{
	top: 10px;
    position: absolute;
    right: 0px;
	text-align:left;
	z-index:200;
}
.nmf_csTitle{
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
	display:block;
	color:#222222;
}
.nmf_csNum{
	display:block;
	margin:16px 0px 16px 0px;
}
.nmf_csNum a {
    /* font-feature-settings: 'lnum' 1; */
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #222222;
    /* font-family: 'Raleway', sans-serif; */
    letter-spacing: -1px;
}
.nmf_csTextBox{
	display:block;
	position:relative;
}
.nmf_csText{
	display:block;
	position:relative;
	text-align:right;
}
.nmf_csText span{
	top: 2px;
	position:absolute;
	left:0px;
	font-weight:300;
	font-size:13px;
	letter-spacing:-0.2px;
	color:#666666;
	line-height:22px;
}
.nmf_csText b{
	font-size:13px;
	line-height:24px;
	font-weight:400;
	letter-spacing:-0.2px;
	color:#222222;
}

.nmfSnsBox{
	margin-top: 40px;
	display:flex;
}
.nmfSns{
	position:relative;
	width:45px;
	height:45px;
	border-radius:50%;
	background-color:#f7f7f7;
	margin-right:10px;
}
.nmfSns img{
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	height:22px;
}
@media (max-width: 991px){
	.nmf_csNum {
		display: block;
		margin: 20px 0px 30px 0px;
	}
	.nmf_csBox {
		top: 0px;
		position: relative;
		right: 0px;
		text-align: left;
		z-index: 200;
	}
	.nmf_csTextBox {
		top: 9px;
		width: 150px;
		right: 0px;
		position: absolute;
		display: block;
	}
	.nmfSnsBox {
		top: 93px;
		margin-top: 0px;
		display: flex;
		position: absolute;
		right: 0px;
	}
	.nmfSns {
		width: 45px;
		height: 45px;
		margin-right: 0px;
		margin-left: 10px;
	}
}

@media (max-width: 767px){
	#nm_footer {
		overflow: hidden;
	}
	.nmf_bottom_category {
		padding: 90px 0px 30px 0px;
	}
	.nmf_InfoLoGO img {
		height: 32px;
	}
	
	.nmf_csBox{
		padding: 0px 16px 0px 16px;
	}
	.nmf_csNum {
		display: block;
		margin: 5px 0px 20px 0px;
	}
	.nmf_csTitle {
		font-size: 12px;
		line-height: 14.06px;
	}
	.nmf_csNum a {
		font-size: 1.8rem;
		line-height: 2.4rem;
		font-weight: 500;
	}
	.nmf_csTextBox {
		right: 16px;
		top: -2px;
		width: 126px;
	}
	.nmf_csText span {
		top: 4px;
		font-size: 13px;
		line-height: 16px;
	}
	.nmf_csText b {
		font-size: 13px;
		line-height: 24px;
	}
	
	.nmf_InfoLoGO {
		padding: 0px 16px 20px 16px;
		position: relative;
	}
	
	.nmf_InfoLink {
		width: 100%;
		top: -16.3rem;
		left: 0rem;
		position: absolute;
		padding-top: 0px;
		background-color: #f8f8f8;
	}
	.mnfmAutoBox{
		padding: 20px 0px 20px 16px;
		overflow-x: scroll;
	}
	.mnfmAutoBox::-webkit-scrollbar {
		display: none;
	}
	.nmf_InfoLink ul {
		width: 453px;
		/* width:500px; */
		display: flex;
	}
	.nmf_InfoLink ul li {
		font-size: 13px;
		line-height: 18.82px;
		letter-spacing: -0.2px;
		margin-right: 24px;
	}
	/* .nmf_InfoLink ul li:nth-child(6) { */
		/* margin-right: 16px; */
	/* } */
	
	.nmf_InfoText {
		margin: 0px;
		padding: 0px 16px 20px 16px;
	}
	.nmf_InfoText ul li {
		font-size: 12px;
		line-height: 24px;
		letter-spacing: -0.5px;
		margin-right: 20px;
	}
	.nmf_InfoText ul li span {
		font-size: 12px;
		line-height: 24px;
		letter-spacing: -0.5px;
		margin-right: 6px;
	}
	.nmf_InfoText ul li::before {
		width: 1px;
		height: 10px;
		right: -13px;
		top: 8px;
	}
	.nmf_InfoText ul li:nth-child(2){
		margin-right:0px;
	}
	.nmf_InfoText ul li:nth-child(2)::before{
		content: inherit;
	}
	.nmf_InfoText ul li:nth-child(5){
		display:block;
		margin-right:0px;
	}
	.nmf_InfoText ul li:nth-child(5)::before{
		content: inherit;
	}
	.nmf_InfoText ul li:nth-child(6){
		display:block;
		margin-right:0px;
	}
	.nmf_InfoText ul li:nth-child(6)::before{
		content: inherit;
	}
	
	.nmf_InfoCC {
		font-size: 12px;
		line-height: 24px;
		letter-spacing: -0.2px;
		padding: 0px 16px 0px 16px;
	}
	
	.nmfSnsBox {
		z-index: 300;
		top: 7.5rem;
		right: 16px;
	}
	.nmfSns {
		background-color: #fff;
		width: 20px;
		height: 20px;
	}
	.nmfSns img {
		height: 20px;
	}
}



/*--------------------------------------------------------------
# 이용약관
--------------------------------------------------------------*/

.textWrap {
    width: 100%;
    position: relative;
    margin-top: 0rem;
}
#textcontainer {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 6rem 0rem 12rem 0rem;
}
.tecontent {
    width: 100%;
    position: relative;
    max-width: 114rem;
    padding: 0rem 2rem;
    margin: 0 auto;
}


.priv_tit {font-family: 'Pretendard-Bold';margin-bottom: 30px;padding: 45px 0 30px;display: block;font-size: 4rem;font-weight: normal;letter-spacing: -1px;color: #222222;border-bottom: 1px solid #dddddd;}
.priv_tit span {
    font-family: Pretendard;
    margin-top: 10px;
    display: block;
    font-size: 1.7rem;
    line-height: 2.7rem;
    font-weight: 300;
    letter-spacing: -0.3px;
    color: #444444;
    font-weight: 300;
}
.ptspanMar{margin-top:40px!important;}
.ptspanMar2{margin-top:20px!important;}

.prsection {
    margin-bottom: 3rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6rem;
}
.prsection:last-child{
	margin-bottom: 0rem;
    border-bottom: none;
    padding-bottom: 0rem;
}

.privTBox{padding-top:4rem;display:block;text-align:left;}
.prstb{padding-top:0px!important;}
.privTBox h2 {
    margin-bottom: 2rem;
    line-height: 3rem;
    font-size: 2.6rem;
    display: block;
    text-align: left;
    font-family: 'Pretendard-Bold';
    color: #222;
}
.privTBox h3 {
    font-family: 'Pretendard-SemiBold';
    display: block;
    font-size: 2rem;
    font-weight: normal;
    line-height: 3rem;
    letter-spacing: -0.3px;
    color: #222;
}
.privTBox h3 b{margin-left:4px;display:inline-block;font-size:18px;font-weight:normal;line-height:31px;letter-spacing:-0.3px;color:#222222;}
.privTBox h4 {
    font-family: Pretendard;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #222222;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
}
.privTBox strong{display:block;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;padding-bottom:12px;margin-top:20px;}
.privTBox strong span{font-size:15px;margin-right: 5px;font-weight: 500;}
.anpi{font-weight: 600!important;}

.privSubTBox{display:block;margin-top:1.4rem;}
.privSubTBox span{display:block;position:relative;margin-bottom:8px;}
.privSubTBox span b{position:absolute;left:0px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox span p{display:block;position:relative;padding-left:21px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;}

.privSubTBox ul{display:block;position:relative;padding-left:0px;}
.privSubTBox ul li{display:block;position:relative;margin-bottom:10px;}
.privSubTBox ul li b{
	font-family: Pretendard;position:absolute;left:0px;font-size:1.7rem;font-weight:300;line-height:2.7rem;letter-spacing:-0.3px;color:#444444;}
.privSubTBox ul li p {
    font-family: Pretendard;
    display: block;
    position: relative;
    padding-left: 1.9rem;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #444444;
}
.prilip{padding-left:0px!important;}

.privSubTBox ul li ds{display:block;position:relative;padding-left:8px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li ds:before{content:"-";position:absolute;left:0px;top:-2px;font-size:14px;font-weight:300;color:#222222;}
.privSubTBox ul li df{display:block;position:relative;padding-left:17px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li df:before{content:"※";position:absolute;left:0px;top:0px;font-size:14px;font-weight:300;color:#222222;}

.privSubTBox ul li p a{display: inline-block;font-size: 14px;font-weight: 300;line-height: 0px;letter-spacing: -0.3px;color: #444444;}
.privSubTBox ul li p a:hover{color:#222;text-decoration: underline;}
.privSubTBox ul li dd {
    font-family: 'Pretendard-Light';
    display: block;
    position: relative;
    padding-left: 1.7rem;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: -0.3px;
    color: #444444;
}
.privSubTBox ul ol{display:block;padding-left:17px;}
.privSubTBox ul ol bk{display:block;font-size: 14px;font-weight: 300;line-height: 23.8px;letter-spacing: -0.3px;color: #444444;}

.nmtbl03 thead {position:relative;}
.nmtbl03 thead th, .nmtbl03 thead th.bd_b {border-bottom: 1px solid #dddddd;}
.nmtbl03 thead th {    background-color: #f8f8f8;border-top: 1px solid #222222;border-left: 1px solid #e3e3e3;padding: 14px 0px;text-align: center;font-size: 15px;color: #222222;line-height: 20px;font-weight: 600;vertical-align: middle;}
.nmtbl03 tbody th, .nmtbl03 tbody td {border-left: 1px solid #e3e3e3;padding: 23px 10px;text-align: center;font-size: 14px;color: #444444;line-height: 18px;font-weight: 300;vertical-align: middle;border-bottom: 1px solid #dddddd;}
.font-bold-link{font-size: 14px;color: #222222;text-decoration:underline;line-height: 18px;font-weight: 600;}
.bornonee{border-left:none!important;}


.elec .privSubTBox span p{font-weight: 400!important;}
.elec .privSubTBox span b{font-weight: 400!important;}
.elec .privSubTBox ul li b{color:#888888!important;}
.elec .privSubTBox ul li p{color:#888888!important;}
.elec .privSubTBox ul li dd{color:#888888!important;}

.vertical-align-top{vertical-align: top!important;}

@media (max-width:767px) {
	#textcontainer {
		padding: 4rem 0rem 6rem 0rem;
	}
	.priv_tit {
		margin-bottom: 2rem;
		padding: 2rem 0 4rem;
		font-size: 3rem;
		letter-spacing: -0.3px;
	}
	.priv_tit span {
		margin-top: 1rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
	}
	.ptspanMar {
		margin-top: 2rem!important;
	}
	
	
	.prsection {
		margin-bottom: 2rem;
		padding-bottom: 4rem;
	}
	.privTBox {
		padding-top: 2.4rem;
	}
	.privTBox h2 {
		margin-bottom: 2rem;
		line-height: 2.4rem;
		font-size: 2.1rem;
	}
	.privTBox h3 {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.privTBox h4 {
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
		margin-top: 0.8rem;
		margin-bottom: 0.4rem;
	}
	.privSubTBox {
		margin-top: 0.6rem;
	}
	.privSubTBox ul li b {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.privSubTBox ul li p {
		padding-left: 1.4rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.privSubTBox ul li dd {
		    margin-top: 0.2rem;
		padding-left: 1.4rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}


.none_marT{
	margin-top:0rem!important;
}


/*--------------------------------------------------------------
# new 로그인 카카오
--------------------------------------------------------------*/
.nmLoginWrap{
	position:relative;
	padding:7rem 2rem; /*14rem 2rem*/ 
}
.nmLoginSideBox{
	max-width:52rem;
	margin:0 auto;
	position:relative;
}
.nmLoginT{
	position:relative;
	margin:0 0 6rem 0;
}
.nmLoginT h1 {
    text-align: center;
    margin: 0;
    color: #111;
    font-family: 'NanumSquareNeo-Variable';
    font-size: 4.6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 7rem;
}

.nmLoKakaoBtn{
	width:100%;
	position:relative;
	margin:0 0 1.6rem 0;
}
.nmLoKakaoBtn a {
    display: flex;
    padding: 1.9rem 2rem;
    align-items: center;
    align-self: stretch;
    position: relative;
    width: 100%;
    border-radius: 99px;
    background: linear-gradient(0deg, #FEE500 0%, #FEE500 100%), #F6F6F6;
    justify-content: center;
	
	color: #3E2723;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.nmLoKakaoBtn a img {
    left: 2rem;
    height: 2.6rem;
    position: absolute;
}
.losubflex {
    gap: 3.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.losubT {
	position:relative;
    display: flex;
    color: #666;
    text-align: right;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    align-items: center;
    justify-content: center;
}
.losubT a {
    margin: 0 0 0 0.6rem;
    gap: 0.6rem;
    display: flex;
    color: #111;
    font-family: 'Pretendard-Bold';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6rem;
    align-items: center;
    justify-content: center;
}
.losubT a img{
	height:1rem;
}
.losubT.gr a {
    margin: 0;
    color: #666;
    font-family: Pretendard;
    font-weight: 400;
}
.losubT.gr:before {
    right: -1.6rem;
    z-index: 1;
    content: '';
    position: absolute;
    height: 1.4rem;
	width:1px;
    background: #DDD;
}

.nmLoorBox {
    position: relative;
    width: 100%;
    margin: 4rem 0;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nmLoorBox:before{
	content:'';
	width:100%;
	position:absolute;
	left:0;
	height:1px;
	background: #E5E5E5;
	z-index:2;
}
.nmLoorBox span{
	z-index:3;
	padding:0 1.8rem;
	position:relative;
	background:#fff;
	color: #666;
	text-align: center;
	font-family: 'Pretendard-Medium';
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.3rem;
}

.nmLoform{
	position:relative;
	width:100%;
}
.nmLoinput {
    margin: 0 0 2rem 0;
    gap: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.nmLoinput input{
	width:100%;
	height: 6.4rem;
	padding: 1.6rem 2.4rem;
	border-radius: 99px;
	border: 1px solid #F6F6F6;
	background: #F6F6F6;

	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
}
.nmLoinput input::placeholder{
	color: #888;
	font-family: 'Pretendard-Light';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}
.nmLoinput input:focus,
.nmLoinput input:active {background:#FFF; border:1px solid #DDD;}
.nmLoinput input:focus{outline: none;}
button.nmLoginBtn {
    cursor: pointer;
    display: flex;
    padding: 2.5rem 3.4rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    border-radius: 99px;
    background: #192770;
    color: #FFF;
    text-align: center;
    font-family: 'NanumSquareNeo-Variable';
    font-size: 2rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2rem;
}
.nmLolost {
    margin: 1rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.nmLolost a{
	color: #666;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	text-decoration-line: underline !important;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.nmLoInfoBox{
	position:relative;
	margin:6rem 0 0 0;
}
.nmLoInfoBox dl{
	margin:0 0 1.4rem 0;
	color: #111;
	text-align: center;
	font-family: 'NanumSquareNeo-Variable';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
}
.nmLoInfoBox dl b{
	color: #192770;
	font-weight: 900;
}
.nmLoInfo {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    justify-content: center;
}
.nmLoInfo span{
	padding: 0.6rem 2rem;
	border-radius: 99px;
	background: rgba(79, 165, 227, 0.10);
	color: #192770;
	text-align: center;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.4rem;
}
@media (max-width:767px) {
	.nmLoginWrap {
		position: relative;
		padding: 8rem 2rem;
	}
	.nmLoginT {
		margin: 0 0 4rem 0;
	}
	.nmLoginT h1 {
		font-size: 3.6rem;
		line-height: 5rem;
	}
	.nmLoKakaoBtn a {
		padding: 1.7rem 2rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.nmLoorBox {
		margin: 3rem 0;
		height: 2.3rem;
	}
	.nmLoinput {
		margin: 0 0 2rem 0;
		gap: 0.6rem;
	}
	.nmLoinput input {
		height: 5.4rem;
		padding: 1rem 2.4rem;
		font-size: 1.6rem;
		line-height: 3.2rem;
	}
	button.nmLoginBtn {
		padding: 1.9rem 3rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.nmLoInfoBox {
		margin: 5rem 0 0 0;
	}
	.nmLoInfoBox dl {
		letter-spacing: -0.4px;
		margin: 0 0 1.4rem 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.nmLoInfo {
		gap: 0.4rem;
	}
	.nmLoInfo span {
		padding: 0.4rem 1rem;
		font-size: 1.3rem;
		line-height: 3rem;
	}
	
}
@media (max-width:400px) {
	.losubT {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.losubT a {
		margin: 0 0 0 0.6rem;
		gap: 0.6rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
}