@charset "utf-8";

/*****사이트 리셋*****/
html, body, #container, #body {
	min-width: 350px;
}
 html,body{
 
 
overflow-x: hidden;
}
 html{
 
font-size: 100%; /* 1rem = 16px */
 
-webkit-text-size-adjust:none;
 
-moz-text-size-adjust:none;
}
/* 공통 */
.pc_only{display: block;}
.mo_only{display: none;}


    /* 공통 */
    .pc_only{display: none;}
    .mo_only{display: block;}
}


@media screen and (max-width:479px){
 html{
 
font-size: 65%;
}

}

body {
	background-color: #ffffff;
	font-family: "Pretendard", Arial,  sans-serif;
	font-weight: 400;
	color: #333;
	-webkit-text-size-adjust: none;
	word-break: keep-all;
}
/*****사이트 레이아웃*****/
.container{max-width: 1500px;margin: 0 auto;position: relative;padding: 0 calc(15px + 2%);}




.m_br{ /*모바일 줄바꿈*/
	display:none;
}

/*애니메이션 딜레이 사용자 정의*/
.animate__delay-08s {
  animation-delay: 0.8s;
}

/*반응형  css */
@media screen and (max-width:1600px){

	.container{
	}

}
@media screen and (max-width:599px){
	
.m_br{ /*모바일 줄바꿈*/
	display: block !important;
}
.mo_none{
	display: none !important;	
}
}

/*반응형  css 끝*/

#wrap{
    position: relative;
    min-width: 350px;
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
}

/*****사이트 레이아웃 끝*****/


/**********앱화면************/
input::placeholder {color:#999;opacity: 1;}
input::-webkit-input-placeholder {color:#999;opacity: 1;}
input:-ms-input-placeholder {color:#999;opacity: 1;}


.app_wrap{
    margin: 0 auto;
}
.app_wrap.login{
 
display: flex;
 
align-items: center;
 
height: 85vh;
}
.app_wrap.main{
    background: #f8f8f8;
    height: 100%;
}
.app_wrap.page{
    background: #f8f8f8;
    padding: 0 0 100px;
}
.app_wrap.page.term{
    background: #fafafa;
    padding: 0 0 100px;
}

label[class*='label'], .button, a[class*='button'], button, button[class*='button'], button[type='submit'], button[type='reset'], html input[type='button'], input[type='submit'], input[type='reset'], input[type='text'], input[type='password'], input[type='file'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'], textarea, [action] textarea, select, [action] select
{
	display:inline-block;
	/* position:relative; ☆ 20201022 */
	box-sizing:border-box;
	max-width:100%;
	height: 40px; /* ☆ (50/16) */
	margin-top: 6px;
	margin-bottom:.375em;
	/* padding:0; ☆ 20200803 */
	border-radius:0; /* ☆ */
	line-height:normal; /* ☆ */
	vertical-align:middle;
	text-decoration:none !important;
}

/* Input */
input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
textarea,
[action] textarea{ /* ☆ */
	-webkit-appearance:none;
	padding:0 .5em; /* (( select 확인 */
	border: 1px solid #ddd;
	background-color:#fff;
	border-top: 0;
	border-radius: 0px;
	border-left: 0;
	border-right: 0;
}



/******로그인********/
.login-wrapper{
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
}

.login-wrapper > h2.logo{text-align: center;margin: 0px 0 40px;}
.login-wrapper > h2.logo img{

}
#login-form  input{
    width: 100%;
    height: 48px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    margin-top: 0px;
    font-size: 14px;
}
#login-form  input::placeholder{
    color: #777;
}
#login-form  input[type="submit"]{
    color: #fff;
    font-size: 16px;
    background-color: #2092ce;
    margin-top: 0px;
    cursor: pointer;
    border: 0;
}

#login-form > input[type="checkbox"]{
    display: none;
}
#login-form > label{
    color: #999999;
}
#login-form input[type="checkbox"] + label{
    cursor: pointer;
    padding-left: 26px;
    background-image: url("checkbox.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#login-form input[type="checkbox"]:checked + label{
    background-image: url("checkbox-active.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#login-form .btn_w{
    margin: 10px 0 0;
}


#login-form  .reg_btn{
    color: #2092ce;
    font-size: 16px;
    margin-top: 0px;
    cursor: pointer;
    width: 100%;
    display: block;
    border: solid #2092ce 1px;
    border-radius: 10px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

/*////*****로그인 끝********/



/******회원가입********/
.cp1writeform1{
	position:relative;
	width:100%;
	max-width:450px;
	margin: 5% auto 0;
	line-height: 1.375;
	padding: 0 0 30px;
}
.cp1writeform1 .hg1{
	text-align:center;
	margin:0 0 2em;
	padding:1em 0;
	border-bottom:1px solid #ddd;
}
.cp1writeform1 .h1{
	display:inline-block;
	position:relative;
	margin:0;
	color:#000;
	font-size:3.5em;
}
.cp1writeform1 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1writeform1 .cont{}
.cp1writeform1 .item{
	margin: 0 0 1.125em;
}

.cp1writeform1 .tt1{
	margin: 0;
	color: #222;
	font-weight: 500;
}
.cp1writeform1 .item input,
.cp1writeform1 .item select,
.cp1writeform1 .item textarea{
	font-size: 14px;
	letter-spacing: -0.6px;
	color: #555;
}
.cp1writeform1 .explain{
	display:block;
	margin:.25em 6px;
	color:#888;
	font-size:.75em;
}
.cp1writeform1 .submit{
	display:block;
	height:auto;
	padding: .625em 2.75em;
	font-size: 20px;
	background: #2092ce;
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
}
/* ☆ */
.cp1writeform1 .w2n2,
.cp1writeform1 .w2a1n1,
.cp1writeform1 .w2a1n1a1,
.cp1writeform1 .w2flex1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
}
.cp1writeform1 .w2n2>*{
	flex:0 0 calc(50% - .25em);
}
.cp1writeform1 .w2a1n1>*:nth-child(1),
.cp1writeform1 .w2a1n1a1>*:nth-child(1),
.cp1writeform1 .w2a1n1a1>*:nth-child(3),
.cp1writeform1 .flex1auto1[class]{
	flex:auto; /* 1 1 auto */
	min-width:0;
}
.cp1writeform1 .w2a1n1>*:nth-child(2),
.cp1writeform1 .w2a1n1a1>*:nth-child(2),
.cp1writeform1 .flex1none1[class]{
	flex:none; /* 0 0 auto */
}

