@charset "utf-8";
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');*/


/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
	url(../fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
	url(../fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
}


tbody{font-weight:400}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:'Noto Sans KR';
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */

body { font-family: "Noto Sans KR"; font-weight:normal; font-size: 14px;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
*{font-family: "Noto Sans KR"}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{color: #000;}
a:hover{color: #000; cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0;}
span{vertical-align: top;}
.content {margin:0 auto;}
.container-fluid{margin:0 auto !important;}


input[type=checkbox]
{
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 5px;
}
/*common style*/
input, select, button {vertical-align: middle;border-radius:3px}
a:focus, a:hover {text-decoration: none !important;}
.pos-rel{position: relative}
.flLeft{float:left}
.flRight{float:right}
/* 언어설정 국기 */
.flag {background: url(../images/flags.png) no-repeat;margin-top: -.18em;display: inline-block; margin-right: 4px;}
.flag.flag-kr {background-position:-144px -77px;width: 16px;height: 11px;}
.flag.flag-us {background-position: -144px -154px;width: 16px;height: 11px;}
.flag.flag-cn {background-position: -208px -22px;width: 16px;height: 11px;}
.flag.flag-jp {background-position: -16px -77px;width: 16px;height: 11px;}
.flag.flag-ru {background-position: -224px -121px;width: 16px;height: 11px;}
.flag.flag-vn {background-position: -16px -165px;width: 16px;height: 11px;}
.flag.flag-es {background-position: -16px -44px;width: 16px;height: 11px;}
.flag.flag-mn {background-position: -32px -99px;width: 16px;height: 11px;}
.flag.flag-km {background-position: -64px -77px;width: 16px;height: 11px;}

select[disabled],
input[disabled],
button[disabled]{opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed;}

.table>tbody+tbody {border-top: 0;}


.col{background-color: #F1F2F2;}
.pd0{padding:0! important}
.pd5 {padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px 0}
.pdL10{padding-left:10px}
.pdR10{padding-right:10px}
.pdT0{padding-top:0}
.pdT10{padding-top:10px}
.pdT15 {padding-top: 15px !important;}
.pdT20{padding-top:20px !important;}
.pdT25{padding-top:25px !important}
.pdT30{padding-top:30px !important}
.pdBT10{padding-bottom:10px}
.pdBT40{padding-bottom:40px}
.pdLR10{padding-left: 10px !important; padding-right: 10px !important;}
.mg0{margin:0 !important}
.mgT5{margin-top:5px !important;}
.mgT7{margin-top:7px !important;}
.mgT10{margin-top:10px !important;}
.mgT15{margin-top:15px !important;}
.mgT16{margin-top:16px !important;}
.mgT20{margin-top:20px !important;}
.mgT40{margin-top:40px !important;}
.mgT50{margin-top:50px !important;}
.mgT105{margin-top:105px !important;}
.mgT130{margin-top:130px !important;}
.mgT137{margin-top:137px !important;}
.mgT-10{margin-top:-10px}
.mgT-15{margin-top:-15px}
.mgT30{margin-top:30px !important;}
.mgR10{margin-right:10px !important;}
.mgR1P{margin-right:1% !important;}
.mgR16{margin-right:16px !important;}
.mgR50{margin-right:50px !important;}
.mgL10{margin-left: 10px;}
.mgL16{margin-left: 16px !important;}
.mgL30{margin-left: 30px !important;}
.mgL38{margin-left: 38px !important;}
.mgL20{margin:20px}
.mtop {top:-12px;}
.mgt0 {margin-top: 0 !important;}
.mgB10{margin-bottom:10px !important;}
.mgB16{margin-bottom:16px !important;}
.mgB20{margin-bottom:20px !important;}
.mgB30{margin-bottom:30px !important;}
.mgB50{margin-bottom:50px !important;}
.mgB70{margin-bottom:70px !important;}
.panelpd { padding: 5px 20px;}
.mgauto {margin: auto;}

.font18{font-size:0.85em }
.font19{font-size:0.98em}
.font20{font-size:1.12em}
.font22{font-size:1.3em}
.font26{font-size:26px;}
.font44{font-size:44px;}

/*font-weight*/
.ftW300{font-weight:300}
.ftW400{font-weight:400}
.ftW500{font-weight:500}
.ftW600{font-weight:600}

/*border color*/
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:0.83em; font-weight: 400;}
h6{font-size:0.75em}

/*color*/
.life_col-b1{ color: #f05b6e !important; background-color: #ffe9e8 !important;}
.life_col-b2{ color: #ec900f !important; background-color: #fff3d1 !important;}
.life_col-b3{ color: #e9f4eb !important; background-color: #e9f4eb !important;}
.life_col-b4{ color: #49b63e !important; background-color: #d1f3d7 !important;}
.life_col-b5{ color: #007aff !important; background-color: #eaf4ff !important;}
.life_col-1{color: #f05b6e !important;}
.life_col-2{color: #ec900f !important;}
.life_col-3{color: #49b63e !important;}
.life_col-4{color: #007aff !important;}
.life_col-5{color: #428dff !important;}
.active-color{ color: #ffffff !important; background-color: #33383d !important;}
.inactive-color{ color: #858585 !important; background-color: #eeeeee !important; }


.width50P{width: 50% !important;}

.back_fafa{background-color: #fafafa !important;}
.font-col_1{color: #474e5a !important;}
.block{display: block !important;}
.font-W{font-weight: bold;}
.font_col_1{color: #424b5f !important;}
.font_col_2{color: #007aff !important; font-weight: normal !important}
select:focus{box-shadow: none;}
select::-ms-expand {display: none;}
input:focus{box-shadow: none;}

.container-fluid{margin:0 auto !important; padding: 0;}

.wrap{width:100%;margin: 0 auto; overflow: hidden; position: relative; min-height: 720px !important;}
.inner{max-width: 1170px; margin: 0 auto;}
.row{padding: 0; margin: 0;}

.main_hd{ position: absolute; top: 0; width: 100%; height: 135px; z-index: 100; padding-top: 18.9px; border-bottom: 1px solid rgba(255, 255, 255, 0.21);}
.main_hd .hd-1{height: 40px;  margin-bottom: 19px;}
.main_hd .hd-1 .img{ }
.main_hd .hd-1 .img .img1{}
.main_hd .hd-1 .login-box{text-align: right; height: 30px; margin-top: 5px; }
.main_hd .hd-1 .id-box{float: right; overflow: hidden; }
.main_hd .hd-1 .id-box a{color: #fff; letter-spacing: -0.93px; }
.main_hd .hd-1 .login-box .id-box-1{float: right;margin-right: 2%; display: inline-block;}
.main_hd .hd-1 .login-box .id-box-1 li{float: left; border-radius: 3px;border: solid 1px #fff;padding: 0 10px; height: 26px; text-align: center; margin-left: 5px; color: #fff;}
.main_hd .hd-1 .login-box .id-box-1 li:nth-child(1){margin-left: 0; margin-right:10px;}
.main_hd .hd-1 .login-box .id-box-1 li a{color: #fff;letter-spacing: -0.93px; font-size: 13px; line-height: 24px;}
.main_hd .hd-1 .login-box  .top-1{float: right; display: block;}
.main_hd .hd-1 .login-box .select_box{float: right; }
.main_hd .hd-1 .sle_box{text-align: right; height: 30px;  float: right; }
.main_hd .hd-1 .sle_box .dropdown-menu{z-index: 9999;}
.sle_box .btn-group .dropdown-toggle{background-color: transparent; color: #fff; border: 0; box-shadow: none; padding-top: 2px; font-size: 13px;}
.main_hd .hd-1 .sle_box-1{float: right; position: relative;font-size: 13px}
.main_hd .hd-1 .sle_box-1 img{cursor: pointer; width: 13px; margin-top: 2px; }
.main_hd .hd-1 .sle_box-1 .el {background-color: #347de8;width: 14px;height: 14px;color: #fff;font-weight: normal;display: block;font-size: 8px;border-radius: 7px;text-align: center;position: absolute;vertical-align: top;top: -2px;right: -8px;}
.main_hd .hd-1 .login-box .select_box select{ background: url('../images/chevron.svg') no-repeat 100% 50%;  -webkit-appearance: none;  -moz-appearance: none;appearance: none;  padding: 0 20px !important;}
.main_hd .hd-1 .login-box .select_box .form-control { display: block;  height: 27px; padding: 0 10px;  font-size: 14px; line-height: 15px;color: #fff;background-color: transparent; border:0;border-radius: 4px; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px; cursor: pointer;}
.main_hd .hd-1 .login-box .select_box .form-control option{color: #000}
.main_hd .hd-2 .all-menu{display: block;z-index: 9999;}
.main_hd .hd-2 .menu{text-align: right; }
.main_hd .hd-2 .menu .gnb_wrap .gnb{overflow: hidden; display: inline-block;  width: 100%; }
.main_hd .hd-2 .menu .gnb_wrap .gnb >li{float: left; width: 16.66666666666667%; text-align: center;}
.main_hd .hd-2 .menu .gnb_wrap .gnb >li> a{color: #fff; font-size: 14px; font-weight: 500; display: block; letter-spacing: -0.93px; padding-bottom: 11px; line-height: 36px;}
.st-1{background-color: #fff;}
.st-1 a{ color: #333!important; font-weight: 500; letter-spacing: -0.93px;}
.main_hd .hd-2 .sub_menu{ position: relative; margin:0 0 0; font-size: 15px; line-height: 25px; padding-top: 35px; display: none; z-index: 9998; height: 100%;}
.main_hd .hd-2 .sub_menu li{height: 40px;}
.main_hd .hd-2 .sub_menu li a{color: #333; letter-spacing: -0.93px;}
.main_hd .hd-2 .sub_menu li a:hover{color: #000; font-weight: 600}
.sub_bg{ position: absolute; top:116px; left: 0; width: 100%; background-color: #fff; z-index: 10;box-shadow: 0 6px 16px -15px rgba(0, 0, 0, 0.3);}
.banner .left img{ max-width: 94%;  }
.banner .right{ text-align: right; margin-top:54px; width: 48%;}
.banner .right .banner-menu{width: 90%; display: inline-block}
.banner .right .banner-menu ul{overflow: hidden; width: 100%;border-radius: 4px;background: rgb(43,131,240);background: linear-gradient(90deg, rgba(43,131,240,1) 1%, rgba(99,127,245,1) 81%);}
.banner .right .banner-menu ul a{color: #E3F2FD}
.banner .right .banner-menu ul a li:hover{background: #2979FF;transition-duration:0.5s;}
.banner .right .banner-menu ul li{float: left;width: 50%;height:88px;overflow: hidden;text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.15);padding:16px;}
.banner .right .banner-menu ul li:nth-child(2),
.banner .right .banner-menu ul li:nth-child(4),
.banner .right .banner-menu ul li:nth-child(6){border-right: 0;}
.banner .right .banner-menu ul li:nth-child(5),
.banner .right .banner-menu ul li:nth-child(6){border-bottom: 0;}
.banner .right .banner-menu ul li img{width: 36px; height: 38px; margin-right: 0;}
.banner .right .banner-menu ul li span{font-size: 15px;margin:16px auto; font-weight: 400; text-align: center;color: #ffffff; vertical-align: middle;display: inline-block}
.m_banner-wrap1 .img_box .main_bgs{width: 100%;}
.m_banner-wrap1 .img_box{position: relative;height: 580px;background: url("../images/bgs.png");background-size: cover}
.m_banner-wrap1 .img_box .banner{position: absolute; top:29.57%;}
.hd-2 .menu .gnb_wrap .gnb >li >a.on{position: relative;}
.hd-2 .menu .gnb_wrap .gnb >li >a.on:after { position: absolute; bottom: 0;left: 20px; right: 20px; height: 5px; background:#448aff;content: '';}
.main_hd .hd-2 .all-menu{margin-top: 12px;}
.main_hd .hd-2 .all-menu img {width: 45px;}
.slide-1{cursor: pointer}
.slide-1 .item img{width: 100%; height:580px; }
.slide-1 .carousel-control.left,
.slide-1 .carousel-control.right{ background-image: none;}
.carousel-control {position: absolute; top: 48%; bottom: 0; left: 0; width: 1%;height: 40px;font-size: 20px; color: #fff;text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=50); opacity: 1;}
.carousel-control.left{position: absolute; left: 5%; width: 30px; height: 40px; border: 1px solid #fff;}
.carousel-control.right{position: absolute;right: 5%; width: 30px; height: 40px; border: 1px solid #fff;}
.carousel-indicators li.active{width: 50px; height: 5px;}
.carousel-indicators li { display: inline-block; width: 50px; height: 5px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(255,255,255,.5); border: 1px solid #fff; border-radius: 0px;}
.carousel-indicators { position: absolute; bottom:  8%; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none;}
.m-lifelog .con{margin: 45px 0;}
.m-lifelog .con .tit{ display: block;  }
.p1{font-size: 22px; font-weight: 600;color: #333333;letter-spacing: -1.3px;}
.p2{font-size: 16px; font-weight: 600; color: #9b9b9b; letter-spacing: -0.95px;}
.m-lifelog .con .txt ul{overflow: hidden;}
.m-lifelog .con .txt ul li{float: left; width: 25%; text-align: center;}
.m-lifelog .con .txt ul li a{display: block;}
.m-lifelog .con .txt ul li a:hover{font-weight:600}
.m-lifelog .con .txt ul li a img{ height: 48px; margin-bottom: 10px;}
.m-lifelog .con .txt ul li a span{display: block;letter-spacing: -1px;color: #333333;font-size: 17px;}
.bcol-1{background-color: #f7f7fa; display: block;}
.con1{padding: 48px 0 !important; overflow: hidden;}
.con1 .card{overflow: hidden;}
.con1 .card li{float: left; width: 32%; margin-right: 2%; border: 1px solid #dddddd; padding: 20px; background-color: #fff; height: 238px;}
.con1 .card li:last-child{margin-right: 0;}
.con1 .card  li a{display: block;}
.con1 .card li a .hd{display: block;overflow: hidden; width: 100%; margin-bottom: 20px;}
.con1 .card li a .hd .tit{float: left; font-size: 20px;  font-weight: bold; letter-spacing: -1.18px;}
.con1 .card li a .hd .img-1{float: right; display: block;}
.con1 .card li a .txt{ display: block; width: 65%;  font-size: 17px; height: 68px; margin-bottom: 5px; letter-spacing: -1.06px;}
.con1 .card li a .img{text-align: right;display: block;}
.con1 .card li a .img img{display: inline-block; }
.con1 .card li.sy1{background: rgb(43,131,240);background: linear-gradient(90deg, rgba(43,131,240,1) 1%, rgba(99,127,245,1) 81%);}
.con1 .card li.sy1 a .hd .tit,
.con1 .card li.sy1 a .txt {color: #fff;}
.carousel-control2.left{ left: 0;  width: 42px; height: 42px;}
.carousel-control2.right{right: 0; width: 42px; height: 42px;}
.cl{position: absolute; z-index: 100}
.news_wrap{position: relative; max-height: 298px; min-height: 298px; }
.carouselButtons{position: absolute;bottom: 0; height: 42px; vertical-align: middle; max-height: 42px; min-height: 42px; width: 100%; text-align: left;}
.carouselButtons .left{ display: inline-block}
.carouselButtons .right{ display: inline-block}
.carousel2{padding: 48px 0;}
.carousel2 .carousel-inner{width: 75%}
.carousel2 .item{width: 100%; overflow: hidden;}
.carousel2 .newsBox{width: 30%; float: left; margin-right: 4%; max-height: 298px; min-height: 298px;}
.carousel2 .newsBox .txt_box{padding: 15px 16px;border: solid 0.7px #e9e9e9; min-height: 142.38px;position: relative }
.carousel2 .newsBox .txt_box h4{font-size: 16px;font-weight: 500;overflow: hidden;text-overflow: ellipsis; display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.2em;   max-height: 2.5em; }
.carousel2 .newsBox .txt_box .txt{width: 88%;color: #707070;font-size: 13px; margin: 13px 0;overflow: hidden;text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  position: absolute; bottom: 22%;     line-height: 1.2em;max-height: 2.5em;}
.carousel2 .newsBox .txt_box .date{color: #707070;font-size: 11px; position: absolute;bottom: 12%;}
.carousel2 .newsBox .imgBox{width: 100%; max-height: 156px; min-height: 156px; max-width: 100%; overflow: hidden; border: solid 1px #ececec;border-bottom: 0;}
.carousel2 .newsBox img{width: 100% ; max-width: 100%}
.carousel2 .newsBox:last-child{margin-right: 0;}
.carousel2 .play{width: 42px; height: 42px; border: 0; display: inline-block}
.carousel2 .pause{width: 42px; height: 42px; border: 0; display: inline-block;}
.m-notice{padding: 48px 0 !important; border-top: solid 1px #e5e5ea; border-bottom: solid 1px #e5e5ea; }
.m-notice .list-wrap ul li a{overflow: hidden; display: block; margin-bottom: 20px;}
.m-notice .list-wrap ul li a:last-child{margin-bottom: 0;}
.m-notice .list-wrap ul li a .tit{float: left;overflow: hidden;text-overflow: ellipsis; display: inline-block;  display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; width: 65%; font-size: 16px; font-weight: 500;     word-break: break-word; line-height: 1.2em; max-height: 1.2em; letter-spacing: -0.95px;}
.m-notice .list-wrap ul li a .date{float: left; width: 28%; text-align: center;color: #8e8e93;font-size: 15px;letter-spacing: -0.89px;}
.m-notice .list-wrap ul li a img{float: left; width: 8px; height: 14px; margin-top: 3px;}
.m-app{padding: 48px 0 !important; }
.m-app .txt-box{font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: -0.95px;color: #333333; }
.m-app .right_box{overflow: hidden; text-align: center; }
.m-app .right_box .app{float: left;width: 50% }
.m-app .right_box .app a img{margin-top: 5px;}
.m-app .right_box .app .img img{width: 50%;}
.m-app .right_box .android .img{}
.m-app .right_box .android .img img{width: 50%;}
.m-app .right_box .android  a img{margin-top: 8px; }
.m-app .right_box .android{float: right; width: 50%}
.m-event{padding: 48px 0 !important; border-top: solid 1px #e5e5ea; }
.m-event .hd-1{overflow: hidden; margin-bottom: 10px;}
.m-event .p1{float: left;}
.m-event .p2{float: right; display: inline-block; }
.m-event .con-1 ul{overflow: hidden; width: 100%;;}
.m-event .con-1 ul li{float: left; width: 32.3%; margin-right: 1.5%}
.m-event .con-1 ul li:last-child{margin-right: 0;}
.m-event .con-1 ul li a{display: block;}
.m-event .con-1 ul li a img{width: 100%;}
footer{}
footer .line-1{ margin-bottom: 25px !important; margin-top: 35px !important}
footer .line-1 ul{overflow: hidden;text-align: center; margin: 0 auto !important; height: 50px; line-height: 50px;}
footer .line-1 ul li{float: left; width: 25%;}
footer .line-1 .imgbox-1{text-align: center; height: 50px; line-height: 50px;}
footer .line-1 .imgbox-2{text-align: center;}
footer .line-1 .imgbox-2 img:first-child{margin-right: 15%;}
footer .line-1 .imgbox-1 img{}
footer .line-1 ul li a{display: block;font-size: 13px;font-weight: normal;color: #333; }
footer .line-1 ul li:hover a {color: #333;}
footer .line-2{margin-bottom: 35px !important }
footer .line-2 p{ font-size: 13px;font-weight: normal;font-style: normal; font-stretch: normal;line-height: 1.62; letter-spacing: normal;text-align: center;color: #5c6476;}

.nav-shadow{ box-shadow: 0 6px 16px -15px rgba(0, 0, 0, 0.3); overflow: hidden;}
.back_000{background-color: #0c111d}
.life-log{margin-top: 111px;}
.life-log .tabBox-1{ overflow: hidden;}
.life-log .tabBox-1 .txt_center {padding: 8px 0; overflow: hidden;}
.life-log .tabBox-1 .nav-tabs{border-bottom: 0; width: 100%; border: 1px solid blue;}
.life-log .tabBox-1 .nav-tabs>li{text-align: center; width: 7.69%;}
.life-log .tabBox-1 .nav-tabs>li>a { margin-right:0px; line-height: 1.42857143;border: 1px solid transparent;border-radius: 0; font-size:15px; font-weight: 500; color: #67758d;padding: 10px 0; }
.life-log .tabBox-1 .nav-tabs>li:hover>a,
.life-log .tabBox-1 .nav-tabs>li:focus>a{background-color: transparent;}
.life-log .tabBox-1 .nav-tabs >li.active >a:after { position: absolute;  bottom: 0px; left: 20px;right: 20px; height: 3px; background: #448aff; content: '';}
/*popup*/
.overlay {position: fixed; top: -5%; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.32); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index:500;}
.overlay:target {visibility: visible; opacity: 1;}
.Terms .popup1 {margin: 200px auto;background: #fff;border-radius: 5px;    width: 49.61%; height: 60%; position: relative;}
.Terms .popup1 .pop_hd_bg{background-color: #fff; height: 80px; line-height: 80px; position: relative; border-bottom: 1px solid #eee}
.Terms .popup1 .pop_hd_bg h2 {color: #333; text-align: left; font-size: 30px; font-weight: 500;letter-spacing: -1.57px;line-height: 80px; margin-left: 35px;}
.Terms .popup1 .pop_hd_bg .close-1 {position: absolute;bottom: 5%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.Terms .popup1 .content {overflow: auto; padding: 0 20px; max-height: 80%; display: block!important; }
.Terms .popup1 .content dl{margin:20px; font-size: 14px; letter-spacing: -1px; }
.Terms .popup1 .content dl .tit1{font-size: 20px;font-weight: bold;letter-spacing: -1.05px; padding: 10px 0 24px 0;}
.Terms .popup1 .content dl dt{ padding: 24px 0 0 0; }
.Terms .popup1 .content dl dd{font-size: 15px; font-weight: 500;line-height: 1.33; letter-spacing: -0.79px;color: #333333; padding: 24px 0 0 0; border-bottom: 1px dotted #0f6acc ;}
.Terms .popup1 .pop_hd_bg .close-1 img{width: 32px; height: 32px}



/*notice-popup*/
.notice-popup{}
.notice-popup .modal-backdrop.in {opacity: 0;}


.notice-popup .modal-header {min-height: 16px;padding: 19px 24px;border-bottom: 0;background-color: #25262b;color: #fff;font-size: 22px;font-weight: bold;letter-spacing: -1.1px;}

.notice-popup .modal-header .close {opacity: 1;}
.notice-popup .modal-content {border: solid 1px #25262b;position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 0;outline: 0;-webkit-box-shadow:  none;;box-shadow: none;}

.notice-popup .modal-body{padding: 40px 32px}
.notice-popup .modal-body .sec-1{overflow: hidden}
.notice-popup .modal-body .sec-1 .left{float: left;font-size: 14px;font-weight: 500;line-height: 1.47;letter-spacing: -0.75px;color: #222222;}
.notice-popup .modal-body .sec-1 .right{float: right}
.notice-popup .modal-body .sec-2{border-radius: 5px;background-color: #f6f6f6; padding: 24px; margin:20px 0;}
.notice-popup .modal-body .sec-2 .txtBox span{display: block}
.notice-popup .modal-body .sec-2 .txtBox{font-size: 13px;font-weight: normal;line-height: 1.29;letter-spacing: -0.7px; margin-bottom: 21px}
.notice-popup .modal-body .sec-2 .txtBox .tit{font-weight: 500;color: #222222; margin-bottom: 21px}
.notice-popup .modal-body .sec-2 .txtBox .txt{color: #606060;}
.notice-popup .modal-body .sec-3{font-size: 14px;font-weight: 500;line-height: 1.47;letter-spacing: -0.75px;color: #222222;}


.fontC222{color: #222222 !important;}

.notice-popup .modal-footer {padding: 0;text-align: right; border-radius: 0;border-top: 0; width: 100%; overflow: hidden}
.notice-popup .modal-footer button{width: 50%; display: inline-block; border: 0; float: left;font-size: 14px;font-weight: normal;letter-spacing: -0.7px;color: #222222; padding: 14px 0;}
.notice-popup .modal-footer button:first-child{border-right: 1px solid #fff}


.function>.inwrap>div{display:inline-block}
.function button[type="button"]{width:40px;height:50px;border:0 none;}
.function button[type="button"].on{color:#333}
.function .panel{display:none;position:absolute;top:100%;left:0;width:100%;}
.function .panel .inwrap{max-width:1280px;margin:0 auto;padding:3rem;text-align:left}
.gnb .menu .level1{display:inline-block;vertical-align:top}
.gnb .menu .level1>a{color:#777777;font-size: 14px;font-weight: normal;}
.gnb .menu .level1.active>a{color: #2d23b5;}
.gnb .menu .level1>a span{display:block;height:79px;line-height:79px}
.gnb .menu .level2{overflow:hidden; position:absolute; top:100%; left:0; width:100%; padding:0;height: 0; background: rgba(255, 255, 255, 0.54); text-align:left;opacity: 0}
.gnb .menu .level2>ul{max-width:1200px;margin:0 auto; overflow: hidden;height: 50px; line-height: 50px;}
.gnb .menu .level2>ul>li>a{float: left; margin-right: 50px;  color: #fff; font-size: 14px;font-weight: 500;}
.sidenav {height: 100%; width: 0; position: fixed; top: 0;right: 0; background-color: rgb(1, 6, 34); overflow-x: hidden; transition: 0.5s; padding-top: 92px; z-index: 9999; }
.sidenav .side_menu {width: 80%; text-decoration: none; font-size: 20px; color: #fff; display: block; transition: 0.3s;   margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #fff;letter-spacing: -0.93px;  }
.sidenav .side_menu:last-child{ border-bottom: 0; }
.sidenav .sub_menu1 {overflow: hidden;   width: 100%; margin: 5px auto 0;}
.sidenav .sub_menu1  a{float: left; width: 50%; height: 30px; line-height: 30px; font-size: 15px; color: #bfbfbf; font-weight: 500; border: 0; letter-spacing: -0.93px;}
.sidenav .closebtn {position: absolute; top: 20px; right: 80px; font-size: 30px; margin-left: 50px; border-bottom: 0; width: 0; color: #b2b2b2;}
.border-bot{width: 100%; height: 1px; background-color: #0f6acc }
.pop_col{color: #0f6acc !important; vertical-align: top;}
.menu_popup{background-color: transparent; top: 0; z-index:9999; }
.menu_popup .popup1 {  margin: 0 auto;  background: #fff; border-radius: 0; width: 100%;height: 850px;position: relative; box-shadow: 0 -3px 27px 14px rgba(212, 212, 212, 0.6);border: solid 1px #e3e3e3;}
.menu_popup .popup1 .pop_hd_bg {   background-color: #fff;height: 70px;line-height: 70px; position: relative; margin-bottom: 0;}
.menu_popup .popup1 .pop_hd_bg .close-1 img {  width: 100%;height: 100%;;}
.menu_popup .popup1 .pop_hd_bg .close-1 { position: absolute; top: 0; right: 0;}
.menu_con h3{font-size: 28px; font-weight: 500;letter-spacing: -1.65px;color: #333333; margin-bottom: 18px;}
.menu_con .nav-tabs { border-bottom: 0; background-color: rgba(239, 239, 241, 0.67);}
.menu_con .nav-tabs>li.active>a, .menu_con .nav-tabs>li.active>a:focus, .menu_con .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #252056; border: 0; border-bottom-color: transparent;}
.menu_con .nav>li>a:focus, .menu_con .nav>li>a:hover { text-decoration: transparent; background-color: transparent;}
.menu_con .nav-tabs>li>a { margin-right: 0; padding: 30px 0 30px 30px;border-radius: 0; font-size: 20px;font-weight: 600;letter-spacing: -1.18px; color: #1a0568; border: solid 1px #e6e6e9;}
.Top_menu{ border-top: 1px solid #979797;}
.Top_menu .Top_menu1{float: left; width: 100%; text-align: center; border-right: 1px solid #e3e3e3; height: 603px;}
.Top_menu .Top_menu1:last-child{border-right: 0;}
.Top_menu .Top_menu1{padding: 20px;}
.Top_menu .Top_menu1 .tit{font-size: 18px;font-weight: 500;letter-spacing: -1.06px;color: #333333; border-bottom: 1px solid gray; padding-bottom: 15px;}
.Top_menu .Top_menu1 ul{margin-top: 10px; overflow: hidden}
.Top_menu .Top_menu1 ul li{text-align: left;   height: 100%; float: left; width: 25%}
.Top_menu .Top_menu1 ul li a{font-size: 16px;font-weight: 500;line-height: 1.8;letter-spacing: -0.95px;color: #595959; }
.Top_menu .Top_menu1 ul li:hover{text-decoration: underline;}
.Top_menu .Top_menu1 ul li a .circle{display: inline-block; width: 5px; height: 5px; background-color: #575757; margin-right: 5px; vertical-align: middle;}

.Top_menu .Top_menu2{ width: 25%;float: left; text-align: center; border-right: 1px solid #e3e3e3; height: 603px;}
.Top_menu .Top_menu2:last-child{border-right: 0;}
.Top_menu .Top_menu2{padding: 20px;}
.Top_menu .Top_menu2 .tit{font-size: 18px;font-weight: 500;letter-spacing: -1.06px;color: #333333; border-bottom: 1px solid gray; padding-bottom: 15px;}
.Top_menu .Top_menu2 ul{margin-top: 10px; }
.Top_menu .Top_menu2 ul li{text-align: left;   height: 100%;}
.Top_menu .Top_menu2 ul li a{font-size: 16px;font-weight: 500;line-height: 1.8;letter-spacing: -0.95px;color: #595959; }
.Top_menu .Top_menu2 ul li:hover{text-decoration: underline;}
.Top_menu .Top_menu2 ul li a .circle{display: inline-block; width: 5px; height: 5px; background-color: #575757; margin-right: 5px; vertical-align: middle;}

.Top_1{width: 20%;}
.Top_2{width: 80%;}
.all-menu_M{display: none !important}
/*라이프로그*/
.about-life{margin-top: 45px;}
.about-life .con-2{ margin-top: 72px;}
.about-life .con-2 .left h2{  font-size: 40px;font-weight: 500; letter-spacing: -2.1px;}
.about-life .con-2 .left span{font-size: 18px;font-weight: 300;line-height: 1.78;letter-spacing: -0.72px;color: #333333; margin: 27px 0; display: block;}
.about-life .con-2 .left p{font-size: 16px; line-height: 1.44;letter-spacing: -0.22px; color: #2c2c2c; width: 83%;}
.about-life .con-2 .left a{display: block; font-size: 19px; letter-spacing: -1.36px; color: #007aff;border: solid 1px #007aff; background-color: #ffffff;  width: 41.23%; text-align: center; height: 60px; line-height: 58px; margin-top: 75px; margin-bottom: 70px;}
.about-life .con-2 .right{text-align: right; position: relative;}
.about-life .con-2 .right .player{width: 76.13%; display: inline-block}
.about-life .con-2 .right img{display: block; position: absolute; top: 0; left: 0; -webkit-box-shadow: 8px 8px 28px 1px rgba(159,191,246,0.58); -moz-box-shadow: 8px 8px 28px 1px rgba(159,191,246,0.58);box-shadow: 8px 8px 28px 1px rgba(159,191,246,0.58); border-radius: 10px; width:52.81%;}
.about-life .con-3{border-top: solid 1px #e8e8e8;}
.about-life .con-3 .line-1{margin-top: 72px;}
.about-life .con-3 .line-1 h2{font-size: 40px;font-weight: 500; letter-spacing: -2.1px;}
.about-life .con-3 .line-1 p{font-size: 18px;font-weight: 300;line-height: 1.78;letter-spacing: -0.72px;color: #333333; }
.about-life .con-3 .line-2{margin-top: 20px; margin-bottom: 72px;}
.about-life .con-3 .line-2 .box-1 .Life_line1{overflow: hidden;}
.about-life .con-3 .line-2 .box-1 .Life_line1 li{float: left; width: 14.28571428571429%;}
.about-life .con-3 .line-2 .box-1 .Life_line1 li a{display: block;text-align: center; height: 143px; padding: 30px 0 50px; }
.about-life .con-3 .line-2 .box-1 .Life_line1 li:hover a{ border-radius: 4px; box-shadow: 0 6px 10px 0 rgba(156, 203, 255, 0.32);border: solid 1px #007aff; }
.about-life .con-3 .line-2 .box-1 .Life_line1 li a img{width: 40px; height: 40px; min-height: 40px; max-height: 40px; margin-bottom: 16px;}
.about-life .con-3 .line-2 .box-1 .Life_line1 li a span{display: block; font-size: 16px;letter-spacing: -0.64px; color: #333333;}
.about-life .con-4{ padding: 78px 0 !important; background-color: #f5f5f8;}
.about-life .con-4 .left h2{font-size: 40px;font-weight: 500; letter-spacing: -2.1px;}
.about-life .con-4 .left p{font-size: 18px;font-weight: 300;line-height: 1.78;letter-spacing: -0.72px;color: #333333;}
.about-life .con-4 .right{overflow: hidden;}
.about-life .con-4 .right .card{width: 30.33333333%; float: left; margin-right: 3%; text-align: center; padding: 40px 22px; border-radius: 3.2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14); background-color: #ffffff; margin-top: 5px; margin-bottom: 5px; max-height: 300px;  min-height: 300px;}
.about-life .con-4 .right .card img{width: 75px; height: 75px; margin-bottom: 22px; }
.about-life .con-4 .right .card h4{font-size: 16px;font-weight: 500;line-height: 1.38;text-align: center;color: #2c2e30;}
.about-life .con-4 .right .card span{display: inline-block; height: 2px; background-color: #000; width: 42px; margin: 15px 0;}
.about-life .con-4 .right .card p{font-size: 14px; line-height: 1.3; text-align: center; color: #54565a;}
.about-life .con-4 .right .card:first-child{margin-left: 3%}
.about-life .con-4 .right .card:last-child{margin-right: 0;}
.mgB0{margin-bottom: 0 !important;}

/*데이터 없을때 페이지*/
.no-data_img{ text-align: center; width: 100%; padding: 50px 0 !important; border-bottom: 1px solid #eaeaea;}
.no-data_img p{font-size: 14px; letter-spacing: -0.8px;color: #afb0bb; margin-top: 16px;}

/*라이프로그 페이지*/
.sub_1{margin-top: 135px;}
.sub_1 .life_hd{padding: 0; margin-top: 0; background-color: #fff}
.sub_1 .life_hd ul{overflow: hidden;  border-left: 1px solid #ebebeb;}
.sub_1 .life_hd ul li{float: left;border-left: 1px solid #ebebeb}
.sub_1 .life_hd ul li:first-child{border-right: 0; border-left: 0;}
.sub_1 .life_hd ul li:last-child{border-right: 1px solid #ebebeb;}
.sub_1 .life_hd ul li a{height: 40px; display: inline-block; width: 45px;; text-align: center; line-height: 35px;}
.sub_1 .life_hd ul li a img{display: inline-block;}
.sub_1 .life_hd ul li .select_box{display: inline-block}
.sub_1 .life_hd ul li .select_box-1{display: inline-block}
.sub_1 .life_hd ul li .select_box-1 .form-control {display: block; width: 170px;; height: 40px; padding: 9px 12px; font-size: 14px; font-weight: 600; border: 0; border-radius: 4px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: url(../images/left-arrow.svg) no-repeat 90% 50%;
	-webkit-appearance: none;  -moz-appearance: none; appearance: none; cursor: pointer; z-index: 9999;}
.sub_1 .life_hd ul li .back_div {display: flex; height: 40px; align-items: center; padding: 0.5em; cursor:pointer;}
.sub_1 .life_hd ul li .back_div img{margin-right:0.5em;}
.subP_tit{margin-bottom: 50px;}
.sub_1 .life_hd ul li .select_box .form-control {display: block; width: 100%; height: 40px; padding: 0 27px 0 16px!important; font-size: 14px; font-weight: 600; border: 0; border-radius: 4px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: url(../images/left-arrow.svg) no-repeat 95% 50%;
	-webkit-appearance: none;  -moz-appearance: none; appearance: none; cursor: pointer; z-index: 9999;}
.subP_tit{margin-bottom: 50px;}
.subP_tit .con-1 .txt_over{color: #97a4ba; font-size: 12px; margin-bottom: 4px;}
.subP_tit .con-1 .tit-1{ padding-bottom: 16px !important; border-bottom:1px solid #dee5ef;}
.subP_tit .con-1 .tit-1 h3{font-size: 24px;font-weight: bold;color: #424b5f;}
.subP_tit .con-1 .tit-1 ul{overflow: hidden; display: block; text-align: right;}
.subP_tit .con-1 .tit-1 ul li{font-size: 14px; text-align: right; color: #97a4ba; display: inline-block; }
.life_con .con-2{padding: 8px 0 !important;}
.life_con .con-2 .radio{overflow: hidden;}
.life_con .con-2 .checks {position: relative; float: left; margin-top: 4px;}
.life_con .con-2 .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.life_con .con-2 .checks input[type="radio"] + label {display: inline-block;position: relative;padding-left: 25px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; margin-right: 15px; font-size: 14px;font-weight: 600;;color: #2b323b;}
.life_con .con-2 .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%;}
.life_con .con-2 .checks input[type="radio"] + label:active:before,
.life_con .con-2 .checks input[type="radio"]:checked + label:before { background: #fff;border-color: #adb8c0;}
.life_con .con-2 .checks input[type="radio"]:checked + label:after {content: '';position: absolute;top: 7px; left: 4px; width: 10px; height:10px; background: #0896ff; border-radius: 100%;}
.life_con .con-2 .select_box .form-control { display: inline-block; float: left; height: 32px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; border: solid 1px #dde0e3; border-radius: 4px;-webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;cursor: pointer;}
.life_con .con-2 .day_btn{ border: solid 1px #666; border-radius: 4px; display: block; float: left;  text-align: center; padding: 5px 16px; margin-left: 10px; cursor: pointer;}
.life_con .con-2 .select_box select { background: url(../images/chevron-1.svg) no-repeat 88% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px 27px 0 16px!important;}
.sub_1  .life_con{margin-top: 45px;}
.life_con .con-3{height: 316px; min-height: 316px; max-height: 316px; overflow: hidden;}
.life_con .con-3 .left{border-radius: 3px; box-shadow: 0 4px 7px -7px rgba(0, 0, 0, 0.2); width: 69.595%; float: left; border: solid 1px #e5e5ea; height: 316px; min-height: 316px; max-height: 316px;}
.life_con .con-3 .left .hd{overflow: hidden; padding: 25px 25px 25px!important;}
.life_con .con-3 .left .hd .date1{font-size: 17px;font-weight: 600; color: #2b323b;float: left;}
.life_con .con-3 .left .hd .date2{font-size: 13px;color: #7f8fa4;float: right;}
.life_con .con-3 .left .hd .date2 img{margin-left: 10px; margin-bottom: 5px;  width: 18px; height: 19px; cursor: pointer;}
.life_con .con-3 .left .graph_img{max-width: 100%; height: 240px;}
.life_con .con-3 .right{padding: 25px 30px !important;height: 316px; min-height: 316px; max-height: 316px; border-radius: 2.8px; box-shadow: 0 4px 7px -7px rgba(0, 0, 0, 0.2); width: 29.387%; float: right; border: solid 0.7px #e5e5ea;}
.life_con .con-3 .right .box-1{overflow: hidden;}
.life_con .con-3 .right .box-1 .icon{float: left; width: 22%; }
.life_con .con-3 .right .box-1 .icon img{width: 100%; margin-top: 6px; }
.life_con .con-3 .right .box-1 .rig{float: right; width: 69.44%;}
.life_con .con-3 .right .box-1 .rig .hd{overflow: hidden;}
.life_con .con-3 .right .box-1 .rig .hd p{float: left; font-size: 13px;line-height: 1.77;color: #151515;}
.life_con .con-3 .right .box-1 .rig .hd a{float: right; font-size: 11px; letter-spacing: -0.77px; color: #858585; display: block; border-radius: 2px; padding: 3px 10px; border: solid 1px #d1d1d1;}
.life_con .con-3 .progress {height: 5px;  margin-bottom: 2px; overflow: hidden; background-color: rgba(77, 161, 255, 0.2);; border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top: 5px;}
.life_con .con-3  .progress-bar { float: left; width: 0; height: 100%;font-size: 12px; line-height: 20px;  color: #fff; text-align: center;border-radius: 6px; background-color: #4da1ff;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;}
.life_con .con-3 .right .box-1 .rig ul{}
.life_con .con-3 .right .box-1 .rig ul li{display: inline-block; font-size: 13px;  color: #989898;}
.life_con .con-3 .right .box-1 .rig ul li:first-child{color: #151515; font-size: 16px;}
.life_con .con-3 .right .box-2{ text-align: center; margin-top: 15px;}
.life_con .con-3 .right .box-2 ul li{display: inline-block;}
.life_con .con-3 .right .box-2 ul li:nth-child(1){font-size: 14px;color: #67758d;}
.life_con .con-3 .right .box-2 ul li:nth-child(2){font-size: 38px; color: #2b2d2f; margin: 0 10px; }
.life_con .con-3 .right .box-2 ul li:nth-child(3){font-size: 20px;letter-spacing: -0.9px;color: #8e8e93;}
.life_con .con-3 .right .box-3{text-align: center; margin-top: 20px;}
.life_con .con-3 .right .box-3 ul li{display: inline-block; border-right: 1px solid #dee5ef;}
.life_con .con-3 .right .box-3 ul li:first-child{padding-right: 30px;}
.life_con .con-3 .right .box-3 ul li:last-child{border-right: 0; padding-left: 30px;}
.life_con .con-3 .right .box-3 ul li .tit{font-size: 15px;color: #97a4ba;}
.life_con .con-3 .right .box-3 ul li .txt{font-size: 18px;color: #67758d; margin-top: 17px;}
.life_con .con-3 .right .box-4 {text-align: center; margin-top: 20px;}
.life_con .con-3 .right .box-4 ul li{display: inline-block; font-size: 14px; color: #67758d;}
.life_con .con-3 .right .box-4 ul li:last-child{font-size: 14px; color: #007aff; border-radius: 14px; background-color: #eaf4ff; padding: 5px 16px; margin-left: 10px;}
.life_con .con-4{margin-top: 35px;}
.life_con .con-4 .hd-tit{overflow: hidden; }
.life_con .con-4 .hd-tit h4{font-size: 19px;font-weight: bold;color: #1a173b; float: left;padding: 12px 0 0;}
.life_con .con-4 .hd-tit a{float: right; border-radius: 16px; border: solid 1px #007aff; padding: 5px 32px; font-size: 14px;font-weight: 500;letter-spacing: -0.3px;color: #007aff;}
.life_con .con-4 .hd-tit a.excel{border: none;padding: 5px 0px;color:#333;font-size:14px}
.life_con .con-4 .hd-tit a.excel:hover{text-decoration: underline!important}
.life_con .con-4 .hd-tit a.excel img{margin-right:4px}
.table_sty-1{ margin-bottom: 20px; margin-top: 24px;display: inline-table;}
.table_sty-1 thead{border-top: 1px solid #000;}
.table_sty-1 thead tr th{vertical-align: middle;border-bottom: solid 1px #eaeaea; font-size: 12px;letter-spacing: 1px;color: #494d54; text-align: center; font-weight: normal;}
.table_sty-1 tbody tr td{border-top: 0; text-align: center; vertical-align: middle; height: 60px;}
.table_sty-1 tbody tr td.complete{color:#007AFF;}
.table_sty-1 tbody tr td.ongoing{color:#828282;}
.table_sty-1 tbody tr:hover{background: #fbfcfd;}
.table_sty-1 .btn-group {width: 100%;}
.table_sty-1 .btn-group .dropdown-toggle{background-color: transparent; color: #fff; border: 0; box-shadow: none;padding: 0; text-align: center;width: 100%;}
.table_sty-1 .table>tbody>tr>td{ border-top: 0 !important;}
.td-menu { position: absolute; top: -13px; left: -93px; z-index: 1000; display: none; float: left; min-width: 50%; padding: 0; margin:10px 0 0 0; font-size: 14px; text-align: left;  list-style: none; background-color: #fff;  -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.td-top{top: -13px !important; left: -117px !important;}

/*라이프로그 팝업*/
.data_pop1 .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 46%; height: 600px;; position: relative; max-width: 650px; }
.data_pop1 .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px;}
.data_pop1 .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.data_pop1 .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.data_pop1 .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.data_pop1 .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.data_pop1 .popup1 .content{padding: 0 32px;  margin-top: 5px; overflow: auto; max-height: 80%;}
.data_pop1 .popup1 .content .txt-1{ font-size: 17px; letter-spacing: -0.11px; color: rgba(35, 35, 39, 0.84); margin-bottom: 16px; margin-top: 16px;}
.data_pop1 .popup1 .input_content{ margin-bottom: 16px;}
.data_pop1 .popup1 .btn_wrap{text-align: right; }
.data_pop1 .popup1 .btn_wrap .btn_1{border-radius: 3px; border: solid 1px #d3d3d3; background-color: #ffffff; height: 48px; line-height: 35px; width: 21.71%; margin-right:7px;}
.data_pop1 .popup1 .btn_wrap .btn_2{border-radius: 3px; background-color: #007aff; color: #fff; height: 48px; line-height: 35px; width: 34.175%}
.input_content .input_wrap{border-radius: 3px;border: solid 1px #d1d1d6;  overflow: hidden;}
.input_content .form-control {display: block; width: 70%; height: 40px; padding: 6px 5px 6px 12px; font-size: 15px; line-height: 1.42857143;  color: #555; background-color: #fff; background-image: none; border: 0 !important; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: none; float: left;}
.input_content .input_wrap .span1{ display: block; float: right; font-size: 10px !important; font-weight: normal; letter-spacing: -0.08px; color: #959595; margin-top: 10px; width: 20%;}
.data_pop1 .popup1 .input_content .er{margin-top: 5px; font-size: 11px;letter-spacing: -0.07px;color: #ff3b30;}
.goal-set1 .popup1 {margin: 300px auto;background: #fff; border-radius: 12px; width: 30%; height: 390px;; position: relative; max-width: 400px;}
.goal-set1 .popup1 .input_content .input_wrap .span1 {text-align: center;}
.input_content .form-control:focus {  outline: 0;-webkit-box-shadow: none; box-shadow: none; }
.input_content label{font-size: 13px;letter-spacing: -0.08px;color: #676767; font-weight: normal; margin-bottom: 5px;}
.input_content .c_img{ display: inline-block; float: left; margin-left: 2%; margin-top: 8px; text-align: center;  max-width: 32px;}
.input_content .sty-1{ width: 49%; margin-right: 2%}
.input_content .sty-2{ width: 49%;}

/*칼로리 팝업*/
.kcal_pop1 .popup1 {margin: 200px auto;background: #fff; border-radius: 12px;    width: 33%; height: 600px;; position: relative; }
.kcal_pop1 .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px;}
.kcal_pop1 .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.kcal_pop1 .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.kcal_pop1 .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.kcal_pop1 .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.kcal_pop1 .popup1 .content{padding: 0 32px;  margin-top: 26px; overflow: auto; max-height: 80%;}
.kcal_pop1 .popup1 .content .txt-1{font-size: 17px; letter-spacing: -0.11px;color: rgba(35, 35, 39, 0.84); margin-bottom: 26px;}
.kcal_pop1 .popup1 .content .con .input_wrap{overflow: hidden;float: left; width: 77.13%;}
.kcal_pop1 .popup1 .content .con .input_wrap .form-control{ height: 48px;}
.kcal_pop1 .popup1 .content .con .btn{float: right; width: 20%; height: 48px; border-radius: 3px;background-color: #69727c;font-size: 15px;  font-weight: bold; letter-spacing: -0.1px; color: #fff;}
.kcal_pop1 .popup1 .content .con-1 .tit{font-size: 17px; letter-spacing: -0.11px; color: rgba(35, 35, 39, 0.84); margin-top: 26px;}
.kcal_pop1 .popup1 .content .con-1 .tit span{color: #007aff; vertical-align: top;}
.kcal_pop1 .popup1 .input_content .table_wrap th{text-align: center; border-top: 2px solid #1e1e1e; font-weight: normal;font-size: 14px; letter-spacing: -0.46px; color: #333333;}
.kcal_pop1 .popup1 .input_content .table_wrap tbody tr{cursor: pointer;}
.kcal_pop1 .popup1 .input_content .table_wrap tbody tr:hover{  background-color: #f3f4f6;}
.kcal_pop1 .popup1 .input_content .table_wrap {overflow: auto; max-height: 240px; display: block; margin-bottom: 20px; text-align: center;}
.kcal_pop1 .btn_wrap{text-align: right;}
.kcal_pop1 .btn_1{border-radius: 3px;  border: solid 1px #d3d3d3; background-color: #ffffff; font-size: 16px; font-weight: 500; letter-spacing: -0.1px; text-align: center; color: #313131; height: 46px; line-height: 45px; width:18.441%; padding: 0;}
.bor-sty2{border: solid 1px #ff3b30 !important;}
.wid49P{width: 49% !important}

.minidose_pop1 .popup1 {margin: 150px auto;background: #fff; border-radius: 12px; width: 37%; height: 550px; position: relative;}
.minidose_pop1 .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px;}
.minidose_pop1 .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.minidose_pop1 .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.minidose_pop1 .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.minidose_pop1 .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.minidose_pop1 .popup1 .content{padding: 0 32px;  margin-top: 10px;}
.minidose_pop1 .popup1 .content .txt-1{font-size: 17px; letter-spacing: -0.11px;color: rgba(35, 35, 39, 0.84); margin-bottom: 20px;}
.minidose_pop1 .popup1 .input_content{ margin-bottom: 16px;;}
.minidose_pop1 .popup1 .input_content .table_wrap{overflow: auto; max-height: 270px; display: block; margin-bottom: 20px;}
.minidose_pop1 .radioBtn .btn span{background:url(../images/m-pop_check1.svg) no-repeat; width: 13px; height: 9px; display: inline-block;margin-right: 5px; vertical-align: middle;}
.minidose_pop1 .radioBtn .btn.active span{background:url(../images/m-pop_check.svg) no-repeat; width: 13px; height: 9px; display: inline-block; margin-right: 5px;}
.minidose_pop1 .radioBtn .btn{font-size: 15px; letter-spacing: -0.1px; color: #8e8e93; box-shadow: none; padding:10px 10px 10px 0; ;}
.minidose_pop1 .radioBtn .btn.active{color: #333;}
.minidose_pop1 table thead{border-top: solid 2px #333333;}
.minidose_pop1 table thead tr th{text-align: center;}
.minidose_pop1 table tbody{border-bottom: 1px solid #c7c7cc}
.minidose_pop1 table tbody tr td:last-child{text-align: center;}
.minidose_pop1 table tbody tr td:hover{text-decoration: underline; }
.minidose_pop1 table tbody tr td a img{margin-left: 2% ; vertical-align: top;}
.minidose_pop1 .btn_wrap{text-align: right;}
.minidose_pop1 .btn_wrap .btn_1{border-radius: 3px;border: solid 1px #d3d3d3; background-color: #ffffff; font-size: 16px;font-weight: 500;letter-spacing: -0.1px;text-align: center; color: #313131; height: 48px; line-height: 48px; width: 15.972%; padding: 0;}

.myhealth_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 37%; height: 600px; position: relative;}
.myhealth_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px;}
.myhealth_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.myhealth_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.myhealth_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.myhealth_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.myhealth_popup .popup1 .content{padding: 0 32px;  margin-top: 10px;}

.myhealth_popup .btn_wrap{text-align: right;}
.myhealth_popup .btn_wrap .btn_1{border-radius: 3px;border: solid 1px #d3d3d3; background-color: #ffffff; font-size: 16px;font-weight: 500;letter-spacing: -0.1px;text-align: center; color: #313131; height: 48px; line-height: 48px; width: 15.972%; padding: 0;}
.myhealth_popup .table_sty-1 tbody tr td {cursor: pointer;}
.myhealth_popup .sel_left {margin:8px 0;}
.myhealth_popup .table-responsive{ overflow: auto; max-height: 360px; margin: 0 !important; padding: 0 !important;}

.dialog3_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 55%;  position: relative;overflow: hidden;}
.dialog3_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0;}
.dialog3_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.dialog3_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.dialog3_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.dialog3_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.dialog3_popup .popup1 .content{padding: 0 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.dialog3_popup .table-responsive {overflow: auto;  max-height: 400px; min-height: 400px; margin: 0 !important; padding: 0 !important;}
.dialog3_popup .pop_pagin {margin: 24px 0 !important;}


.dialog4_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 55%; position: relative;}
.dialog4_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0;}
.dialog4_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.dialog4_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.dialog4_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.dialog4_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.dialog4_popup .popup1 .content{padding: 0 32px; background: #fff; border-radius: 0 0 12px 12px;}
.dialog4_popup .table-responsive {overflow: auto;  max-height: 400px; min-height: 400px; margin: 0 !important; padding: 0 !important;}
.dialog4_popup .pop_pagin {margin: 24px 0 !important;}

.profile_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 30%;  position: relative;}
.profile_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.profile_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.profile_popup .popup1 .pop_hd_bg h4 {font-size:14px;font-weight: 500;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.profile_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.profile_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.profile_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.profile_popup .popup1 .content{padding: 0 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.profile_popup .popup1 .content .con{overflow: hidden; margin: 24px 0;}
.profile_popup .popup1 .content .con .left{float: left; width: 25%;}
.profile_popup .popup1 .content .con .left img{width: 90px;}
.profile_popup .popup1 .content .con .right{float: right; width: 75%;}
.profile_popup .popup1 .content .con .right .name{font-size: 23px; font-weight: bold;  color: #0076e1; margin-bottom: 16px;}
.profile_popup .popup1 .content .con .right .name span{color: #333;    font-size: 15px; vertical-align: middle; margin-left: 8px;}
.profile_popup .popup1 .content .con .right ul{border-top: 2px solid #333;}
.profile_popup .popup1 .content .con .right ul li{overflow: hidden; padding: 16px 0; border-bottom: 1px solid #eee}
.profile_popup .popup1 .content .con .right ul li .tit{float: left; width: 40%; font-weight: 500;}
.profile_popup .popup1 .content .con .right ul li .txt{float: left; width: 60%;}
.profile_popup .popup1 .content .btn_wrap{margin-bottom: 32px; text-align: right;}
.patient_popup .popup1 {margin: 100px auto;background: #fff; border-radius: 12px; width: 30%;  position: relative; overflow: hidden}
.patient_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.patient_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.patient_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.patient_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.patient_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.patient_popup .popup1 .content{padding: 0 32px 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.patient_popup .popup1 .content .con{overflow: hidden; margin: 24px 0;}
.patient_popup .popup1 .content .con .refe_wrap ul li{margin-bottom: 12px; height:48px; line-height: 34px}
.patient_popup .popup1 .content .con .refe_wrap ul li .left{float: left; width: 20%; }
.patient_popup .popup1 .content .con .refe_wrap ul li .right{float: left; width: 80%;}
.patient_popup .popup1 .content .con .refe_wrap ul li .right .form-control{padding: 4px 8px;height:48px}
.patient_popup .popup1 .content .con .refe_wrap ul li .right .sy-1{overflow: hidden;}
.patient_popup .popup1 .content .con .refe_wrap ul li .right .sy-1 .form-control{width: 32.4%; float: left ; margin-right: 1%;}
.patient_popup .popup1 .content .con .refe_wrap ul li .right .sy-1 .form-control:last-child{margin-right: 0;}
.patient_popup .popup1 .content .con .refe_wrap ul li .right .radio-1 .checks input[type="radio"] + label { font-size: 14px;font-weight: 400; padding-left: 30px;margin-right: 20px; line-height: 25px;}
.patient_popup .popup1 .content .con .refe_wrap-1 ul li .right .input_wrap{overflow: hidden;}
.patient_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{padding: 4px 8px; width: 80%; float: left;}
.patient_popup .popup1 .content .con .refe_wrap-1 ul li .right .btnS_9{float: right; display: block; padding: 11px 16px !important;}
.patient_popup .popup1 .content .btn_wrap{ text-align: right;}
.patient_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {width: 73% !important; float: left; padding: 12px 8px;}
.patient_popup .popup1 .content .con .refe_wrap ul li .sy-11 .btnS_9{float: right; display: block; padding: 4px 16px !important;height: 48px}
/*가족력 팝업*/
.operation_popup .popup1 {margin: 100px auto;background: #fff; border-radius: 12px; width: 40%;  position: relative;}
.operation_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.operation_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.operation_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.operation_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.operation_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.operation_popup .popup1 .content{ padding: 0 32px 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.operation_popup .popup1 .content .con{overflow: hidden; margin: 8px 0 ;}
.operation_popup .popup1 .content .con .refe_wrap{    overflow: auto;  max-height: 450px; min-height: 450px;}
.operation_popup .popup1 .content .con .refe_wrap ul{}
.operation_popup .popup1 .content .con .refe_wrap ul li{margin-bottom: 12px; height:48px; line-height: 34px}
.operation_popup .popup1 .content .con .refe_wrap ul li .left{float: left; width: 20%; }
.operation_popup .popup1 .content .con .refe_wrap ul li .right{float: left; width: 80%;}
.operation_popup .popup1 .content .con .refe_wrap ul li .right .form-control{padding: 4px 8px;height:48px}
.operation_popup .popup1 .content .con .refe_wrap ul li .right .sy-1{overflow: hidden;}
.operation_popup .popup1 .content .con .refe_wrap ul li .right .sy-1 .form-control{width: 32.4%; float: left ; margin-right: 1%;}
.operation_popup .popup1 .content .con .refe_wrap ul li .right .sy-1 .form-control:last-child{margin-right: 0;}
.operation_popup .popup1 .content .con .refe_wrap-1 ul li .right .input_wrap{overflow: hidden;}
.operation_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{padding: 4px 8px; width: 80%; float: left;}
.operation_popup .popup1 .content .con .refe_wrap-1 ul li .right .btnS_9{float: right; display: block; padding: 4px 16px !important;}
.operation_popup .popup1 .content .btn_wrap{ text-align: right;}
.operation_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {width: 50% !important; float: left; padding: 4px 8px;}
.operation_popup .popup1 .content .con .refe_wrap ul li .sy-11 .btnS_9{float: left; display: block; padding: 4px 16px !important;height: 48px; margin-left: 16px;}
.operation_popup  .btn_wrap { margin-top: 0 !important;}
/*캘린더 이미지*/
.data_po {border-radius: 3px; border: solid 1px #d1d1d6; overflow: hidden;}
.data_po .c_img-1{  display: inline-block; float: left; margin-left: 4%;margin-top: 6px;text-align: center;max-width: 32px;;}
.data_po .data_po-1{float: left; border: 0; box-shadow: none !important;}
.sight_popup .data_po-2{float: left; border: 0 !important; box-shadow: none !important; width: 80%;}
.sight_popup .data_po .c_img-1{  display: inline-block; float: left; margin-left: 4%;margin-top: 11px;text-align: center;max-width: 32px;;}
.pop_pagin{text-align: center;}
.pop_pagin .pagination{margin: 0; }
.pop_pagin .pagination>li>a:hover { background-color: #2688ff; color: #fff;}
.pop_pagin .pagination li a span{vertical-align: top; }
.pop_pagin .pagination>li>a.active{background-color: #2688ff; color: #fff; }
.pop_pagin .pagination>li>a, .pop_pagin .pagination>li>span { padding: 9px 14.3px; border: 0;font-size: 13px;font-weight: 500;text-align: center; color: #383b48; cursor:pointer;}
.data_pop1 .radioBtn .btn{font-size: 13px;font-weight: 500; letter-spacing: -0.08px;text-align: center; color: #333; width: 50%;  border-radius: 3px; border: solid 1px #d1d1d6; height: 48px; line-height: 35px; }
.data_pop1 .radioBtn .btn.active{border-radius: 3px;  background-color: #f7fbff; color: #085db9; box-shadow: none; border: 1px solid #007aff;}
.data_pop1 .radio_wrap{width: 50%; }
.data_pop1 .radio_wrap-1{width: 100%; }
.data_pop1 .radio_wrap-1 .radioBtn .btn{width: 25%;}
.data_pop1 .radioBtn{width: 100%;}
.inline-photo {opacity: 0; transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out;will-change: transform, opacity;}
.inline-photo.is-visible {opacity: 1; transform: rotateZ(-0deg);}
.in-tran {opacity: 0;transition: opacity .4s .25s ease-out;}
.in-tran.is-visible {opacity: 1;}
.main-photo {transform: scale(.8);}
.heading {transform: translate(-50%, calc(-50% + 1em));}
.is-visible .main-photo {transform: none;}
.is-visible .heading {transform: translate(-50%, -50%);}
.main-photo,
.heading {transition: transform 4s .25s cubic-bezier(0,1,.3,1), filter 10s 2s ease-out; will-change: transform;}
.menu_btn{cursor: pointer;}
.menu_popup .modal-backdrop{display: none;}
.reading-progress { position: fixed;top: 0; left: 0; width: 100%;height: 6px; background-color: #ff44bb !important;border: none !important;z-index: 9999 !important;}
.reading-progress::-webkit-scrollbar-thumb{background-color: #fff}
/*로그인페이지*/
.login_main .con-1{margin: 40px 0;}
.login_main .con-2{  background-color: #ffffff; text-align: center !important; margin: 0 auto !important;}
.login_main .con-2 .con_box{width: 69.744%; border: solid 1px #e7e7e7;text-align: center !important; margin: 0 auto !important;/* height: 375px;*/ overflow: hidden;}
.login_main .con-2 .left{ border-right: 1px solid #e7e7e7; padding: 46px 60px !important;}
.login_main .con-2 .left .tit{font-size: 26px; font-weight: bold; margin-bottom: 22px; text-align: left;}
.login_main .con-2 .left .form-control{height: 48px; border-radius: 3px; border: solid 1px #dddddd;background-color: #ffffff; box-shadow: none;}
.login_main .con-2 .left .form-control:focus{box-shadow: none;}
.login_main .con-2 .left .login_btn{width: 100%; height: 48px;border-radius: 3px; background-color: #007aff; border: 0; color: #fff; margin-top: 34px; font-size: 15px;font-weight: 500; line-height: 1; letter-spacing: -0.6px;}
.login_main .con-2 .right{padding: 34px 60px !important; text-align: left;}
.login_main .con-2 .right .sty-1{font-size: 13px;font-weight: normal;letter-spacing: -0.8px;color: #007aff; margin-top: 16px;}
.login_main .con-2 .right .sty-1 img{margin-right: 6px}
.login_main .con-2 .right .tit{font-size: 15px; font-weight: 500; line-height: 1.2; color: #333333; margin-bottom: 31px; margin-top: 22px; text-align: left;}
.login_main .con-2 .right .login_btn{height: 48px;border-radius: 3px; background-color: #000000; font-size: 14px;font-weight: bold; color: #ffffff; width: 100%; border: 1px solid #000;}
.login_main .con-2 .right .loginBox{ margin-top: 29px;}
.login_main .con-2 .right .loginBox p{font-size: 12px;font-weight: bold; color: #666666; margin-bottom: 10px;}
.login_main .con-2 .right .loginBox a{display: block; height: 40px; border-radius: 3px;border: solid 1px #dddddd; text-align: center; line-height: 35px; margin-bottom: 8px; }
.login_main .con-2 .right .loginBox a:last-child{margin-bottom: 0;}
.login_main .con-2 .right .loginBox a:nth-child(4) img{margin-right: 20px;}
.login_main .con-2 .right .loginBox a img{ margin-right: 10px;}
.login_main .con-2 .con_box-1{width: 69.744%; border: solid 1px #e7e7e7;height: 70px; line-height: 65px; background-color: #f8f8f9; border-top: 0 !important; margin: 0 auto 70px !important; overflow: hidden;}
.login_main .con-2 .con_box-1 p{font-size: 14px;letter-spacing: -0.9px;color: #5f5f5f;}
.login_main .con-2 .con_box-1 p a{text-decoration: underline; font-weight: bold; margin-left: 8px;}
.check_box{text-align: left; margin-top: 25px; margin-right: 20px;}
.check_box input[type=checkbox]:not(old) + label{ display : inline-block;margin-left: 0; padding-left: 25px;
	background :url('../images/login_check.svg') no-repeat 0 0; line-height  : 19px; cursor: pointer; font-size: 13px;font-weight: 500;color: #666666;}
.check_box input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat 0 0;line-height  : 19px; cursor: pointer; font-size: 13px;font-weight: 500;color: #666666;}
.check_box input[type=checkbox]:not(old),
.check_box input[type=radio   ]:not(old){display: none;}
/*패스워드 찾기*/
.pw_1 .con-1{margin: 40px 0;}
.pw_1 .con-2 .line-1{text-align: center; margin-bottom: 40px;}
.pw_1 .con-2 .line-1 h3{font-size: 40px;font-weight: bold;letter-spacing: -2.3px; color: #333333; margin-bottom: 16px;}
.pw_1 .con-2 .line-1 p{font-size: 20px;letter-spacing: -1.15px;color: #333333; }
.pw_1 .con-2 .line-2{background-color: #fbfbfb; width: 100%; border-top: 1px solid #979797; text-align: center;}
.pw_1 .con-2 .line-2 p{margin-top: 32px; font-size: 20px;letter-spacing: -1.15px; color: #424b5f;}
.pw_1 .con-2 .line-2 p span{color: #007aff; vertical-align: top;}
.pw_1 .con-2 .line-2 .btn_box{margin: 27px 0 40px; padding-bottom: 48px;  }
.pw_1 .con-2 .line-2 .btn_box .btn{width: 15.385%; height: 42px;}
.pw_1 .con-2 .line-2 .btn_box .btn-1{background-color: #333333; color: #fff; margin-right: 10px;}
.pw_1 .con-2 .line-2 .btn_box .btn-2{ background-color: #ffffff; border: 1px solid #979797;}
.pw_1 .con-2 .line-3{font-size: 16px; letter-spacing: -0.5px;color: rgba(51, 50, 56, 0.84); text-align: center;margin-bottom: 140px;}
.pw_1 .con-2 .line-3 span{font-weight: 500;color: #333333; vertical-align: top; }
/*아이디 찾기*/
.reset_page .con-1{margin: 40px 0;}
.reset_page .con-2{ margin: 0 auto 97px; text-align: center;}
.reset_page .con-2 .log_wrap{text-align: center; margin: 0 auto !important;  width: 47.693%;  border-radius: 3px; box-shadow: 0 2px 6px 0 rgba(195, 195, 195, 0.5); border: solid 1px #e5e5ea; background-color: rgba(255, 255, 255, 0); }
.reset_page .con-2 .log_wrap .nav-tabs.login_nav>.active>a, .reset_page .con-2 .log_wrap .nav-tabs.login_nav>.active>a:focus, .reset_page .con-2 .log_wrap .nav-tabs.login_nav>.active>a:hover { border: none; border-bottom: 4px solid  #007aff; }
.reset_page .con-2 .log_wrap .nav-tabs.login_nav>li>a:hover{background-color: transparent; border: 0}
.login_nav li{width: 50%;}
.login_nav li a {font-size: 18px; font-weight: 500;letter-spacing: -0.63px;color: #333333; padding: 21px 10px;}
.reset_page .con-2 .log_wrap .reg-box{}
.reset_page .con-2 .log_wrap .reg-box .hd{padding: 16px 0; background-color: #fafafa;}
.reset_page .con-2 .log_wrap .reg-box .hd p{font-size: 16px;letter-spacing: -0.88px; color: #333333;}
.reset_page .con-2 .log_wrap .reg-box .hd p img{width: 22px; height: 30px; margin-right: 10px; margin-bottom: 10px;}
.reset_page .con-2 .log_wrap .reg-box .con{padding: 40px 64px; }
.reset_page .con-2{padding: 8px 0 !important;}
.reset_page .con-2 .radio{overflow: hidden; width: 100%;margin: 0 auto; text-align: center; margin-bottom: 29px; }
.reset_page .con-2 .checks {position: relative; text-align: center; margin: 0 auto;}
.reset_page .con-2 .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.reset_page .con-2 .checks input[type="radio"] + label {display: inline-block;position: relative;padding-left: 25px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; margin-right: 10px; font-size: 15px; font-weight: 500;color: #333; margin-bottom: 2px;}
.reset_page .con-2 .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px; background: url(../images/radio_unactive.svg) no-repeat; width: 20px; height: 20px; font-weight: 600;;}
.reset_page .con-2 .checks input[type="radio"] + label:active:before,
.reset_page .con-2 .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active.svg) no-repeat; width: 20px; height: 20px;}
.reset_page .con-2 .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.reset_page .con-2 .reset_box{overflow: hidden;}
.reset_page .con-2 .reset_box .R-input{float: left; width: 72%;}
.reset_page .con-2 .reset_box .R-input input{height: 56px;}
.reset_page .con-2 .reset_box .btn-sy-1{float: right; width: 24%; display: inline-block; border-radius: 3px; border: solid 1px #d1d1d6; height: 56px; background-color: #fff; font-size: 14px;font-weight: 500; letter-spacing: -0.81px; color: #8e8e93;}
.reset_page .con-2 .reset_box .btn-sy-2{float: right; width: 24%; display: inline-block; border-radius: 3px; border: solid 1px #000; height: 56px; background-color: #000; font-size: 14px;font-weight: 500; letter-spacing: -0.81px; color: #fff;}
.reset_page .con-2 .btn-sy-3{width: 100%; margin-top: 24px; height: 56px; background-color: #007aff; border-radius: 3px; color: #fff;font-size: 15px; font-weight: 500; border: 0;}
.reset_page .con-2 .btn-sy-4{width: 100%; margin-top: 24px; height: 56px; background-color: #eeeeee; border-radius: 3px; color: #000;font-size: 15px; font-weight: 500; border: 0;}
.reset_page .con-2 .info{ font-size: 14px; color: #868686; text-align: left; margin-top: 40px; margin-bottom: 25px;}
.reset_page .con-2 .info img{margin-right: 8px;}
.reset_page .con-2 .reset_box .R-input1{ width: 100%;}
.reset_page .con-2 .reset_box .R-input1 input{height: 56px;}
.reset_page .con-2 .reset_box .R-input2{float: left; width: 49%; margin-right: 2%}
.reset_page .con-2 .reset_box .R-input2:last-child{margin-right: 0;}
.reset_page .con-2 .reset_box .R-input2 input{height: 56px;}
.reset_page .con-2 .reset_box .input_wrap{position: relative; }
.reset_page .con-2 .reset_box .input_wrap .po-ab{position: absolute; top: 18px;right: 20px;  color: #007aff; font-size: 14px;}
.reset_popup .modal-dialog { width: 36%;  margin: 30px auto;}
.reset_popup .modal-header {min-height: 0; padding: 32px 40px 0;border-bottom: 0;}
.reset_popup .modal-title{font-size: 32px; font-weight: bold; letter-spacing: -0.21px;color: #333;}
.reset_popup .modal-title img{margin-right: 10px;}
.reset_popup .close { opacity: 1;}
.reset_popup .modal-body{padding: 32px 40px;}
.reset_popup .modal-body .tit{font-size: 16px;  letter-spacing: -0.1px; color: rgba(35, 35, 39, 0.84);}
.reset_popup .modal-body .card_wrap{width: 49%; display: flex;}
.reset_popup .modal-body input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.reset_popup .modal-body  input[type="radio"] + label {display: inline-block;position: relative;; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333;}
.reset_popup .modal-body input[type="radio"] + label:before {content: ''; position: absolute; left: 16px; top: 16px; background: url(../images/check-mark-2.svg) no-repeat; width: 26px; height: 26px; font-size: 16px;  font-weight: 500;letter-spacing: -0.6px; color: #333333; z-index: 9999;}
.reset_popup .modal-body input[type="radio"] + label:active:before,
.reset_popup .modal-body input[type="radio"]:checked + label:before { background: url(../images/check-mark-1.svg) no-repeat; width: 26px; height: 26px;}
.reset_popup .modal-body input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.reset_popup .payment-method {display: flex;margin: 30px 0 48px;  justify-content: space-between;}
.reset_popup .method { display: flex; flex-direction: column; width: 100%; padding-top: 45px; cursor: pointer; border: 2px solid transparent; border-radius: 4px; border: solid 1px #c7c7cc; justify-content: center; align-items: center; text-align: center;}
.reset_popup .method img{margin-bottom: 18px; }
.reset_popup .method span{display: block;font-size: 15px; letter-spacing: -0.57px; color: #007aff; margin-top: 6px; margin-bottom: 30px;}
.reset_popup .next {height: 56px; border-radius: 3px;  background-color: #007aff;font-size: 15px;width: 100%; border: 0; letter-spacing: -0.57px;color: #ffffff;}
.reset_popup .blue-border {border-radius: 4px;border: solid 1px #333333;}
.reset_popup .blue-border {border-radius: 4px;border: solid 1px #333333;}
.reset_popup .card-logos {display: flex; width: 150px; justify-content: space-between; align-items: center;}
.reset_popup .modal-footer { padding: 15px; text-align: right; border-top: 0;}
.reset_popup .modal-footer .btn{height: 48px; width: 16.08%;font-size: 16px;font-weight: 500; letter-spacing: -0.1px;  text-align: center; color: #313131;  border-radius: 3px; border: solid 1px #d3d3d3; background: #fff; margin-bottom: 20px;}
/*회원가입-1*/
.join-1 .con-1{margin: 40px 0 28px;}
.join-1 .con-2 .step_box{padding-bottom: 25px; border-bottom: 1px solid #282828;}
.join-1 .con-2 .step_box ul{overflow: hidden;}
.join-1 .con-2 .step_box ul li{overflow: hidden; width: 33.3333%; float: left; }
.join-1 .con-2 .step_box ul li .img1{float: left; display: block; margin-left: 12%; width: 100px; height: 100px;}
.join-1 .con-2 .step_box ul li .txt_box{float: left; margin-left: 15px; font-size: 16px;color: #c7c7cc; margin-top: 16px;}
.join-1 .con-2 .step_box ul li .txt_box.on{color: #333333;}
.join-1 .con-2 .step_box ul li .txt_box span{}
.join-1 .con-2 .step_box ul li .txt_box p{font-weight: bold;}
.join-1 .con-2 .step_box ul li .img2{float: right;  margin-top: 35px;}
.join-1 .con-2 .txt_box .tit{font-size: 20px; letter-spacing: -0.7px;color: #1b2125; margin: 35px 0 15px;}
.join-1 .con-2 .txt_box input.ruleCheck[type=checkbox]:not(old):checked + label { text-align: left; border: solid 1px #007aff; background-color: #fafcff !important; padding: 25px 60px 10px; color: #333 !important; background: url(../images/login_check_active.svg)no-repeat 2%; background-size: 22px; line-height: 14px; height: 70px;font-size: 17px;font-weight: normal !important;}
.join-1 .con-2 .txt_box input.ruleCheck[type=checkbox]:not(old) { width: 100%; margin: 0; padding: 0; opacity: 0;text-align: center;}
.join-1 .con-2 .txt_box input.ruleCheck[type=checkbox]:not(old) + label {  display: inline-block; border: solid 1px #f1f1f1; width: 100%; padding: 25px 60px 10px; text-align: left; background: #f9f9f9 url(../images/login_check.svg) no-repeat  2% ; background-size: 22px; color: #333; font-size: 17px; cursor: pointer; border-radius: 2px; font-weight: normal !important; line-height: 14px;height: 70px;}
.join-1 .con-2 .txt_box .rules_wrap{margin-top: 32px; margin-bottom: 40px;}
.join-1 .con-2 .txt_box .rules_wrap .line{}
.join-1 .con-2 .txt_box .rules_wrap .line h3{font-size: 20px; font-weight: 500; letter-spacing: -0.7px; color: #1b2125; margin-bottom: 16px;}
.join-1 .con-2 .txt_box .rules_wrap .line .info{border: solid 1px #e7e7e7; padding: 32px;     overflow: auto; font-size: 15px; color: #1b2125;
	max-height: 213px; margin-bottom: 32px;}
.join-1 .con-2 .txt_box .rules_wrap .line .radio{overflow: hidden; width: 100%; margin: 0 auto 36px; text-align: center; }
.join-1 .con-2 .txt_box .rules_wrap .line .checks {position: relative; text-align: center; margin: 0 auto;}
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333; margin: 0px;  height: 25px;padding-left: 30px; margin-right: 30px; }
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px;  background: url(../images/radio_unactive1.svg) no-repeat; width: 22px; height: 22px; font-weight: 600; }
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"] + label:active:before,
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active1.svg) no-repeat; width: 22px; height: 22px;}
.join-1 .con-2 .txt_box .rules_wrap .line .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.join-1 .con-2 .txt_box .rules_wrap .line .form-control {box-shadow: none;}
.join-1 .con-2 .btn_wrap{text-align: center; margin-bottom: 80px;}
.join-1 .con-2 .btn_box{text-align: center; width: 60%; overflow: hidden; margin: 0 auto;}
.join-1 .con-2 .btn_box .btn{ width: 49%; float: left; height: 64px; line-height: 50px;  border-radius: 3px; font-size: 15px; letter-spacing: -0.57px; display: block; }
.join-1 .con-2 .btn_box .btn-1{background-color: #eeeeee; color: #858585; margin-right: 2%;}
.join-1 .con-2 .btn_box .btn-2{background-color: #333333; color: #fff}
.join-1 .con-2 .btn_box .btn-3{background-color: #eeeeee; color: #858585;}
.join-1 .con-2 .join-box{margin-top: 32px;}
.join-1 .con-2 .join-box h3{font-size: 20px; font-weight: 500; letter-spacing: -0.7px; color: #1b2125; margin-bottom: 32px;}
.join-1 .con-2 .join-box .tit-line{overflow: hidden;}
.join-1 .con-2 .join-box .tit-line p{float: left;font-size: 16px;font-weight: 500; letter-spacing: 0.53px; color: #000000; }
.join-1 .con-2 .join-box .tit-line span{float: right; font-size: 14px; font-weight: 500; letter-spacing: -0.49px; color: #ff3b30; }
.join-1 .con-2 .join-box .table-wrap{}
.join-1 .con-2 .join-box .table-wrap .table{overflow: hidden; border-top: solid 2px gray; margin-top: 20px; border-bottom: 1px solid #ddd;}
.join-1 .con-2 .join-box .table-wrap .table th{vertical-align: middle; width: 15.77%; padding-left: 16px;}
.join-1 .con-2 .join-box .table-wrap .table td{overflow: hidden;}
.join-1 .con-2 .join-box .table-wrap .table .input_wrap{float: left; width: 100%;}
.join-1 .con-2 .join-box .table-wrap .table .input_wrap .form-control{display: inline-block; border-radius: 3px; border: solid 1px #dddddd; float: left; height: 56px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;}
.join-1 .con-2 .join-box .table-wrap .table .check_box {text-align: left;     margin-top: 8px;}
.join-1 .con-2 .join-box .table-wrap .table .check_btn{color: #ffffff;width: 10.718%;height: 56px; border-radius:0 3px 3px 0; background-color: #33383d; border: 0;}
.join-1 .con-2 .join-box .table-wrap .table .red{color: #ff3b30; display: inline-block; font-size: 14px;  height: 56px; line-height: 56px;}
.join-1 .con-2 .join-box .table-wrap .table .icon-1{margin-top: 20px;}
.join-1 .con-2 .join-box .infoTxt{font-size: 16px;}
.join-1 .con-2 .join-box .infoTxt .red{color: red;}
.join-1 .con-2 .join-box .table-wrap .table .radio{overflow: hidden; width: 100%;margin: 14px auto;  }
.join-1 .con-2 .join-box .table-wrap .table .checks {position: relative; margin: 4px auto 0;}
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333; margin: 0;  height: 25px;padding-left: 30px; margin-right: 30px; }
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px;  background: url(../images/radio_unactive1.svg) no-repeat; width: 22px; height: 22px; font-weight: 600; }
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"] + label:active:before,
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active1.svg) no-repeat; width: 22px; height: 22px;}
.join-1 .con-2 .join-box .table-wrap .table .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}

.join-1 .con-2 .join-box .table-wrap .table .select_box{}
.join-1 .con-2 .join-box .table-wrap .table .select_box span{float: left; margin: 16px 8px 0;}
.join-1 .con-2 .join-box .table-wrap .table .select_box  select { background: url(../images/chevron-2.svg) no-repeat 88% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 27px 0 16px!important;}
.join-1 .con-2 .join-box .table-wrap .table .interest input[type=checkbox]:not(old),
.join-1 .con-2 .join-box .table-wrap .table .interest input[type=radio   ]:not(old){ width: 0;  margin-left  : 0; padding : 0; opacity : 0; cursor: pointer;}
.join-1 .con-2 .join-box .table-wrap .table .interest input[type=checkbox]:not(old) + label{display      : inline-block;padding-left : 28px;background   : url('../images/login_check.svg') no-repeat 0;line-height  :20px; cursor: pointer;  font-size: 16px; font-weight: 400;}
.join-1 .con-2 .join-box .table-wrap .table .interest input[type=checkbox]:not(old):checked + label{background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat  0; font-size: 16px; font-weight: 400;line-height  : 20px;}
.join-1 .con-2 .join-box .table-wrap .table .interest{overflow: hidden; }
.join-1 .con-2 .join-box .table-wrap .table .interest .check-row1{width: 100%; margin: 10px 0 0 }
.join-1 .con-2 .join-box .table-wrap .table .interest .check-row1 span{width: 20%; display: inline-block; word-break: break-word; margin-bottom: 32px;}
.join-1 .con-2 .join-box .table-wrap .table .interest p{margin-bottom: 18px; font-size: 14px; color: #8e8e93;}
.join-1 .con-2 .join-box .table-wrap .table .interest p span{  color: #333333; vertical-align: text-bottom;}
.join-1 .con-2 .completion{text-align: center;}
.join-1 .con-2 .completion p{font-size: 28px;font-weight: 500;letter-spacing: -1.61px;color: #333333; text-align: center; margin-top: 40px;}
.join-1 .con-2 .completion p span{color: #007aff; vertical-align: top;}
.join-1 .con-2 .completion .ptxt{font-size: 19px;font-weight: normal;letter-spacing: -1.61px;color: #333333; text-align: center; margin-top: 10px;}
.join-1 .con-2 .completion lottie-player{ margin: 65px auto;}
.join-1 .con-2 .rules_wrap1 .btn_box{width: 32.5%;}
.join-1 .con-2 .rules_wrap1 .btn_box .btn{height: 42px; border-radius: 3px; line-height: 28px; width: 47.7%;}
.join-1 .con-2 .rules_wrap1{margin-top: 0 !important}
.join-1 .con-2 .rules_wrap1 .btn_box .btn-3{background-color: #333333; color: #fff; margin-right: 16px;}
.join-1 .con-2 .rules_wrap1 .btn_box .btn-4{border: 1px solid gray}

.join-1 .join{}
.join-1 .join .txt{font-size: 17px;letter-spacing: -0.98px;color: #424b5f;}
.join-1 .join .card_box{margin: 40px 0 136px;}
.join-1 .join .card_box ul{overflow: hidden;}
.join-1 .join .card_box ul li{float: left; width: 32%; margin-right: 1%; border-radius: 4px; border: solid 1px #d6d6d6; background-color: #ffffff; padding: 56px 40px 40px; text-align: center;box-shadow: 0px 12px 12px 3px rgba(68,87,101,.1);}
.join-1 .join .card_box ul li:last-child{margin-right: 0;}
.join-1 .join .card_box ul li a{display: block;}
.join-1 .join .card_box ul li a img{margin-bottom: 24px;min-height: 84px; }
.join-1 .join .card_box ul li a h4{font-size: 25px;font-weight: 500; letter-spacing: -1.44px;color: #333333; margin-bottom: 16px;}
.join-1 .join .card_box ul li a p{font-size: 15px; letter-spacing: -0.92px; color: #424b5f; min-height: 130px; text-align: left;}
.join-1 .join .card_box ul li a button{border-radius: 3px;background-color: #929296; font-size: 15px; letter-spacing: -0.86px;color: #ffffff; padding: 10px 64px; border: 0;box-shadow: 1px 2px 3px 0 rgba(209,213,217,.3);transition: background-color .25s,box-shadow .25s,transform .25s;}
.join-1 .join .card_box ul li:hover{ border: solid 1px #333333; padding: 56px 40px 40px; text-align: center; }
.join-1 .join .card_box ul li:hover a button{background-color: #333333;}

.media_report .con-2 .btn_wrap{text-align: center; margin-top: 40px; }
.media_report .con-2 .btn_box{text-align: center; width: 50%; overflow: hidden; margin: 0 auto;}
.media_report .con-2 .btn_box .btn{ width: 49%; float: left; height: 64px; line-height: 50px;  border-radius: 3px; font-size: 15px; letter-spacing: -0.57px; display: block; }
.media_report .con-2 .btn_box .btn-1{background-color: #eeeeee; color: #858585; margin-left: 2%;}
.media_report .con-2 .btn_box .btn-2{background-color: #333333; color: #fff}
.media_report .con-2 .panel-title a {border-bottom: 1px solid #eee;}
.media_report .con-2 .panel-title span{vertical-align: middle;}
.media_report .con-2 .panel-content{padding: 20px 0}
.app_info{margin-top: 45px; margin-bottom: 0 !important;}
.app_info .con-2{}
.info_banner{width: 100%; position: relative;  ;}
.info_banner img{max-width: 100%; position: absolute; top: 40px; height: 358px; width: 100%;background-size: cover;}
.app_info .con-1 .tit-1 h3 {color: #fff}
.app_info .con-1 .txt_over {color: #fff}
.app_info .con-1 .tit-1 ul li {color: #fff}
.app_info .con-2 .banner h3{font-size: 40px; font-weight: 500; line-height: 1.15;letter-spacing: -2.6px; color: #ffffff; margin:18px 0 18px;}
.app_info .con-2 .banner p{font-size: 16px;line-height: 1.56;letter-spacing: -0.66px; color: #ffffff; margin-bottom: 84px}
.app_info .con-2 .sec-1{clear: both; margin: 82px 0  50px;}
.app_info .con-2 .sec-1 .tit{ font-size: 40px; font-weight: 500;line-height: 1.2;letter-spacing: -1.6px;}
.app_info .con-2 .sec-1 .txt_box ul{overflow: hidden;}
.app_info .con-2 .sec-1 .txt_box ul li{float: left; width: 50%; min-height: 150px; margin-bottom: 35px;}
.app_info .con-2 .sec-1 .txt_box ul li:nth-child(3),
.app_info .con-2 .sec-1 .txt_box ul li:nth-child(4){margin-bottom: 0;}
.app_info .con-2 .sec-1 .txt_box ul li span{width: 28px; height: 3px; background-color: #007aff; display: block; }
.app_info .con-2 .sec-1 .txt_box ul li h5{font-size: 20px;font-weight: bold;letter-spacing: -0.97px; color: #333333; margin: 10px 0;}
.app_info .con-2 .sec-1 .txt_box ul li p{font-size: 16px;line-height: 1.5; letter-spacing: -0.78px;color: #444444; width: 70.3%;}
.app_info .con-2 .sec-2{position: relative; background: url(../images/app_info_sec-2.svg) no-repeat;  background-size: cover;}
.app_info .con-2 .sec-2 .back-img{width: 100%; position: absolute;z-index: 0000; }
.app_info .con-2 .sec-2 .inner{height: 100%; clear: both; }
.app_info .con-2 .sec-2 .inner .con-1{padding: 92px 0 52px !important; min-height: 640px; max-height: 640px;}
.app_info .con-2 .sec-2 .con-1 .img-1{width: 85%;}
.app_info .con-2 .sec-2 .con-1 .left{width: 62%;}
.app_info .con-2 .sec-2 .con-1 .right{width: 38%;}
.app_info .con-2 .sec-2 .con-1 .right h3{font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -1.6px; margin: 37px 0;}
.app_info .con-2 .sec-2 .con-1 .right p{ font-size: 21px; line-height: 1.38; letter-spacing: -0.84px;color: #000000; width: 85%;}
.app_info .con-2 .sec-3{background-color: #f7f7f7; min-height: 640px; max-height: 640px;}
.app_info .con-2 .sec-3 .con-1 .right img{max-width: 100%;}
.app_info .con-2 .sec-3 .con-1{padding: 52px 0 52px !important;}
.app_info .con-2 .sec-3 .con-1 .left h3{font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -1.6px; margin: 37px 0;}
.app_info .con-2 .sec-3 .con-1 .left p{ font-size: 21px; line-height: 1.38; letter-spacing: -0.84px;color: #000000; width: 85%;}
.app_info .con-2 .sec-3 .con-1 .img-1{width: 100%;}
.app_info .con-2 .sec-4 .con-1{padding: 72px 0 62px !important;}
.app_info .con-2 .sec-4 .con-1 .right {position: relative !important; height: 385px; }
.app_info .con-2 .sec-4 .con-1 .left h3{font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -1.6px; margin: 0 0 37px;}
.app_info .con-2 .sec-4 .con-1 .left p{ font-size: 21px; line-height: 1.38; letter-spacing: -0.84px;color: #000000; width: 55%;}
.app_info .con-2 .sec-4 .con-1 .img-1{width: 100%;}
.app_info .con-2 .sec-4 .con-1 .left .img_box{margin-top: 37px;}
.app_info .con-2 .sec-4 .con-1 .left .img_box ul{overflow: hidden; width: 60%;;}
.app_info .con-2 .sec-4 .con-1 .left .img_box ul li{float: left; width: 50%;}
.app_info .con-2 .sec-4 .con-1 .left .img_box ul li img{text-align: center; display: inline-block;     max-width: 60%;}
.app_info .con-2 .sec-4 .con-1 .left .img_box ul li img:last-child{margin-top: 10px;}
.app_info .con-2 .sec-5{background-color: #32353c;;}
.app_info .con-2 .sec-5 .con-1{padding: 80px 0 80px !important;}
.app_info .con-2 .sec-5 .con-1 .left .line-1{overflow: hidden; margin-bottom: 36px;}
.app_info .con-2 .sec-5 .con-1 .left h4{font-size: 40px; font-weight: 500; line-height: 1.13; letter-spacing: -3px; color: #ffffff;float: left;}
.app_info .con-2 .sec-5 .con-1 .left img{float: left; display: inline-block; margin-right: 16px; width: 48px;}
.app_info .con-2 .sec-5 .con-1 .left p{font-size: 20px;line-height: 1.45; letter-spacing: -1.3px; color: #ffffff;}
.app_info .con-2 .sec-5 .con-1 .left p span{font-weight: bold; vertical-align: top;}
.app_info .con-2 .sec-5 .con-1 .right{text-align: right; margin-top: 40px}
.app_info .con-2 .sec-5 .con-1 .right .btn{overflow: hidden;}
.app_info .con-2 .sec-5 .con-1 .right .btn a{display: block; width: 224px; float: left;  height: 48px; border-radius: 3px; border: solid 1px #333333; background-color: #ffffff; line-height: 48px; font-size: 15px; letter-spacing: -0.62px;  color:#333333; margin-right: 24px}
.app_info .con-2 .sec-5 .con-1 .right .btn a:last-child{margin-right: 0;}
.app_info .con-2 .sec-5 .con-1 .right .btn a img{margin-bottom: 5px; margin-right: 8px;}
.table {margin-bottom: 24px;}
.app_info .sec-4 .con-1 .right .carousel { position: absolute;top: 49%;left: 50%; width: 190px; height: 385px;margin: 0; -webkit-perspective: 800px; perspective: 800px;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.app_info .sec-4 .con-1 .right .carousel-content { position: absolute; width: 100%; height: 100%;-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;-webkit-transform: translateZ(-182px) rotateY(0); transform: translateZ(-182px) rotateY(0);-webkit-animation: carousel 10s infinite cubic-bezier(1, 0.015, 0.295, 1.225) forwards; animation: carousel 10s infinite cubic-bezier(1, 0.015, 0.295, 1.225) forwards;}
.app_info .sec-4 .con-1 .right .carousel-item { position: absolute; top: 0; left: 0;width: 190px;height: 210px;border-radius: 6px;}
.app_info .sec-4 .con-1 .right .carousel-item:nth-child(1) { background: url(../images/app-img1.png) no-repeat; background-size: cover;height: 385px; width: 246px; -webkit-transform: rotateY(0) translateZ(182px); transform: rotateY(0) translateZ(182px);}
.app_info .sec-4 .con-1 .right .carousel-item:nth-child(2) { background: url(../images/app-img2.png) no-repeat; background-size: cover;height: 385px; width: 246px; -webkit-transform: rotateY(120deg) translateZ(182px); transform: rotateY(120deg) translateZ(182px);}
.app_info .sec-4  .con-1 .right .carousel-item:nth-child(3) {background: url(../images/app-img3.png) no-repeat; background-size: cover;height: 385px; width: 246px;-webkit-transform: rotateY(240deg) translateZ(182px); transform: rotateY(240deg) translateZ(182px);}
@-webkit-keyframes
carousel {  0%, 17.5% {
	-webkit-transform: translateZ(-182px) rotateY(0);
	transform: translateZ(-182px) rotateY(0);}
	27.5%, 45% {
		-webkit-transform: translateZ(-182px) rotateY(-120deg);
		transform: translateZ(-182px) rotateY(-120deg);}
	55%, 72.5% {
		-webkit-transform: translateZ(-182px) rotateY(-240deg);
		transform: translateZ(-182px) rotateY(-240deg);}
	82.5%, 100% {
		-webkit-transform: translateZ(-182px) rotateY(-360deg);
		transform: translateZ(-182px) rotateY(-360deg);}
}
@keyframes
carousel {  0%, 17.5% {
	-webkit-transform: translateZ(-182px) rotateY(0);
	transform: translateZ(-182px) rotateY(0);}
	27.5%, 45% {
		-webkit-transform: translateZ(-182px) rotateY(-120deg);
		transform: translateZ(-182px) rotateY(-120deg);}
	55%, 72.5% {
		-webkit-transform: translateZ(-182px) rotateY(-240deg);
		transform: translateZ(-182px) rotateY(-240deg);}
	82.5%, 100% {
		-webkit-transform: translateZ(-182px) rotateY(-360deg);
		transform: translateZ(-182px) rotateY(-360deg);}
}

.service_info { margin-top: 45px; margin-bottom: 0 !important;}
.service_info .con-1 .tit-1 h3 {color: #fff}
.service_info .con-1 .txt_over {color: #fff}
.service_info .con-1 .tit-1 ul li {color: #fff}
.service_info .con-2 .banner{ }
.service_info .con-2 .banner h3{font-size: 40px; font-weight: 500; line-height: 1.15;letter-spacing: -2.6px; color: #ffffff; margin:18px 0 18px;}
.service_info .con-2 .banner p{font-size: 16px;line-height: 1.56;letter-spacing: -0.66px; color: #ffffff; margin-bottom: 70px}
.service_info .con-2 .sec-1{clear: both; margin: 82px 0 0; border-bottom: solid 1px #e8e8e8; padding-bottom: 82px !important;}
.service_info .con-2 .sec-1 .tit{ font-size: 40px; font-weight: 500;line-height: 1.2;letter-spacing: -1.6px;}
.service_info .con-2 .sec-1 .tit p{font-size: 18px;font-weight: 300; letter-spacing: -0.72px;color: #333333; max-width: 80%; margin-top: 16px;}
.service_info .con-2 .sec-1 .txt_box{}
.service_info .con-2 .sec-1 .txt_box ul{overflow: hidden;}
.service_info .con-2 .sec-1 .txt_box ul li{float: left; width: 49%;     margin-right: 2%; min-height: 220px; margin-bottom: 35px;}
.service_info .con-2 .sec-1 .txt_box ul li:nth-child(3),
.service_info .con-2 .sec-1 .txt_box ul li:nth-child(4){margin-bottom: 0;}
.service_info .con-2 .sec-1 .txt_box ul li:nth-child(2),
.service_info .con-2 .sec-1 .txt_box ul li:nth-child(4){margin-right: 0;}
.service_info .con-2 .sec-1 .txt_box ul li span{width: 28px; height: 3px; background-color: #007aff; display: block; }
.service_info .con-2 .sec-1 .txt_box ul li h5{font-size: 20px;font-weight: bold;letter-spacing: -0.97px; color: #333333; margin: 10px 0;}
.service_info .con-2 .sec-1 .txt_box ul li p{font-size: 16px;line-height: 1.5; letter-spacing: -0.78px;color: #444444; width: 95%; margin-top: 24px;}
.service_info .con-2 .sec-2{padding-top: 72px !important; padding-bottom: 72px !important; border-bottom: solid 1px #e8e8e8;}
.service_info .con-2 .sec-2 .tit{text-align: center;}
.service_info .con-2 .sec-2 .tit h3{font-size: 40px;font-weight: 500;;letter-spacing: -1.6px; margin-top: 32px;}
.service_info .con-2 .sec-2 .tit p{font-size: 18px; font-weight: 300;letter-spacing: -0.72px; margin-top: 8px;}
.service_info .con-2 .sec-2 ul {overflow: hidden; margin-top: 64px;}
.service_info .con-2 .sec-2 ul li{float: left;width: 27.778%; margin-right: 8.333%;}
.service_info .con-2 .sec-2 ul li:last-child{margin-right: 0;}
.service_info .con-2 .sec-2 ul li img{max-width: 100%;}
.service_info .con-2 .sec-2 ul li h4{font-size: 18px;font-weight: bold; letter-spacing: -1.17px;  color: #333333; margin: 32px 0 17px; }
.service_info .con-2 .sec-2 ul li p{font-size: 15px;letter-spacing: -0.97px;color: #333333; min-height: 100px;}

.service_info .con-2 .sec-3 {padding-top: 72px !important; padding-bottom: 72px !important; border-bottom: solid 1px #e8e8e8;}
.service_info .con-2 .sec-3 .inner{overflow: hidden;}
.service_info .con-2 .sec-3 .left{width: 43%; float: left; margin-right: 7%;}
.service_info .con-2 .sec-3 .left h3{font-size: 40px;font-weight: 500;line-height: 1.2;letter-spacing: -1.6px; margin-bottom: 77px;}
.service_info .con-2 .sec-3 .left img{width: 100%;}
.service_info .con-2 .sec-3 .right{width: 50%; float: left; margin-top: 60px;}
.service_info .con-2 .sec-3 .right ul{}
.service_info .con-2 .sec-3 .right ul li{overflow: hidden; margin-bottom: 75px; }
.service_info .con-2 .sec-3 .right ul li:last-child{margin-bottom: 0;}
.service_info .con-2 .sec-3 .right ul li .img_box{float: left;}
.service_info .con-2 .sec-3 .right ul li .img_box img{margin-right: 10px;}
.service_info .con-2 .sec-3 .right ul li .txt_box{float: left;}
.service_info .con-2 .sec-3 .right ul li .txt_box h4{font-size: 24px;font-weight: 500;letter-spacing: -0.96px; color: #333333;}
.service_info .con-2 .sec-3 .right ul li .txt_box p{font-size: 16px; letter-spacing: -0.64px; color: #333333; margin-top: 10px;}

.service_info .con-2 .sec-4 {padding-top: 72px !important; padding-bottom: 72px !important;}
.service_info .con-2 .sec-4 .tit-line{margin-bottom: 78px;}
.service_info .con-2 .sec-4 .tit-line h3{font-size: 40px; font-weight: 500;letter-spacing: -1.6px; margin-bottom: 10px;}
.service_info .con-2 .sec-4 .tit-line p{font-size: 18px; font-weight: 300; letter-spacing: -0.72px;}
.service_info .con-2 .sec-4 .well { min-height: 0; padding: 0;  margin-bottom: 0; background-color: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.service_info .con-2 .sec-4 .thumbnail {display: block; padding: 4px; margin-bottom: 0; line-height: 1.42857143; background-color: #fff;  border: 0; border-radius: 0; width: 20%;float: left;box-shadow: none;}
.service_info .con-2 .sec-4 .thumbnail .img_box{height: 150px; text-align: center; margin-bottom: 24px;}
.service_info .con-2 .sec-4 .thumbnail .txt_box{text-align: center}
.service_info .con-2 .sec-4 .thumbnail .txt_box h4{ font-size: 18px; font-weight: 500;letter-spacing: -0.72px;}
.service_info .con-2 .sec-4 .thumbnail .txt_box span{font-size: 18px; color: #7e7e7e;}
.service_info .con-2 .sec-4 .carousel { margin-bottom: 0;padding: 0 ;}
.service_info .con-2 .sec-4 .carousel-control { background-color: transparent; box-shadow: none;}
.service_info .con-2 .sec-4 .carousel-control.left{left: -2px; }
.service_info .con-2 .sec-4 .carousel-control.right {background-image:none; }
.service_info .con-2 .sec-4 .carousel-control.left {background-image:none; }
.service_info .con-2 .sec-4 .carousel-control.right {right: -2px; }
.service_info .con-2 .sec-4 .carousel-indicators {right: 50%;bottom: -45px;}
.service_info .con-2 .sec-4 .carousel-indicators li {background: #c0c0c0;}
.service_info .con-2 .sec-4 .carousel-indicators .active {background: #333333;}
.service_info .con-2 .sec-4 .carousel-inner {margin: 0 auto; position: relative; width: 85%; overflow: hidden; margin-bottom: 50px;}
.thumbnail a>img, .thumbnail>img { margin-right: auto; margin-left: auto;}

.media_report { margin-top: 40px; margin-bottom: 80px !important;}
.sel_right{text-align: right; display: block;  margin: 32px 0 24px;}
.sel_left{text-align: left; display: block;  margin: 32px 0 24px;}
.sel_sy-1{text-align: right; display: inline-block; width: 65%; overflow: hidden;}
.sel_sy-1 .select_1{width: 21.1%;float: left; margin-right: 2.2%; height: 48px; border-radius: 0; border: 1px solid #d4d4d4 !important; box-shadow: none;}
.sel_sy-1 .select_1{transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: url(../images/left-arrow.svg) no-repeat 90% 50%;-webkit-appearance: none;}
.sel_sy-1 .input_wrap{width: 53.265%; float: left; }
.sel_sy-1 .input_wrap input{height: 48px;border-radius: 0; border: 1px solid #d4d4d4 !important;}
.sel_sy-1 .input_wrap input:focus{box-shadow: none;}
.sel_sy-1 .btn{float: left; width: 21.1%; margin-left: 2.2%; height: 48px;border-radius: 0; background-color: #1c1c1c; color: #fff}
.Table-1 .tit{font-size: 18px; font-weight: 300; letter-spacing: -1.03px; color: #333333; margin-bottom: 16px;}
.Table-1 .tit span{font-weight: 500; vertical-align: top;}
.Table-1 .tit1{font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #333333; padding: 24px 0;border-top: solid 2px #000000; border-bottom: solid 1px #000000;}
.Table-1 .tit1 span{vertical-align: top; text-decoration: underline;}
.media-T ul li{padding: 32px 0; border-bottom: solid 1px #d1d1d6;}
.media-T ul li a{overflow: hidden; display: block;}
.media-T ul li a .right{float: left; width: 18.035%;}
.media-T ul li a .right img{width: 100%; max-width: 100%;}
.media-T ul li a .left{float: left; width: 81.965%; padding-left: 24px;}
.media-T ul li a .left .new-tit{margin-top:16px;font-size: 22px; font-weight: bold;  color: #333333; margin-bottom: 7px; word-break: break-word; line-height: 1.2em; max-height: 1.2em; letter-spacing: -0.95px; overflow: hidden; text-overflow: ellipsis; display: inline-block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.media-T ul li a .left .new-txt{margin-top:16px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; width: 100%; font-size: 16px; font-weight: 500; word-break: break-word; line-height: 1.2em; max-height: 1.2em; letter-spacing: -0.95px;}
.media-T ul li a .left .txt_box{margin-top: 8px; font-size: 15px; letter-spacing: -0.38px;color: #333333;}
.media-T ul li a .left .txt_box .T-1{}
.media-T ul li a .left .txt_box .T-2{margin: 0 3%}
.media-T ul li a .left .txt_box .T-2 span{margin-left: 5px;}
.media-T ul li a .left .txt_box .T-3{}
.media_report .pop_pagin{margin-top: 32px;}

.health_news{margin-top: 24px;}
.health_news ul{width: 100%; overflow: hidden;}
.health_news ul li{width: 23.5%; float: left; margin-right: 2%; margin-bottom: 40px;}
.health_news ul li:nth-child(4),
.health_news ul li:nth-child(8),
.health_news ul li:nth-child(12){margin-right: 0;}
.health_news ul li a{display: block;}
.health_news ul li a .imgbox{height: 203px; overflow: hidden; min-height: 203px; max-height: 203px}
.health_news ul li a .imgbox img{width: 100%; border: solid 1px #ececec;border-bottom: 0; max-width: 100%;}
.health_news ul li a .txtbox{border-radius: 3px; border: solid 1px #ececec; background-color: #fefefe; padding: 16px 16px 24px;}
.health_news ul li a .txtbox .date{width: 100%; margin-bottom: 16px !important;display: inline-block;}
.health_news ul li a .txtbox .date span{}
.health_news ul li a .txtbox .date .left{float: left; width: 50%; font-size: 13px;letter-spacing: -0.08px; color: #666666;}
.health_news ul li a .txtbox .date .right{float: left; width: 50%; text-align: right; font-size: 13px; letter-spacing: -0.08px; color: #666666;}
.health_news ul li a .txtbox .date span img{}
.health_news ul li a .txtbox .tit{ height: 43px;font-weight: 500;letter-spacing: -0.7px;color: #333333; font-size: 18px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.2em;max-height: 2.4em;}

h3.title-xs { font-size: 18px; margin-top: 24px; font-weight: 600;}
table.mediTable {border-top: 2px solid grey; margin-top: 10px; font-size: 0.888em; line-height: 20px;}
table.mediTable tr { height: 50px; line-height: 50px;border-bottom: 1px solid #dddddd;}
table.mediTable tr td:first-child { width: 23%; background-color: #fcfcfd;font-size: 13px;; vertical-align: middle; font-weight: 600;line-height: 18px; text-align: left; padding: 0 5px 0 20px;}
.table-align-L td:first-child {text-align: left;box-sizing: border-box; margin: 0 auto; padding: 0 15px 0 15px;}
table.mediTable tr td { vertical-align: middle;height: 50px;border-spacing: 0;}
table.mediTable tr td:nth-child(2) { font-size: 14px; text-align: left; padding: 5px 15px;}
table.mediTable tr td { vertical-align: middle; height: 50px; border-spacing: 0;}
table.mediTable tr td:nth-child(3) { width: 20%; background-color: #fcfcfd; font-size: 14px; vertical-align: middle; font-weight: 600;}
table.mediTable tr td:nth-child(4) { width: 30%;font-size:14px; text-align: left;vertical-align: middle;    padding: 5px 15px;}
/*진료의뢰 보고서 페이지*/
.reportDetail{}
.reportDetail .btn_box {text-align: right; width: 100%; margin-top: 16px;}
.reportDetail .btn_box .btnS_9{display: inline-block;}

table.mediTable-1 {border-top: 2px solid grey; margin-top: 10px; font-size: 0.888em; line-height: 20px;}
table.mediTable-1 tr { height: 50px; line-height: 50px;border-bottom: 1px solid #dddddd;}
table.mediTable-1 tr td:first-child { width: 23%; background-color: #fcfcfd;font-size: 14px;; vertical-align: middle; font-weight: 600;line-height: 18px; text-align: left; padding: 0 5px 0 20px;}
.table-align-L td:first-child {text-align: left;box-sizing: border-box; margin: 0 auto; padding: 0 15px 0 15px; }
table.mediTable-1 tr td { vertical-align: middle;height: 50px; border-spacing: 0;}
table.mediTable-1 tr td:nth-child(2) { font-size: 14px; text-align: left; padding: 5px 15px;}
table.mediTable-1 tr td { vertical-align: middle; height: 50px; border-spacing: 0;}

.reportDetail .radio-1 .checks input[type="radio"] + label {line-height: 23px; font-weight: normal; }
.reportDetail .radio-1 .checks input[type="radio"]:checked + label {font-weight: 500;}
.reportDetail table.mediTable-1 .sel_1{width: 30%; height: 40px}
.reportDetail .table_sty-6{}
.reportDetail .table_sty-6 tr td:first-child {width: 23%;background-color: #fff;font-size: 14px;vertical-align: middle;font-weight: normal;line-height: 18px;text-align: center;padding: 0 5px 0 20px;}
.reportDetail .table_sty-6 tr td:nth-child(2) {font-size: 14px;text-align: center;padding: 5px 15px;}
.reportDetail .noData_box{    border-top: 2px solid grey;margin-top: 10px;line-height: 20px; font-size: 15px; border-bottom: 1px solid #dddddd; padding: 16px 0}

.calendar{overflow: hidden; float: left;}
.calendar .c_img {  display: inline-block; float: right; margin-top: 6%; text-align: left; width:15%;}
.calendar .form-control { display: block; width: 83% !important; height: 40px; padding: 6px 5px 6px 12px; font-size: 15px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 0 !important; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: none; float: left;}
.calendar_wrap{  float: left; overflow: hidden;width: 25%;}
.medikal_Tourism .con-1 { margin: 40px 0 0;}
.medikal_Tourism .red_tit{color: red; font-size: 15px; margin: 16px 0 }
.medikal_Tourism .check_box2 .select_1 { width: 25% !important;     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: url(../images/left-arrow.svg) no-repeat 90% 50%; -webkit-appearance: none;}
.medikal_Tourism .check_box2 .btn{margin-top: 8px; margin-left: 2%; color: #fff;}
.medikal_Tourism .check_box2 .tou-box{clear: both; margin-top: 24px; display: block;}
.medikal_Tourism .check_box2 .tou-box h4{display: inline-block ;font-size: 15px; }
.medikal_Tourism .check_box2 .tou-box span{vertical-align: middle;}
.medikal_Tourism .check_box2 .tou-box .selected-txt { font-size: 14px;  color: #545252; margin-left: 25px; font-weight: 500;}
.medikal_Tourism .check_box2 .tou-box .txt-del { cursor: pointer;font-weight: 600; margin-left: 5px;}
.line_wrap{overflow: hidden; margin-bottom: 18px;}
.medikal_Tourism .btn_box{text-align: center; margin-bottom: 52px; margin-top: 40px}
.medikal_Tourism .btn_box .btn{padding: 10px 48px !important}
.medikal_Tourism .btn_box2{text-align: right;width: 100%;margin-top: 0;}
.medikal_Tourism .btnS_15 img{width: 21px ; height: 21px}
.medikal_Tourism .btnS_15{height:40px;margin-left: 8px;padding: 10px 32px !important;border-radius: 2px;border: solid 1px #d9d9d9;background-color: #ffffff;font-size: 15px;line-height: 1.33;letter-spacing: -1.25px;color: #333333;}
.medikal_list{margin-bottom: 40px !important;}
.medikal_list .con-1 { margin: 40px 0 0;}
.medikal_list .cardWrap {margin-bottom: 30px !important;}
.medikal_list .cardWrap ul li span h3{font-size: 16px; }

.detail_wrap{margin-top: 32px;}
.detail_wrap .tit{}
.detail_wrap .tit h2{font-size: 26px;font-weight: 500;letter-spacing: -0.66px; color: #333333;}
.detail_wrap .tit ul{ margin: 16px 0 0; overflow: hidden; border-bottom: solid 2px #000000; padding-bottom: 16px;}
.detail_wrap .tit ul li{float: left; }
.detail_wrap .tit ul li span{color: #666666;  font-size: 16px; letter-spacing: -0.4px; vertical-align: top; margin-right: 5px;}
.detail_wrap .tit ul li span.font_b{color: #333;}
.detail_wrap .txt_box{padding: 47px; border-bottom: solid 1px #333333;}
.detail_wrap .txt_box img{max-width: 100%;}
.detail_wrap .txt_box .txt{font-size: 16px;letter-spacing: -0.4px; color: #333333;}
.news_source{margin-top: 47px;}
.news_source p{ font-size: 16px; letter-spacing: -0.4px;color: #333333;}
.font_col_8e{color:  #8e8e93}
.font_under{text-decoration: underline}
.btn_list{background-color: #1b1b1b; color: #fff;font-size: 15px; letter-spacing: -0.38px; padding: 13px 54px; border-radius: 0;}
.btn_list:hover{color: #fff; }
.btn_list-wrap{text-align: center; padding: 40px 0;}
.post_list{border-top: solid 1px #c7c7cc; border-bottom: solid 1px #c7c7cc}
.post_list .prev{padding: 18px 26px; overflow: hidden;}
.post_list .prev span{float: left;font-size: 14px; letter-spacing: -0.35px; color: #333333; width: 10%;}
.post_list .prev span img{margin-right: 10%; display: inline-block;}
.post_list .prev p{float: left; width: 89%; margin-left: 1%; font-size: 15px;font-weight: 500;; letter-spacing: -0.38px; color: #333333;}
.post_list .next{padding: 18px 26px; border-top: solid 1px #c7c7cc;overflow: hidden;}
.post_list .next span{float: left;font-size: 14px; letter-spacing: -0.35px; color: #333333; width: 10%;}
.post_list .next span img{margin-right: 10%; display: inline-block; }
.post_list .next p{float: left; width: 89%; margin-left: 1%;  font-size: 15px;font-weight: 500;; letter-spacing: -0.38px;}
.post_font_no{font-size: 15px;letter-spacing: -0.38px; color: #8e8e8e; font-weight: normal !important;;}
.p_sy1{font-size: 17px; letter-spacing: -0.98px; color: #424b5f; margin-top: 16px;}
.paper-clip{width: 25px;}
.complete_btn{font-size: 14px;letter-spacing: -0.85px;color: #ffffff; padding: 2px 8px;border-radius: 2px; background-color: #5e91ff; font-weight: normal; margin-left: 2%; display: inline-block; vertical-align: middle; line-height: 1.5}

.myhealth .con-1 { margin: 40px 0 0;}
.myhealth .con-2 { margin: 32px 0 0;}
.myhealth .con-2 .user{overflow: hidden;}
.myhealth .con-2 .user h4{font-size: 20px; font-weight: bold; letter-spacing: -0.71px; color: #1a173b; margin-bottom: 16px;}
.myhealth .con-2 .user .left{border-radius: 8px;border: solid 1px #eaeaea; float: left; width: 37%; padding: 32px; text-align: center;   min-height: 387px;}
.myhealth .con-2 .user .left .user_box{}
.myhealth .con-2 .user .left .user_box img{width: 73px;}
.myhealth .con-2 .user .left .user_box .txtbox{}
.myhealth .con-2 .user .left .user_box .txtbox span{display: block;}
.myhealth .con-2 .user .left .user_box .txtbox .tit{ font-size: 22px;font-weight: bold;letter-spacing: -0.78px; color: #1a173b; margin: 16px 0 4px;}
.myhealth .con-2 .user .left .user_box .txtbox .tit-1{font-size: 16px;font-weight: 500;letter-spacing: -0.57px; color: #007aff;}
.myhealth .con-2 .user .left .user_box .health{margin-top: 24px;}
.myhealth .con-2 .user .left .user_box .health ul{overflow: hidden; border-bottom: 1px solid #eaeaea}
.myhealth .con-2 .user .left .user_box .health .ul-1{border-bottom: 0;}
.myhealth .con-2 .user .left .user_box .health .ul-1 li:last-child{border-right: 0;}
.myhealth .con-2 .user .left .user_box .health ul li{float: left; width: 50%; padding: 5px 8px; border-right: 1px solid #eaeaea; }
.myhealth .con-2 .user .left .user_box .health ul li:last-child{border-right: 0;}
.myhealth .con-2 .user .left .user_box .health ul li span{display: inline-block; font-size: 15px;letter-spacing: -0.53px; text-align: center;}
.myhealth .con-2 .user .left .user_box .health ul li .tit{color: #a5a5a5;}
.myhealth .con-2 .user .left .user_box .health ul li .input_wrap .form-control[disabled],
.myhealth .con-2 .user .left .user_box .health ul li .input_wrap .form-control[readonly],
.myhealth .con-2 .user .left .user_box .health ul li .input_wrap fieldset[disabled] .form-control { cursor: not-allowed;  background-color: #fff; opacity: 1; padding: 0}
.myhealth .con-2 .user .left .user_box .health ul li .input_wrap .form-control{border: 0; box-shadow:none; padding-left: 0; text-align: center;  border-radius: 5px; background-color: #fbfbfb;}
.myhealth .con-2 .user .left .user_box .health ul li .form-control::-webkit-input-placeholder {color: #333; font-weight: 500}
.myhealth .con-2 .user .left .user_box .health ul li .form-control:-ms-input-placeholder {color: #333; font-weight: 500}
.myhealth .con-2 .user .left .user_box .health ul li  .form-control::placeholder {color: #333; font-weight: 500}

.myhealth .con-2 .user .left .user_box .health ul li .txt{color: #000}
.myhealth .con-2 .user .right{border-radius: 8px;border: solid 1px #eaeaea;;float: right; width: 60%; overflow: hidden; padding: 32px 26px; min-height: 387px;}
.myhealth .con-2 .user .right .f-left{ width: 100%; overflow: hidden;}
.myhealth .con-2 .user .right .f-left .line-1{ width: 46%; float: left; margin: 0 2%;margin-bottom: 24px; }
.myhealth .con-2 .user .right .f-left .line-1 .line-1_1{width: 46%; float: left; }
.myhealth .con-2 .user .right .f-left .line-1 .line-1_1:last-child{margin-left: 4%;}
.myhealth .con-2 .user .right .f-left .line-1 label{font-size: 12px; font-weight: 300; letter-spacing: 0.26px; color: #a1a1a1; margin-bottom: 4px;}
.myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control{border: 0; border-bottom: solid 1px #efeff4;box-shadow:none; padding-left: 4px; border-radius: 5px; background-color: #fbfbfb;}
.myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control[disabled], .myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control[readonly], .myhealth .con-2 .user .right .f-left .line-1 .input_wrap fieldset[disabled] .form-control {
	cursor: not-allowed; background-color: #fff; opacity: 1;}
.myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control::-webkit-input-placeholder {color: #333; font-weight: 500}
.myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control:-ms-input-placeholder {color: #333; font-weight: 500}
.myhealth .con-2 .user .right .f-left .line-1 .input_wrap .form-control::placeholder {color: #333; font-weight: 500}
.myhealth .con-2 .user .right .f-left .line-3{ width: 100%; float: left;  margin: 0 2%; margin-bottom: 0; }
.myhealth .con-2 .user .right .f-left .line-3 label{clear: both; float: left; width: 100%}
.myhealth .con-2 .user .right .f-left .line-3 .input_wrap{float: left; width: 75%;}
.myhealth .con-2 .user .right .f-left .line-3 .btn_box{display: inline-block !important; float: right; width: 20%;}
.myhealth .con-2 .user .right .f-left .line-3 .btn_box .btn{font-size: 15px; font-weight: normal;}
.myhealth .con-2 .btn_box-1{ text-align: right;  width: 100%; clear: both; margin-top:18px;}
.myhealth .con-2 .btn_box-1 .btn{ padding: 12px 40px !important; margin-left: 16px;}
.myhealth .con-2 .btn_box-1 .btn:nth-child(1){margin-left: 0;}
.myhealth .con-3 .life-log{margin-top: 40px;}
.myhealth .con-3 .life-log h4{font-size: 20px;font-weight: bold; letter-spacing: -0.71px;color: #1a173b; margin-bottom: 16px;}
.myhealth .con-3 .life-log .ul_1{overflow: hidden;}
.myhealth .con-3 .life-log .ul_1 li{float: left; border-radius: 8px; box-shadow: 11px 11px 21px -10px rgba(124, 137, 150, 0.16); border: solid 1px #efefef !important; background-color: #ffffff; padding: 16px 24px 24px;width: 24%;margin-right: 1.3%; min-height: 140px; margin-bottom: 16px;}
.myhealth .con-3 .life-log .ul_1 li:nth-child(4),
.myhealth .con-3 .life-log .ul_1 li:nth-child(8),
.myhealth .con-3 .life-log .ul_1 li:nth-child(12){margin-right: 0;}
.myhealth .con-3 .life-log .ul_1 li:hover{  border: solid 1px #60abff; background-color: #fbfdff;}
.myhealth .con-3 .life-log .ul_1 li a{display: block;}
.myhealth .con-3 .life-log .ul_1 li a .img_box{text-align: right; }
.myhealth .con-3 .life-log .ul_1 li a .img_box img{display: inline-block; height: 40px; width: 45px}
.myhealth .con-3 .life-log .ul_1 li a .img_box{text-align: right; }
.myhealth .con-3 .life-log .ul_1 li a .txt_box{}
.myhealth .con-3 .life-log .ul_1 li a .txt_box h5{font-size: 16px;font-weight: 500; letter-spacing: -1.03px; color: #333333;}
.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt{}
.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt span{display: inline-block}
.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt .fw{font-size: 30px; font-weight: 500; line-height: 1.33;letter-spacing: -2.23px; color: #0f1c44;}
.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt .fn{font-size: 16px;font-weight: 300; letter-spacing: -1.19px; color: #333333; vertical-align: middle;}
.myhealth .con-4{margin-top: 40px; margin-bottom: 70px;}
.myhealth .con-4 .mydata h4{font-size: 20px;font-weight: bold; letter-spacing: -0.71px;color: #1a173b; margin-bottom: 16px;}

.health_check .con-2 .search_bar-1{margin-bottom: 24px;}
.health_check .con-2 .p_sy1{ margin-top: 0; margin-bottom: 24px;line-height: 1.7}
.health_check .con-2 .check-nav{width: 100%;border-bottom: 0;margin-top:24px !important;}
.health_check .con-2 .check-nav>li { margin-bottom: 0;}
.health_check .con-2 .check-nav .nav-item{width: 11.1%; }
.health_check .con-2 .check-nav .nav-item:hover{border: 0}
.health_check .con-2 .check-nav .nav-item .nav-link{text-align: center; padding: 16px; }
.health_check .con-2 .check-nav .nav-item .nav-link:hover{background-color: transparent;}
.health_check .con-2 .check-nav .nav-item .nav-link img{ width: 70%; margin-bottom: 16px;}
.health_check .con-2 .check-nav .nav-item .nav-link span{display: block; font-size: 15px; font-weight: 500;}
.health_check .heal-ch .check-nav>li>a{margin-right: 0; border-radius: 0 ;    border: 1px solid #e8e8e8; }
.health_check .heal-ch .check-nav>li:nth-child(1)>a,
.health_check .heal-ch .check-nav>li:nth-child(2)>a,
.health_check .heal-ch .check-nav>li:nth-child(3)>a,
.health_check .heal-ch .check-nav>li:nth-child(4)>a,
.health_check .heal-ch .check-nav>li:nth-child(5)>a,
.health_check .heal-ch .check-nav>li:nth-child(6)>a,
.health_check .heal-ch .check-nav>li:nth-child(7)>a,
.health_check .heal-ch .check-nav>li:nth-child(8)>a{border-right: 0;;}
.health_check .heal-ch .check-nav>li>a:hover{}
.health_check .heal-ch .check-nav>li.active>a,
.health_check .heal-ch .check-nav>li.active>a:focus,
.health_check .heal-ch .check-nav>li.active>a:hover {color: #555; cursor: default; background-color: #fff;border: 1px solid #007aff;}
.health_check .heal-ch .tab-content{margin: 32px 0;}
.health_check .heal-ch .id-tab .p-1{font-size: 16px; }
.health_check .heal-ch .id-tab .p-1 span{font-size: 18px; font-weight: 500; letter-spacing: -0.54px;}
.health_check .heal-ch .id-tab .p-2{font-size: 15px; margin-top: 16px;}
.health_check .heal-ch .id-tab .p-3{ font-size: 16px;letter-spacing: -0.48px; color: #5a5a5a; display: inline-block; margin-top: 8px;}
.health_check .heal-ch .btn_right{text-align: right;}

.partnerHospital .con-2{margin-bottom: 50px !important;}
.par-btn_wrap{text-align: center;}
.par-btn_wrap .btn{ width: 25%; height: 48px; line-height: 30px;}
.par-btn_wrap .btn:last-child{margin-left: 8px;}
.mg-con1{margin: 32px 0 0 !important;}
.mg-con2{margin: 32px 0 0 !important;}
.align_l{text-align: left !important}
.font_sy-1{font-size: 22px; font-weight: 600;}
.partnerHospital_list .con-1{}
.partnerHospital_list .con-2{margin-bottom: 50px !important;}
.partnerHospital_list .con-2 .btn-New{height:40px;min-width:120px;border: solid 1px #007aff;color:#007aff; background-color: #fff; margin-bottom: 16px;}
.partnerHospital_list .con-2 .list_wrap{clear: both; margin-bottom: 32px;}
.partnerHospital_list .con-2 .list_wrap .list{}
.partnerHospital_list .con-2 .list_wrap .list .tit{    font-size: 24px;font-weight: 500;letter-spacing: -2.2px;color: #333333; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 2px solid #333}
.partnerHospital_list .con-2 .list_wrap .list ul{overflow: hidden; width: 100%;}
.partnerHospital_list .con-2 .list_wrap .list ul li{float: left; width: 24.2%; margin-right: 1%; border-radius: 4px; box-shadow: 0 7px 19px -4px rgba(238, 238, 238, 0.5);  border: solid 1px #e9e9e9; background-color: #ffffff; padding: 28px 0px 16px 0px;}
.partnerHospital_list .con-2 .list_wrap .list ul li:hover{ border: solid 1px #94bfff; }
.partnerHospital_list .con-2 .list_wrap .list ul li:nth-child(4),
.partnerHospital_list .con-2 .list_wrap .list ul li:nth-child(8),
.partnerHospital_list .con-2 .list_wrap .list ul li:nth-child(12),
.partnerHospital_list .con-2 .list_wrap .list ul li:nth-child(16){margin-right: 0;}
.partnerHospital_list .con-2 .list_wrap .list ul li a{display: block;}
.partnerHospital_list .con-2 .list_wrap .list ul li a .left{width: 30%; display: inline-block; padding-left: 10%}
.partnerHospital_list .con-2 .list_wrap .list ul li a .left img{width: 36px; max-width: 100%; }
.partnerHospital_list .con-2 .list_wrap .list ul li a .right{display: inline-block; width: 60%; font-size: 19px; font-weight: 500; letter-spacing: -1.74px;color: #333333; }
.partnerHospital_list .con-2 .list_wrap .list ul li a .right:hover{text-decoration: underline}
.partnerHospital_list .con-2 .list_wrap .no-data{font-size: 18px;}

.pwchange{margin-bottom: 32px !important;}
.pwchange .p_sy1{margin: 0; margin-bottom: 32px;}
.pwchange .pw_info{overflow: hidden; padding: 32px;  border: solid 1px #e6e8eb; background-color: #f7f8f9;}
.pwchange .pw_info .left{float: left; width: 7%; margin-right: 2%;}
.pwchange .pw_info .left img{width: 100%;}
.pwchange .pw_info .right{float: left; width: 90%;}
.pwchange .pw_info .right p{font-size: 16px; line-height: 1.81;letter-spacing: -0.92px; color: #424b5f;}
.pwchange .pw_info .right p span{font-weight: 500;color: #333333;}
.pwchange .btn_wrap{text-align: center;}
.pwchange .btn_wrap .btn{ border-radius: 3px; background-color: #333333; font-size: 15px;letter-spacing: -0.86px; color: #ffffff; padding: 12px 80px; min-width: 380px; vertical-align: baseline; height: 48px;display: inline-block;}
.patientNumber .con-2 .p_sy1{margin-top: 0;}
.patientNumber .con-2 .btn_right{text-align: right;}
.patientNumber .con-2 .btn_right .btn{font-size: 14px;font-weight: 500;letter-spacing: -0.35px;color: #007aff; margin:16px 0}
.patientNumber .con-2 .card_wrap{margin-bottom: 48px;}
.patientNumber .con-2 .card_wrap ul{overflow: hidden;}
/*
.patientNumber .con-2 .card_wrap ul li{width: 32.6666%;  border-radius: 8px; box-shadow: 0 2px 8px 1px rgba(179, 179, 179, 0.17); border: solid 1px #e4e4e7; background-color: #fbfbfb; min-height: 261px; float: left;  margin-right: 1%; margin-bottom: 16px;}
.patientNumber .con-2 .card_wrap ul li:nth-child(3),
.patientNumber .con-2 .card_wrap ul li:nth-child(6),
.patientNumber .con-2 .card_wrap ul li:nth-child(9),
.patientNumber .con-2 .card_wrap ul li:nth-child(12){margin-right: 0;}
.patientNumber .con-2 .card_wrap ul li.enro{background-color: #fff;text-align: center; padding-top: 90px; box-shadow: none; border: dashed 1px #e4e4e7;}
.patientNumber .con-2 .card_wrap ul li.enro p{margin-top: 16px; font-size: 17px; font-weight: 400;letter-spacing: -0.85px; color: #1e232a;}
.patientNumber .con-2 .card_wrap ul li a{display: block; min-height: 160px;}
.patientNumber .con-2 .card_wrap ul li .card-hd{padding: 16px 24px; overflow: hidden;  background-color: #ececee;}
.patientNumber .con-2 .card_wrap ul li .card-hd img{float: left; vertical-align: middle; max-width: 28px;}
.patientNumber .con-2 .card_wrap ul li .card-hd h4{float: left;font-size: 17px;font-weight: 600;letter-spacing: -0.85px; color: #1e232a; margin: 0 8px; height: 30px; line-height: 29px;}
.patientNumber .con-2 .card_wrap ul li .card-hd span{display: inline-block; float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.7px; color: #428dff;  border-radius: 4px; border: solid 1px #428dff;background-color: #ffffff; padding: 2px 8px; margin-top: 2px;}
.patientNumber .con-2 .card_wrap ul li .card-bd{padding: 24px}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul{overflow: hidden;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li{float: left; width: 50%; margin-bottom: 16px;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li span{display: inline-block;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li .tit{font-size: 15px; letter-spacing: -0.75px; color: #1e232a; width: 40%;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li .txt{ font-size: 17px;font-weight: 500; letter-spacing: -0.85px; color: #1e232a; width: 55%;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2{}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 span{display: inline-block; vertical-align: middle;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 .tit{ font-size: 15px;letter-spacing: -0.75px; color: #1e232a; margin-right: 4%;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 .txt{font-size: 17px; font-weight: 500; letter-spacing: -0.95px; color: #1e232a;}
.patientNumber .con-2 .card_wrap ul li .card-bd .btn_right{overflow: hidden; margin-top: 11px;}
.patientNumber .con-2 .card_wrap ul li .card-bd .btn_right a{margin: 0 !important; display: inline-block; min-height: 0; border-radius: 2px;border: solid 1px #e2e2e2;background-color: #ffffff;font-size: 13px;font-weight: 500;letter-spacing: -0.7px;color: #333333; padding: 4px 16px;}
*/

.patientNumber .con-2 .card_wrap ul li{width: 32.6666%;  border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(179, 179, 179, 0.17); border: solid 1px #e4e4e7; background-color: #e5d28f; min-height: 261px; float: left;  margin-right: 1%; margin-bottom: 16px;}
.patientNumber .con-2 .card_wrap ul li:nth-child(3),
.patientNumber .con-2 .card_wrap ul li:nth-child(6),
.patientNumber .con-2 .card_wrap ul li:nth-child(9),
.patientNumber .con-2 .card_wrap ul li:nth-child(12){margin-right: 0;}
.patientNumber .con-2 .card_wrap ul li.enro{background-color: #fff;text-align: center; padding-top: 90px; box-shadow: none; border: dashed 1px #e4e4e7;}
.patientNumber .con-2 .card_wrap ul li.enro p{margin-top: 16px; font-size: 17px; font-weight: 400;letter-spacing: -0.85px; color: #1e232a;}
.patientNumber .con-2 .card_wrap ul li a{display: block; min-height: 160px;}
.patientNumber .con-2 .card_wrap ul li .card-hd{padding: 11px 24px; overflow: hidden;  background-color:#fdfdfd;}
.patientNumber .con-2 .card_wrap ul li .card-hd img{float: left; vertical-align: middle;}
.patientNumber .con-2 .card_wrap ul li .card-hd h4{float: left;font-size: 17px;font-weight: 600;letter-spacing: -0.85px; color: #1e232a; margin: 0 8px; height: 30px; line-height: 29px;}
.patientNumber .con-2 .card_wrap ul li .card-hd span{display: inline-block; float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.7px; color: #428dff;  border-radius: 4px; border: solid 1px #428dff;background-color: #ffffff; padding: 2px 8px; margin-top: 2px;}
.patientNumber .con-2 .card_wrap ul li .card-bd{padding: 24px}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul{overflow: hidden;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li{float: left; width: 50%; margin-bottom: 16px;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li span{display: inline-block;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li .tit{font-size: 15px; letter-spacing: -0.75px; color: #1e232a; width: 40%;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li .txt{ font-size: 17px;font-weight: 500; letter-spacing: -0.85px; color: #1e232a; width: 55%;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2{    margin-bottom: 16px;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 span{display: inline-block; vertical-align: middle;}
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 .tit{ font-size: 15px;letter-spacing: -0.75px; color: #1e232a; }
.patientNumber .con-2 .card_wrap ul li .card-bd .t_ul .t_li2 .txt{font-size: 17px; font-weight: 500; letter-spacing: -0.95px; color: #1e232a;}
.patientNumber .con-2 .card_wrap ul li .card-bd .btn_right{overflow: hidden; margin-top: 11px;}
.patientNumber .con-2 .card_wrap ul li .card-bd .btn_right a{margin: 0 !important; display: inline-block; min-height: 0;  padding: 1px 16px; border-radius: 2px;border: solid 1px #424242;background-color: #ffffff;font-size: 14px;font-weight: bold;text-align: center;color: #333333;}
.patientNumber .con-2 .card_wrap ul li .card-hd-ex{height: 22px;background-color: #964358; border-radius:  12px 12px 0 0;}
.patientNumber .con-2 .card_wrap ul li .card-hd img{float: left; vertical-align: middle;}
.patientNumber .con-2 .card_wrap ul li .card-hd span{display: inline-block;font-size: 14px;font-weight: bold; padding: 4px 16px;color: #333333;float: right; border-radius: 2px;border: solid 1px #424242;background-color: #ffffff;}



.acd_sy-1{ border:0; border-radius: 0; overflow: hidden;box-shadow: none !important; margin-top: 8px;}
.acd_sy-1 .panel+.panel { margin-top: 0; box-shadow: none;}
.acd_sy-1 .panel{border: none;border-bottom: 0 solid #3485ef; border-radius: 0; margin: 0; box-shadow: 0 2px 6px 0 rgba(197, 205, 211, 0.21);}
.acd_sy-1 .panel:last-child{ border-bottom: none;}
.acd_sy-1 .panel-heading{ padding: 0;border: none;box-shadow: none !important;}
.acd_sy-1 .panel-title a{ display: block;padding: 23px 40px; text-align:left; position: relative;transition: all 0.3s ease 0s;border-radius: 8px 8px  0 0; border: solid 1px #cde4ff; background-color: #f4f9ff;font-size: 14px;letter-spacing: -0.82px;color: #494d54; font-weight: normal; margin-top: 8px; overflow: hidden;}
.acd_sy-1 .panel-title a .tit_w{overflow: hidden;float: left;}
.acd_sy-1 .panel-title a .l_arrow{float: right; margin-top: 5px;}
.acd_sy-1 .panel-title a .tit_w li{float: left; margin-right: 56px;}
.acd_sy-1 .panel-title a .tit_w li:last-child{margin-right: 0;}
.acd_sy-1 .panel-title a .tit_w li span{font-size: 14px;letter-spacing: -0.82px;color: #494d54; vertical-align: middle}
.acd_sy-1 .panel-title a .tit_w li span.txt{font-size: 16px;letter-spacing: -0.93px;color: #428dff;}
.acd_sy-1 .panel-title a.collapsed{ background: #fff;font-size: 14px;letter-spacing: -0.82px; color: #27599c; border-radius: 8px;  box-shadow: 0 2px 6px 0 rgba(197, 205, 211, 0.21);border: solid 1px #dddddd; }
.acd_sy-1 .panel-title a.collapsed:hover{ background: #f4f9ff; color: #494d54;}
.acd_sy-1 .panel-heading+.panel-collapse>.list-group, .acd_sy-1 .panel-heading+.panel-collapse>.panel-body { border-top: 0;}
.acd_sy-1 .panel-title a:after,
.acd_sy-1 .panel-title a.collapsed:after{font-size: 25px; color: #fff; position: absolute;top: 17px;left: 20px;transition: all 0.3s ease-in-out 0s;}
.acd_sy-1 .panel-title a.collapsed:after{ color: #3485ef;}
.acd_sy-1 .panel-body{border-radius:  0 0 8px 8px; box-shadow: none;border: solid 1px #cde4ff;background-color: #ffffff; padding: 40px 24px;}
.tabWrap_sy1 .nav-tabs>li.active>a, .tabWrap_sy1 .nav-tabs>li.active>a:focus, .tabWrap_sy1 .nav-tabs>li.active>a:hover { cursor: default; background-color: #fff;border: solid 1px #333333; border-bottom-color: transparent;font-size: 16px; font-weight: 500;letter-spacing: -0.93px;color: #333333;border-radius: 2px;}
.tabWrap_sy1 .nav-tabs {border-bottom: 1px solid #333333;}
.tabWrap_sy1 .nav-tabs>li{width: 10%; text-align: center;}
.tabWrap_sy1 .nav-tabs>li>a {line-height: 1.42857143; border: 1px solid transparent; border-radius:  0; font-size: 16px;letter-spacing: -0.93px;  color: #74789a; padding: 10px 0;}
.tabWrap_sy1 .nav-tabs>li>a:hover{background-color: transparent;}
.tabWrap_sy2 .nav-tabs>li.active>a,
.tabWrap_sy2 .nav-tabs>li.active>a:focus,
.tabWrap_sy2 .nav-tabs>li.active>a:hover { border: solid 1px #428dff ; background-color: #ffffff;  font-size: 15px; font-weight: normal;letter-spacing: -0.88px;color: #428dff;}
.tabWrap_sy2 .nav-tabs>li { float: left; margin-bottom: 0 !important;}
.tabWrap_sy2 .nav-tabs {border-bottom:0;}
.tabWrap_sy2 .nav-tabs>li{width: 20%; text-align: center;}
.tabWrap_sy2 .nav-tabs>li>a {border: solid 1px #e8e8f0; background-color: #fcfcfc;font-size: 15px; letter-spacing: -0.88px;color: #333333; margin: 0}
.tabWrap_sy2 .nav-tabs>li>a:hover{background-color: transparent;}
/*component*/
.search_bar-1{height: 72px; background-color: #f4f7fa; padding-left: 2% !important; padding-top: 17px !important;}
.search_bar-1 .radio_wrap{width: 19.83%; padding: 5px 8px; height: 41px; border-radius: 4px; border: solid 1px #dadde1; box-sizing: border-box; background-color: #ffffff; float: left; }
.search_bar-1 .radioBtn .btn{font-size: 14px;font-weight: 500; letter-spacing: -0.08px;text-align: center; width: 33.3333%;  border-radius: 3px;  height: 30px; line-height: 16px; color: #8f8f8f;}
.search_bar-1 .radioBtn .btn.active{ border-radius: 4px !important;background-color: #007aff;color: #fff; box-shadow: none; border: 1px solid #007aff; }
.search_bar-1 .radio_wrap-1 .radioBtn .btn{width: 25%;}
.search_bar-1 .radioBtn{width: 100%;}
.search_bar-1 .select_2{width: 20%; float: left;}
.search_bar-2{height: 72px; background-color: #f4f7fa; padding-left: 2% !important; padding-top: 17px !important;}
.search_bar-2 .radio_wrap{width: 19.83%; padding: 5px 8px; height: 41px; border-radius: 4px; border: solid 1px #dadde1; box-sizing: border-box; background-color: #ffffff; float: left; }
.search_bar-2 .radioBtn .btn{font-size: 14px;font-weight: 500; letter-spacing: -0.08px;text-align: center; width: 33.3333%;  border-radius: 3px;  height: 30px; line-height: 16px; color: #8f8f8f;}
.search_bar-2 .radioBtn .btn.active{border-radius: 4px !important;background-color: #007aff;color: #fff; box-shadow: none; border: 1px solid #007aff; }
.search_bar-2 .radio_wrap-1 .radioBtn .btn{width: 25%;}
.search_bar-2 .radioBtn{width: 100%;}
.search_bar-2 .select_2{width: 16%; float: left; margin-right: 8px; height: 40px;}
.search_bar-2 .sch-1 {float: left;margin-left: 1%;overflow: hidden;width: 60%;}
.search_bar-2 .sch-1 .input_content {overflow: hidden;float: left;width: 50.32%;}
.sch-1{float: left; margin-left: 3%; overflow: hidden; width: 76%; }
.sch-1 .tit{float: left;}
.sch-1 .tit {height: 40px; line-height: 40px; margin-right: 3% }
.sch-1 .input_content {overflow: hidden; float: left; width: 37.32%; }
.sch-1 .input_content .b-1{float: left; margin: 0 2%; height: 40px; line-height: 40px;}
.sch-1 .input_content .input_wrap{ background-color: #fff; float: left; width: 45%;}
.sch-1 .input_content .input_wrap .c_img{ display: inline-block; float: right; margin-left: 0; margin-top: 8px; text-align: left; width: 20%;}
.sch-1 .input_content .input_wrap .form-control{width: 80%;}
.sch-1 .input_content p{float: left; margin: 0 1%}
.sch-1 .btn{ margin-left: 10%; color: #fff; padding: 4px 50px;}
.sch-1 .btn-box{width: 20%; float: left;}
.s-btn-1{height: 40px;border-radius: 3px;background-color: #3c3c3c; color: #fff}
.dummy .btn{color:#fff;}
.selectBox_1 {overflow: hidden;}
.selectBox_1 .form-control { display: inline-block; float: left; height: 40px;padding: 0 35px 0 20px!important; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent;border-radius: 3px; border: solid 1px #d4e5f9; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;cursor: pointer;}
.selectBox_1 select{ background: url(../images/chevron-3.svg) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 27px 0 16px!important;}
.table_sty-2 thead{ background-color: #f6f9fc;  border-top: 2px solid  #2c74c3;}
.table_sty-2 thead tr th{font-size: 14px; font-weight: 500;color: #143354; height: 48px; line-height: 31px; vertical-align: middle}
.table_sty-2 tbody tr {border-bottom: solid 1px #e0eaf7;}
.oval{display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 3px; margin-right: 5px;}
.ovel-1{background-color: #007aff;}
.ovel-2{background-color: #5ac8fa;}
.ovel-3{background-color: #f5a623;}
.ovel-4{background-color: #74ba2e;}
.table_sty-2 tbody tr .img_box img{margin-right: 7%; display: inline-block;}
.table_sty-2 tbody tr .img_box img:last-child{margin-right: 7%;}
.table_sty-2 .view-1{border-radius: 4px; background-color: #515151;color: #fff;padding: 2px 8px; display: inline-block;line-height: 21px;}
.table_sty-2 .view-2{border-radius: 4px; background-color: #4b74ff; color: #fff; padding: 2px 8px; display: inline-block;line-height: 21px;}
.table_sty-2 .view-3{border-radius: 4px; background-color: #f3f3f3; color: #bcbcbc; padding: 2px 8px; display: inline-block;line-height: 21px;}
.table_sty-2 .view-4{border-radius: 4px; background-color: #428dff; color: #fff; padding: 2px 8px; display: inline-block;line-height: 21px;}
.switch {position: relative;display: inline-block; width: 44px; height: 28px;}
.switch input { opacity: 0;width: 0;height: 0;}
.switch .slider:before {position: absolute;content: ""; height: 24px; width: 24px; left: 1px; bottom: 1px; background-color: #fff; -webkit-transition: .4s; transition: .4s;}
.switch .slider {position: absolute;cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #efeff4; -webkit-transition: .4s;
	transition: .4s;border: solid 1px #e5e5ea;}
.switch input:checked + .slider {border: solid 1.2px #c7e1ff; box-sizing: border-box;background-color:#007aff }
.switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px);transform: translateX(17px);}
.tsy_6-mg{margin: 0 !important; margin-top: 16px !important;}
.tsy_6-tit{ font-size: 20px;letter-spacing: -1.17px; color: #394961; font-weight: normal; margin-top: 16px;}
.table_sty-6 {margin: 16px 0}
.table_sty-6 thead{ background-color: #f8f8f8;}
.table_sty-6 thead tr th{font-size: 16px; letter-spacing: -0.93px;text-align: center; color: #394961; border: 1px solid #e6edf2; border-top: 1px solid #d9d9d9 !important;  padding: 16px 0; vertical-align: middle;}
.table_sty-6 tbody tr {border-bottom: 1px solid #e6edf2;}
.table_sty-6 tbody tr th{ background-color: #fcfcfc; font-size: 15px;letter-spacing: -0.93px;color: #394961; font-weight: normal;  padding: 16px 0 16px 16px; border: 1px solid #e6edf2; text-align: left;  vertical-align: middle;}
.table_sty-6 tbody tr td{ padding:18px 0; border: 1px solid #e6edf2; vertical-align: middle;}
.table_sty-6 tbody tr td.txt-l{text-align: left; padding: 18px;}
.table_sty-6 tbody tr td span.pointer{cursor:pointer;}
.table_sty-6 tbody tr th.txt-l_1{text-align: center;}
.vision_table tbody tr th {background-color: #fcfcfc;font-size: 15px;letter-spacing: -0.93px;color: #394961;font-weight: normal;padding: 16px 0 16px 0;border: 1px solid #e6edf2;text-align: center !important;vertical-align: middle;}
.exam-info{margin-right: 2% !important; cursor: pointer;}
.join-1 .con-2 .btn_box-1 { width: 100%;margin: 0 auto; display: inline-block;}
.join-1 .con-2 .btn_box-1 .btn { padding: 8px 20px;border-radius: 3px; font-size: 15px; letter-spacing: -0.57px; display: inline-block;}
.join-1 .con-2 .btn_box-1 .btn-1 {background-color: #eeeeee; color: #858585;}
.join-1 .con-2 .btn_wrap-1 {text-align: right;}
.join-1 .con-2 .btn_box-1 .btn-2 {background-color: #333333;color: #fff;}
.selectBox_1 .tit-2 {display: inline-block;float: left;height: 40px;font-size: 15px;line-height: 38px;color: #2b323b;margin-right: 18px;letter-spacing: -0.93px;}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
/*데이터 없을때 페이지*/
.no-data_img{ text-align: center; width: 100%; padding: 50px 0 !important; border-bottom: 0;}
.no-data_img p{font-size: 14px; letter-spacing: -0.8px;color: #afb0bb; margin-top: 16px;}
/*라이프로그 데이타 없을때*/
.life_no-data{text-align: center; margin-top: 40px;}
.life_no-data img{margin-bottom: 8px;}
.life_no-data p{font-size: 14px;letter-spacing: -0.8px;text-align: center;color: #afb0bb;}
.life_no-data p a{font-weight: 500;color: #8a8b95; vertical-align: top !important;text-decoration: underline !important;}
.date1_txt{font-size: 16px;font-weight: 500;color: #2b323b;}
.date1_txt .img_left{margin-right: 16px; cursor: pointer}
.date1_txt .img_right{margin-left: 16px; cursor: pointer}
/*버튼*/
.btnS_1{border-radius: 3px;border: solid 1px #d3d3d3; background-color: #ffffff; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #313131; padding: 8px 24px !important;}
.btnS_2{border-radius: 3px;border: solid 1px #007aff; background-color: #007aff; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #fff; padding: 8px 56px !important; margin-left: 8px;}
.btnS_2:focus,
.btnS_2:hover{color: #fff !important}
.btnS_2-1{border-radius: 3px;border: solid 1px #007aff; background-color: #007aff; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #fff; padding: 8px 24px !important; margin-left: 8px;}
.btnS_2-1:focus,
.btnS_2-1:hover{color: #fff !important}

.btnS_3{border-radius: 3px;border: solid 1px gray; background-color: #69727c; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: rgba(255, 255, 255, 0.84); padding: 8px 24px !important;}
.btnS_3:focus,
.btnS_3:hover{color: rgba(255, 255, 255, 0.84) !important}
.btnS_4{border-radius: 16px;  border: solid 1px #007aff;  color: #007aff; padding: 5px 32px; font-size: 12px; font-weight: 500;letter-spacing: -0.3px; background-color: #fff;}
.btnS_4:hover,
.btnS_4:focus{ color: #007aff;}
.btnS_5{border-radius: 3px; border: solid 1px #333333; background-color: #ffffff; font-size: 16px; font-weight: 500;text-align: center;color: #000000; padding: 10px 29px !important; line-height: 1.6; display: inline-block;}
.btnS_6{border-radius: 3px; border: solid 1px #333333; background-color: #ffffff; font-size: 13px; font-weight: 500;text-align: center;color: #000000; padding: 4px 12px !important; line-height: 1.6; display: inline-block;}
.btnS_7{border-radius: 3px; border: solid 1px #333333;   background-color: #33383d; font-size: 13px; font-weight: 500;text-align: center;color: #fff; padding: 17px 12px !important; line-height: 1.6; display: inline-block;}
.btnS_7:focus,
.btnS_7:hover{color: #fff; }
.btnS_8{border-radius: 3px; border: solid 1px #333333; background-color: #ffffff; font-size: 13px; font-weight: 500;text-align: center;color: #000000; padding: 17px 12px !important; line-height: 1.6; display: inline-block;}
.btnS_9{border-radius: 3px; border: solid 1px #333333; background-color: #ffffff; font-size: 14px; font-weight: 500;text-align: center;color: #000000; padding: 4px 18px !important; line-height: 1.6; display: inline-block;}
.btnS_10{border-radius: 3px;border: solid 1px #007aff; background-color: #ffffff; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #007aff; padding: 8px 24px !important;}
.btnS_10:hover{color: #007aff;}
.btnS_11:hover{color: #6897e9}
.btnS_12:hover{color: #8f8f8f;}
.btnS_11{border-radius: 3px;border: solid 1px #94bfff;background-color: #f7fbff; font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #6897e9; padding: 8px 24px !important;}
.btnS_12{border-radius: 3px;border: solid 1px #d3d3d3;background-color: #f6f6f6;font-size: 16px;font-weight: 500; letter-spacing: -0.1px;
	text-align: center; color: #8f8f8f; padding: 8px 24px !important;}
.btnS_13{border-radius: 3px;  border: solid 1px #dedede;background-color: #f7f7f7; font-size: 13px;font-weight: 500; text-align: center; color: #444444;padding: 17px 12px !important; line-height: 1.6; display: inline-block;}
.btnS_14{border-radius: 3px; border: solid 1px #007aff; background-color: #007aff; font-size: 14px; font-weight: 500;text-align: center;color: #fff; padding: 4px 18px !important; line-height: 1.6; display: inline-block;}
.btnS_14:focus,
.btnS_14:hover{color: #fff !important}
.btnS_15{border-radius: 3px; border: solid 1px #efefef;background-color: #f3f3f3; padding: 4px 10px !important; line-height: 1.6; display: inline-block; font-size: 13px;letter-spacing: -0.76px;color: #bcbcbc;}
.btnS_15:focus,
.btnS_15:hover{color: #bcbcbc !important}
.btnS_16{border-radius: 3px;  border: solid 1px #3584fd; background-color: #428dff; padding: 4px 10px !important; line-height: 1.6; display: inline-block; font-size: 13px;letter-spacing: -0.76px;color: #fff;}
.btnS_16:focus,
.btnS_16:hover{color: #fff !important}
.btnS_17{border-radius: 3px; border: solid 1px #98a3c9;background-color: #a4adcd; padding: 4px 10px !important; line-height: 1.6; display: inline-block; font-size: 13px;letter-spacing: -0.76px;color: #fff;}
.btnS_17:focus,
.btnS_17:hover{color: #fff !important}

.btn_right-1{text-align: right;}
.txt_right{text-align: right;}
.no-data_img{width: 100% !important;}

/*이용안내*/
.cardWrap{margin-top: 24px}
.cardWrap .tit{padding: 15px 20px; border-bottom: 1px solid #333; color: #333; letter-spacing: -0.5px; font-size: 18px;; }
.cardWrap .tit img{margin-right: 1%;}
.cardWrap ul{overflow: hidden; padding: 16px 16px 0; }
.cardWrap ul li{float: left; width: 25%; margin-bottom: 35px}
.cardWrap ul li img{max-width: 50px; margin-right: 16px;}
.cardWrap ul li span{vertical-align: middle; font-size: 16px; font-weight: bold; letter-spacing: 0.2px; color: #333333;}
.cardWrap-1 ul li{float: left; width: 33%; margin-bottom: 18px; overflow: hidden;}
.cardWrap-1 ul li .txt_wrap{width: 80%;display: block; float: left; padding-left: 5%; vertical-align: middle; font-size: 15px; font-weight: normal; letter-spacing: 0.2px; color: #333333;}
.cardWrap-1 ul li img{max-width: 20%; margin-right: 0;float: left;}
/*체크박스*/
.radio-1{overflow: hidden; width: 100%; }
.radio-1 .checks {position: relative;margin: 0 auto;}
.radio-1 .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.radio-1 .checks input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333; margin: 0;  height: 25px;padding-left: 30px; margin-right: 30px; }
.radio-1 .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px;  background: url(../images/radio_unactive1.svg) no-repeat; width: 22px; height: 22px; font-weight: 600; }
/*.radio-1 .checks input[type="radio"] + label:active:before,*/
.radio-1 .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active1.svg) no-repeat; width: 22px; height: 22px;}
.radio-1 .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.radio-1 .checks .input-txt-inline{display:inline;}
.form-control-1 { height: 48px; border-radius: 3px; border: solid 1px #d1d1d6;}

.table_sty-3 thead{background-color: #f6f6f9; border-top:0.1em solid black; border-bottom: 0 ;}
.table_sty-3 thead tr th{ vertical-align:middle !important;  padding: 18px 0;text-align: center !important;font-size: 16px;font-weight: 500 !important; letter-spacing: -0.07px;color: #333333;}
.table_sty-3>thead>tr>th {vertical-align: bottom;border-bottom: 0;}
.table_sty-3 tbody{text-align: center; border-bottom: solid 1px #e0e0e0;}
.table_sty-3 tbody tr td:nth-child(2){text-align: left;}
.table_sty-3 tbody tr td{font-size: 16px; letter-spacing: -0.07px; color: #454545; cursor: pointer; padding: 23px 0;}
.table_sty-3 tbody tr td .new{width: 34px; vertical-align: middle; margin-left: 1%; margin-bottom: 3px; }
.table_sty-4 {overflow: hidden; border-top: solid 2px gray; margin-top: 20px; border-bottom: 1px solid #ddd;}
.table_sty-4 th{vertical-align: middle !important; width: 15.77%; padding-left: 16px !important; background-color: #fcfcfd;}
.table_sty-4 td{overflow: hidden;  border-left: 1px solid #ddd; padding: 14px !important;}
.table_sty-4 .input_wrap{float: left; width: 100%;}
.table_sty-4 .input_wrap .form-control{display: inline-block; border-radius: 3px; border: solid 1px #dddddd; float: left; height: 56px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;}
.table_sty-4 .check_box {text-align: left;  margin-top: 17px;}
.table_sty-4 .check_btn{color: #ffffff;width: 10.718%;height: 56px; border-radius:0 3px 3px 0; background-color: #33383d; border: 0;}
.table_sty-4 .red{color: #ff3b30; display: inline-block; font-size: 14px;}
.table_sty-4 .icon-1{margin-top: 20px;}
.table_sty-4 .radio{overflow: hidden; width: 100%;margin: 14px auto;  }
.table_sty-4 .checks {position: relative;margin: 0 auto;}
.table_sty-4 .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.table_sty-4 .checks input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333; margin: 0;  height: 25px;padding-left: 30px; margin-right: 30px; }
.table_sty-4 .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px;  background: url(../images/radio_unactive1.svg) no-repeat; width: 22px; height: 22px; font-weight: 600; }
.table_sty-4 .checks input[type="radio"] + label:active:before,
.table_sty-4 .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active1.svg) no-repeat; width: 22px; height: 22px;}
.table_sty-4 .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.table_sty-4 .select_box span{float: left; margin: 16px 8px 0;}
.table_sty-4 .select_box  select { background: url(../images/chevron-2.svg) no-repeat 88% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 27px 0 16px!important;}
.table_sty-4 .interest input[type=checkbox]:not(old),
.table_sty-4 .interest input[type=radio   ]:not(old){ width: 0;  margin-left  : 0; padding : 0; opacity : 0; cursor: pointer;}
.table_sty-4 .interest input[type=checkbox]:not(old) + label{display      : inline-block;padding-left : 28px; background   : url('../images/login_check.svg') no-repeat 0;line-height  :20px; cursor: pointer;  font-size: 16px; font-weight: 400;}
.table_sty-4 .interest input[type=checkbox]:not(old):checked + label{background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat  0; font-size: 16px; font-weight: 400;line-height  : 20px;}
.table_sty-4 .interest{overflow: hidden; }
.table_sty-4 .interest .check-row1{width: 100%; margin: 10px 0 0 }
.table_sty-4 .interest .check-row1 span{width: 20%; display: inline-block; word-break: break-word; margin-bottom: 32px;}
.table_sty-4 .interest p{margin-bottom: 18px; font-size: 14px; color: #8e8e93;}
.table_sty-4 .interest p span{  color: #333333; vertical-align: text-bottom;}
.table_sty-4 .name1{float: left; height: 56px; line-height: 56px; margin-right: 1%; font-size: 16px; }
.table_sty-4 .name2{float: left; height: 56px;line-height: 56px;margin-left: 1%; font-size: 16px; }
.textarea-1{width: 100%; height: 250px; border: 1px solid #D5D5D5;  resize: none; font-size: 15px;}
.textarea-2{width: 100%; height: 150px; border: 1px solid #D5D5D5;  resize: none; font-size: 15px;}
.textarea-3{width: 100%;height: 142px;  resize: none; font-size: 15px;}
.table_sty-5{width: 49%; float: left; margin-right: 2%; margin-bottom: 0; }
.table_sty-5:last-child{margin-right: 0;}
.table_sty-5 .detail-title { font-weight: 600; background-color: #eef2f6;}
.table_sty-5 .detail-box{height: 210px !important;}
.table_sty-5 .detail-box_1{height: 290px !important;}
.table_sty-5 td{padding: 18px 16px !important; text-align: center; border-right: 1px solid #ddd;}
.table_sty-5 {border: 1px solid #ddd;}
.table_sty-5 td.tit-one{font-size: 15px;}
.table_sty-5 .checks { position: relative; margin: 0 auto;  text-align: left;}
.table_sty-5 .interest input[type=checkbox]:not(old),
.table_sty-5 .interest input[type=radio   ]:not(old){ width: 0;  margin-left  : 0; padding : 0; opacity : 0; cursor: pointer;}
.table_sty-5 .interest input[type=checkbox]:not(old) + label{display      : inline-block;padding-left : 28px;background   : url('../images/login_check.svg') no-repeat 0;line-height  :20px; cursor: pointer;  font-size: 16px; font-weight: 400;}
.table_sty-5 .interest input[type=checkbox]:not(old):checked + label{background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat  0; font-size: 16px; font-weight: 400;line-height  : 20px;}
.table_sty-5 .interest{overflow: hidden; }
.table_sty-5 .interest .check-row1{width: 100%;}
.table_sty-5 .interest .check-row1 span{width: 49%; display: inline-block; word-break: break-word; margin-bottom: 16px; text-align: left;}
.table_sty-5 .interest p{color: #8e8e93; text-align: left; margin-top: 8px;}
.table_sty-5 .interest p span{  color: #333333; vertical-align: text-bottom;}
.table_sty-5 .img-v{vertical-align: middle;}
.table_sty-5 .interest .hotel-tit{float: left; margin-right: 3%; margin-top: 10px; width: 20%; text-align: left;}
.table_sty-5 .interest .calendar_wrap{width: 77%;}
.table_sty-5 .interest .hotel-txt{width: 100%; display: block;clear: both;}
.table_sty-5 .interest .calendar .c_img { margin-top: 7px; width: 15%;}
.table_sty-5 .hotel_wrap{margin-bottom: 8px; overflow: hidden;}
.table_sty-5 .hotel_wrap .ul-1{}
.table_sty-5 .hotel_wrap .ul-1 li{overflow: hidden; margin-bottom: 8px;}
.table_sty-5 .hotel_wrap .ul-1 li:last-child{margin-bottom: 0;}
.table_sty-5 .hotel_wrap .ul-1 li .txt1{float: left; margin-top: 8px; width: 25%; text-align: left}
.table_sty-5 .hotel_wrap .ul-1 li .select_1{float: left; width: 20%;}
.table_sty-5 .hotel_wrap .wid100P{width: 100%;}
.hig50{height:  55px}
.table_sty-5 .care_wrap{overflow: hidden; margin-bottom: 8px;}
.table_sty-5 .care_wrap .care-tit{float: left; margin-top: 2px; width: 28%; text-align: left;}
.table_sty-5 .care_wrap .carebox{float: left; width: 72%;}
.table_sty-5 .care_wrap .input_content input{width: 100%;}

.table_sty-7{overflow: hidden; border-top: solid 2px gray; margin-top: 20px; border-bottom: 1px solid #ddd;}
.table_sty-7 th{vertical-align: middle !important;  width: 15.77%; padding-left: 16px;}
.table_sty-7 td{overflow: hidden;}
.table_sty-7 .input_wrap{float: left; width: 100%;}
.table_sty-7 .input_wrap .form-control{display: inline-block; border-radius: 3px; border: solid 1px #dddddd; float: left; height: 56px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;}
.table_sty-7 .check_box {text-align: left;     margin-top: 8px;}
.table_sty-7 .check_btn{color: #ffffff;width: 10.718%;height: 56px; border-radius:0 3px 3px 0; background-color: #33383d; border: 0;}
.table_sty-7.red{color: #ff3b30; display: inline-block; font-size: 14px;  height: 56px; line-height: 56px;}
.table_sty-7 .icon-1{margin-top: 20px;}
.table_sty-7 .infoTxt{font-size: 16px;}
.table_sty-7 .infoTxt .red{color: red;}
.table_sty-7 .radio{overflow: hidden; width: 100%;margin: 14px auto;  }
.table_sty-7 .checks {position: relative; margin: 0 auto;}
.table_sty-7 .checks input[type="radio"]{position: absolute; overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.table_sty-7 .checks input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size: 15px; font-weight: 500;color: #333; margin: 0px;  height: 25px;padding-left: 30px; margin-right: 30px; }
.table_sty-7 .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 1px;  background: url(../images/radio_unactive1.svg) no-repeat; width: 22px; height: 22px; font-weight: 600; }
.table_sty-7 .checks input[type="radio"] + label:active:before,
.table_sty-7 .checks input[type="radio"]:checked + label:before { background: url(../images/radio_active1.svg) no-repeat; width: 22px; height: 22px;}
.table_sty-7 .checks input[type="radio"]:checked + label{font-weight: 600;font-size: 15px;}
.table_sty-7 .select_box{}
.table_sty-7 .select_box span{float: left; margin: 16px 8px 0;}
.table_sty-7 .select_box  select { background: url(../images/chevron-2.svg) no-repeat 88% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px 27px 0 16px!important;}
.table_sty-7 .interest input[type=checkbox]:not(old),
.table_sty-7 .interest input[type=radio   ]:not(old){ width: 0;  margin-left  : 0; padding : 0; opacity : 0; cursor: pointer;}
.table_sty-7  .interest input[type=checkbox]:not(old) + label{display      : inline-block;padding-left : 28px; background   : url('../images/login_check.svg') no-repeat 0;line-height  :20px; cursor: pointer;  font-size: 16px; font-weight: 400;}
.table_sty-7 .interest input[type=checkbox]:not(old):checked + label{background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat  0; font-size: 16px; font-weight: 400;line-height  : 20px;}
.table_sty-7 .interest{overflow: hidden; }
.table_sty-7 .interest .check-row1{width: 100%; margin: 10px 0 0 }
.table_sty-7  .interest .check-row1 span{width: 20%; display: inline-block; word-break: break-word; margin-bottom: 32px;}
.table_sty-7 .interest p{margin-bottom: 18px; font-size: 14px; color: #8e8e93;}
.table_sty-7 .interest p span{  color: #333333; vertical-align: text-bottom;}
.table_sty-7  .red { color: #ff3b30;  display: inline-block; font-size: 13px;margin: 8px 0 10px;}
.table_sty-7 .job_name{float: left; display: block;}
.table_sty-8 {overflow: hidden; border-top: solid 2px gray; margin-top: 20px; border-bottom: 1px solid #ddd;}
.table_sty-8 th{vertical-align: middle !important; width: 15.77%; padding-left: 16px !important; font-size: 16px; font-weight: 500; line-height: 1.31;letter-spacing: -0.92px;color: #333333;}
.table_sty-8 td{overflow: hidden;  border-left: 1px solid #ddd; padding: 14px !important;}
.table_sty-8 .input_wrap{float: left; width: 100%;}
.table_sty-8 .input_wrap .form-control{display: inline-block; border-radius: 3px; border: solid 1px #dddddd; float: left; height: 56px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; -webkit-box-shadow: none; width: auto; letter-spacing: -0.93px;}
.relative{position: relative;}
.red-icon{color: red; margin-left: 8px;}
.font_gray{color: #8b8b8b; vertical-align:top;}
.wid125{width: 12.882% !important;}
.wid160{width: 16.49% !important;}
.wid200{width: 20.612% !important;}
.wid255{width: 26.28% !important;}
.wid247{width: 25.5% !important;}
.wid327{width: 33.8% !important;}
.wid431{width: 44.44% !important;}
.square{width: 5px; height: 5px;background-color: #333333; display: inline-block; margin-right: 8px; vertical-align: top; margin-top: 7px;}
.table-responsive {width: 100%;margin-bottom: 0;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 0;}
.dropdown-menu>li>a {display: block;padding: 10px 19px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;letter-spacing: -0.8px;font-size: 13px;}

/*--가족회원등록 팝업--*/
/*검색창 UI*/
.family_popup .popup1 {margin: 100px auto;background: #fff; border-radius: 12px; max-width:650px;  position: relative;}
.family_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.family_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.family_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.family_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.family_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.family_popup .popup1 .content{    padding: 0 32px 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.family_popup .popup1 .content .con{overflow: hidden; }
.family_popup .popup1 .content .con .refe_wrap2 ul{border-top:1px solid #333;padding:16px 0}
.family_popup .popup1 .content .con .refe_wrap2 .refe_wrap2 ul li{margin-bottom: 16px; height:40px; line-height: 34px;clear:both}
.family_popup .popup1 .content .con .refe_wrap2 ul li .left{float: left; width: 20%;padding-top:14px}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right{float: left; width: 80%;}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right .form-control{padding: 4px 8px;height:48px}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1{overflow: hidden;}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1 .form-control{width: 32.4%; float: left ; margin-right: 1%;}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1 .form-control:last-child{margin-right: 0;}
.family_popup .popup1 .content .con .refe_wrap2 ul li .right .radio-1 .checks input[type="radio"] + label { font-size: 14px;font-weight: 400; padding-left: 30px;margin-right: 20px; line-height: 25px;}
.family_popup .popup1 .content .con .refe_wrap-1 ul li .right .input_wrap{overflow: hidden;}
.family_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{padding: 4px 8px; width: 80%; float: left;}
.family_popup .popup1 .content .con .refe_wrap-1 ul li .right .btnS_9{float: right; display: block; padding: 4px 16px !important;}
.family_popup .popup1 .content .btn_wrap{ text-align: right;margin-top: 0 !important}
.family_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {padding: 4px 8px; width: 73% !important; float: left;}
.family_popup .popup1 .content .con .refe_wrap ul li .sy-11 .btnS_9{float: right; display: block; padding: 4px 16px !important;height: 40px}
.family_popup .popup1 .pop_hd_bg h4{font-size: 1em;padding:8px 32px 0}
.pop_pagin{text-align: center;}
.familyPopup .btn-New{height:40px;min-width:120px;border: solid 1px #007aff;color:#007aff; background-color: #fff; }
.familyPopup li{height:40px;clear:both}
.familyPopup .table_sty-1 {  margin-bottom: 16px;margin-top: 0 !important;}
.input_wrap .lastName, .input_wrap .firstName{width:49%;float:left}
.input_wrap .lastName, .input_wrap .form-control{height:40px}
/*가족회원등록 팝업 UI 끝//*/
.sel_sy-2{width:100%;}
.sel_sy-2 .select_1{width:30%;float: left; margin-right: 2.2%; height: 40px; border-radius: 0; border: 1px solid #d4d4d4 !important; box-shadow: none;}
.sel_sy-1 .select_1{transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: url(../images/left-arrow.svg) no-repeat 90% 50%;-webkit-appearance: none;}
.sel_sy-2 .input_wrap{float: left; }
.sel_sy-2 .input_wrap input{height: 40px;border-radius: 0; border: 1px solid #d4d4d4 !important;}
.sel_sy-2 .input_wrap input:focus{box-shadow: none;}
.sel_sy-2 .btn{float: left; width: 21.1%; margin-left: 2.2%; height: 48px;border-radius: 0; background-color: #1c1c1c; color: #fff}
.familyPopup .input_wrap .form-control{margin-bottom:16px;height:40px!important}
.familyPopup .input_wrap .form-control.firstName{margin-left: 2%!important}
.familyPopup .input_wrap .form-control.inputID{width:100%}
.familyPopup .input_wrap.emailBox input:first-child{width:28%!important}
.familyPopup .input_wrap .at{float:left;padding:8px 4px 0 0}
.familyPopup button{margin-bottom:16px;height:40px}
.btn-certify{height:40px;border:1px solid #333;width:100%; background-color: #fff}
.btn-dblCheck{width:100%;height:40px;border:1px solid #333; background-color: #fff}
.btn-sch{background:#333;color:#fff}
.btn-sch:hover{color: #fff!important;border:1px solid #333}
.formSch{height:40px!important}
.familyPopup .formDropdown{height:auto; padding:0; min-height: 133px;}
.familyPopup .formDropdown>li>a { display: block; padding:16px 20px; clear: both; font-weight: 400;line-height: 1.42857143; color: #333; white-space: nowrap;}
.refe_wrap2 .radio-1 .checks{padding-top:12px;height:56px}
.refe_wrap2{overflow: auto; max-height: 350px; min-height: 350px;}
.familyPopup .red{color: red; margin-bottom: 8px;}

/*--시력 등록 팝업--*/
/*검색창 UI*/
.sight_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 60%;  position: relative;}
.sight_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.sight_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.sight_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.sight_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.sight_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.sight_popup .popup1 .content{    padding: 0 32px 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.sight_popup .popup1 .content .con{overflow: hidden; margin:16px 0;}
.sight_popup .popup1 .content .con .refe_wrap2 ul{border-top:1px solid #333;padding:16px 0}
.sight_popup .popup1 .content .con .refe_wrap2 .refe_wrap2 ul li{margin-bottom: 16px; height:48px; line-height: 34px;clear:both}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .left{float: left; width: 20%;padding-top:14px}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right{float: left; width: 80%;}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right .form-control{padding: 4px 8px;height:48px}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1{overflow: hidden;}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1 .form-control{width: 32.4%; float: left ; margin-right: 1%;}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right .sy-1 .form-control:last-child{margin-right: 0;}
.sight_popup .popup1 .content .con .refe_wrap2 ul li .right .radio-1 .checks input[type="radio"] + label { font-size: 14px;font-weight: 400; padding-left: 30px;margin-right: 20px; line-height: 25px;}
.sight_popup .popup1 .content .con .refe_wrap-1 ul li .right .input_wrap{overflow: hidden;}
.sight_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{padding: 4px 8px; width: 80%; float: left;}
.sight_popup .popup1 .content .con .refe_wrap-1 ul li .right .btnS_9{float: right; display: block; padding: 4px 16px !important;}
.sight_popup .popup1 .content .btn_wrap{ text-align: right;margin-top: 0 !important}
.sight_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {padding: 4px 8px; width: 73% !important; float: left;}
.sight_popup .popup1 .content .con .refe_wrap ul li .sy-11 .btnS_9{float: right; display: block; padding: 4px 16px !important;height: 48px}
.family_popup .popup1 .pop_hd_bg h4{font-size: 1em;padding:8px 32px 0}
.pop_pagin{text-align: center;}
#sight_popup .btn-New{height:48px;min-width:120px;border: solid 1px #007aff;color:#007aff}
#sight_popup li{height:48px;clear:both}
.sightTblHead{margin:16px 0 0}
.sightTblHead thead{border-top:1px solid #333;height:48px;background:#F6F6F9;border-top:1px solid #333}
.sightTblHead thead th{height:48px;text-align:center;border:1px solid #d0e1f7;border-top:1px solid #333;background:#f0f3f7; vertical-align: middle !important;}
.sightTblHead tbody td{height:56px;text-align: center;border:1px solid #e1e1e1;width:14%; vertical-align: middle !important;}
.sightTblHead tbody td input{height:40px;box-shadow: none;border:1px solid #eee;width:80%;margin:0 auto;background:#fbfbfb}
.sightTblHead tbody td:nth-child(1){background-color: #f1f1f1;}
.sightTblHead tbody td:last-child{width:100% !important;text-align:left!important}
.sight_popup .content{padding:16px 32px 0!important}
.sight_popup label.datePick{height:35px;line-height:35px}
.sight_popup .btn_wrap{padding:24px 0!important}
.sight_popup input.sDistance{width:97%}
.radioBtn {width: 100%;}
.placePick{margin:20px 0}
.placePick .radioBtn .btn{font-size: 13px;font-weight: 500; letter-spacing: -0.08px;text-align: center; color: #333; width:25%;  border-radius: 3px; border: solid 1px #d1d1d6; height: 44px; line-height: 35px; }
.placePick .radioBtn .btn.active{border-radius: 3px;  background-color: #f7fbff; color: #085db9; box-shadow: none; border: 1px solid #007aff;}
.placePick .radio_wrap{width: 50%; }
.placePick .radio_wrap-1{width: 100%; }
.placePick .radio_wrap-1 .radioBtn .btn{width: 25%;}
.placePick .radioBtn{width: 100%;}
.inline-photo {opacity: 0; transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out;will-change: transform, opacity;}
.sight_popup .form-control{border: 1px solid #e1e1e1;height:44px;border-radius:4px}
label.placePick{line-height:45px}
/*시력 팝업 UI 끝//*/
.opinion_popup .popup1 {margin: 100px auto;background: #fff; border-radius: 12px; width: 55.912%;  position: relative;}
.opinion_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.opinion_popup .popup1 .pop_hd_bg .h2_tit {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px; text-align: center; display: inline-block; width: 100%;}
.opinion_popup .popup1 .pop_hd_bg .h2_tit .div{ z-index: 1;  display: inline-block; text-align: center; position: relative;}
.opinion_popup .popup1 .pop_hd_bg .h2_tit .div span:after { content: ''; position: absolute;left: 0; right: 0; bottom: -1px;height: 12px;background-color: #eaf3ff;text-align: center;z-index: -1;}
.opinion_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.opinion_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.opinion_popup .popup1 .pop_hd_bg h2 img{width: 55px; height: 55px; margin-right: 10px; margin-bottom: 5px;}
.opinion_popup .popup1 .content{ padding: 0 32px 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.opinion_popup .popup1 .content .con{overflow: hidden; margin:16px 0;}
.opinion_popup .popup1 .content .tablePopup-1{margin-bottom: 40px;}
.opinion_popup .popup1 .content h3{font-size: 18px;font-weight: 600; letter-spacing: -0.12px;color: rgba(51, 50, 56, 0.84); margin-bottom: 8px;}
.opinion_popup .popup1 .content .tablePopup-1 tr td{border-top: 1px solid #d1e3ff !important;  font-size: 17px;letter-spacing: -0.11px;color: #222936; line-height: 31px; border-bottom: 1px solid #e4edf8; border-top: 1px solid #e4edf8; padding-left: 24px; border-right: 1px solid #f7f9fd;}
.opinion_popup .popup1 .content .con{overflow: auto; max-height: 480px; min-height: 480px;}
.opinion_popup .popup1 .content .tablePopup-1 .col-table{ width: 14.7% !important; background-color: #f7f9fd; padding: 8px 24px !important;  }
.opinion_popup .popup1 .content .tablePopup-1 .col-table-txt-1{ width: 30%;}
.opinion_popup .popup1 .content .tablePopup-2 td{vertical-align: middle;}
.opinion_popup .popup1 .content .tablePopup-2 .col-table{ width: 5% !important; background-color: #f7f9fd; padding: 8px 24px !important;  }
.opinion_popup .popup1 .content .tablePopup-2 .col-table-txt-1{}
.opinion_popup .popup1 .content .tablePopup-2 .input_sy{border-radius: 4px; border: solid 1px #e4edff; height: 44px;}
.opinion_popup .popup1 .content .tablePopup-2 .textarea-2{border-radius: 4px; border: solid 1px #e4edff !important; }
.op_wrap-1 .data-wrap{text-align: right; width: 100%; margin-bottom: 40px;}
.op_wrap-1 .data-wrap ul {display: inline-block; overflow: hidden;}
.op_wrap-1 .data-wrap ul li{float: left;  color: #333333; margin-right: 24px;font-size: 18px; font-weight: 500; letter-spacing: -0.86px; }
.op_wrap-1 .data-wrap ul li:last-child{margin-right: 0}
.sig-wrap .sig-btn{display: inline-block; border-radius: 4px; border: solid 1px #428dff; background-color: #ffffff; font-size: 18px;font-weight: 500;letter-spacing: -0.86px;color: #2b71dc; padding: 8px 16px;}
.sig-wrap{text-align: right; width: 100%;;}
.sig-wrap img{margin-right: 5%;}
.register {overflow: hidden; }
.register .check-row1 input[type=checkbox]:not(old),
.register .check-row1 input[type=radio   ]:not(old){ width: 0;  margin-left  : 0; padding : 0; opacity : 0; cursor: pointer;}
.register .check-row1 input[type=checkbox]:not(old) + label{display : inline-block;padding-left : 28px;background   : url('../images/login_check.svg') no-repeat 0;line-height  :20px; cursor: pointer;  font-size: 16px; font-weight: 400;}
.register .check-row1 input[type=checkbox]:not(old):checked + label{background-position : 0 -24px; background   : url('../images/login_check_active.svg') no-repeat  0; font-size: 16px; font-weight: 400;line-height  : 20px;}
.register .p_sy2{float: left; margin-right: 10px; height: 56px; line-height: 56px}
.register .calendar .c_img {display: inline-block;float: right;margin-top: 7%;text-align: left;width: 15%; margin-right: 0 !important;}
.register .calen_box{overflow: hidden;}
.register .calen_box:last-child{margin-top: 16px;}
.register .wid100{width: 100% !important;}
.register .btn_wrap {text-align: center;margin-bottom: 80px; width: 100%;}
.register .btn_wrap .btn_box_1{text-align: center;margin: 0 auto; width: 100%}
.register .btn_wrap .btn_box_1 .btn {width: 20%;  display:inline-block !important; height: 64px;line-height: 50px;border-radius: 3px;font-size: 15px;letter-spacing: -0.57px;}
.register .btn_wrap .btn_box_1 .btn-1 {background-color: #eeeeee;color: #858585;margin-right: 2%;}
.register .btn_wrap .btn_box_1 .btn-2 {background-color: #333333;color: #fff;}
.register-1{}
.register-1 .inline_b{display: inline-block}
.register-1 .btn{padding: 15px 20px !important;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;-o-transition:  none;transition:  none;}
.register-1 .form-control {height: 56px !important;}
.register-1 .btn_wrap .btn_box_1 .btn {width: 20%; padding: 0 !important; line-height: 65px; display:inline-block !important; border-radius: 3px;font-size: 15px;letter-spacing: -0.57px;}
.register-1 .calen_box:last-child {margin-top: 0;}
.register-1 .pd_btn {padding: 17px 20px !important;}
.register-1 .btn_box {text-align: right;width: 100%;margin-top: 0;}
.register-1 .btnS_15 img{width: 21px ; height: 21px}
.register-1 .btnS_15{height:40px;margin-left: 8px;padding: 10px 32px !important;border-radius: 2px;border: solid 1px #d9d9d9;background-color: #ffffff;font-size: 15px;line-height: 1.33;letter-spacing: -1.25px;color: #333333;}
.signature_popup .popup1 {margin: 120px auto;background: #fff; border-radius: 12px; width: 30%;  position: relative;}
.signature_popup .popup1 .pop_hd_bg{background-color: #fff; position: relative;border-radius: 12px 12px 0 0; }
.signature_popup .popup1 .pop_hd_bg h2 {font-size: 32px;font-weight: bold;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 32px 0 0 32px;}
.signature_popup .popup1 .pop_hd_bg h4 {font-size:14px;font-weight: 500;letter-spacing: -0.21px;color: rgba(51, 50, 56, 0.84);padding: 22px 0 0 32px;}
.signature_popup .popup1 .pop_hd_bg .close-1 {position: absolute;top:10%; right: 5%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333 !important;}
.signature_popup .popup1 .pop_hd_bg .close-1 img{width: 24px; height: 24px}
.signature_popup .popup1 .pop_hd_bg h2 img{width: 40px; height: 40px; margin-right: 10px; margin-bottom: 5px;}
.signature_popup .popup1 .content{padding: 0 32px; background-color: #fff; border-radius: 0 0 12px 12px;}
.signature_popup .popup1 .content .con{overflow: hidden; margin: 24px 0;}
.signature_popup .popup1 .content .con .txt_wrap{margin-bottom: 16px;}
.signature_popup .popup1 .content .con .txt_wrap ul{overflow: hidden;}
.signature_popup .popup1 .content .con .txt_wrap ul li{float: left; margin-right: 24px; font-size: 17px; font-weight: 400; letter-spacing: -0.81px; color: #333333;}
.signature_popup .popup1 .content .con .txt_wrap ul li:last-child{margin-right: 0;}
.signature_popup .popup1 .content .con .sig_textarea{height: 198px; border-radius: 2px; border: solid 1px #ededee;background-color: #f8f8f8; margin-bottom: 24px;}
.signature_popup .popup1 .content .con .eraser{border-radius: 18.5px; border: solid 1px #e4e4e4; background-color: #ffffff; font-size: 16px;
	font-weight: 500;letter-spacing: -0.9px;text-align: center;color: #313131; padding: 6px 20px; }
.signature_popup .popup1 .content .con .eraser img{width: 24px; height: 25px; display: inline-block; margin-right: 5px;}
.signature_popup .popup1 .btn_wrap{width: 100%; text-align: right !important; margin-bottom: 40px;}
.signature_popup .popup1 .btn_wrap .btn{display: inline-block;}
.opinion_popup .btn_wrap{text-align: right !important; width: 100%; }
.opinion_popup .btn{display: inline-block;}




.table_sty-9{margin-top: 0; margin-bottom: 40px;}
.table_sty-9 thead{background-color: #f7f9fd; border-top: 1px solid #d1e3ff; border-bottom: 1px solid #d1e3ff}
.table_sty-9 thead tr th{font-size: 17px;letter-spacing: -0.11px; text-align: center;color: #3e5c97; padding: 13px 0; border-right: 1px solid #d1e3ff ; font-weight: normal;}
.table_sty-9 thead tr th:nth-child(3){border-right: none;}
.table_sty-9 tbody tr td{border-bottom: solid 1px #e0eaf7;  border-right: 1px solid #d1e3ff ;}
.table_sty-9 .img-plus,
.table_sty-9 .img-minus{cursor: pointer;}
.table_sty-9 tbody tr td:last-child{border-right: 0 !important}
.table_sty-9 .input_sy{border-radius: 4px; border: solid 1px #e4edff; height: 44px;}
.font_6767{color: #676767;}

/*의료패키지 등록*/
.prod_Page .input_wrap {margin: 0; float: left; width: 48%}
.prod_Page .sch-2{width: 100% !important;}
.prod_Page .sch-2{float: left; margin-left: 3%; overflow: hidden; width: 76%; }
.prod_Page .sch-2 .tit{float: left;}
.prod_Page .sch-2 .tit {height: 40px; line-height: 40px; margin-right: 3% }
.prod_Page .sch-2 .input_content {overflow: hidden; float: left; width: 37.32%; }
.prod_Page .sch-2 .input_content .b-1{float: left; margin: 0 2%; height: 40px; line-height: 40px;}
.prod_Page .sch-2 .input_content .input_wrap{ background-color: #fff; float: left; width: 45%;}
.prod_Page .sch-2 .input_content .input_wrap .c_img{    display: inline-block; float: right; margin-left: 0; margin-top: 8px; text-align: left; width: 20%;}
.prod_Page .sch-2 .input_content .input_wrap .form-control{width: 80%;}
.prod_Page .sch-2 .input_content p{float: left; margin: 0 1%}
.prod_Page .sch-2 .btn{width: 80%; margin-left: 10%; color: #fff}
.prod_Page .sch-2 .btn-box{width: 20%; float: left;}

.table_sty-10 thead{ background-color: #fff;  border-top: 2px solid #76a2ea;border-bottom: solid 1px #e7eef5;}
.table_sty-10 thead tr th{ font-size: 16px;font-weight: 500;letter-spacing: -0.9px;color: #143354; padding: 16px 0}
.table_sty-10 thead tr th .right{display: inline-block; float: right; margin-right: 24px;}
.table_sty-10 thead tr th .right img{cursor: pointer}
.table_sty-10 thead tr th .right img.cross{margin-left: 16px;}
.table_sty-10 tbody tr {border-bottom: solid 1px #e0eaf7;}
.table_sty-10 tbody tr td{overflow: hidden; padding: 16px 24px;cursor:default; border-left: 1px solid #e7eef5;font-size: 16px;font-weight: 500;color: #333333;}
.table_sty-10 tbody tr td:first-child{border-left: 0}
.table_sty-10 tbody tr td .left{float: left;}
.table_sty-10 tbody tr td .right{float: right;}
.table_sty-10 tbody tr td .right img{cursor: pointer}
.table_sty-10 tbody tr td .right img.cross{margin-left: 16px;}
.table_sty-10 tfoot tr td{ background-color: #f8fbff; padding: 16px 24px;font-size: 16px;font-weight: 500;color: #143354;text-align: center; border-top: 1px solid  #f8fbff}
.table_sty-10 tfoot tr td.total-sy{background-color: #f0f6ff; text-align: left}
.table_sty-6 .align_l{text-align: left; padding-left: 24px !important;}
.table_sty-6 tbody td .cross-1{ width: 12px; height: 12px; display: inline-block; margin-left: 5px;; cursor: pointer}
.prod_Page .btn_wrap {text-align: center;  margin-bottom: 80px;}
.prod_Page .btn_wrap .btn_box_1 {text-align: right;margin: 0 auto;width: 100%;}
.prod_Page .btn_wrap .btn_box_1 .btn {width: 20%;padding: 0 !important; line-height: 56px; display: inline-block !important;border-radius: 3px;font-size: 15px;letter-spacing: -0.57px;}
.prod_Page .btn_wrap .btn_box_1 .btn-2 {background-color:#007aff;color: #fff;}
.prod_Page .red-icon {color: red;margin-left: 0;}

/*원격화상*/
.excel{ display: inline-block; margin-top: 4px;}
.excel-1{ display: inline-block; margin-top: 0px; margin-right: 16px}
.excel img{margin-right: 8px;}
.doctorP .input_content .c_img_2 {display: inline-block; float: left;margin-left: 4%; margin-top: 18px;text-align: left;width: 18px; }
.doctorP .input_content .c_img_2 img{cursor: pointer}
.doctor_popup .con{    overflow: auto;min-height: 650px;max-height: 650px;}
.doctor_popup .btn_box {margin-bottom: 40px !important; margin-top: 20px !important;}
.doctor_popup-1 .con{ overflow: auto;min-height: 650px;max-height: 650px;}
.doctor_popup-1 .par-btn_wrap .btn {width: 25%;height: 48px;line-height: 30px;margin: 20px 0 10px;}
.doctorP .table_sty-7 {overflow: initial;}
.doctorP .table_sty-7 td {overflow: initial;}
.doctorP .table_sty-7 .radio {overflow: initial;}

/*site_map*/
.site_map{ margin: 40px 0 0;}
.site_map .con-2{margin: 25px 0 50px }
.site_map .con-2 .menuBox{overflow: hidden; width: 100%; border-bottom: 1px solid #dee5ef; padding: 24px 0}
.site_map .con-2 .menuBox .left{float: left; width: 20%}
.site_map .con-2 .menuBox .left h2{font-size: 24px; font-weight: bold}
.site_map .con-2 .menuBox .right{float: left; width: 80%; font-size: 16px}
.site_map .con-2 .menuBox .right .list-1{overflow: hidden; width: 100%}
.site_map .con-2 .menuBox .right .list-1 li{float: left; width: 25%; margin-bottom: 8px;}
.site_map .con-2 .menuBox .right .list-1 li a{}
.site_map .con-2 .menuBox .right .list-2{overflow: hidden}
.site_map .con-2 .menuBox .right .list-2 li{float: left; width: 25%}
.site_map .con-2 .menuBox .right .list-2 li h3{margin-bottom: 16px; font-size: 18px; font-weight: bold}
.site_map .con-2 .menuBox .right .list-2 li .txtBox{}
.site_map .con-2 .menuBox .right .list-2 li .txtBox li{width: 100%; margin-bottom: 8px}
.site_map .con-2 .menuBox .right .list-2 li .txtBox li a{font-size: 16px}


/* Absolute Center Spinner */
.loading {position: fixed;z-index: 999;height: 2em;width: 2em;overflow: visible;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
/* Transparent Overlay */
.loading:before {content: '';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) { /* hide "loading..." text */font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.loading:not(:required):after {content: '';display: block;font-size: 10px;width: 1em;height: 1em;margin-top: -0.5em;-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;-webkit-box-shadow: #007aff 1.5em 0 0 0, #007aff 1.1em 1.1em 0 0, #007aff 0 1.5em 0 0, #007aff -1.1em 1.1em 0 0, #007aff -1.5em 0 0 0, #007aff -1.1em -1.1em 0 0, #007aff 0 -1.5em 0 0, #007aff 1.1em -1.1em 0 0;box-shadow: #007aff 1.5em 0 0 0,#007aff 1.1em 1.1em 0 0, #007aff 0 1.5em 0 0, #007aff -1.1em 1.1em 0 0, #007aff -1.5em 0 0 0, #007aff -1.1em -1.1em 0 0, #007aff 0 -1.5em 0 0, #007aff 1.1em -1.1em 0 0;}
/* Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*테스트로그 추가 퍼블*/
.tabWrap_sy1{}
.tabWrap_sy1 .form-control{width: 70%; margin: 0 auto;}
.bodySubMenu-border { border-bottom: 1px solid #ebebeb;	height: 42px;}
.cursor-txt{cursor:text !important;}
.cursor-pointer{cursor:pointer !important;}
.display-flex{display:flex; align-items: center;}

@media  screen and (min-width: 1920px) {
}
@media (min-width:1024px) and (max-width:1280px){

	.data_pop1 .popup1 { width: 58%;}
	.reset_popup .modal-dialog { width: 50%;}
	.kcal_pop1 .popup1 {margin: 120px auto; width: 50%; }
	.join-1 {padding: 0 10px !important;}
	.about-life .con-2 { margin-top: 30px;  padding: 0 10px !important;}
	.about-life .con-1 { padding: 0 10px !important;}
	.about-life .con-4 {padding: 50px 10px !important;}
	.join-1 .con-2 .rules_wrap1 .btn_box{width: 50%;}
	.join-1 .con-2 .rules_wrap1 .btn_box .btn{ width: 47%;}
	.app_info .con-2 .banner{padding: 0 10px !important;;}
	.app_info .con-2 .sec-1 {  margin: 82px 0 0; padding: 0 10px !important;}
	.service_info .con-1{padding: 0 10px !important;}
	.service_info .con-2 .banner{padding: 0 10px !important;;}
	.service_info .con-2 .sec-1 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-2 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-3 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-4 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.app_info .con-2 .sec-2 {min-height: 500px; }
	.app_info .con-2 .sec-3 {min-height: 500px; padding: 0 10px !important;}
	.app_info .con-2 .sec-4 { padding: 0 10px !important;}
	.app_info .con-2 .sec-5 { padding: 0 10px !important;}
	.app_info .con-2 .sec-5 .con-1 .right .btn a { width: 200px; margin-right: 14px;}
	.media_report{padding: 0 10px !important}
	.app_info .con-2 .sec-1 .txt_box ul li{min-height: 220px;}
	.myhealth_popup .popup1 { width: 50%;}
	.dialog3_popup .popup1 {width: 70%;}
	.profile_popup .popup1 { width: 45%;}
	.patient_popup .popup1 {width: 45%; }
	.operation_popup .popup1 {width:60%; }
	.sight_popup .popup1 { width: 95% !important;}
	.partnerHospital_list .con-1,
	.partnerHospital_list .con-2{padding: 0 10px !important;}
	.patientNumber .con-1,
	.patientNumber .con-2{padding: 0 10px !important;}
	.patient_popup .popup1 .content .con .refe_wrap ul li{margin-bottom: 4px; height:48px; line-height: 50px}
	.patient_popup .popup1{margin: 80px auto; width: 50%;}
	.pwchange .con-1,
	.pwchange .con-2{padding: 0 10px !important;}
	.myhealth .con-1,
	.myhealth .con-2,
	.myhealth .con-3,
	.myhealth .con-4{padding: 0 10px !important;}
	.health_check .con-1,
	.health_check .con-2{padding: 0 10px !important;}
	.partnerHospital .con-1,
	.partnerHospital .con-2{padding: 0 10px !important;}
	.app_info .con-1{padding: 0 10px !important;}
	.pw_1 .con-1,
	.pw_1 .con-2{padding: 0 10px !important;}
	.about-life .con-3 .line-1 { padding: 0 10px !important;}
	.login_main .con-1,
	.login_main .con-2{padding: 0 10px !important;}
	.about-life .con-3 .line-1 { padding: 0 10px !important;}
	.medikal_list .con-1,
	.medikal_list .con-2{padding: 0 10px !important;}
	.medikal_Tourism .con-1,
	.medikal_Tourism .con-2{padding: 0 10px !important;}
	.reset_page .con-1,
	.reset_page .con-2{padding: 0 10px !important;}
	.reset_page .con-2 .log_wrap { width: 55%;}
	.opinion_popup .popup1 { width: 80%;}
	.opinion_popup .popup1 .content .tablePopup-1 tr td {font-size: 16px; vertical-align: middle;}
	.signature_popup .popup1 {margin: 100px auto; width: 70% !important;}
	.signature_popup .popup1 .content {padding: 0 32px 10px;}
	.search_bar-2 .select_2{width: 18%; float: left; margin-right: 8px; height: 40px;}
	.reportDetail .con-1,
	.reportDetail .con-2{padding: 0 10px !important;}
	.prod_Page .con-1,
	.prod_Page .con-2{padding: 0 10px !important;}
	.td-menu {left: -60px;}
	.sch-1 .btn {margin-left: 3%;color: #fff;padding: 4px 10px;}
	.site_map .con-1,
	.site_map .con-2{padding: 0 10px !important;}
}

@media (min-width:768px) and (max-width:1023px) {
	.main_hd .hd-2 .menu .gnb_wrap .gnb{display: none;}
	.main_hd .hd-2 .all-menu{display: block;    margin-top: 50px;}
	.banner .right .blnner-menu ul li a img{width: 25px; height: 40px; margin-right: 5%;}
	.banner .right .banner-menu ul li a span{font-size: 12px;}
	.banner .left h2{font-size: 30px;}
	.banner .left p{font-size: 18px;}
	.m-lifelog .con .tit{margin-bottom: 20px;}
	#carouselButtons {text-align: center;position: absolute;bottom: 0;}
	footer .line-2 p{font-size: 10px;}
	.m-app .right_box{margin-top: 30px;}
	.m-notice .right_box{margin-top: 50px;}
	.p1{font-size: 22px; font-weight: 600;color: #333333;margin-left: 10px !important; }
	.p2{font-size: 16px; font-weight: 600; color: #9b9b9b;margin-left: 10px !important; }
	.slide-1 .item img{height:380px;}
	.popup {margin: 160px auto; background: #fff;border-radius: 5px; width: 70%; height: 60%; position: relative;}
	.main_hd .hd-1 { margin-bottom: 10px;}
	.main_hd .hd-2 .all-menu .inwrap span img {width: 50px;margin-left: 0;}
	.banner .left img {height: 300px}
	.m_banner-wrap1 .img_box{  height: 424px;}
	.img_box .banner .right{margin-top:35px}
	.menu_con h3{font-size: 25px; }
	.Top_menu .Top_menu1 .tit{font-size: 15px;}
	.menu_con .nav-tabs>li>a { padding: 30px 0 30px 15px; font-size: 18px; font-weight: 500;}
	.Top_menu .Top_menu1 ul li a{font-size: 15px; }
	.life_con .con-3 .right{padding: 10px 10px !important}
	.life_con .con-3 .left { width: 59%;}
	.life_con .con-3 .right { width: 40%;}
	.m-event .con-1 {padding: 0 10px!important;}
	.Terms .popup1 { width: 70%;}
	.goal-set1 .popup1 {  margin: 300px auto;width: 50%;}
	.data_pop1 .popup1 { width: 80%;}
	.minidose_pop1 .popup1 { width: 80%;}
	.about-life .con-2 {margin-top: 50px;}
	.about-life .con-3 .line-1 { margin-top: 50px;}
	.about-life .con-2 .left h2 {font-size: 35px;}
	.about-life .con-2 .left a { width: 53%; margin-top: 50px; margin-bottom: 60px;}
	.about-life .con-3 .line-1 h2 {   font-size: 35px;}
	.about-life .con-3 .line-2 .box-1 .Life_line1 li { width: 14.28571428571429%;}
	.about-life .con-1{padding: 0 10px !important;}
	.about-life .con-2{padding: 0 10px !important;}
	.about-life .con-3{padding: 0 10px !important;}
	.about-life .con-4{padding: 50px 10px !important;}
	.about-life .con-4 .right .card{ max-height: 340px;  min-height: 340px;}
	.login_main .con-1{margin: 60px 0;}
	.login_main .con-1 .txt_over { margin-bottom: 4px; padding-left: 10px !important;}
	.login_main .con-1 .tit-1 { padding-left: 10px !important; padding-right: 10px !important;}
	.login_main .con-2 .con_box{width: 98%;}
	.login_main .con-2 .con_box-1{width: 98%;}
	.pw_1 .con-1 .txt_over { margin-bottom: 4px; padding-left: 10px !important;}
	.pw_1 .con-1 .tit-1 { padding-left: 10px !important; padding-right: 10px !important;}
	.reset_page .con-2 .log_wrap{ width: 75%;}
	.reset_popup .modal-dialog { width: 80%;}
	.kcal_pop1 .popup1 {margin:200px auto; width: 80%; }
	.join-1 {padding: 0 10px !important;}
	.about-life .con-2 { margin-top: 30px;  padding: 0 10px !important;}
	.about-life .con-1 { padding: 0 10px !important;}
	.wid160{width: 20.49% !important;}
	.wid200{width: 29.612% !important;}
	.wid255{width: 27.28% !important;}
	.wid327{width: 40.8% !important;}
	.wid431{width: 51.44% !important;}
	.join-1 .con-2 .rules_wrap1 .btn_box{width: 50%;}
	.join-1 .con-2 .rules_wrap1 .btn_box .btn{ width: 47%;}
	.main_hd .hd-1 .login-box {width: 50%;}
	.hd-1 .col-sm-3 {
		width: 50%;
	}
	.app_info .con-2 .banner{padding: 0 10px !important;;}
	.app_info .con-2 .sec-1 {  margin: 82px 0 50px; padding: 0 10px !important;}
	.app_info .con-2 .sec-2 {min-height: 500px; }
	.app_info .con-2 .sec-3 {min-height: 500px; padding: 0 10px !important;}
	.app_info .con-2 .sec-4 { padding: 0 10px !important;}
	.app_info .con-2 .sec-5 { padding: 0 10px !important;}
	.app_info .con-2 .sec-5 .con-1 .right .btn a { width: 200px; margin-right: 14px;}
	.media_report{padding: 0 10px !important}
	.sch-1 .input_content { width: 50%; }
	.m-app .right_box .app a img{ width: 30%; }
	.m-app .right_box .app .img img{width: 30%; }
	.m-app .right_box .android .img img{width: 30%;}
	.m-app .right_box .android  a img{ width:30%; }
	.m-app .txt-box p{margin-right: 5%}
	.app_info .con-2 .sec-1 .txt_box ul li{min-height: 220px; }
	.service_info .con-1{padding: 0 10px !important;}
	.service_info .con-2 .banner{padding: 0 10px !important;;}
	.service_info .con-2 .sec-1 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-2 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-3 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-4 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-2 .tit h3 { margin-top: 0;}
	.service_info .con-2 .sec-3 .right { margin-top: 17px;}
	.service_info .con-2 .sec-3 .right ul li .txt_box { width: 75%;}
	.service_info .con-2 .sec-3 .right ul li {margin-bottom: 40px;}
	.join-1 .con-2 .step_box ul li:first-child .img1{ margin-left: 0;}
	.join-1 .con-2 .step_box ul li .img1{ margin-left: 5%;}
	.join-1 .join .card_box ul li { padding: 40px 32px 40px;}
	.join-1 .join .card_box ul li a p{ min-height: 200px; }
	.medikal_Tourism .con-1,
	.medikal_Tourism .con-2{padding: 0 10px !important;}
	.medikal_Tourism .con-2 .table_sty-4 .calendar_wrap { width: 35%;}
	.table_sty-5 {margin-bottom: 8px; width: 100%; margin-right: 0}
	.line_wrap { margin-bottom: 0;}
	.medikal_list .con-1,
	.medikal_list .con-2{padding: 0 10px !important;}
	.myhealth_popup .popup1 { width: 80% !important;}
	.dialog3_popup .popup1 {width: 90%;}
	.profile_popup .popup1 { width: 70%;}
	.myhealth .con-1,
	.myhealth .con-2,
	.myhealth .con-3,
	.myhealth .con-4{padding: 0 10px !important;}
	.myhealth .con-2 .user .right .f-left .line-3 .input_wrap { width: 100%;}
	.myhealth .con-2 .user .right .f-left .line-3 .btn_box {width: 30%; margin-top: 8px;}
	.myhealth .con-2 .user .left {min-height: 410px}
	.myhealth .con-3 .life-log .ul_1 li {min-height: 180px;margin-bottom: 16px;}
	.health_check .con-1,
	.health_check .con-2{padding: 0 10px !important;}
	.health_check .con-2 .check-nav .nav-item .nav-link { padding: 16px 8px;}
	.tabWrap_sy1 .nav-tabs > li { width: 20%; text-align: center;}
	.patientNumber .con-2 .card_wrap ul li{width: 49.3%;}
	.patientNumber .con-2 .card_wrap ul li:nth-child(2),
	.patientNumber .con-2 .card_wrap ul li:nth-child(4),
	.patientNumber .con-2 .card_wrap ul li:nth-child(6){margin-right: 0;}
	.patientNumber .con-1,
	.patientNumber .con-2{padding: 0 10px !important;}
	.pwchange .con-1,
	.pwchange .con-2{padding: 0 10px !important;}
	.patient_popup .popup1 {width: 70%; }
	.operation_popup .popup1 {width: 80%; }
	.table_sty-8 th { width:25%; }
	.pwchange .pw_info .left { width: 10%; margin-right: 2%;}
	.pwchange .pw_info .right { width: 88%;}
	.wrap{min-height: 863px;}
	.partnerHospital .con-1,
	.partnerHospital .con-2{padding: 0 10px !important;}
	.partnerHospital_list .con-1,
	.partnerHospital_list .con-2{padding: 0 10px !important;}
	.partnerHospital_list .con-2 .list_wrap .list ul li a .right { font-size: 17px;}
	.wid125{width: 10% !important;}
	.wid255{width: 30% !important;}
	.sight_popup .popup1 { width: 95% !important;}
	.placePick { margin: 0;}
	.opinion_popup .popup1 { width: 95%;}
	.opinion_popup .popup1 .content .tablePopup-1 tr td {font-size: 16px; vertical-align: middle; }
	.opinion_popup .popup1 .content .tablePopup-1 .col-table { padding: 8px 16px !important; width: 16.7% !important;}
	.opinion_popup .popup1 .content .tablePopup-1 .col-table-txt-1{ width: 0;}
	.signature_popup .popup1 {margin: 100px auto; width: 70% !important;}
	.signature_popup .popup1 .content {padding: 0 32px 10px;}
	.search_bar-2 .select_2{width: 25%; float: left; margin-right: 8px; height: 40px;}
	.search_bar-2 .sch-1 {float: left;margin-left: 1%;overflow: hidden;width: 100%; margin-top: 8px;}
	.search_bar-2 .sch-1 .input_content {overflow: hidden;float: left;width: 50%;}
	.search_bar-2 {height: 108px;padding-top: 10px !important;}
	.search_bar-2 .radio_wrap {width: 33%;}
	.search_bar-2{}
	.reportDetail .con-1,
	.reportDetail .con-2{padding: 0 10px !important;}
	.reportDetail .calendar_wrap {width: 29%;}
	.reportDetail .calendar .c_img {margin-top: 8%;}
	.register-1 .btnS_15{margin-right: 8px ;padding: 10px 32px !important}
	.prod_Page .con-1,
	.prod_Page .con-2{padding: 0 10px !important;}
	.td-menu {left: -60px;}
	.site_map .con-1,
	.site_map .con-2{padding: 0 10px !important;}
	.site_map .con-2 .menuBox .left h2 {font-size: 16px;}
	.site_map .con-2 .menuBox .right .list-1 li a {font-size: 14px;}
	.site_map .con-2 .menuBox .right .list-2 li .txtBox li a {font-size: 14px;}
	.site_map .con-2 .menuBox .right .list-2 li h3 {font-size: 15px;}
}
@media (max-width: 1023px) and (min-width: 992px) {
	.main_hd .hd-2 .all-menu {
		display: block;
		margin-top: 0px !important;
	}
}

@media (min-width:500px) and (max-width:767px){
	.banner .right {
		display: none !important;}
	.banner .left img {
		width: 52% !important;}


}
@media (min-width:300px) and (max-width:767px) {
	.main_hd .hd-1 .img .img1 {
		width: 50%;
	}
	.main_bgs>.col-md-6 .col-sm-6 .col-xs-12 .pd0 .left{text-align: center!important}
	.main_hd .hd-1 .img1 img{width: 10%; }
	.main_hd .hd-1 .img{padding: 0;}
	.main_hd .hd-2 .menu .gnb_wrap .gnb{display: none;}
	.main_hd .hd-2 .all-menu{display: block;    margin-top: 50px;}
	#carouselButtons{display: none;}
	.banner .right{display: none;}
	.main_hd .hd-1 .id-box{display: none;}
	.main_hd .hd-1 .login-box {padding: 0;}
	.main_hd .hd-1 .login-box .select_box{display: none;}
	.main_hd .hd-1 .login-box .id-box-1{}
	.main_hd .hd-1 .login-box .id-box-1 li{height: 26px; margin-left: 10px; font-size: 13px; line-height: 21px; }
	.main_hd .hd-2 .all-menu .inwrap span img{width: 50px; margin-left: 0;}
	.carousel-caption { top: 38%; }
	.banner .left h2{font-size: 28px;font-weight: 500;}
	.banner .left p{font-size: 18px; margin-top: 15px;}
	.slide-1 .item img {height: 340px;}
	.m-lifelog .con .txt {margin-top: 20px;}
	.con1 .card { margin-bottom: 0 !important;}
	.con1 .card li{ width: 100%; margin-right: 0; margin-bottom: 10px; }
	.carousel2 .item{width: 100%; overflow: hidden;}
	.carousel2 .newsBox .imgBox{}
	.carousel2 .newsBox{width: 100%; float: left; margin-right: 0; max-height: 298px; min-height: 298px;}
	.carouselButtons{display: none}
	.news_wrap{height: 80px; max-height: 80px; min-height:80px}
	.carousel2 .carousel-inner {width: 100%;}
	.carousel2 .newsBox:first-child{margin-bottom: 15px;}
	.m-lifelog .con .txt ul li a span { font-size: 14px; margin-bottom: 15px;}
	.carousel2 {padding: 15px 10px;;}
	.m-notice { padding: 20px 10px!important;}
	.con1 {  padding: 20px 0 10px !important;}
	.con1 .card li a .txt { font-size: 15px; height: 49px;margin-bottom: 5px;}
	.con1 .card li { width: 32%;margin-right: 2%;  background-color: rgb(255, 255, 255);height: 160px; padding: 9px; }
	.con1 .card li a .hd .tit {font-size: 13px; font-weight: bold; text-align: center !important; width: 100%; }
	.con1 .card li a .hd .img-1 { display: none;}
	.con1 .card li a .txt { width:100%; font-size: 12px; height: 75px;margin-bottom: 0; text-align: center; }
	.con1 .card li a .img {}
	.con1 .card li a .img img{width: 35px !important; height: 35px;}
	.con1 .card li a .hd {margin-bottom: 10px;}
	.m-app .right_box{margin-top: 15px; }
	.m-notice .right_box{margin-top: 15px;}
	.m-notice .right_box .tit-1,
	.m-notice .left_box .tit-1{margin-bottom: 10px;}
	.m-notice .list-wrap ul li a { margin-bottom: 5px;}
	.m-notice .list-wrap ul li a .tit {font-size: 14px;}
	.m-notice .list-wrap ul li a .date {font-size: 13px;}
	.m-app { padding: 20px 10px !important;}
	.m-app .txt-box { font-size: 14px;}
	.m-lifelog .con .txt ul li a img { height: 35px; margin-bottom: 5px;}
	.m-lifelog .con {margin: 20px 0;}
	footer .line-1 ul { width: 100%; height:50px; line-height: 20px;}
	footer .line-1 ul li{width: 50%; padding:0 0 5px; }
	footer .line-1 { margin-bottom: 15px !important;  margin-top: 15px !important;}
	footer .line-1 ul li a { font-size: 12px; color: #000 !important;}
	footer .line-2 { margin-bottom: 20px !important;}
	footer .line-2 p {font-size: 12px;}
	.popup1 { width: 90%; height: 50%;}
	.main_hd .hd-1 { overflow: hidden; margin-bottom: 10px;}
	.p1 { font-size: 20px; }
	.p2 { font-size: 15px;}
	.banner .left img { width:94%;margin:20px auto 0 ;text-align:center; display: inherit }
	.m_banner-wrap1 .img_box { height: 443px;}
	.all-menu_M{display: block !important;}
	.all-menu_S{display: none !important;}
	.life_con .con-1 .tit-1 { padding-bottom: 0 !important;border-bottom: 0;}
	.life_con .con-3 .right { width:100%;  }
	.life_con .con-3 .left{width: 100%; margin-bottom: 10px;}
	.life_con .con-3 { height: 657px; min-height: 657px;    max-height: 657px;}
	.life_con .con-3 .right { height: 330px; min-height: 330px; max-height: 330px;}
	.life_con .con-2 .checks { margin-top: 0; margin-bottom: 10px; }
	.sub_1 .life_con {  margin-top: 20px;}
	.life_con .con-2 { padding: 0 !important;}
	.life_con .con-3 .right .box-2 { margin-top: 0;}
	.table_sty-1 thead tr th {font-size: 11px;}
	.table_sty-1 tbody tr td {font-size: 13px; }
	.life_con .con-4 {margin-top: 20px;}
	.sidenav .sub_menu1 a { font-size: 14px;}
	.sidenav .side_menu { font-size: 18px; padding: 15px 0;}
	.sidenav {  padding-top: 45px;}
	.life_con .con-3 .right .box-1 .icon img {width: 77%; margin-top: 0;}
	.m-event .con-1 ul li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
	.m-event{padding: 20px 0 !important;}
	.m-event .con-1 {padding: 0 10px!important;}
	.Terms .popup1 { width: 90%; height: 50%;}
	.Terms .popup1 .pop_hd_bg{ height: 55px; line-height: 55px;}
	.Terms .popup1 .pop_hd_bg h2 { font-size: 20px;line-height: 55px; }
	.Terms .popup1 .pop_hd_bg .close-1 img { width: 23px;height: 23px;}
	.Terms .popup1 .content dl .tit1{font-size: 18px;padding: 0 0 15px 0;}
	.Terms .popup1 .content dl dt{ padding: 15px 0 0 0; }
	.Terms .popup1 .content dl dd{font-size: 14px; padding: 15px 0 0 0;}
	.main_hd .hd-1 .sle_box{display: none;}
	/*.main_hd .hd-1 .img .img1{width:60%}*/
	.goal-set1 .popup1 { margin: 250px auto; width: 85%; height: 45%;}
	.data_pop1 .popup1 .pop_hd_bg h2 {font-size: 25px;}
	.data_pop1 .popup1 .content .txt-1 { font-size: 16px;}
	.data_pop1 .popup1 .btn_wrap .btn_1 {  width: 21.71%;}
	.input_content .c_img { width: 10%;}
	.data_pop1 .popup1 {  width: 95%; height: 500px;}
	.m-lifelog .con .tit { margin-left: 10px !important;}
	.m-lifelog .p1 {margin-left: 10px;}
	.m-lifelog .p2 { margin-left: 10px;}
	.minidose_pop1 .popup1 {margin: 180px auto;background: #fff; border-radius: 12px; width: 95%; height: 515px; position: relative;}
	.minidose_pop1 .popup1 .pop_hd_bg h2 {font-size: 25px;padding: 15px 0 0 20px;}
	.minidose_pop1 .popup1 .content .txt-1 { font-size: 15px;margin-bottom: 0;}
	.minidose_pop1 .radioBtn .btn { font-size: 15px; padding: 5px 10px 0 0;}
	.minidose_pop1 .btn_wrap .btn_1 { font-size: 14px; height: 43px; line-height: 43px;width: 20%;}
	.about-life {margin-top: 25px;}
	.about-life .con-1{ padding: 0 10px !important;}
	.about-life .con-2 {margin-top: 30px; padding: 0 10px !important;}
	.about-life .con-2 .left h2 {font-size: 32px;}
	.about-life .con-2 .left span {font-size: 17px;margin: 15px 0;}
	.about-life .con-2 .left p { font-size: 15px;}
	.about-life .con-2 .left a {font-size: 18px; width: 60%; margin-top: 25px;margin-bottom: 35px;}
	.about-life .con-3 .line-1 { margin-top: 30px; padding: 0 10px !important;}
	.about-life .con-3 h2 {font-size: 32px;}
	.about-life .con-3 p {font-size: 17px;margin: 15px 0;}
	.about-life .con-3 .line-2 .box-1 .Life_line1 li {  width: 25%;}
	.about-life .con-4 { padding: 30px 0 !important;}
	.about-life .con-4 .left {padding: 0 10px !important;}
	.about-life .con-4 .right .card:first-child{margin-left: 0;}
	.about-life .con-4 .right .card {width: 100%; margin-right: 0;}
	.login_main .con-1{margin: 60px 0;}
	.login_main .con-1 .txt_over { margin-bottom: 4px; padding-left: 10px !important;}
	.login_main .con-1 .tit-1 { padding-left: 10px !important; padding-right: 10px !important;}
	.login_main .con-2 .con_box{width: 98%;}
	.login_main .con-2 .con_box-1{width: 98%;}
	.pw_1 .con-1{margin: 30px 0;}
	.pw_1 .con-1 .txt_over { margin-bottom: 4px; padding-left: 10px !important;}
	.pw_1 .con-1 .tit-1 { padding-left: 10px !important; padding-right: 10px !important;}
	.pw_1 .con-2 .line-1 h3 {font-size: 33px;}
	.pw_1 .con-2 .line-1 p {font-size: 18px;}
	.pw_1 .con-2 .line-2 { background-color: #fbfbfb;padding: 0 25px;}
	.pw_1 .con-2 .line-2 p{font-size: 18px;}
	.pw_1 .con-2 .line-2 .btn_box .btn { width: 40%;}
	.pw_1 .con-2 .line-3 { font-size: 16px;padding: 0 25px; margin-bottom: 40px;}
	.main_hd .hd-2 .all-menu img { width: 40px !important; margin-top: 010px;}
	.data_pop1 .popup1 {margin: 170px auto;}
	.data_pop1 .input_content .sty-1{ width: 100%;}
	.data_pop1 .input_content .sty-2{ width: 100%;}
	.wid49P{width: 100% !important; margin-right: 0;}
	.data_pop1 .radioBtn .btn { height: 40px; line-height: 28px;}
	.data_pop1 .popup1 .content { max-height: 75%;}
	.reset_page .con-1{margin: 50px 10px;}
	.reset_page .con-2 { margin: 0 auto 57px;}
	.reset_page .con-2 .log_wrap{ width: 90%;}
	.reset_page .con-2 .log_wrap .reg-box .con{padding: 24px 20px 15px; }
	.reset_popup .modal-dialog { width: 90%;}
	.reset_popup .modal-body .card_wrap {width: 100%; margin-bottom: 20px;}
	.reset_popup .modal-body .card_wrap:last-child{margin-bottom: 0;}
	.reset_popup .payment-method { display: block;}
	.reset_popup .modal-title {font-size: 27px;}
	.reset_popup .modal-title img{width: 0; margin-right: 0;}
	.reset_popup .modal-header { padding: 22px 20px 0;}
	.reset_popup .modal-body {padding: 16px 20px;}
	.reset_popup .payment-method { margin: 16px 0 16px;}
	.reset_popup .method {padding-top: 16px;}
	.reset_popup .modal-footer .btn {width: 30%;margin-bottom: 0; height: 40px}
	.reset_popup .modal-footer {padding: 0 15px 15px;;}
	.reset_popup .next { height: 45px;}
	.reset_popup .modal-body .tit {font-size: 15px;}
	.kcal_pop1 .popup1 {margin: 120px auto; width: 90%; height: 540px; }
	.kcal_pop1 .popup1 .pop_hd_bg h2 img{width: 50px; height: 50px;}
	.kcal_pop1 .popup1 .content{margin-top: 10px; }
	.kcal_pop1 .popup1 .content .txt-1{ margin-bottom: 10px; font-size: 16px;}
	.kcal_pop1 .popup1 .content .con-1 .tit { margin-top: 60px;}
	.kcal_pop1 .popup1 .input_content .table_wrap { margin-bottom: 10px;}
	.kcal_pop1 .btn_1 { width: 28%; }
	.join-1 {padding: 0 10px !important;}
	.join-1 .con-2 .step_box ul li .img1 { width: 89px;}
	.join-1 .con-2 .step_box ul li .txt_box { margin-left: 10px; margin-top: 10px;}
	.join-1 .con-2 .btn_wrap { margin-bottom: 50px;}
	.join-1 .con-2 .join-box .table-wrap .table th{ width: 23.77%}
	.table_sty-4 th{ width: 23.77%}
	.table_sty-4 .check_btn { width: 50%;}
	.table_sty-4 .interest .check-row1 span{width: 50%; margin-bottom: 10px;}
	.table_sty-4 .red {margin-left: 0 !important;}
	.wid160{width: 100% !important;}
	.wid200{width: 44% !important; margin-right: 0 !important;}
	.wid255{width: 100% !important; margin-left: 0 !important;}
	.wid327{width: 100% !important;margin-right: 0 !important;}
	.wid431{width: 100% !important;margin-right: 0 !important;}
	.join-1 .con-2 .join-box .table-wrap .table .check_btn { width: 50%;}
	.join-1 .con-2 .join-box .table-wrap .table .interest .check-row1 span{width: 50%; margin-bottom: 10px;}
	.join-1 .con-2 .join-box .table-wrap .table .red {margin-left: 0 !important;}
	.join-1 .con-2 .rules_wrap1 .btn_box{width: 80%;}
	.join-1 .con-2 .rules_wrap1 .btn_box .btn{ width: 47%;}
	.app_info .con-1{padding: 0 10px !important;}
	.app_info .con-2 .banner{padding: 0 10px !important;;}
	.app_info .con-2 .sec-1 {  margin: 0 0 30px; padding: 0 10px !important;}
	.app_info .con-2 .sec-2 {min-height: 0; }
	.app_info .con-2 .sec-3 {min-height: 500px; padding: 0 10px !important;}
	.app_info .con-2 .sec-4 { padding: 0 10px !important;}
	.app_info .con-2 .sec-2 .con-1 .left {width: 100%;}
	.app_info .con-2 .sec-2 .con-1 .left img{width: 90%;}
	.app_info .con-2 .sec-2 .con-1 .right {width: 100%;}
	.app_info .con-2 .sec-2 .inner .con-1 { padding: 30px 0 30px !important;  min-height: 0;  max-height: 600px; }
	.app_info .con-2 .sec-2 .con-1 .right img{display: none;}
	.app_info .con-2 .sec-2 .con-1 .right h3 { font-size: 35px; margin:0 0 18px; text-align: center;}
	.app_info .con-2 .sec-2 .con-1 .right p { width: 90%; text-align: center; margin: 0 auto;}
	.app_info .sec-4 .con-1 .right .carousel {display: none;}
	.app_info .con-2 .sec-3 .inner .con-1 { padding: 30px 0 30px !important;  min-height: 0;  max-height: 600px; }
	.app_info .con-2 .sec-3 .con-1 .left h3 { font-size: 35px; margin:0 0 18px; text-align: center;}
	.app_info .con-2 .sec-3 .con-1 .left p { width: 90%; text-align: center; margin: 0 auto;}
	.app_info .con-2 .sec-3 .con-1 .right { margin-top: 30px;}
	.app_info .con-2 .sec-4 .con-1 { padding: 30px 0 30px !important;}
	.app_info .con-2 .sec-4 .con-1 .left h3{text-align: center;  font-size: 35px; margin:0 0 18px}
	.app_info .con-2 .sec-4 .con-1 .left p{width: 95%; text-align: center; margin: 0 auto;}
	.app_info .con-2 .sec-4 .con-1 .left .img_box { margin-top: 30px;text-align: center;}
	.app_info .con-2 .sec-4 .con-1 .left .img_box ul{width: 100%;}
	.app_info .con-2 .sec-4 .con-1 .right{display: none;}
	.app_info .con-2 .sec-5 { padding: 0 10px !important;}
	.app_info .con-2 .sec-5  .con-1 { padding: 40px 0 40px !important; }
	.app_info .con-2 .sec-5 .con-1 .left .line-1 h4{ font-size: 35px; }
	.app_info .con-2 .sec-5 .con-1 .right .btn a { width: 174px; margin-right: 5px;}
	.app_info .con-2 .sec-5 .con-1 .right .btn{padding: 0;}
	.app_info .con-2 .sec-5 .con-1 .left .line-1 {margin-bottom: 30px;}
	.app_info .con-2 .sec-1 .tit h3{margin-bottom: 30px;}
	.app_info .con-2 .sec-1 .txt_box ul li p { font-size: 16px;width: 90%;}
	.media_report{padding: 0 10px !important}
	.sel_sy-1{text-align: right; display: inline-block; width: 100%; overflow: hidden;}
	.media_report .pop_pagin{margin-top: 40px; font-size: 12px;}
	.pop_pagin .pagination>li>a, .pop_pagin .pagination>li>span {padding: 7px 13px; font-size: 12px;}
	.media-T ul li a .right {width: 100%; }
	.media-T ul li a .right img{width: 100%;}
	.media-T ul li a .left {width: 100%; margin-top: 24px;  padding-left: 0;}
	.search_bar-1 .radio_wrap {width: 98%;}
	.sch-1 {width: 100%;}
	.search_bar-1 {height: 108px; padding-top: 10px !important;}
	.sch-1 {margin-left: 0;width: 100%; margin-top: 8px;}
	.sch-1 .tit{display: none;}
	.sch-1 .input_content {  width: 75%;}
	.sch-1 .btn-box {width: 25%;}
	.m-app .right_box .app {width: 50%;}
	.m-app .right_box .android {width: 50%;}
	.cardWrap ul li{float: left; width: 50%; margin-bottom: 35px}
	.table_sty-2 tbody tr .img_box img { margin-right: 0 !important;}
	.life_con .con-4 .pop_pagin .pagination>li>a, .pop_pagin .pagination>li>span {padding: 7px 13px;font-size: 11px;}
	.table_sty-3 tbody tr td{font-size: 15px; padding: 23px 3px;}
	.app_info .con-2 .sec-1 .txt_box ul li{min-height: 220px; }
	.service_info .con-1{padding: 0 10px !important;}
	.service_info .con-2 .banner{padding: 0 10px !important;;}
	.service_info .con-2 .sec-1 {margin: 30px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-2 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-3 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-4 {margin: 50px 0 0; padding: 0 10px 50px !important;}
	.service_info .con-2 .sec-2 .tit h3 { margin-top: 0;}
	.service_info .con-2 .sec-3 .right { margin-top: 17px;}
	.service_info .con-2 .sec-3 .right ul li .txt_box { width: 75%;}
	.service_info .con-2 .sec-3 .right ul li {margin-bottom: 30px;}
	.info_banner img { top: 40px;}
	.service_info .con-2 .sec-3 .left { width: 100%; margin-right: 0;}
	.service_info .con-2 .sec-3 .right {width: 100%}
	.service_info .con-2 .sec-3 .left h3 { margin-bottom: 18px;}
	.service_info .con-2 .sec-4 .thumbnail { width: 50%;}
	.service_info .con-2 .sec-4 .tit-line {margin-bottom: 50px;}
	.service_info .con-2 .sec-1 .tit {margin-bottom: 30px;}
	.service_info .con-2 .sec-4 .thumbnail .txt_box span {font-size: 16px;;}
	.service_info .con-2 .sec-4 .thumbnail .txt_box h4 {font-size: 17px;}
	.service_info .con-2 .banner p { line-height: 1.3; font-size: 15px; margin-bottom: 30px;}
	.health_news ul li{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.detail_wrap .tit h2 { font-size: 23px;}
	.post_list .prev span{ width: 25%;}
	.post_list .prev p{width: 74%; margin-left: 1%}
	.post_list .next span{ width: 25%;}
	.post_list .next p{width: 74%;}
	.detail_wrap .tit ul li span {font-size: 13px;}.detail_wrap .txt_box {padding: 15px;}
	.btn_list-wrap {padding: 20px 0;}
	.detail_wrap .txt_box .txt {font-size: 15px;}
	.news_source p { font-size: 14px;}
	.join-1 .join .card_box ul li {  width: 100%; margin-right: 0; margin-bottom: 16px;}
	.join-1 .join .card_box ul li a p{ min-height: 140px; }
	.medikal_Tourism .con-1,
	.medikal_Tourism .con-2{padding: 0 10px !important;}
	.medikal_Tourism .con-2 .table_sty-4 .calendar_wrap { width: 100%;}
	.table_sty-5 {margin-bottom: 10px; width: 100%; margin-right: 0}
	.line_wrap { margin-bottom: 0;}
	.table_sty-5 .hotel_wrap .ul-1 li .select_1 { width: 50%;}
	.table_sty-5 .calendar .c_img {margin-top: 3% !important;}
	.m-syw-70{width: 90% !important; margin-bottom: 3%;}
	.m-syw-60{width: 40% !important; margin-left: 1% !important ; margin-bottom: 3%;}
	.m-no-margin{margin: 0 !important;}
	.medikal_list .con-1,
	.medikal_list .con-2{padding: 0 10px !important;}
	.medikal_list .cardWrap ul li {width: 100% !important; margin-bottom: 16px;}
	.myhealth_popup .popup1 { width: 95% !important; height: 560px; margin: 100px auto}
	.myhealth_popup .pop_pagin .pagination>li>a, .myhealth_popup .pop_pagin .pagination>li>span { padding: 8px 10px;font-size: 12px;}
	.myhealth_popup .btn_wrap .btn_1 { font-size: 15px; height: 40px; line-height: 40px; width: 30%;}
	.myhealth_popup .sel_left { text-align: left; display: block;margin: 24px 0 0;}
	.myhealth_popup .pop_pagin {text-align: center; margin-top: 16px;}
	.myhealth_popup .sel_sy-1 .input_wrap {width: 70%;}
	.myhealth_popup .sel_sy-1 .btn {width: 27%;}
	.dialog3_popup .popup1 {width: 95%;}
	.dialog3_popup .table-responsive {max-height: 400px; min-height: 400px;}
	.dialog3_popup  .popup1 .pop_hd_bg h2 img {width: 40px; height: 40px;}
	.dialog3_popup .popup1 .pop_hd_bg h2 { font-size: 25px;}
	.profile_popup .popup1 { width: 95%;}
	.profile_popup .popup1 .content .con .left img { width: 55px;}
	.profile_popup .popup1 .content { padding: 0 16px;}
	.myhealth .con-1,
	.myhealth .con-2,
	.myhealth .con-3,
	.myhealth .con-4{padding: 0 10px !important;}
	.myhealth .con-2 .user .left { width: 100%; margin-bottom: 16px;}
	.myhealth .con-2 .user .right { width: 100%;}
	.myhealth .con-2 .user .right .f-left .line-3 .input_wrap { width: 100%;}
	.myhealth .con-2 .user .right .f-left .line-3 .btn_box {width: 38%; margin-top: 8px;}
	.myhealth .con-3 .life-log .ul_1 li {padding: 16px 16px; width: 49%;margin-right: 1%; min-height: 130px;margin-bottom: 8px;}
	.myhealth .con-3 .life-log .ul_1 li a .txt_box{text-align: center;}
	.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt .fw {font-size: 18px;}
	.myhealth .con-3 .life-log .ul_1 li a .img_box{text-align: center;}
	.myhealth .con-3 .life-log .ul_1 li a .img_box img { height: 35px;width: 40px; margin-bottom: 8px; }
	.myhealth .con-3 .life-log .ul_1 li a .txt_box .life_txt .fn { font-size: 15px;}
	.health_check .con-1,
	.health_check .con-2{padding: 0 10px !important;}
	.health_check .con-2 .check-nav .nav-item .nav-link { padding: 16px 8px; border: 0}
	.health_check .con-2 .check-nav .nav-item {  width: 33%;text-align: center; min-height: 142px;}
	.health_check .con-2 .check-nav .nav-item .nav-link span {font-size: 14px; }
	.health_check .con-2 .p_sy1 {margin-bottom: 16px; font-size: 15px;}
	.mg-con1 { margin: 24px 0 0 !important;}
	.health_check .heal-ch .check-nav>li.active>a, .health_check .heal-ch .check-nav>li.active>a:focus, .health_check .heal-ch .check-nav>li.active>a:hover {border: 1px solid #007aff;}
	.tabWrap_sy1 .nav-tabs > li { width: 33.333%; text-align: center;}
	.patientNumber .con-1,
	.patientNumber .con-2{padding: 0 10px !important;}
	.patientNumber .con-2 .card_wrap ul li{width: 100%; margin-right: 0;}
	.patient_popup .popup1 {width: 97%; }
	.patient_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{width: 72%; }
	.patient_popup-1 .popup1 { width: 95%;height: 38.5%;}
	.patient_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {width: 60% !important;}
	.health_check .heal-ch .btn_right {text-align: right; margin-top: 16px;}
	.health_check .heal-ch .btn_right .btnS_2{font-size: 13px; padding: 8px 16px !important;}
	.table_sty-6 tbody tr th { font-size: 12px;padding: 4px 0 0 4px;text-align: left; vertical-align: middle;}
	.tabWrap_sy2 .nav-tabs>li.active>a, .tabWrap_sy2 .nav-tabs>li.active>a:focus, .tabWrap_sy2 .nav-tabs>li.active>a:hover {font-size: 12px;}
	.tabWrap_sy2 .nav-tabs>li>a { font-size: 12px;}
	.table_sty-6 tbody tr th { font-size: 13px; padding: 15px 0;text-align: left;}
	.acd_sy-1 .panel-title a .tit_w li { margin-right:40px;}
	.acd_sy-1 .panel-title a .tit_w { width: 92%;}
	.acd_sy-1 .panel-title a .l_arrow {margin-top: 15px; width: 8%;}
	.patient_popup .popup1 .content .con .refe_wrap ul li .left {width: 23%;}
	.patient_popup .popup1 .content .con .refe_wrap ul li .right {width: 77%;}
	.pwchange .con-1,
	.pwchange .con-2{padding: 0 10px !important;}
	.table_sty-8 th { width:35%; font-size: 15px; padding-left: 0 !important;}
	.pwchange .pw_info .left { width: 100%; text-align: center; margin-right: 0;}
	.pwchange .pw_info .left img{width: 30%;}
	.pwchange .pw_info .right { width: 100%; margin-top: 16px;}
	.pwchange .pw_info .right p{font-size: 15px;}
	.pwchange .btn_wrap .btn {margin-bottom: 30px;}
	.pwchange .pw_info { padding: 16px;;}
	.pwchange .p_sy1 {  margin-bottom: 24px; font-size: 16px;}
	.partnerHospital .con-1,
	.partnerHospital .con-2{padding: 0 10px !important;}
	.table_sty-7 tr th{width: 25%; font-size: 12px;}
	.table_sty-7 tr td{width: 75%}
	.table_sty-7 tr .square { margin-right: 2px;}
	.table_sty-7 tr .red-icon { margin-left: 1px; }
	.wid125{width: 30% !important;}
	.wid247{width: 100% !important;}
	.table_sty-7 .job_name {width: 50px;margin-left: 0 !important;margin-right: 0 !important;}
	.family_popup .popup1{width: 98%}
	.family_popup .popup1 .content .con .refe_wrap2 ul li .left {width: 23%;padding-top: 14px; font-size: 13px}
	.family_popup .popup1 .content .con .refe_wrap2 ul li .right{width: 72%}
	.family_popup .popup1 .pop_hd_bg h4 {font-size: 0.95em;padding: 8px 32px 0;}
	.familyPopup .input_wrap.emailBox input:first-child {width: 50%!important;}
	.familyPopup .btn-New{height:35px;min-width:90px;border: solid 1px #007aff;color:#007aff; background-color: #fff; margin-top: 16px;}
	.partnerHospital_list .con-1,
	.partnerHospital_list .con-2{padding: 0 10px !important;}
	.partnerHospital_list .con-2 .list_wrap .list ul li a .right { font-size: 16px;}
	.partnerHospital_list .con-2 .list_wrap .list ul li {width: 50%; padding: 24px 0 24px 0;margin-bottom: 8px; margin-right: 0;}
	.operation_popup .popup1 {width: 97%; }
	.operation_popup .popup1 .content .con .refe_wrap-1 ul li .right .form-control{width: 72%; }
	.operation_popup .popup1 { width: 95%;height: 38.5%;}
	.operation_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-control {width: 55% !important;}
	.sight_popup .popup1 { margin: 80px auto; width: 95% !important;}
	.placePick { margin: 0;}
	.placePick .radioBtn .btn { line-height: 30px;}
	.sight_popup .sightTblHead input{width: 100px;}
	.sight_popup .sightTblHead .sDistance{width: 100%;}
	.operation_popup .popup1 .content .con .refe_wrap ul li .sy-11 .form-1 {width: 80% !important;}
	.opinion_popup .popup1 { width: 95%;}
	.opinion_popup .popup1 .content .tablePopup-1 tr td {font-size: 16px; vertical-align: middle; }
	.opinion_popup .popup1 .content .tablePopup-1 .col-table { padding: 8px 16px !important;}
	.table_sty-9 thead tr th { font-size: 15px;}
	.op_wrap-1 .data-wrap ul li { font-size: 15px; width: 100%;}
	.signature_popup .popup1 {margin: 100px auto; width: 95% !important;}
	.signature_popup .popup1 .content {padding: 0 32px 10px;}
	.search_bar-2 .select_2{width: 25%; float: left; margin-right: 8px; height: 40px;}
	.search_bar-2 .sch-1 {float: left;margin-left: 1%;overflow: hidden;width: 100%; margin-top: 8px;}
	.search_bar-2 .sch-1 .input_content {overflow: hidden;float: left;width: 50%;}
	.search_bar-2 {height: 108px;padding-top: 10px !important;}
	.search_bar-2 .radio_wrap {width: 33%;}
	.search_bar-2 .select_2{width: 48%;}
	.search_bar-2 .sch-1 {margin-left: 1%; width: 100%; margin-top: 8px;}
	.search_bar-2 .sch-1 .input_content {width: 75%;}
	.search_bar-2 {height: 108px;}
	.search_bar-2 .radio_wrap {width: 48%;}
	.reportDetail .con-1,
	.reportDetail .con-2{padding: 0 10px !important;}
	.reportDetail .calendar_wrap {width: 65%;}
	.reportDetail .calendar .c_img {margin-top: 8%;margin-right: 10px !important; margin-left: 0}
	.reportDetail table.mediTable-1 .sel_1 {width: 100%;}
	.reportDetail table.mediTable-1 tr td:first-child {width: 25%;background-color: #fcfcfd;font-size: 14px;vertical-align: middle;font-weight: 600;line-height: 18px;text-align: left;padding: 0 5px 0 10px;}
	.register .calendar .c_img {margin-top: 9%; margin-right: 3px !important;}
	.register .btn_wrap .btn_box_1 .btn {width: 30%;}
	.register-1 .btnS_15{margin-left: 8px ;padding: 8px 50px !important; margin-top: 8px;}
	.prod_Page .con-1,
	.prod_Page .con-2{padding: 0 10px !important;}
	.prod_Page .sch-2 .input_content {width: 73.32%;}
	.prod_Page .sch-2 .input_content .form-control {padding: 6px 5px 6px 5px;}
	.prod_Page .input_wrap {margin: 0;width: 100%;}
	.prod_Page .wid431 {width: 80% !important;}
	.prod_Page .btnS_9 {padding: 4px 8px !important;}
	.par-btn_wrap .btn {width: 30%;}
	.subP_tit .con-1 .tit-1 ul {text-align: left;margin: 16px 0;}
	.container-fluid {border: none !important;  height: 0 !important;}
	.sub_1 .life_hd {display: none;}
	.sch-1 .btn {padding: 0 20px; margin-left: 0;}
	.site_map .con-1,
	.site_map .con-2{padding: 0 10px !important;}
	.notice-popup .modal-body .sec-1 .right {display: none;}
}