.mobileOnly {display:none; }
.pcOnly {display:block; }
body {background-color:#838ffa; padding:0; margin:0; font-size:0; }
#introWrapper {float:left;width:100%; height:100%; }
.contArea {margin:0 auto; width:100%; padding:0 10px; box-sizing:border-box; }

.header {width:100%; height: 80px; letter-spacing:-.5px; }
.header .logo {float:left; margin:30px 0 0 10px; font-size:20px; line-height:20px; font-family:'korMed';color:#fff; }
.header .menu {float:right; margin:35px 10px 0; font-size:14px; line-height:14px; font-family:'korMed'; }
.header .menu a {color:#fff; margin-left:15px; }

.Cntbox { width:100%; padding:0; position: relative; box-sizing:border-box; letter-spacing:-.5px;}
.Cntbox:after {display:block; clear:both; content:""; }
.Cntbox .popBoard .brdCont {width:100%; padding:0 15px 25px; }

/** intro **/
.Cntbox .intVisual {width:100%; margin-bottom:40px; }
.Cntbox .intVisual .svImg {text-align:center; margin:20px 0 40px; }
.Cntbox .intVisual .svImg img {width:80%; }
.Cntbox .intVisual .svDisc {width:100%; font-size:21px; line-height:28px; text-align:center; color:#fff; font-family:korLight; margin-bottom:40px; }
.Cntbox .intVisual .svDisc span {font-family:'korMed';}

.Cntbox .psAgree {width:100%; margin-bottom:40px; }
.Cntbox .psAgree .agrDisc {width:100%; background-color:#7582f8; font-size:13px; line-height:22px; font-family:'korLight'; color:#fff; overflow-x: hidden; overflow-y: auto; height: 130px; margin: 0 0 20px 0 ; padding: 20px; }
.Cntbox .psAgree .agrDisc::-webkit-scrollbar { width: 10px; }
.Cntbox .psAgree .agrDisc::-webkit-scrollbar-thumb { background-color: #626ee0; }
.Cntbox .psAgree .agrDisc::-webkit-scrollbar-track { background-color: #9ca5fb; }

.Cntbox .psAgree .agreeCheck {width:100%; padding-left:20px; height:28px; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"] { display:none; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"] + label {font-size:20px; color:#fff; font-family:engLight 'korLight'; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"] + label span { display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-3px 6px 0 5px; background:url('../images/common/checks.png') top 0 left no-repeat; cursor:pointer; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"]:checked + label span { background:url('../images/common/checks.png') top -34px left no-repeat; }

.Cntbox .popBoard {width:100%; text-align:left; margin-bottom:15px; border-radius:10px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); background-color:#fff; }
.Cntbox .aboutUp {width:100%; background:#6876f5 url('../images/common/upimage.svg') top 28px left 40px no-repeat; color:#fff; border-radius:10px 10px 0 0 ; padding:23px 40px 23px 135px; background-size:58px 58px; }
.Cntbox .aboutUp .aboutDisc {font-size:14px; font-family:engLight, 'korLight'; }
.Cntbox .aboutUp .aboutDisc .tit {font-family:engMed, 'korMed'; margin-bottom:5px; }

.Cntbox .popBoard .upBenefit { width:100%; padding:30px 37px; font-family:engLight 'korLight'; font-size:14px; color:#333; line-height:18px; background:#fff url('../images/common/dot01.gif') bottom left repeat-x; margin-bottom:20px; }
.Cntbox .popBoard .upBenefit .tit { font-family:engBold, korBold; font-size:16px; line-height:34px; }
.Cntbox .popBoard .upBenefit ul {list-style:none; counter-reset:list-number; padding:0; list-style: decimal outside none; margin-bottom:5px; }
.Cntbox .popBoard .upBenefit li {counter-increment:list-number; padding-left:20px; list-style-position: inside; text-indent: -1em; }
.Cntbox .popBoard .upBenefit li:before{content:counter(list-number); list-style-position: outside;} 
.Cntbox .popBoard .upBenefit .strong {font-family:engMed, korMed; }

.agreeRadio {width:100%; padding-bottom:30px; height:60px; }
.agreeRadio li {float:left; width:50%; height:36px; padding-top:3px; }
.agreeRadio li:first-child {text-align:right; padding-right:30px; } 
.agreeRadio input[type="radio"] { display:none; }
.agreeRadio input[type="radio"] + label {font-size:16px; color:#333; font-family:engMed, 'korMed'; padding-top:3px; }
.agreeRadio input[type="radio"] + label span { display:inline-block; width:26px; height:26px; margin:-3px 6px 0 5px; vertical-align:middle; background:url('../images/common/radios.png') top 0 left no-repeat; cursor:pointer; }
.agreeRadio input[type="radio"]:checked + label span { background:url('../images/common/radios.png') top -34px left no-repeat; }

.emailRadio {width:100%; height:60px; margin:0 auto; text-align:center; }
.emailRadio ul {width:40%; display:inline-flex; justify-content:space-around; align-items:center; }
.emailRadio li {width:50%; height:36px; padding-top:3px; }
.emailRadio input[type="radio"] { display:none; }
.emailRadio input[type="radio"] + label {font-size:20px; line-height:24px; color:#333; font-family:engMed, korBold; padding-top:3px; text-align:left; }
.emailRadio input[type="radio"] + label span { display:inline-block; width:26px; height:26px; margin:-3px 10px 0 0; vertical-align:middle; background:url('../images/common/radios.png') top 0 left no-repeat; cursor:pointer; }
.emailRadio input[type="radio"]:checked + label span { background:url('../images/common/radios.png') top -34px left no-repeat; }

.emailBox {width:100%; text-align:center; line-height:50px; vertical-align:bottom; margin-bottom:20px;  }
.emailBox:after {display:block; clear:both; content:""; }
.emailBox input, .emailBox select, .emailBox span {display:inline-block; float :none;  }
.emailBox span {font-family:engReg, korReg; font-size:18px; position:relative; top:-2px;  }
.emailBox .inputEmail {margin:0 auto; width:25%;  line-height:42px; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; padding:0 10px; text-align:center; font-family:engReg, korReg; font-size:14px; }
.emailBox select {line-height:42px; border:1px solid #cccccc; border-radius:3px; font-family:engReg, korReg; font-size:14px; width:25%; padding:0 20px 0 10px; background:#fff url(../images/common/sel_arrow.gif) no-repeat right 10px top 15px; }
.emailBox .alert {font-size:18px; line-height:48px; color:#ff592c; font-family:engMed, korMed; background:url('../images/common/icon_warning.png')top 12px left 70px no-repeat; padding-left:100px; text-align:left; }

.upSelect { width:100%; padding:0 10px 20px ; }
.upSelect .upList {width:100%; font-family:engReg, korReg; font-size:13px;color:#333; line-height:16px; }
.upSelect .upList th:last-child, .upSelect .upList td:last-child {border-right:none; }
.upSelect .upList th {background-color:#6a78fc; padding:10px 0; color:#fff;border-right:1px solid #8691fd; text-align:center; }
.upSelect .upList td {border-bottom:1px solid #d3d3d3;padding:10px 0; border-right:1px solid #eaeaea; text-align:center; }
.upSelect .upList td.address {text-align:left; padding-left:10px; }
.upSelect .upList td a.seltBtn {color:#6a78fc; height:30px; line-height:30px; border-radius:3px; border:1px solid #d3d3d3; display:inline-block; width:90%; }
.upSelect .upList td a:hover.seltBtn {background-color:#eee; }

.tabBtn {width:100%; margin-bottom:20px; }
ul.bdTab {font-family:engMed, korMed; font-size:14px; width:100%; display:flex; justify-content:space-around; align-items:center; flex-wrap: wrap; margin:0 auto; }
ul.bdTab li { text-align:center; width:48%; background-color:#989dcb; padding:10px 0; box-sizing:border-box; margin:0 1%; border-radius:3px; color:#fff; border:1px solid #858bbe; }
ul.bdTab li.active {color:#fff; background-color:#4e5ff8; box-sizing:border-box; border:1px solid #4051e9; }

.upSelect .schBox {display:flex; width:100%; background-color:#eaeaea; margin-bottom:24px; text-align:center; padding:8px 0; border-radius:5px; font-size:16px; font-family:engMed, 'korMed'; color:#333; line-height:48px; box-sizing:border-box; }
.upSelect .schBox span {padding-right:20px; }
.upSelect .schBox .areaSelect {height:40px; line-height:42px; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; width:350px; text-align:center; text-align-last: center; -moz-text-align-last: center; font-family:engReg, korReg; font-size:14px; background:#fff url('../images/common/sel_arrow.gif') top 14px right 10px no-repeat; margin-right:10px; }
.upSelect .schBox .schTit { padding:0 10px 0 40px; }
.upSelect .schBox .schRadio {padding:0 10px 0; }
.upSelect .schBox .schInput {padding:5px 0 0 0; margin:0 10px; }

.upSelect .schrBox input[type="radio"] { display:none; }
.upSelect .schrBox input[type="radio"] + label {font-size:14px; color:#333; font-family:engMed, 'korMed'; float:left; }
.upSelect .schrBox input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-3px 0 0 10px; vertical-align:middle; background:url('../images/common/radios2.png') top -1px left no-repeat; cursor:pointer; }
.upSelect .schrBox input[type="radio"]:checked + label span { background:url('../images/common/radios2.png') top -25px left no-repeat; }
.upSelect .schBox .inputUp {float:left; width:200px; height:40px; line-height:42px; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; padding:0 10px; }

.upSelect .schBox .selectBtn {background-color:#333; color:#fff; font-family:engReg, korReg; padding:0 20px; border-radius:3px; font-size:14px; height:40px; box-sizing:border-box; display:inline-block; line-height:42px; position:relative; top:1px; width:140px; }
.upSelect .schBox .selectBtn:hover {background-color:#555;}

.tab_tbl {width:100%; }

.Cntbox .btnArea {width:100%; text-align:center; margin-top:30px; }
.Cntbox .btnArea a.startBtn {margin:0 auto 50px; font-size:24px; line-height:54px; font-family:korBold; background-color:#fff; display:block; width:50%; box-sizing:border-box; color:#4e5ff8; border-radius:10px; border:1px solid #6f62ee; }

.Cntbox .joinArea {width:100%; text-align:center; border-top:1px solid #9ca5fb; padding-top:40px; margin-bottom:30px; }
.Cntbox .joinArea .disc {font-size:16px; font-family:engReg, korReg; color:#fff; margin-bottom:30px; }
.btnBox {text-align:center; }
.btnBox a {margin:0 10px; color:#fff; font-family:engReg, korReg; font-size:14px; line-height:40px; width:220px; display:inline-block; border-radius:5px; }
.btnBox a.joinBtn {background-color:#5d6dfb; border:1px solid #4253f0; }
.btnBox a.joinBtn:hover {background-color:#6c7afe}
.btnBox a.loginBtn {background-color:#4e5ff8; border:1px solid #4253f0}
.btnBox a.loginBtn:hover {background-color:#6c7afe}

/** Question **/
.Cntbox .popBoard .qBox { width:100%; padding:40px 50px; }
.Cntbox .popBoard .qBox .qStep {width:100%; padding:0 10%; position:relative; background-size: 0 5px, 0 5px; background-position: 0 0,50% 25px; background-repeat: no-repeat; transition: background-size .s; background-image: linear-gradient(transparent, transparent), linear-gradient(#eeedf5, #eeedf5); cursor: pointer; background-size: 0 5px, 70% 5px; cursor:text; margin-bottom:30px; }
.Cntbox .popBoard .qBox .qStep ul {width:100%; display:inline-flex; justify-content:space-between; align-items:center; z-index:10; }
.Cntbox .popBoard .qBox .qStep ul li {width:100px; }
.Cntbox .popBoard .qBox .qStep ul li.bar {height:5px; background-color:#eeedf5; display:block; }
.Cntbox .popBoard .qBox .qStep ul li p { text-align:center; width:100%; display:block; }
.Cntbox .popBoard .qBox .qStep ul li p.num{width:52px; height:52px; background-color:#eeedf5; border-radius:50%; padding:3px; margin:0 auto 5px ; }
.Cntbox .popBoard .qBox .qStep ul li p.num span {display:block; width:46px; height:46px; font-size:22px; line-height:48px; font-family:engMed; color:#fff; background-color:#cccae1; border-radius:50%;}
.Cntbox .popBoard .qBox .qStep ul li.active p.num span {background-color:#6a79ff;}
.Cntbox .popBoard .qBox .qStep ul li p.disc { font-family:engMed, korMed; font-size:14px; color:#bdbad8; }
.Cntbox .popBoard .qBox .qStep ul li.active p.disc {color:#6a79ff;}

.Cntbox .popBoard .qBox .counter {text-align:right; font-family:engMed, korMed; font-size:20px; color:#c2c2c2; margin-bottom:5px; }
.Cntbox .popBoard .qBox .counter span {display:inline; }
.Cntbox .popBoard .qBox .counter span.on {color:#6a79ff; }
.Cntbox .popBoard .qBox .counter span.dvd {font-family:engReg; margin:0 3px; }
.Cntbox .popBoard .qBox .qArea {}
.Cntbox .popBoard .qBox .qArea .qNum {font-size:32px; color:#6a79ff; font-family:engSemi;margin-bottom:10px; }
.Cntbox .popBoard .qBox .qArea .qTit {font-size:34px; font-family:engMed, korMed; color:#333; line-height:38px; margin-bottom:15px; }
.Cntbox .popBoard .qBox .qArea .qTit2 {font-size:24px; font-family:engMed, korMed; color:#333; line-height:28px; margin-bottom:5px; }
.Cntbox .popBoard .qBox .qArea .qTit3 {text-align:center; font-size:26px; font-family:engMed, korMed; color:#333; line-height:36px; margin:50px 0 30px; }
.Cntbox .popBoard .qBox .qArea .qTit3 span {font-family:engReg, korReg; }
.Cntbox .popBoard .qBox .qArea .qDisc {font-size:26px; font-family:engMed, korMed; color:#999; line-height:28px; }
.Cntbox .popBoard .qBox .qArea .imgBox {text-align:center; width:100%; margin:30px 0; padding:20px 0; }
.Cntbox .popBoard .qBox .qArea .imgBox img {width:70%; }

.ansBox {width:100%; display:inline-flex; justify-content:space-between; align-items:center; flex-wrap: wrap; text-align:left; }
.ansBox.twoColumn label {width:100%; } 
.ansBox.oneColumn label {width:100%; } 
.ansBox input[type="checkbox"] { display:none; }
.ansBox input[type="checkbox"] + label {font-size:26px; color:#333; font-family:engLight 'korLight'; margin-bottom:10px; padding-left:50px; position:relative; }
.ansBox input[type="checkbox"] + label span {position:absolute; top:5px; left:0; width:28px; height:28px; margin:0; vertical-align:middle; background:url('../images/common/checks2.png') top left no-repeat; cursor:pointer; }
.ansBox input[type="checkbox"]:checked + label span { background:url('../images/common/checks2.png') top -32px left no-repeat; }

.ansBox input[type="radio"] { display:none; }
.ansBox input[type="radio"] + label {font-size:26px; color:#333; font-family:engLight 'korLight'; margin-bottom:10px; padding-left:50px; position:relative; }
.ansBox input[type="radio"] + label span {position:absolute; top:5px; left:0; width:28px; height:28px; margin:0; vertical-align:middle; background:url('../images/common/checks2.png') top left no-repeat; cursor:pointer; }
.ansBox input[type="radio"]:checked + label span { background:url('../images/common/checks2.png') top -32px left no-repeat; }
.ansBox input[type="radio"] + label span:hover { background:url('../images/common/checks2.png') top -32px left no-repeat; }

.ansBox2 { width:100%; margin-bottom:10px; font-size:26px; font-family:engMed, korMed; overflow:hidden;}
.ansBox2:after {display:block; clear:both; content:""; }
.ansBox2 .inputInfo {float:left; width:50%; height:46px; border:1px solid #cccccc; padding:5px; font-size:26px; font-family:engMed, korMed; text-align:center; }
.ansBox2 p {float:left; width:100%; border-radius:3px; box-sizing:border-box; padding:0 10px; height:46px; line-height:42px; font-size:26px; }
.ansBox2 span.ans {float:left; margin:0 5px; }
.ansBox2 textarea {width:100%; border:1px solid #cccccc; min-height:35vh; margin:20px 0; font-size:18px; font-family:engReg, korReg; padding:20px; overflow-y: scroll;}

.Cntbox .popBoard .qBox .qArea .warning {font-size:24px; color:#ff592c; font-family:engMed, korMed; background:url('../images/common/icon_warning.png')top 8px left 50px no-repeat; padding-left:80px; }
.Cntbox .popBoard .qBox .qBtn {margin-top:30px; }
.Cntbox .popBoard .qBox .qBtn ul {width:100%; display:inline-flex; justify-content:space-around; align-items:center; }
.Cntbox .popBoard .qBox .qBtn ul li { text-align:center; background-color:#fff;}
.Cntbox .popBoard .qBox .qBtn.threeCol ul li {width:32%;}
.Cntbox .popBoard .qBox .qBtn.twoCol ul li {width:49%;}
.Cntbox .popBoard .qBox .qBtn.oneCol ul li {width:50%;}

.Cntbox .popBoard .qBox .qBtn ul li a {display:block; border-radius:5px; font-size:24px; line-height:58px; color:#999; border:1px solid #c5c5c5; color:#999}
.Cntbox .popBoard .qBox .qBtn ul li a:hover {background-color:#eee; }
.Cntbox .popBoard .qBox .qBtn ul li.before a { background:url('../images/common/arrow_backward.png')top 17px left 20px no-repeat; } 
.Cntbox .popBoard .qBox .qBtn ul li.next a {background:#6a78fc url('../images/common/arrow_forward.png')top 17px right 20px no-repeat; border:1px solid #4253f0; color:#fff; } 
.Cntbox .popBoard .qBox .qBtn ul li.result a {background:#6a78fc; border:1px solid #4253f0; color:#fff; } 

.progressbar { width: 100%;	margin-bottom: 30px;	position: relative;	background-color: #EEEEEE; }
.proggress{ height: 8px;	width: 10px;	background-color: #6a79ff;}

/** Footer **/
.Cntbox .footer {float:left; width:100%; text-align:center; background: url('../images/common/univera_logo.svg') top 20px center no-repeat;background-size:16%; padding-top:50px; font-size:13px; font-family:engReg; color:#c7ccfd; }
.Cntbox .footer.qst { height:110px; } 
.Cntbox .footer.rest { height:180px; } 

/* Result */
.psInfo { width:100%; text-align:center; padding:30px 15px 0; }
.psInfo:after {display:block; clear:both; content:""; }
.psInfo .suvTit {font-size:30px; line-height:34px;  font-family:engReg, korReg; color:#999999; margin-bottom:10px; word-break:keep-all; width:100%; padding:0 10%;  }
.psInfo .suvTit span {color:#333; font-family:engBold, korBold;}
.psInfo .suvDate {width:100%; text-align:right; font-family:engReg; font-size:14px; line-height:14px; padding-bottom:8px; color:#cccccc; }

.psInfo .suvrstBox {float:left; width:100%; border-top:2px solid #555; border-bottom:1px solid #e9e9e9; padding:12px 0; }
.psInfo .suvResult {float:left; padding-top:8px; width:65%; }
.psInfo .suvResult li {float:left; font-family:engMed, korMed; letter-spacing:0; line-height:15px; text-align:left; margin-right:12px; padding-right:12px; background:url('../images/common/blt01.gif')top 2px right no-repeat; }
.psInfo .suvResult li:last-child {background-image:none; }
.psInfo .suvResult li .rstLeft {float:left; margin-right:3px; }
.psInfo .suvResult li .rstLeft p:nth-of-type(1) {font-size:16px; color:#333; }
.psInfo .suvResult li .rstLeft p:nth-of-type(1) span {font-size:14px; }
.psInfo .suvResult li .rstLeft p:nth-of-type(2) {font-size:12px; color:#ababab; font-family:engReg, korReg; }
.psInfo .suvResult li .retRight {float:left; padding-top:1px; }
.psInfo .suvResult li .retRight p {font-size:24px; color:#111; line-height:24px; }
.psInfo .suvResult li .retRight p span {font-size:16px; color:#333; margin-left:2px; }

.psInfo .bmiChart {float:right; background-color:#fff}
.psInfo .bmiChart .bmiIndex {float:left; width:100%; margin-bottom:5px; }
.psInfo .bmiChart .bmiIndex li {float:left; width:60px; background-color:#d5d5d5; margin-left:1px; line-height:23px; font-size:12px; box-sizing:border-box;font-family:korReg; font-size:12px; }
.psInfo .bmiChart .bmiIndex li.active:nth-child(1) {background-color:#06b0fe; color:#fff; }
.psInfo .bmiChart .bmiIndex li.active:nth-child(2) {background-color:#61cd0b; color:#fff; }
.psInfo .bmiChart .bmiIndex li.active:nth-child(3) {background-color:#ff8a06; color:#fff; }
.psInfo .bmiChart .bmiIndex li.active:nth-child(4) {background-color:#ff6f6f; color:#fff; }
.psInfo .bmiChart .bmiGuide li {float:left; margin:0 1px; font-family:engReg; color:#666; }
.psInfo .bmiChart .bmiGuide li:nth-child(1) {width:70px; text-align:right; }
.psInfo .bmiChart .bmiGuide li:nth-child(2) {width:105px; text-align:center; }
.psInfo .bmiChart .bmiGuide li:nth-child(3) {width:60px; text-align:left; }

.bmiResult {font-size:14px; color:333; font-family:engReg, korReg; line-height:22px; text-align:justify; }
.brdResult { text-align:center; font-size:24px; line-height:32px; font-family:engReg, korReg; color:#333333; padding:60px 0 0; margin-bottom:25px; word-break:keep-all; }
.underline {background-size: 100% 17px, 0 17px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 1s; background-image: linear-gradient(transparent, transparent), linear-gradient(#fff282, #fff282); cursor: pointer; background-size: 0 17px, 100% 17px; cursor:text;}
.brdResult .name {font-family:engBold, korBold; }
.brdResult .bmiUnder {font-family:engBold, korBold; color:#06b0fe;}
.brdResult .bmiNormal {font-family:engBold, korBold; color:#61cd0b;}
.brdResult .bmiOver {font-family:engBold, korBold; color:#ff8a06;}
.brdResult .bmiHeavy {font-family:engBold, korBold; color:#ff6f6f; }

.Cntbox .popBoard .titBox { width:100%; padding:30px 37px 0; margin:0 auto; }
.Cntbox .popBoard .iconEx {background: url('../images/common/icon_ex.png') top 30px center no-repeat; }
.Cntbox .popBoard .iconHealth {background: url('../images/common/icon_health.png') top 30px center no-repeat; }
.Cntbox .popBoard .iconNutrition {background: url('../images/common/icon_nutrition.png') top 30px center no-repeat; }
.Cntbox .popBoard .iconSurvey {background:url('../images/common/icon_survey.png') top 30px center no-repeat; }

.Cntbox .popBoard .brdTit {width:100%; text-align:center; font-size:26px; font-family:engBold, korBold; color:#333333; padding:60px 0 28px; border-bottom:1px solid #dbdbdb; line-height:26px; margin-bottom:30px; }
.Cntbox .popBoard .brdStit { width:100%; text-align:center; font-size:20px; line-height:18px; font-family:engBold, korBold; color:#333333; margin-bottom:20px; }
.Cntbox .popBoard .brdCont {width:100%; padding:0 10px 25px; }

.Cntbox .popBoard .warningBox { width:100%; padding:15px; color:#666;background:#f4f4f4 url('../images/common/dot01.gif') top left repeat-x; border-radius:0 0 10px 10px ; }
.Cntbox .popBoard .warningBox p {line-height:20px; font-family:engReg, korReg; font-size:13px;  line-height:18px; }
.Cntbox .popBoard .warningBox p span {font-family:engMed, korMed; color:#333; }

.bmiBg {width:100%; padding-left:50px; background:url('../images/common/icon_bmi.svg') top 5px left no-repeat; background-size:38px 38px; }
.warningBg {width:100%; padding-left:50px; background:url('../images/common/icon_warning.svg') top -1px left no-repeat; background-size:38px 38px; }
.doctorBg {width:100%;   padding:10px 0 10px 50px; background:url('../images/common/icon_warning2.svg') top 1px left 10px no-repeat; background-size:32px 32px; }

.brdCont {width:100%; }
.brdCont .recomEx {width:100%;  font-size:14px;}
.brdCont .recomEx:after {display:block; clear:both; content:""; }
.brdCont .recomEx dl {float:left; width:100%;  font-family:engReg, korReg;  }
.brdCont .recomEx dt {float:left; padding:0 10px; background-color:#838ffa; color:#fff; text-align:center; font-size:14px;line-height:24px; margin-bottom:5px; box-sizing:border-box; border-radius:14px; margin-right:10px; padding-top:1px; }
.brdCont .recomEx dd {float:left; width:100%; font-size:14px; margin-bottom:15px; color:#333; }
.brdCont .recomEx dd span {font-family:engMed, korMed; }

.brdCont .recomSports {width:100%; margin-bottom:20px; padding:10px 10px 5px; background-color:#eee; border-radius:5px; }
.brdCont .recomSports:after {display:block; clear:both; content:""; }
.brdCont .recomSports dl {float:left; width:100%; line-height:20px;font-family:engBold, korBold; }
.brdCont .recomSports dt {float:left; width:100%; color:#333; text-align: left;  font-size:14px; margin-bottom:1px; margin-right:10px; height:20px; }
.brdCont .recomSports dd {float:left; width:100%; font-size:14px; margin-bottom:10px; color:#666; font-family:engReg, korReg; }

.chartBox {width:100%; }
.chartBox:after {display:block; clear:both; content:""; }
.brdCont .spKind {width:100%;margin-bottom:10px; }
.brdCont .spKind:after {display:block; clear:both; content:""; }
.brdCont .spKind li {float:left; text-align:center; font-family:korBold; font-size:16px; padding-top:4px; }
.brdCont .spKind li:nth-of-type(1) {color:#4cb5ff; }
.brdCont .spKind li:nth-of-type(2) {color:#ff5f5f; }
.brdCont .spKind li:nth-of-type(3) {color:#24cb86; }

.brdCont .wdt50 {width:50%;}
.brdCont .wdt40 {width:40%;}
.brdCont .wdt30 {width:30%;}
.brdCont .wdt20 {width:20%;}

.brdCont .recomChart {height:30px; width:100%; background-color:#ececec; border-radius:15px; margin-bottom:15px; }
.brdCont .recomChart ul {width:calc(100% - 5px); padding:5px 0 0 5px; }
.brdCont .recomChart ul:after {display:block; clear:both; content:""; }
.brdCont .recomChart li {float:left; height:20px; color:#fff; text-align:center; font-family:engMed; font-size:12px; padding-top:4px; }
.brdCont .recomChart li .spKind {position:absolute; top:-20px; }
.brdCont .recomChart li:nth-of-type(1) {border-radius:10px 0 0 10px; background: #4cb5ff; }
.brdCont .recomChart li:nth-of-type(2) {background: #ff5f5f }
.brdCont .recomChart li:nth-of-type(3) {border-radius: 0 10px 10px 0; background:#24cb86; }

.brdCont .recomIndex {width:100%; font-family:korMed; font-size:14px; text-align:center; }
.brdCont .recomIndex > ul {width:100%; display:inline-flex; justify-content:space-around; align-items:center; text-align:center; }
.brdCont .recomIndex > li { color:#222; }
.brdCont .recomIndex .sportList {margin-top:10px; width:100%; display:inline-flex; justify-content:space-around; align-items:center; text-align:center; }
.brdCont .recomIndex .sportList li {float:left; color:#222; text-align:center; }
.brdCont .recomIndex .sportList li img{width:96px; }
.brdCont .recomIndex .sportList li .exTit {width:100px; margin-top:10px; font-family:korReg; font-size:13px; color:#333; line-height:16px; height:32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.brdCont .exList {width:100%; display:flex; flex-wrap: wrap; align-content: space-between; align-items:center; }
.brdCont .exList li {width:18%; margin:0 1%; font-size:13px; font-family:engMed, 'korMed'; color:#444; text-align:center; margin-bottom:15px; }
.brdCont .exList li img {width:100%; }
.brdCont .exList li p {margin-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; }

.brdCont .healthGuide {width:100%; margin-bottom:30px; }
.brdCont .healthGuide li {font-size:20px; float:left; width:100%; font-family:engMed, korMed; line-height:28px; background:url('../images/common/icon_check.png') top 1px left 25px no-repeat; padding-left:60px; margin-bottom:20px; }


.joinTop { width:100%; background-color:#ececec; text-align:center; border-radius:10px; padding:25px 0; }
.joinTop p {margin-bottom:15px; font-family:engReg, 'korReg'; font-size:14px; color:#666;}
.joinTop span {font-family:engMed, 'korMed'; }
.joinTop span.nick {color:#111; }

.brdCont .prList {width:100%; }
.brdCont .prList:after {display:block; clear:both; content:""; }
.brdCont .prList > li {float:left; width:100%; border-bottom:1px solid #ececec; margin-bottom:30px; padding-bottom:30px; }
.brdCont .prList li:last-child {margin-bottom:10px; }
.brdCont .prList .imgBox {float:left; width:300px;  }
.brdCont .prList .imgBox:after {display:block; clear:both; content:""; }
.brdCont .prList .imgBox ul {width:100%; text-align:center; }
.brdCont .prList .imgBox li {float:none; display:inline-block; width:140px; margin:0 5px; border-bottom:none; position:relative; }
.brdCont .prList .imgBox p.imgArea {margin-bottom:15px; background-color:#000; width:100%;  }
.brdCont .prList .imgBox p.imgArea img {width:100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} 
.brdCont .prList .imgBox p.imgArea .cartBtn {position:absolute; display: none; z-index:1000;  background-color:rgba(0, 0, 0, 0.3); width:140px; height:140px; }
.brdCont .prList .imgBox p.imgArea .cartBtn img {margin:45px; width:50px; height:54px; }
.brdCont .prList .imgBox p.imgArea:hover .cartBtn { display: block; }

.brdCont .prList .imgBox p.imgDisc {float:left; width:100%; text-align:center; font-family:engMed, 'korMed'; font-size:20px; line-height:22px;}
.brdCont .prList .imgBox p.imgDisc .period {font-size:14px; color:#999; margin-right:3px; font-family:engReg, 'korReg'; width:100%; float:left;  }
.brdCont .prList .imgBox p.imgDisc .won {font-size:14px; color:#999; margin-left:3px; font-family:engReg, 'korReg';}

.brdCont .prList .prDisc {float:left; width:calc(100% - 300px); padding-left:10px; font-family:engReg, 'korReg'; }
.brdCont .prList .prDisc .prTit {float:left; width:100%; font-size:22px; font-family:engBold, 'korBold'; line-height:28px; margin-bottom:3px; }
.brdCont .prList .prDisc .prTit span {font-size:15px; color:#07b36c; float:left; border-radius:15px; border:1px solid #07b36c; padding:3px 5px ; line-height:18px; font-family:engReg, 'korReg'; margin-right:5px; }
.brdCont .prList .prDisc .hashTag {float:left; width:100%; font-size:16px; font-family:engMed, 'korMed'; color:#1ac18e; border-bottom:1px solid #eee; padding:0 0 10px 0; margin-bottom:10px; }
.brdCont .prList .prDisc .prKey {float:left; width:100%; font-size:16px; font-family:engMed, 'korMed'; margin-bottom:5px; }
.brdCont .prList .prDisc .prTxt {float:left; width:100%; font-size:14px; color:#666; line-height:20px; border-bottom:1px solid #eee; padding-bottom:6px; margin-bottom:10px; }
.brdCont .prList .prDisc .selBox {float:left; width:100%; margin-bottom:10px; }
.brdCont .prList .prDisc .selBox p {float:left; width:78%; margin-right:1%; padding:8px 0 0 10px; margin-bottom:5px; font-family:engReg, 'korReg'; font-size:14px;}
.brdCont .prList .prDisc .selBox .prSelect {width:78%; margin-right:1%; height:40px; border-radius:3px; font-family:engReg, 'korReg'; font-size:14px; border:1px solid #c1c1c1;padding:7px 10px 5px; background:#fff url('../images/common/sel_arrow2.gif') top 16px right 10px no-repeat; }
.brdCont .prList .prDisc .selBox .prNum {width:20%; height:40px; border-radius:3px; font-family:engReg, 'korReg'; font-size:14px; border:1px solid #c1c1c1;padding:7px 10px 5px; background:#fff url('../images/common/sel_arrow2.gif') top 16px right 10px no-repeat; }

.brdCont .prList .prDisc .prBtn {float:left; display:inline-flex; justify-content:space-between; align-items:center; width:100%; text-align:center; }
.brdCont .prList .prDisc .prBtn a {display:block; float:left; width:49%; padding:10px 0; border-radius:3px; font-size:14px; } 
.brdCont .prList .prDisc .prBtn .detail {border:1px solid #c0c0c0; color:#333; }
.brdCont .prList .prDisc .prBtn .cart {background:#1ac18e url('../images/common/icon_cart.svg') top 13px left 40px no-repeat ; background-size:20px; color:#fff; padding-left:14px; }


.brdCont .prSublist {width:100%;  text-align:center; }
.brdCont .prSublist:after {display:block; clear:both; content:""; }
.brdCont .prSublist li {float:left; font-size:13px; line-height:16px; width:18%; margin:0 1%;  padding:10px;  font-family:engMed, 'korReg'; color:#444; border:1px solid #ddd; }
.brdCont .prSublist li p {margin-top:5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%; height:30px;  }
.brdCont .prSublist li img {width:80%; }
.brdCont .prSublist li p a {color:#333; }

.orderForm {position:fixed; bottom:0; height:90px; width:100%; background-color:#fff; border-top:1px solid #eee; }
.on { display:block;}
.formBox {width:100%; margin:0 auto;  } 
.formBox ul {width:100%; padding:12px 10px; display:flex; flex-wrap: wrap;  align-content: space-around;}
.formBox li {text-align:center; font-size:10px; font-family:engReg, korReg;}
.formBox li.icon img{margin-top:3px; width:100%;  }
.formBox li:nth-of-type(1) {width:35%;  }
.formBox li:nth-of-type(2), .formBox li:nth-of-type(4) {width:3%; padding-top:2px;   }
.formBox li:nth-of-type(3) {width:19%;  }
.formBox li:nth-of-type(5) {width:40%; padding:0 1%; margin-bottom:7px;  }
.formBox li:nth-of-type(6) {width:100%; padding:0 1%;  line-height:40px;}
.formBox li .priceOrg {font-size:12px; color:#000; font-family:engSemi; margin-right:1px; }
.formBox li .priceFinal {font-size:12px; color:#1ac18e; font-family:engSemi; margin:0 1px;  }

.formBox li .won {color:#777; }
.formBox li .ordBtn {font-family:korBold; font-size:14px; display:inline-block; width:100%; background-color:#222; color:#fff; text-align:center; border-radius:3px; margin:0; }
.formBox li .delivery {color:#999; }