.cp1writeform1 .formw{
    display: flex;
    gap: 1%;
}
.cp1writeform1 .formw input.id,.cp1writeform1 .formw input.adress{
    width: 70%;
}
.cp1writeform1 .dcheck{
    width: 30%;
    background: #fff;
    border-radius: 50px;
    border: 2px solid #4992e5;
    color: #4992e5 !important;
    font-weight: bold;
    cursor: pointer;
}


/*라디오버튼 css*/
label {
  font-size: 16px;
  line-height: 2rem;
  padding: 0.2em 0.4em;
}

[type="radio"], span {
  vertical-align: middle;
}

[type="radio"] {
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  transition: border 0.2s;
}

[type="radio"]:checked {
  border: 0.4em solid #4796ff;
}

[type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted tomato;
}

[type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
  cursor: pointer;
}

[type="radio"]:hover + span {
  cursor: pointer;
}

[type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

[type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
/*라디오버튼 css 끝*/


/* ◇◆ */
@media all and (max-width:767px){
	.cp1writeform1 .h1{
		font-size:1.857em; /* (26/14) */
	}
}

/* 동의 */
.cp1writeform1 .agree{
	margin:2em 0;
	padding:1.25em 1.5em;
	border-radius: 10px;
	background: #f8f8f8;
}
.cp1writeform1 .agree .item.all{
	margin:0 0 .75em;
	padding:0 0 .75em;
	border-bottom: 1px solid #e2e6ec;
}


/* 폼컨트롤(라디오.체크박스.디자인유형) 20220624 */
.cp1v2fcontrol1 .item{ /* label */
	display:inline-flex; /* ☆ */
	align-items:center;
	margin: .275em 1em .275em 0;
	color: #444;
	vertical-align:middle;
	font-size: 14px;
}
.cp1v2fcontrol1 .item:hover,
.cp1v2fcontrol1 .item:focus{
	color: #366ada;
}
.cp1v2fcontrol1 .item>input{
	flex:none;
	margin:0 .375em 0 0;
	vertical-align:middle;
}
.cp1v2fcontrol1 .item>.t1{
	flex:auto;
	display:flex;
	align-items:center;
	position:relative;
}
/* ☆.type2 (콘트롤디자인) */
.cp1v2fcontrol1.type2 .item [type='radio'],
.cp1v2fcontrol1.type2 .item [type='checkbox']{
	position:absolute;
	left:-9999px; /* [FF]fix) */
	width:0;
	height:0;
	font-size:0;
	opacity:0;
}
.cp1v2fcontrol1.type2 .item [type='radio']+.t1:before,
.cp1v2fcontrol1.type2 .item [type='checkbox']+.t1:before{
	content:'';
	flex:none;
	width: 22px;
	height: 22px;
	margin:-.0625em .5em 0 0;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
/* ☆ */
.cp1v2fcontrol1.type2 .item [type='radio']+.t1:before{
	background-image:url(/dmapp/img/ico_ckoff.png);
}
.cp1v2fcontrol1.type2 .item [type='radio']:checked+.t1:before{
	background-image:url(/dmapp/img/ico_ckon.png);
}
.cp1v2fcontrol1.type2 .item [type='checkbox']+.t1:before{
	background-image:url(/dmapp/img/ico_ckoff.png);
}
.cp1v2fcontrol1.type2 .item [type='checkbox']:checked+.t1:before{
	background-image:url(/dmapp/img/ico_ckon.png);
}
.cp1v2fcontrol1.type2 .item [type='radio']:disabled+.t1:before,
.cp1v2fcontrol1.type2 .item [type='checkbox']:disabled+.t1:before{
	opacity:.5;
}

/* 멀티라인 */
.cp1v2fcontrol1.mline .item{ /* 모두 */
	width:100%;
	line-height:1.375;
}
.cp1v2fcontrol1 .item.mline{ /* 개별 */
	align-items:flex-start;
	width:auto; /* 인라인유지 */
	line-height:1.375;
}
.cp1v2fcontrol1.mline .item>input,
.cp1v2fcontrol1 .item.mline>input{
	margin-top:.125em;
}



/*////*****회원가입 끝********/

/******공통 헤더********/
.header{height: 65px;position: relative;}

.header .title{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 22px 0;
}
.header .back{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}
.header .back a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
/*////*****공통 헤더 끝********/

/******회원가입 헤더********/
.signup .header{border-bottom: 1px solid #e0e0e0;}
.signup .header .back{
    
}
.signup .header .back img{}
.signup .header .title{
}



/*////*****회원가입 헤더 끝********/


/******메인헤더********/
.main .header{
    padding: 25px 0 8px;
    height: auto;
    margin: 0 0 20px;
}
.main .header .logo{
}
.main .header .logo img{}
/*////*****메인헤더 끝********/

/******페이지 헤더********/
.page .header{
    background: #2092ce;
    color: #fff;
}
.page .header .back{}
.page .header .back img{}
.page .header .title{}
/*////*****페이지 헤더 끝********/


/******메인화면********/
.app_cont{
}
.tit_box{}
.tit_box .main_tit{
    font-size: 22px;
    color: #2092ce;
    font-weight: 600;
    margin: 0 0 14px;
}
.tit_box .main_txt{
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
}


/***탭 콘텐츠*****/
.tabList  {
}
.main .tabList > nav {
    max-width: 1150px;
    width: 100%;
    height: 65px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 35px auto 20px;
    float: none;
}

.main .tabList .tabMenu {
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    background: #fff;
    border-radius: 100px;
    padding: 4px 4px;
}
.main .tabList .tabMenu li {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.main .tabList .tabMenu li span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #999;
    transition: 0.3s;
    border-radius: 80px;
    font-weight: 400;
}
.main .tabList .tabMenu li.on span {
    color: #2092ce;
    border: 1px solid #2092ce;
    font-weight: 600;
}
.tabList #tabContent {
    margin: 0 auto 0;
    width: 100%;
    max-width: 1150px;
    overflow: hidden;
    background: #fff;
    padding: 40px 0 100px;
    border-radius: 25px 25px 0 0;
    box-shadow: 0 0 14px rgb(0 0 0 / 15%);
}

.tabList #tabContent  article {
    width: 100%;
    margin: 0 auto;
    display: none;
}

.tabList #tabContent .r_title{
    font-size: 16px;
    margin: 0 0 25px;
    font-weight: 400;
}
.tabList #tabContent .r_title span{
    font-size: 20px;
    vertical-align: baseline;
    font-weight: 700;
    margin: 0 5px 0 0px;
}


