@charset "utf-8";


.h2_title{padding:8px 20px;border-left:5px solid #000;font-size:22px;margin-bottom:20px;line-height:1.3em; color:#000;}
.h3_title{padding:8px 20px;border-left:5px solid #999;font-size:18px;margin-bottom:20px;line-height:1.3em; color:#333;}
.h2_title_center{text-align:center; font-size:30px;padding:8px 20px;margin-bottom:50px;line-height:1.3em; color:#000;}
.h2_title_left{text-align:left; font-size:22px;padding:8px 0;margin-bottom:20px;line-height:1.3em; color:#000; /* 211216 - 추가 */ font-size:30px;}
.h2_title_left small{display:block;font-size:20px; font-weight:normal; color:#CFCFCF;line-height:1.3em;}
.h2_title_center small{display:block;font-size:20px; font-weight:normal; color:#999;line-height:1.3em;}
.h3_title_s{padding:8px 0;font-size:18px;margin-bottom:20px;line-height:1.3em; color:#333;}

.cont_text{font-size:16px;line-height:1.6em; color:#666;overflow:hidden;clear:both;padding-bottom:50px;}
.cont_text_info{font-size:14px;line-height:1.6em; color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:50px;}
.cont_text_important{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}

.cont_img_right50p{display:block;width:50%;float:right; margin:0 0 20px 20px}
.cont_img_left50p{display:block;width:50%;float:left; margin:0 20px 20px 0}

.mission_text_info{font-size:28px;line-height:1.6em; font-weight:bold; color:#ff0000;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:50px; text-align: center; }
.mission_text_info small {display:block;font-size:20px; font-weight:normal; color:#999;line-height:1.3em;}
.list_circle {list-style:circle;padding-left:20px;font-size:16px;line-height:1.6em;}

/*표*/
.t_01{ width:100%; clear:both;}
.t_01 table{ border-top:1px solid #000; font-size:16px;}
.t_01 th{ background-color:#f5f5f5; border-bottom:1px solid #000; padding:15px; border-left:1px solid #dfdfdf; color:#000;}
.t_01 td{ border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center;padding:14px;}
.t_01 span{ color:#676767;line-height: 2em; }

.pb50 { padding-bottom:50px; }

@media all and (max-width:980px)
{
	.h2_title{font-size:18px;padding:5px 15px;border-left:3px solid #000;}
	.h3_title{font-size:15px;padding:5px 15px;border-left:2px solid #999;}


	.cont_text{font-size:13px;line-height:1.4em;}
	.cont_text_info{font-size:13px;line-height:1.4em;}
	.cont_text_important{font-size:14px;padding:5px 15px;border-left:2px solid #ddd;}
	
	.mission_text_info, .mission_text_info small {font-size:18px;line-height:1.4em;}
	
}

@media all and (max-width:600px)
{
	.h2_title_center,
	.h2_title_left {font-size:20px;}
	.h2_title_center, .h2_title_left small{font-size:13px; font-weight:normal;}

	.cont_text{font-size:12px;}
	.cont_text_info{font-size:12px;}
	.cont_text_important{font-size:13px;}
	
	.mission_text_info {font-size:18px;}
	.mission_text_info small {font-size:16px;}

	.t_01 table{ font-size:12px;}
}


.guide_list{width:100%;overflow:hidden;padding:30px 0;}
.guide_list li{width:20%; float:left; text-align:center;}
.guide_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#f1f1f1; font-size:3em; color:#5e5e5e; }
.guide_list li strong{display:block; font-size:16px; color:#000; margin:5px;}
.guide_list li span{display:block; font-size:13px; color:#999; margin:5px;}


.figure_list{width:100%;overflow:hidden;padding:30px 0;}
.figure_list li{width:25%; float:left; text-align:center;}
.figure_list li i{display:block;margin:10px auto; width:150px; height:150px; line-height:150px; border-radius:50%;background:#f1f1f1; font-size:4em; color:#2b2b2b; }
.figure_list li strong{display:block; font-size:20px; color:#ff0000; margin:5px;}
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px;}




@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center;}
	.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.figure_list li strong{font-size:16px;}
	.figure_list li span{font-size:11px;}


	.guide_list li{width:50%; float:left; text-align:center;}
	.guide_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.guide_list li strong{font-size:14px;}
	.guide_list li span{font-size:11px;}

	.list_circle {font-size:11px;}
	
}


/* tab */
.tab {}
.tab li {border:1px solid #666; display:inline-block; margin:0 2px;}
.tab li.on {background:#666;}
.tab li a {padding:3px 8px;display:block}
.tab li.on a {color:#fff;}




/* 211216_페이지 추가 */
.h2_title_left:not(:first-child) {margin-top:35px;}

.sub_tab {display:flex; flex-wrap:wrap; margin-bottom:30px;}
.sub_tab li {width:24%; max-width:215px; margin:0 1% 10px 0;}
.sub_tab li a {display:block; width:100%; line-height:45px; font-size:15px; text-align:center; border:1px solid #ddd;}
.sub_tab li.on a {color:#fff; background:#333;}

.sub_wrap * {word-break:keep-all; letter-spacing:-.5px;}
.sub_wrap h3 {font-size:22px; margin-bottom:20px;}
.sub_wrap h4 {font-size:18px; padding-left:10px; margin-bottom:15px; position:relative;}
.sub_wrap h4::before {position:absolute; display:block; content:''; background:#111; top:2px; left:0; width:2px; height:18px;}
.sub_wrap h5 {font-size:18px; margin-bottom:10px;}
.sub_wrap h5 span {font-weight:400;  font-size:14px; display:block; margin-top:5px;}
.sub_wrap h5 small {color:#999; font-weight:400;}
.sub_wrap p {font-size:16px; color:#666; line-height:1.5;}
.sub_wrap p:not(:last-child) {margin-bottom:25px;}
.sub_wrap img {}
.sub_wrap > div {margin-bottom:50px;}
.sub_wrap .fc_FF0000 {color:#ff0000; font-weight:600;}

.sub_wrap .list_dot li {font-size:16px; line-height:1.4; color:#666; padding:3.5px 0 3.5px 10px; position:relative;}
.sub_wrap .list_dot li::before {position:absolute; display:block; content:''; width:3px; height:3px; top:14px; left:0; background:#333; border-radius:50%;}

.sub_wrap .info_box {display:flex; align-items:flex-start;}
.sub_wrap .info_box img { /* width:50%; */ max-width:450px !important;}
.sub_wrap .info_box .sub_txt {margin-left:25px;}
.sub_wrap .info_box.info02 img {max-width:350px !important; margin-right:30px;}

.sub_wrap > div.symptom {display:flex; flex-wrap:wrap; align-items: flex-start;}
.sub_wrap > div.symptom img {}
.sub_wrap > div.symptom .r_box {width:calc(100% - 380px); -webkit-width:calc(100% - 380px); -moz-width:calc(100% - 380px); margin:0 0 30px 30px;}
.sub_wrap > div.symptom h4 {width:100%;}

.sub_wrap .line_box {border:1px dashed #ccc; padding:40px 40px 50px;}
.sub_wrap .line_box > div {width:47%; display:inline-block; vertical-align:top;}
.sub_wrap .line_box > div:first-child {margin-right:5%;}

.sub_wrap .icon_box {padding:50px 60px;}
.sub_wrap .icon_box ul li {display:flex; align-items:center;}
.sub_wrap .icon_box ul li:not(:last-child) {margin-bottom:50px;}
.sub_wrap .icon_box ul li img {max-width:100px !important;}
.sub_wrap .icon_box ul li .icon_txt {margin-left:25px;}

.sub_wrap .card_box {display:flex; justify-content:space-between;}
.sub_wrap .card_box > div {width:32%;}
.sub_wrap .card_box > div img {margin-bottom:16px; width:100%;}

.sub_wrap .test_box {background:#f9f9f9; padding:50px 70px;}
.sub_wrap .test_box h4 {font-size:30px;text-align:center; line-height:1.7; padding-top:100px}
.sub_wrap .test_box h4::before {background:url('../img/sub/icon_test.png'); width:80px; height:80px; top:0; left:50%; transform:translateX(-50%);}
.sub_wrap .test_box h4 small {font-weight:400; font-size:20px; display:block;}
.sub_wrap .test_box > p {font-size:15px; text-align:center; color:#999;}
.sub_wrap .test_box ol {list-style:none; background:#fff; border-radius:10px; padding:15px 30px;}
.sub_wrap .test_box ol li {display:flex; justify-content:space-between; padding:20px 0;}
.sub_wrap .test_box ol li:not(:first-child) {border-top:1px dotted #ccc;}
.sub_wrap .test_box ol li p {font-size:18px; margin:0;}
.sub_wrap .test_box ol li p .num {font-family:'Roboto', sans-serif; width:28px; height:28px; font-size:15px; line-height:28px; border-radius:50%; background:#333; color:#fff; display:inline-block; text-align:center; margin-right:5px;}
.sub_wrap .test_box ol li div.radio {min-width:120px;}
.sub_wrap .test_box ol li div.radio input {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.sub_wrap .test_box ol li div.radio input[type="radio"] {display:none;}
.sub_wrap .test_box ol li div.radio input[type="radio"] + label {font-size:16px; position:relative;padding-left:20px; margin-left:10px; display:inline;}
.sub_wrap .test_box ol li div.radio input[type="radio"] + label::before {display:block; position:absolute; content:''; width:16px; height:16px; border:1px solid #ddd; top:5px; left:0; border-radius:50%;}
.sub_wrap .test_box ol li div.radio input[type="radio"]:checked + label::after {display:block; position:absolute; content:''; width:8px; height:8px; border-radius:50%; background:#ff0000; top:9px; left:4px;}

.sub_wrap .test_box > div {text-align:center; padding:20px; background:#fff; border-radius:10px; box-shadow:0 8px 10px rgba(0,0,0,0.05);}
.sub_wrap .test_box > div b {font-size:18px; position:relative; font-weight:400;}
.sub_wrap .test_box > div b::before {position:absolute; content:''; display:block; width:20px; height:20px; background:url('../img/sub/icon_checkbox.png'); top:50%; left:-30px; transform:translateY(-50%);}
.sub_wrap .test_box > div b strong {font-size:20px;}
.sub_wrap .test_box > div b span em {display:inline-block; width:35px; font-style:normal;}

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

@media all and (max-width:750px) {
	.sub_wrap .info_box {flex-wrap:wrap;}
	.sub_wrap .info_box img {width:100%; max-width:inherit !important; margin-bottom:30px;}
	.sub_wrap .info_box .sub_txt {margin-left:0;}
	.sub_wrap .info_box.info02 img {max-width:inherit !important; margin-right:0;}

	.sub_wrap > div.symptom img {width:100%;}
	.sub_wrap > div.symptom .r_box {width:100%; margin:20px 0;}
	
    .sub_wrap .test_box {padding:30px;}
	.sub_wrap .test_box h4 {font-size:28px; padding-top:85px;}
	.sub_wrap .test_box h4 small {font-size:18px;}
	.sub_wrap .test_box p br {display:none;}
	.sub_wrap .test_box ol li p {font-size:16px; letter-spacing:-1px;}
	.sub_wrap .test_box ol li p .num {font-size:13px; width:22px; height:22px; line-height:22px;}
	.sub_wrap .test_box ol li div.radio {min-width:105px; width:105px;}
	.sub_wrap .test_box ol li div.radio input[type="radio"] + label {font-size:13px; padding-left:18px; margin-left:8px;}
	.sub_wrap .test_box ol li div.radio input[type="radio"] + label::before {width:14px; height:14px; top:3px;}
	.sub_wrap .test_box ol li div.radio input[type="radio"]:checked + label::after {top:6px; left:3px}
}
@media all and (max-width:600px) {
	.sub_tab li {width:31%; margin:0 2% 10px 0;}
	.sub_tab li a {font-size:13px;}

    .sub_wrap h3 {font-size:20px;}
	.sub_wrap h4 {font-size:16px; margin-bottom:10px;}
	.sub_wrap h5 {font-size:16px; margin-bottom:6px;}
	.sub_wrap p {font-size:14px;}
	.sub_wrap p:not(:last-child) {margin-bottom:18px;}
	.sub_wrap .list_dot li {font-size:14px;color:#666; padding:2px 0 2px 8px;}
	.sub_wrap .list_dot li::before {top:10px;}
	
	.sub_wrap .info_box img {margin-bottom:20px;}
	
	.sub_wrap .line_box {padding:25px 30px;}
	.sub_wrap .line_box > div {width:100%; display:block;}
    .sub_wrap .line_box > div:first-child {margin-right:0; margin-bottom:30px;}

	.sub_wrap .icon_box {padding:30px;}
	.sub_wrap .icon_box ul li {flex-wrap:wrap; justify-content:center;}
	.sub_wrap .icon_box ul li:not(:last-child) {margin-bottom:40px;}
	.sub_wrap .icon_box ul li img {width:80px;}
	.sub_wrap .icon_box ul li .icon_txt {margin-left:0px; width:100%; margin-top:20px; text-align:center;}
	
	.sub_wrap .card_box {flex-wrap:wrap;}
    .sub_wrap .card_box > div {width:100%; margin-bottom:25px;}
	
}

@media all and (max-width:450px) {
	.sub_tab {justify-content:space-between;}
	.sub_tab li {width:48.5%; margin:0 0 10px;}
	.sub_tab li a {font-size:13px; line-height:40px;}
	
	.sub_wrap .test_box {padding:30px 10px;}
	.sub_wrap .test_box h4 {font-size:24px; padding-top:85px;}
	.sub_wrap .test_box h4 small {font-size:16px;}
	.sub_wrap .test_box p {font-size:13px;}
	.sub_wrap .test_box ol {padding:5px 20px; border-radius:5px;}
	.sub_wrap .test_box ol li {padding:15px 0;flex-wrap: wrap; justify-content:flex-end;}
	.sub_wrap .test_box ol li p {font-size:14px;width: 100%;}
	.sub_wrap .test_box ol li div.radio {min-width:inherit; width:inherit; margin-top:5px;}
	.sub_wrap .test_box > div {border-radius:5px;}
	
}