﻿@charset "utf-8";
/* CSS Document */

.roundBox1 {width:735px;border:1px solid #76aeee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.roundBox2 {width:735px;border:1px solid #98cca3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  .roundBox1 .divtitle {margin:20px auto;padding:2px 0 0 4px;width:711px;font-weight:bold;font-size:12px;line-height:26px;text-align:left;color:#4f6596;border:1px solid #cfd9ee;background:#f2f2f2}
  .roundBox2 .divtitle {margin:20px auto;padding:2px 0 0 4px;width:711px;font-weight:bold;font-size:12px;line-height:26px;text-align:left;color:#48ab48;border:1px solid #87ca96;background:#f2fff2}
  .dlcommon {margin:20px auto;width:720px;}
    .dlcommon dt {margin:0 0 10px 0;padding:2px 0 0 9px;font-weight:bold;font-size:12px;line-height:26px;text-align:left;color:#164abc;border:1px solid #cfd9ee;background:#eef2fa}
      .dlcommon dt input[type=checkbox] {vertical-align:-2px;}
    .roundBox2 .dlcommon dt {margin:0 0 10px 0;padding:2px 0 0 9px;font-weight:bold;font-size:12px;line-height:26px;text-align:left;color:#48ab48;border:1px solid #cfd9ee;background:#f2fff2}
      .roundBox2 .dlcommon dt input[type=checkbox] {vertical-align:-2px;}

    .dlcommon dd {clear:both;padding: 0 0 0 20px;font-size:12px;line-height:35px;color:#666666;}
      .dlcommon dd span.float {float:left;font-size:12px;}
      .dlcommon dd input[type=text] {padding:0 3px;width:70px;height:20px;line-height:20px;text-align:right;color:#666666}
      .dlcommon dd input[type=radio] {vertical-align:-2px;}
      .dlcommon dd input[type=checkbox] {vertical-align:-2px;}


/* 질문 페이지 별 dd 세부 */
    .dlcommon dt.title2 {margin:0;}
    .dlcommon dt.title3 {color:#313031}
    .roundBox1 .dlcommon dt.title4 {font-size:14px;font-weight:bold;color:#b23396;background:none;border:none;}
    .roundBox2 .dlcommon dt.title4 {font-size:14px;font-weight:bold;color:#a5a400;background:none;border:none;}
      .roundBox2 .dlcommon dt.title4 span {font-weight:normal;color:#666666}

      .dlcommon dd.discript {padding:2px 0 0 26px;line-height:26px;text-align:left;}
        .dlcommon dd.discript span{font-weight:bold;color:#4f6596}

      .dlcommon dd.rounddd {padding:10px 0 12px 30px;height:35px;line-height:20px;color:#333233;-moz-border-radius:55px;-webkit-border-radius:55px;border-radius:55px;background:#f4f4f4}
        .dlcommon dd.rounddd strong.redcolor {color:#d60000}

      .dlcommon dd.sltWeight {font-weight:bold;color:#5d5d5d;}
        .dlcommon dd.sltWeight select {height:20px;vertical-align:1px;}
      .dlcommon dd.resultcal {font-weight:bold;color:#5d5d5d;}
        .dlcommon dd.resultcal .result {color:#5d8bff}
      .dlcommon dd.resultnotice {color:#775df3}

      .dlcommon dd.date {margin:20px 0;}

      .dlcommon dd.dotborder {padding-top:3px;line-height:30px;border-bottom:1px dotted #acacac;}
      .dlcommon dd.border2px {padding-top:3px;line-height:30px;border-bottom:2px solid #acacac;}

      .dlcommon dd.q9crap {}
        .dlcommon dd.q9crap .insideul {float:left;width:90%;}
          .dlcommon dd.q9crap .insideul li {float:left;width:100%;}
            .dlcommon dd.q9crap .insideul li.dlwrap {padding:15px;width:85%;color:#43ad4b;border:1px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#f6f6f6}
              .dlcommon dd.q9crap .insideul li dl dt {margin:0;border:none;background:none;font-weight:bold;}
              .dlcommon dd.q9crap .insideul li dl dd {color:#43ad4b;}

     
	   .dlcommon dd .ask0 {width:150px;text-align:left;font-weight:bold;}
      
	  .dlcommon dd .obeask1 {width:150px;text-align:left;font-weight:bold; margin-left:10px}

      .dlcommon dd .ask1 {width:240px;text-align:left;font-weight:bold;}
      .dlcommon dd .ask2 {width:540px;text-align:left;font-weight:bold;}
      .dlcommon dd .ask3 {width:100%;text-align:left;font-weight:bold;color:#5d5c5d;}
	  .dlcommon dd .smokques{ width:100%; text-align:left;font-weight:bold; color:#2e3192; font-size:14px;}

      .dlcommon dd .answer1 {width:120px;text-align:left;font-weight:bold;}
      .dlcommon dd .answer2_1 {width:70px;text-align:left;}
      .dlcommon dd .answer2_2 {width:70px;text-align:left;}
      .dlcommon dd .answer3 {width:350px;text-align:left;font-weight:bold;color:#373637}
        .dlcommon dd .answer3 input[type=text] {vertical-align:1px;}
        .dlcommon dd .answer3 .swidth {width:45px;}

      .dlcommon dd .answer3_1 {width:310px;text-align:left;font-weight:bold;}

      .dlcommon dd .answer4_1 {margin:0 0 25px 1%;width:25%;text-align:left;line-height:20px;}
      .dlcommon dd .answer4_2 {margin:0 0 25px 1%;width:25%;text-align:left;line-height:20px;}
      .dlcommon dd .answer4_3 {margin:0 0 25px 1%;width:20%;text-align:left;line-height:20px;}
      .dlcommon dd .answer4_4 {margin:0 0 25px 1%;width:25%;text-align:left;line-height:20px;}

      .dlcommon dd .answer8_1 {margin:0 0 10px 1%;width:12%;text-align:left;line-height:20px;}
	  .dlcommon dd .answer8_1_1 {margin:0 0 10px 1%;width:20%;text-align:left;line-height:20px;}
      .dlcommon dd .answer8_2 {margin:0 0 10px 1%;width:13%;text-align:left;line-height:20px;}
      .dlcommon dd .answer8_3 {margin:0 0 13px 1%;width:13%;text-align:left;line-height:20px;}
	  .dlcommon dd .answer8_3_1 {margin:0 0 13px 1%;width:15%;text-align:left;line-height:20px;}
      .dlcommon dd .answer8_4 {margin:0 0 14px 1%;width:14%;text-align:left;line-height:20px;}
	  .dlcommon dd .answer8_5 {margin:0 0 13px 1%;width:13%;text-align:left;line-height:20px;}
	  .dlcommon dd .answer8_6 {margin:0 0 14px 1%;width:14%;text-align:left;line-height:20px;}
	  .dlcommon dd .answer8_7 {margin:0 0 13px 1%;width:13%;text-align:left;line-height:20px;}
       
      .dlcommon dd .justno  {width:4%;text-align:left;font-weight:bold}
      .dlcommon dd .answer5_1 {width:22%;text-align:left;}
      .dlcommon dd .answer5_2 {width:22%;text-align:left;}
      .dlcommon dd .answer5_3 {width:22%;text-align:left;}
      .dlcommon dd .answer5_4 {width:22%;text-align:left;}

      .dlcommon dd .answer6_1 {width:15%;text-align:left;}
      .dlcommon dd .answer6_2 {width:22%;text-align:left;}

      .dlcommon dd .answer7_1 {width:64%;text-align:left;}
      .dlcommon dd .answer7_2 {width:30%;text-align:left;}


      .dlcommon dd .comment1 {width:auto;font-weight:normal;color:#38547f}


.bmi {
	position:relative;
	width:210px;
	margin:0px 35px 0px 10px;
	float:right;
	left: -50px;
	top: -20px;
}	  

/******************************************************/
/* 비 만 결과 테이블 */

.bmi_01 { width:600px; border-collapse:0; margin:10px 0 0 30px; }
.bmi_01 td { line-height:25px;}
.bmi_01 td.txt { padding : 15px 15px 20px 25px}
.bmi_01 td.txt02 { padding : 20px 0px 20px 0px; font-weight:bold; text-align: center}
.bmi_01 td .txt03 { padding : 20px 0px 20px 0px; text-align: center; font-size:11px; line-height:18px; color:#993}
.bmi_01 td.icon { width:25%; padding-left:15px;}
.bmi_01 .bred { font-weight:bold; color:#F03;}
.bmi_01 .bblue { font-weight:bold; color: #03F; font-size:14px}

/******************************************************/
/* 금연 결과 테이블 */
.smok { width:760px; border-collapse:0; margin: 10px 0 0 40px;}
.smok td.txt { font-weight:bold; height:44px; background:url(/images/02_self/bg_smoking.gif) no-repeat; padding-left:40px}
.smok .bred { font-weight:bold; color:#F03;}
.smok td.icon { width:30%; height:35px; padding:10px 20px 0 55px; text-align:right}
.smok td.input { padding:5px 0 0 0px}
.smok td.select { padding:8px 0 0 0px; line-height:20px}

.smokresult { margin-left:120px; width:450px;font-size:12px;line-height:26px;text-align:left;color:#4f6596;border:1px solid #ccc;background:#eef2fa;}
.smokresult td.txt01 { padding : 15px 15px 10px 25px; line-height:20px}
.smokresult td.txt02 { padding : 5px 5px 5px 35px; font-weight:bold; width:30%}


/**************************************************************/
.btnblock {margin:23px 0 50px 0;text-align:center;}
.btn {margin:30px 0 20px 0;text-align:center;}
.btn01 {margin:10px 0 10px 0;text-align:center;}

.emph1 {font-weight:bold;color:#313031}
.emph2 {font-weight:bold;color:#ad00d6}
.emph3 {color:#ce0000}

/*****************************/
/*  비만 설문 입력 */
/****************************/
.obesity { width:720px; padding:2px 0 0 40px;}
.obesity dt.ask1_1 { margin: 0 20px 20px 0; width:20%; text-align: left; font-weight:bold;}  
.obesity dd.obeanswer1_1 {width:30%;text-align:left;} 
.obesity dd .ask2_1 { margin: 10px 45px 25px 0; width:20%; text-align: left; font-weight:bold; height:35px;}  
.obesity dd .obeanswer2_1 {  padding: 15px 0 0 0; width:15%;text-align:left;} 


  


/*****************************************
/* Popup  		                    */
/****************************************/
body#pop { background:#fff;  height:100%; }
body#popScroll { background:#fff; height:100%;  }
#popFrameTop { height:5px; background:url(/images/default/pop_top.gif) no-repeat #27817d; }
#popFrameBtm { height:25px; overflow:hidden;  text-align:right; background:url(/images/default/pop_btm.gif) no-repeat #083f3c;  border:0px solid #198a06; }
#popFrameBtm img { position:relative; top:8px; right:15px; }
#popFrameBody { min-height:100%; _height:100%;  margin:-14px 0 -25px 0; border:0px solid #000;   }

#popCnt { min-height:97%; _height:97%; padding:5px 0 20px 0px; border:0px solid #5c12b7; text-align:left;}
#popCnt .h4 { padding:20px 0 20px 30px; height:25px;} /* title */
#popCnt .uline{ border-bottom:1px solid #cdcdcd; background:#f3f3f2;  padding:20px 0 0px 20px; font-family:돋움, Dotum; font-size:14px; color:#127672; font-weight:bold; letter-spacing:-1px; }
#popCnt .h5 { color:#472b26; font-weight:bold; margin-top:20px; padding-left:40px; margin-bottom:10px; }
#popCnt .h6{ color:#472b26; font-weight:bold; margin-top:20px;  padding-left:20px; margin-bottom:10px; } 

/*****************************************************************
/* 건강관리/자가진단 프로그램  			
/****************************************************************/

.bold { font-weight:bold; }
.total { background:url(/images/self_diagnosis/bg_total.gif) no-repeat ; width:100px; font-family:Arial; font-size:35px; color:#10247a; font-weight:bold }
.level01 { font-family:Arial; font-size:46px; color:#009245; font-weight:bold; padding:46px 74px 27px 156px; text-align:right; }
.level02 { font-family:Arial; font-size:46px; color:#eb7542; font-weight:bold; padding:46px 74px 27px 156px; text-align:right; }
.level03 { font-family:Arial; font-size:46px; color:#f13232; font-weight:bold; padding:46px 74px 27px 156px; text-align:right; }
.text001 { padding:20px 20px 20px 20px ; }
.text002 { padding:0px 0px 0px 6px ; }
.text003 { padding:8px 10px 0px 3px ; }
.text004 { padding:20px 28px 20px 28px ; }
.left40 {padding-left:40px; }
.left50 {padding-left:50px; }
.type_title_bg { background:url(/images/self_diagnosis/type_title_bg.gif); background-position:bottom; }

.tiredness_level01 { font-family:Arial; font-size:46px; color:#009245; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }
.tiredness_level02 { font-family:Arial; font-size:46px; color:#eb7542; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }
.tiredness_level03 { font-family:Arial; font-size:46px; color:#f13232; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }

.drinking_level01 { font-family:Arial; font-size:46px; color:#009245; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }
.drinking_level02 { font-family:Arial; font-size:46px; color:#e7a301; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }
.drinking_level03 { font-family:Arial; font-size:46px; color:#eb7542; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }
.drinking_level04 { font-family:Arial; font-size:46px; color:#f13232; font-weight:bold; padding:46px 74px 27px 20px; text-align:right; }





