.mobileOnly {display:block; }
.pcOnly {display:none; }
.pcInline {display:none; }
body {background-color:#838ffa; padding:0; margin: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: 60px; letter-spacing:-.5px; }
.header .logo {float:left; margin:20px 0 0 5px; font-size:18px; line-height:18px; font-family:'korMed';color:#fff; }
.header .menu {float:right; margin-top:22px; font-size:14px; line-height:14px; font-family:'korMed'; }
.header .menu a {color:#fff; margin-right:10px; }

.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:100%; }
.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:30px; }
.Cntbox .psAgree .agrDisc {width:100%; background-color:#7582f8; font-size:14px; line-height:22px; font-family:korLight; color:#fff; overflow-x: auto; overflow-y: auto; height: 130px; margin: 0 0 15px 0 ; padding: 15px; }
.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%; height:20px; margin-bottom:10px; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"] { display:none; }
.Cntbox .psAgree .agreeCheck input[type="checkbox"] + label {font-size:16px; color:#fff; font-family:engLight, korReg; }
.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 2px left no-repeat; cursor:pointer; background-size:22px;   }
.Cntbox .psAgree .agreeCheck input[type="checkbox"]:checked + label span { background:url('../images/common/checks.png') top -27px left no-repeat; background-size:22px;}

.Cntbox .popBoard {width:100%; text-align:left; margin-bottom:15px; border-radius:5px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); background-color:#fff; }
.Cntbox .popBoard:after {display:block; clear:both; content:""; }
.Cntbox .aboutUp {width:100%; background:#6876f5 url('../images/common/upimage.svg') top 20px left 15px no-repeat; color:#fff; border-radius:5px 5px 0 0 ; padding:15px 10px 15px 60px; background-size:35px 35px; }
.Cntbox .aboutUp .aboutDisc {font-size:13px; font-family:engLight, korLight; }
.Cntbox .aboutUp .aboutDisc .tit {font-family:engMed, 'korMed'; margin-bottom:3px; }

.Cntbox .popBoard .upBenefit { width:100%; padding:15px; 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:15px; }
.Cntbox .popBoard .upBenefit .tit { font-family:engBold, korBold; font-size:16px; line-height:28px; }
.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 {margin-bottom:6px; line-height:18px; counter-increment:list-number; padding-left:12px; 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:20px; }
.agreeRadio li { width:100%; padding-top:3px; padding-left:5%; }
.agreeRadio li:first-child {text-align:right; padding-right:30px; } 
.agreeRadio input[type="radio"] { display:none; }
.agreeRadio input[type="radio"] + label {font-size:16px; line-height:32px; color:#333; font-family:engMed, 'korMed'; padding-top:3px; text-align:left; }
.agreeRadio input[type="radio"] + label span {display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-3px 6px 0 5px; background: url('../images/common/radios.png') top 1px left no-repeat; cursor:pointer; background-size:24px; }
.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:80%; display:inline-flex; justify-content:space-around; align-items:center; }
.emailRadio li {width:50%; height:36px; padding-top:3px; text-align:center; }
.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:40px; vertical-align:bottom;   }
.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;  width:100%; display:inline-block;   }
.emailBox .inputEmail {margin:0 auto; width:100%;  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 {margin-top:10px; line-height:42px; border:1px solid #cccccc; border-radius:3px; font-family:engReg, korReg; font-size:14px; width:100%; 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 5px no-repeat; padding-left:32px; 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 {width:100%; text-align:center;font-size:16px; font-family:engMed, 'korMed'; color:#333;}
.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:100%; text-align:center; font-family:engReg, korReg; font-size:14px; background:#fff url('../images/common/sel_arrow.gif') top 14px right 10px no-repeat; padding-left:10px; }
.upSelect .schBox .schTit {width:100%; padding:0; font-size:18px; margin-bottom:10px; }
.upSelect .schBox .schInput {width:100%; padding:0; margin-bottom:5px; }
.upSelect .schBox .sltBox {width:100%; margin-bottom:5px; padding:0; }
.upSelect .schBox .schBtnbox {width:100%;margin-bottom:25px; padding:0; }

.upSelect .schrBox {width:100%; padding:0; margin-bottom:10px; display:flex; justify-content:space-around; font-size:14px; line-height:26px; color:#333; font-family:engMed, 'korMed'; }
.upSelect .schrBox input[type="radio"] { display:none; }
.upSelect .schrBox input[type="radio"] + label {color:#333; }
.upSelect .schrBox input[type="radio"] + label span {display:inline-block; vertical-align:middle; width:20px; height:20px; background:url('../images/common/radios2.png') top -1px left no-repeat; background-size:20px 44px; margin-right:3px; }
.upSelect .schrBox input[type="radio"]:checked + label span { background:url('../images/common/radios2.png') top -25px left no-repeat; r }
.upSelect .schBox .inputUp {width:100%; 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:100%; }
.upSelect .schBox .selectBtn:hover {background-color:#555;}
.tab_tbl {width:100%; }

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


.Cntbox .joinArea {width:100%; text-align:center; border-top:1px solid #9ca5fb; padding:20px 6% 0; margin-bottom:20px; }
.Cntbox .joinArea .disc {font-size:14px; line-height:20px; font-family:engReg, korReg; color:#fff; margin-bottom:20px; word-break: keep-all;}
.btnBox {text-align:center; }
.btnBox a {margin-bottom:5px; color:#fff; font-family:engReg, korReg; font-size:14px; line-height:40px; width:80%; 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:30px 10px; }
.Cntbox .popBoard .qBox .qStep {width:100%; padding:0; position:relative; background-size: 0 3px, 0 3px; background-position: 0 0,50% 21px; background-repeat: no-repeat; transition: background-size .s; background-image: linear-gradient(transparent, transparent), linear-gradient(#eeedf5, #eeedf5); cursor: pointer; background-size: 0 3px, 70% 3px; cursor:text; margin-bottom:20px; }
.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:200px; }
.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:46px; height:46px; background-color:#eeedf5; border-radius:50%; padding:3px; margin:0 auto 5px ; }
.Cntbox .popBoard .qBox .qStep ul li p.num span {display:block; width:40px; height:40px; font-size:18px; line-height:40px; 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:12px; color:#bdbad8; word-break:keep-all; height: 40px;}
.Cntbox .popBoard .qBox .qStep ul li.active p.disc {color:#6a79ff;}

.Cntbox .popBoard .qBox .counter {text-align:right; font-family:engMed, korMed; font-size:16px; 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 {padding:0 10px; }
.Cntbox .popBoard .qBox .qArea .qNum {font-size:24px; line-height:32px; margin-bottom:3px; color:#6a79ff; font-family:engSemi; }
.Cntbox .popBoard .qBox .qArea .qTit {font-size:24px; font-family:engMed, korMed; color:#333; line-height:32px; margin-bottom:5px; word-break:keep-all; }
.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:20px; font-family:engMed, korMed; color:#999; line-height:24px; }
.Cntbox .popBoard .qBox .qArea .imgBox {text-align:center; width:100%; margin:20px 0; padding:10px 0; }
.Cntbox .popBoard .qBox .qArea .imgBox img {width:80%; }

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

.ansBox input[type="radio"] { display:none; }
.ansBox input[type="radio"] + label {margin-bottom:15px; padding-left:28px; position:relative; font-family:engReg, korReg; }
.ansBox input[type="radio"] + label span {position:absolute; top:5px; left:0; width:20px; height:20px; margin:0; vertical-align:middle; background:url('../images/common/checks2.png') top left no-repeat; cursor:pointer; background-size:cover; }
.ansBox input[type="radio"]:checked + label span { background:url('../images/common/checks2.png') top -23px left no-repeat; background-size:cover; }

.ansBox2 { width:100%; margin-bottom:10px; font-size:26px; font-family:engMed, korMed; overflow:hidden;}
.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; height:46px; line-height:42px; font-size:26px; }
.ansBox2 span.ans {float:left; margin:0 5px; }
.ansBox2:after {display:block; clear:both; content:""; }
.ansBox2 textarea {width:100%; border:1px solid #cccccc; min-height:35vh; margin:20px 0 10px; font-size:18px; font-family:engReg, korReg; padding:20px; overflow-y: scroll;}

.Cntbox .popBoard .qBox .qArea .warning {font-size:20px; color:#ff592c; font-family:engMed, korMed; background:url('../images/common/icon_warning.png')top 7px left 2px no-repeat; padding-left:28px; background-size:18px 18px; }
.Cntbox .popBoard .qBox .qBtn {margin-top:20px; }
.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; margin:0 .5%; }
.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:100%;}
.Cntbox .popBoard .qBox .qBtn ul li a {display:block; border-radius:3px; font-size:16px; font-family:engMed, korMed; line-height:48px; color:#999; border:1px solid #c5c5c5; color:#999}
.Cntbox .popBoard .qBox .qBtn ul li.before a { background:url('../images/common/arrow_backward.png')top 15px left 8px no-repeat; background-size:10px; } 
.Cntbox .popBoard .qBox .qBtn ul li.next a {background:#6a78fc url('../images/common/arrow_forward.png')top 15px right 8px no-repeat; ; background-size:10px; 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 15px center no-repeat;background-size:16%; padding-top:45px; font-size:13px; font-family:engReg; color:#c7ccfd; background-size:30%; }
.Cntbox .footer.qst { height:90px; } 
.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:8px 0; }
.psInfo .suvResult {float:left; padding-top:3px; width:100%; margin-bottom:10px;  }
.psInfo .suvResult li { float:left; font-family:engMed, korMed; letter-spacing:0; line-height:15px; text-align:left; padding:0 2%; background: url('../images/common/blt01.gif')top 2px right no-repeat; box-sizing:border-box;  }
.psInfo .suvResult li:nth-of-type(1) {width:30%; }
.psInfo .suvResult li:nth-of-type(2) {width:35%; }
.psInfo .suvResult li:nth-of-type(3) {width:35%;  background-image:none;}

.psInfo .suvResult li .rstLeft {float:left; margin-right:3px; }
.psInfo .suvResult li .rstLeft p:nth-of-type(1) {font-size:13px; color:#333; }
.psInfo .suvResult li .rstLeft p:nth-of-type(2) {font-size:11px; color:#ababab; font-family:engReg, korReg; }
.psInfo .suvResult li .retRight {float:left; padding-top:1px; }
.psInfo .suvResult li .retRight p {font-size:16px; color:#111; line-height:24px; }
.psInfo .suvResult li .retRight p span {font-size:11px; color:#333; margin-left:2px; }

.psInfo .bmiChart {float:left; width:100%;  background-color:#fff}
.psInfo .bmiChart .bmiIndex {float:left; width:100%; margin-bottom:5px; }
.psInfo .bmiChart .bmiIndex li {float:left; width:calc(25% - 1px); 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:29%; text-align:right; }
.psInfo .bmiChart .bmiGuide li:nth-child(2) {width:43%; text-align:center; }
.psInfo .bmiChart .bmiGuide li:nth-child(3) {width:20%; 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:25px 15px 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:22px; font-family:engBold, korBold; color:#333333; padding:60px 0 20px; border-bottom:1px solid #dbdbdb; line-height:26px; margin-bottom:20px; }
.Cntbox .popBoard .brdStit { width:100%; text-align:center; font-size:18px; 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 {float:left; width:24%;margin-bottom:10px; margin-right:10px;  }
.brdCont .spKind:after {display:block; clear:both; content:""; }
.brdCont .spKind li {text-align:center; font-family:korBold; font-size:14px; padding-top:4px;display: flex;  flex-direction: column;  justify-content: center; }
.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 {height:250px;}
.brdCont .wdt40 {height:200px;}
.brdCont .wdt30 {height:150px;}
.brdCont .wdt20 {height:100px;}

.brdCont .recomChart {float:left; height:500px; width:32px;border-radius:16px; margin-right:10px; }
.brdCont .recomChart ul {width:32px;  }
.brdCont .recomChart ul:after {display:block; clear:both; content:""; }
.brdCont .recomChart li {float:left; width:32px; color:#fff; text-align:center; font-family:engMed; font-size:12px; display: flex;  flex-direction: column;  justify-content: center;}

.brdCont .recomChart li:nth-of-type(1) {border-radius:16px 16px 0 0; background: #4cb5ff; }
.brdCont .recomChart li:nth-of-type(1) { border-top:5px solid #ececec;  border-left:5px solid #ececec;  border-right:5px solid #ececec;  }
.brdCont .recomChart li:nth-of-type(2) {background: #ff5f5f; border-left:5px solid #ececec;  border-right:5px solid #ececec; }
.brdCont .recomChart li:nth-of-type(3) {border-radius: 0 0 16px 16px ; background:#24cb86;border-left:5px solid #ececec;  border-right:5px solid #ececec; border-bottom:5px solid #ececec;   }

.brdCont .recomIndex {float:left; width:56%; font-family:korMed; font-size:14px; text-align:center; }
.brdCont .recomIndex > ul {width:100%;}
.brdCont .recomIndex > li {float:left; width:50%; color:#222; }
.brdCont .recomIndex .wdt50 .sportList  {height:250px;}
.brdCont .recomIndex .wdt40 .sportList  {height:200px;}
.brdCont .recomIndex .wdt30 .sportList  {height:150px;}
.brdCont .recomIndex .wdt20 .sportList  {height:100px;}
.brdCont .recomIndex .sportList {width:100%;  display: flex;  flex-direction: column;  justify-content: center; }
.brdCont .recomIndex .sportList li {height:70px; width:100%; color:#222; margin:3px 0;  }
.brdCont .recomIndex .sportList li .imgBox {float:left; }
.brdCont .recomIndex .sportList li img{width:70px; }
.brdCont .recomIndex .sportList li .exTit {padding-left:5px; padding-top:10px; height:70px; display: flex;  flex-direction: column;  justify-content: center;width:calc(100% - 70px) ; }
.brdCont .recomIndex .sportList li .exTit span {height:30px; float:left; text-align:left;  font-family:korReg; font-size:12px; color:#333; line-height:16px;  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:36%; margin:0 7%; 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:20px; }
.brdCont .healthGuide:after {display:block; clear:both; content:""; }
.brdCont .healthGuide li {font-size:16px; float:left; width:100%; font-family:engMed, korMed; line-height:24px; background:url('../images/common/icon_check.png') top 0 left 5px no-repeat; padding-left:35px; margin-bottom:15px; background-size:22px }

.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 #aaa; padding-bottom:15px; margin-bottom:15px; }
.brdCont .prList .imgBox {width:100%; }
.brdCont .prList .imgBox ul {width:100%; display:flex; flex-wrap: wrap; align-content: space-between; justify-content:center; }
.brdCont .prList .imgBox li { width:calc(50% - 2px); border-bottom:none; position:relative; }
.brdCont .prList .imgBox li:nth-of-type(2) {margin-left:3px; }
.brdCont .prList .imgBox p.imgArea {margin-bottom:5px;  }
.brdCont .prList .imgBox p.imgArea img {opacity: 1; width:100%; } 
.brdCont .prList .imgBox p.imgArea .cartBtn {display: none;}
.brdCont .prList .imgBox p.imgDisc { width:100%; text-align:center; font-family:engMed, 'korMed'; font-size:20px; line-height:14px;line-height:22px; }
.brdCont .prList .imgBox p.imgDisc .period {font-size:14px; color:#999; margin-right:3px; font-family:engReg, 'korReg'; float:left; width:100%; }
.brdCont .prList .imgBox p.imgDisc .won {font-size:14px; color:#999; margin-left:3px; font-family:engReg, 'korReg';}

.brdCont .prList .prDisc {float:left; width:100%; 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:48%; margin:0 1% 15px;  padding:10px;  font-family:engMed, 'korReg'; color:#444; border:1px solid #ddd; }
.brdCont .prSublist li img {width:80%; }
.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 p a {color:#333; }

.orderForm {position:fixed; bottom:0; height:120px; width:100%; background-color:#fff; border-top:1px solid #eee; }
.formBox {width:100%; margin:0 auto;  } 
.formBox ul {width:100%; padding:5px 10px; display:flex; flex-wrap: wrap;  align-content: space-around;}
.formBox li {text-align:center; font-size:14px; font-family:engReg, korReg; padding:5px 0; }
.formBox li img{margin-top:1px; width:16px;  }
.formBox li:nth-of-type(1) {width:100%;   line-height:20px; }
.formBox li:nth-of-type(2) {width:100%; padding:0 1%;  line-height:20px;}
.formBox li:nth-of-type(3) {width:100%; line-height:40px;}
.formBox li .priceOrg {font-size:16px; color:#000; font-family:engSemi; margin-right:1px; }
.formBox li .priceFinal {font-size:18px; 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; } 

@media (max-width:359px) {
.header .logo {float:left; margin:20px 0 0 5px; font-size:16px; line-height:16px; font-family:'korMed';color:#fff; }
.header .menu {float:right; margin-top:22px; font-size:12px; line-height:12px; font-family:'korMed'; }

.Cntbox .popBoard .upBenefit { font-size:13px; line-height:16px}
.Cntbox .popBoard .upBenefit .tit {font-size:15px; line-height:22px; }

.agreeRadio input[type="radio"] { display:none; }
.agreeRadio input[type="radio"] + label {font-size:14px; line-height:32px; color:#333; font-family:engMed, 'korMed'; padding-top:3px; text-align:left; }
.agreeRadio input[type="radio"] + label span { display:inline-block; vertical-align:middle; width:22px; height:22px; margin:-3px 6px 0 5px; background: url('../images/common/radios.png') top 2px left no-repeat; cursor:pointer; background-size:20px; }
.agreeRadio input[type="radio"]:checked + label span { background:url('../images/common/radios.png') top -24px left no-repeat; background-size:20px;}

ul.bdTab {font-size:12px; }
ul.bdTab li { padding:7px 0; }

.upSelect .schrBox {font-size:13px; }
.Cntbox .btnArea a.startBtn {font-size:16px; line-height:44px; }
.Cntbox .joinArea .disc {font-size:13px; line-height:16px; }

.Cntbox .popBoard .qBox .qArea .qNum {font-size:20px; line-height:28px; }
.Cntbox .popBoard .qBox .qArea .qTit {font-size:20px;line-height:28px; word-break:keep-all; }
.Cntbox .popBoard .qBox .qArea .qTit2 {font-size:18px; line-height:20px; margin-bottom:5px; }
.Cntbox .popBoard .qBox .qArea .qTit3 {font-size:20px; line-height:28px; margin:50px 0 30px; }
.Cntbox .popBoard .qBox .qArea .qDisc {font-size:18px; font-family:engMed, korMed; color:#999; line-height:24px; }

.psInfo .suvTit {font-size:26px; line-height:30px;   }
.psInfo .suvResult li .rstLeft p:nth-of-type(1) {font-size:13px;  }
.psInfo .suvResult li .rstLeft p:nth-of-type(2) {font-size:10px;  }
.psInfo .suvResult li .retRight p {font-size:18px;  }
.brdResult { text-align:center; font-size:20px;  line-height:26px;  }

.ansBox {font-size:17px; line-height:22px; color:#333; }
.ansBox input[type="checkbox"] + label {margin-bottom:10px; padding-left:23px; position:relative; }
.ansBox input[type="checkbox"] + label span {position:absolute; top:3px; left:0; width:18px; height:18px; margin:0; vertical-align:middle; background:url('../images/common/checks2.png') top left no-repeat; cursor:pointer; background-size:cover; }
.ansBox input[type="radio"]:checked + label span { background:url('../images/common/checks2.png') top -21px left no-repeat; background-size:cover;}
.ansBox input[type="radio"] + label {margin-bottom:10px; padding-left:23px; position:relative; }
.ansBox input[type="radio"] + label span {position:absolute; top:3px; left:0; width:18px; height:18px; margin:0; vertical-align:middle; background:url('../images/common/checks2.png') top left no-repeat; cursor:pointer; background-size:cover; }
.ansBox input[type="radio"]:checked + label span { background:url('../images/common/checks2.png') top -21px left no-repeat; background-size:cover;}

.ansBox2 { width:100%; margin-bottom:10px; font-size:26px; font-family:engMed, korMed; overflow:hidden;}
.ansBox2 .inputInfo {float:left; width:50%; height:40px; border:1px solid #cccccc; padding:5px; font-size:20px; 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:20px; padding:0 0 0 0; }
.ansBox2 span {float:left; margin:0 5px; }
.ansBox2:after {display:block; clear:both; content:""; }
.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:17px; background:url('../images/common/icon_warning.png')top 5px left 3px no-repeat; padding-left:25px; background-size:17px 17px; }
.Cntbox .popBoard .qBox .qBtn ul li a { font-size:14px; line-height:40px; }
.Cntbox .popBoard .qBox .qBtn ul li.before a { background:url('../images/common/arrow_backward.png')top 13px left 8px no-repeat; background-size:8px; } 
.Cntbox .popBoard .qBox .qBtn ul li.next a {background:#6a78fc url('../images/common/arrow_forward.png')top 13px right 8px no-repeat; ; background-size:8px; } 
}