/* ====================================== COMMON ======================================*/
/* ::: default setting::: */
* a, label, input, textarea{text-decoration: none!important; color: inherit;
    font-weight: 400;
    border-radius: 0;
	text-decoration:none;
}
html {font-size: 62.5%;font-family: Pretendard;box-sizing: border-box;}

@media (max-width: 1500px){
	html {font-size: 56.5%;}
}

body{ 
padding:0;margin:0;
letter-spacing: 0.1px; color: var(--txt-D); color: #222;
    -webkit-tap-highlight-color : transparent!important;
    /* cursor: none; */
}
div{box-sizing: border-box;transition:all 0.2s;}

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

/* ======================================// COMMON ======================================*/

/* ====================================== HEADER ======================================*/
#header {
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    position: fixed;
    padding: 0 0px;
    z-index: 99999;
    top: 0;
	    box-sizing: border-box;
}
.headerContent{width: 100%; max-width: 134rem;padding:0rem 2rem; position:relative;height: 8rem;margin: 0 auto;display: block;align-items: center;}

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

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

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

/* top type 03 */
.topMoLan{display:none;}
.lanBtnBox{display:flex;position:absolute;
right:20px;top: 50%;
    transform: translateY(-50%);}
.login {
    margin-right: 1rem;
    display: inline-block;
    /* width: 14rem; */
    /* height: 4.4rem; */
    position: relative;
}
.login a{
	color:#3182F6;
	border:1px solid #3182F6;
	
	
    background: #fff;
    height: 4.4rem;
    border-radius: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-family: 'Pretendard-SemiBold';
}
.lanBtn{position: relative;overflow: hidden;display:inline-block;
}
.lanBtn a {
	color: #fff;
    background: #3182F6;
    height: 4.4rem;
    border-radius: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-family: 'Pretendard-SemiBold';
	/* position:absolute; */
/* left:0px; */
/* top:0px; */
/* width:100%; */
/* height:100%; */
/* border-radius:2.2rem; */
/* font-size:1.8rem; */
/* background-color:#3182F6;color:#fff;display: inline-block;display: flex;justify-content: center;align-items: center; */
}

.sub-MenuList + .sub-MenuList{padding-top: 14px}
.sub-MenuList a{position: relative;}
.sub-MenuWrap {width: 178px;padding: 0;position: absolute;left: 50%;transform: translateX(-50%);top: 70px;z-index: 100;background-color: var(--btn-Lblu);background-color: #f6f6f6;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: 70px;}
#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: 8rem;}
#header.headerSticky .sub-MenuWrap{top: 70px;}
/* //header Sticky */
/* hover */
.main-navList:hover .sub-MenuWrap{opacity: 1;height: auto;padding: 25px 25px;}
.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;cursor: pointer;}
.Mbmenu-nav, .Mbhd_liveCall{display: none;}
.mobile-nav.on{z-index: 9999;}
.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{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 25px; height: 18px;display: none; z-index: 99999;}
.mobile_menuBtn span{width: 25px; 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: 280px;height: 100%;background: #fff;position: fixed;right: 0;top: 0; z-index: 9999;padding: 50px 20px;z-index: 10000;}

.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);} */
/* on */
.mobile-navWrap.on .Mbhd_liveCall{display: block;}
.mobile-navWrap.on .Mbmenu-nav{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); color: #444; }
.Mbmenu-List>a{font-size: 15px; letter-spacing: -0.2px; color: inherit;font-weight: bold; line-height: 42px;display: inline-block;width: 100%;white-space: nowrap;}

