@charset "utf-8";
@import url('swiper.css');

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%; }
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:1;font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif;  color:#303b4f; }
a { text-decoration:none; color:#666}
em { font-style:normal }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,button { font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif; border-radius:0; }
select { font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif;  border-radius:0;}
html{ -webkit-text-size-adjust: 100%;}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb1 { margin-bottom:1px !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb110 { margin-bottom:110px !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.mr40 { margin-right:40px !important }
.mr50 { margin-right:50px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }

.text-under { text-decoration:underline !important }
.blue { color:#646ce8 !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }
.under { text-decoration: underline !important; }
h1,h2,h3,h4,h5,h6,h7,strong,th  { font-weight:700; }
.clear { clear: both;}
.col-box:after { display: block; content: ''; clear: both;}
.col-box { clear: both;}
.col-left { float:left; }
.col-right { float:right; }
button,input[type=text],input[type=number],input[type=password],input[type=email],textarea,select  { -webkit-appearance:none; appearance:none; outline:none; }
/***********************************************************************************
	Common
************************************************************************************/

* {box-sizing:border-box; -webkit-box-sizing:border-box; }

.inp { height:35px; border: 1px solid #ccc; font-size:12px; padding-left: 10px; vertical-align: middle; box-sizing:border-box; color: #555; border-radius:0; }
.inp[type=date] { -webkit-appearance:none; width:100%; box-shadow:none; }
.textarea { border: 1px solid #ccc; font-size:12px; line-height: 1.4em; padding:10px; vertical-align: middle; box-sizing:border-box; resize:none;}
.btn { display: inline-block; vertical-align: middle; -webkit-appearance:none; border:0; box-shadow:none; text-align: center; font-size:12px; color: #fff;  box-sizing:border-box; height:35px; line-height: 33px; padding:0 5px; vertical-align: middle; background: #646ce8; border: 2px solid #646ce8;}

.radio1 { position: absolute; left: -9999px;}
.radio1 + label { font-size:12px !important; color: #666; line-height: 17px; }
.radio1 + label span { display: inline-block; vertical-align: middle; font-size:13px; color: #303b4f; width:17px; height: 17px; text-align: center;  border: 1px solid #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor: pointer; position: relative; margin-right:5px; }
.radio1 + label span:before { content: ''; opacity:0; position: absolute; left: 3px; top:3px; width:9px; height:9px;  background: #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform:scale(2); -webkit-transform:scale(2); }
.radio1:checked + label span:before {transform:scale(1); -webkit-transform:scale(1); opacity:1; }


.radio2 { position: absolute; left: -9999px;}
.radio2 + label { font-size:16px; color: #666; line-height: 25px; }
.radio2 + label span { display: inline-block; vertical-align: middle;  width:25px; height: 25px; border-radius:100%; background: #fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor: pointer; position: relative; margin-right:5px; }
.radio2 + label span:before { content: ''; opacity:0; position: absolute; left: 5px; top:5px; width:15px; height:15px;  background: #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform:scale(0.2); -webkit-transform:scale(0.2); border-radius:100%; }
.radio2:checked + label span:before {transform:scale(1); -webkit-transform:scale(1); opacity:1; }

.radio3 { position: absolute; left: -9999px;}
.radio3 + label { font-size:12px; color: #ccc; line-height: 17px; padding-left: 15px; }
.radio3 + label span { position: absolute; right:15px; top:12px; width:25px; height: 25px; text-align: center;  border: 1px solid #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor: pointer; }
.radio3 + label span:before { content: ''; opacity:0; position: absolute; left: 5px; top:5px; width:13px; height:13px;  background: #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform:scale(2); -webkit-transform:scale(2); }
.radio3:checked + label span:before {transform:scale(1); -webkit-transform:scale(1); opacity:1; }

.radio4 { position: absolute; left: -9999px;}
.radio4 + label { font-size:14px; color: #999; line-height: 20px; }
.radio4 + label span { display: inline-block; vertical-align: middle;  width:20px; height: 20px; text-align: center;  border: 1px solid #999; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor: pointer; position: relative; margin-right:5px; top:-1px; }
.radio4 + label span:before { content: ''; opacity:0; position: absolute; left: -1px; top:-1px; right:-1px; bottom:-1px;  background: #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform:scale(0); -webkit-transform:scale(0); }
.radio4:checked + label span:before {transform:scale(1); -webkit-transform:scale(1); opacity:1; }

.radio5 { position: absolute; left: -9999px;}
.radio5 + label { font-size:14px; color: #E70014; line-height: 20px; }
.radio5 + label span { display: inline-block; vertical-align: middle;  width:20px; height: 20px; text-align: center;  border: 1px solid #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor: pointer; position: relative; margin-right:5px; }
.radio5 + label span:before { content: ''; opacity:0; position: absolute; left: -1px; top:-1px; right:-1px; bottom:-1px;  background: #E70014; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform:scale(0); -webkit-transform:scale(0); }
.radio5:checked + label span:before {transform:scale(1); -webkit-transform:scale(1); opacity:1; }


.select { -webkit-appearance:none; appearance:none; width:100%; height: 51px; padding:0 40px 0 10px; font-size:14px; color: #333; background:url(../img/common/select.png) no-repeat 100% 50%; background-size:52px auto;  vertical-align: middle; border: 0;}
.select[type=date] { box-shadow:none;background: url(../img/common/ico_cal2.png) no-repeat 100% 50%; background-size:52px auto;}


/* MODAL */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 15px; }
.modal-content {position:relative; background-color:#f5f5f5; outline:none;  overflow:hidden; padding:30px 10px; font-size:14px; color: #282828;}
.modal-foot { position: relative; overflow: hidden;} 
.modal-foot:before { content: ''; position: absolute; left: 50%; top:0; bottom:0; width:1px; background: #fff;}
.modal-foot .btn { float:left;width:50%; height: 33px; line-height: 32px; font-size:14px; color: #fff; background: #E70014; padding:0; border: 0; }
.modal-foot.big .btn { height:55px; font-size:20px; }
.modal-txt { text-align: center; line-height: 1.4;}
.modal-photo { text-align: center; padding:15px; }
.modal-photo .img img { width:138px; }
.modal-photo .txt1 { font-size:20px; line-height: 1.3; color: #E70014; padding:20px 0; }
.modal-photo .txt2 { text-align:left; font-size:16px; color: #999; line-height: 1.3; padding-left: 10px; text-indent: -10px; margin-bottom: 10px;}
.modal-header { padding:5px 0; text-align: right; border-bottom: 1px solid #E70014; }
.modal-header .btn-del { font-size:12px; color: #019faa; display: inline-block; vertical-align: middle; padding:0 5px; }
.modal-header .btn-del img { width:17px; }
.modal-header .btn-close { display: inline-block; vertical-align: middle; width:30px; height: 30px; background: url(../img/common/ico_modal_close.png) no-repeat 50% 50%; background-size:18px auto;}

#modal3 .modal-header { background: #fff;}
#modal3 .modal-content { background: #fff; padding:10px 0 0 0; }
#modal3 .scan-result .inp-box .input .inp { border: 0; height:28px; }
#modal3 .scan-result .inp-box .input .btn-cal { display: none;}
#modal3 .scan-result .photo-upload { margin:0; border: 0; padding:15px; height:270px; overflow: auto; text-align: center;}
#modal3 .scan-result .photo-upload .photo {  }

#modalGuide .modal-content { background: #eaeaea; border: 3px solid #E70014; padding:40px 15px 30px; }
#modalGuide .modal-content .close { position: absolute; right:5px; top:5px; width:30px; height: 30px; background: url(../img/common/close_modal.png) no-repeat 50% 50%; background-size:19px auto; text-indent: -9999px;}

.bg-gnb { display: none; position: absolute; left: 0; right:0; top:105px; height: 288px; background: #fff;z-index:2500; border-bottom: 1px solid #e1e1e1; }
.bg-gnb:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; height: 1px; background: #e1e1e1; z-index:6000;}
#gnb > ul > li:hover .dep2 { display: block; }
#header.active .bg-gnb { display: block; }

#m-gnb {  position:fixed; left: 0; top:0; bottom:0; z-index:5000; width:260px; left:-260px; background: #f7f7f7;  height: 100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#m-gnb .scroller { position: absolute; left: 0; top:0; bottom:0; width:100%; overflow-y:scroll; text-align: left; padding:0 0 40px;}
#m-gnb .btn-home { display: block; font-size:17px; padding-left:30px; line-height: 43px; height:44px; font-weight: 600; background: #fafafa; color: #000; position: relative; border-bottom: 1px solid #ccc;}
#m-gnb .btn-dep1 { display: block; font-size:17px; padding-left:30px; line-height: 44px; height:45px; border-bottom: 1px solid #ccc;   background: #eee; color: #000; position: relative; font-weight:600;}
#m-gnb .m1 .btn-dep1:before { content: ''; position: absolute; right:20px; top:11px; width:10px; height:10px; border-left: 1px solid #999; border-bottom: 1px solid #999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#m-gnb .m1.active .btn-dep1:before { transform:rotate(135deg); -webkit-transform:rotate(135deg); top:17px;}
#m-gnb .welcome { padding:30px 15px 10px 20px; background: #E70014; overflow: hidden;}
#m-gnb .welcome span { float:left; font-size:12px; font-weight: 600; color: #fff; }
#m-gnb .welcome span strong { font-weight: normal; font-size:24px; }
#m-gnb .welcome div { float:right; }
#m-gnb .welcome div a { display: inline-block; padding:0 10px; vertical-align: middle; width:25px; height:25px; }
#m-gnb .welcome div a.btn-w1 { background: url(../img/common/nav_ico1.png) no-repeat 50% 50%; background-size:14px auto; }
#m-gnb .welcome div a.btn-w2 { background: url(../img/common/nav_ico2.png) no-repeat 50% 50%; background-size:19px auto; }
#m-gnb .welcome div a.btn-w3 { background: url(../img/common/nav_ico3.png) no-repeat 50% 50%; background-size:14px auto; }

#m-gnb .dep2 { display: none; }
#m-gnb ul > li.active .btn-dep1 { background-image:url(../img/common/ico_m_nav_minus.png);}
#m-gnb .dep2 .title { display: none; }
#m-gnb .dep2 .nav a { display: block; font-size:15px; padding-left:30px; line-height: 39px; height:40px; border-bottom: 1px solid rgba(204,204,204,0.6); color: #000;}
#m-gnb .dep2 .nav p a { background:#f2f2f2 url(../img/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-gnb .dep2 .nav p.active a { background-image:url(../img/common/ico_m_nav_minus.png); }
#m-gnb .copy { display: none;text-align: center; font-size:11px; padding:25px 0 0; color: #999;}
.bg-m { display: none;position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:4000; }


body.fixed #m-gnb { display: block;left:0; }
body.fixed { overflow: hidden;}
body.fixed .bg-m { display: block;}





#login { position: fixed; left: 0; right:0; top:0; bottom:0; background:url(../img/main/bg.png) no-repeat 50% 50%; background-size:cover; overflow: auto;}
#login h1 { position: absolute; left: 20px; top:100px; right:20px; text-align: center;}
#login h1 img { width:64px; }
#login .login-form { padding:140px 50px 0; }
#login .login-form .img1 { text-align: center; padding:10px 10px 5px; margin-bottom: 15px; font-family: 'Daum'; font-size: 20px; font-weight: 400; color: #e70014; }
#login .login-form .img1 img { width:180px; }
#login .login-form .inp-box { position: relative; height:45px; line-height: 45px;  padding-left:40px; }
#login .login-form .inp-box:before { content: ''; position: absolute; right:0; bottom:0; left:40px; height:1px;background:  rgba(255,255,255,0.6);}
#login .login-form .inp-box.inp1 { background:#fff url(../img/login/id.png) no-repeat 10px 50%; background-size:17px auto; border-radius:5px; border:1px solid #ddd; margin-bottom: 10px;}
#login .login-form .inp-box.inp2 { background:#fff url(../img/login/pw.png) no-repeat 10px 50%; background-size:19px auto; border-radius:5px; border:1px solid #ddd;}
#login .login-form .inp-box .inp-login { border:0; background: none; font-size:15px; color: #666; width:100%; height:45px;  }
#login .login-form .inp-box label { font-size:15px; color: #666; }
#login .login-form .inp-box label small { font-size:10px; color: #ccc; }
#login .login-form .etc { text-align: center; padding:14px 0 18px;}
#login .login-form .etc label { margin:0 15px; padding-left:0 !important;}
#login .login-form .btn-login { display: block; height: 43px; line-height: 42px; text-align: center; background: #E70014; border-radius:5px; font-size:15px; font-weight: 600; color: #fff; }
#login .login-form .etc2 { text-align: center; padding-top:12px; }
#login .login-form .etc2 a { display: inline-block; vertical-align: middle; position: relative; font-size:11px; color: #666; padding:0 13px;}
#login .login-form .etc2 a + a:before { content: ''; position: absolute; left: 0; top:1px; height:10px; width:1px; background: #666; }
#login .foot-logo { padding:45px 14px 10px 0;  text-align: right;}
#login .foot-logo img { height:17px;}
#login .login-form .etc input[type=checkbox]{width:auto !important; height:auto !important;}

#main { position: fixed; left: 0; right:0; top:0; bottom:0; background: url(../img/login/bg.jpg) no-repeat 50% 50%; background-size:cover; overflow: auto;}
#main h1 { position: absolute; left: 15px; top:15px; }
#main h1 img { width:84px; }
#main .top-right { position: absolute; right:15px; top:15px; }
.btn-m { display: inline-block; vertical-align: middle; width:33px; height: 33px; background: url(../img/common/ico_nav.png) no-repeat 50% 50%; background-size:23px auto; }

#main .foot-logo { padding:5px 14px 5px 0;  text-align: right;}
#main .foot-logo img { height:17px;}

.main-box { padding:62px 15px 0;}
.main-btn1 { }
.main-btn1 a { display: block; overflow: hidden; border-radius:10px;padding:10px 36px 5px 18px; text-align: center; background:rgba(255,255,255,0.4); box-shadow:7px 7px 5px rgba(0,0,0,0.2); position: relative;}
.main-btn1 a div { float:left; width:55%;}
.main-btn1 a div img { max-width:151px;}
.main-btn1 a p { float:left; width:45%; padding-top:12px;}
.main-btn1 a p strong { font-size:20px; line-height: 1.2; color:#fff; font-weight: 600;}
.main-btn1 a p span { display: block;font-size:13px; line-height: 1.2; color: #0b5157; margin-bottom: 7px; padding-top:3px;}
.main-btn1 a p img { width:76px; }
.main-btn1 a:before { content: ''; position: absolute; right:10px; bottom:10px; width:32px; height:32px; background: url(../img/common/ico_main_go.png) no-repeat 0 0; background-size:32px auto;}

.main-btn2 { margin:20px 50px; position: relative; overflow: hidden;}
.main-btn2:before { content: ''; position: absolute; left: 10px; right:10px; top:50%; height:1px; background: #fff; margin-top:-11px;}
.main-btn2:after { content: ''; position: absolute; left:50%; top:0; bottom:15px; width:1px; background: #fff; }
.main-btn2 a { float:left; width:50%; height:114px; text-align: center; padding-top:68px;  }
.main-btn2 a:nth-child(1),
.main-btn2 a:nth-child(2) { margin-bottom: 25px;}
.main-btn2 a:nth-child(2) strong { display: block; padding-top:5px;}
.main-btn2 a:nth-child(4) strong { display: block; padding-top:5px;}
.main-btn2 a strong { font-size:16px; font-weight: 600; color: #fff; }
.main-btn2 a span { display: block; font-size:12px; color: #2a696b; padding-top:3px;}
.main-btn2 a.btn1 { background: url(../img/common/ico_main2.png) no-repeat 50% 0; background-size:58px auto;}
.main-btn2 a.btn2 { background: url(../img/common/ico_main3.png) no-repeat 50% 0; background-size:62px auto;}
.main-btn2 a.btn3 { background: url(../img/common/ico_main4.png) no-repeat 50% 0; background-size:54px auto;}
.main-btn2 a.btn4 { background: url(../img/common/ico_main5.png) no-repeat 50% 0; background-size:46px auto;}

body,html { height: 100%; }
#header { height:42px; line-height: 41px; text-align: center;  background: #f6f6f6; }
#header h2 { font-size:16px; color: #000; font-weight: 600; }
#header .btn-m { position: absolute; right:0; top:0; width:42px; height: 42px;}
#header .btn-back { position: absolute; left: 0; top:0; width:42px; height:42px; }
#header .btn-back:before { content: ''; position: absolute; left: 17px; top:13px; width:13px; height:13px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#wrap { min-height: 100%; position: relative;}
#bottom { position: absolute; left: 0; right:0; bottom:0; }
#bottom .btn-bottom { display: block; width:100%; height:50px; line-height: 49px; text-align: center; font-size:20px; background: #E70014; color: #fff; }
#bottom .btn-bottom[disabled] { background: #ccc; }
#bottom.col2 .btn-bottom { width:50%; float:left;}
#bottom.col2 .btn-bottom.gray { background: #ebebeb; color: #999;}
#container { padding-bottom: 50px;}
#bottom.type2 { padding:10px 14px 20px; text-align: right; }
#bottom.type2 .btn-bottom { display: inline-block; vertical-align: middle; width:auto; padding:0 35px; height:42px; line-height: 41px; font-size:16px;}
#bottom.type2.bg { background: #f6f6f6;}
#bottom.type2 .blood { text-align: right; font-size:10px; color: #999; padding-bottom:10px;}
#bottom.type2 .blood img { width:8px;}

.bottom-btns { text-align: right; padding:8px 15px;}
.bottom-btns a {display: inline-block; vertical-align: middle; width:auto; padding:0 35px; height:42px; line-height: 41px; font-size:16px; background: #E70014; color: #fff;}

.scan-result { padding:17px 0 0;}
.scan-result .title { padding-left:20px; border-bottom: 1px solid #E70014; position: relative; margin-bottom: 15px; }
.scan-result .title span { display: inline-block; vertical-align: bottom; padding:0 22px; font-size:15px; color: #666; height:30px; line-height: 29px; background: #bbe9fa; border-radius:7px 7px 0 0;}
.scan-result .title .btn-tip { position: absolute; right:10px; bottom:3px; width:26px; height: 26px; border-radius:100%; background: #E70014; font-size:17px; text-align: center; line-height: 25px; color: #fff; font-weight: 600;}
.scan-result .inp-box:after { display: block; content: ''; clear: both; }
.scan-result .inp-box { padding:0 15px; margin-bottom: 10px;}
.scan-result .inp-box .tit { float:left; width:45%; padding-top:10px; }
.scan-result .inp-box .tit.first strong { margin-top:-18px; padding-bottom: 4px;}
.scan-result .inp-box .tit.first strong em { color: #fd2805; font-weight: 600;}
.scan-result .inp-box .tit strong { font-size:14px; color: #666; display: block; }
.scan-result .inp-box .tit span { font-size:16px; color: #E70014;  }
.scan-result .inp-box .tit span small { font-size:12px;}
.scan-result .inp-box .input { float:right; width:55%; position: relative; }
.scan-result .inp-box .input .inp { height:36px; border: 1px solid #E70014; padding:0 35px 0 10px; border-radius:0; width:100%; font-size:16px; color: #333; }
.scan-result .inp-box .input span { position: absolute; right:10px; top:0; height:35px; line-height: 35px;}
.scan-result .inp-box .input .btn-cal { position: absolute; right:0; top:0; height:36px; width:30px; background: url(../img/common/ico_cal.png) no-repeat 30% 50%; background-size:19px auto;}
.scan-result .inp-box .input .desc { padding-top:3px; font-size:12px; color: #999; letter-spacing: -1px;}
.modal .scan-result .inp-box .input .desc { padding-top:0; }
.modal .scan-result .inp-box .input { padding-top:4px; }
.modal .scan-result .inp-box .input span { height:28px; line-height: 27px;}
.scan-result .photo-upload { margin:15px; padding:15px 90px 15px 15px; background: #FFDFE1; border: 1px solid #ccc; position: relative; }
.scan-result .photo-upload .photo img { width:100%; }
.scan-result .photo-upload .btns { position: absolute; right:15px; top:15px; }
.scan-result .photo-upload .btns a { display: block; text-align: center; margin-bottom: 10px; font-size:10px; color: #666; }
.scan-result .photo-upload .btns a p { margin-bottom: 4px; }
.scan-result .photo-upload .btns a.btn1 img { width:54px;}
.scan-result .photo-upload .btns a.btn2 img { width:25px;}
.scan-result .photo-upload .btns a.btn3 img { width:23px;}
.scan-result .txt-box { padding:0 15px; margin-bottom:20px; font-size:12px; color:#666; line-height:1.4; }


.photo-inquiry { padding:20px 15px 0;}
.photo-inquiry .title {font-size:12px; color: #999; margin-bottom: 10px; }
.photo-inquiry .title strong { float:left; }
.photo-inquiry .title span { float:right; }
.photo-inquiry .sort { padding:10px 0; background: #FFDFE1; text-align: center; margin-bottom: 10px;}
.photo-inquiry .sort label { margin:0 3px; letter-spacing: -0.5px;}
.photo-inquiry .upload-list {}
.photo-inquiry .upload-list a { display: block;margin-bottom: 10px; padding:15px 10px; font-size:16px; line-height: 1.3; color: #333; background: #eaeaea; position: relative;}
.photo-inquiry .upload-list a span { display: block; }
.photo-inquiry .upload-list a .date { font-size:12px; color: #666; padding-top:10px;}
.photo-inquiry .upload-list a img.file { width:16px; vertical-align: inherit;}
.photo-inquiry .upload-list a .checkbox { position: absolute; left: -9999px; }
.photo-inquiry .upload-list a .checkbox + label { position: absolute; right:20px; top:20px; width:30px; height: 30px; background: #ccc url(../img/common/ico_checkbox.png) no-repeat 50% 50%; background-size:16px auto; border-radius:100%;}
.photo-inquiry .upload-list a .checkbox:checked + label { background-color:#c51d7c;}
.photo-inquiry .upload-list .msg1 { text-align: center; padding:60px 0; font-size:16px; color: #999; }
.photo-inquiry .upload-list .msg2 { padding:20px 10px; border-radius:10px; background: #f5f5f5; }
.photo-inquiry .upload-list .msg2 .tit { text-align: center; font-size:16px; color: #999; }
.photo-inquiry .upload-list .msg2 .tit strong { color: #E70014; }
.photo-inquiry .upload-list .msg2 .img { padding:10px 0 15px; text-align: center;}
.photo-inquiry .upload-list .msg2 .img img { width:150px; }
.photo-inquiry .upload-list .msg2 .txt { padding-left: 16px; text-indent: -16px; font-size:13px; line-height: 1.3; color: #999; word-break: keep-all; word-wrap: break-word;}

.tabs:after { display: block; content: ''; clear: both; }
.tabs { border-bottom: 1px solid #ccc; }
.tabs a { float:left; width:50%; height:45px; line-height: 44px; text-align: center; font-size:16px; color: #666; font-weight: 600; }
.tabs a.active { color: #E70014; position: relative; }
.tabs a.active:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; height:4px; background: #E70014; }

.tabs4:after { display: block; content: ''; clear: both; }
.tabs4 { border-bottom: 1px solid #ccc; }
.tabs4 a { float:left; width:25%; height:45px; line-height: 44px; text-align: center; font-size:15px; color: #9295a7; font-weight: 600; }
.tabs4 a.active { color: #000; position: relative; }
.tabs4 a.active:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; height:3px; background: #E70014; }

.form-section {}
.form-section .form-article:after { display: block; content: '';clear: both;}
.form-section .form-article { border-bottom: 1px solid #FFDFE1; }
.form-section .form-article.border-top { border-top:1px solid #FFDFE1;}
.form-section .form-article .tit { float:left; width:35%; line-height: 52px; padding-left: 15px; font-size:14px; color: #999; letter-spacing: -1px; }
.form-section .form-article .slt { float:left; width:65%;  }
.form-section .form-article .slt .select {}
.form-section .form-article .checkbox-box { position: relative;}
.form-section .form-article .checkbox-box label { font-size:14px; color: #333; line-height: 52px;}
.form-section .form-article .textarea-box .textarea { width:100%; height:100px;overflow: auto; resize:none; border: 0; font-size:14px;}
.form-section .form-article .inp-box { float:left; width:65%; position: relative; }
.form-section .form-article .inp-box input { width:100%; height:51px; border: 0; -webkit-appearance:none; background: none; font-size:14px; color: #333; padding-right:50px; }
.form-section .form-article .inp-box span { position: absolute; right:15px; top:0; line-height: 50px; font-size:14px; color: #999;}
::-webkit-input-placeholder { color:#999; }

.sevice-history { padding:15px; }
.sevice-history .head { padding:16px 2px 16px 87px; min-height: 90px; background: #FFDFE1 url(../img/common/img_popup1.png) no-repeat 5px 7px; background-size:78px auto; margin-bottom: 7px; }
.sevice-history .head p { font-size:16px; color: #666; padding:4px 0 5px;}
.sevice-history .head span { font-size:11px; color: #999; letter-spacing: -1px;}
.sevice-history .list table { width:100%; border-collapse: collapse; }
.sevice-history .list table thead th { padding:10px 0; text-align: center; font-size:12px; color: #999; font-weight: normal;}
.sevice-history .list table tbody td { background: #ebebeb; padding:14px 0; text-align: center; font-size:16px; color: #333; border-bottom: 1px solid #fff;}

.calendar-box {   }
.calendar-box .head { background: #FFDFE1; text-align: center; padding:15px 0;}
.calendar-box .head .prev,
.calendar-box .head .next { font-size:16px; color: #c51d7c; display: inline-block; padding:15px 20px;}
.calendar-box .head span { font-size:20px; display: inline-block;  margin:0 20px; color: #c51d7c;}
.calendar-box .head span strong { font-size:36px;  font-weight: normal;}
.calendar-box .calendar { padding:0 10px;}
.calendar-box .calendar table { width:100%; border-collapse: collapse;}
.calendar-box .calendar table thead th {padding:15px 0 15px 5px; font-size:12px; color: #999; text-align: left;  font-weight: normal;}
.calendar-box .calendar table tbody td { width:14.28571428571429%;}
.calendar-box .calendar table tbody td div { height:71px; padding:5px; }
.calendar-box .calendar table tbody td div strong { font-size:14px; color: #999; font-weight: normal;}
.calendar-box .calendar table tbody td div p img { width:8px;}
.calendar-box .calendar table tbody td .today { background: #ffe5f5; }
.calendar-box .calendar table thead th:first-child,
.calendar-box .calendar table tbody td:first-child div strong { color: #fa4462}
.calendar-box .calendar table thead th:last-child,
.calendar-box .calendar table tbody td:last-child div strong { color: #439af3}


.head-cal { padding:15px 0; text-align: center;  }
.head-cal span { font-size:16px; color: #c51d7c; margin:0 10px; text-align:center; }
.head-cal span strong { font-size:20px; font-weight: normal; letter-spacing: -1px;}
.head-cal span input { font-size:20px; letter-spacing:-1px; color:#E70014; appearance:none; -webkit-appearance:none; background:none; border:0 ; text-align:center; width:auto; display:inline-block; vertical-align:middle; }
.head-cal span em { color: #97a0a1;  display:inline-block; vertical-align:middle;}
.head-cal .prev,
.head-cal .next { font-size:16px; color: #c51d7c; display: inline-block; padding:10px 20px;}
.blood-input {}
.blood-input .inp-list .inp1:after,
.blood-input .inp-list .inp2:after { display: block; content: ''; clear: both; }
.blood-input .inp-list .inp1 { background: #FFDFE1;}
.blood-input .inp-list .inp2 { border-bottom: 1px solid #FFDFE1;}
.blood-input .inp-list .tit { float:left; width:30%; font-size:14px; color: #999; height:50px; line-height: 49px; padding-left: 15px;}
.blood-input .inp-list .inp-box { float:left; width:48%; }
.blood-input .inp-list .inp-box input { width:100%; height:50px; font-size:14px; color: #333; border: 0; -webkit-appearance:none; box-shadow:none; background: none; }
.blood-input .inp-list .kind { float:left; width:22%; text-align: left; line-height: 49px; color: #333; }
.blood-input .inp-list .kind input[type=button] { border:0; background:#E70014; font-size:11px; padding:7px 10px; color:#fff; }
.blood-input .inp-list .inp1 .tit { font-size:16px; color: #c51d7c;  }
.blood-input .inp-list .inp1 .inp-box input { font-size:16px; color: #157575; }
.blood-input .inp-list .inp1 .kind { font-size:16px; color: #157575; }

.history { padding:20px 15px; background: #f2fafd;  }
.history .tit { text-align: center; margin-bottom: 15px; font-size:13px; color: #c51d7c; }
.history .tit b { font-weight: normal; margin-right:20px; }
.history .tit span { font-size:16px;}
.history .tit span strong { font-size:24px;}
.history .col-box .col-left { width:48%; }
.history .col-box .col-right { width:48%; }
.history .col-box .s-tit { text-align: center; font-size:16px; color: #f01f5a; margin-bottom: 12px; }
.history .col-box .s-tit span { font-size:20px; }
.history .col-box div div { padding:10px 15px; border-radius:10px; background: #fff; }
.history .col-box div dl:after { display: block; content: ''; clear: both; }
.history .col-box div dl { margin-bottom: 4px; font-size:14px; color: #b5b5b5; }
.history .col-box div dl dt { float:left; }
.history .col-box div dl dd { float:right; }
.history .col-box .col-left .s-tit {color:#f01f5a;}
.history .col-box .col-right .s-tit {color:#2356c0;}
.history .col-box .col-left div dl dd.on { color: #ef4b77;}
.history .col-box .col-right div dl dd.on { color: #4670c8;}
.target-blood { padding:20px 15px; margin-bottom: 20px; }
.target-blood .tit { font-size:12px; color: #666; margin-bottom: 5px;}
.target-blood .table { padding:10px 8px; background: #f2fafd; border-radius:10px; }
.target-blood .table table { width:100%; border-collapse: collapse; }
.target-blood .table table thead th { padding:5px 0; font-size:12px; color: #666; font-weight: normal; }
.target-blood .table table tbody td { text-align: center; font-size:16px; color: #999; padding:8px 0; border-top:1px solid #dadcdc; }
.target-blood .table table tbody td:first-child { font-size:12px; line-height: 1.4; color: #666; }

.show-type { text-align: right; margin-bottom: 15px; padding:0 15px;}
.data-box img { width:100%; }
.data-box { margin-bottom: 20px; padding:0 15px;}
.table-box { margin-bottom: 30px;}
.table-box table { width:100%; border-collapse: collapse; }
.table-box table thead th { height:30px; font-size:12px; background:#E70014; color: #fff;}
.table-box table tbody td { text-align: center; font-size:14px; color: #666; background: #f6f6f6; height:30px; }
.table-box table tbody td:nth-child(2) { background: #eae8ec; }
.table-box table tbody td .up:after { content: '▲'; display: inline; font-size:16px; color: #cf0707; }
.table-box table tbody td .down:after { content: '▼'; display: inline; font-size:16px; color: #3107cf; }
.table-box table tbody td .zero:after { content: '-'; display: inline; font-size:16px; color: #000; }
.table-box .scroll-area { max-height:300px; overflow: auto; }

.step { padding:5px 15px; text-align: right;}
.step i { display: inline-block; vertical-align: middle; width:14px; height: 14px; border-radius:100%; background: #ebebeb; margin-left: 1px; }
.step i.active { background: #E70014; }

h4 { padding-left: 25px; font-size:16px; color: #666; margin-bottom: 7px;}
.privacy-agree { padding:10px 15px; background: #ebebeb; margin:0 10px;}
.privacy-agree > div { position: relative; }
.privacy-agree > div + div { margin-top:10px;}
.privacy-agree .view { position: absolute; right:0; top:0px; padding:5px;height:30px; }
.privacy-agree .view span { display: block;text-indent: -9999px;}
.privacy-agree .view:before { content: ''; display: block;width:10px; height: 10px; border-left: 1px solid #E70014; border-bottom: 1px solid #E70014; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.privacy-agree input[type=checkbox]{width:auto !important; height:auto !important;}
.privacy-agree input[type=checkbox] + label{font-size: 14px !important; padding-left:0 !important;}
.agree-all { padding:10px 0 10px 25px; margin-bottom: 15px;}
.agree-all input[type=checkbox]{width:auto !important; height:auto !important;}
.agree-all input[type=checkbox] + label{font-size: 14px !important; padding-left:0 !important;}

.enter-section {}
.enter-section .enter-article { padding:0 25px; border-bottom: 1px solid #ebebeb;  height:52px; position: relative;}
.enter-section .enter-article .iText { width:100%; height:51px; border: 0; -webkit-appearance:none; box-shadow:none; font-size:14px; color: #333;}
.enter-section .enter-article .iText[disabled] { background:none; color:#000; opacity:1 !important; } 
.enter-section .enter-article .iLabel { font-size:14px; color: #999; line-height: 50px; }
.enter-section .enter-article .iLabel small { font-size:12px; }
.enter-section .enter-article .btn-lg { position: absolute; right:0; top:-1px; bottom:-1px; padding:0 19px; font-size:14px; background: #E70014; color: #fff; line-height: 51px; }
.enter-section .enter-article .btn-sm { position: absolute; right:15px; top:10px; bottom:10px; padding:0 19px; font-size:13px; background: #E70014; color: #fff; line-height: 29px; }
.enter-section .enter-article .btn-sm.disabled { background: #ebebeb; color: #666; }
.enter-section .enter-article .btn-link { display: block; font-size:14px; color: #999; line-height: 51px;}

.health-info .border-bottom { border-bottom: 1px solid #ededed; }
.health-info .none-bg { background: none !important;}
.health-info .box1.none-bg > span { color: #999; }
.health-info .box1 { padding:13px 25px; overflow: hidden; background: #ebebeb; }
.health-info .box1 > span { float:left; font-size:14px; color: #333; line-height: 21px; }
.health-info .box1 > span strong { color: #ff0000; }
.health-info .box1 div{ float:right; }
.health-info .box2 { text-align: center; padding:13px 0;}
.health-info .box2 label { margin:0 3px;}
.health-info .box3:after { display: block; content: ''; clear: both; }
.health-info .box3 { padding:7px 0;}
.health-info .box3 .tit { float:left; width:50%; font-size:14px; color:#999; line-height: 40px; padding-left: 25px; }
.health-info .box3 .inp-box { float:left; width:40%; }
.health-info .box3 .inp-box .inp { width:100%; height:40px; background: #ebebeb; border: 0; font-size:16px; color: #333;}
.health-info .box3 .year { float:left; width:10%; font-size:14px; color: #999; line-height: 40px; text-align: right; padding-right:10px;}


.member-modify { padding-top:15px;}
.member-modify .enter-section { border-top:1px solid #ebebeb;}
.member-modify .modify-desc { padding:10px 20px 10px 30px; font-size:10px; line-height: 1.4; color: #999; text-indent: -10px;}

.find .head { padding:16px 2px 16px 87px; min-height: 90px; background: #FFDFE1 url(../img/common/img_popup1.png) no-repeat 5px 7px; background-size:78px auto; margin:15px 10px; font-size:11px; color: #999; letter-spacing: -1px; line-height: 1.4;}
.find .head p { text-indent: -8px; padding-left: 8px; }


.health-info { }
.health-info .none-msg { position: absolute; left: 0; right:0; top:50%; text-align: center; padding:0 30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.health-info .none-msg strong { display: block;font-size:20px; color: #999; margin-bottom: 20px;}
.health-info .none-msg p { font-size:13px; color: #999; margin-bottom: 15px; line-height: 1.3;}

.privacy { padding:25px 15px; font-size:12px; line-height: 1.4; color: #666; word-wrap: break-word; word-break: keep-all;}
.privacy .black { color: #333; }
.privacy h5 { font-size:14px; color: #666; margin-bottom: 20px; font-weight: normal;}

.call { text-align: center; }
.call .tit { font-size:20px; color: #E70014; padding:30px 0 20px;  }
.call .tit strong { font-size:24px; display: block; margin-bottom: 5px;}
.call .img img { width:180px; }
.call .desc1 { padding:10px 0 10px; font-size:13px; color: #062727; }
.call .desc2 {  font-size:13px; color: #062727; text-align: left; padding-left:40px;}
.call .desc2 span { display: inline-block; vertical-align: middle; padding:3px 5px; border-radius:3px; font-size:13px; color: #fff; background: #E70014;}
.call .desc2 p { padding-top:10px;}
.call .desc3 { display:inline-block; font-size:25px; background:#E70014;  padding:0 15px; margin-bottom:20px; color:#fff; height:40px; line-height:39px; border-radius:30px; }
.call .desc3 a { color:#fff; }

.bmi { padding:15px; text-align: right; }
.bmi p { display: inline-block; vertical-align: middle; font-size:20px; border-radius:4px; background: #E70014; color:#fff; padding:0 20px; line-height: 35px; }
.bmi p span { margin-left: 20px;}





.bar-box {  margin:0 35px; position:relative; padding-top:36px; }
.bar-box .bar:after { display: block; content: ''; clear: both; }
.bar-box .bar { height: 30px; }
.bar-box .label-box { /*height:47px; position: relative;*/}
.bar-box .label-box .label { position: absolute; left: 20%; top:0;  padding:0 10px; height: 22px; border: 1px solid #d7d7d7; box-sizing: border-box; background: #ecf4f8; text-align: center; font-size:12px; color: #333; line-height: 21px; border-radius:3px; transform:translate(-50%); -webkit-transform:translate(-50%); }
.bar-box .label-box .label:before { content: ''; position: absolute; left:50%; bottom:-14px; margin-left: -7px; background: url(../img/common/bu_msg.png) no-repeat 0 0; width:14px; height: 14px; background-size:14px auto; }
.bar-box .bar span { float:left; width:20%; height:30px; line-height:29px; text-align: center; font-size:12px;color: #fff; font-weight: 400; position: relative;}
.bar-box .bar span:before { content: ''; position: absolute; right:-10px; bottom:0; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #007bff; }
.bar-box .bar span:nth-child(1){ background: #0ba7b7; z-index:10; width:23%; }
.bar-box .bar span:nth-child(1):before { border-color: transparent transparent transparent #09919f; }
.bar-box .bar span:nth-child(2){ background: #afa7a5; z-index:9; width:18%;}
.bar-box .bar span:nth-child(2):before { border-color: transparent transparent transparent #97918f; }
.bar-box .bar span:nth-child(3){ background: #665b55; z-index:8; width:18%;}
.bar-box .bar span:nth-child(3):before { border-color: transparent transparent transparent #584f4a; }
.bar-box .bar span:nth-child(4){ background: #eb6660; z-index:7; width:18%;}
.bar-box .bar span:nth-child(4):before { border-color: transparent transparent transparent #cb5853; }
.bar-box .bar span:nth-child(5){ background: #f6a814; z-index:6; width:23%;}
.bar-box .bar span:nth-child(5):before { display: none;}

.bar-box .bar-txt:after{ display: block; content: ''; clear: both;}
.bar-box .bar-txt { padding-top:8px;}
.bar-box .bar-txt span { float:left; position: relative; width:20%; font-size:10px; color: #999; }
.bar-box .bar-txt span em { font-style: normal; display: block; margin-left: -6px;}
.bar-box .bar-txt span:first-child em { margin-left: 0;}

.your-kg { padding:20px; background:#fff; margin:20px 30px; border-radius:5px; }
.your-kg dl:after { display:block; content:''; clear:both; }
.your-kg dl + dl { margin-top:15px;}
.your-kg dl dt { float:left; font-size:14px; color: #666; }
.your-kg dl dd { float:right; font-size:14px; color:#333;}
.your-kg dl dd span { display: inline-block; vertical-align: middle; width:60px; text-align: left;}
.your-kg dl dd em { display: inline-block; vertical-align: middle; width:40px; color:#E70014; text-align: center;}
.bg1 { background: url(../img/common/bg_bmi.jpg) no-repeat 50% 100%; background-size:cover;}

.type-wrap .swiper-slide .show-type .btn-graph{ display: none; }
.type-wrap .swiper-slide .table-box { display: none; }

.type-wrap .swiper-slide.active .show-type .btn-graph { display: inline;}
.type-wrap .swiper-slide.active .show-type .btn-table { display: none;}
.type-wrap .swiper-slide.active .table-box { display: block !important; }
.type-wrap .swiper-slide.active .data-box { display: none !important; }

.chart-tablebox table { width:100%; border-collapse: collapse; }
.chart-tablebox table thead th { height:30px; font-size:12px; background:#E70014; color: #fff;}
.chart-tablebox table tbody td { text-align: center; font-size:14px; color: #666; background: #f6f6f6; height:30px; }
.chart-tablebox table tbody td:nth-child(2) { background: #eae8ec; }
.chart-tablebox table tbody td:nth-child(4) { background: #eae8ec; }

/* 20180423 */
.modal .modal-content { padding:0; border-radius:10px;}
.modal .modal-txt1 .txt1 { padding:50px 10px; text-align:center; font-size:14px; color:#666; }
.modal .btn-box:after { display:block; content:''; clear:both; }
.modal .btn-box a { float:left; width:50%; height:40px; text-align:center; font-size:13px; color:#fff; line-height:39px; }
.modal .btn-box a.btn1 { background:#ccc; }
.modal .btn-box a.btn2 { background:#61bfe1; }
.modal .btn-box.type1 a { width:100%;}

#main-v2 { position: fixed; left: 0; right:0; top:0; bottom:0; background: url(../img/main/bg.png) no-repeat 50% 50%; background-size:cover; overflow: auto;}
#main-v2 h1 { position: absolute; left:20px; top:10px; z-index:10; }
#main-v2 h1 img { width:140px; }
#main-v2 h2 { position: absolute; left:0; right:0; text-align:center; top:60px; z-index:10; }
#main-v2 h2 img { width:180px; }
#main-v2 .top-right { position: absolute; right:15px; top:7px; z-index:20; }
.btn-m { display: inline-block; vertical-align: middle; width:33px; height: 33px; background: url(../img/common/ico_nav.png) no-repeat 50% 50%; background-size:23px auto; }
#main-v2 ul:after { display: block; content: ''; clear: both; }
#main-v2 ul { padding:125px  30px 0; max-width:340px; margin: 0 auto;}
#main-v2 ul li { float:left; width:50%; padding:3px; }
#main-v2 ul li img { width:100%; }
#main-v2 ul li.w100 { width:100%; padding-right:10px; }
#main-v2 .foot-logo { position: absolute; right:10px; bottom:0; text-align: right;}
#main-v2 .foot-logo img { height:14px;}
#main-v2 .list { padding-bottom:40px; position: relative; }


.cs { text-align: center; }
.cs .txt1 { font-size:30px; font-weight: 600; color: #E70014; padding:20px 0;}
.cs .txt2 { font-size:18px; font-weight: 600; color: #222; padding-top:8px; position: relative; margin-bottom: 15px;}
.cs .txt2:before { content: ''; position: absolute; left:50%; top:0; width:24px; height:3px; background: #E70014; margin-left: -12px;}
.cs .txt3 { font-size:13px; color: #777; margin-bottom: 20px;}
.cs .txt4 { display: inline-block; padding:0 20px; height:30px; line-height: 29px; border-radius:30px; text-align: center; font-size:15px; color: #fff; background: #E70014; margin-bottom: 20px;margin-top:-15px;}
.cs .cs-btn { padding-top:10px;}
.cs .cs-btn img { width:190px;}

#modal3 .modal-content { border-radius:0;}








/* ==========================================================================
   <!-- 180531 치료지원 서비스 추가 -->
   ========================================================================== */


/* ==========================================================================
   Common
   ========================================================================== */
.hide {display: none;}
.blind, 
.caption {font-size: 0; line-height: 0; text-indent: -10000px; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden; width: 0; height: 0;}
* {
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}

.bg_support {background-color: #f0f0f1; }

/* item info */
.item-info {padding: 11px 10px 9px;}
.item-info .ico + .info-txt {display: inline-block;}
.item-info .info-txt {font-size: 12px; font-weight: 400; color: #999; line-height: 1em;}

/* ==========================================================================
   Form
   ========================================================================== */
input, textarea, select {font-family: 'Droid Sans', 'Apple-Gothic', "Apple SD Gothic Neo", 'Roboto', 'Tahoma', 'Malgun Gothic', dotum, sans-serif;}
/* input */
input {
    margin: 0; padding: 0; 
    border-radius: 0; 
    -webkit-appearance: none;
}
.inp-block {width: 100%;}
.inp-inline {}
.item-textarea textarea,
.item-input input:not([type=checkbox]):not([type=radio]),
.inp-block input:not([type=checkbox]):not([type=radio]) {width: 100%;}
.item-textarea textarea {height: 90px;}

/* input type1 (form-box 내) */
.form-box .item-textarea,
.form-box .item-checkbox,
.form-box .item-radio,
.form-box .item-select,
.form-box .item-input {border-bottom: 1px solid #ccc; background-color: #fff;}
.form-box .item-textarea.active,
.form-box .item-checkbox.active,
.form-box .item-radio.active,
.form-box .item-select.active,
.form-box .item-input.active,
.form-box .item-input.active .input {background-color: #f1faf6;}
.form-box {border-top: 1px solid #ccc; }
.list_tit_wrap + form .form-box .item-select:first-child,
.list_tit_wrap + form .form-box .item-input:first-child {border-top: 1px solid transparent;}
.form-box .item-input {position: relative;}
.form-box .item-select .label,
.form-box .item-input .label {
    padding-left: 15px;
    height: 46px; line-height: 49px; font-size: 15px; font-weight: 400; color: #b5b5b5; width: 110px; padding-right: 10px; letter-spacing: -1px;
    line-height: 1.4em; padding: 14px 0 12px 15px;
    height: auto; min-height: 46px;
}
.form-box .item-input .label .label-txt-sm {font-size: 13px; line-height: 1em; margin-top: -3px;}
.form-box .item-select .label.label-lg,
.form-box .item-input .label.label-lg {width: 140px; }
.form-box .item-select .label,
.form-box .item-input .input {
    background-color: #fff; height: 46px; height: auto; min-height: 46px;
    line-height: 1.4em;
    font-size: 15px; font-weight: 400; color: #b5b5b5; line-height: 1.4em;
}
.form-box .label.bu-form-label {position: relative;}
.form-box .label.bu-form-label:after {position: absolute; top: 15px; left: 0; display: block; content: ''; width: 15px; height: 1.4em; background: url('../img/common/bu-form-label.png') 70% 45% no-repeat; background-size: 5px auto; }
.form-box .item-checkbox .label.bu-form-label:after {position: absolute; top: 11px; left: -3px; display: block; content: ''; width: 15px; height: 1em; background: url('../img/common/bu-form-label.png') 70% 40% no-repeat; background-size: 5px auto; }
.form-box .item-input .input input {
    height: 46px; line-height: 46px; background-color: transparent;
    height: auto; line-height: 1.4em;
}
.form-box .item-input input:not([type=checkbox]):not([type=radio]) {height: 46px; line-height: 46px; height:auto; line-height: 1.4em;}
.form-box .item-input input:not([type=checkbox]):not([type=radio]) {font-size: 15px; font-weight: 400; color: #333; border: 0; }
.ios .item-input.type1 .input {padding: 11px 0 10px 0;}
.ios .form-box .item-input input[type=date] {height: 23px;}
.form-box .item-input .input .unit {color: #333; padding-left: 15px; padding-right: 15px; }
.form-box .item-input input:not([type=checkbox]):not([type=radio]):read-only {color: #b5b5b5;}
.form-box .label.blind + .input {padding-left: 10px; }
.form-box + .btn-wrap {margin-top: 17px; }
.form-box .item-textarea .input {padding: 10px 15px; }
.form-box .item-textarea textarea {font-size: 15px; font-weight: 400; color: #333; line-height: 1.4em; border: 0; }
/* placeholder */
.form-box .item-input input::-webkit-input-placeholder {color: #333;}
.form-box .item-input input::-ms-input-placeholder {color: #333;}
.form-box .item-input input:focus::-webkit-input-placeholder {color: transparent;}
.form-box .item-input input:focus::-ms-input-placeholder {color: transparent;}
.form-box .item-textarea textarea::-webkit-input-placeholder {color: #999;}
.form-box .item-textarea textarea::-ms-input-placeholder {color: #999;}
.form-box .item-textarea textarea:focus::-webkit-input-placeholder {color: transparent;}
.form-box .item-textarea textarea:focus::-ms-input-placeholder {color: transparent;}

/* Checkbox 기본 */
input[type=checkbox] {width: 38px; height: 38px; margin: 0; border: 1px solid #ccc; background-color: #fff; -webkit-appearance: none; appearance: none; position: relative; transition: all 0.3s ease; -webkit-trasition: all 0.3s ease; border-radius: 0; vertical-align: middle; }
input[type=checkbox]:focus { outline:none; }
input[type=checkbox]:checked {border: 1px solid #E70014; background-color:#E70014; }
input[type=checkbox]:before { content: ''; position: absolute; width: 8px; height: 17px; top: 5px; left: 13px; border-width: 0 3px 3px 0; border-style: solid; border-color: #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); opacity: 0;}
input[type=checkbox]:checked:before { opacity:1; }
input[type=checkbox] + label {font-size: 17px; font-weight: 400; color: #666; padding-left: 10px; }
/* item-checkbox (서비스신청 동의절차) */
/* item-checkbox, item-radio 공통 */
.item-checkbox-group,
.item-radio-group {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; 
    display: flex;
}
.item-checkbox,
.item-radio {position: relative; display: block; width: 100%; padding: 3px 3px 3px 48px; min-height: 47px; height: auto;}
.item-checkbox,
.item-radio {min-height: 43px; height: auto;}
.item-checkbox.checkbox-left label,
.item-radio.radio-left label {text-align: left;}
.item-checkbox.checkbox-center,
.item-radio.radio-center {text-align: center; padding-left: 3px;}
.item-checkbox input[type=checkbox],
.item-radio input[type=radio] {position: absolute; left: 3px; top: 50%; margin-top: -19px;}
.item-checkbox input[type=checkbox] + label,
.item-radio input[type=radio] + label {padding-left: 0; font-size: 15px; font-weight: 400; color: #b5b5b5; line-height: 1; display: block; padding-top: 13px; padding-bottom: 12px; padding-right: 12px; width: 100%;}
/* item-checkbox checkboox-center */
.item-checkbox.checkbox-center input[type=checkbox] + label,
.item-radio.radio-center input[type=radio] + label {padding-left: 38px; text-align: center; }
/* item-checkbox checkboox-right */
.item-checkbox.checkbox-right {padding: 3px 48px 3px 3px; }
.item-checkbox.checkbox-right input[type=checkbox] {position: absolute; top: 3px; right: 3px; left: auto;}
.item-checkbox.checkbox-right input[type=checkbox] + label {padding-left: 12px; display: block; text-align: left;}
.item-checkbox.checkbox-right input[type=checkbox] + label.label-early {color: #333;}
.form-box .item-checkbox.checkbox-right input[type=checkbox] {right: 5px; top: 50%; margin-top:-19px; }



/* ==========================================================================
   Tab
   ========================================================================== */

/* tab 공통 */
.tab-wrap {position: relative; margin: 0; list-style: none; }
.tab-item {float: left; height: 40px;}
.tab-item.active .tab-content {display: block;}
.tab-item:first-child {margin-left: 0;}
.tab-anchor {display: block; height: 100%; cursor: pointer;}
.tab-content {padding-bottom: 10px;}
.tab-content.scroll-content {
    -webkit-overflow-scrolling: touch;
}
.tab-conts {position: absolute; top: 40px; right: 0; bottom: 0; left: 0;}
.tab-content.fixed-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; overflow-y: hidden;}
.tab-content.fixed-content .footer.btn-footer {display: block;}

/* tab top */
.tabs.tabs-top {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.tabs.tab-top {-webkit-overflow-scrolling: touch;}
.tab-top .tab-content {display: none;}
.tab-top .tab-content.active {display: block;}
.tab-top > .tab-wrap {
    position: fixed; width: 100%; left: 0; right: 0; z-index: 100;
    /* top: 47px; header 없는 apk 화면 반영(171123) */
    top: 0;
}
.tab-top > .tab-wrap:after {display: block; content: ''; clear: both;}

/* tab top - type1  */
.tab-wrap.tab-type1 .tab-item {height: 43px; margin-left: 0; border-bottom: 6px solid #c4c4c4; background-color: #fff;}
.tab-wrap.tab-type1 .tab-item .tab-anchor {
    text-align: center; display: block; padding: 3px 5px 0;
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  -moz-align-items: center; 
    align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; 
    justify-content: center;
}
.tab-wrap.tab-type1 .tab-item .tab-anchor {font-size: 15px; font-weight: 400; color: #999; line-height: 1em; letter-spacing: -1px; }
.tab-wrap.tab-type1 .tab-item.active {border-bottom: 6px solid #00854a; }
.tab-wrap.tab-type1 .tab-item.active .tab-anchor {color: #00854a;}
.tab-wrap.tab-type1 .tab-item:nth-child(2n) .tab-anchor {border-left: 1px solid #f0f0f0; }
.tab-wrap.col-2 .tab-item {width: 50%;}

/* tab segment */
.tab-segment .tab-wrap {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tab-segment .tab-wrap a,
.tab-segment .tab-wrap .tab-anchor {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  -moz-align-items: center; 
    align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; 
    justify-content: center;
}
.tab-segment .tab-wrap {position: relative; margin: 0; padding: 15px 15px 15px; list-style: none; }
.tab-segment .tab-wrap:after {display: block; content: ''; clear: both;}
.tab-segment .tab-wrap .tab-item.active .tab-content {display: block;}
.tab-segment .tab-wrap .tab-item a > h5,
.tab-segment .tab-wrap .tab-anchor > h5 {display: table; width: 100%; height: 100%; text-align: center; padding: 15px 15px; box-sizing: border-box;}
.tab-segment .tab-wrap .tab-item a > h5 > .name,
.tab-segment .tab-wrap .tab-anchor > h5 > .name {display: table-cell; vertical-align: middle;}
.tab-segment .tab-wrap .tab-content {width: 100%; position: absolute; left: 0; -webkit-overflow-scrolling: touch;}
.tab-segment .tab-wrap .tab-content {display: none;}

/* tab segment - type 2 */
.tab-segment {position: absolute; top: auto; left: 0; right: 0;}
.tab-segment .tab-wrap.tab-type2 .tab-item {
    -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1;
    flex: 1;
}
.tab-segment .tab-wrap.tab-type2.col-3 .tab-item {
    /* -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1;
    flex: 0 0 33.33%; */
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 33.33%; /* Safari 6.1+ */
    flex-basis: 33.33%;
}
.tab-segment .tab-wrap.tab-type2 .tab-item {float: left; height: 40px; padding-bottom: 2px; }
.tab-segment .tab-wrap.tab-type2 .tab-item > a,
.tab-segment .tab-wrap.tab-type2 .tab-anchor {color: #fff; margin-left: 1px; margin-right: 1px; background-color: #68c9ea;}
.tab-segment .tab-wrap.tab-type2 .tab-item.active a,
.tab-segment .tab-wrap.tab-type2 .tab-item.active .tab-anchor {font-size: 17px; font-weight: 600;}
.tab-segment .tab-wrap.tab-type2 .tab-item.active > a,
.tab-segment .tab-wrap.tab-type2 .tab-item.active .tab-anchor {background-color: #00854a;}
.tab-segment .tab-wrap.tab-type2 .cate-1 .tab-anchor {background-color: #68c9ea;}
/* category에 따른 컬러 */
.tab-segment .tab-wrap.tab-type2 .cate-1.tab-item.active > a,
.tab-segment .tab-wrap.tab-type2 .cate-1.tab-item.active .tab-anchor {background-color: #00854a;}
.tab-segment .tab-wrap.tab-type2 .cate-2 .tab-anchor {background-color: #f0d076;}
.tab-segment .tab-wrap.tab-type2 .cate-2.tab-item.active > a,
.tab-segment .tab-wrap.tab-type2 .cate-2.tab-item.active .tab-anchor {background-color: #f0be34;}


.tab_wrap {}
.tab_ul {
    position: relative; margin: 0; padding: 0; list-style: none; border-bottom: 0; margin: 0 -1px 0 -1px;
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ie .tab_ul {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.tab_ul:after {display: block; content: ''; clear: both;}
.tab_li {
    float: none; margin-left: 0; padding: 0 1px 1px;
    -webkit-flex-grow: 0; flex-grow: 0;
    -webkit-flex-shrink: 0; flex-shrink: 0;
    -webkit-flex-basis: 33.33%; /* Safari 6.1+ */ flex-basis: 33.33%;
}
.tab_li:first-child {margin-left: 0;}
.tab_anchor {
    display: block; width: auto; height: 50px; padding: 5px 7px 5px 7px;
    font-size: 15px; font-weight: 400; color: #434242; line-height: 1.2em; border: 1px solid #bdc0c1; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #fff;
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1;
    flex: 1;

    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  -moz-align-items: center; 
    align-items: center; 
    -webkit-justify-content: center; -moz-justify-content: center; 
    justify-content: center;
}
.tab_anchor > h5 {
    display: table; width: 100%; height: 100%; text-align: center; padding: 0; box-sizing: border-box; display: block;
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox;
    display: flex;
    width: auto; height: auto;
}
.tab_anchor > h5 > .name {display: table-cell; vertical-align: middle; display: block;}
.tab_content {width: 100%; position: absolute; top: 0; left: 0; }
.tab_contents {border-bottom: 1px solid #e3e8e9; }
.tab_content {display: none; padding: 20px 10px; border-bottom: 1px solid #e3e8e9;}
.tab_content h6 {font-size: 15px; font-weight: 600; color: #434242; line-height: 1.4em; margin-bottom: 12px;}
.tab_content .desc_ul {list-style: none; margin-left: 15px; }
.tab_content .desc_li {padding: 0; margin: 7px 0 0 0; font-size: 13px; font-weight: 400; color: #434242; line-height: 1.3em; position: relative;}
.tab_content .desc_li:after {display: block; width: 15px; height: 1em; background: url('../img/common/bu-list-disc.png') center center no-repeat; content: ''; position: absolute; top: 0; left: -15px; background-size: 4px auto; }
.tab_li.selected .tab_content {display: block;}
.tab_li.selected .tab_anchor {border: 1px solid #0099df; background-color: #0099df;}
.tab_li.selected .name {color: #fff;}




/* ==========================================================================
   List
   ========================================================================== */

/* Info List */
.info-box {padding: 10px 10px;}
.item-info + .info-box {padding: 0 10px;}
.info-box .info-wrap {padding: 15px 10px; border-radius: 6px; background-color: #fff;}
.ul-info {list-style: none;}
.li-info {font-size: 13px; font-weight: 400; color: #999; line-height: 1.1em; letter-spacing: -1px; padding-left: 10px; margin-top: 17px; position: relative;}
.li-info:first-child {margin-top: 0;}
.li-info:before {display: inline-block; content: ''; clear: both; position: absolute; top: 0; left: 0; width: 10px; height: 10px;}
.li-info.type-1:before {background: url('../img/common/bu-info-li.png') 50% 50% no-repeat; background-size: auto 6px;}
.li-info.type-1 dl dt {font-weight: 600;}
.li-info.type-2:before {background: url('../img/common/bu-info-li.png') 50% 50% no-repeat; background-size: auto 6px;}
.li-info.type-2 dl dt {font-weight: 600;}
.li-info.type-2 dl dd {padding-top: 4px; padding-left: 9px; text-indent: -9px; line-height: 1.1;}
.li-info.type-2 dl dd:before {display: inline-block; content: ''; clear: both; width: 9px; height: 10px; background: url('../img/common/bu-reserve-service-info.png') 50% 50% no-repeat; background-size: auto 1px;}
.li-info.type-3:before {background: url('../img/common/bu-reserve-service-info.png') 50% 50% no-repeat; background: url('../img/common/bu-reserve-service-info.png') 50% 50% no-repeat; background-size: auto 1px;}
.li-info.type-3 dl dt {display: inline; font-weight: 400;}
.li-info.type-3 dl dd {display: inline; }
.li-info.type-3 dl dd:before {display: inline-block; content: ':'; clear: both; width: 8px; text-align: center;}
.li-info strong.tit{display: inline-block; color:#E70014; margin-bottom:3px;}


/* .li-info dl dt + dd {padding-top: 4px;} */
.li-info strong.txt-bold {font-weight: 600;}
.li-info strong.txt-color.color-1 {font-weight: 400; color: #00854a;}



/* ==========================================================================
   Info
   ========================================================================== */
.info-fax {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; 
    display: flex; 
    -webkit-justify-content: center; -moz-justify-content: center; 
    justify-content: center;
}
.info-fax .fax {
    position: relative;
    height: 60px; padding-left: 70px; padding-right: 8px;
    display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center; -moz-justify-content: center; 
    justify-content: center;
    -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; 
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column; 
}
.info-fax .fax:before {display: inline-block; content: ''; clear: both; position: absolute; top:0; left: 0; width: 60px; height: 60px; background: url('../img/common/ico-fax.png') 50% 50% no-repeat; background-size: auto 60px; }
.info-fax .desc {font-size: 12px; font-weight: 600; color: #999; line-height: 1.1; letter-spacing: -0.5px; }
.info-fax .call-num {font-size: 30px; font-weight: 600; color: #E70014; line-height: 1; letter-spacing: -2px; }
.info-fax .desc + .call-num {margin-top: 5px; }


/* info-table 혈당조절목표 */
.info-box .tbl-caption p {font-size: 14px; font-weight: 400; color: #666; line-height: 1.4em; letter-spacing: -0.5px;}
.info-box .tbl-caption + .info-tbl {margin-top: 10px;}
.info-box .info-tbl {width: 100%;}
.info-tbl.tbl-blood-control thead th {font-size: 15px; font-weight: 600; color: #666; line-height: 1.4em; letter-spacing: -0.5px; height: 47px; padding: 14px 3px 11px 3px; text-align: center; vertical-align: middle; border-bottom: 2px solid #f1f1f2; background-color: #f6f6f7;}
.info-tbl.tbl-blood-control tbody th,
.info-tbl.tbl-blood-control tbody td {font-size: 14px; font-weight: 400; color: #666; line-height: 1.2em; letter-spacing: -0.1px; height: 43px; padding: 8px 3px 6px 3px; text-align: center; vertical-align: middle; border-bottom: 1px solid #f1f1f2; background-color: transparent;}
.info-tbl.tbl-blood-control tbody th .unit {font-size: 11px;}

#main-v2.main-v2-bg2 {background: url(../img/main/bg2.png) no-repeat 50% 50%; background-size:cover; padding-bottom:20px;}
#main-v2.main-v2-bg2 h1 {position:static; padding:0 25%; margin:35px 0;}
#main-v2.main-v2-bg2 h1 img {width:100%; margin:0 auto; text-align:center; }
#main-v2.main-v2-bg2 ul {padding:0; margin:0; max-width:100%;}
#main-v2.main-v2-bg2 ul li {margin:0;padding:0;}
#main-v2.main-v2-bg2 ul.main-box2-three li {width:33.333333333333333333%;}
#main-v2.main-v2-bg2 .cs2 {padding:0 3%; position:relative; margin-top:10px; }

@media screen and (min-height:700px) and (max-width:811px){
#main-v2.main-v2-bg2 h1 { margin:70px 0 30px; }
}
@media screen and (min-height:812px) and (max-width:1200px){
#main-v2.main-v2-bg2 h1 { margin:100px 0 30px; }
}