@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 초기화 */
html {font-size:14px;}
body {min-width:280px;margin:0 auto;padding:0;font-size:14px;font-family: 'Pretendard', 'Malgun Gothic', sans-serif;color:var(--txt-color-def);background:#fff; letter-spacing:-0.05em; box-sizing:border-box;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', 'Malgun Gothic', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', 'Malgun Gothic', sans-serif;font-size:1em; border:0;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;transition:all 0.3s}

p {margin:0;padding:0;word-break:break-all}
hr  {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:var(--txt-color-def);text-decoration:none; transition:all 0.3s}
br {font-size:0;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* Notification */
.web-snackbar {

	width:320px;
	height:100px;

	position: fixed;
	--flow-space: clamp(1.175rem, 0.6rem + 0.89vw, 2rem);
	padding: clamp(1.175rem, 0.6rem + 0.89vw, 2rem);

	background: #4ebfb8;
	color: #f8f9fa;
	outline: 1px solid var(--color-stroke);
	z-index: 99;
	box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);

	left:-webkit-calc(70%);
	left:-moz-calc(70%);
	left:70%;
	
	top:-webkit-calc(100% - 200px);
	top:-moz-calc(100% - 200px);
	top:calc(100% - 200px);
}


.web-snack-title{
	font-size:17px;
}

.web-snack-body{
	font-size:15px;
	margin-top:10px;
}


input[type=email], input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="submit"]  { 
	-webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
	font-family:'Pretendard', 'Malgun Gothic', sans-serif;
}

input[type="email"]:focus,input[type="text"]:focus,input[type="password"]:focus, textarea:focus,select:focus {
	-webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
}
input::placeholder,
textarea::placeholder {
	color:var(--txt-color-gray);
}
textarea, select, button {
	-webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
	font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
	background:none;
	color:var(--txt-color-def);
}

img {max-width:100%;height:auto;}
.sound_only {
	display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}



/* COMMON */
html {scroll-behavior: smooth;}
body.no_scroll_body {position: relative;overflow: hidden;}

/*TEXT-ALIGN*/
.align_cnt {text-align:center;}
.align_left {text-align:left !important;}
.align_right {text-align:right;}

