@charset "utf-8";

/**********************************************************************************
	대메뉴
**********************************************************************************/

/* 소메뉴 */

/**********************************************************************************
	나에게 맞는 건강 및 재활정보 찾기
**********************************************************************************/

/* 나에게 맞는 건강 및 재활정보 찾기 */
.ai_top_title {display:block; font-size:16px; line-height:24px; font-weight:500; padding-left:24px; background:url(../image/content/custom_information/ai_top_ico_question.png) no-repeat left 2px; margin-top:16px;}

.ai_title_1 {position:relative; padding-left:32px; margin-top:32px;}
.ai_title_1 span {display:block; border-radius:12px; width:24px; height:24px; font-family:'Lato'; font-size:16px; line-height:24px; font-weight:500; text-align:center; background:#2858bb; color:#fff; position:absolute; left:0; top:1px;} 
.ai_title_1 strong {display:block; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; color:#2858bb;}
.ai_title_2 {font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; margin-top:32px;}
.ai_title_2 span {color:#2858bb;}
.ai_title_2 strong {padding-left:8px;}

.ai_hr {margin:0; padding:0; border:0; display:block; height:6px; background:#f4f7fe; margin-top:32px;}

.ai_s1 {margin-top:16px;}
.ai_s1 > ul {margin:-8px;}
.ai_s1 > ul::after {display:block; content:''; clear:both;}
.ai_s1 > ul > li {position:relative; padding:8px; float:left;}
.ai_s1 input[type="radio"] {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.ai_s1 label {position:relative; display:block; background:#f2f2f2; font-size:0; line-height:0; text-align:center; cursor:pointer;}
.ai_s1 > ul > li:nth-child(1) label:before {background:url(../image/content/fh/ai_fh_ico_01.png) no-repeat center center; background-size:100%;}
.ai_s1 > ul > li:nth-child(2) label:before {background:url(../image/content/fh/ai_fh_ico_02.png) no-repeat center center; background-size:100%;}
.ai_s1 > ul > li:nth-child(3) label:before {background:url(../image/content/fh/ai_fh_ico_03.png) no-repeat center center; background-size:100%;}
.ai_s1 label i {display:block; width:17px; height:17px; background:url(../image/content/custom_information/ai_s1_check_off.png) no-repeat center center; margin:0 auto;}
.ai_s1 label .ai_s1_title {display:block; font-size:16px; line-height:24px; letter-spacing:-0.048em; color:#222; margin-top:8px;}
.ai_s1 label .ai_s1_sub_title {display:block; font-size:12px; line-height:20px; letter-spacing:-0.032em; color:#222;}
.ai_s1 label .ai_s1_descript {display:block; font-size:12px; line-height:20px; color:#666; margin-top:8px;}

.ai_s1 input[type="radio"]:checked + label {background:#e6edfe;}
.ai_s1 input[type="radio"]:checked + label i {background-image:url(../image/content/custom_information/ai_s1_check_on.png);}
.ai_s1 input[type="radio"]:checked + label .ai_s1_title {color:#3b60bb; text-decoration:underline;}
.ai_s1 input[type="radio"]:checked + label .ai_s1_sub_title {color:#3b60bb; text-decoration:underline;}
.ai_s1 input[type="radio"]:focus + label { border:2px solid #99b0e7}

.ai_s2 {margin-top:16px;}

.ai_s2_top {background:#f4f7fe; padding:12px 16px;}
.ai_s2_top > p {display:block; font-size:16px; line-height:24px; font-weight:500; color:#2858bb; text-align:center;}

.ai_s2_list > ul::after {display:block; content:''; clear:both;}
.ai_s2_list > ul > li {position:relative; float:left; margin:-1px 0 0 -1px;}
.ai_s2_list input[type="radio"] {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.ai_s2_list label {position:relative; display:block; font-size:0; line-height:0; text-align:center; height:40px; border:1px solid #ddd; z-index:0; cursor:pointer;}
.ai_s2_list label::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.ai_s2_list label span {position:relative; display:inline-block; font-size:14px; line-height:22px; vertical-align:middle;}
.ai_s2_list input[type="radio"]:checked + label {background:#15349b; border-color:#15349b; z-index:5;}
.ai_s2_list input[type="radio"]:checked + label span {color:#fff; padding-left:20px;}
.ai_s2_list input[type="radio"]:checked + label span::before {display:block; content:''; width:16px; height:16px; background:url(../image/content/custom_information/ai_s2_check.png) no-repeat center center; position:absolute; left:0; top:3px;}
.ai_s2_list input[type="radio"]:focus + label {outline:1px solid #15349b;}

.btn.ai_btn {background:#4a5da8;}
.btn.ai_btn > span {padding-left:32px; background:url(../image/content/custom_information/ai_ico_search.png) no-repeat left center;}

.ai_s3_list {margin-top:16px;}
.ai_s3_list > ul {margin:-4px;}
.ai_s3_list > ul::after {display:block; content:''; clear:both;}
.ai_s3_list > ul > li {float:left; padding:4px;}
.ai_s3_list > ul > li > a {display:block; font-size:0; line-height:0; padding:8px 16px; border:1px solid #c8d7fd;}
.ai_s3_list > ul > li > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.ai_s3_list > ul > li > a > span {display:inline-block; font-size:14px; line-height:22px; color:#222; vertical-align:middle;}

@media (min-width:1220px) {
	.ai_s1 label {padding:28px 32px;}
	.ai_s1 label::before {display:block; content:''; width:80px; height:80px; margin:0 auto;}
	.ai_s1 label .ai_s1_sub_title {height:20px;}
	.ai_s1 label i {margin-top:8px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.ai_s1 label {padding:20px 24px;}
	.ai_s1 label i {margin-top:8px;}
	.ai_s1 label::before {display:block; content:''; width:80px; height:80px; margin:0 auto;}
	.ai_s1 label .ai_s1_sub_title {height:20px;}
	.ai_s1 label .ai_s1_descript {height:40px;}
}
@media (max-width:767px) {
	.ai_s1 label {padding:12px 16px; padding-left:96px;}
	.ai_s1 label::before {display:block; position:absolute; content:''; left:20px; top:50%; margin-top:-32px; width:64px; height:64px;}
}

/**********************************************************************************
	장애인 건강생활
**********************************************************************************/

/* 금연실천 */
.nosmoking_title {margin: 0 auto; color: #fff; background: #6a65cd; text-align: center; width: 256px; padding: 18px 0; border-radius:50px; }
.nosmoking {margin-top:16px;}
.nosmoking > ul {margin:-4px;}
.nosmoking > ul::after {display:block; content:''; clear:both;}
.nosmoking > ul > li {float:left; padding: 4px; }
.nosmoking > ul > li > div {position:relative; font-size:0; line-height:0; height:auto; min-height:170px; padding:30px 30px 30px 80px; background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
.nosmoking > ul > li > div > i {display:block; width:40px; height:40px; position:absolute; left:30px; top:25px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.nosmoking > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.nosmoking > ul > li > div > p {display:inline-block; font-size:16px; font-weight:500;  line-height:30px; color:#1b46a1; vertical-align:middle;}
.nosmoking > ul > li > div > span { display:inline-block; font-size:14px; line-height:24px; color:#333333; }
.nosmoking > ul > li:nth-child(1) > div > i {background-image:url(../image/content/hi/nosmoking_ico01.png);}
.nosmoking > ul > li:nth-child(2) > div > i {background-image:url(../image/content/hi/nosmoking_ico02.png);}
.nosmoking > ul > li:nth-child(3) > div > i {background-image:url(../image/content/hi/nosmoking_ico03.png);}
.nosmoking > ul > li:nth-child(4) > div > i {background-image:url(../image/content/hi/nosmoking_ico04.png);}

/* 건전음주 실천 */
.drink_list {  text-align: center;}
.drink_list > ul::after {display:block; content:''; clear:both;}
.drink_list > ul > li {display:inline-block; padding: 0 18px;}
.drink_list > ul > li > div {padding-bottom:12px;}
.drink_list .il_img {display:block; overflow:hidden; position:relative;}
.drink_list .il_img img {display:block; width:100%; height:100%;}
.drink_list .il_img::after {position:absolute; top:0; left:0; right:0; bottom:0; content:'';}
.drink_list .il_descript {padding-top:12px;}
.drink_list .il_ttl {display:block; font-size:14px; line-height:22px; color:#333;}

@media (max-width:767px) {
	.drink_list .il_img img {display:block; width:95%; height:96%;}
	.drink_list > ul > li {display:inline-block; padding: 0 8%;}
}

@media (max-width:640px) {
	.drink_list .il_img img {display:block; width:90%; height:90%;}
	.drink_list > ul > li {display:inline-block; padding: 0 2%;}
}

/* 식생활 및 영양관리 */
.food_manage {margin-top:16px;}
.food_manage > ul::after {display:block; content:''; clear:both;}
.food_manage > ul > li { float: left; width: 50%; margin-bottom: 20px;}
.food_manage > ul > li > div { position:relative; font-size:0; line-height:0; min-height:140px; padding:20px 20px 20px 156px; }
.food_manage > ul > li > div > i {display:block; width:120px; height:120px; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.food_manage > ul > li > div::before {display:inline-block; content:''; height:100%;}
.food_manage > ul > li > div > p {display:inline-block; font-size:17px; font-weight:500; line-height:30px; color:#1b46a1; }
.food_manage > ul > li > div > span {display:block; font-size:14px; line-height:24px; color:#333333;  }
.food_manage > ul > li:nth-child(1) > div > i {background-image:url(../image/content/hi/food_ico01.png);}
.food_manage > ul > li:nth-child(2) > div > i {background-image:url(../image/content/hi/food_ico02.png);}
.food_manage > ul > li:nth-child(3) > div > i {background-image:url(../image/content/hi/food_ico03.png);}
.food_manage > ul > li:nth-child(4) > div > i {background-image:url(../image/content/hi/food_ico04.png);}
.food_manage > ul > li:nth-child(5) > div > i {background-image:url(../image/content/hi/food_ico05.png);}
.food_manage > ul > li:nth-child(6) > div > i {background-image:url(../image/content/hi/food_ico06.png);}
.food_manage > ul > li:nth-child(7) > div > i {background-image:url(../image/content/hi/food_ico07.png);}
.food_manage > ul > li:nth-child(8) > div > i {background-image:url(../image/content/hi/food_ico08.png);}

@media (min-width:768px) and (max-width:1219px) {
	.food_manage > ul > li > div { padding:10px 20px 20px 130px; }
	.food_manage > ul > li > div > i {width:110px; height:110px;}
}

@media (max-width:767px) {
	.food_manage > ul > li > div { padding:10px 10px 10px 120px; }
	.food_manage > ul > li > div > i {width:100px; height:100px; }
	.food_manage > ul > li { float: none; width: 100%; margin-bottom: 10px;}
}


/**********************************************************************************
	예방과건강관리
**********************************************************************************/
.pn { padding: 0;}
.bn { border: 0;}

/* 정신건강 > 시도별 정신의료기관 찾기 */
.region_search {margin-top:32px; padding:16px; background:#f4f7fe;}
.region_search * {vertical-align:top;}
.region_search > div > div {position:relative; padding:0 4px;}
.region_search > div > div:nth-child(1) {position:relative; padding-left:80px;}
.region_search .rs_title {display:block; font-size:14px; line-height:22px; font-weight:500; color:#000; padding:6px 0; position:absolute; left:8px; top:0;}
.region_search .rs_btn {padding:0 4px;}
.region_search .rs_btn .btn_nh {background-color:#4a5da8; border-color:#4a5da8;}
.region_search input[type="text"], .region_search select {font-size:14px; line-height:22px; padding:5px; height:34px;}
.region_search input[type="text"] {padding:5px 8px;}

@media (min-width:1220px) {
	.region_search > div {display:table; width:100%; table-layout:fixed;}
	.region_search > div > div {display:table-cell; height:34px;}
	.region_search > div > div:nth-child(1) {width:280px;}
	.region_search .rs_btn {width:88px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.region_search > div {display:table; width:100%; table-layout:fixed;}
	.region_search > div > div {display:table-cell; height:34px;}
	.region_search > div > div:nth-child(1) {width:280px;}
	.region_search .rs_btn {width:88px;}
}
@media (max-width:767px) {
	.region_search > div > div {padding-top:2px; padding-bottom:2px;}
	.region_search > div > div:nth-child(1) {padding-left:4px;}
	.region_search > div > div:nth-child(1) label {display:none;}
	.region_search .rs_title {top:2px;}
	.region_search .rs_btn {text-align:center; margin-top:12px;}
}

/* 예방접종 */
.prevent_title {margin: 0 auto; color: #fff; background: #6a65cd; text-align: center; width: 256px; padding: 18px 0; border-radius:50px; }
.prevent {margin-top:16px;}
.prevent > ul {margin:-4px;}
.prevent > ul::after {display:block; content:''; clear:both;}
.prevent > ul > li {float:left; padding:4px;}
.prevent > ul > li > div {position:relative; font-size:0; line-height:0; height:80px; padding:0 20px; padding-left:80px; background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
.prevent > ul > li > div > i {display:block; width:40px; height:40px; position:absolute; left:20px; top:20px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.prevent > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.prevent > ul > li > div > span {display:inline-block; font-size:14px; line-height:22px; color:#1b46a1; vertical-align:middle;}
.prevent > ul > li:nth-child(1) > div > i {background-image:url(../image/content/ph/prevent_ico01.png);}
.prevent > ul > li:nth-child(2) > div > i {background-image:url(../image/content/ph/prevent_ico02.png);}
.prevent > ul > li:nth-child(3) > div > i {background-image:url(../image/content/ph/prevent_ico03.png);}
.prevent > ul > li:nth-child(4) > div > i {background-image:url(../image/content/ph/prevent_ico04.png);}
.prevent > ul > li:nth-child(5) > div > i {background-image:url(../image/content/ph/prevent_ico05.png);}

/* 정신건강 > 스트레스란 */
.stress {margin-top:16px;}
.stress > ul::after {display:block; content:''; clear:both;}
.stress > ul {margin:-4px;}
.stress > ul > li {float:left; padding: 4px;}
.stress > ul > li > div {position:relative; font-size:0; line-height:0; height:auto; min-height:250px; padding:25px 0; text-align: center;}
.stress > ul > li:nth-child(1) > div {background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
.stress > ul > li:nth-child(2) > div {background-color:#fffefe; border-bottom:1px solid #fbced8; border-right:1px solid #fbced8;}
.stress > ul > li:nth-child(1) > div > p  {background-image:url(../image/content/ph/stress_ico01.png); background-repeat:no-repeat; background-position:left center; padding-left: 30px; display:inline-block; font-size:16px; font-weight:500;  line-height:30px; color:#1b46a1;}
.stress > ul > li:nth-child(2) > div > p  {background-image:url(../image/content/ph/stress_ico02.png); background-repeat:no-repeat; background-position:left center; padding-left: 30px; display:inline-block; font-size:16px; font-weight:500;  line-height:30px; color:#b20f0f; }
.stress > ul > li > div > ul > li {display:inline-block;}
.stress > ul > li > div > ul > li img { margin: 15px;}
.stress > ul > li > div > ul > li span { display:block; font-size:14px; line-height:18px; color:#333333; }

@media (max-width:640px) {
	.stress > ul > li > div > ul > li img { margin: 15px; width:116px; height: 116px;}
}


/* 구강건강 */
.healthm {margin-top:16px;}
.healthm > ul::after {display:block; content:''; clear:both;}
.healthm > ul > li {width: 100%; margin-bottom: 10px;}
.healthm > ul > li > div { position:relative; font-size:0; line-height:0; min-height:117px; padding:30px 30px 30px 120px; background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
.healthm > ul > li > div > i {display:block; width:60px; height:60px; position:absolute; left:20px; top:30px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.healthm > ul > li > div::before {display:inline-block; content:''; height:100%;}
.healthm > ul > li > div > span { float:left; display:inline-block; font-size:17px; font-weight:500; line-height:12px; color:#1b46a1;  vertical-align:top;}
.healthm > ul > li:nth-child(1) > div > i {background-image:url(../image/content/ph/health_tooth_ico01.png);}
.healthm > ul > li:nth-child(2) > div > i {background-image:url(../image/content/ph/health_tooth_ico02.png);}
.healthm > ul > li:nth-child(3) > div > i {background-image:url(../image/content/ph/health_tooth_ico03.png);}
.healthm > ul > li:nth-child(4) > div > i {background-image:url(../image/content/ph/health_tooth_ico04.png);}
.healthm > ul > li > div > ul { display:inline-block;  margin-top: 0; margin-left: 20px; width: 87%; }

@media (max-width:1024px) {
	.healthm > ul > li > div > ul {margin-top: 16px; margin-left: 0; width: 100%; }
}
@media (max-width:767px) {
	.healthm > ul > li > div { position:relative; font-size:0; line-height:0; min-height:117px; padding:30px 30px 30px 92px; background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
	.healthm > ul > li > div > i {display:block; width:50px; height:50px; position:absolute; left:20px; top:30px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
	.healthm > ul > li > div > ul {margin-top: 16px; margin-left: 0; width: 100%; }
}


/* 눈건강 */
.health {margin-top:16px;}
.health > ul::after {display:block; content:''; clear:both;}
.health > ul > li {width: 100%; margin-bottom: 10px;}
.health > ul > li > div { position:relative; font-size:0; line-height:0; min-height:97px; padding:20px 20px 20px 120px;  background-color:#fdfeff; border-bottom:1px solid #d3e0ff; border-right:1px solid #d3e0ff;}
.health > ul > li > div > i {display:block; width:60px; height:60px; position:absolute; left:30px; top:20px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.health > ul > li > div::before {display:inline-block; content:''; height:100%;}
.health > ul > li > div > span {display:inline-block; font-size:17px; font-weight:500; line-height:24px; color:#1b46a1;  vertical-align:top;}
.health > ul > li:nth-child(1) > div > i {background-image:url(../image/content/ph/health_eye_ico01.png);}
.health > ul > li:nth-child(2) > div > i {background-image:url(../image/content/ph/health_eye_ico02.png);}
.health > ul > li:nth-child(3) > div > i {background-image:url(../image/content/ph/health_eye_ico03.png);}
.health > ul > li:nth-child(4) > div > i {background-image:url(../image/content/ph/health_eye_ico04.png);}
.health > ul > li:nth-child(5) > div > i {background-image:url(../image/content/ph/health_eye_ico05.png);}
.health > ul > li:nth-child(6) > div > i {background-image:url(../image/content/ph/health_eye_ico06.png);}
.health > ul > li:nth-child(7) > div > i {background-image:url(../image/content/ph/health_eye_ico07.png);}
.health > ul > li:nth-child(8) > div > i {background-image:url(../image/content/ph/health_eye_ico08.png);}
.health > ul > li:nth-child(9) > div > i {background-image:url(../image/content/ph/health_eye_ico09.png);}
.health > ul > li > div > ul { display:inline-block;  margin-top: 16px; margin-left:0; width: 100%; }

@media (max-width:767px) {
	.health > ul > li > div > span {display:block; font-size:17px; font-weight:500; line-height:24px; color:#1b46a1;  vertical-align:top;}
	.health > ul > li > div > i {display:block; width:60px; height:60px; position:absolute; left:44%; top:14px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
	.health > ul > li > div  {padding:90px 10px 20px 10px; }
}

/**********************************************************************************
	장애유형별 건강문제
**********************************************************************************/

/* 장애와 질환 */
.word_index_search {background:#f4f7fe; margin-top:32px;}
.word_index_search .wis_t {font-size:0; line-height:0; text-align:center; padding:12px 16px; border-bottom:1px solid #e3e6f2;}
.word_index_search .wis_t > a {display:inline-block; width:36px; height:36px; border-radius:20px; border:1px solid #b7c6ed; font-size:14px; line-height:34px; text-align:center; margin:2px; background:#fff; color:#444;}
.word_index_search .wis_t > a.on {background:#15349b; border-color:#15349b; color:#fff;}
.word_index_search .wis_b {padding:12px 16px;}
.word_index_search .wis_b * {vertical-align:top;}
.word_index_search .wis_b > div {display:table; table-layout:fixed; margin:0 auto;}
.word_index_search .wis_b > div > div {position:relative; padding:0 2px; display:table-cell; height:34px;}
.word_index_search .wis_b input[type="text"] {font-size:14px; line-height:22px; padding:5px 8px; height:34px;}
.word_index_search .wis_b .wis_btn {width:84px;}
.word_index_search .wis_b .wis_btn .btn_nh {background-color:#4a5da8; border-color:#4a5da8;}

.word_index_no_list {border-top:1px solid #c8d7fd; padding:48px 0; text-align:center; margin-top:8px;}
.word_index_no_list .winl_descript {font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; color:#444;}
.word_index_no_list .s_list {display:inline-block; text-align:left;}

.word_index_list {margin-top:8px;}
.word_index_list ul {margin:-4px;}
.word_index_list ul::after {display:block; content:''; clear:both;}
.word_index_list ul li {float:left; padding:4px;}
.word_index_list ul li a {display:block; border:1px solid #c8d7fd;}
.word_index_list ul li a span {display:block; font-size:14px; line-height:22px; padding:8px 12px; color:#444;}
.wil_view .wv_link {padding:16px 20px; background:#f8fafe; margin-bottom:16px;}
.wil_view .wv_link .wvl_ttl {font-size:14px; line-height:22px; font-weight:500;}

@media (min-width:1220px) {
	.word_index_search .wis_b > div {width:50%;}
	.word_index_no_list {padding:64px 0;}
	.word_index_list ul li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (min-width:768px) and (max-width:1219px) {
	.word_index_search .wis_b > div {width:50%;}
	.word_index_no_list {padding:48px 0;}
	.word_index_list ul li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (max-width:767px) {
	.word_index_search .wis_b > div {width:100%;}
	.word_index_search .wis_t > a {width:32px; height:32px; border-radius:16px; font-size:12px; line-height:32px;}

	.word_index_no_list {padding:32px 16px;}
}

/* 장애와 질환 출처 표기 */
.source_box { position:relative; padding:10px 20px; margin-top:32px;background-color:#eaeefa;}
.source_box * { font-size:13px; }
.source_box p { color:#354ba0; } 
.source_box p .s_tit { font-weight:400; color:#444;}

/**********************************************************************************
	자료실
**********************************************************************************/
/* 재활교육 멀티미디어 자료 */
.media_box {margin-top:32px;}
.media_box > div {margin:-8px;}
.media_box > div > div {padding:8px;}
.media_box > div::after {display:block; content:''; clear:both;}
.media_box .mb_video .mbv_player {background:#333;}
.media_box .mb_video object,
.media_box .mb_video video {display:block; width:100%;}
.media_box .mb_caption {padding:8px;}
.media_box .mb_caption > div { background:rgba(0,0,0,0.024); border:1px solid #ddd; padding:16px 20px; font-size:14px; line-height:20px; letter-spacing:-0.024em; color:#444; overflow:hidden; overflow-y:auto;}
.media_box .mb_caption > textarea {display:block; background:#f8f8f8; border:1px solid #ddd; padding:12px 16px; font-size:14px; line-height:22px; color:#666; overflow:hidden; overflow-y:auto;}
@media (min-width:1180px) {
	.media_box > div > div {float:left;}
	.media_box .mb_video {width:66.6666%;}
	.media_box .mb_caption {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.media_box .mb_caption > div {height:320px;}
	.media_box .mb_caption > textarea {height:320px;}	
}
@media (max-width:767px) {
	.media_box .mb_caption > div {height:240px;}
	.media_box .mb_caption > textarea {height:240px;}	
}
/**********************************************************************************
	기타
**********************************************************************************/
.dataReady { padding:50px 0; width:100%; text-align:center; font-weight:700; font-size:16px;}