@charset "utf-8";

@import url('common.css');
@import url('jquery.mCustomScrollbar.css');

/* #interContents {min-height:1000px; background:linear-gradient(#ffffff 900px, #f9f5f2 680px);text-align:center;width:100%;padding-bottom:140px} */
/* #Contents {min-height:1000px;text-align:center;width:100%;padding-bottom:140px} */
.conTitleTxt {font-family:'Roboto', sans-serif;font-size:30px;letter-spacing:-1px;color:#3e3935;font-weight:300;min-height:auto;line-height:36px;}
.conTitleTxtSub {font-family:'Roboto', sans-serif;font-size:36px;letter-spacing:-1px;color:#3e3935;line-height:42px;font-weight:50;min-height:auto;}
.conTitleTxtSub_k {font-family:'Noto Sans KR', sans-serif;font-size:15px;letter-spacing:-0.5px;color:#000;line-height:28px;font-weight:300;min-height:auto}
.conTitleTxtSub_k40 {font-family:'Noto Sans KR', sans-serif;font-size:40px;letter-spacing:-2px;color:#3e3935;line-height:36px;font-weight:100;min-height:auto}
.conTitleTxtSub_k30 {font-family:'Noto Sans KR', sans-serif;font-size:30px;letter-spacing:-2px;color:#3e3935;line-height:40px;font-weight:200;min-height:auto}
.conTitleTxtIntro {font-family:'Noto Sans KR', sans-serif;font-size:18px;letter-spacing:-1px;color:#3e3935;line-height:30px;font-weight:400;}
.conTitleTxtIntro_lo {font-family:'Noto Sans KR', sans-serif;font-size:15px;letter-spacing:-1px;color:#3e3935;line-height:24px;font-weight:300;}
.conInner {width:1280px;display:inline-block;text-align:left;}
.conInner ul > li {list-style:none;padding-left:0px;}
.hSpace_50 {margin-top:50px;display:block}
.hSpace_60 {margin-top:60px;}
.hSpace_27 {margin-top:27px;}
.hSpace_20 {margin-top:20px;}
.hSpace_40 {margin-top:40px;}
.hSpace_80 {margin-top:80px;}
.hSpace_30 {padding-top:30px!important;}
.wBoler{font-weight:400;}

#wrap .contents{width:100%;  position:relative; background:#fff;}


#wrap .contents .visual{width:100%; height:175px}
/* #wrap .contents .visual img{ margin:60px auto 0;} */
#wrap .contents .con{width:100%; background:#fff; padding:0 20px 60px 20px; margin:0; display:block ; }
#wrap .contents .con > li {padding:0; list-style:none;display:block;}
#wrap .contents .con li img{width:100%}

#wrap .contents .con > .title{ padding:30px 0; border-bottom:1px solid #ededed; text-align:center; overflow:hidden;}
/* .business #wrap .contents .con > .title,
.comm #wrap .contents .con > .title { border-bottom:0; position:relative; }
.comm #wrap .contents .con > .title a { width:32px; height:32px; border:1px #ececec solid; }
.comm #wrap .contents .con > .title a.prev { position:absolute; left:0; top:50%; margin-top:-16px; background:url(/mobile/images/communication/arrow_page_left.gif) no-repeat center center; background-size:32px 32px; }
.comm #wrap .contents .con > .title a.next { position:absolute; right:0; top:50%; margin-top:-16px; background:url(/mobile/images/communication/arrow_page_right.gif) no-repeat center center; background-size:32px 32px; }
.comm #wrap .contents .con > .title a.prev.noLink { opacity:0.5; }
.business #wrap .contents .con img { width:100%; } */
#wrap .contents .con .title h3{ font-size:18px; color:#222; font-weight:400; line-height:22px; }
#wrap .contents .con .title .disc{font-size:11px; color:#666; margin-top:6px; line-height:14px; }
#wrap .contents .con h4{ font-size:15px; color:#000; margin:20px 20px 12px 20px; line-height:18px; }


/* visual image */
.ceo #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.philo #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.identity #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.history #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.location #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.news #wrap .contents .visual{background:url(/mobile/images/news/m_news_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.donation #wrap .contents .visual{background:url(/mobile/images/donation/m_donation_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.notice #wrap .contents .visual{background:url(/mobile/images/community/m_community_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}
.const #wrap .contents .visual{background:url(/mobile/images/community/m_community_subtitle.png) no-repeat center center;  background-size:cover; overflow:hidden;}

/* Mobile Device --> 상단 top이미지 조절*/
@media all and (max-width:500px) {
	#wrap .contents .visual{width:100%; height:110px;}
	.ceo #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.philo #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.identity #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.history #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.location #wrap .contents .visual{background:url(/mobile/images/story/m_story_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.news #wrap .contents .visual{background:url(/mobile/images/news/m_news_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.donation #wrap .contents .visual{background:url(/mobile/images/donation/m_donation_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.notice #wrap .contents .visual{background:url(/mobile/images/community/m_community_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
	.const #wrap .contents .visual{background:url(/mobile/images/community/m_community_subtitle.png) no-repeat center center;  background-size:contain; overflow:hidden;}
}


/*비전과미션*/
.conbox_gr{width:100%; padding:36px; background:#f0f0f0; }
.conbox_gr li{padding:0; margin:0}
.conbox_gr li:nth-child(1){font-family:'Roboto', sans-serif;font-weight:300;font-size:27px;letter-spacing:0px;color:#3e3935; margin-bottom:20px}
.conbox_gr li:nth-child(2){font-family:'Roboto', sans-serif;font-size:40px;letter-spacing:0px;color:#3e3935; margin-bottom:20px; font-weight:200;line-height:43px;}
.conbox_gr li:nth-child(3){font-family:'Noto Sans KR', sans-serif;font-size:16px;letter-spacing:-1px; color:#3e3935; text-align: center; line-height: 25px;}
.conbox_gr2{width:100%; padding:36px; background:#f0f0f0; }
.conbox_gr2 li{padding:0; margin:0}
.conbox_gr2 li:nth-child(1){font-family:'Roboto', sans-serif;font-weight:300;font-size:27px;letter-spacing:0px;color:#3e3935; margin-bottom:20px}
.conbox_gr2 li.gr2img{font-family:'Roboto', sans-serif;font-size:40px;letter-spacing:0px;color:#3e3935; font-weight:200;line-height:43px;}
.conbox_gr2 li.gr2txt{font-family:'Noto Sans KR', sans-serif;font-size:16px;letter-spacing:-1px; color:#3e3935; text-align: center; line-height: 25px; margin-bottom:20px; }
.conbox_gr2 li:last-child{margin-bottom: 0;}

/* CI */
.conbox_ci li{border-top:1px solid #e4e4e4; padding:10px 0;  display: flex; justify-content: space-between;flex-direction: row; align-items:center; }
.conbox_ci li:last-child{border-bottom:1px solid #e4e4e4;}
.conbox_ci li span:nth-child(2) {width:250px; display:block; font-size: 13px; padding-left: 10px; line-height: 1.5; }


/***********  버튼 ***********/
/*  .conBlock{margin-bottom:30px }
 .conBlock a{font-family:'Roboto', sans-serif;font-size:16px;font-weight:100;display:block; float:right; color:#fff; 
 line-height:34px; text-indent:15px; background:url(/mobile/images/business/btn_arrow.gif) no-repeat 90% center #837c76; 
 width:133px!important;height:37px; margin-top:30px; text-align:right; padding-right:30px;} */
 
 
 
 /* 뉴스룸  */
 /* list */
#wrap .contents .con .boardList{ border-top:2px solid #c3c3c3; margin: 20px 0px;}
#wrap .contents .con .boardList li{border-bottom:1px solid #dedede; padding:18px 0; position:relative; min-height:110px; height:auto; overflow:hidden;}
#wrap .contents .con .boardList li:after{display:block; content:""; clear:both;}
#wrap .contents .con .boardList li img{float:left; display: inline-block; vertical-align: middle;margin-top:5px; max-width: 30%;width:150px; height:75px;}
#wrap .contents .con .boardList li p.title{position:absolute; float:left; display: inline-block; max-width: 63%; -ms-word-break: braeak-word; word-break: braeak-word; 
font-family:'Noto Sans KR', sans-serif;font-size:15px; font-weight:400;color:#333; margin-left:15px; margin-bottom: 18px;line-height:20px; }
#wrap .contents .con .boardList li p.date{font-size:11px; display: inline-block;color:#767676; position:absolute; bottom:14px; float:right; margin-left:15px}


/* view */
#wrap .contents .con section { margin:20px 0px; }
#wrap .contents .con section h5 { font-family:'Noto Sans KR', sans-serif;font-size:18px; font-weight: 500; color: #333; margin-bottom: 8px; border-top:2px solid #999;line-height:24px;}
#wrap .contents .con section.movie h5 { border:0; }
.news #wrap .contents .con section h5,
.promotion #wrap .contents .con section h5 { padding-top:12px; }
#wrap .contents .con section h5 + p { font-size: 11px; color: #767676; margin-bottom: 20px; }
#wrap .contents .con section article img { width: 100%; margin-bottom:16px; }
#wrap .contents .con section article p { font-family:'Noto Sans KR', sans-serif;font-size:15px; font-weight:300; color: #444; line-height: 28px; padding: 0; }
#wrap .contents .con section .discrt { margin-top:16px; background:#f2f2f2; padding:14px; }
#wrap .contents .con section .discrt h6 { font-family:'Noto Sans KR', sans-serif;color:#222; font-size:13px; font-weight:bold; }
#wrap .contents .con section .discrt p { font-size:12px; color:#666; line-height:18px; margin-top:10px; height:106px; overflow:scroll; text-align:justify; }
.notice #wrap .contents .con section article img { width: 15px; height:15px; }
.notice #wrap .contents .con section article a {display: flex;}
.notice #wrap .contents .con section article span {font-size:12px; color:#666; }




.indiPage{ width:100%; border:1px solid #dedede; border-bottom:none; margin-top: 32px;}
.indiPage li{/*  height:49px; */ border-bottom:1px solid #dedede; overflow: hidden;}
.indiPage li a{display:block; width:100%; height: 100%; line-height:40px; padding-left:36px; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:200;  color:#444; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.indiPage li a.prev{background:url(/mobile/images/news/list_pageup.gif) no-repeat 12px center; background-size:11px 6px;}
.indiPage li a.next{background:url(/mobile/images/news/list_pagedown.gif) no-repeat 12px center; background-size:11px 6px;}




.boardBtnWrap{width: 100%; text-align:right; margin-top:32px;}
.business .boardBtnWrap { width: auto; margin:32px 0px 0 0px; }
.boardBtnWrap .btnList{
	font-family:'Noto Sans KR', sans-serif;font-size:16px;display:block; float:right; color:#fff; 
 	line-height:33px; text-indent:15px; background:url(/mobile/images/common/btn_arrow.gif) no-repeat 95% center #837c76; 
 	width:100%;height:37px; text-align:left;padding-left: 14px;}
}


/* .boardBtnWrap .btnList {display:inline-block; width:100%;  line-height:35px; text-align:left; padding-left: 14px; font-size:12px; color:#fff;
	background: url(/mobile/images/news/btn_list_left.png) no-repeat 95% center, url(/mobile/images/news/btn_list.jpg) no-repeat center center;
	background-size: 3% auto, cover;} */

.boardBtnWrap .btnFacebook{display:inline-block; width:100%;  line-height:35px; text-align:left; padding-left: 14px; font-size:12px; color:#fff;
	background:url(/mobile/images/communication/btn_fecebook_left.png) no-repeat 95% center, url(/mobile/images/communication/btn_fecebook.jpg) no-repeat center center;
	background-size: 3% auto, cover;
}

 /***********  paging  ********/

.paging{ text-align:center; margin: 40px 0px 0 0px;}
.paging ul{ width:100%; border:1px solid #d3d3d3; display:inline-block; font-size: 0;}
.paging ul li{display:inline-block; width:30px; height:36px;}
.paging ul li a{display:block; width:100%; height:100%; line-height: 34px; padding-top:2px; text-align:center; font-size:12px; color:#666; overflow: visible; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;  }
.paging ul li a.on{ color:#222; font-weight:bold; background-color:#ededed;}
.paging ul li a.firstPage{background:url(/mobile/images/common/paging_ll.gif) no-repeat center center; text-indent:-5000px}
.paging ul li a.lastPage{background:url(/mobile/images/common/paging_rr.gif) no-repeat center center; text-indent:-5000px}
.paging ul li a.prev{background:url(/mobile/images/common/paging_l.gif) no-repeat center center; text-indent:-5000px}
.paging ul li a.next{background:url(/mobile/images/common/paging_r.gif) no-repeat center center; text-indent:-5000px}