@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; 
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;} 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {	font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji; /*font-size:0.75em;*/ font-size:1.2rem; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 }

/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 !important } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
a { text-decoration:none; color:#4A4A4A;}
a:hover, a:focus { color:#4A4A4A; text-decoration:none; }

/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }

/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}

/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { content:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }

/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }

/* 메뉴하단 각 서브 탑 */
/*
.sub_area { position:relative; width:100%; height:175px; background:#9CDFFA; }
.sub_img { position:relative; width:1140px; margin:0 auto; }
*/
.sub_area { position:relative; width:100%; height:2px; border-top:1px solid #3E62A0; margin-bottom:40px;}

	
/*
.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
*/

.lnb_area .logo_pc{display:block;}
.lnb_area .logo_mobile{	display:none;}
.lnb_area .logo_pc img{
  width: 200px;
  transition: opacity 1s ease-in-out;
  opacity: 1
}
.lnb_area .menu0 {height:100%;display:flex; justify-content:space-between; align-items:center;gap:50px; }
.lnb_area .menu0 .item{font-family: 'TMoneyDungunbaram', sans-serif; }
@media (max-width:999px){
	.lnb_area .logo_pc{display:none;}
	.lnb_area .logo_mobile{display:block;margin-left:7px;}
	.lnb_area .logo_mobile img{  
		width: 60px;
		transition: opacity 1s ease-in-out;
		opacity: 1}
	.lnb_area .menu0 {gap:30px; }
}
/*  */
/* 탑,푸터 공통스타일 1200px~ */
/* @media all and (min-width:1200px) {  */
/* @media all and (min-width:768px) {  */
@media all and (min-width:768px) { 

	/* Top */
/*	#header {  }*/
	/* .top_area { position:relative; width:1170px; height:80px; margin:0 auto; padding:20px 15px; }	 */
/*	.top_area { width:1170px; height:80px; margin:0 auto; padding:20px 15px; border: 1px solid red; }*/	
	/* .top_area .logo { position:absolute; left:0; }
	.top_area .logo img { margin-top:5px; }
	
	.top_area .search { position:relative; width:370px; margin:0 auto; }
	.top_area .search .searchbox { position:relative; width:100%; border:#cbcbcb 1px solid; border-radius:5px; }
	.top_area .search .searchbox dd { width:100%; max-width:320px; }
	.top_area .search .searchbox dd input { width:100%; padding:0 20px; font-size:15px; border:0; border-radius:5px; }
	.top_area .search .searchbox dt { position:absolute; right:10px; top:5px; } */
	
	/* .top_area .gnb_right { position:absolute; right:0; top:0; padding:2.0rem 0; }
	.top_area .gnb_right .nick { position:absolute; height:4.0rem; line-height:4.0rem; color:#777; text-align:right; right:0; font-size:1.5rem; }
	.top_area .gnb_right .nick b { font-size:1.4rem; }
	.top_area .gnb_right a {  }
	.top_area .gnb_right a:hover { color:#000; }
		
	.top_area .gnb_right:after {display:block; content:''; clear:both; }
	.top_area .gnb_right > li { position:relative; display:inline-block; height:4.0rem; line-height:4.0rem; margin-left:1.5rem; }
	.top_area .gnb_right > li > a { position:relative; display:inline-block; font-size:1.5rem; color:#777; font-weight:400; text-align:center; }
	.top_area .gnb_right > li:hover .depth_1 { display:block; z-index:999; }
	.top_area .gnb_right .depth_1 {display:none; position:absolute; width:11.0rem; left:0; right:0; text-align:center; background:#FF6E40; border-radius:2rem; padding:1.0rem; margin-left:-2.5rem; margin-top:-0.5rem; }
	.top_area .gnb_right .depth_1 li { line-height:3rem; }
	.top_area .gnb_right .depth_1 a { position:relative; display:block; width:100%; font-size:1.4rem; color:#fff; font-weight:400; padding:0 0.5rem; background:#FF6E40; }
	.top_area .gnb_right > li.myclass { position:relative; display:inline-block; background:#ff6e40; height:4.0rem; border-radius:5.0rem; text-align:center; color:#fff; }
	.top_area .gnb_right > li.myclass a { position:relative; display:inline-block; font-size:1.5rem; color:#fff; font-weight:400; text-align:center; padding:0 1.0rem; } */
	
	/*.lnb_area_wrap { width:100%; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; font-size:0; }
	.lnb_area_wrap { position: sticky; top: 0; width:100%; border-top:#710c0c 4px solid; border-bottom:#791010 1px solid; font-size:0; }
*/	.lnb_area_wrap {
		position:absolute;
		top:20px;
		/* background-color: white; */
		background-color: transparent;
		z-index: 999; width:100%;  
	}
	/* .lnb_area_wrap.transparent { 
		background-color: rgba(211, 19, 19, 0.5);
		z-index: 999;
	} */
	.lnb_area_wrap .login-status{width:100%; max-width:1170px;margin:0 auto; padding-right:10px; color:white;font-size:15px;text-align:right;margin-bottom:10px;}
	.lnb_area {
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
		background:white;border-radius:40px;
		display:flex; justify-content:space-between;flex-direction:row;
		align-items:center; position:relative; width:100%; max-width:1170px; height:70px; margin:0 auto; text-align:center;
	 }
	/* .lnb_area .allmenu{border:1px solid white;width:70px;height:100%; } */
	/* .lnb_area .logo {border:1px solid cyan;margin-left:0.8%;} */
	.lnb_area .menu0 .item {font-size:18px;}
	.lnb_area .menu0 .item >a{ color:var(--color-BandiNavy);}

	/* .lnb_area .menu0 .main > li > a {border:1px solid green; padding:0 0.5rem;} */
	.lnb_area .gnb_right{ border-radius:30px;background:var(--color-BandiNavy);display:flex; justify-content:space-between; align-items:center; height:60%;margin-right:2.2%; }
	.lnb_area .gnb_right .log-in a {color:white;font-size:18px;}

	.lnb_area ul { width:100%; margin:0; padding:0; z-index:998; }
	.lnb_area .main > li { position:relative; display:inline-block; height:50px; line-height:50px; text-align:center; font-size:20px; color:#333; font-weight:400; }
	.lnb_area .main > li > a { display:block; color:#333; padding:0 20px; }
	.lnb_area .main > li a:hover {  }
	.lnb_area .main > li:hover { border-bottom:#000 2px solid; font-weight:500; }
	.lnb_area .main > li:hover .menu2{ display:block; }
	.lnb_area .main > .on { background-color:#fff; }
	.lnb_area .main > .on a { color:#e9e9e9; }
	.lnb_area .menu2 { position:absolute; left:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .sub1 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub2 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub3 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub4 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub5 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub6 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub7 { top:0; left: 0; float: left; width:150px; border:#e9e9e9 1px solid; }
	.lnb_area .sub li:hover .sub-01 { display:block; }
	.lnb_area .main .sub li a { color:#000; } 
	.lnb_area .main .sub li a:hover span { border-bottom:#333 1px solid; padding-bottom:1px; }
	.lnb_area .main .sub li a:hover { background-color:#fff; } 
	.lnb_area .main .menu2 .sub-01 li { position:relative; text-align:left; line-height:21px; }
	.lnb_area .main .sub li { padding:0 10px 5px 10px; background-color:#fff; font-size:14px; font-weight:normal; line-height:22px; text-align:left; overflow:hidden; }
	.lnb_area .main .sub li:first-child { margin-top:5px; }
	.lnb_area .main > li:hover .menu2list { display:block; }
	.lnb_area .menu2list { position:absolute; right:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:left; line-height:21px; }


	/* .allmenu { position:absolute; left:0; top:0; z-index:1; } */
	.allmenu ul { position:relative;display:inline-block; vertical-align:middle; }
	.allmenu li {  }
	.allmenu li a img { margin-top:8px; }
	.allmenu li a { color:#000; width:50px; height:50px; display:block; text-decoration:none; text-align:left; padding-right:20px; }
	.allmenu li ul { display:none; width:1170px; height:auto; position:absolute; z-index:200; background:#fff; border:#e9e9e9 1px solid; /*top:1em; /*left:0;*/ }
	.allmenu li:hover ul { display:block; }
	.allmenulist { display:block; width:100%; font-size:14px; color:#333; text-align:left; }

	.allmenubox { position:relative; width:100%; display:table; }
	.allmenubox dd { position:relative; display:table-cell; padding:1.5rem; border-left:#e5e5e5 1px solid; line-height:1.8rem; }
	.allmenubox dd:first-child { border-left:0; }
	.allmenubox dd .tit a { width:100%; height:auto; display:block; font-size:1.8rem; color:#333; font-weight:400; line-height:1.8rem; padding-bottom:1.5rem; }
	.allmenubox dd .tit a:hover { text-decoration:underline; }
	.allmenubox dd a { width:100%; height:auto; display:block; font-size:1.4rem; color:#555; font-weight:300; line-height:1.8rem; padding-bottom:1rem; }
	.allmenubox dd a:hover { text-decoration:underline; }	
	
	#header_m { overflow:hidden; width:100%; background-color:#efefef; min-width:320px; display:none;}
	/*#loadWrap { width:100%; display:none; }*/
	#popup_m {display:none; }
	

	/* 푸터 */
	.footer_wrap { position:relative; margin-top:40px; width:100%; display:inline-block;margin-top:70px;}
	.footer {position:relative; width:100%; max-width:1190px; margin:0 auto;margin-bottom:20px;  padding:0 10px; display:flex;justify-content:space-between;align-items:start;}
	.footer .footer_company{flex:2; display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:15px;}
	.footer .footer_company .link{width:400px;color:var(--color-BandiNavy); font-size:1.8rem;display:flex;justify-content:space-between;align-items:center;}
	.footer .footer_company .address{color:var(--color-BandiNavy); font-size:1.3rem;line-height:2.0rem;}
	 .footer .footer_company .dummy{height:12px;border-left:1px solid var(--color-BandiNavy)}


	.footer .footer_contact{flex:1;display:flex;flex-direction:column;justify-content:start;align-items:end;gap:10px;}
	.footer .footer_contact p.desk a{color:var(--color-BandiNavy); font-size:1.8rem;}
	.footer .footer_contact p.phone a{color:#3f3f3f; font-size:2.8rem;}

	.footer .logo-box{width:200px; margin-left:-12px;}
	.footer .logo-box img{width:100%;}

	.footer_copy_wrap { position:relative; width:100%; max-width:1190px; margin:0 auto 6.0rem auto; padding:0 10px;clear:both; }
	.footer_copy_wrap .dummy{border-top:1px solid var(--color-BandiNavy)}
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:absolute; right:0; bottom:0; display:table-cell; margin-right:10px;}
	.footer_copy_wrap .footer_sns a { margin-left:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }


	/* Contents */
	#container {width:100%; margin:0 auto; /*text-align:center;*/}
	#container .cont{width:100%; width:1170px; margin:0 auto; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	#container .cont_vlist{width:100%; max-width:1200px; margin:0 auto; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	#container .page {margin: 0 auto; width:100%; max-width:1170px;text-align:right; margin-top:20px; margin-bottom:20px;}
	#container .page .page_on { color:#222; }

	.sub_nav_wrap { position:relative; width:100%; margin:30px 0 50px 0; }
	.sub_nav { position:relative; width:100%; max-width:1170px; height:22px; margin:0 auto; font-size:0; }
	.sub_nav dt { position:relative; display:inline-block; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
	.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
	.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; max-width:1170px; margin:0 auto;/* margin-top:20px;*/}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap_bottom {clear:both; }

}

/* 탑,푸터 공통스타일 0 ~ 767px 모바일 */
@media all and (min-width:0px) and (max-width:768px) {
	/*s:모바일메뉴및 상단-my*/
	/* #header { position:relative; width:100%; display:none;} */
	.top_area { display:none; 
		position:relative; width:1170px; height:80px; margin:0 auto; padding:20px 15px; }	
	.lnb_area_wrap { display:none;
		background-color: white;
		z-index: 999; width:100%; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; font-size:0; }
	.lnb_area_wrap.transparent { display:none;
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 999;
	}

	#header_m { position:relative; overflow:hidden; width:100%; min-width:320px; /* margin-left:262px; */ }
	#header_m .transparent{
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 999;

	} 

	.topline_area {clear:both; width:100%; height:40px; background:#86684f; position:fixed; z-index:100000;}
	.topline_area .round {width:100%; margin:0 auto;}
	.topline_area .round .text{display:none; float:left; font-size:22px; line-height:110px; font-weight:600; color:#fff; letter-spacing:-2px;}
	.topline_area .round .m_icon {display:none; float:left; padding:32px 0 0 0;}
	.topline_area .round .m_icon img {display:none; margin:0 0 0 10px;}
	.topline_area .round .text02 {float:left; width:200px; }
	.topline_area .round .text02 img {width:100%; margin:11px 0 5px 10px;}
	.topline_area .round .btn {float:right; width:60px; margin:6px 10px 0 0;}
	.topline_area .round .btn img {width:100%;}
	.top_area_m { position:relative; width:100%; margin:0; height:45px;}
	/* .gnb_area { position:fixed; width:100%; height:45px; margin:0 auto; overflow:hidden; top:0px; background:#fff; z-index:1000;border-bottom:solid 1px #adadad;} */
	.gnb_area { position:fixed; top:0px; overflow:hidden; width:100%; height:45px; margin:0 auto; border-bottom:solid 1px #adadad;
		background-color: white; 
		z-index:999;
	}
	 /* .gnb_area .transparent { //won't work
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 999;
	}  */
	.mobile_gap {clear:both; width:100%; height:30px;}
	.menuwrap {background:#fff;}
	.logo { position:absolute; left:39%; top:12px; z-index:999; }
	.logo img {/*width:90px;*/height:19px;}

	.m_menu_top_h {clear:both; height:5px;}
	.m_menu_line {clear:both;}
	.m_menu_line .tmenu {width:100%; height:40px; border-bottom:solid 1px #a2a2a2; cursor:pointer;}
	.m_menu_line .icon_down {background:url(/image/inc/icon_down.jpg) no-repeat right;}
	.m_menu_line a {cursor:pointer; line-height:40px; font-size:15px; font-weight:400;}
	.m_menu_line .menu_2 div {width:100%; height:40px; line-height:40px; border-bottom:solid 1px #e8e8e8; cursor:pointer;}
	.m_menu_line .menu_2 div a {font-size:12px; line-height:40px; color:#777; margin:0 0 0 10px;}
	.m_menu_line .menu_2 .icon_up {background:url(/image/inc/icon_up.jpg) no-repeat top right; margin:-35px 0 0 0; border:solid 0px;}
	.m_menu_line .m_name{float:left; margin:30px 0 0 0; font-size:13px; padding:5px 0;}
	.m_menu_line .m_btn_logout {float:right; margin:30px 0 0 0; background:#ef6429; padding:5px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer;}

	.jb-box { width: 100%; height: 100%; overflow: hidden; margin: 0px auto; position: relative;}
	/*video { width: 100%; }*/
	.jb-text { position: absolute; top: 50%; width: 100%;}
	.jb-text p { text-align: center; font-size: 48px; color: #ffffff; }
	.main_search_new {clear:both; position:absolute; width:100%; z-index:10;}
	.main_search_new .round {width:100%; margin:0 auto;}
	.main_search_new .round .location {float:left; margin:25% 0 0 3%;}
	.topsearch { margin:0 auto; width:130px; z-index:999; text-align:center; opacity: 0.7;}
	.topsearch input { display:inline-block; width:130px; border-radius:30px !important;line-height:40px; font-size:13px !important; color:#c1c1c1; font-weight:bold; padding:0 55px 0 10px;}
	.topsearch input.search_h {height:40px;}
	.topsearch a { position:absolute; display:inline-block; width:25px; height:22px; margin:10px 0 0 -35px; text-align:center; background:url(/image/inc/btn_search.png) center no-repeat; }
	.topsearch02 {margin:0 auto; padding:5px 0 0 0; height:45px; z-index:999; text-align:center; border-bottom:solid 1px #adadad;}
	.topsearch02 input { display:inline-block; width:90%; border-radius:40px !important;line-height:45px; font-size:18px !important; color:#c1c1c1; border-color:#000; font-weight:bold; padding:0 55px 0 30px;}
	.topsearch02 input.search_h {height:35px;}
	.topsearch02 a { position:absolute; display:inline-block; width:25px; height:22px; margin:6px 0 0 -50px; text-align:center; background:url('/image/inc/btn_search.png') center no-repeat; }
	.topsearch02 span {font-size:25px; font-weight:bold; margin:0 0 0 10px; color:#000; cursor:pointer; vertical-align:middle;}
	#mobile_icon_search {float:right; width:30px; margin:7px 10px 0 0; text-align:right;}
	#mobile_icon_search img {width:30px; cursor:pointer; margin:0 40px 0 0;}
	#mobile_icon_member {float:right; width:30px; margin:7px 10px 0 0; text-align:right;}
	#mobile_icon_member img {width:30px; cursor:pointer; margin:0 10px 0 0;}
	#mobile_search {clear:both; position:absolute; right:10px; width:80%; height:50px; background:#fff; z-index:10000; display:none;}	
	#sub_search {display:none;}
	/*e:모바일메뉴및 상단-my*/

	/*모바일메뉴*/
	/*menu*/
	.menu { position:absolute; z-index:55; }
	.subHeader { height:50px; }
	#menuLeft { width:71.875%; max-width:460px; min-width:230px; height:100%; background:#fff; top:0; left:-460px; display:none; -webkit-box-shadow:3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:3px 0 10px rgba(0,0,0,0.30); box-shadow:3px 0 10px rgba(0,0,0,0.30); }
	#menuLeft .subHeader { overflow:hidden; background:#fff; border-bottom:1px solid #D2D2D2; } /* background:#053343; border-bottom:1px solid #3e3e3e; */
	#menuLeft .subHeader > p {}
	#menuLeft .menu-left-close { float:right; }
	#menuLeft ul  li  a { display:block; height:40px; line-height:40px; color:#2f2f2f; border-bottom:1px solid #D2D2D2; text-indent:20px; font-size:14px; font-weight:500; }
	#menuLeft #accordian { overflow-y:scroll; overflow-x:hidden; }
	#menuLeft > ul > li { background:url(/img_m/icnNavOff.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .on { background:url(/img_m/icnNavOn.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .exp { background:none; }
	#menuLeft > ul > li > ul { display:none; background:#F5F5F5; }
	#menuLeft > ul > li > ul > li { height:40px; border-bottom:1px solid #D2D2D2; padding-left:5px;} /* #D2D2D2 */
	#menuLeft > ul > li > ul > li a { line-height:40px; }
	#menuLeft > ul > li > ul > .on a { color:#13ceed; }
	#menuLeft .subHeader #logo_menu { height:25px; margin-top:10px; margin-left:5px; }
	#menuRight { width:76.5625%; max-width:490px; min-width:245px; height:100%; top:0; right:-640px; background:#eee; display:none; -webkit-box-shadow:-3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:-3px 0 10px rgba(0,0,0,0.30); box-shadow:-3px 0 10px rgba(0,0,0,0.30); }
	#menuRight .subHeader { color:#000; background:#fff; border-bottom:1px solid #dfdfdf; }
	#menuRight .subHeader p { overflow:hidden; line-height:50px; font-size:14px; font-weight:500; }
	#menuRight .subHeader p span { font-size:14px; }
	#menuRight .menu-right-close {}
	#menuRight .btn-log { width:65px; height:24px; line-height:24px; border:1px solid #053343; border-radius:2px; color:#053343; font-size:12px; text-align:center; margin:10px 10px 0px 0px; float:right; }
	#menuRight ul { width:90.82%; margin:10px auto; }
	#menuRight ul li { background:#fff; margin-bottom:1px; }
	#menuRight ul li a { display:block; color:#000; font-size:12px; font-weight:500; height:25px; line-height:25px; padding:14px 12px; }
	#menuRight ul li a img { float:left; margin-right:11px; }
	#menuRight .event-wrap { position:relative; width:90.82%; margin:0 auto 10px; display:block; }
	#menuRight .event-wrap.type02 a { width:48.9%; float:left; margin-left:2.2%; }
	#menuRight .event-wrap.type02 a:first-child { margin-left:0; }
	#menuRight .event-wrap img { max-width:100%; }
	#menuRight .menu-sub-content-wrap { overflow-x:hidden; overflow-y:scroll; }
	
	#menuRight .kia-enterance { position:absolute; bottom:17px; margin:0 4%; display:block; width:92%; text-align:center; z-index:2; padding:7.5px 0px; background:#c41130; border-radius:4px; font-size:15px; font-weight:600; color:#fff; }
	#menuRight .event-block { position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5); width:100%; height:100%; }
	#menuRight .event-block.off{ display:none;}
	
	#menuRight .icon-push-wrap { position:relative; }
	#menuRight .icon-push-wrap .icon-push-new { position:absolute; top:2px; right:8px; margin-right:0; }
	
	/* block */
	.block { position:fixed; width:100%; height:100%; overflow:hidden; top:0; left:0; background:#000; opacity:0.75; filter:alpha(opacity=75); z-index:4; display:none; }
	
	/*main*/
	#loadWrap { width:100%; }
	#navWrap { position:absolute; left:0px; top:0px; width:100%; min-width:320px; overflow:hidden; height:91px; z-index:14; }
	#navWrap.top_fix { height:41px; }
	#navWrap.top_fix .top{ display:none; }
	.top_fix{ position:fixed !important; left:0px; top:0px; z-index:3; /*z-index:100;*/ }
	#navWrap .top { height:50px; width:100%; background-color:#fff; overflow:hidden; } /*org background:url(/img_m/bg_top_menu.gif) repeat-x #053343; 혹은 #053343*/
	.btn-allmenu { float:left; }
	.btn-home { float:left; }
	.btn-logo { position:absolute; top:0px; margin-left:50%; left:-68px }
	#navWrap #logo { height:25px; margin-top:10px; }
	.btn-cus-wrap { float:right; height:50px; overflow:hidden; line-height:0; margin-right:1rem; } /*org #053343*/
	.btn_bk { position:absolute; left:0px; top:0px; }
	
	#navWrap hr { position:relative; display:block; height:1px; border:none; border-top:1px solid #bbbbbb; margin:0px; }
	#menu { -webkit-display:flex; display:flex; position:relative; width:100%; height:35px; border-top:1px solid #e9e9e9; background:#fff; overflow:hidden; }
	#menu li { overflow:hidden; -webkit-display:flex; display:flex; -webkit-flex:2; flex:2; font-size:15px; line-height:34px; margin:0px; }
	#menu li.exp { -webkit-flex:1.5; flex:1.5; }
	#menu li.exp-long { -webkit-flex:3; flex:3; }
	#menu li a { position:relative; display:inline-block; width:100%; margin:auto; text-align:center; font-size:15px; font-weight:500; line-height:34px; color:#555; } 
	#menu li a:hover { color:#000; }
	#menu li.on a:before { content:''; position:absolute; width:120%; height:2px; background:#13ceed; bottom:0; left:-10%; z-index:1; }
	#menu li.on a { color:#000; }
	#menu li.on a:hover { color:#000; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0px; }
	#nav li a { font-size:14px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#nav li.on a { border-bottom:2px solid #13ceed; color:#13ceed; } */
	
	.sub-title { position:absolute; top:0px; left:50%; margin-left:-53px; background:#053343; }
	.sub-title img { background:#053343; }
	.nav-sub-wrap { position:relative; height:40px; background:#ffffff; }
	#navSub { position:absolute; display:table !important; width:100%; height:40px !important; background:#fff; overflow:hidden; }
	#navSub li { display:table-cell; line-height:40px; height:40px; text-align:center; margin:0px; overflow:hidden; }
	#navSub li a { font-size:13px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#navSub li.on a { border-bottom:2px solid #13ceed; color:#13ceed; }
	#navSub.my-page { position:relative; width:60%; margin:auto; }
	.radio-txt-on { color:#053343 !important; }
	
	/*scroll*/
	/* #header_m { overflow:hidden; width:100%; background-color:#ff0; min-width:320px;  margin-left:262px;  } */

	/* #header_m { position:relative; width:100%;} */
	/* #header_m { background-color: rgba(255, 0 , 0, 0.5);} */
	/* #header_m .transparent{
		background-color: rgba(255, 0, 0, 0.5);
		z-index: 999;

	} */
	
	#popup {display:none; }
	#popup_m {display:block; }

	/*#contentData{overflow:hidden; width:100%; position:relative; }*/
	#nav li a { font-size:13px; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0.4%; } */
	/*모바일메뉴 끝*/

	/* 푸터 */
	.footer_wrap { position:relative; margin-top:40px; width:100%; display:inline-block;margin-top:70px;}
	.footer {position:relative; width:100%; max-width:1190px; margin:0 auto;margin-bottom:20px;  padding:0 10px; display:flex;justify-content:space-between;align-items:start;flex-direction:column;}
	.footer .footer_company{flex:2; display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:15px;}
	.footer .footer_company .link{width:100%; color:var(--color-BandiNavy); font-size:1.8rem;display:flex;justify-content:space-between;;align-items:center;}
	.footer .footer_company .address{color:var(--color-BandiNavy); font-size:1.3rem;line-height:2.0rem;}
	 .footer .footer_company .dummy{height:12px;border-left:1px solid var(--color-BandiNavy)}

	.footer .footer_contact{flex:1;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10px;}
	.footer .footer_contact p.desk a{color:var(--color-BandiNavy); font-size:1.8rem;}
	.footer .footer_contact p.phone a{color:#3f3f3f; font-size:2.8rem;}

	.footer .logo-box{width:200px; margin-left:-12px;}
	.footer .logo-box img{width:100%;}

	.footer_copy_wrap { position:relative; width:100%; max-width:1190px; margin:0 auto 6.0rem auto; padding:0 10px; border-top:var(--color-BandiNavy) 1px solid; clear:both; }
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:absolute; right:0; bottom:0; display:table-cell; margin-right:10px;}
	.footer_copy_wrap .footer_sns a { margin-left:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }


	#container {  }
	#container .cont{padding:0 10px;}
	#container .page {display:none;}
	#container .page .page_on { color:#222; }

	.sub_nav_wrap { position:relative; width:100%;}
	.sub_nav { position:relative; width:100%; /*height:22px;*/ margin:0 auto;}
	.sub_nav dt { position:relative; /*display:inline-block;*/ padding:7px 5px;  border-bottom:1px solid #eee; margin-bottom:20px; font-size:17px; color:#909090; font-weight:500; height:35px; line-height:22px; /*border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; */ }
	.sub_nav dt img {display:none;}
	.sub_nav dd { position:relative; height:20px; line-height:24px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; line-height:14px; font-size:16px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; margin:0 auto; padding:0 10px;}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:33%; height:42px; font-size:1.5em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; float:left; }
	.sub_top_m a.ov { position:relative; display:block; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid;  float:left; }
	.sub_top_m .tap_bottom {clear:both; }

}