@charset "utf-8";



/*서나꺼 한번에 정리 할게요~*/


.tg{width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;}
.tg thead{background-color:#d2efeb;}
.tg td,th{padding:5px 40px;text-align:center;border-collapse:collapse;border-spacing:0;border:1px solid #eeeeee;}
.tg tr{border-collapse:collapse;border-spacing:0;}

.border_TopLine{border-top: 1px solid #d0d0d0;padding-top: 5.625em;}
.border_box{border:1px solid #eeeeee;}

/*sub7*/
.info_title2 {/* background:url("./images/ss_title_bar.jpg") left center no-repeat; padding-left:20px;  */font-size:2.500em;letter-spacing:-1.4px;margin-bottom:20px;}
/* .info_title2:before {background:url("./images/ss_title_bar.jpg");} */

/*sub8*/

.interview{display:table; border-bottom: 1px solid #ededed;}
.interview_p{text-align:center;display:inline-block;padding:20px 30px;}
.interview_p > img{margin-bottom:20px;}
.interview_p > p {font-size:1.5em;font-weight:600;color:#26b59d;}
.interview_p > span {font-size:1.2em;color:#777777;}
.interview_t{width: 80%;padding: 20px 30px;vertical-align: middle;display: table-cell;font-size: 1.5em;letter-spacing: -0.4px;line-height: 1.7;margin-bottom: 35px;text-indent: 0.7em;
    text-align: justify; word-break:keep-all;}
.interview_t > div {vertical-align:middle;}

.science {display:flex; flex-direction: row-reverse; justify-content:space-between; align-items: center; padding-bottom:25px; border-bottom: 1px solid #ededed; margin-bottom:25px;}
.science:last-child {border-bottom:none;}
.science_p {flex-basis:300px; flex-shrink: 0; margin-right:20px;}
.science_p > span {font-size:1.2em;color:#777777;}
.sci_content {width:100%;}
.sci_content .sci_title {font-size:1.7em; font-weight:800; margin-bottom: 1rem; letter-spacing: -1.5px; text-indent:0.7em;}
.sci_content .sci_title label {color:#26b59d; margin-right:5px;}
.sci_content .sci_text {color:#000;font-size:1.5em;letter-spacing:-0.7px;line-height:1.7;text-indent:0.7em;text-align:justify; word-break:break-all;}
.sci_content .sci_text span {font-weight:700;}


.sci_br {display: none;}
.sci_br2 {display: block;}

/*sub9*/
.q_area {margin-bottom:1.5rem;}
.q_area:after {content:''; display:block; clear:both;}
.q_text {color:#ed6f01; font-weight:bold; font-size:1.35rem; padding:8px 10px 0;}

.a_area {color: #000; font-size: 1.5em; letter-spacing: -0.5px; line-height: 1.7; margin-bottom: 20px;  text-align: justify;}
.a_area:after {content:''; display:block; clear:both;}
.a_text {text-indent: 0.7em; padding:0 0 0 10px; width:93%}
.round {display:inline-block; padding:2px 16px; text-align:center; font-weight:bold; color:#fff; border-radius:50px; margin-bottom:0.8rem;}
.BG01 { background:#fcc300;}
.BG02 { background:#7bcdf5;}
.BG03 { background:#f99292;}
.BG04 { background:#79cbbd;}

.sub9_dis {letter-spacing: 1.2px;}

/* .sub9_deco_title {color: #ed6f01; font-size:1.1em; font-weight:700; margin-bottom:5px;}
.sub9_table th {border:none; padding:5px 10px 5px 0; vertical-align:top; width:26%; text-align:left;}
.sub9_table .sub9_table_b {font-size:1.1em; font-weight:800;}
.sub9_table tr {margin-bottom:5px;} */

/* sub7 */
.sub7_letter {}
.sub7_letter2 {letter-spacing: -1.5px !important;}

.info_title_deco {background: url(./images/ss_title_bar.jpg) left center no-repeat; margin-right: 18px;}

/* sub6 */
.sub6_letter {}

/* sub5 */
.width_55_2 {width:55%;}
.width_42_2 {width:42%;}
.width_53_2 {width:53%;}
.width_47_2 {width:47%;}
.float_L2{float:left;}
.float_R2{float:right;}
p.caption2 {margin-top:5px;}
p.caption2 > label {display:inline-block;font-size:1.3em !important;color:#000;font-family:'Noto Sans KR',sans-serif;letter-spacing:-0.08em;}

.sub5_letter {letter-spacing: -1.4px !important;}


/* sub4 */
.sub4_letter {}

/* sub3 */
.br_425 {display: block;} /*425이하 안 보임*/
.br_425b {display: none;} /*425이하 보임*/
.sub3_letter {}

/* ���������� */
.margin_T_20 {margin-top:20px;}
.margin_T_50 {margin-top:50px;}
.margin_T_60 {margin-top:60px;}

.margin_T_-60 {margin-top: -60px;}
.margin_T_-80 {margin-top: -80px;}

.margin_B_90 {margin-bottom:90px;}
.margin_B_35 {margin-bottom:35px;}
.margin_B_20 {margin-bottom:20px;}
.margin_B_10 {margin-bottom:10px;}
.margin_B_0 {margin-bottom:0 !important;}
.margin_M_B_10 {margin-bottom:0 !important;}

.padding_T_0 {padding-top:0px !important;}

.padding_B_0 {padding-bottom:0px !important;}

.text_R {text-align:right !important;}
.text_L {text-align:left !important;}
.text_C {text-align:center !important;}	
.float_L{float:left;}
.float_R{float:right;}
.clear {clear:both;}

.width_100 {width:100%;}
.width_67{width:67%;}
.width_60{width:60%;}
.width_58{width:58%;}
.width_55{width:55%;}
.width_51{width:51%;}
.width_49{width:49%;}
.width_48{width:48%;}
.width_45{width:45%;}
.width_44{width:44%;}
.width_40{width:40%;}
.width_41{width:41%;}
.width_42{width:42%;}
.width_38{width:38%;}
.width_34{width:34%;}
.width_32{width:32%;}
.width_31{width:31%;}
.width_30{width:30%;}
.width_25{width:25%;}

.deco_box01 {border:1px solid #e2e2e2; border-radius:20px;padding:2% 5%; box-sizing:border-box;}
.deco_box02 {background: #f7f7f7;padding:2% 5%; box-sizing:border-box; font-size:1.4em !important;line-height:1.3;}
.deco_box03 {border:1px solid #e2e2e2; border-radius:20px; padding:5% 4%; box-sizing:border-box;}
.deco_box04 {background: #f7f7f7;padding:3%; box-sizing:border-box; font-size:1.4em !important;line-height:1.3;}

.cont3 {}
.cont3 > div {float: left; width: calc( (99.999% / 3) - (4% / 3)); margin-right: 2%;}
.cont3 > div:nth-child(3n) { margin-right: 0;}
.cont3:after {display: block; content: ''; clear: both;}

.text_deco01 {background:#e8b200; padding:5px 15px; box-sizing:border-box; color:#fff;}

.img_area0 {margin-bottom:0;text-align:center;}
.img_area {margin-bottom:10px;text-align:center;}
.img_area2 {margin-bottom:35px;text-align:center;}
.img_area3 {margin-bottom:60px;text-align:center;}

.scrollArea {}
.scrollArea .scrollBox_L {width: 100%;}
.scrollArea .scrollBox_M {width: 100%;}
.scrollArea .scrollBox_S {width: 100%;}

.M_none {display:block;}
.M_block {display:none;}

.fontOther {font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif !important;}

br {color: rgba(0,0,0,0);}

p.caption {margin-top:5px;}
p.caption > label {display:inline-block;font-size:1.083em !important;color:#000;background-color:#e0e0e0;padding:5px 10px 4px 10px;box-sizing:border-box;font-family:'Noto Sans KR',sans-serif;letter-spacing:-0.08em;}
#subpage_visual {position:relative;height:470px;}
#subpage_visual.sub1 {background:url("./images/sub1_bg.jpg") top 30% right 5% no-repeat;}
#subpage_visual.sub2 {background:url("./images/sub2_bg.jpg") center right 33% no-repeat;}
#subpage_visual.sub3 {background:url("./images/sub3_bg.jpg") center right 36% no-repeat;}
#subpage_visual.sub4 {background:url("./images/sub4_bg.jpg") top 44% left 11% no-repeat;}
#subpage_visual.sub5 {background:url("./images/sub5_bg.jpg") center left 40% no-repeat;}
#subpage_visual.sub6 {background:url("./images/sub6_bg.jpg") top 25% center no-repeat;}
#subpage_visual.sub7 {background:url("./images/sub7_bg.jpg") top right 25% no-repeat;}
#subpage_visual.sub8 {background:url("./images/sub8_bg.jpg") top right 35% no-repeat;}
#subpage_visual.sub9 {background:url("./images/sub9_bg.jpg") top 25% right 22% no-repeat;}
.subTitleArea {position:absolute;left:50%;margin-left:-600px;bottom:45px;}
.subTitleArea > .sta_title {margin-bottom:30px;}
.subTitleArea > .sta_title > span {position:relative;display:inline-block;padding-bottom:5px;color:#fff;font-size:2em;letter-spacing:-0.4px;}
.subTitleArea > .sta_title > span:after {position:absolute;display:block;content:"";left:0px;bottom:0px;width:100%;height:1px;background-color:#fff;}
.subTitleArea > .sta_titleCont {color:#fff;}
.subTitleArea > .sta_titleCont > .columns {font-size:3.167em;letter-spacing:-1.0px;line-height:1.2em;}
.subTitleArea > .sta_titleCont > .columns .columns_br {display:none;}
.subTitleArea > .sta_titleCont > .columns_title {font-size:3.750em;letter-spacing:-1.0px;line-height:1.4em;}
.subTitleArea > .sta_titleCont > .columns_title .columns_br {display:none;}

#subpage_content {}
.sub_infoArea {position:relative;padding:30px 0px 22px 0px;box-sizing:border-box;border-bottom:1px solid #cccccc;margin-bottom:55px;}
.sub_infoArea > .info_title {color:#969494;font-size:1.667em;letter-spacing:-0.4px;line-height:1.6em;word-break:keep-all;}
.sub_infoArea > .info_name {position:absolute;right:0px;bottom:22px;}
.sub_infoArea > .info_name > label {display:inline-block;vertical-align:middle;color:#000;font-size:1.5em;letter-spacing:-0.4px;margin-left:15px;}
.sub_infoArea > .info_name > label:first-child {margin-left:0px;}
.sub_infoArea > .info_name > label.info_bg_wp {background:url("./images/info_bg_wp.png") left center no-repeat;padding-left:70px;box-sizing:border-box;background-size: auto 100%;}
.sub_infoArea > .info_name > label.info_bg_w {background:url("./images/info_bg_w.png") left center no-repeat;padding-left:40px;box-sizing:border-box;background-size: auto 100%;}
.sub_infoArea > .info_name > label.info_bg_p {background:url("./images/info_bg_p.png") left center no-repeat;padding-left:40px;box-sizing:border-box;background-size: auto 100%;}
.sub_section {}
.sub_section .ss_area {margin-bottom: 5.625em;}
.sub_section .ss_area:after {display:block;content:"";clear:both;}
.sub_section .ss_area > .ss_title {background:url("./images/ss_title_bar.jpg") left center no-repeat;font-size:2.500em;letter-spacing:-1.4px;padding-left:20px;margin-bottom:40px;}
.sub_section .ss_area > .ss_content {}
.sub_section .ss_area > .ss_content:after {display:block;content:"";clear:both;}
/*
.sub_section .ss_area > .ss_content .float_R {float:right;margin-left:25px;margin-bottom:30px;}
.sub_section .ss_area > .ss_content .float_L {float:right;margin-right:25px;margin-bottom:30px;}
*/
.sub_section .ss_area > .ss_content .float_R_default {float:right;}
.sub_section .ss_area > .ss_content .float_L_default {float:left;}
.sub_section .ss_area > .ss_content .float_R_default.imgDeco1 {float:right;margin-left:25px;margin-bottom:30px;}
.sub_section .ss_area > .ss_content .float_L_default.imgDeco1 {float:left;margin-right:25px;margin-bottom:30px;}
.sub_section .ss_area > .ss_content .float_imgarea {margin-bottom:35px;}
.sub_section .ss_area > .ss_content .float_imgarea:after {display:block;content:"";clear:both;}
.sub_section .ss_area > .ss_content .ss_text {color:#000;font-size:1.5em;letter-spacing:-0.7px;line-height:1.7;margin-bottom:35px;text-indent:0.7em;text-align:justify; word-break:keep-all;}
.sub_section .ss_area > .ss_content .ss_text:last-child {margin-bottom:0px;}
.sub_section .ss_area > .ss_content .ss_text2 {color:#000;font-size:1.5em;letter-spacing:-0.5px;line-height:1.7;margin-bottom:20px;text-align:justify;}
.sub_section .ss_area > .ss_content .ss_text2:last-child {margin-bottom:0px;}
.sub_section .ss_area > .ss_content .ss_text3 {color:#000;font-size:1.4em;letter-spacing:-0.5px;line-height:1.7;margin-bottom:35px;text-align:justify;}
.sub_section .ss_area > .ss_content .ss_text3:last-child {margin-bottom:0px;}
/* ���������� */

.sub2_table > table{border-spacing:0; margin-top:10px; border-top:1px solid #ccc; width:100%;}
.sub2_table  > table tr th {padding:2px 0; border:1px solid #ccc;text-align:center;border-left: 0px;}
.sub2_table  > table tr td {padding:2px 10px; border-bottom:1px solid #ccc;}

@media only screen and (max-width:1210px) {
	.subTitleArea {left:0px;margin-left:0px;bottom:0px;padding:0px 20px 45px 20px;box-sizing:border-box;}
	.sub_infoArea > .info_title {display:block;width:100%;text-align:center;margin-bottom:20px;}
	.sub_infoArea > .info_name {position:relative;display:block;width:100%;bottom:0px;text-align:center;}
	.sub_section .ss_area {padding-left:20px;padding-right:20px;box-sizing:border-box;}

	.info_title2 {display: block; width: 100%; text-align: center;}

	.sci_br2 {display: none;}
}

@media only screen and (max-width:1024px) {
	.sub7_letter2 {letter-spacing: -0.08em !important;}
	.sub6_letter {letter-spacing: -0.8px !important;}
	.sub5_letter {letter-spacing: -1px !important;}
	.sub1_img_M_none {display:none;}
}

@media only screen and (max-width:768px) {
	#subpage_visual {height:400px;}
	.sub_infoArea {padding:15px 20px 20px 20px;margin-bottom:35px;}
	/* .sub_infoArea br {display:none;} */

	.sub_section .ss_area > .ss_content .ss_text {letter-spacing:-0.5px; word-break:break-all;}
	
	.sub_section .ss_area > .ss_content .float_R_default.imgDeco1 {text-align:center;width:100%;margin-left:0px;margin-bottom:15px;}
	.sub_section .ss_area > .ss_content .float_L_default.imgDeco1 {text-align:center;width:100%;margin-right:0px;margin-bottom:15px;}
	.sub_section .ss_area > .ss_content .float_L_default.imgDeco1 .text_L,
	.sub_section .ss_area > .ss_content .float_R_default.imgDeco1 .text_L,
	.sub_section .ss_area > .ss_content .float_L_default.imgDeco1 .text_R,
	.sub_section .ss_area > .ss_content .float_R_default.imgDeco1 .text_R {text-align:center;}
	.sub_section .ss_area > .ss_title {font-size:2.2em;}
	
	.sub_section .ss_area > .ss_content .float_imgarea .float_R_default,
	.sub_section .ss_area > .ss_content .float_imgarea .float_L_default {width:100%;text-align:center;}
	.sub_section .ss_area > .ss_content .float_imgarea .float_L_default {margin-bottom:20px;}
	.sub_section .ss_area > .ss_content .float_imgarea .float_R_default .text_L,
	.sub_section .ss_area > .ss_content .float_imgarea .float_L_default .text_L,
	.sub_section .ss_area > .ss_content .float_imgarea .float_R_default .text_R,
	.sub_section .ss_area > .ss_content .float_imgarea .float_L_default .text_R {text-align:center;}
	
	/* sub6 */
	.sub6_letter {letter-spacing: -0.7px;}

	/* sub9 */
	.sub9_dis {display:none;}

	.q_area {text-align:center; margin-bottom:0.8rem;}
	.q_text {padding:1rem 0; font-size:1.25rem;}

	.a_area {text-align:center; margin-bottom:0.8rem;}
	.a_text {padding:1rem 0; width:100%}

	.text_L {text-align:center !important;}
	.text_R {text-align:center !important;}	
	.float_L{float:none;}
	.float_R{float:none;}

	.width_67{width:100%;}
	.width_60{width:100%;}
	.width_58{width:100%;}
	.width_55{width:100%;}
	.width_51{width:100%;}
	.width_49{width:100%;}
	.width_48{width:100%;}
	.width_45{width:100%;}
	.width_44{width:100%;}
	.width_40{width:100%;}
	.width_42{width:100%;}
	.width_38{width:100%;}
	.width_34{width:100%;}
	.width_32{width:100%;}
	.width_31{width:100%;}
	.width_30{width:100%;}
	.width_25{width:100%;}
	.caption br{display:none;}

	.sub2_table {margin-top:20px;}

	.tg td, th{padding:0px 2px;}

	.margin_T_-80 {margin-top:0px;}
	.margin_M_B_10 {margin-bottom:10px !important;}
	
	.interview_p{padding:10px 10px;}
	.interview_t{padding:10px 10px; word-break:break-all;}

	.scrollArea {overflow: auto;padding-bottom:10px;}
    .scrollArea .scrollBox_L {min-width: 770px;}
    .scrollArea .scrollBox_M {min-width: 600px;}
    .scrollArea .scrollBox_S {min-width: 400px;}

	.M_block {display:block !important;}
	.M_none {display:none;}
	.M_center {text-align:center !important;}

	.cont3 > div {width: 100%; float: none; margin-bottom:20px;text-align:center;}
	.cont3 > div:nth-child(3n) { margin-bottom: 0;}

	.sub5_letter {letter-spacing: -0.08em !important;}

	.science {flex-direction: column; justify-content:space-between;}
	.science_p {margin-right:0; text-align:center; flex-basis: auto;}
	.sci_text {letter-spacing:-0.5px; margin-bottom:20px;}
	.sci_title {text-indent: 0 !important;}
}
@media only screen and (max-width:600px) {
	.interview_p{padding:10px 0px;width:100%;display:block;}
	.interview_t{padding:10px 0px;width:100%;display:block;}

}
@media only screen and (max-width:425px) {

	#subpage_visual {height:300px;}
	.sub_infoArea {font-size:9px;}
	.subTitleArea {font-size:7px;padding:0px 20px 20px 20px;}
	.subTitleArea > .sta_title {margin-bottom:15px;}
	.sub_section .ss_area > .ss_title {margin-bottom:15px;}
	.sub_section .ss_area > .ss_content .float_imgarea {margin-bottom:25px;}
	.sub_section .ss_area > .ss_content .ss_text {margin-bottom:25px;}
	.interview_p{display:block;}
	.interview_t{display:block;}


	.br_425 {display: none;}
	.br_425b {display: block;}
	.sub3_letter {letter-spacing: -1.4px;}


	.sub_infoArea > .info_name > label.info_bg_wp{padding-left:50px;}	
	.sub_infoArea > .info_name > label.info_bg_p{padding-left:20px;}
	.sub_infoArea > .info_name > label.info_bg_w{padding-left:20px;}

}
@media only screen and (max-width:375px) {

	.subTitleArea > .sta_titleCont > .columns .columns_br {display:block;}
	.subTitleArea > .sta_titleCont > .columns_title .columns_br {display:block;}

	.sub3_letter {letter-spacing: -0.2px;}
	.sub4_letter {letter-spacing: -1px;}
	.sub6_letter {letter-spacing: -0.6px !important;}

	.sci_br {display: block;}
}

@media only screen and (max-width:320px) {

	.sub4_letter {letter-spacing: -1.8px;}
	.sub6_letter {letter-spacing: -0.7px;}
	.sub7_letter {letter-spacing: -1.5px !important;}


}