@charset "utf-8";

@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 200;
    src: url(/main/css/font/NanumBarunGothicUltraLightSubset.eot);
    src: url(/main/css/font/NanumBarunGothicUltraLightSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicUltraLightSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicUltraLightSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicUltraLightSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 300;
    src: url(/main/css/font/NanumBarunGothicLightSubset.eot);
    src: url(/main/css/font/NanumBarunGothicLightSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicLightSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicLightSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicLightSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 400;
    src: url(/main/css/font/NanumBarunGothicSubset.eot);
    src: url(/main/css/font/NanumBarunGothicSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 700;
    src: url(/main/css/font/NanumBarunGothicBoldSubset.eot);
    src: url(/main/css/font/NanumBarunGothicBoldSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicBoldSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicBoldSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicBoldSubset.ttf) format('truetype');
}



@font-face { font-family: 's-core-dream'; font-weight: 200; src: url('/main/css/font/scdream2.woff');  src: local(※), url('/main/css/font/scdream2.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 400; src: url('/main/css/font/scdream4.woff');  src: local(※), url('/main/css/font/scdream4.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 500; src: url('/main/css/font/scdream5.woff');  src: local(※), url('/main/css/font/scdream5.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 600; src: url('/main/css/font/scdream7.woff');  src: local(※), url('/main/css/font/scdream7.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 700; src: url('/main/css/font/scdream9.woff');  src: local(※), url('/main/css/font/scdream9.woff2') format('woff'); }



/*** common ***/
.fl    { float:left !important; }
.fr    { float:right !important; }
.fn    { float:none !important; }
.cb    { clear:both !important; }
.pr    { position:relative !important}
.ac    { text-align:center !important; }
.al    { text-align:left !important; }
.ar    { text-align:right !important; }
.vt    { vertical-align:top !important; }
.vm    { vertical-align:middle !important; }
.vb    { vertical-align:bottom !important; }
.jf    { text-align:justify !important; }
.oh    { overflow:hidden !important; }
.oh_y  { overflow-y:hidden !important;}
.cp    { cursor:pointer !important; }
.di    { display:inline !important; }
.dib   { display:inline-block !important; }
.dn    { display:none !important; }
.db    { display:block !important; }
.vv    { visibility:visible !important; }
.vh    { visibility:hidden !important; }
.bn    { border:none !important; }
.bbn   { border-bottom:none !important; }
.brn   { border-right:none !important; }
.bgn   { background:none !important; }
.fb    { font-weight:bold !important; }
.BDB   { border-bottom:2px solid #d1d1d1 !important}
.zoom1 { *zoom:1 }

/* Margin */
.MN0 { margin:0 !important; }
.ML2 { margin-left:2px !important; }
.ML4 { margin-left:4px !important; }
.ML5 { margin-left:5px !important; }
.ML8 { margin-left:8px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML24 {margin-left:24px}
.ML30 { margin-left:30px; }
.ML50 { margin-left:50px !important; }
.ML57 { margin-left:57px; }
.ML80 { margin-left:80px; }
.ML120 { margin-left:120px; }
.ML200 { margin-left:200px; }
.ML213 { margin-left:213px; }
.ML293 { margin-left:293px; }
.MR5 {margin-right:5px}
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR16 { margin-right:16px; }
.MR20 { margin-right:20px; }
.MR30 { margin-right:30px; }
.MR37 { margin-right:37px; }
.MR40 { margin-right:40px; }
.MR60 { margin-right:60px; }
.MR72 { margin-right:72px; }
.MT2 { margin-top:2px !important; }
.MT4 { margin-top:4px !important; }
.MT5 { margin-top:5px !important; }
.MT7 { margin-top:7px !important; }
.MT10 { margin-top:10px !important; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px !important; }
.MT22 { margin-top:22px; }
.MT25 { margin-top:25px; }
.MT28 { margin-top:28px; }
.MT30 { margin-top:30px !important; }
.MT35 { margin-top:35px !important; }
.MT40 { margin-top:40px !important; }
.MT45 {margin-top:45px !important}
.MT50 { margin-top:50px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px !important; }
.MT65 { margin-top:65px !important; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px !important; }
.MT120 { margin-top:120px; }
.MT267 {margin-top:267px !important}
.MB0 { margin-bottom:0 !important}
.MB5 { margin-bottom:5px; }
.MB10 { margin-bottom:10px !important; }
.MB12 {margin-bottom:12px !important}
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px !important; ; }
.MB26 { margin-bottom:26px !important; ; }
.MB30 { margin-bottom:30px !important; }
.MB40 { margin-bottom:40px !important; }
.MB50 {margin-bottom:50px}
.MB55 { margin-bottom:55px; }
.MB60 { margin-bottom:60px; }
.MB70 {margin-bottom:70px !important}
.MB180 {margin-bottom:180px !important}
.MT10MB100 {margin:10px 0 100px 0;}
.minusT40 {margin-top:-40px}

/* padding_top */
.PN0 {padding:0 !important}
.PT0 {padding-top:0 !important}
.PT5 { padding-top:5px !important;}
.PT7 { padding-top:7px;}
.PT10 { padding-top:10px;}
.PT12 { padding-top:12px;}
.PT15 { padding-top:15px;}
.PT20 { padding-top:20px !important;}
.PT25 { padding-top:25px;}
.PT27 { padding-top:27px;}
.PT30 { padding-top:30px;}
.PT37 { padding-top:37px;}
.PT38 { padding-top:38px;}
.PT43 { padding-top:43px;}
.PT40 { padding-top:40px !important;}
.PT50 { padding-top:50px !important;}
.PT65 { padding-top:65px !important;}
.PT75 { padding-top:75px;}

/* padding_left */
.PL0 { padding-left:0px !important;}
.PL3 { padding-left:3px;}
.PL5 { padding-left:5px;}
.PL8 { padding-left:8px;}
.PL10 { padding-left:10px;}
.PL20 { padding-left:20px !important;}
.PL23 { padding-left:23px;}
.PL25 { padding-left:25px;}
.PL30 { padding-left:30px;}
.PL40{ padding-left:40px;}
.PL45{ padding-left:45px;}
.PL50{ padding-left:50px;}
.PL55{ padding-left:55px;}
.PL60 { padding-left:60px;}
.PL65 { padding-left:6px;}
.PL100 { padding-left:100px;}

/* padding_right */
.PR6 { padding-right:6px;}
.PR10 { padding-right:10px;}
.PR20 { padding-right:20px;}
.PR35 { padding-right:35px;}
.PR40 { padding-right:40px;}
.PR60 { padding-right:60px;}
.PR72 { padding-right:72px;}

/* padding_bottom */
.PB0 {padding-bottom:0 !important}
.PB10 { padding-bottom:10px;}
.PB13 { padding-bottom:13px;}
.PB15 { padding-bottom:15px !important}
.PB20 { padding-bottom:20px !important;}
.PB23 { padding-bottom:23px !important;}
.PB30 { padding-bottom:30px !important;}
.PB40 { padding-bottom:40px;}
.PB50 {padding-bottom:50px }
.PB65 { padding-bottom:65px;}
.PB70 { padding-bottom:70px;}
.PB110 { padding-bottom:110px;}

/* padding_all */
.PT10L5 { padding:10px 0 0 5px !important;}
.PTB10 {padding:10px 0 !important;}
.PTBL {padding:20px 0 20px 20px !important;}



::-webkit-scrollbar {width: 10px; height: 12px;  }
::-webkit-scrollbarno-button:start:decrement{display: block; width: 20px;height: 12px;
    background: rgba(46,136,204,0.2); border-radius: 5px;}
::-webkit-scrollbar-track {  background: rgba(46,136,204,0.2); border-radius: 3px;}
::-webkit-scrollbar-thumb {  background: rgb(108,173,222); border-radius:5px;}


/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; font-family:'NanumBarunGothic', 's-core-dream-medium', 'Malgun Gothic', '맑은 고딕', 'Dotum','arial','sans-serif';}
html, body{width:5400px;}
body{width:5400px; background:#fff;}
body,input,select,textarea,button {border:none;font-size:12px; font-family: 'NanumBarunGothic', sans-serif;color:#000;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:0px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
img{max-width: 100%;}

#Wrap{width:5400px; height:1920px; position: relative; margin:0; padding:0; overflow:hidden; background: url(../images/common/bg.jpg); }

.line{position: absolute; top:0; left: 0; width: 5400px; height: 1920px; background:  url(../images/common/line.png);}

#container_area {width: 4194px; height: 1920px; float: left;}

#sidebar_area {float: left; width: 1206px; height: 1920px; background: url(../images/common/bg_sidebar.png) no-repeat; position: relative;}

.title_area {padding-top: 69px; width: 2593px; box-sizing: border-box; height: 231px; position: relative;}

.title_area .title {font-size: 70px; font-family: 's-core-dream'; font-weight: 500; color: #fff; display: table; height: 162px; margin-left: 300px;}
.title_area .title .tit{display: table-cell; vertical-align: middle; padding-left: 170px; position: relative;}
.title_area .title .year{font-size: 70px; color: #5d9c2d; display: table-cell; vertical-align: middle; padding-left: 30px;}
.title_area .ico_co{position: absolute; left: 230px; top: 67px;}

/* 특별후원자 */
.special_area {width: 3598px; height: 1278px; margin-left: 239px; margin-top: 85px;}
.special_list {overflow: hidden;}
.special_list li{float: left; margin: 0 0 100px 126px; width: 397px;}

.special_list li:nth-child(7n+1){clear:both;margin-left: 0;}

.special_list .special_img {width: 398px; height: 245px; border-radius: 30px; background: linear-gradient(135deg,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); position: relative; overflow: hidden; border: 5px solid rgba(127, 127, 127, 1);}
.special_list .special_img:after {position: absolute; top: 0; left: 0; content: '';
    width: 100%; transition-duration: 0.8s; height: 100%; background: rgba(0,0,0,0.5);}
.special_list .special_name{font-size: 35px; text-align: center; color: #fff; margin-top: 35px;}
.special_list .special_img_on{width: 398px; height: 245px; border-radius: 30px; background: linear-gradient(135deg,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); position: relative; overflow: hidden; border: 5px solid #5e9d2d;}

.sidebar_info {width: 1175px; height: 1857px; margin: 33px 0 0 13px; background: url(../images/common/bg_sidebar_info.png) no-repeat; z-index: 9999; position: relative;}
.sidebar_info_green_legacy {width: 1175px; height: 1857px; margin: 33px 0 0 13px; background: url(../images/common/bg_sidebar_info_legacy.png) no-repeat; z-index: 9999; position: relative;}
.special_info_photo {width: 857px; height: 795px; margin: 0 auto; background: url(../images/sub/sidebar_special_photo.png) no-repeat; padding-top: 140px;}

.special_info_photo .special_img_cont {width: 711px; height: 711px; margin: 0px auto; background: #fff; border-radius: 50%; overflow: hidden; ssbox-sizing: border-box; overflow: hidden;}

/* quick 메뉴 */
.quick_area {position: absolute; display: table; width: 664px; height: 1022px; bottom: 32px; left: -100px; transition: all 1s ease;}

.quick_door {width: 120px; height: 622px; background: url(../images/common/quick_img.png) no-repeat; margin-top: 200px; float: left;}
.quick_door .cuick_tit{width: 40px; display: table; height: 622px; margin: 0 auto;}
.quick_door .cuick_tit span{display: table-cell; vertical-align: middle; text-align: center; font-family: 's-core-dream'; font-weight: 500; font-size: 40px; color: #fff; line-height: 1.5}

.quick_cont {background: #eff8de; border: 5px solid #5d9c2d; width: 534px; float: left; height: 1012px;}
.quick_cont ul{padding: 95px 0px 0 75px;}
.quick_cont li{display: block; margin-bottom: 60px;}
.quick_cont li a{font-size: 40px; color: #6c6865; font-family: 's-core-dream'; font-weight: 500; display: table;}
.quick_cont li a span{display: table-cell; vertical-align: middle;}
.quick_cont li i{margin-right: 25px;}

.quick_cont li a.on{color: #9b7841; position: relative;}
.quick_cont li a.on:before{content: ''; display: block; width: 534px; height: 113px; background: rgba(93, 156, 45, 0.18); position: absolute; top: -23px; left: -75px;}
/* 특별후원자 - 내용 */
.special_info_area {padding: 0px 120px;}
.special_info_title {font-size: 80px; color: #d1a75a; font-weight: 700; position: relative;}
.special_info_area dl{position: relative; text-align: left; margin-top: 60px; height: 600px;}
.special_info_area dl dt{font-size: 50px; font-weight: 700; color: #fff; position: relative; line-height: 1.5;}
.special_info_area dl dt:before{content: ''; display: block; width: 233px; height: 10px; background: #d8ae8a; margin: 40px 0;}
.special_info_area dl dt:after{content: ''; display: block; width: 233px; height: 10px; background: #d8ae8a; margin: 40px 0;}
.special_info_area dl dd{font-size: 40px; color: #dcbb7a; font-weight: 400; line-height: 1.5;}

/* 메뉴 */
.gnb_area {width: 3994px; height: 300px; float: left;}
.gnb_area ul{margin-top: 100px; margin-left: 158px;}
.gnb_area li{width: 420px; height: 138px; border-radius: 35px 35px 0 35px; float: left; margin-right: 40px; background: url(../images/common/bg_gnb.png) no-repeat; }
.gnb_area li a{width: 409px; height: 126px; background: url(../images/common/gnb_off.png) 5px 8px no-repeat; vertical-align: middle; text-align: center; display: table;}
.gnb_area li a.on{ background: url(../images/common/gnb_on.png) 5px 8px no-repeat;}
.gnb_area li a span{display: table-cell; text-align: center; vertical-align: middle;
    font-size: 38px; color: #fff; font-family: 's-core-dream'; font-weight: 500; position: relative; padding: 20px 40px 0; letter-spacing: -3.5px}
.gnb_area li:nth-child(1) a span:before {background: url(../images/common/ico_gnb1.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(2) a span:before {background: url(../images/common/ico_gnb2.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(3) a span:before {background: url(../images/common/ico_gnb3.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(4) a span:before {background: url(../images/common/ico_gnb4.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(5) a span:before {background: url(../images/common/ico_gnb5.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(6) a span:before {background: url(../images/common/ico_gnb6.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(7) a span:before {background: url(../images/common/ico_gnb7.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}
.gnb_area li:nth-child(8) a span:before {background: url(../images/common/ico_gnb8.png) no-repeat 0 0; width: 77px; height: 69px; background-size: 100%; content: ''; display: inline-block; margin: -14px 20px 0 0; vertical-align: middle;}

/*  30년 장기후원자 */
.long_term_area {width: 3900px; height: 1278px; margin-left: 300px; margin-top: 85px;}
.long_term_list {overflow: hidden; height: 1055px;}
.long_term_list li{float: left; margin: 0 42px 30px 0px; width: 423px; height: 120px; background: url(../images/sub/bg_long_term_list.png) no-repeat; font-weight: 400;}

.long_term_list li a{display: table; width: 423px; height: 120px; padding: 20px; box-sizing:border-box;}
.long_term_list li:nth-child(8n+1){clear:both;margin-left: 0;}
.long_term_list li a.on{border: 5px solid #5e9d2d; background: rgba(0, 0, 0, 0.3);}

.long_term_list .long_term_name{font-size: 40px; text-align: center; color: #000; margin-top: 35px; display: table-cell; vertical-align: middle; white-space : pre-line; word-wrap : break-word; font-weight: 700;}


.sidebar_info {width: 1175px; height: 1857px; margin: 33px 0 0 13px; background: url(../images/common/bg_sidebar_info.png) no-repeat; z-index: 9999; position: relative;}
.special_info_photo {width: 857px; height: 795px; margin: 0 auto; background: url(../images/sub/sidebar_special_photo.png) no-repeat; padding-top: 140px;}

.special_info_photo .special_img_cont {width: 711px; height: 711px; margin: 0px auto; background: #fff; border-radius: 50%; overflow: hidden; ssbox-sizing: border-box; overflow: hidden;}

.history_area {width: 3598px; height: 200px; position: relative;}
.history_area:before {display: block; content: ""; width: 100%; height: 10px; background: #fff; position: absolute; top: 53px; left: 0;}
.history_area ul{position: relative; display: table; width: 100%; table-layout: fixed;}
.history_area ul li{display: table-cell; vertical-align: top; text-align: center; padding: 80px 30px;}
.history_area ul li{display: table-cell; vertical-align: top; text-align: center; padding: 80px 30px;}
.history_area ul li a{display: inline-block; position: relative; padding-top: 50px; color: #ccc; font-size: 45px; font-weight: 700;}
.history_area ul li a:before {width: 30px; height: 30px; border-radius: 50%;
    border: 10px solid #afafaf; display: block; content: ''; background: #fff; position: absolute; top:-45px; left: 50%; transform: translateX(-50%);}
.history_area ul li.on a{color: #5d9c2d; font-size: 50px;}
.history_area ul li.on a:before{width: 50px; height: 50px; border: 16px solid #5d9c2d; top:-60px;}

.long_term_info_tit{text-align: center; margin: 0 auto; padding-top: 100px;}
.long_term_info_photo{width: 611px; height: 727px; background: #fff; border:3px solid #fff;  margin: 94px auto 0; z-index: 999; position: relative;}
.long_term_info_photo::after{position: absolute; width: 611px; height: 727px; border: 3px solid #fbdd25; content: ''; top:-35px; left:35px; z-index: -999;}
.long_term_info_photo .img{width: 611px; height: 727px; overflow: hidden; background: linear-gradient(135deg,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(237,237,237) 51%,rgb(255,255,255) 100%);}
.long_term_info_title{margin: 80px auto 0; width: 1000px; height: 82px; position: relative; font-size: 40px; font-weight: 400; color: #987d69; text-align: center;}
.long_term_info_title:before{width: 100%; height: 23px; background: #422b21; position: absolute; bottom: 0; z-index: -1; content: ''; text-align: center; left: 0;}
.long_term_info_title span{font-size: 80px; color: #d1a75a; font-weight: 700; margin-right: 20px;}

.long_term_info_date_txt {width: 617px; margin: 50px auto 130px; font-size: 50px; color: #f3dbd1; text-align: center;}
.long_term_info_date_txt span{color: #fdbb1c; margin-right: 50px;}

.support_txt_box{width: 1152px; height: 230px; background: #fff7e9; margin: 0px auto 0px; position: relative; padding: 30px 100px 0 400px; box-sizing: border-box;}
.support_txt_box .icon_emblem {position: absolute; content: ""; display: block;
    left: 100px; top: 50%; margin-top: -87px; width: 196px; height: 175px;
}
.support_txt_box h5{margin-bottom: 10px; font-size: 40px; color: #558c2f; font-family: 's-core-dream'; font-weight: 600; margin-top: 10px;}
.support_txt_box p{font-size: 30px; line-height: 45px}

/*  그린노블클럽 */
.green_noble_area {width: 3900px; height: 1278px; margin-left: 300px; margin-top: 85px;}
.green_noble_list {overflow: hidden; height: 1278px;}
.green_noble_list li{float: left; margin: 0 22px 30px 0px; width: 423px; height: 120px; background: url(../images/sub/bg_long_term_list.png) no-repeat; font-weight: 400;}

.green_noble_list li a{display: table; width: 423px; height: 120px; padding: 20px; box-sizing:border-box;}
.green_noble_list li:nth-child(8n+1){clear:both;margin-left: 0;}
.green_noble_list li a.on{border: 5px solid #5e9d2d; background: rgba(0, 0, 0, 0.3);}

.green_noble_list .green_noble_name{font-size: 40px; text-align: center; color: #000; margin-top: 35px; display: table-cell; vertical-align: middle; white-space : pre-line; word-wrap : break-word; font-weight: 700;}

.green_noble_info_tit{text-align: center; margin: 0 auto; padding-top: 50px;}
.green_noble_info_tit span{font-size: 60px; color: #fff; font-family: 's-core-dream'; font-weight: 600;}

.green_noble_info_date_txt {width: 617px; margin: 50px auto 20px; font-size: 50px; color: #f3dbd1; text-align: center;}
.green_noble_info_date_txt span{color: #fdbb1c; margin-right: 50px;}

.keyword_txt {padding: 0 70px; height: 200px; box-sizing: border-box; display: table;width: 100%}
.keyword_txt span{display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 35px; font-weight: 400; line-height: 1.2}

/* 그린레거시클럽 */
.green_legacy_area {width: 3900px; height: 1278px; margin-left: 300px; margin-top: 85px;}
.green_legacy_list {overflow: hidden;}
.green_legacy_list li{float: left; margin: 0 0 50px 90px; width: 290px; }

.green_legacy_list li:nth-child(10n+1){clear:both;margin-left: 0;}

.green_legacy_list .green_legacy_img {width: 290px; height: 290px; border-radius: 50%; background: #f7e5da; position: relative; overflow: hidden; border: 5px solid rgba(247, 229, 218, 1);}
.green_legacy_list .green_legacy_img:after {position: absolute; top: 0; left: 0; content: ''; width: 100%; transition-duration: 0.8s; height: 100%; background: rgba(0,0,0,0.5);}
.green_legacy_list .green_legacy_name{font-size: 30px; text-align: center; color: #fff; margin-top: 35px;}
.green_legacy_list .green_legacy_img_on{overflow: hidden; border: 5px solid #5e9d2d; border-radius: 50%; background: #f7e5da; width: 290px; height: 290px;}

.green_legacy_info_tit{text-align: center; margin: 0 auto; padding-top: 70px;}
.green_legacy_info_photo{width: 579px; height: 634px; background: #fff; border:1px solid #fff;  margin: 50px auto 0; z-index: 999; position: relative;}
.green_legacy_info_photo .img{width: 579px;     height: 634px;    overflow: hidden;    background: linear-gradient(  135deg, rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(237,237,237) 51%,rgb(255,255,255) 100%);}
.green_legacy_level{font-size: 50px; text-align: center; color: #196100; margin-top: 30px; font-weight: 700;}
.green_legacy_info_title{margin: 20px auto 0; width: 700px; height: 82px; position: relative; font-size: 40px; font-weight: 400; color: #987d69; text-align: center;}
.green_legacy_info_title span{font-size: 80px; color: #000; font-weight: 700; margin-right: 20px;}

.green_legacy_info_date_txt {width: 617px; margin: 30px auto 0; font-size: 50px; color: #000; text-align: center;}
.green_legacy_info_date_txt span{color: #000; margin-right: 50px; font-weight: 700}

.green_legacy_keyword_txt {margin: 10px auto 0; font-weight: 400; background: #2d3337; width: 1060px; height: 145px; display: table; padding: 20px 40px; box-sizing: border-box;}
.green_legacy_keyword_txt span{height: 145px; color: #fff; font-size: 40px; display: table-cell; text-align:center; vertical-align: middle; font-style: italic; line-height: 60px; position: relative; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.green_legacy_keyword_txt span:before{content: ''; position: absolute; width: 25px; height: 19px; background: url(../images/sub/icon_quotes1.png) no-repeat; margin-left: -25px; margin-top: -10px;}
.green_legacy_keyword_txt span:after{content: ''; position: absolute; width: 25px; height: 19px; background: url(../images/sub/icon_quotes2.png) no-repeat 10px 0; padding-right: 10px; }
.green_legacy_donation_info{text-align: center; font-size: 35px; color: #2d3337; margin: 30px auto; padding: 0 30px; box-sizing: border-box; height: 40px;}
/* 검색 */
.search_area {width: 1146px; position: absolute; bottom: 35px;}
.sponsor_search_btn {margin: 20px auto 0; width: 400px; background: -webkit-linear-gradient(-45deg,  rgb(36,106,138) 0%,rgb(0,81,119) 100%);
    border-radius:55px;	display:block;  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3); text-align: center; height: 113px;}
.sponsor_search_btn span{position: relative; line-height: 127px; padding-left: 60px; text-align: center;color:#fff; font-size:36px;}
.sponsor_search_btn span:before{content: ''; width: 33px; height: 32px; top : 3px;left: 0; background: url(../images/common/icon_search.png) no-repeat; position: absolute;}
.search_box {z-index: -999; width: 1146px; height: 866px; background: #13714f; position: absolute; top:50px; padding:95px 120px; box-sizing: border-box;}
.search_list{position: relative; display: flex; margin: 0 auto; text-align:center; justify-content: center;}
.search_list li{display: inline-block; margin: 0 10px 20px; width: 200px; height: 70px;
    border-radius: 20px; background: #fff; border: 2px solid #b0c679; position: relative;}
.search_list li a{font-size: 25px; line-height: 70px;}
.search_list li.on a{color: #13714f; font-weight: 700;}
.search_list li.on:before{position: absolute; left: -2px; top: -2px;
    content: ''; display: block; width: 102%; height: 106%; vertical-align: top;
    background: rgba(19, 113, 79, 0.2); border-radius: 20px; border: 5px solid #32bfba;
    box-sizing: border-box; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);}

.input_area {width: 906px; margin: 20px auto; position: relative; display: flex; flex-wrap: wrap; align-items: stretch;}
.form_control{display: block; height: 80px; background: #fff; width: 100%; text-align: left; line-height: 1.5; font-size: 25px; color: #858585; padding: 0 45px; box-sizing: border-box; position: relative; flex: 1 1 auto; width: 1%;}
.btn_search {width: 80px; height: 80px; background: #000; position: 0;}
.btn_search i{margin-top: 0px;}
.icon_search {width: 38px; height: 38px; background: url(../images/common/icon_search.png)  50% 50% no-repeat; display: inline-block;}

/* 키보드 */
.keyboard {width: 906px; height: 436px; margin: 0px auto; border-radius: 15px;background: #000;}
.row {margin-top: 20px; overflow: hidden;}
.key {width: 63px; height: 63px; float: left; background: #283235; color: #fff;
    line-height: 63px; text-align: center; margin-left: 25px; border-radius: 15px; font-size: 30px;}
.row:first-child{padding-top: 20px;}
.key__shift-left {width: 109px;}
.key__convert{width: 129px; color: #0a9691; font-size: 25px;}
.key__delete {width: 109px;}
.key__enter {width: 129px; color: #0a9691; font-size: 25px;}
.key__spacebar {width: 355px;}
.key__mL69{margin-left: 69px;}
.key__mL120{margin-left:120px;}


/* 후원회 */
.sponsor_area{position: relative; width: 3900px; height: 1278px; margin-left: 245px; margin-top: 85px;}
/*
.sponsor_area ul{display: flex; flex-wrap: wrap; margin: -10px;}
.sponsor_area ul li{width: 15.7%; background: -webkit-linear-gradient(top,  rgb(178,155,105) 0%,rgb(233,216,159) 50%,rgb(178,155,105) 100%); border: 3px solid #584539; border-radius: 80px; height: 160px; box-sizing: border-box; margin: 0 16px 50px; position: relative;}
*/
.sponsor_area li{float: left; margin: 0 0 50px 45px; width: 15%; background: -webkit-linear-gradient(top,  rgb(178,155,105) 0%,rgb(233,216,159) 50%,rgb(178,155,105) 100%); border: 3px solid #584539; border-radius: 80px; height: 160px; box-sizing: border-box; }
.sponsor_area li li:nth-child(6n+1){clear:both;margin-left: 0;}

.sponsor_area ul .img{width: 128px; height: 128px; border-radius: 50%; overflow: hidden; background: #fff; position: relative;}

.sponsor_area ul .img img{vertical-align: middle; max-width: 100%;}
.sponsor_area ul .company {font-size: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.4; }
.sponsor_area ul .name{font-size: 40px; font-weight: 700; letter-spacing: -0.5px;
    color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sponsor_area ul .name span{margin-right: 10px; font-weight: 700;}
.sponsor_area ul li.on{background: #95c048;}
.sponsor_row{display: flex; flex-wrap: wrap; margin: 13px 20px 0;}
.sponsor_align-items-center {align-items: center !important;}
.sponsor_col-auto {flex: 0 0 auto; width: auto; max-width: 100%;}
.sponsor_col {flex-basis: 0; flex-grow: 1; max-width: 100%; padding: 20px 30px;}

.sponsor_info_tit{text-align: center; margin: 0 auto; padding-top: 50px; position: relative;}
.sponsor_info_tit:before{content: ''; position: absolute; width: 119px; height: 119px; background:url(../images/sub/icon_childfund.png) no-repeat; margin-left: -59px;}
.sponsor_info_tit p{ color: #fff; line-height: 1.3;}
.sponsor_info_tit .tit1{font-family: 's-core-dream'; font-size: 40px; font-weight: 400; padding-top: 160px;}
.sponsor_info_tit .tit2{font-size: 70px; font-weight: 700;}
.sponsor_info_con{width: 1040px; height: 640px; border-radius: 30px; background: #483e32; margin: 30px auto 0; padding: 60px; box-sizing: border-box;}
.sponsor_info_con > ul > li{width: 50%; margin-bottom: 90px; float: left; padding-left: 50px; box-sizing: border-box;}
.sponsor_info_con > ul > li:nth-child(3){width: 100%; padding-left: 50px; box-sizing: border-box;}
.sponsor_info_con > ul > li > strong {display: inline-block; position: relative;
    padding-bottom: 30px; font-size: 40px; display: inline-block; position: relative; color: #b59c7d; font-weight: 700;}
.sponsor_info_con > ul > li > strong:after {content: ""; position: absolute;
    left: 0; bottom: 0; width: 45px; height: 5px; background: #f6e9d8;}
.sponsor_info_con > ul > li > div{padding-top: 40px;}
.sponsor_info_con > ul > li > div p{font-size: 30px; color: #fff;}
.sponsor_info_con > ul > li > div.list_text{line-height: 1.5; font-size: 30px; color: #fff; position: relative; padding-left: 30px; overflow-y : auto;}
.sponsor_info_chairman_area{width: 1040px; margin: 60px auto; padding: 0 50px; box-sizing: border-box; height: 299px;}
.sponsor_info_chairman_area .sponsor_info_chairman_img{width: 229px; height: 229px; border-radius: 30px; background: #fff; float: left; display: block;overflow: hidden;}
.sponsor_info_chairman_area .chairman_info{display: inline-block;  margin-left: 60px; width: 600px; clear: both;}
.sponsor_info_chairman_area .chairman_info dl{padding: 15px 0; display: block; width: 600px;}
.sponsor_info_chairman_area .chairman_info dl dt{float: left; width: 235px; font-size: 30px; color: #b59c7d; font-weight: 700; display: block; min-height: 50px;}
.sponsor_info_chairman_area .chairman_info dl dd{float: left; text-align: left; font-size: 30px; color: #fff; width: 365px; line-height: 1.5; padding-bottom: 15px; min-height: 50px; word-break: keep-all;}

/* 성장스토리 */
.story_area{width: 3598px; height: 1363px; margin-left: 247px;}
.carousel{width: 3598px; height: 1363px; perspective:900px;}
.carousel .carousel-item{width:817px; cursor: pointer; border-radius: 55px 55px 50px 50px; height: 1250px; background: #fff;}
.carousel .carousel-item .img{border-radius: 40px 40px 100px 100px; overflow: hidden; background: -webkit-linear-gradient(-45deg,  rgb(63,67,71) 40%,rgb(50,54,58) 40%,rgb(50,54,58) 40%); width:817px; height: 1034px;}
.carousel .carousel-item h3{padding: 10px 50px 0; font-size: 50px; font-weight: 700;}
.carousel .carousel-item p{padding: 50px 50px 0; font-size: 35px;}
.carousel .active{border: 15px solid #609e2e; z-index: 999; box-shadow: 0 0 36px 10px rgba(0,0,0,0.5);}

.story_info_img{padding-top: 130px;}
.story_info_img span{width: 427px; height: 427px; border-radius: 50%; border: 20px solid #1f6540; background: #fff; overflow: hidden; display: block; margin: 0px auto 0;}
.story_info_tit{ width: 977px; margin: 60px auto 100px;}
.story_info_career{font-size: 30px; color: #eaca7d; text-align: center; margin-bottom: 20px;}
.story_info_name{font-size: 80px; color: #fff; text-align: center; margin-bottom: 40px; font-weight: 700; position: relative;}
.story_info_name:after {content: ''; display: block; width: 240px;
    height: 5px; background: #e9da36; margin: 40px auto;}
.story_info_txt{width: 900px; height: 700px; margin: 0 auto;}
.story_info_txt span{text-align: left; font-size: 35px; color: #fff; line-height: 1.5;}


/* 검색결과 */
.search_result_area {width: 740px; height: 877px; background: #f5f5f5; border: 10px solid #13714f; box-sizing: border-box; padding: 60px 40px;}
.search_result_area li{margin-bottom: 20px;}
.search_result_area a.search_list_btn {box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.5);
    background:linear-gradient(to bottom, #fff 5%, #dfdfdf 100%);background-color: #fff;
    border-radius:20px;	border:2px solid #8e8e8e; display:inline-block;
    color:#434343; font-size:30px; font-weight:400; width: 630px; height: 80px; line-height: 80px;}
.search_result_area i img{width: 54px; height: 48px; margin-left: 50px; margin-right: 20px;}



/* 기업후원 */
.company_area {width: 4000px; height: 1278px; margin-left: 230px; margin-top: 85px;}
.company_list {overflow: hidden;}
.company_list li{float: left; background: #24190a; width: 470px; height: 132px; margin: 0 10px 60px 0px; border-radius: 30px; position: relative;}

.company_list li:nth-child(8n+1){clear:both;margin-left: 0;}

.company_list li .company_img {border-radius: 20px; position: relative; overflow: hidden; display: block; margin: 10px auto 0; width: 450px; height: 112px; background: #fff; text-align: center;}
.company_list li .company_img:after{position: absolute; top: 0; left: 0; content: ''; width: 100%;  height: 100%; background: rgba(0,0,0,0.5);}

.company_list li .company_img_on {border-radius: 20px; position: relative; overflow: hidden; display: block; margin: 14px auto 0; width: 450px; height: 112px; background: #fff;}
.company_list li .company_img_on:after{border: 5px solid #5e9d2d; border-radius: 20px;
    position: absolute; content: ''; width: 440px; height: 102px; top:0; left: 0;}


.company_info_tit{text-align: center; margin: 0 auto; position: relative;}
.company_info_tit p{ color: #fff; line-height: 1.5;}
.company_info_tit .tit1{font-family: 's-core-dream'; font-size: 30px; font-weight:500; padding-top: 50px;}
.company_info_tit .tit2{font-family: 's-core-dream'; font-size: 50px; font-weight: 700;}

.company_info_name{width: 1073px; height: 208px; margin: 50px auto 0; position: relative; background: url(../images/sub/bg_company_info_name.png) no-repeat;}
.company_info_name .company_logo{position: absolute; width: 413px; height: 103px; top: 16px; left: 30px; overflow: hidden;}
.company_info_name .corporate_name{position: absolute; top: 58px; right: 53px; width: 532px; height: 124px; display: table;}
.company_info_name .corporate_name span{display: table-cell; text-align: center; vertical-align: middle; word-break: keep-all; font-size: 40px; color: #fff; font-weight: 700; line-height: 1.3;}
.company_info_txt{width: 1000px; margin: 55px auto 0; height: 350px; overflow-y:scroll;  padding: 0 30px; box-sizing: border-box;}
.company_info_txt span{color: #fff; font-size: 35px; text-align: left; line-height: 1.5; word-break: keep-all; height: 350px;}
.company_info_img{width: 986px; height: 555px; border-radius: 30px; background: #372b19; overflow:hidden; margin: 10px auto 50px;}

.support_txt_box2{width: 1152px; height: 230px; background: #fff7e9; margin: 0px auto 0px; position: relative; padding: 60px 100px 0; box-sizing: border-box; clear: both; }
.support_txt_box2 p{font-size: 30px; color: #000; width: 100%; line-height: 1.8; position: relative; margin-top: 10px;}
.support_txt_box2 p i.ico{width: 166px; height: 49px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -26px;}


/* 초록우산어워드 */
.award_area{width: 4000px; height: 1278px; margin-left: 230px; margin-top: 85px;}
.award_card_area{width: 3547px; height: 1054px; margin: 40px auto 0; text-align: center;display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.award_card{position: relative; width: 600px; height: 885px;}
.award_card_tit{position: absolute; display: table; top: -93px; left: 50%; margin-left: -263px; background: url(../images/sub/award_card_tit_bg.png) no-repeat; width: 526px; height: 177px; z-index: 999;}
.award_card_tit span{display: table-cell; text-align: center; vertical-align: middle; font-size: 50px; color: #000; font-family: 's-core-dream';
    font-weight: 600;}
.award_card_box{width: 600px; height: 885px; background: #fff;  border-radius: 30px; overflow: hidden; display: flex;  flex-direction: column; align-items: center;}
.award_bg{--bg-color: #609e2e;--bg-color-light: #f2eeeb; --text-color-hover: #fff; --box-shadow-color: rgba(0, 0, 0, 0.48);}

.award_card_box.active {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0,0,0,0.11),
    0 24px 46px var(--box-shadow-color);
}

.award_card_box.active .overlay {
    transform: scale(4) translateZ(0);
}

.award_card_box.active .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.award_card_box.active .circle:after {
    background: var(--bg-color-light);
}

.award_card_box.active p {
    color: var(--text-color-hover);
}

.award_card_box.active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0,0,0,0.11),
    0 15px 24px var(--box-shadow-color);
}

.award_card_box p {
    font-size: 50px; color: #000; margin-top: 75px;
    z-index: 1000; transition: color 0.3s ease-out;
    height: 75px; display: table; width: 85%; word-break: keep-all; font-weight: 700; line-height: 1.2;}

.award_card_box p span{display: table-cell;}

.circle {width: 412px; height: 412px; border-radius: 50%;
    background: #fff; border: 5px solid var(--bg-color); position: relative;
    z-index: 1; transition: all 0.3s ease-out; margin-top: 190px;display: flex;
    justify-content: center; align-items: center; overflow: hidden; z-index: 1;}

.circle img{z-index: 10000; transform: translateZ(0); width: 372px; height: 372px; border-radius: 50%; overflow: hidden;}

.circle:after {
    content: "";
    width: 372px;
    height: 372px;
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 19px;
    left: 19px;
    transition: opacity 0.3s ease-out;
    border: 1px solid var(--bg-color);
}

.overlay {width: 412px; position: absolute; height: 412px;
    border-radius: 50%; background: var(--bg-color); top: 197px;
    left:94px; z-index: 0; transition: transform 0.3s ease-out;}


.award_history_area {width: 600px; height: 200px; position: relative; margin-top: 20px; float: right; margin-right: 276px;}
.award_history_area:before {display: block; content: ""; width: 100%; height: 10px; background: #fff; position: absolute; top: 53px; left: 0;}
.award_history_area ul{position: relative; display: table; width: 100%; table-layout: fixed;}
.award_history_area ul li{display: table-cell; vertical-align: top; text-align: center; padding: 80px 30px;}
.award_history_area ul li{display: table-cell; vertical-align: top; text-align: center; padding: 80px 30px;}
.award_history_area ul li a{display: inline-block; position: relative; padding-top: 50px; color: #ccc; font-size: 45px; font-weight: 700;}
.award_history_area ul li a:before {width: 30px; height: 30px; border-radius: 50%;
    border: 10px solid #afafaf; display: block; content: ''; background: #fff; position: absolute; top:-45px; left: 50%; transform: translateX(-50%);}
.award_history_area ul li.on a{color: #5d9c2d; font-size: 50px;}
.award_history_area ul li.on a:before{width: 50px; height: 50px; border: 16px solid #5d9c2d; top:-60px;}

.award_info_tit{text-align: center; margin: 0 auto; padding-top: 60px; font-size: 70px; color: #fff; font-weight: 700;}
.award_info_photo{width: 611px; height: 727px; background: #fff; border:3px solid #fff;  margin: 50px auto 0; z-index: 999; position: relative;}
.award_info_photo::after{position: absolute; width: 611px; height: 727px; border: 3px solid #fbdd25; content: ''; top:-35px; left:35px; z-index: -999;}
.award_info_photo .img{width: 611px; height: 727px; overflow: hidden; background: linear-gradient(135deg,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(237,237,237) 51%,rgb(255,255,255) 100%);}
.award_info_title{margin: 80px auto 0; width: 1000px; max-height: 177px; position: relative; font-size: 40px; font-weight: 400; color: #987d69; text-align: center;}
.award_info_title:before{width: 100%; height: 23px; background: #422b21; position: absolute; bottom: 0; z-index: -1; content: ''; text-align: center; left: 0;}
.award_info_title span{font-size: 80px; color: #d1a75a; font-weight: 700; margin-right: 20px;}
.award_info_box{width: 1000px; margin: 60px auto 0;}
.award_tit { margin-bottom: 20px; font-size: 40px; color: #f3dbd1; text-align: left;}
.award_tit span {color: #fdbb1c; margin-right: 120px;}
.award_txt {padding: 0px 20px 0 0; height: 250px; width: 1000px; word-break: keep-all; font-size: 30px; margin-top: -10px; overflow-y: scroll;}
.award_txt span{display: table-cell; text-align: left; color: #f3dbd1;
    font-size: 30px; font-weight: 400; line-height: 1.5; text-align: justify;}