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

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

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

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=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 !important}

/*FLEX*/
.flexBox{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexBox2{display: -webkit-box;display: -ms-flexbox;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}
.bg_tran {background:transparent !important}
.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: #44546A;border: 1px solid #44546A;}
.btn_box{text-align:center}
.btn_box.tr{text-align:right}
.btn_box.ver_btm{margin-top:30px}
.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{	justify-content: space-between;align-items: center;}
/*	.btn_box{	display:flex;justify-content: space-between;align-items: center;}*/
	.btn_box.area01{    justify-content: center;}
    .btn_box > *{min-width:48% !important;}

}
@media (max-width: 970px) {
	.inner{width:96%;margin-left:auto;margin-right:auto}
	
}
@media (max-width: 768px) {
	.inner{min-width: 280px;width:84%}
	.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: #44546A;-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 #44546A;box-sizing: border-box;}
.newBtn.link_hover:hover{background:#44546A;color:#FFF !important;border:1px solid #44546A}
.newBtn.btn_s{line-height:32px;font-size:12px;min-width:inherit}
.newBtn.btn_s2{min-width: 175px;}
.newBtn.btn_s3{min-width: auto;}
.newBtn.btn_s.ver2{line-height:39px;font-size:14px;}
.newBtn.btn_line{border:1px solid #EAEAEA;background:#FFF;color:#888 }
.newBtn.btn_line2{border:1px solid #EAEAEA;background:#FFF;color:#888 }
.newBtn.btn_line_c{border:2px solid #44546A;background:#FFF;color:#44546A;font-weight:700 }
.newBtn.btn_gray{border:1px solid #F7F7F7;background:#F7F7F7;color:#888}
.newBtn.btn_gray2{border:1px solid #b8b8b8;background:#b8b8b8;color:#FFF}
.newBtn.fullBtn{width:100%}
.newBtn.btn_big{width: 384px;}

/* color */
.blue{color:#44546A !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}
input[type="text"].bd_inp{line-height: 54px;border: 1px solid #E3E3E3;font-weight: 500;font-size: 14px;color: #888;padding: 0 25px;width: 100%;border-radius:10px}
.edit_box{border: 1px solid #E3E3E3;padding:25px;width: 100%;border-radius:10px;min-height:300px;margin-top: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;
}
.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}
/*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);
}



/*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;height:70px}
header .super_top > *{line-height: 70px;}
header .super_top .sup_top_link > a{display:inline-block;margin-left:25px;color:#333;font-weight:500;font-size:14px}
header .super_top .sup_top_link a.s_btn{background:#44546A;color:#FFF;width:100px;line-height:36px;text-align:center;border-radius:3px}
header .super_top .sup_top_link .linkB {display: inline-flex;}
header h1 a{display:block;width:150px; margin-top: -3px;}
header .alink{display:inline-block;float:left;font-weight: 500;font-size: 14px;line-height: 17px;color: #888888;}
header .super_top nav{align-items: center;}
header .super_top nav ul{flex:1;margin-left:30px}
header .super_top nav ul li + li{margin-left:16px}
header .super_top nav ul li a{font-weight:600;font-size:16px;color:#333}
header .super_top nav ul li a.on{color:#0054FF;}
header .snb{margin:60px auto 30px}
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: 38px;color: #666;min-width:140px;text-align: center;border:1px solid #DDD;border-radius:50px}
header .snb ul li a.on{color: #44546A;font-weight: 500;position:relative;background:#44546A;color:#FFF;border:1px solid #44546A}
header .linkB a {display: inline-block;margin-left: 20px;width: 25px; height: 26px; line-height:26px;}
header .linkB i.ico-aram{background: url(../images/icon/Bell_light.svg) no-repeat center center;width: 30px;height:26px;background-size:31px}
header .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: 6px;top: 2px;}
header .linkB i.ico-aram.on,
header .linkB i.ico-aram:hover{background: url(../images/icon/Bell_light_on.svg) no-repeat center center;background-size:31px}
header .linkB i.ico-my{width: 30px;height: 26px;background:url(../images/icon/ico_my.png) no-repeat center center;background-size:auto 23px}
header .linkB i.ico-my:hover,
header .linkB i.ico-my.on{background:url(../images/icon/ico_myp_on.png) no-repeat center center;background-size:auto 23px}
header .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;padding:0}
header #gnb_wrap .nav_head{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #DDD;padding: 0 20px;}
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:30px 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;margin-left:0}
header #gnb_wrap #gnb li{display:flex;margin-left:0}
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: 5px;line-height:51px;text-align:center;margin: 0 34px;font-weight: 500;font-size: 16px;}
header #gnb_wrap .btn_full{background: #44546A;color:#FFF;}
header #gnb_wrap .btn_full_line{background: #F1F1F1;color:#44546A}


.snb ul li + li{margin-left: 5px;}
.snb ul li{text-align: center;float: left;}
.snb ul li a{display:inline-block;font-weight: 500;font-size: 16px;line-height: 38px;color: #666;min-width:140px;text-align: center;border:1px solid #DDD;border-radius:50px}
.snb ul li a.on{color: #44546A;font-weight: 500;position:relative;background:#44546A;color:#FFF;border:1px solid #44546A}


/*FOOTER*/
footer{background:#fff;padding:35px 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: #44546A;border-radius:50px; width: 163px;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}


table.tbl{width:100%;border:0;    border-spacing: 0;border-bottom:1px solid #DDD}
table.tbl th{text-align:center;background:#f7f8ff;font-size:16px;color:#333;font-weight:500;line-height:45px;border-top:2px solid #44546A}
table.tbl td{text-align: center;font-size: 14px;padding: 15px 5px;color: #333;border-top: 1px solid #DDD;}
table.tbl .w1{width:25%}
table.tbl .w2{width:30%}
table.tbl .w3{width:30%}

/** Common Margin **/
.m-t-5  { margin-top:5px; }
.m-t-10 { margin-top:10px; }
.m-t-15 { margin-top:15px; }
.m-t-25 { margin-top:25px; }
.m-t-50 { margin-top:50px; }

.m-b-5  { margin-bottom:5px; }
.m-b-10 { margin-bottom:10px; }
.m-b-15 { margin-bottom:15px; }
.m-b-25 { margin-bottom:25px; }
.m-b-50 { margin-bottom:50px; }

@media (max-width: 768px) {
	.pcVer {display:none !important}
	.mobVer {display:block !important}
	table.tbl .w1{width:33.3%}
	table.tbl .w2{width:33.3%}
	table.tbl .w3{width:33.3%}

	header h1 a {margin-top:0}

	header .snb{width:90% !important;margin:40px auto 25px}
	header .super_top {border-bottom:0;padding:0;background:#44546A;height:60px}
	header .m_nav a{display:inline-block;padding:5px;margin-left:20px;padding:0}
	header .m_nav i{margin-left:5px;}
	header .snb ul li a {line-height:48px;font-size:18px}
	header .super_top > * {line-height:60px;}

	.snb ul li a {line-height:48px;font-size:18px}

	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) no-repeat center top}
	footer nav a:nth-of-type(2).on .img{background:url(../images/icon/message-chat-circle_on.svg) no-repeat center top} 
	footer nav a:nth-of-type(3).on .img{background:url(../images/icon/file-attachment-02_on.svg) no-repeat  center top}
	footer nav a:nth-of-type(4).on .img{background:url(../images/icon/user-04_on.svg) no-repeat center top}
	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}

	.snb ul li a{font-size: 14px;line-height: 38px;color: #666;min-width:80px;}

}

.bg_white {background:#FFF !important}
.bg_gray {background:#f8f8f8 !important}
.bg_blue {background:#44546A !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:5px;overflow: hidden;width: 575px;}
.modal_box.ver_inner2{width:640px;}
.modal_box.ver_inner3{width:750px;top: 50%;}
.modal_box .modal-head{height: 50px;padding: 0 25px;line-height: 50px;background: #44546A;color:#FFF}
.modal_box .modal-head h4{display:flex; align-items: center;justify-content: space-between;font-size:18px;font-weight:600}
.modal_box .modal-head a.close{display:inline-block;width:20px;height:40px;background:url(../images/icon/x_close_w.svg) no-repeat right center;background-size:24px}
.modal_box .modal-content{text-align:center; padding: 30px;    background: #FFF;}
.modal_box .modal-content .inner{width:340px;margin:30px auto}
.modal_box .modal-content .inner2{width:640px;margin:0 auto}
.modal_box .modal-content .inner3{width:750px;margin:0 auto}
.modal_box .modal-content .txt{ padding-bottom: 30px;font-size: 16px;line-height: 24px;color: #666;padding-top:15px}
.modal_box .modal-content .txt .s_txt_box{padding: 15px;background: #f5f5f5;text-align: left;width: auto;margin: 10px auto 0;}
.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.s_ver dt{width:auto;margin-right:5px;color:#333;font-weight:500;font-size:16px}
.modal_box .modal-content .inner .dlBox dd{font-weight: 500;font-size: 14px;line-height: 17px;color: #333333;}
.modal_box .modal-content .inner .dlBox.s_ver dd{color:#666;font-size:16px;font-weight:500}

.toggleTxt{
    font-size: 16px;
    color: #333;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
	padding-left:1%;
	float:left;
}
.toggleSwitch {
  width: 6rem;
  height: 3rem;
  display: block;
  position: relative;
  border-radius: 2rem;
  background-color: #fff;
  box-shadow: 0 0 1rem 3px rgba(0 0 0 / 10%);
  cursor: pointer;
  float: right;
  margin-right:3%;
  margin-left:1%;
}

.toggleSwitch .toggleButton {
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  top: 50%;
  left: .2rem;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #44546A;
  float:right;
}

/* 체크박스가 체크되면 변경 이벤트 */
.toggleSwitch.active {
  background: #44546A;
}

.toggleSwitch.active .toggleButton {
  left: calc(100% - 2.8rem);
  background: #fff;
}

.toggleSwitch, .toggleButton {
  transition: all 0.2s ease-in;
}

.admin_coupon_title{
	display: inline-block;
	height:50px;
	width:100%;
	margin-bottom:20px;
}
.admin_coupon_sub_title{
	vertical-align:middle;
	display: table-cell;
	float:left;
	line-height:50px;
}
.admin_coupon_box{
	vertical-align:middle;
	display: table-cell;
	float:right;
	line-height:50px;
}
.admin_coupon_box_btn{
	display: inline-block;
	color: #44546A;
	font-size: 14px;
	line-height: 30px;
	width: 100px !important;
	border-radius: 5px;
	border: 1px solid #44546A;
	text-align: center;
}
.payment_icon{
	width: 23px;
	height: 23px;
	background: url(../images/icon/payment_icon.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.coupon_column{
	display: inline-block;
	width:100%;
	min-height:55px;
	margin-top:10px;
	margin-bottom:10px;
}

.coupon_column_sub{
	vertical-align:middle;
	display: inline-block;
	width:29%;
}

.coupon_column_inp{
	vertical-align:middle;
	display: inline-block;
	width:69%;
}

.coupon_column_inp select{
	margin-top: 5px;
	width: 100%;
	background: #FFF url(../images/icon/ico_select.png) no-repeat 90% center;
	line-height: 50px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	min-width: 165px;
	color: #747474;
	padding: 0 36px 0 18px;
	font-size: 16px;
	min-height:50px;
}

.admin_common_btn {
	display: inline-block;
	color: #44546A;
	font-size: 14px;
	line-height: 30px;
	width: 100px !important;
	border-radius: 5px;
	border: 1px solid #44546A;
	text-align: center;
	float:right;
}

.search_div{
	width: 100%;
	height: auto;
	display: table;
	margin-bottom: 20px;
	padding: 18px 18px;
	border-bottom: 1px solid #DDD;
}

.search_bg{
	display: block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	float: right;
	overflow: hidden;
	border: 1px solid;
	border-radius: 22px;
	border-color: #e6e6e6;
	width: 200px;
	height: 45px;
	line-height: 45px;
}

.search_btn_bg{
	display: block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	float: right;
	overflow: hidden;
	border-radius: 22px;
	width: 80px;
	height: 45px;
	line-height: 45px;
}

.admin_common_search{
	font-family: Roboto-Regular;
	font-size: 14px;
	line-height: 1.7;
	width: 100%;
	height: 100%;
	color: #666;
	padding-right: 25px;
	padding-left: 25px;
	outline: 0;
	border: none;
	margin: 0;
	overflow: visible;
}

.find_user_info{
	max-height:300px;
	min-height:100px;
	border-bottom: 1px solid #DDD;
	overflow-y:auto;
	padding-bottom: 20px;
}

.srch_user_name{
	display:inline-block;
	width:28%;
	text-align:left;
	overflow: hidden;
}

.srch_user_email{
	display:inline-block;
	width:35%;
	text-align:left;
	overflow: hidden;
}

.srch_user_number{
	display:inline-block;
	width:35%;
	text-align:left;
	overflow: hidden;
}

.coupon_column_inp input{
	margin-top: 5px;
	width: 100%;
	line-height: 50px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	min-width: 165px;
	color: #747474;
	padding: 0 36px 0 18px;
	font-size: 16px;
	min-height:50px;
}

.commonDateBox {
	z-index: 5;
	position: relative;
	overflow: visible;
}

.commonDatePicker{
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	min-width: 165px;
	padding: 0 18px;
	font-size: 16px;
	line-height: 50px;
	cursor: pointer !important;
}

.commonDatePickerIcon{
	margin: 25px 0px 0px -36px;
}

.tui-ico-date {
	width: 12px;
	height: 12px;
	background-position: -17px 0;
	position: absolute;
}


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

@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.ver_inner2,.modal_box.ver_inner3{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:49% !important}
	.modal_box .btn_box > .newBtn.btn_gray{width:35%}
	.newBtn.btn_big {width:100%}
	.ver_inner2.modal_box .modal-content{padding-top:20px}
}