@charset 'utf-8';

/* 설문조사 */

.talk {font-size:18px; font-weight:600; margin:20px 0 10px 0; clear:both; color:#68b71a; padding-left:25px; background:url('../img/bullet_13.jpg') no-repeat 0 center; font-family: "NanumSquareB";}
.normal {font-size:15px; line-height:24px; text-align:justify; color:#333}

.checkup {position: relative;}
.checkup .tab {margin-bottom:30px;}
.checkup .tab table {width:100%; padding:0px; margin:0px; border-collapse:collapse;}
.checkup .tab table td {padding:0px; margin:0px; text-align: center; vertical-align: top;}
.checkup .tab table td.td01 {background: url("../img/s0402_tab_01.jpg") no-repeat; width:184px; height:200px;}
.checkup .tab table td.td02 {background: url("../img/s0402_tab_02.jpg") no-repeat; width:184px; height:200px;}
.checkup .tab table td.h100 {height:100px;}
.checkup .tab table td .Db {display: block;}
.checkup .tab table td ul {margin-top:90px; width: 100%;}
.checkup .tab table td ul li {text-align: center;}
.checkup table.list {border-top:2px solid #de6d08; margin-bottom:40px;} 
.checkup table.list th {border:1px solid #e3e3e3; padding:8px 0px; background: #f7f7f7;}
.checkup table.list td {border:1px solid #e3e3e3; padding:8px 0px; text-align: center;}
.checkup table.list td.Align_l {text-align: left; padding-left:10px;}
.checkup .btn_next {margin:30px 0px; text-align: center;}

.checkup .result {border:1px solid #e8e9e9; padding:25px 40px; background: url("../img/result_bg.jpg") repeat;}
.checkup .result .result_cons { background: url("../img/checkup_result_img.png") no-repeat; padding-left:200px;}
.checkup .result .result_cons .tit {border-bottom:2px solid #c7c7c7; margin-bottom:10px; padding-bottom:15px; font-size:22px; font-weight: 600;}
.checkup .result .result_cons .score {background: #97d46e; padding:5px 0px 8px 0px; text-align: center; color:#fff; font-size:24px; letter-spacing: -2px; margin-bottom:25px;}
.checkup .result .result_cons .score span {font-size:28px; letter-spacing: 0px;}
.checkup .result .result_cons .info_t {border-bottom:2px solid #c7c7c7; margin-bottom:20px; padding-bottom:20px; font-size:16px; color:#af7017;}

@media all and (max-width: 767px) 
{

    .Width_ {width:100%;}
    .checkup .tab ul li {float:left;  margin:0px 10px 10px 0px; border:1px solid #dfe1e1; background: #f1f1f2; text-align: center; padding:10px 0px;}
    .checkup .tab ul li.width1 {width:21.8%}
    .checkup .tab ul li.width2 {width:30.5%}
    .checkup .tab ul li.Nomargin {margin-right:0px;}
    .checkup .tab ul li.current {border:1px solid #d87b26; background: #ef963b;}
    .checkup .tab ul li.current a {color:#fff;}
    .checkup table.list td input[type="text"] {width:60%;}
    
    .checkup .result { padding:5%;}
    .checkup .result .result_cons { background: none; padding-left:0px;}
    .checkup .result .result_cons .info_img img {width:100%;}
    .btn_next img {width:70%;}

}