@charset 'utf-8';


/* 사파리  초기화 */
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
input[type="button"]{-webkit-appearance:none;}

/* text-align */
.ta-l {text-align: left}
.ta-r {text-align: right}
.ta-c {text-align: center}
.ta-j {text-align: justify}

/* margin */
.m0 {margin: 0 !important }
.m3 {margin: 3px !important}
.m5 {margin: 5px !important}
.m10 {margin: 10px !important}
.m15 {margin: 15px !important}
.m20 {margin: 20px !important}
.m25 {margin: 25px !important}
.m30 {margin: 30px !important}
.m35 {margin: 35px !important}
.m40 {margin: 40px !important}
.m45 {margin: 45px !important}
.m50 {margin: 50px !important}

.mr0 {margin-right: 0 !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}
.mr34 {margin-right: 34px !important}
.mr35 {margin-right: 35px !important}
.mr40 {margin-right: 40px !important}
.mr45 {margin-right: 45px !important}
.mr50 {margin-right: 50px !important}
.mr225 {margin-right: 225px !important}

.mt0 {margin-top: 0 !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt17{margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt22 {margin-top: 22px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mt35 {margin-top: 35px !important}
.mt40 {margin-top: 40px !important}
.mt45 {margin-top: 45px !important}
.mt50 {margin-top: 50px !important}
.mt55 {margin-top: 55px !important}
.mt57 {margin-top: 57px !important}
.mt60 {margin-top: 60px !important}
.mt65 {margin-top: 65px !important}
.mt70 {margin-top: 70px !important}
.mt80 {margin-top: 80px !important}
.mt90 {margin-top: 90px !important}
.mt100 {margin-top: 100px !important}

.mb0 {margin-bottom: 0 !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}
.mb35 {margin-bottom: 35px !important}
.mb40 {margin-bottom: 40px !important}
.mb45 {margin-bottom: 45px !important}
.mb50 {margin-bottom: 50px !important}
.mb70 {margin-bottom: 70px !important}
.mb100 {margin-bottom: 105px !important}

.ml0 {margin-left: 0 !important}
.ml3 {margin-left: 3px !important}
.ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml23 {margin-left: 23px !important}
.ml24 {margin-left: 24px !important}
.ml25 {margin-left: 25px !important}
.ml30 {margin-left: 30px !important}
.ml34 {margin-left: 34px !important}
.ml35 {margin-left: 35px !important}
.ml40 {margin-left: 40px !important}
.ml45 {margin-left: 45px !important}
.ml50 {margin-left: 50px !important}
.ml100 {margin-left: 100px !important}
/* padding */
.p0 {padding: 0 !important}
.p5 {padding: 5px !important}
.p10 {padding: 10px !important}
.p15 {padding: 15px !important}
.p20 {padding: 20px !important}
.p25 {padding: 25px !important}
.p30 {padding: 30px !important}
.p35 {padding: 35px !important}
.p40 {padding: 40px !important}
.p45 {padding: 45px !important}
.p50 {padding: 50px !important}

.pr0 {padding-right: 0 !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}
.pr35 {padding-right: 35px !important}
.pr40 {padding-right: 40px !important}
.pr45 {padding-right: 45px !important}
.pr50 {padding-right: 50px !important}
.pr55 {padding-right: 55px !important}
.pr60 {padding-right: 60px !important}
.pr65 {padding-right: 65px !important}
.pr70 {padding-right: 70px !important}
.pr75 {padding-right: 75px !important}
.pr80 {padding-right: 80px !important}
.pr85 {padding-right: 85px !important}
.pr90 {padding-right: 90px !important}
.pr95 {padding-right: 95px !important}
.pr100 {padding-right: 100px !important}
.pr150 {padding-right: 150px !important}


.pt0 {padding-top: 0 !important}
.pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt25 {padding-top: 25px !important}
.pt30 {padding-top: 30px !important}
.pt35 {padding-top: 35px !important}
.pt40 {padding-top: 40px !important}
.pt45 {padding-top: 45px !important}
.pt50 {padding-top: 50px !important}
.pt60 {padding-top: 60px !important}
.pt100 {padding-top: 100px !important}

.pb0 {padding-bottom: 0 !important}
.pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important}
.pb25 {padding-bottom: 25px !important}
.pb30 {padding-bottom: 30px !important}
.pb35 {padding-bottom: 35px !important}
.pb40 {padding-bottom: 40px !important}
.pb45 {padding-bottom: 45px !important}
.pb50 {padding-bottom: 50px !important}
.pb60 {padding-bottom: 60px !important}
.pb100 {padding-bottom: 105px !important}

.pl0 {padding-left: 0 !important}
.pl5 {padding-left: 5px  !important}
.pl10 {padding-left: 10px !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}
.pl45 {padding-left: 45px !important}
.pl52 {padding-left: 52px !important}
.pl50 {padding-left: 50px !important}
.pl55 {padding-left: 55px !important}
.pl59 {padding-left: 59px !important}
.pl60 {padding-left: 60px !important}
.pl65 {padding-left: 65px !important}
.pl70 {padding-left: 70px !important}
.pl71 {padding-left: 71px !important}
.pl75 {padding-left: 75px !important}
.pl80 {padding-left: 80px !important}
.pl85 {padding-left: 85px !important}
.pl90 {padding-left: 90px !important}
.pl95 {padding-left: 95px !important}
.pl99 {padding-left: 99px !important}
.pl100 {padding-left: 100px !important}
.pl101 {padding-left: 101px !important}
.pl129 {padding-left: 129px !important}
.pl144 {padding-left: 144px !important}

/*width*/
.w_full{width:100% !important;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w135{width:135px !important;}
.w140{width:140px !important;}
.w142{width:142px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w182{width:182px !important;}
.w190{width:190px !important;}
.w202{width:202px !important;}
.w200{width:200px !important; }
.w205{width:205px !important;}
.w210{width:210px !important;}
.w212{width:212px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w370{width:370px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w510{width:510px !important;}
.w748{width:748px !important;}
.w954{width:954px !important;}

/*heihgt*/
.h5{height:5px !important;}
.h10{height:10px !important;}
.h15{height:15px !important;}
.h20{height:20px !important;}
.h25{height:25px !important;}
.h30{height:30px !important;}
.h35{height:35px !important;}
.h40{height:40px !important;}
.h45{height:45px !important;}
.h50{height:50px !important;}
.h55{height:55px !important;}
.h60{height:60px !important;}
.h65{height:65px !important;}
.h100{height:100px !important;}
.h150{height:150px !important;}

/* input setting */
.inp{width: 100%;outline: none;border-width: 0;line-height: 40px;font-size: 14px;background: transparent;}
.inp::placeholder{color: #aaa !important;}
.input{width: 100%;outline: none;border-width: 0;line-height: 40px;font-size: 14px;border: 1px solid #E4E4E0;border-radius: 4px; padding: 0 15px;box-sizing: border-box;}
.input::placeholder{color: #aaa !important;}
.input.input__datapicker{width: 150px;background-image: url(../img/common/icon_date.svg);background-repeat: no-repeat;background-position: center right 15px;}
.ui-datepicker .ui-datepicker-title select{background: #fff url(../img/common/arr_fold.svg) no-repeat center right 6px / 12px auto;padding: 5px;margin: 0 5px;}
/* 모바일 날짜선택 중앙정렬 */
@media(max-width: 820px){
    .ui-datepicker{left: 50% !important;transform: translateX(-50%);}
}

.search_box{position: relative;}
.search_box button{display: block;cursor: pointer;background: transparent;position: absolute;top: 0;right: 0;line-height: 1;}

.sel{padding: 0 30px 0 15px; background: url(../img/common/arr_fold.svg)no-repeat center right 15px / 12px auto;line-height: 40px;min-width: 96px;outline: none;cursor: pointer;font-size: 14px;border-width: 0;}

.textarea{outline: none;border-width: 0;resize: none;border: 1px solid #E6E6E6;width: 100%;box-sizing: border-box;min-height: 215px;padding: 20px;font-size: 14px;line-height: 20px;border-radius: 4px;}

/*checkbox 공통*/
.checks {
    display: flex;
	align-items: center;
	position:relative;
}
.checks input[type="checkbox"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:0px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.checks input[type="checkbox"]+label {
	display:inline-block;
	position:relative;
	padding-left:23px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	vertical-align:middle;
	color:#666;
	font-size: 14px;
	line-height: 20px;
}
.checks input[type="checkbox"]+label:before {
	content:'';
	position:absolute;
	left:0;
	top:calc(50% - 8px);
	width:16px;
	height:16px;
	text-align:center;
	background:url(../img/common/checkbox_off.svg) no-repeat center;
}
.checks input[type="checkbox"]+label:active:before,
.checks input[type="checkbox"]:checked+label:active:before {

}
.checks input[type="checkbox"]:checked+label:before {
	content:'';
	position:absolute;
	left:0;
	top:calc(50% - 8px);
	width:16px;
	height:16px;
	background:url(../img/common/checkbox_on.svg)no-repeat center;
}
.checks input[type="checkbox"]:checked+label {
	color: #151515
}

/* radio 공통 */
/*checkbox 공통*/
.checks {
    display: block;
	position:relative;
	margin:10px 0;
}
.checks input[type="radio"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:0px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.checks input[type="radio"]+label {
	display:inline-block;
	position:relative;
	padding-left:23px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	vertical-align:middle;
	color:#666;
	font-size: 14px;
	line-height: 20px;
}
.checks input[type="radio"]+label:before {
	content:'';
	position:absolute;
	left:0;
	top:calc(50% - 8px);
	width:16px;
	height:16px;
	text-align:center;
	background:url(../img/common/ico_radio_off.png) no-repeat center;
}
.checks input[type="radio"]+label:active:before,.checks input[type="radio"]:checked+label:active:before {
}
.checks input[type="radio"]:checked+label:before {
	content:'';
	position:absolute;
	left:0;
	top:calc(50% - 8px);
	width:16px;
	height:16px;
	background:url(../img/common/ico_radio_on.png)no-repeat center;
}
.checks input[type="radio"]:checked+label {
	color: #151515
}


.checks.type2 input[type="radio"]+label{
	color: #151515;
	min-width: 70px;
	padding: 9px 15px;
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
}
.checks.type2 input[type="radio"]:checked+label{
	color: #fff;
	background: #00A85A;
}
.checks.type2 input[type="radio"]+label:before{
	content: none;
}
.checks.type2 input[type="radio"]:checked+label:after{
	content: none;
}

.checks.type2{display: flex;align-items: center;}
.checks.type2 input[type="checkbox"]+label{
	padding: 0 48px 0 0;
	font-size: 15px;
	line-height: 22px;
}
.checks.type2 input[type="checkbox"]:checked+label{
	color: #151515;
}
.checks.type2 input[type="checkbox"]+label:before{
	background: #E6E6E6;
	border-radius: 15px;
	width: 40px;
	height: 24px;
	left: auto;
	right: 0;
	top: calc(50% - 12px);
}
.checks.type2 input[type="checkbox"]+label:after{
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 9px);
	right: 19px;
	transition: .23s ease;
}
.checks.type2 input[type="checkbox"]:checked+label:before{
	background: #003C8A;
}
.checks.type2 input[type="checkbox"]:checked+label:after{
	right: 3px;
}


.btn_reg_w100p {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	color:#fff;
	text-align:center;
	font-size: 16px;
}

/* 텍스트 2줄처리 */
.two_line{
    display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; 
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;

}

/* 제휴 쇼핑몰 팝업버튼 220526 */
.btn_shortcut{position: fixed;bottom: 90px;right: 30px;background: transparent;z-index: 100;}
.btn_shortcut .txt{display: block;background: #151515;border-radius: 30px;color: #CCC;font-size: 11px;line-height: 14px;padding: 6px 0;position: absolute;top: -50px;right: -16px;width: 86px;}
.btn_shortcut .txt::before{content: '';display: block;border-width: 13px 8px 0;border-style: solid;border-color: #151515 transparent transparent;position: absolute;bottom: -9px;right: calc(50% - 10px);}
.btn_shortcut .txt strong{display: block;font-size: 12px;color: #fff;}
.btn_shortcut .icon{display: block;width: 50px;height: 50px;border-radius: 50%;background: url(../img/plusx/icon_pop_point.gif) no-repeat center / 50px auto;}

/* 제휴 쇼핑몰 팝업 */
.layer_popup .dim{position: fixed;width: 100%;height:100%; top: 0;left: 0; background: rgba(0,0,0,0.8);z-index: 999;}
.layer_popup_layer .layer_popup_area{position: fixed;top: 50%; left:50%; transform:translate(-50%,-50%); width: 100%;  background: #fff;z-index: 1000;}
.layer_popup_layer .layer_popup_area .layer_popup_tit{position: relative; height:60px; line-height:60px;padding-left: 30px;font-size: 18px; color:#151515; font-weight: normal;border-bottom:1px solid #151515;box-sizing: border-box;}
.layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_close{display: inline-block; position: absolute;top: 50%; right: 30px; transform:translateY(-50%); width: 19px; height: 19px; background-position: -5px -129px;background: url(../img/plusx/p_btn_close.png) no-repeat center;}

.shortcut .layer_popup_area{max-width: 950px;}
.shortcut .shortcut_cont{display: flex;}
.shortcut .shortcut_cont .left{width: 130px;background: #0bc78d;padding: 27px 0 27px 15px;box-sizing: border-box;}
.shortcut .shortcut_cont .left li input{position: absolute;top: 0;left: -999px;}
.shortcut .shortcut_cont .left li input+label{display: block; color: #fff;font-size: 14px;line-height: 40px;letter-spacing: normal;padding-left: 15px;box-sizing: border-box;}
.shortcut .shortcut_cont .left li input:checked+label{color: #ff5961;font-weight: 700;background: #fff url(../img/plusx/arrow03.png) no-repeat center right 15px;}

#layer_shortcut{display: none;}
.shortcut .shortcut_cont .center{width: calc(100% - 130px);padding: 24px 0 30px;box-sizing: border-box;}
.shortcut .shortcut_cont .center section{font-size: 0; padding: 0 12px 0 24px;height: 420px;}
.shortcut .shortcut_cont .center section ul{display: inline-flex;flex-wrap: wrap; width: calc(100% - 220px);max-height: 100%; vertical-align: top;box-sizing: border-box;overflow-y: auto;}

.shortcut .shortcut_cont .center section ul::-webkit-scrollbar{width: 6px;height: 6px; border-radius: 3px;}
.shortcut .shortcut_cont .center section ul::-webkit-scrollbar-thumb{background-color: #eee;} 
.shortcut .shortcut_cont .center section ul::-webkit-scrollbar-track{background-color: white;}

/* .shortcut .shortcut_cont .center section ul .mCSB_container{display: flex;flex-wrap: wrap;} */
.shortcut .shortcut_cont .center section ul li{width: 100px;height: 70px;border-radius: 4px;box-shadow: 0 0 6px rgba(0,0,0,0.07);border: 1px solid transparent;margin-right: 10px;margin-bottom: 10px;box-sizing: border-box;}
.shortcut .shortcut_cont .center section ul li a{display: block;}
.shortcut .shortcut_cont .center section ul li a p{display: block;text-align: center;color: #ff5961;letter-spacing: normal;padding-top: 2px;padding-bottom: 13px;font-size: 13px;}
.shortcut .shortcut_cont .center section ul li img{display: block;width: 100%;height: auto;}
.shortcut .shortcut_cont .center section ul li:hover{border-color: #ff5961;box-shadow: 0 0 6px rgba(255,89,97,.2);}
/* .shortcut .shortcut_cont .center section .mCSB_container{padding: 6px 0 0 6px;} */
.shortcut .shortcut_cont .center section .mCustomScroll{padding: 6px 0 0 6px;}
.shortcut .shortcut_cont .add_area{display: inline-block;width: 220px;padding: 6px 30px 30px 10px;box-sizing: border-box;vertical-align: top;}
.shortcut .shortcut_cont .add_area a{display: block; border-radius: 6px; overflow: hidden;margin-bottom: 10px;}
.shortcut .shortcut_cont .add_area a:last-child{margin-bottom: 0;}
.shortcut .shortcut_cont .add_area img{display: block;}

@media(max-width: 820px){
	.btn_shortcut{bottom: 55px;right: 10px;}
	.wrap.show_QuickMenu ~ .btn_shortcut{bottom: 115px;}
	.wrap.mob_fix_write ~ .btn_shortcut{bottom: 100px;}
	.wrap.show_QuickMenu.mob_fix_write ~ .btn_shortcut{bottom: 160px;}
	.btn_shortcut .txt{display: none;}
	.btn_shortcut .icon{width: 40px;height: 40px;background-size: 40px auto;}

	.checks.type2 input[type="radio"]+label{
		padding: 7.5px 17.5px;
		min-width: 60px;
	}

    .layer_popup_layer .layer_popup_area{top: 0; left:0; transform: none;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit{text-align: center;font-size: 20px;height: 56px;line-height: 56px;border-color: #e6e6e6;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_close{right: 20px;width: 15px; height: 15px;background-image: url(../img/plusx/p_btn_close_m.png);background-size: cover;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_link{font-size: 16px;font-weight: 700;padding-right: 17px;background: url(../img/plusx/arrow04_m.png) no-repeat top 7px right / 7px auto;}

    .shortcut .shortcut_cont{height: calc(100vh - 56px);}
    .shortcut .shortcut_cont .left{width: 110px;padding: 16px 0 16px 10px;}
    .shortcut .shortcut_cont .left li input+label{font-size: 13px;padding-left: 10px;}
    .shortcut .shortcut_cont .left li input:checked+label{color: #ff5961;font-weight: 700;background-image: url(../img/plusx/arrow03_m.png);background-size: 6px auto;}
    .shortcut .shortcut_cont .center{width: calc(100% - 110px);height: 100%; padding: 17px 0 0;}
    .shortcut .shortcut_cont .center section{padding: 0 0 0 14px;height: calc(100vh - 80px);padding-bottom: 13px;box-sizing: border-box;}
    .shortcut .shortcut_cont .center section ul{display: flex;flex-wrap: wrap;width: 100%;}
    .shortcut .shortcut_cont .center section ul.mCustomScroll{padding-right: 20px;}
    .shortcut .shortcut_cont .center section ul li{width: calc(50% - 5px);height: auto;margin-right: 10px;}
    .shortcut .shortcut_cont .center section ul li:nth-child(2n){margin-right: 0;}
    .shortcut .shortcut_cont .center section .mCustomScroll{padding: 6px;}
    .shortcut .shortcut_cont .add_area{display: none;}
}