@charset "utf-8";
@import url('/html/css/color_theme.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}

div {font-weight:400;}
b, strong {font-weight:500;}

ol, ul,  li {list-style:none !important;}

/* 상단 배너 풀 이미지 */
.slick-prev, .slick-next {transform:translateY(-50%) !important;margin:0px !important; width:60px !important; height:60px !important;opacity:1;}
.slick-prev {left:50px !important; margin:0px !important; background:#fff url('/theme/6/img/main/prevArrow.png')no-repeat center; }
.slick-next {right:50px !important; margin:0px !important; background:#fff url('/theme/6/img/main/nextArrow.png')no-repeat center;}
.slick-prev:hover, .slick-next:hover {opacity:0.8}
#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}

@media all and (max-width:980px) {
	.slick-prev,  .slick-next {width:40px !important; height:40px !important; background-size:12px;}
	.slick-prev {left:4% !important;}
	.slick-next {right:4% !important;}
	#visual .section {right:4%; width:92%; background-size:65%;}
}

@media all and (max-width:680px) {
	.slick-prev,  .slick-next {width:30px !important; height:30px !important; background-size:8px; background-color:transparent !important; border:none !important;}
	.slick-prev {left:0% !important;}
	.slick-next {right:0% !important;}

	.sub_imgbox .slick-dots {width:auto !important;bottom:14px !important;}
	.sub_imgbox .slick-dots li {width:8px !important; height:8px !important; border-radius:50% !important;}
}


/* 상단 GNB */
#gnb {margin-left:0px !important;transform:translateX(-50%) !important;}
#gnb > ul {display:flex; flex-wrap:nowrap;}
#gnb > ul > li.dep_tit > a { font-size: 1.2rem !important;white-space:nowrap !important; }
#gnb > ul.depth {display:inline-block;}

#footer{ background:#fff !important; text-align:center; padding:0 0 20px 0 !important;}
#footer .foot_top {background:#8c7f79 !important;color:#fff !important;padding:20px 0px !important;margin:0px !important;}
#footer .foot_top a {color:#fff !important; }
#footer .foot_mark_wrap {width:100%;background:#e9eade;text-align:center;}
#footer .foot_mark{width:94%;max-width:1230px;margin:0px auto;background:url('/html/images/common/footer_mark.png') 35px 50%  no-repeat;text-align:left;padding:40px 0px 40px 170px;font-size:17px;color:#686c6f;box-sizing:border-box;}
#footer .foot_bottom {width:100% !important;background:url('/html/images/common/footer_logo.png') 0 50%  no-repeat !important;padding:30px 0px 30px 170px !important;margin:0px !important;box-sizing:border-box;text-align:left !important;}

.main_banner {width:100%;display:flex; justify-content:space-between;padding:0px;margin:0px;text-align:center;}
.main_banner li {float:left;width:auto;min-width:25%; height:auto; margin:0px;padding:0px 10px;box-sizing:border-box;transition:0.3s all ease-out;}
.main_banner li a {font-family:"noto_sans";position:relative;display:block;padding:150px 0px 0px 0px;text-align:center;box-sizing:border-box; }
.main_banner li h2 {line-height:100%;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.03em; padding:0px; word-break:keep-all;}
.main_banner li p {line-height:140%;font-size:15px;color:#666666;letter-spacing:-0.03em; padding:0px; margin-top:15px;letter-spacing:-0.03em;word-break:keep-all;}
.main_banner li span {position:absolute;left:50%;top:0px;transform:translateX(-50%);display:inline-block;width:125px;height:125px;border:1px #d5d5d5 solid;border-radius:50%; box-sizing:border-box;transition:0.3s all ease-out;
background-color:#fff !important;background-repeat:no-repeat !important;background-position:50% 50% !important;}
.main_banner li span.main_ban1 {background-image:url('/html/images/common/main_ban1.png');}
.main_banner li span.main_ban2 {background-image:url('/html/images/common/main_ban2.png');}
.main_banner li span.main_ban3 {background-image:url('/html/images/common/main_ban3.png');}
.main_banner li span.main_ban4 {background-image:url('/html/images/common/main_ban4.png');}
.main_banner li:hover h2 {color:#869b36;}
.main_banner li:hover span {background-color:#e9eade !important;border-color:#e9eade;}


.gcw_wrap {width:100%; padding:0px 0px 0px;}
.gcw1 { background:#5dc6cf; padding-top:60px;display:flex; gap:10px;}
.gcw_title { position:relative; width:80%; margin:0px auto;box-sizing:border-box; padding-left: 360px;}
.gcw_title h2 {position:absolute; left: 0px; top: 50%; ;transform:translateY(-50%);font-size:60px; line-height:60px; color:#fff; font-weight:600; width:330px; }
.gcw_title > div {border-left:1px #a6e0e5 solid; padding-left:30px; font-size:20px; line-height: 1.3; color:#fff; }
.gcw_title > div p {font-size:20px; line-height: 1.3; color:#fff; margin-bottom:20px; word-break:keep-all;}
.gcw_title > div p:last-child {margin:0px;}
.gcw_img { text-align:center; }
.gcw_img img { max-width:100%; }

.gcw2 {width:100%; display:flex; justify-content:center; padding:30px 0px; background:#cec8bf;transform:translateY(-45%); }
.gcw2 li { width:100%;display:table; box-sizing:border-box; padding:0px 25px; border-right:1px #aca7a0 solid;  }
.gcw2 li:last-child {border:none;}
.gcw2 li h6 { display: table-cell;  box-sizing:border-box; vertical-align: middle;font-size:17px; line-height:1.3;font-weight:400; color: #222; width:calc(100% - 180px); text-align:center; }
.gcw2 li > div {display: table-cell; vertical-align: middle; width:120px;}
.gcw2 li > div i.icon {display:inline-block; width:120px; height:120px; border-radius:50%; background-color:#fff !important; background-size:cover !important; }
.gcw2 li > div i.icon_gcw01 { background: url("/html/images/common/icon_gcw01.png") 50% 50% no-repeat;}
.gcw2 li > div i.icon_gcw02 { background: url("/html/images/common/icon_gcw02.png") 50% 50% no-repeat;}
.gcw2 li > div i.icon_gcw03 { background: url("/html/images/common/icon_gcw03.png") 50% 50% no-repeat;}
.gcw_btn {text-align:center;transform:translateY(-50px);width:100%; }
.gcw_btn a {display:block;width:100%; max-width:480px;  margin:0px auto; border-radius:50px;box-sizing:border-box; line-height:1.3;padding:17px 30px; color:#fff;background:#57463d url("/html/images/common/arrow_right.png") center right 40px no-repeat;;}
.gcw_btn a b {display:block; font-size:1.5rem;font-weight:600; }

@media (min-width: 681px) {
	#header .head_in h1 .svg_logo { max-height: 65px !important;}
	.compad {padding-top:60px !important; padding-bottom:60px !important;}
}

@media all and (max-width:1500px) {
	#gnb > ul > li.dep_tit {margin: 0 25px !important;}
	#gnb > ul > li.dep_tit > a { font-size: 1.1rem !important;}
}

@media all and (max-width:1300px) {
	.gcw_title {width:90%; padding-left: 330px;}
	.gcw_title h2 {font-size:50px; line-height:50px;width:300px; }
	.gcw_title > div {font-size:18px;}
	.gcw_title > div p {font-size:18px;}
	.gcw_title > div p br {display:none;}

	.gcw2 li h6 {font-size:16px; width:calc(100% - 160px);}
	.gcw2 li > div {width:100px;}
	.gcw2 li > div i.icon {width:100px; height:100px;}
}

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

	#footer .foot_bottom {background:url('/html/images/common/footer_logo.png') 0% 20px  no-repeat !important;padding:60px 0px 0px 0px !important;font-size:14px !important;}
	#footer .foot_mark{background:url('/html/images/common/footer_mark.png') 5px 50%  no-repeat;padding:20px 0px 20px 90px;font-size:14px;}

	.main_banner li a {padding-top:120px}
	.main_banner li span {width:100px;height:100px;background-size:cover !important;}
	.main_banner li h2 {font-size:18px;}
	.main_banner li p {font-size:14px;}

	.gcw_title {width:100%; padding-left:250px;}
	.gcw_title h2 {font-size:40px; line-height:40px;width:220px; }
	.gcw_title > div {font-size:16px;}
	.gcw_title > div p {font-size:16px;}
	.gcw2 {padding:20px 0px;}
	.gcw2 li {padding:0px 20px; }
	.gcw2 li h6 {font-size:14px; width:calc(100% - 150px);}
	.gcw2 li > div {width:90px;}
	.gcw2 li > div i.icon {width:90px; height:90px;}

}

@media all and (max-width:767px) {	
	.gcw2 {padding:25px 0px;transform:translateY(-35%); }
	.gcw2 li {position:relative;display:flex; flex-wrap:wrap; padding:0px 20px;}
	.gcw2 li h6 { font-size:14px; width:100%; box-sizing:border-box; padding-top:110px;}
	.gcw2 li > div { position:absolute; left: 50%; top: 0px; width:90px;transform:translateX(-50%);}
	.gcw2 li > div br {display:none;}
	.gcw2 li > div i.icon {width:90px; height:90px;}

	.gcw_btn a {padding:15px 20px;background-position:center right 30px;}
}

@media all and (max-width:680px) {	
	.compad {padding-top:40px !important; padding-bottom:40px !important; }
	h3.title {font-size:1.6rem !important;margin: 0 0 20px !important; }
	
	#footer .foot_top {padding:13px 0px !important;}

	.main_banner li a {padding-top:85px}
	.main_banner li span {width:70px;height:70px;}
	.main_banner li h2 {font-size:15px;}
	.main_banner li p {display:none;}

	.gcw_title {padding:0px;}
	.gcw_title h2 {position:relative; top:0px; left: 0px; font-size:25px; line-height:1.2;width:100%;  }
	.gcw_title h2 br {display:none;}
	.gcw_title > div {font-size:15px; border:none; padding:0px;}
	.gcw_title > div p {font-size:15px;}

	.gcw2 {padding:20px 0px !important;transform:translateY(-12px); }
	.gcw2 li h6 { font-size:13px; padding-top:65px;}
	.gcw2 li > div { width:50px;}
	.gcw2 li > div i.icon {width:50px; height:50px;}

	.gcw_btn {transform:translateY(0px); margin-top:10px;}
	.gcw_btn a {padding:10px 15px;width:90%; font-size:12px;}
	.gcw_btn a b {font-size:1.1rem;}
}

@media all and (max-width:480px) {	
	.main_banner li a {padding-top:65px}
	.main_banner li span {width:55px;height:55px;}
	.main_banner li h2 {font-size:14px;}
}

#sub_banner h2 { font-size:2rem !important;}
@media (max-width: 680px) {
    div#sub_banner .page_title { font-size: 1.3rem !important;}
}



.open_vod { width:100%; max-width:1230px; margin:0px auto 30px auto; box-sizing:border-box !important;}
.open_vod_frame  {position:relative;width:100%; padding-bottom:56.25%; height:0px; border-radius:10px;overflow:hidden;}
.open_vod_frame iframe { position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;max-height:100% !important;}

.sdgs > div{ position:relative; text-align:center;}
.sdgs img {max-width:100%;}
.sdgs3_btn {position:absolute;left:10%;bottom:0px;width:23.6%;}
.sdgs4_btn {position:absolute;left:50%;transform:translateX(-50%);top:48%;width:60%;display:flex;justify-content:center; gap:3%;}
.sdgs4_btn a {display:block; width:100%;}
.sdgs4_btn a img {max-width:100%;}

.world > div{ position:relative; text-align:center;}
.world img {max-width:100%;}
.world_btn {position:absolute;left:28%;bottom:9.5%;width:44%;}
.world_btn img { width:100%;}

@media (max-width: 1300px) {
    .open_vod { margin:0px; padding:10px;}
}


.center .w1230 > div.cs dl dt {display:none !important;}
.center .w1230 > div.cs dl dd {width:100% !important; padding:0px !important; }
.stickyMenu {display:none !important;}
.price_table {display:none !important;}


.greeting { position:relative;width:100%; padding:60px 0px !important; }
.greeting h5 {font-size:35px; line-height:1.3;font-weight:600; color: #000; word-break:keep-all; letter-spacing:-0.07em; margin-bottom:30px;}
.greeting h5 em {font-style:normal; color:#89a22f;font-weight:600;}
.greeting h5 b {font-weight:600;}
.greeting p {font-size:17px; line-height:1.6;color: #333; word-break:keep-all;letter-spacing:-0.05em;}

.greeting1 {background:url('/html/images/common/greeting1.png') 100% 50%  no-repeat;  padding-right:260px !important;box-sizing:border-box }
.greeting1 h5 {font-weight:400;  }

.greeting2 { background:#f8f8ea; padding:60px 110px !important;box-sizing:border-box}
.greeting2:before {content:''; position:absolute; left:50%; transform:translateX(-50%);top:0px; width:100px; height:2px; background:#89a22f;	}
.greeting2 h5 {text-align:center; }
.greeting2 ul {width:100%; }
.greeting2 li { position:relative;padding:50px 0px !important; border-bottom:1px #dfdfc8 solid;box-sizing:border-box; padding-left:130px !important; }
.greeting2 li:last-child {border:none;}
.greeting2 li::before {content:''; position:absolute; left:0px; top:50%;transform:translateY(-50%); width:110px; text-align:center;font-family: "Open Sans", sans-serif; font-size:140px;font-weight:700; color:#e8e8da;}
.greeting2 li:nth-child(1)::before {content:'1'; }
.greeting2 li:nth-child(2)::before {content:'2'; }
.greeting2 li:nth-child(3)::before {content:'3'; }
.greeting2 li h4 {font-size:25px; line-height:1.3;font-weight:600; color: #89a22f; word-break:keep-all;margin-bottom:12px;letter-spacing:-0.05em;}

.greeting3 {background:url('/html/images/common/greeting3.png') 100% 50%  no-repeat; padding:100px 450px 100px 0 !important;box-sizing:border-box  }
.greeting3 p {line-height:22px;background:url('/html/images/common/dot.png') 0% 4px  no-repeat; padding-left:26px !important; margin-bottom:10px;}
.greeting3 a {display:inline-block; width:100%; max-width:260px; margin:0px auto; border-radius:40px; color:#fff; font-size:20px; line-height:1; padding:15px 20px !important;  text-align:center; margin-top:40px;box-sizing:border-box;}

@media (max-width: 980px) {
	.greeting h5 {font-size:28px; margin-bottom:20px;}
	.greeting p {font-size:15px; }

	.greeting1 { padding:50px 200px 50px 0 !important;}
	.greeting2 { padding:50px 60px !important;}
	.greeting2 li h4 {font-size:20px !important; }
	.greeting3 { padding:70px 340px 70px 0 !important; background-size:300px auto !important;}
}

@media (max-width:680px) {

	.greeting h5 {font-size:20px; margin-bottom:15px;text-align:center;}
	.greeting p {font-size:14px; }

	.greeting1 {  padding:100px 0px 0px  0 !important; background-position:50% 0% !important; background-size:auto 90px !important; margin-bottom:40px;}
	.greeting2 { padding:25px 30px !important;}
	.greeting2 li {padding:20px 0px !important; }
	.greeting2 li h4 {font-size:18px; }
	.greeting2 li::before {display:none;}
	.greeting3 { padding:50px 0px 60vw 0 !important; background-position:50% 100% !important;background-size:80% auto !important; margin-bottom:30px;}
	.greeting3 a {max-width:100%; margin:20px auto; font-size:15px; padding:13px 20px !important;  }

}