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

body {position:relative; width:100%;}
html {overflow-x:auto;overflow-y:scroll;}
html, body {min-width:100%;}

.float_l{position:relative; float:left;}
.float_r{position:relative; float:right;}

.in_bl{display:inline-block;}
.di_bl{display:block;}
.cboth{clear:both;}

/*******************
	input 값 기본설정
********************/
input[type="text"], 
input[type="password"],
input[type="number"] {
	height: auto; /* 높이값 초기화 */ 
	line-height : normal; /* line-height 초기화 */ 
	font-family: inherit; /* 폰트 상속 */ 
	border: 1px solid #d1d1d1;
	border-radius: 0; /* iSO 둥근모서리 제거 */ 
	outline-style: none;
	linear-gradient:unset; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
}
.textbox input[type="checkbox"] {
	border-radius: 0;
	border:1px solid #acacac;
	background:#f9f9f8;
}
select {
	height: auto; /* 높이값 초기화 */ 
	line-height : normal; /* line-height 초기화 */ 
	font-family: inherit; /* 폰트 상속 */ 
	border: 1px solid #d1d1d1;
	border-radius: 0; /* iSO 둥근모서리 제거 */ 
	outline-style: none;
	linear-gradient:unset; 
	appearance: none; 
	
}

/*******************
	 margin
********************/

.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt75 {margin-top:75px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb100 {margin-bottom:100px!important;}

.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml12 {margin-left:12px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml55 {margin-left:55px!important;}

.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}
.mr55 {margin-right:55px!important;}

/*******************
	 padding
********************/


.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}

.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb50 {padding-bottom:50px!important;}

.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl12 {padding-left:12px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}
.pl70 {padding-left:70px!important;}
.pl80 {padding-left:80px!important;}

.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.ptb5{padding-top:5px!important;padding-bottom:5px!important;}
.ptb10{padding-top:10px!important;padding-bottom:10px!important;}
.ptb15{padding-top:15px!important;padding-bottom:15px!important;}
.ptb20{padding-top:20px!important;padding-bottom:20px!important;}

.plr5{padding-left:5px!important;padding-right:5px!important;}
.plr10{padding-left:10px!important;padding-right:10px!important;}
.plr15{padding-left:15px!important;padding-right:15px!important;}
.plr20{padding-left:20px!important;padding-right:20px!important;}

/*******************
	 vertical-align
********************/

.vMid {vertical-align:middle;}
.vTop {vertical-align:top;}
.vam1 {vertical-align:-1px;}
.vam2 {vertical-align:-2px;}
.vam3 {vertical-align:-3px;}
.vam4 {vertical-align:-4px;}
.vam5 {vertical-align:-5px;}

.delline {text-decoration:line-through;}
.underline {text-decoration:underline;}

/*******************
	 text-align
********************/
.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}


/*******************
	 font-size
********************/

.font14{font-size:0.875em !important;}
.font15{font-size:0.9375em !important;}
.font18{font-size:1.125em !important;}
.font19{font-size:1.1875em !important;}
.font20{font-size:1.25em !important;}

/*******************
	 font-weight
********************/

.bld {font-weight:bold};
.bld1 {font-weight:100!important;}
.bld2 {font-weight:200!important;}
.bld3 {font-weight:300!important;}
.bld4 {font-weight:400!important;}
.bld5 {font-weight:500!important;}
.bld6 {font-weight:600!important;}
.bld7 {font-weight:700!important;}
.bld8 {font-weight:800!important;}
.bldNormal {font-weight:normal;}

/*******************
	 font-color
********************/