.mobile-navWrap.on .Mbsub-MenuWrap{border-top: 1px solid #eee;width: 100%;padding: 10px 0 10px 20px; display: none;font-size: 14px; letter-spacing: -0.2px; color: #666;} 
.Mbsub-MenuList>a{line-height: 21px;  font-size: 14px; letter-spacing: -0.2px;position: relative;}
.Mbsub-MenuList + .Mbsub-MenuList{padding-top: 10px;}
.Mbhd_liveCall{ border: 1px solid #eee;width: 170px;margin: 45px auto 0 auto;border-radius: 50px;}
/* .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: 19px;transform: rotate(45deg);}
.mobile_menuBtn.is_active span:nth-child(3){top: 50%;width: 19px;transform: rotate(-45deg);}
.mobile_menuBtn.is_active span:nth-child(2){right: 50px; 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;}

/* ::::::::// mobile toggle ::::::::*/
/* media */

.new_kakaoLinkBox{
	display:none;
}
@media (max-width: 767px){
	.new_kakaoLinkBox {
		display: inline-block;
		position: fixed;
		bottom: 2rem;
		right: 1rem;
		border-radius: 50%;
		z-index: 500;
		box-shadow: 0px 0px 30px rgb(127 137 161 / 30%);
		cursor: pointer;
		transition: all 0.3s;
	}
	.nkInnerWrap {
		width: 5rem;
		height: 5rem;
		position: relative;
	}
	.nkImgK2 {
		text-align: center;
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 50;
		border-radius: 50%;
		background-color: #fae100;
	}
	.nkImgK2 img {
		position: relative;
		height: 2.1rem;
		top: 1.5rem;
	}
}


@media (max-width: 1550px){
    .main-nav>ul>li{padding: 0 30px}
}
@media (max-width: 1430px){
	/* #header{padding: 0 20px} */
	.main-nav>ul>li{padding: 0 30px}
	.main-navList:hover .sub-MenuWrap{width: 160px;padding: 25px 30px;}   
}
@media (max-width: 1250px){
	.main-nav>ul>li{padding: 0 30px}
	.main-nav>ul>li a {font-size: 16px;}
	/* .topLogo img {max-height: 30px;width: auto;} */
	.main-navList:hover .sub-MenuWrap{width: 150px;padding: 25px 20px;}
	
	/* top type 01 */
	.hd_liveCall a {font-size: 14px;}
	.hd_liveCall,
	.Mbhd_liveCall{width: 135px; height: 40px;}
	.hd_liveCall{height: 40px;line-height: 38px; }
	.hd_liveCall a, .Mbhd_liveCall a { width: 135px; height: 40px;font-size: 13px;line-height: 38px;}
	.hd_liveCall a::after {width: 15px;height: 15px;vertical-align: middle;}
	
	/* top type 03 */
	/* .lanBtn{width: 135px; height: 40px;} */
	/* .lanBtn a{line-height: 40px;font-size:15px;} */
	/* .login{width: 95px; height: 40px;} */
	/* .login a{line-height: 38px;font-size:15px;} */
	/* .lanBtnBox .multiLanguage_wrap {margin-right: 20px;line-height: 40px;} */
	/* .lanBtnBox .multiLanguage_wrap::before {top: 12px;} */
	
	.sub-MenuList a{font-size: 14px;}
}
@media (max-width: 991px){
	.main-nav,
	
	/* top type 01 */
	.hd_liveCall{display: none;}
	
	/* top type 02 */
	.topIconBox {position:relative;right: 46px;}
	
	/* top type 03 */
	/* .topPcLan .login{display:none;} */
	/* .topPcLan .lanBtn{display:none;} */
	.mobile-navWrap.on .topMoLan{display: flex;}
	.topMoLan {text-align: center;width: 100%;margin: 45px 0 0 0;}

	.lanBtnBox .multiLanguage_wrap {margin-right: 20px;line-height: inherit;}
	.lanBtnBox .multiLanguage_wrap::before {top: inherit;}
	
	.mobile_menuBtn{display: block}
	.mobile-nav{display: block;}
	#header.headerSticky, .headerContent{height: 55px;} 
}
@media (max-width: 767px){
	#header {padding: 0 1.4rem;}
	.topLogo {
		left: 0px;
	}
	.topLogo img {    height: 3rem; }
	.mobile_menuBtn {right: 16px;}
	.headerContent{
		padding:0rem;
	}
	/* top type 02 */
	.topPcIcon{display:none;}
	.mobile-navWrap.on .topMoIcon{display: block;}
	.topIconBox {padding-top: 30px;position: relative;right: 0px;}
	.topIconBox .topIcon {display: inline-block;margin-right: 10px;}
	
	/* top type 03 */
	.lanBtnBox {
		position: absolute;
		right: 0rem;
	}
	.monone{
		display:none;
	}
	.lanBtn a {
		height: 4rem;
		border-radius: 2rem;
		padding: 0 1.6rem;
		font-size: 1.5rem;
	}
	.login {
		margin-right: 0.6rem;
	}
	.login a {
		height: 4rem;
		border-radius: 2rem;
		padding: 0 1.6rem;
		font-size: 1.5rem;
	}
}
@media (max-width: 380px){
	.topLogo img {
		height: 2.8rem;
	}
	.login a {
		height: 4rem;
		border-radius: 2rem;
		padding: 0 1.4rem;
		font-size: 1.4rem;
	}
	.lanBtn a {
		height: 4rem;
		border-radius: 2rem;
		padding: 0 1.4rem;
		font-size: 1.4rem;
	}
}

/* //media */
/* ======================================// HEADER ======================================*/
/*--------------------------------------------------------------
# new 풋터 영역
--------------------------------------------------------------*/
#nm_footer {
    background-color: #41454A;
    width: 100%;
    position: relative;
}
.nmf_bottom_category {
    position: relative;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 5rem 2rem 5rem 2rem;
    max-width: 134rem;
}

.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: 0;
}
.nmf_InfoLink ul{
	display:block;
}
.nmf_InfoLink ul li{
	font-weight:300;
	font-size:1.6rem;
	line-height:2.4rem;
	letter-spacing:-0.2px;
	color:#aaaaaa;
	display:inline-block;
	position:relative;
	margin-right:3rem;
}
.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:30px;
}
.tu_nmffoor{
	position:relative!important;
}
.nmf_InfoText{
	display:block;
	text-align:left;
	margin:2rem 0px 30px 0px;
}
.nmf_InfoText ul{
	display:block;
}
.nmf_InfoText ul li{
	font-weight:300;
	font-size:1.4rem;
	line-height:2.6rem;
	letter-spacing:-0.2px;
	color:#cccccc;
	display:inline-block;
	position:relative;
	margin-right:3rem;
}
.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(8){
	margin-right:0px;
}
.nmf_InfoText ul li:nth-child(8)::before{
	content: inherit;
}
.nmf_InfoText ul li::before{
	content: '';
    width: 1px;
    height: 1rem;
    background-color: #cccccc;
    position: absolute;
    right: -1.7rem;
    top: 0.8rem;
    z-index: 100;
}
.nmf_InfoText ul li span{
	font-weight:300;
	font-size:1.4rem;
	line-height:2.6rem;
	letter-spacing:-0.2px;
	color:#cccccc;
	display:inline-block;
	margin-right:1rem;
}

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

