/* Written By MJS */

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}





/*================================== 상단 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:94%;padding:3%;background:#fff;border-bottom:1px solid #ccc;}
#toggle-sidebar{float:left;width:12%;cursor:pointer;}
a.logo{float:left;width:66%;margin-right:22%;}

#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:49px;line-height:49px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:20px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;height:36px;line-height:36px;padding:0 0 0 3%;background:#e5e5e5;border-top:1px solid #f4f4f4;border-bottom:1px solid #d4d4d4;font:14px;color:#555;}
#main-sidebar ul li > a:hover{background:#333;border-top:1px solid #010101;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:0 0 0 3%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#555;}





/*================================== 메인 ==================================*/
/* 메인 슬라이드 */
.promotion{position:relative;float:left;margin:0;padding:0;min-width:320px;max-width:1080px;width:100%;overflow-x:hidden;}
.slidings{margin:0;padding:0;}
#promotionBanner{margin:0;padding:0;}
.wrap{margin:0;padding:0;}
figure{margin:0;padding:0;}
#promotionBannerPagination{margin:0;padding:0;}
.pagination{margin:0;padding:0;}


.m_title{float:left;width:100%;font-size:150%;line-height:100%;font-weight:600;color:#fff;margin-bottom:3%;}
.m_title2{float:left;width:100%;font-size:150%;line-height:100%;font-weight:600;color:#000;margin-bottom:3%;}

a.more{position:absolute;top:4%;right:4%;font-size:150%;line-height:100%;font-weight:600;color:#000;}
a.more2{position:absolute;top:8%;right:4%;font-size:150%;line-height:100%;font-weight:600;color:#000;}


/* 기부&가입 */
.text_box{position:relative;float:left;width:100%;line-height:140%;font-size:84%;color:#fff;}
ul.icon_bn{position:relative;float:left;width:100%;margin-top:3%;}
ul.icon_bn li{position:relative;float:left;width:31.2%;margin-left:3%;background:#fff;}
ul.icon_bn li:hover{background:#fffcf0;}
ul.icon_bn li:first-child{margin-left:0;}
ul.icon_bn li a,ul.icon_bn li a img{float:left;width:100%;height:100%;display:block;}
ul.icon_bn li a p{position:absolute;left:0;bottom:8%;width:100%;font-size:90%;font-weight:600;text-align:center;}

/* 20210106 추가작업 */
ul.icon_bn2{position:relative;float:left;width:103%;margin:-1.5% 0 0 -1.5%;}
ul.icon_bn2 li{position:relative;float:left;width:47%;height:130px;margin:1.5%;background:#fff;}
ul.icon_bn2 li a{float:left;width:100%;}
ul.icon_bn2 li a img{float:left;width:100%;display:block;}
ul.icon_bn2 li a p{position:absolute;left:0;bottom:20px;width:100%;font-size:14px;font-weight:600;text-align:center;margin-top:-24%}


/* 프로그램안내 */
ul.pro_bn{position:relative;float:left;width:100%;height:180px;overflow:hidden;}
ul.pro_bn li{float:left;width:99%;margin-top:3%;}
ul.pro_bn li:first-child{margin-top:0;}
ul.pro_bn li a{float:left;width:100%;}
ul.pro_bn li a img{float:left;width:26%;height:80px;}
ul.pro_bn li a p{float:left;width:69.5%;height:58px;padding:10px 2%;font-size:70%;font-weight:600;line-height:120%;color:#818181;background:#fff;border:1px solid #ccc;border-left:none;}
ul.pro_bn li a p b{float:left;width:100%;font-size:120%;line-height:100%;font-weight:600;color:#000;margin-bottom:2%;}


/* 활동사진 */
ul.m_gallery{float:left;width:104%;margin-left:-2%;}
ul.m_gallery li{float:left;width:46%;margin:0 2%;}
ul.m_gallery li a{float:left;width:99.5%;border:1px solid #ccc;}
ul.m_gallery li p{float:left;width:100%;font-size:80%;font-weight:600;text-align:center;color:#000;margin-top:4%;}


/* 공지사항, 자료실 */
.tab{position:relative;float:left;width:100%;}
.tab > li > a{position:absolute;top:-50px;left:0;display:block;width:50%;height:50px;line-height:50px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#767676;border:1px solid #767676;border-bottom:0;}
.tab > li.on > a{background:#fff;color:#000;}
.tab > li + li > a{left:50%;}
.tab > li + li + li > a{left:50%;}
.tab > li > div{position:absolute;left:0;top:0;width:94%;height:0;overflow:hidden;}
.tab > li.on > div{height:auto;position:static;border:1px solid #767676;padding:3%;}


/* 게시판 리스트 */
.board{float:left;width:100%;margin-bottom:4%;}
.board li{float:left;width:100%;font-size:80%;line-height:180%;}
.board li a{float:left;display:inline-block;width:75%;padding-right:6%;vertical-align:middle;overflow:hidden;color:#898989;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.board li span.date{float:right;width:19%;vertical-align:middle;color:#999;}





/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;background:#e5e5e5;}
.copy{position:relative;float:left;width:100%;padding-top:4%;color:#898989;font-size:74%;}
.copy p{text-align:center;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;padding:5% 0;text-align:center;color:#898989;background:#e5e5e5;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#777;border:1px solid #aaa;background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}





/*================================== 서브 ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;}

.sub_menu{position:relative;float:left;width:100%;background:#f9f9f9;border-bottom:1px solid #ccc}
.sub_menu h3{float:left;margin:5% 3%;font-size:150%;font-weight:600;}

/* 서브탭 3개 */
.sub_tab{position:relative;float:left;width:100%;background:#d1ecf6;}
.sub_tab li{float:left;width:33.1%;}
.sub_tab li a{display:block;width:100%;background:#d1ecf6;line-height:140%;font-size:90%;font-weight:bold;text-align:center;padding:6% 0;color:#898989;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.sub_tab li a.select{background:#00a0e9;color:#fff;}

.page_content{position:relative;float:left;width:94%;padding:8% 3% 10% 3%;}
.page_sub{float:left;width:100%;padding-bottom:1%;margin-bottom:8%;font-size:140%;color:#555;font-weight:bold;border-bottom:2px solid #555;}




.sub_title{float:left;width:94%;line-height:22px;font-size:22px;font-weight:600;color:#000;padding-left:30px;margin-bottom:20px;background:url(http://www.glea.kr/img/sub_bullet.png) no-repeat 0 0;}
.sub_title span{float:left;width:100%;font-size:16px;line-height:22px;font-weight:400;color:#3b3b3b;margin-top:12px;}
.sub_title2{float:left;width:100%;line-height:20px;font-size:14px;color:#555;padding-left:12px;margin-bottom:10px;background:url(http://www.glea.kr/img/sub_bullet2.png) no-repeat 0 7px;}
.sub_title2 b{font-weight:600;color:#000;}




.tbl{float:left;width:100%;border-top:3px solid #cbcbcb;margin-bottom:40px;}
.tbl table{float:left;width:100%;}
.tbl table th{font-size:16px;color:#000;text-align:center;font-weight:600;background:#efefef;}
.tbl table td{font-size:13px;color:#4e4e4e;text-align:left;}
.tbl table th,.tbl table td{padding:15px;border-bottom:1px solid #cbcbcb;}
.tbl table a{display:inline;border-bottom:1px solid #28289C; color:#28289C; padding-bottom:2px;}
.tbl2{float:left;width:100%;border-top:3px solid #cbcbcb;margin-bottom:40px;}
.tbl2 table{float:left;width:100%;}
.tbl2 table th{font-size:16px;color:#000;font-weight:600;background:#efefef;}
.tbl2 table td{font-size:13px;color:#4e4e4e;}
.tbl2 table th,.tbl2 table td{padding:15px;text-align:center;border:1px solid #cbcbcb;}



/* 인사말 */
.greeting_w{position:relative;float:left;width:100%;}

.id_photo{float:left;width:26%;}
.id_photo img{width:100%;}
.id_photo p{float:left;font-size:12px;font-weight:600;color:#898989;margin-top:4%;}
.id_photo p span{float:left;width:100%;line-height:20px;font-size:14px;margin-top:2%;color:#000;}

#greeting{float:left;width:71%;margin-left:3%;font-size:14px;line-height:20px;color:#555;}
.gree_title{float:left;width:100%;line-height:26px;font-size:22px;text-align:left;color:#00a0e9;font-weight:600;letter-spacing:-1px;margin-bottom:3%;}


/* 연혁 */
.history{position:relative;float:left;width:100%;}
.history table{position:relative;float:left;width:100%;margin-bottom:20px;}
.history table th{width:22%;text-align:center;font-size:100%;color:#13a08b;font-weight:bold;background:#e5f7f4;border:1px solid #c0e5df;border-left:none;border-right:none;}
.history table td{padding:2% 0;border:1px solid #c0e5df;border-left:none;border-right:none;}
.history table td b{float:left;width:16%;height:20px;line-height:20px;font-size:14px;font-weight:600;text-align:center;background:url(http://www.glea.kr/img/month_bg.png) no-repeat;background-size:100%;color:#fff;margin:0 3%;}
.history table td span{float:left;display:block;width:74%;line-height:120%;font-size:12px;font-weight:600;text-align:left;color:#777;}

/* CI */
.ci_box{position:relative;float:left;width:100%;}
.ci_img{float:left;width:98%;border:5px solid #daf5ff;margin-bottom:5%;}
.ci_text{float:left;width:100%;font-size:14px;line-height:18px;color:#555;}
.ci_text b{font-weight:600;color:#000;}

/* CI 다운로드 */
.ci_down{position:relative;float:left;width:100%;text-align:center;margin-top:8%;}
.ci_down a{display:inline-block;width:40%;height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;background:#d24545;font-weight:bold;color:#fff;border:none;margin:0 2%;}
.ci_down a:hover{background:#b81e1e;}



/* 활동사진 */
ul.p_list{float:left;width:103%;margin-left:-1.5%;}
ul.p_list li{float:left;width:47%;margin:1.5%;}
ul.p_list li a{float:left;width:100%;display:block;}
ul.p_list li p{float:left;width:100%;font-size:90%;letter-spacing:-1px;color:#555;margin-top:5%;font-weight:600;text-align:center;}/* 상품이름 */



/* 후원신청 */
.donate{position:relative;float:left;width:100%;}
.donate p{position:absolute;top:0;left:0;width:90%;padding:5%;line-height:120%;font-size:90%;font-weight:600;color:#888;}
a.btn_donate{position:absolute;bottom:10%;left:5%;width:40%;}



/* 공지사항~운영회의록 */
.accordion{width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#eee;border-bottom:1px solid #ccc;}
.accordion li .ntc_list{display:none;padding:4%;color:#555;background:#fbfbfb;}
.accordion li div{display:block;width:92%;padding:4%;font-size:90%;font-weight:600;cursor:pointer;color:#000;}



/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin:5% 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;margin:0 2px;}
.paging ul li a{float:left;text-align:center;line-height:26px;font-size:90%;background:#eee;color:#898989;padding:0 10px;}
.paging ul li a.on{background:#000;color:#fff;font-weight:600;}




/*=================================== 상세페이지 ===================================*/
#detail{position:relative;float:left;width:100%;}
.dtl_title{float:left;width:96%;font-size:100%;font-weight:600;color:#000;padding-left:3%;margin-bottom:3%;border-left:4px solid #f50f06;}

.dtl_top{position:relative;float:left;width:98%;border:5px solid #000;}
.dtl_top img{width:100%;}

/* 상세보기타이틀, 상세 내용 */
.dtl_btm{position:relative;float:left;width:100%;}
.dtl_tt{float:left;width:96%;font-size:90%;font-weight:600;color:#000;padding-left:3%;margin-bottom:3%;border:1px solid #ccc;background:#f7f7f7;margin-top:5%;}
.dtl_cont{float:left;width:100%;}


/* 제품상세설명 */
.dtl_cont_list{position:relative;float:left;width:93%;background:#fff2e8;border:3px solid #ff811b;padding:3%;}
.dtl_cont_list ul{float:left;}
.dtl_cont_list ul li{float:left;width:100%;font-size:90%;font-weight:600;color:#000;}
table.dtl_tbl{position:relative;float:left;width:100%;border-top:1px solid #ccc;margin-top:2%;}
table.dtl_tbl th{width:30%;background:#f0f0f0;font-weight:600;color:#000;}
table.dtl_tbl td{color:#4b4b4b;}
table.dtl_tbl th,table.dtl_tbl td{padding:2%;font-size:90%;border-bottom:1px solid #ccc;}








/* 이미지 크기 제멋대로일때 잡아주는 소스 */
@media screen and (min-width:320px) and (max-width:420px) {
ul.m_gallery li{min-height:190px;}
ul.p_list li{min-height:180px;}
ul.p_list img{width:100%;height:140px;}
p.p_imgm img{height:170px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
ul.m_gallery li{min-height:260px;}
ul.p_list li{min-height:240px;}
ul.p_list img{width:100%;height:200px;}
p.p_imgm img{height:280px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
ul.m_gallery li{min-height:340px;}
ul.p_list li{min-height:310px;}
ul.p_list img{width:100%;height:260px;}
p.p_imgm img{height:350px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
ul.m_gallery li{min-height:420px;}
ul.p_list li{min-height:400px;}
ul.p_list img{width:100%;height:340px;}
p.p_imgm img{height:440px;}
}