@charset "utf-8";
@import url(./contents.css);
@import url(./sub01.css);
@import url(./sub02.css);
@import url(./sub03.css);
@import url(./sub04.css);
@import url(./sub06.css);

/* 이미지 잘리는부분 추가 */
.box-image.no-line.no-border {border-radius:0 !important;}

/* 설문조사 */
.checkList .box-tit {width:100%;font-size: 1.6em;font-weight:700;border: 3px solid #2998E3;text-align:center;padding: 0.6em;margin-bottom: 1.8em;word-break:keep-all;border-radius: 0.5em;font-family: 'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
.checkList .box-tit span {position:relative;}
.checkList .box-tit span em {color: #2998E3 !important;}
.checkList .box-tit  p {font-weight:400; margin-top:1em;}

.checkList .checkBox .tit {display:table;width:100%;background: #f6f6f6;border-radius: 50em;}
.checkList .checkBox .tit span {display:table-cell;padding: 0.8em 1em;vertical-align:middle;}
.checkList .checkBox .tit span:first-child {width: 8em;background: #f64776;color:#fff;font-weight:700;padding: 0.8em 1em;text-align:center;border-radius: 50em;}

.checkList .checkBox ul {padding: 1em 1.5em;overflow:hidden;}
.checkList .checkBox ul li {float:left;width:33.333333%;margin: 0.5em 0;}

.checkList .bod_write dl dt {width: 10em;}
.checkList .resultWrap {border:3px solid #f2f5f7; text-align:center; font-weight:700; padding:1em; }
.checkList .resultWrap #result {font-size:3rem;color: #005cc9;padding :0 0.2em 0 0.5em;}

.btn-result{color:#fff !important;border-color:#2998E3 !important;background-color:#2998E3 !important;}
.btn-return{color:#555 !important; border-color:#bbb !important;}
.btn-result,.btn-return {display:inline-block;position:relative;border-radius:9em;box-sizing:border-box;text-decoration:none !important;font-weight:400 !important;line-height:1;padding: 1em 1.5em;vertical-align:middle;text-align:center;border:1px solid #2F3336; font-weight:400;margin: .3em;}
.btn-result:hover {border-color:#005CB9 !important; background-color:#005CB9 !important; color:#fff !important;}
.btn-return:hover{color:#4D545B !important; border-color:#bbb !important; background-color:#eee !important;}


@media all and (max-width:768px) {
	.checkList .checkBox ul li {width:50%;}
}

@media all and (max-width:640px) {
	.checkList .box-tit {padding: 1em;}
	.checkList .bod_write dl dt {display:block; width:100%;}
	.checkList .bod_write dl dd {display:block; }
	.checkList .bod_write dl dt br {display:none;}
}

@media all and (max-width:400px) {
	.checkList .checkBox ul li {float:none; width:100%;}
}