.red{color:#e43e3e!important;}
.or{color:#f5821f!important;}
.yel{color:#fbb103!important;}
.mint{color:#0dc2bb!important;}
.bl{color:#40a3bc!important;}
.nav{color:#044471!important;}
.bk{color:#3f3f3f!important;}
.bur{color:#7f1a21!important;}
.gry{color:#777777 !important;}
.blk{color:#000000!important;}
.white{color:#fff!important;}

/*******************
	btn스타일
********************/


/*백그라운드*/

.bg_navy{background:#48557c !important;}
.bg_red{background:#c9252b !important;}
.bg_or{background:#f5821f !important;}
.bg_whitegray{background:#f8fafb !important;}
.bg_gray{background:#595959 !important;}
.bg_darkgray{background:#484848 !important;}
.bg_yel{background:#fcc520 !important;}
.bg_mint{background:#0dc2bb !important;}
.bg_purple {background:#8064a2 !important;}
.bg_green {background:#73bb25 !important;}
.bg_pink {background:#ff39b7 !important;}


.line_gray{
	border:1px solid #999;
	color:#777777 !important;
}

.btn_line_small{
	display:inline-block;
	padding:0 17px;
	height:33px;
	color:#555 !important;
	text-align:center;
	font-size:14px;
	line-height:33px;
	letter-spacing:-1px;
	border-radius:3px;	
	vertical-align:middle;	
	border:1px solid #555;
}
.btn_line_mid{
	display:inline-block;
	padding:0 17px;
	height:41px;
	color:#555;
	text-align:center;
	font-size:15px;
	line-height:41px;
	letter-spacing:-1px;
	border-radius:3px;	
	vertical-align:middle;	
}

/*작은버튼*/
.btn_small{
	display:inline-block;
	padding:0 15px;
	height:33px;
	color:#fff !important;
	text-align:center;
	font-size:0.875em;
	line-height:33px;
	letter-spacing:-1px;
	border-radius:3px;	
	vertical-align:middle;	
}

/*중간버튼*/
.btn_mid{
	display:inline-block;
	padding:0 27px;
	height:41px;
	text-align:center;
	font-size:1em;
	line-height:41px;
	letter-spacing:-1px;
	border-radius:3px;		
}

/*큰버튼*/
.btn_wide{
	display:inline-block;
	width:100%;
	height:48px;
	color:#fff;
	text-align:center;
	font-size:1.125em;
	line-height:48px;
	letter-spacing:-1px;
	border-radius:0;
}


/*공통레이아웃*/
body {
	font-size: 1em;
	line-height: 1.2em;	
}
.con_w100 {
	width: 100%;
}
.con_w94 {
	width: 94% !important;
	padding:3% 3% 0 3%;
}



/*******************
	헤더영역 : header
********************/

/* #header_scroll 스크롤에 따라 down&up 추가 */
#header_scroll {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 222;
	transition: 0.3s;
}
#header_scroll.scrollUp {
	top: -100px;
}

.h_void_p {
	padding-top: 100px !important;
}
.h_void_m {
	margin-top: 100px !important;
}
/* //#header_scroll 스크롤에 따라 down&up 추가 */

/* main_header */
#header_wrap {
	position: relative;
	width: 100%;
	text-align: center;
	background: #fff;
	height: 44px;
	padding-top: 14px;
}

.menu_btn_gorup {
	float: right;
	width: 1.4em;
	padding-top: 3px;
	margin-right:3%;
}
h1.logo {
	display: inline-block;
	text-align: center;
	padding-top: 6px;
	width: 35%;
	max-width: 10em;
}
h2.main_title {
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	width: 35%;
	max-width: 10em;
	font-size:1.6em;
	line-height:1em;
	font-weight:bold;
}
.search_btn_gorup {
	float: left;
	width: 1.5em;
	padding-top: 3px;
	margin-left:3%;
}

/* main_menu */
.main_menu_group {
	width: 100%;
	overflow-x: scroll;
	text-align: center;
	background:#323232;
}
ul.main_menu {
	width: 620px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
ul.main_menu li {
	position: relative;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	vertical-align: middle;
	text-align: center;
	margin:12px 0 12px 3%;
}
ul.main_menu li a {
	position: relative;
	display: inline-block;
	width: unset;
	float: unset;
	height: 100%;
	background: #323232;
	font-size: 0.9em;
	line-height: unset;
	color: #fff;
	letter-spacing:-1;
	text-align: center;
}
ul.main_menu li a.on {
	border-bottom: 1px solid #fff;
}

/* sub_menu */
.sub_menu_group {
	width: 100%;
	overflow-x: scroll;
	text-align: center;
	background:#f4f6f7;
	margin: auto;
	border-bottom: 1px solid #dcdcdc;
}
ul.sub_menu {
	width: 910px;
	overflow: hidden;
	margin: 0 auto;
}
ul.sub_menu li {
	float: left;
	font-size: 0.95em;
	line-height: 1.2em;
	vertical-align: middle;
	text-align: center;
	margin:10px 0 10px 3%;
	letter-spacing: -2px;
}
ul.sub_menu li a {
	display: inline-block;
	height: 100%;
	background: #fff;
	font-size: 0.9em;
	line-height: unset;
	color: #000;
	letter-spacing:-1;
	text-align: center;
}
ul.sub_menu li.on {
	color: #c9252b;
}

/*******************
	헤더영역 : header
********************/

.top_group{
	background:#333333;
	overflow:hidden;
	padding:15px 15px;
}
.top_group h1{
	display:inline-block;
	width:7.5em;	
	padding-top:10px;
}
.mem_group{
	position:lerative;
	float:right;	
}
.mem_group p{
	display:inline-block;
	font-size:1.1875em;
	color:#2cfff8;
	vertical-align:middle;
	margin-right:5px;
}
.mem_group button.btn_logout{
	width:3.1em;
	padding-top:3px;
	padding:9px;
	background:#222;
	border-radius:2px;
}


/*****************
    푸터 footer
 *****************/
#footer_wrap{
	width:100%;
	background:#333333;
}
.footer_menu_group{
	width:100%;
	height:46px;
	background:#232323;
}
.footer_menu_group button{
	position:relative;
	display:inline-block;
	float:left;	
	width:25%;
	text-align:Center;
	line-height:46px;
	font-size:0.8em;
	color:#d9d9d9;
}
.footer_menu_group a{
	position:relative;
	display:inline-block;
	float:left;	
	width:25%;
	text-align:Center;
	line-height:46px;
	font-size:0.8em;
	color:#d9d9d9;
}
.footer_menu_group button:after{
	position:absolute;
	right:-1px;
	top:14px;
	display:inline-block;
	content:'';
	width:1px;
	height:20px;
	background:#515152;
}
.footer_menu_group a:after{
	position:absolute;
	right:-1px;
	top:14px;
	display:inline-block;
	content:'';
	width:1px;
	height:20px;
	background:#515152;
}
.footer_menu_group button.bord_none:after{
	position:absolute;
	right:-1px;
	display:none;
	width:0;
}
.footer_menu_group a.bord_none:after{
	position:absolute;
	right:-1px;
	display:none;
	width:0;
}
.footer_sns {
	text-align:center;
	margin-top:20px;
}
.footer_sns img {
	width:2.5em;
}
.copy{
	font-size:0.8em !important;
	text-align:center;
	color:#a1a1a1;
	padding:20px 20px;
	letter-spacing:-1px;
}


/* 전체메뉴 */
.all_menu_wrap{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:999999;
	overflow:hidden;
	text-align:left;
}
.my_menu_wrap{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:999999;
	overflow:hidden;
	text-align:left;
}
.inner_grid {
	padding:0 10px;
}
.inner_grid2 {
	padding:0 20px;
}
.inner_grid3 {
	padding:10px;	
}
.inner_grid4 {
	padding:5px;
}
/* 전체메뉴 슬라이드 메뉴 */
.all_menu_group {
	position:fixed;
	top:0;
	right:0;
	width:70%;
	height:100%;
	background: #f8f8f8;
	font-size:14px;
	overflow-x:hidden;
	box-shadow: 0 0 7px black;
	z-index:9999999;
}
.all_menu_shadow {
	position:fixed;
	top:0;
	left:0;
	width:30%;
	height:100%;
	overflow-x:hidden;
	z-index:9999999;
}

.my_menu_wrap div.all_menu_group {
	position:fixed;
	top:0;
	left:0;
	width:70%;
	height:100%;
	background: #f8f8f8;
	font-size:14px;
	overflow-x:hidden;
	box-shadow: 0 0 7px black;
	z-index:9999999;
}
.my_menu_wrap div.my_menu_shadow {
	position:fixed;
	top:0;
	right:0 !important;
	left: unset !important;
	width:30%;
	height:100%;
	overflow-x:hidden;
	z-index:9999999;
}
.all_menu_group .sub_menu_header .close_group {
	position:relative;
	text-align:right;
	padding-bottom:0;
	padding-right:10px;
}
.all_menu_group .sub_menu_header .close_group a {
	position:absolute;
	top:10px;
	left:-50px;
}
.all_menu_group .sub_menu_header .close_group a img {
	width:60%;
	vertical-align: top;
}
.all_menu_group .sub_menu_header,
.all_menu_group .sub_menu_header_btn_wrap {
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	background:#c9252b;
	color:#fff;
	line-height:50px;
}

.all_menu_group .sub_menu_header h2 {
	padding:0 10px;
}
.all_menu_group .sub_menu_header h2 span {
	color:#c3f9ff;
}
.all_menu_group .sub_menu_header_btn_wrap {
	height:37px;
	border-top:1px solid #dfdfdf;
	text-align:center;
}
.all_menu_group .sub_menu_header_btn_wrap a {
	display:block;
	float:left;
	width:48.5%;
	height:100%;
	color:#fff;
	border-right:1px solid #dfdfdf;
	line-height:36px;
}
.all_menu_group .sub_menu_header_btn_wrap a:last-child {
	border-right:none;
}
.all_menu_group .sub_menu_section .high_depth {
	width:100%;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	background:#f8f8f8;
	font-weight:600;
	line-height:40px;
	padding-left:10px;
	font-size:15px;
	text-align:left;
}
.all_menu_group .sub_menu_section .high_depth a {
	text-align:left;
}
.all_menu_group .sub_menu_section .high_depth a img {
	width:0.6em;
	float:right;
	margin-right: 10% !important;
	margin-top: 9px !important;
}
.all_menu_group .sub_menu_section li:first-child .high_depth {
	display:inline-block;
	text-align:left !important;
	margin:0 !important;
	padding-left:10px !important;
	border-top:1px solid #dfdfdf;
}
.all_menu_group .sub_menu_section li:first-child .high_depth a {
	display:block;
	text-align:left !important;
	margin:0 !important;
	padding:0 !important;
}
.all_menu_group .sub_menu_section li .high_block a {
	display:block;
	text-align:left !important;
	margin:0 !important;
	padding:0 !important;
	font-size:15px;
}
.all_menu_group .sub_menu_section .row_depth_group {
	padding:10px;
	border-bottom:1px solid #dfdfdf;
	line-height:24px;
	background: #fff;
}
.all_menu_group .sub_menu_section .row_depth_group a {
	color:#575757;
}
.all_menu_group .sub_menu_section .row_depth_group a.on {
	color: #c9252b;
}
.all_menu_advice_group{
	width:100%;
	height:115px;
	background:#114f94;
	padding-top:20px;
}
.all_menu_advice_group a{
	display:inline-block;
	width:90%;
	text-align:center;
	color:#fff;
	border:1px solid #06366c;
	padding:10px 0;
	margin:3px 0;
	background:#0b4280;
}

/* 샌드위치 메뉴 - 코인 마일리지 추가 부분 2020.06.23 권룡*/
.sandwich_menu_cnm ul li {
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	font-size: 1.1em; 
	line-height:1.1;
	padding:10px 0 10px 0;
}
.sandwich_menu_cnm ul li span {
	display:inline-block;
	float:left;
	padding-left: 10px;
}
.sandwich_menu_cnm ul li em {
	display:inline-block;
	float:right;
	padding-right: 10px;
	color:red;
}
.sandwich_menu_cnm ul li em img {
	width:0.6em;
	margin-left: 10px;
}

.sandwich_menu_supporter ul li {
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	font-size: 1.1em; 
	line-height:1.1;
	padding:5px 0 5px 0;
}
.sandwich_menu_supporter ul li span {
	display:inline-block;
	float:left;
	font-size: 1.1em; 
	padding:7px 0 5px 10px;
}
.sandwich_menu_supporter ul li em {
	display:inline-block;
	float:right;
	padding-right: 10px;
	font-size: 1em; 
	text-align:right;
}

/* 231208 메인 ui 변경 */
/* sub_menu */
.all_menu_group #sub_menu_l .high_depth {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #dfdfdf;
    background: #f8f8f8;
    font-weight: 400;
    line-height: 40px;
    padding-left: 0px;
    font-size: 15px;
    text-align: left;
}
.all_menu_group #sub_menu_l li .high_block a {
    display: block;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
}

#sub_menu_l ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#sub_menu_l ul li {
	overflow: hidden;
	font-size: 1.2em; 
	line-height:1.1;
	color: #595959;
	font-weight: 500;
	width: calc(50% - 1px);
}

#sub_menu_l ul li:nth-child(2n) {
	border-right: 1px solid #e1e1e1;
}

#sub_menu_l ul li:first-child {
	overflow: hidden;
	background-color: #595959;
	font-size: 1.2em; 
	line-height:40px;
	padding:0 0 0 10px;
	color: #fff;
	width: 100%;
	height: 40px;
}

#sub_menu_l ul li:first-child img{
	width: 20px;
	height: 20px;
	margin-right: 4px;
}