.report_wg{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 0 30px;
    gap: 4%;
}
.report_wg li{}
.report_wg .gp_w{
    position: relative;
    display: flex;
    align-items: center;
}
.report_wg .gp_w .re_txt{
    position: absolute;
    left: 50%;
    transform: translateX(-50px);
    font-size: 32px;
    font-weight: 700;
    color: #2092ce;
}
.report_wg .gp_w .re_gp{}

.report_wg .eyepic_wg{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.report_wg .eyepic_wg .pic{}
.report_wg .eyepic_wg .pic img{}


.btn_wg{
    display: flex;
    flex-direction: column;
}
.btn_wg .btn_main{
    background: #2092ce;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    padding: 26px 10px;
    line-height: 0px;
    border: 1px solid #2092ce;
    font-weight: 700;
}
.btn_wg .btn_main.white{background: #fff;color: #2092ce;}

/*//**탭 콘텐츠*****/

/*////*****메인화면 끝********/



/******검사이력********/

/***탭 메뉴*****/
.report .tabList  {background: linear-gradient(to bottom, #2092ce 70%, rgb(255 255 255 / 0%) 70%);padding: 30px 0 0;}
.report .tabList > nav {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    float: none;
}

.report .tabList .tabMenu {
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    background: rgb(255 255 255 / 25%);
    border-radius: 100px;
    padding: 4px 4px;
    border: 1px solid #fff;
}
.report .tabList .tabMenu li {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.report .tabList .tabMenu li span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    transition: 0.3s;
    border-radius: 80px;
    font-weight: 400;
}
.report .tabList .tabMenu li.on span {
    color: #2092ce;
    border: 0px solid #fff;
    font-weight: 500;
    background: #fff;
}


.gp_box{
    margin: 25px auto 25px;
    text-align: center;
}
.test_list{
    /* padding: 0 0 80px; */
}
.test_list li{
    margin: 0 0 13px;
}
.test_list li .test_box{display: flex;flex-direction: row;align-items: center;gap: 15px;padding: 14px 15px;background: #fff;border-radius: 14px;border: 1px solid #e2e2e2;justify-content: space-evenly;}
.test_list li .test_box .icock{
    width: 60px;
    height: 60px;
    background: #e8f4fa;
    border-radius: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.test_list li .test_box .tit_wg{
    width: 65%;
}
.test_list li .test_box .tit_wg .tit{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
}
.test_list li .test_box .tit_wg .date{
    font-size: 15px;
    font-weight: 400;
    color: #adadad;
}
.test_list li .test_box .icoar{
    width: 30px;
    height: 30px;
    background: #ececec;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
/*////*****검사이력 끝********/


/******검사이력 자세히보기********/
.report .r_title{
    font-size: 18px;
    margin: 0 0 0px;
    font-weight: 400;
    color: #fff;
}
.report .r_title span{
    font-size: 22px;
    vertical-align: baseline;
    font-weight: 700;
    margin: 0 5px 0 0px;
}

.station_box{
    background: #fff;
    border-radius: 25px;
    margin: 15px 0 0;
    padding: 30px 25px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}
.station_box .s_title{
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 14px;
}
.station_box .s_datawg{
    display: flex;
    justify-content: space-between;
}
.station_box .s_datawg .s_date{
    display: flex;
    color: #888;
    font-size: 17px;
    flex-direction: row;
}
.station_box .s_datawg .s_date figure{
    margin: 0 6px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.station_box .s_datawg .date{
    color: #8a8a8a;
    font-weight: 500;
}


.eyes_list {margin: 0 0 20px;}
.eyes_list li{}
.eyes_list li .eye_box{
    background: #fff;
    border-radius: 25px;
    margin: 25px 0 0;
    padding: 25px 20px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}
.eyes_list li .eye_box .tit{margin: 0 0 15px;font-size: 17px;}
.eyes_list li .eye_box .tit span{
    font-size: 22px;
    vertical-align: baseline;
    font-weight: 700;
}
.eyes_list li .eye_box .eye_result_box{
    text-align: center;
    margin: 0 0 20px;
}
.eyes_list li .eye_box .result_box{
    padding: 10px 15px;
    background: #fafafa;
    display: flex;
    flex-direction: row;
    font-size: 22px;
    gap: 8px;
    font-weight: 700;
    justify-content: center;
    border-radius: 15px;
}
.eyes_list li .eye_box .result_box figure{
    width: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eyes_list li .eye_box .result_box span{
    font-weight: 700;
    color: #2092ce;
}
.eyes_list li .eye_box .result_box span.red{
 color: #ff6b3a;
}
/*//*****검사이력 자세히보기 끝********/

/******건강정보********/
.hinfo_wg{
    margin: 40px 0 0;
}
.hinfo_wg .hinfo_list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.hinfo_wg .hinfo_list li{
    width: 42%;
}
.hinfo_wg .hinfo_list .hinfo_box{}
.hinfo_wg .hinfo_list .hinfo_box .pic{
    border-radius: 200px;
    overflow: hidden;
    margin: 0 0 15px;
}
.hinfo_wg .hinfo_list .hinfo_box .title{
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
/*//*****건강정보 끝********/

/******주변 센터********/
.around_w {position:relative;padding-bottom: 118.25%;padding-top:30px;height:0;overflow:hidden;}
.around_w iframe,
.around_w object,
.around_w embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/*//*****주변 센터 끝********/


/******개인정보 수집이용 동의********/
.term .t_titbox{
    padding: 15px 14px;
    font-size: 18px;
    font-weight: 700;
    background: #e7e7e7;
    border: 1px solid #bfbfbf;
    margin: 25px 0 20px;
    text-align: center;
}
.term .t_txt{
    margin: 13px 0 22px;
}
.term .t_tit{
    font-size: 17px;
    font-weight: 500;
    margin: 25px 0 10px;
}

.term .table {
    margin: 10px 0;
}

.term .table .type-border {
    border-top: 2px solid #000
}

.term .table .terms--highlight {
    font-size: 18px;
    font-weight: bold;
    color: #2e74b5
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table th,table td {
    word-break: keep-all;
    vertical-align: middle
}

table thead th {
    padding: 13px 8px;
    font-size: 16px;
    text-align: center;
    background-color: #bed8ff;
    border: 1px solid #a3badc;
}

table tbody th {
    background-color: #eee
}

table tbody th,table tbody td {
    padding: 15px 8px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #d0dae5;
    background: #fff;
}
/*//*****개인정보 수집이용 동의 끝********/


/******개인정보 처리방침 ********/
.policy_head {
            border-bottom: 1px solid #e2e2e2;
            padding: 35px 10px 20px;
        }

        .policy_content {
            padding: 20px 10px 40px;
        }

     .policy_wrap  h2 {
            font-size: 26px;
            margin-bottom: 12px;
            font-weight: 800;
            color: #333;
        }
.policy_wrap h3 {
            font-size: 22px;
            margin: 24px 0 10px;
            font-weight: 800;
            color: #333;
        }

.policy_wrap ul , .policy_wrap li{list-style: revert;}


       .policy_wrap  ul {
            padding-left: 16px;
        }

       .policy_wrap ol {
            padding-left: 20px;
        }

       .policy_wrap ol > li {
            padding-left: 16px;
            text-indent: -16px;
        }

       .policy_wrap li, p {
            color: #606060;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 0px;
            margin-bottom: 8px;
            text-align: justify;
            word-break: keep-all;
        }

      .policy_wrap  ul ol {
            list-style-type: decimal;
            padding-left: 15px;
        }

       .policy_wrap ul ol ol {
            list-style-type: hangul;
            padding-left: 5px;
            text-indent: 0px;
        }

      .policy_wrap  ul ol ol > li {
            padding-left: 0px;
            text-indent: 0px;
        }


       .policy_wrap table {
            text-indent: 0;
            margin: 0 0 15px;
        }

       
/******개인정보 처리방침 끝********/



/**********하단퀵메뉴************/
.foot_quick{max-width: 600px;transform: translateX(-50%);left:50%;box-shadow:0px -3px 10px rgba(0,0,0,0.05);position: fixed;bottom: 0;z-index: 2;width: 100%;background:#fff;border-top:1px solid #ddd;box-sizing:border-box;display:flex;padding: 10px 0;}
.foot_quick > div{text-align:center; width:25%; }
.foot_quick > div .icon{margin-bottom: 5px;font-size: 0;}
.foot_quick > div img{width: 28px;}
.foot_quick > div .qt{color:#333;font-size: 12px;}
/*////*********하단퀵메뉴 끝************/


/**********장면전화 해더 - 해당 클래스가 없으면 전환시 깜빡거림************/
.ui-header .ui-title, .ui-footer .ui-title{display: none !important;}
.ui-header{display: none !important;}

/*////*********앱화면 끝************/






/***퀵메뉴 탑스크롤 버튼 ****/
.topBtn {position:fixed; bottom:3%; right:3%; z-index:99999; display:none; width:70px; height:70px; border-radius:70px; background:#fff url('/img/topBtn.png') center 20px no-repeat;
	border:2px solid #333; color:#333; line-height:1; font-family:'Oswald', sans-serif; font-size:0.824rem; font-weight:600;letter-spacing:0.5pt; padding:35px 0 0 2px; text-align:center;/*  box-shadow:10px 10px 20px rgba(0,0,0,0.15);  */transition: all 0.3s linear;}
	.topBtn:hover {background-image:url('/img/topBtn_up.png'); border-color:#008cd6; background-color:#008cd6; color:#fff;}

	#quick{position: fixed;right: 20px;bottom:20px;z-index: 10;transition: .6s;z-index:10000;}
	#quick.on{bottom: 90px;}
	#quick ul li{margin-bottom:8px;}
	#quick ul li:last-child{ margin-bottom: 0; }
	#quick ul li a{display: flex;width: 65px;height: 65px;line-height: 65px;transition: .3s;border-radius: 10px;box-shadow: rgb(0 0 0 / 14%) 3px 6px 12px;align-items: center;justify-content: flex-start;}

	#quick ul li.onlineBtn{position: relative;  }
	#quick ul li.onlineBtn a{position: relative;background: #264fc9;overflow: hidden;}
	#quick ul li.onlineBtn a:hover{width: 180px;}
	#quick ul li.onlineBtn a:hover span{
    opacity: 1;
    transition: 0.8s;
}
	#quick ul li.onlineBtn span{margin-left: 14px;color:#fff;font-size: 1rem;letter-spacing:-0.5pt;font-weight:500;opacity: 0;}
	#quick ul li.onlineBtn img{width: 36px;height: 36px;margin: 0px 0 0 13px;}


	#quick ul li.top_btn{position: fixed;right:20px;bottom:20px;/* display: none; */z-index:10000;}
	#quick ul li.top_btn > a{background: #fff url('/assets/img/topBtn.png') center no-repeat;border:1px solid #333;}
	#quick ul li.top_btn > a:hover{background-image: url('/assets/img/topBtn_up.png');border-color: #6666ff;background-color: #6666ff;}
	
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1610px){
#quick.on {
    bottom: 380px;
}
	#quick ul li.top_btn {
    bottom: 310px;
}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
	#quick{
    right: 5px;
}
	#quick.on{
    bottom: 72px;
}
	#quick ul li{
    margin-bottom: 0;
}
	#quick ul li.top_btn{
    right: 10px;
    bottom: 20px;
}
	#quick ul li.top_btn > a{
    background-size: 50%;
}
	#quick ul li.onlineBtn img{
    width: 30px;
    height: 30px;
    margin: 0px 0 0 8px;
}
	#quick ul li.onlineBtn a:hover{width: 130px;display: flex;justify-content: center;}
	#quick ul li.onlineBtn span{
    margin-left: 8px;
    width: 70px;
}
	
#quick ul li a{width: 45px;height: 45px;}
}

@media screen and (max-width:479px){

}	
	
	
/***퀵메뉴 탑스크롤 버튼 끝****/