@charset "utf-8";

.inner{width:100%; max-width:1200px; margin:0 auto;}

@media all and (max-width:1200px){
	.inner{width:93.75%;}
}

/* header */
.page .header-content h2{margin:0;}
.page .header-content h2{font-size:34px; padding:160px 0 80px;}

@media all and (max-width:767px){
	.page .header-content h2{padding:120px 0 60px;}
}

/* footer */
footer{font-size:0; padding:50px 0;}
footer .container {position:relative; }
footer a.logo{display:inline-block; vertical-align:top; width:60px; line-height:1;}
footer .right{display:inline-block; vertical-align:top; width:calc(100% - 60px); padding-left:40px; box-sizing:border-box;}
footer .right ul{font-size:0;}
footer .right ul li{display:inline-block; vertical-align:top; font-size:15px; font-weight:normal; letter-spacing:-0.045em; color:#fff; margin-right:20px; position:relative; line-height:25px; word-break:keep-all;}
footer .right ul li:before{content:''; position:absolute; right:-10px; width:1px; height:12px; top:5px; background:#fff; }
footer .right ul li:nth-of-type(2):before,footer .right ul li:last-of-type:before{display:none;}
footer a.link {position:absolute; right:0; top:-20px; padding:10px; background-color:#fff; text-align:center; font-size:15px; color:#333; }
footer a.link img {display:block; padding:5px; border:1px solid #ddd; margin-bottom:5px; }

@media (max-width: 991px){
	footer .right ul li:nth-of-type(1):before{display:none;}
	footer a.link {position:static; display:block; width:210px; margin:10px 0 0 auto; text-align:center; }
}

@media (max-width: 640px){
	footer a.logo{display:block; margin:0 auto;}
	footer .right{display:block; width:100%; margin-top:25px; text-align:center;}
	footer .right ul li:before{display:none;}
	footer a.link {margin:10px auto 0; }
}

/* main */
.main_con01 .expertise-listing{font-size:0;}
.main_con01 .expertise-listing a{display:inline-block; vertical-align:middle ; width:100px; margin-top:25px;}
.main_con01 .expertise-listing section{display:inline-block; vertical-align:middle ; width:calc(100% - 136px);}
.main_con01 .expertise-listing section h6{margin:0;}

@media (max-width: 991px){
	.main_con01{margin:100px 0;}
	.main_con01.expertise-widget-2 img{position:static; left:0; width:100%;}
}

.main_con02 .box{cursor:pointer;}
.main_con02 .img_box img{width:100%;}
.main_con02 .txt_box{padding:20px; border:1px solid #dcdcdc}
.main_con02 .txt_box p{font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#010927; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media all and (max-width:991px){
	.main_con02{margin:100px 0;}
}




/* sub_tit */
.sub_tit{text-align:center;}
.sub_tit h3{font-size:56px; color:#b0d36a; letter-spacing:-0.025em; font-weight:700; margin:0;}

/* sub_visual */
.page .header-content.sv01{background-image:url('/img/sub_visual01.jpg');}
.page .header-content.sv02{background-image:url('/img/sub_visual02.jpg');}
.page .header-content.sv03{background-image:url('/img/sub_visual03.jpg');}
.page .header-content.sv04{background-image:url('/img/sub_visual04.jpg');}



/* 해연재단소개 > 해연재단취지 */
.intro_con01{margin:0 auto 100px;}
.intro_con01 .txt_box{margin:60px 0 40px;}
.intro_con01 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:300; line-height:26px; word-break:keep-all; min-height:0; margin:20px 0;}
.intro_con01 .service-widget-2 section{min-height:270px; box-sizing:border-box;}
.intro_con01 .service-widget-2 h6{word-break:keep-all;}

@media all and (max-width:1200px){
	.intro_con01 .service-widget-2 section{min-height:320px;}
}
@media all and (max-width:991px){
	.intro_con01 .service-widget-2 section{min-height:0;}
}

/* 해연재단소개 > 이사장인사말 */
.ceo_con01{margin:0 auto 100px;}
.ceo_con01 .txt_box{margin-top:60px;}
.ceo_con01 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:300; line-height:26px; word-break:keep-all; margin:20px 0;}
.ceo_con01 .txt_box .sign_box{text-align:right; margin-top:60px;}
.ceo_con01 .txt_box .sign_box p{margin:5px 0;}
.ceo_con01 .txt_box .sign_box p b{font-weight:700;}

/* 해연재단소개 > 조직도 */
.organization_con01{margin:0 0 100px; text-align:center;}
.organization_con01 .graph_box{margin-top:60px;}
.organization_con01 .top_box h4{font-size:24px; color:#fff; letter-spacing:-0.025em; font-weight:700; margin:0; width:220px; padding:82px 0; margin:0 auto; background:url('/img/organization_con01_img01.png') no-repeat center center / contain;}
.organization_con01 .top_box h4 span{}
.organization_con01 .mid_box{position:relative;}
.organization_con01 .mid_box:before{content:''; display:block; position:absolute; width:2px; height:100%; background:#75c8da; top:0; left:50%; margin-left:-1px;}
.organization_con01 .mid_box .box{font-size:20px; color:#fff; letter-spacing:-0.025em; font-weight:700; margin:0; width:200px; text-align:center; background:#75c8da; padding:25px 0; margin:0 auto; position:relative;}
.organization_con01 .mid_box .box.col02{background:#369dba;}
.organization_con01 .mid_box ul{margin:0; font-size:0; letter-spacing:-4px; padding-top:10px;}
.organization_con01 .mid_box ul li{display:inline-block; vertical-align:top; width:50%; max-width:300px; position:relative;}
.organization_con01 .mid_box ul li:before{content:''; display:block; position:absolute; width:100%; height:2px; background:#75c8da; top:50%; margin-top:-1px; left:0;}
.organization_con01 .mid_box ul li:nth-of-type(1):before{display:none;}
.organization_con01 .mid_box ul li .box{margin-right:0;}
.organization_con01 .mid_box .one{padding:40px 0;}
.organization_con01 .bot_box ul{margin:0; font-size:0; letter-spacing:-4px; padding:0 20px;}
.organization_con01 .bot_box ul li{display:inline-block; vertical-align:top; width:25%; padding:60px 20px 0; position:relative;}
.organization_con01 .bot_box ul li:before{content:''; display:block; position:absolute; width:2px; height:60px; background:#75c8da; left:50%; margin-left:-1px; top:0;}
.organization_con01 .bot_box ul li:after{content:''; display:block; position:absolute; width:100%; height:2px; background:#75c8da; left:0; top:0;}
.organization_con01 .bot_box ul li p{display:table; width:100%; height:125px; border:2px solid #75c8da; box-sizing:border-box; font-size:18px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:28px; word-break:keep-all;}
.organization_con01 .bot_box ul li p span{display:table-cell; vertical-align:middle;}

.organization_con01 .bot_box ul li:first-of-type:after{width:50%; left:auto; right:0;}
.organization_con01 .bot_box ul li:last-of-type:after{width:50%;}

@media all and (max-width:1200px){
	.organization_con01 .bot_box ul li p br{display:none;}
}
@media all and (max-width:1000px){
	.organization_con01 .bot_box ul li{padding:60px 10px 0;}
}
@media all and (max-width:767px){
	.organization_con01 .top_box h4{margin-left:0;}
	.organization_con01 .mid_box:before{left:110px;}
	.organization_con01 .mid_box .box{margin-left:170px;}
	.organization_con01 .mid_box ul{padding:20px 0;}
	.organization_con01 .mid_box ul li{width:100%; max-width:100%;}
	.organization_con01 .mid_box ul li:before{width:60px; left:110px;}
	.organization_con01 .mid_box .one{position:relative; padding:0 0 20px;}
	.organization_con01 .mid_box .one:before{content:''; display:block; position:absolute; width:60px; height:2px; background:#75c8da; top:50%; margin-top:-1px; left:110px;}
	.organization_con01 .bot_box ul{padding:40px 0 0 110px; position:relative;}
	.organization_con01 .bot_box ul:before{content:''; display:block; position:absolute; width:2px; height:calc(100% - 72.5px); background:#75c8da; top:0; left:109px;}
	.organization_con01 .bot_box ul li{width:100%; padding:10px 0; padding-left:60px;}
	.organization_con01 .bot_box ul li:before{width:60px; height:2px; left:0; top:50%; margin:0; margin-top:-1px;}
	.organization_con01 .bot_box ul li:after{display:none;}
}



.business_txt_common {padding-bottom:100px;}
.business_txt_common .txt_box {padding:30px 0; }
.business_txt_common .txt_box h5 {padding-bottom:10px; font-size:22px; font-weight:300; color:#444444; letter-spacing:-0.075em; }
.business_txt_common .txt_box h5.center {text-align:center; }
.business_txt_common .txt_box h5 b {font-weight:bold; }
.business_txt_common .txt_box > p {position:relative; padding-left:10px; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:30px;}
.business_txt_common .txt_box > p:before {content:'-'; position:absolute; left:0; top:0; }
.business_txt_common .desc_box {padding:10px 15px; }
.business_txt_common .desc_box p { font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:1.8; }
.business_txt_common .desc_box ul {}
.business_txt_common .desc_box ul li {font-size:0; letter-spacing:-4px; line-height:30px; }
.business_txt_common .desc_box ul li > * {display:inline-block; vertical-align:top; font-size:18px; color:#444444; font-weight:300; letter-spacing:-0.025em;  }
.business_txt_common .desc_box ul li b {position:relative; padding-left:15px; box-sizing:border-box; font-weight:500; }
.business_txt_common .desc_box ul li b:before {content:''; position:absolute; left:0; top:50%; width:4px; height:4px; background-color:#b0d36a; border-radius:50%; box-sizing:Border-box; 
-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.business_txt_common .desc_box ul li b.w100 {width:100px; }
.business_txt_common .desc_box ul li b.w110 {width:110px; }
.business_txt_common .desc_box ul li span.wc100 {width:calc(100% - 100px); }
.business_txt_common .desc_box ul li span.wc110 {width:calc(100% - 110px); }
.business_txt_common .desc_box ul li p {position:relative; display:block; padding-left:40px; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:30px;}
.business_txt_common .desc_box ul li p:before {content:'-'; position:absolute; left:30px; top:0; }
.business_txt_common .table_box table {width:100%; border-top:1px solid #969696; }
.business_txt_common .table_box table thead th {border-right:1px solid #e1e1e1; padding:15px 0; background-color:#f8f8f8; font-size:18px; color:#444444; font-weight:500; letter-spacing:-0.025em; text-align:center; }
.business_txt_common .table_box table thead th b {font-weight:normal; }
.business_txt_common .table_box table thead th:last-of-type {border-right:0 none; }
.business_txt_common .table_box table tbody tr:first-of-type td {border-top:1px solid #e1e1e1; }
.business_txt_common .table_box table tbody td {border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:20px 20px; font-size:16px; font-weight:300; color:#666666; letter-spacing:-0.025em; text-align:center; word-break:keep-all; line-height:30px; }
.business_txt_common .table_box table tbody td.aling_left {text-align:left; }
.business_txt_common .table_box table tbody td:last-of-type {border-right:0 none; }


/* 오시느길 */
.location_con01 {padding-bottom:100px; }
.location_con01 .table_box {margin-top:40px; }
.location_con01 .table_box table {width:100%; border-top:1px solid #969696; }
.location_con01 .table_box table tbody th {border-bottom:1px solid #e1e1e1; padding:15px 0; background-color:#f8f8f8; font-size:18px; color:#444444; font-weight:500; letter-spacing:-0.025em; text-align:center; }
.location_con01 .table_box table tbody th b {font-weight:normal; }
.location_con01 .table_box table tbody td {border-bottom:1px solid #e1e1e1;  padding:15px 20px; font-size:16px; font-weight:300; color:#666666; letter-spacing:-0.025em; text-align:center; word-break:keep-all; line-height:30px; }
.location_con01 .map_box {width:100%; height:500px; margin-top:40px; }
.location_con01 .map_box .root_daum_roughmap {width:100%; height:100%; }

@media all and (max-width:767px){
	.location_con01 {padding-bottom:70px; }
	.location_con01 .table_box table tbody th {display:block; width:100%; }
	.location_con01 .table_box table tbody td {display:block; width:100%; }
}