.nmf_csBox{
	top: 1rem;
    position: absolute;
    right: 0px;
	text-align:left;
	z-index:200;
}
.nmf_csTitle{
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
	font-family: 'Pretendard-Bold';
	display:block;
	color:#ffffff;
}
.nmf_csNum{
	display:block;
	margin:1.6rem 0px 1.6rem 0px;
}
.nmf_csNum a {
    font-feature-settings: 'lnum' 1;
    font-size: 3rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Pretendard-Bold';
    letter-spacing: 1px;
}
.nmf_csTextBox{
	display:block;
	position:relative;
}
.nmf_csText{
	display:block;
	position:relative;
	text-align:right;
}
.nmf_csText span{
	top: 0.2rem;
	position:absolute;
	left:0px;
	font-weight:300;
	font-size:1.4rem;
	letter-spacing:-0.2px;
	color:#cccccc;
	line-height:2.2rem;
}
.nmf_csText b{
	font-size:1.4rem;
	line-height:2.4rem;
	font-weight:400;
	letter-spacing:-0.2px;
	color:#ffffff;
}

.nmfSnsBox{
	margin-top: 4rem;
	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){
	.nmf_bottom_category {
		padding: 23px 0px 30px 0px;
	}
	
	.nmf_csBox{
		padding: 0px 16px 0px 16px;
	}
	.nmf_csNum {
		display: block;
		margin: 5px 0px 0px 0px;
	}
	.nmf_csTitle {
		font-size: 12px;
		line-height: 14.06px;
		font-weight: 700;
	}
	.nmf_csNum a {
		font-size: 2.4rem;
		line-height: 2.8rem;
		font-weight: 500;
	}
	.nmf_csTextBox {
		right: 16px;
		top: -2px;
		width: 135px;
	}
	.nmf_csText span {
		top: 4px;
		font-size: 13px;
		line-height: 16px;
	}
	.nmf_csText b {
		font-size: 13px;
		line-height: 24px;
	}
	
	.nmf_InfoLoGO {
		padding: 36px 16px 20px 16px;
		position: relative;
	}
	
	.nmf_InfoLink {
		padding-top:0px;
	}
	.mnfmAutoBox{
		padding: 18.57px 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: 165px;
		right: 16px;
	}
	.nmfSns {
		background-color: #fff;
		width: 20px;
		height: 20px;
	}
	.nmfSns img {
		height: 20px;
	}
}