@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;}

/*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;}
.interview_t > div {vertical-align:middle;}

/* ���������� */
.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;}

.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_67{width:67%;}
.width_60{width:60%;}
.width_58{width:58%;}
.width_49{width:49%;}
.width_40{width:40%;}
.width_32{width:32%;}
.width_31{width:31%;}

.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:2em;line-height:1.3;}

.text_deco01 {background:#e8b200; padding:5px 15px; box-sizing:border-box; color:#fff;}

.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;}


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';letter-spacing:-0.08em;}
#subpage_visual {position:relative;height:470px;}
#subpage_visual.sub1 {background:url("./images/sub1_bg.jpg") center center no-repeat;}
#subpage_visual.sub2 {background:url("./images/sub2_bg.jpg") center center no-repeat;}
#subpage_visual.sub3 {background:url("./images/sub3_bg.jpg") center left 19% no-repeat;}
#subpage_visual.sub4 {background:url("./images/sub4_bg.jpg") center center no-repeat;}
#subpage_visual.sub5 {background:url("./images/sub5_bg.jpg") center left 8% no-repeat;}
#subpage_visual.sub6 {background:url("./images/sub6_bg.jpg") center center no-repeat;}
#subpage_visual.sub7 {background:url("./images/sub7_bg.jpg") center center no-repeat;}
#subpage_visual.sub8 {background:url("./images/sub8_bg.jpg") center right 44% no-repeat;}
#subpage_visual.sub9 {background:url("./images/sub9_bg.jpg") center left 38% 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.5px;line-height:1.7;margin-bottom:35px;text-indent:0.7em;text-align:justify;}
.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;}
/* ���������� */

.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;}
}
@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 .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;}

	.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_49{width:100%;}
	.width_40{width:100%;}
	.width_32{width:100%;}
	.width_31{width:100%;}
	.caption br{display:none;}

	.sub2_table {margin-top:20px;}

	.tg td, th{padding:0px 2px;}

	.margin_T_-80 {margin-top:0px;}
	
	.interview_p{padding:10px 10px;}
	.interview_t{padding:10px 10px;}

	.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;}
}
@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;}

	.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;}
}