/*FLEX*/
.flexBox{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexBox.area02{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexBox.area02 > *{width:48%;}
.flexBox.area02.ver_noList > *{width:auto;}
.flexBox.area02.ver_auto_h{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.flexBox.area03 > *{width:32%;margin-right:2%;}
.flexBox.area03 > *:nth-child(3n){margin-right:0}
.flexBox.area04 > *{width:23%}
.flexBox.area05 > *{min-width:18%;width:18%}
.flexBox.ver_row-reverse{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flexBox.ver_js-sb{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexBox.ver_nowrap{-webkit-box-lines: single;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}

.flex_nml {display:-ms-flexbox;display:-webkit-flexbox;display:flex;}
.flex_btw {display:-ms-flexbox;display:-webkit-flexbox;display:flex;justify-content:space-between;}
.flex_cnt {display:-ms-flexbox;display:-webkit-flexbox;display:flex;justify-content:center;}
.flex_ard {display:-ms-flexbox;display:-webkit-flexbox;display:flex;justify-content:space-around;}
.flex_end {display:-ms-flexbox;display:-webkit-flexbox;display:flex;justify-content:flex-end;}
.flex_col {flex-flow:column;}
.flex_wrap {flex-wrap:wrap;}
.items_base {align-items:baseline;}
.items_str {align-items:start;}
.items_cnt {align-items:center;}
.items_end {align-items:end;}

.mobVer {display:none !important}
.inner{width:970px;margin-left:auto;margin-right:auto}

.ckb_colr input[type="checkbox"]{display: inline-block !important;width: 0;height: 0;margin: 0 !important;padding: 0 !important;font-size: 0; line-height: 0;border: 0 !important; overflow: hidden !important;text-indent:-99em}
.ckb_colr input[type="checkbox"] + label{display: inline-block;padding: 14px 0;font-weight: 500;font-size: 14px;line-height: 17px;color: #454545;border-radius: 5px;background: #F4F4F4;min-width: 73px;text-align: center; border: 1px solid #E0E0E0;}
.ckb_colr input[type="checkbox"]:checked + label{background: #F2FFF7; color: #1ACB61;border: 1px solid #1ACB61;}
.btn_box{text-align:center}
.btn_box a + a{margin-left:5px}
@media (max-width: 768px) {
	.m-column{-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.m-column > *{width:100% !important}
	.m-column-reverse{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
/*	.btn_box{	display:flex;justify-content: space-between;align-items: center;} */
	.btn_box.area01{    justify-content: center;}
    .btn_box > *{min-width:47% !important;}

}
@media (max-width: 970px) {
	.inner{width:96%;margin-left:auto;margin-right:auto}
	.app_down {display:none !important}
}
@media (max-width: 768px) {
	.inner{min-width: 280px;width:94%}
	.flexBox.area02.ver_noList.m-column-reverse,
	.flexBox.area02.ver_noList.m-column{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
	.inner.m_ver_full {width:100%}

}

.newBtn{all: unset;display: inline-block;min-width: 230px;line-height:52px;text-align: center;font-size: 16px;background: #1ACB61;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;cursor:pointer;border:0;border-radius:5px;color:#FFF;border:1px solid #1ACB61;box-sizing: border-box;}
.newBtn.btn_s{line-height:32px;font-size:12px;min-width:inherit}
.newBtn.btn_s2{min-width: 175px;}
.newBtn.btn_s.ver2{line-height:39px;font-size:14px;}
.newBtn.btn_line{border:1px solid #EAEAEA;background:#FFF;color:#888 }
.newBtn.btn_gray{border:1px solid #F7F7F7;background:#F7F7F7;color:#888}
.newBtn.fullBtn{width:100%}
.newBtn.btn_big{width: 384px;}

/* color */
.green{color:#1ACB61 !important;}
.white {color:#FFF !important}
.red {color:#FF3F3F !important}

/*INPUT CUSTOM*/
input.input_cst {box-sizing: border-box;max-width: 100%;height: auto;padding: 1em 1em;border-radius: 0.5em;font-size: 1.6rem;background: #fff;border: 1px solid #e8e8e8;}
input.input_cst:not([type="search"]):focus {/*브라우저 스타일 초기화*/-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #1D2023;border: 1px solid #e8e8e8 !important;outline: none;box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2)}
input.input_cst.readonly,
input.input_cst.readonly:focus {	border: 1px solid #D3D4D8 !important;background: #eff2f8;box-shadow:none;cursor:default;}
input.input_cst_file {	position: absolute; width: 0;height: 0; padding: 0;overflow: hidden; border: 0;}
input[type="text"].bs_inp{line-height: 54px;background: #F9F9F9;border-radius: 9px;font-weight: 500;font-size: 14px;color: #7B7B7B;padding: 0 25px;width: 100%;}
input[type="text"].line_inp{line-height: 54px;border-bottom: 1px solid #E3E3E3;font-weight: 500;font-size: 14px;color: #888;padding: 0 25px;width: 100%;border-radius:10px}


/*RADIO CUSTOM**/
.radio_cst input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	opacity: 0;
	height: 0;
	width: 0;
	font-size: 0;
}

/*CHECKBOX CUSTOM**/
.check_cst input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	opacity: 0;}
.check_cst_switch {position: relative;display: inline-block;width: 3.8rem;height: 2.3rem;}
.check_cst_switch .slider {position: absolute;cursor: pointer;top: 0; left: 0;right: 0;bottom: 0;background-color: #F0F0F0;border-radius:50em;transition: .4s;}
.check_cst_switch .slider:before {position: absolute;content: "";height: 1.9rem;width: 1.9rem;left: 0.2rem;bottom: 0.2rem;background-color: #fff;border-radius:50em;transition: .4s;box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
.check_cst_switch input:checked + .slider {background-color: var(--color-green);}
.check_cst_switch input:checked + .slider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem );
  transform: translateX(1.5rem);
}


.ckb input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;position: absolute;left: 0;opacity: 0;height: 0;width: 0;font-size: 0;}
.ckb input[type="checkbox"]+ label{display:inline-block;padding-left:25px;background:url(../images/icon/ico_ckb.png) no-repeat left top}
.ckb input[type="checkbox"]:checked + label{background:url(../images/icon/ico_ckb.png) no-repeat left bottom}

/*SELECT CUSTOM**/
.select_cst {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*WIDTH & HEIGHT SIZE*/
.w100 {width:100%;}
.h100 {height:100%;}


/*BTN*/
.btn {padding: 1em 0;font-size: 1.4rem;font-weight:var(--txt-semibold);border-radius: 0.5em;border:1px solid transparent;}
.btn_comm {color: #fff;background: var(--color-pink);}
.btn_gray {color: #fff;background: #d5d5d5;}
.btn_gray_blk {color:var(--txt-color-def);background: #f2f2f2;	}
.btn_gray_light {color:#7E7E7E;background: #F9F9F9;}
.btn_gray.active,
.btn_gray_light.active {color: #fff; background: var(--color-pink);}
.btn_line_green {color: var(--color-green);border-color:var(--color-pink);}
.btn_bg_green {color: var(--color-green);background-color:var(--color-green-light);}
.btn_txt_green {color: var(--color-green);background-color:#f5f5f5;}
.btn_line_bg_green {color: var(--color-green);background-color:var(--color-green-light);border-color:var(--color-green);}
.btn_bigger {font-size:1.6rem;}
.btn_half {width:48%;}

/*SCROLL CUSTOM*/
::-webkit-scrollbar {
	width:1rem;		
	background-color:transparent;
}
::-webkit-scrollbar-thumb {
	width:2rem;		
	border-radius:5em;
    background-clip: padding-box;
    border:2px solid transparent;
	background-color:#f2f2f2;
}
::-webkit-scrollbar-track {
	width:2rem;		
	background-color:transparent;		
} 

/* 툴팁 */
.tooltip_wrap {position:relative;}
.tooltip {display:none;position:absolute;left:0;width:max-content;padding:1em;font-size:1.2rem;background:#fff;border-radius:0.7rem;border:1px solid var(--color-pink);z-index:1;}
.tooltip .flex_btw {gap:1rem;}


/*HEADER*/
header .super_top{border-bottom: 1px solid #EAEAEA;padding: 20px 0}
header .super_top .sup_top_link a{display:inline-block;margin-left:15px}
header h1 a{ display: block; width: 150px; margin-top: -3px;}
header .alink{display:inline-block; float:right; font-weight: 500;font-size: 14px;line-height: 17px;color: #888888;}
header .snb ul li + li{margin-left: 5px;}
header .snb ul li{text-align: center;float: left;}
header .snb ul li a{display:inline-block;font-weight: 500;font-size: 16px;line-height: 49px;color: #333333;min-width: 64px;text-align: center;padding: 0 14px;}
header .snb ul li:nth-child(1) a{ padding-left: 0;min-width: auto;text-align: left;}
header .snb ul li a.on{color: #1ACB61;font-weight: 700;position:relative}
header .snb ul li a.on:after{content:'';display:inline-block;position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#1ACB61;    z-index: 2;}
header .snb .linkB a {display: inline-block;margin-left: 20px;width: 25px; height: 25px; line-height: 25px;}
header .snb .linkB i.ico-aram{background: url(../images/icon/Bell_light.svg) no-repeat center center;background-size:20px;width: 24px;height:24px;}
header .snb .linkB i.ico-aram:hover,
header .snb .linkB i.ico-aram.on{background: url(../images/icon/Bell_light_on.svg?1) no-repeat center center;background-size:20px}
header .snb .linkB i.ico-aram.ing:before{content: '';display: inline-block;position: absolute;background: red;width: 7px;height: 7px;border-radius: 50%;z-index: 1;right: 3px;top: 3px;}


header .snb .linkB i.ico-my{width: 24px;height: 24px;background:url(../images/icon/User_light.svg) no-repeat;background-size:100%}
header .snb .linkB i.ico-my:hover,
header .snb .linkB i.ico-my.on{background:url(../images/icon/User_light_on.svg?1) no-repeat;background-size:100%}
header .snb .linkB i{width:25px;height:25px;     position: relative;}
.newIcon {display:inline-block;text-indent:-999em;overflow:hidden;}
header #gnb_wrap {display:none;background: #FFF;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;z-index: 10000;padding: 16px;}
header #gnb_wrap.open {display:block;}
header #gnb_wrap .nav_head{display: flex;justify-content: space-between;align-items: center;}
header #gnb_wrap .nav_head a.close{display: inline-block;text-indent: -99em;overflow: hidden;width: 30px;height: 30px;background:url(../images/icon/x_close.svg) no-repeat center center;background-size:100%}
header #gnb_wrap .nav_top .nor{padding:75px 22px 0;font-weight: 500;font-size: 14px;line-height: 17px;margin-bottom:15px;color: #C1C1C1;}
header #gnb_wrap .nav_top a{    display: block;font-weight: 500;font-size: 16px;color: #888888; line-height: 60px;border-bottom: 1px solid #DCDCDC;margin: 20px 14px;padding-left: 10px;}
header #gnb_wrap #gnb ul{padding:0 22px}
header #gnb_wrap #gnb li{display:flex;}
header #gnb_wrap #gnb li a{display:block;line-height:40px;font-weight: 500;font-size: 16px;color: #333333; flex:1;position:relative}
header #gnb_wrap #gnb li a i{display: inline-block;background: url(../images/icon/chevron_right.svg) no-repeat center center;background-size: 100%;width: 20px;height: 32px;position: absolute;right: 0;}

header #gnb_wrap .nav_btm{ position: fixed;left: 0;bottom: 80px;right: 0;}
header #gnb_wrap .nav_btm a{display:block;border-radius: 12px;line-height:51px;text-align:center;margin: 0 34px;font-weight: 500;font-size: 16px;}
header #gnb_wrap .btn_full{background: #1ACB61;color:#FFF;}
header #gnb_wrap .btn_full_line{background: #F1F1F1;color:#1ACB61}


/*FOOTER*/
footer{background:#fff;padding:90px 0;border-top:1px solid #E3E3E3;}
footer .f_logo{margin-bottom: 35px;}
footer .f_logo h1{ display: inline-block;}
footer .f_logo h1 img{width:150px}
footer .f_logo a{display: inline-block;margin-left: 14px;font-weight: 500;font-size: 14px;line-height: 17px;color: #7B7B7B;}
footer .adrB{line-height:30px}
footer .adrB p a{font-size:14px;font-weight:500;color:#333}
footer .adrB p a + a{margin-left:0px}
footer .adrB p span{display: inline-block;font-weight: 400; font-size: 14px; line-height: 16px;color: #aaa;margin-right: 4px;}
footer .adrB p b{display: inline-block;font-weight: 500;font-size: 14px;line-height: 16px;color: #666;margin-right: 10px;}
footer .adrB .snsB{margin-top:20px;overflow: hidden;text-align:right;}
footer .adrB .snsB a{text-align: center;display:inline-block;}
footer .app_down{    margin-top: -55px;}
footer .app_down > a{display:inline-flex;padding:10px;background: #1ACB61;border-radius:50px; width: 150px;text-align: center;margin-left:15px; align-items: center;justify-content: center;}
footer .app_down a img{display: inline-block;margin-right: 5px;}
footer .app_down a span{color: #FFF; text-transform: uppercase;font-size:14px;    letter-spacing: 0;font-weight: 600;}
footer .adrB .copy{color:#a5a5a5;font-size:13px}
footer .adr div p{display:inline-block}



@media (max-width: 768px) {
	.pcVer {display:none !important}
	.mobVer {display:block !important}

	header .snb{width:100% !important;}
	header .super_top {border-bottom:0;padding: 15px 0}
	header .m_nav a{display:inline-block;padding:5px;margin-left:5px}
	header .m_nav i{margin-left:5px;}
	header .snb ul li:nth-child(1) a {padding-left: 10px;min-width:64px;text-align: center;}

	footer {padding:0}
	footer nav{position: fixed;left: 0;right: 0;bottom: 0;width:100%;padding:0;max-width:720px;margin:0 auto;background:#fff;border-top:1px solid #ddd;z-index: 9999;}
	footer nav a {display: inline-flex;width: 25%;padding: 15px 0;text-align: center;float: left;font-size: 12px;justify-content: center;align-items: center;flex-direction: column;}
	footer nav a:nth-of-type(1) .img{background:url(../images/icon/calendar-check-01.svg) no-repeat center top}
	footer nav a:nth-of-type(2) .img{background:url(../images/icon/message-chat-circle.svg) no-repeat center top} 
	footer nav a:nth-of-type(3) .img{background:url(../images/icon/file-attachment-02.svg) no-repeat  center top}
	footer nav a:nth-of-type(4) .img{background:url(../images/icon/user-04.svg) no-repeat center top}
	footer nav a:nth-of-type(1).on .img{background:url(../images/icon/calendar-check-01_on.svg?1) no-repeat center top}
	footer nav a:nth-of-type(2).on .img{background:url(../images/icon/message-chat-circle_on.svg?1) no-repeat center top} 
	footer nav a:nth-of-type(3).on .img{background:url(../images/icon/file-attachment-02_on.svg?1) no-repeat  center top}
	footer nav a:nth-of-type(4).on .img{background:url(../images/icon/user-04_on.svg?1) no-repeat center top}
	/*footer nav a.on .img{}*/
	footer nav a .img {display:block;background-size:2.4rem;margin-bottom: 8px;height:25px;width:80%}
	footer .inner{/* background:#F9F9F9; */padding:35px 0 100px;}
	footer .app_down {margin-top:40px}
	.newBtn{min-width:inherit	}
	footer .adrB{font-size:12px;line-height:1.4}
	footer .adrB p b {font-size:12px;}
	footer .adrB p span{font-size:12px}
	footer .adr p{margin-bottom:0}
	footer .adr div p{display:block}
	footer .adr .link{margin-bottom:10px}
	footer .adrB .copy {font-size:12px}
	footer .app_down > a{margin-left:0;    width:145px;}
	footer .adrB .snsB {text-align:left;margin-top:40px}
	footer .app_down a span{font-size:12px}
	footer .app_down a img{margin-right:0}
	footer .adrB p a + a{margin-left:5px}
	footer .adrB p a{font-size:12px;}
	footer .adrB p a + a{margin-left:5px}
	.newBtn{min-width:inherit	}

	.web-snackbar {
		width: 230px;
		height: 120px;
		left: -webkit-calc(100% - 240px);
		left: -moz-calc(100% - 240px);
		left: calc(100% - 240px);
		top: -webkit-calc(100% - 225px);
		top: -moz-calc(100% - 225px);
		top: calc(100% - 225px);
	}
	
}

.alarm_new_icon {
	content: '';
	display: inline-block;
	background: red;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	z-index: 1;
	right: 11px;
	top: 14px;
	position:relative;
}

.div_common_btn a{
	display: inline-block;
	color: #4ebfb8;
	font-size: 14px;
	line-height: 30px;
	width: 100px !important;
	border-radius: 5px;
	border: 1px solid #4ebfb8;
	text-align: center;
	float:right;
	margin:20px 20px;
	background:#fff;
}

.alarm_remove_icon{
	width: 23px;
    height: 23px;
    background: url(../images/icon/remove.png);
    background-repeat: no-repeat;
    background-size: cover;
	display:inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.bg_white {background:#FFF !important}
.bg_gray {background:#f8f8f8 !important}

/* pop */
.modal{display:none;position: fixed;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;}
.modal.on {display:block;}
.modal:after{content:'';display:block;}
.modal_box{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);z-index: 999;border-radius: 10px;background: #FFF;overflow: hidden;width: 530px;}
.modal_box .modal-head{height: 50px;padding: 0 25px;line-height: 50px;background: #F8F8F8;}
.modal_box .modal-head h4{display:flex; align-items: center;justify-content: space-between;}
.modal_box .modal-head a.close{display:inline-block;width:20px;height:40px;background:url(../images/icon/x_close.svg) no-repeat right center;background-size:24px}
.modal_box .modal-content{text-align:center; padding-bottom: 30px;}
.modal_box .modal-content .inner{width:340px;margin:30px auto}
.modal_box .modal-content .txt{padding:30px}
.modal_box .modal-content .p_red{margin-top:15px;color:#FF3F3F}
.modal_box .modal-content h4{font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;color: #454545;}
.modal_box .modal-content .comf_tit{padding:20px 0 0}
.modal .modal_bg { position: fixed; background: rgba(0,0,0,0.67);left: 0;right: 0;top: 0; bottom: 0;width: 100%;}
.modal_box .modal-content .inner .dlBox dl + dl{margin-top:15px}
.modal_box .modal-content .inner .dlBox dt{font-weight: 400;font-size: 14px;line-height: 17px;width:93px;color: #888888;}
.modal_box .modal-content .inner .dlBox dd{font-weight: 500;font-size: 14px;line-height: 17px;color: #333333;}

@media (max-width: 768px) {
	.modal_box .modal-content {width:100%;padding:0 20px 20px}
	.modal_box .modal-content .inner,.modal_box {width:90%}
	.modal_box {min-width: 90%;}
	.modal_box .btn_box > .newBtn{min-width:65% !important;}
	.modal_box .btn_box{justify-content: center;}
	.modal_box .btn_box.same{justify-content: space-between;}
	.modal_box .btn_box.same > .newBtn{min-width:auto !important;width:47% !important}
	.modal_box .btn_box > .newBtn.btn_gray{width:35%}
	.newBtn.btn_big {width:100%}
}


/* Loaidng Popup */
.loading_box{
	position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-35%);
    z-index: 999;
    border-radius: 5px;
    overflow: hidden;
    width: 80px;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
}
.lds-ripple div {
  position: absolute;
  top:50%;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

.wait_bg{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.resume_file_list{
	margin-top: 20px;
}

.resume_file_title {
	display: inline-block;
	height: 50px;
	width: 100%;
	background: #F9F9F9;
}

.resume_file_sub_txt {
	vertical-align: middle;
	display: table-cell;
	float: left;
	line-height: 50px;
	margin-left: 10px;
}

.resume_file_remove_box {
	vertical-align: middle;
	display: table-cell;
	float: right;
	line-height: 50px;
}

.resume_file_remove_btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 100px !important;
	border-radius: 5px;
	text-align: center;
	background: #1ACB61;
	margin-right: 10px;
}

.resume_file_add_btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 100px !important;
	border-radius: 5px;
	text-align: center;
	background: #4ebfb8;
	margin-right: 10px;
	cursor: pointer;
}


@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}