/* 탭메뉴 */
.tabA { display: table; margin:35px auto 20px;}
.tabA > li { display: inline-block; margin: 0 10px; font-size: 2rem; border: 1px solid #ccc;  }
.tabA > li > a { display:block; padding: 17px 50px 12px; text-align:center; color:#666;}
.tabA > li.tabA_on { color: #fff; background:#1d70b6; border: 1px solid #1d70b6;}
.tabA > li.tabA_on > a { color:#fff;}
.tabA_view {width: 100%; }
.tabA_view > li { display:none; padding-top:50px; }
.tabA_view > li.mT { padding-top:30px; }

.phototitle { font-size:.8em; color:#808080; }

@media all and (max-width: 1000px) {
	.tabA > li { display:block; font-size: 1.8rem; margin: 0 auto 10px;}
	.tabA > li:last-child { margin-bottom: 0;}
	.tabA > li > a { padding: 15px 30px 11px;}
	.tabA_view > li { padding-top:20px; }
}

/* comment 2024.11.13(H) 
.comment {width: 100%; margin: 20px 0; font-size: 1.5rem; border-top: 1px solid #ddd;}
.comment div.write {margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.comment div.write textarea {width: 100%; height: 80px; padding: 7px; font-family: 'Noto Sans KR'; font-size: 1.5rem; border: 1px solid #ddd; background: #f8f9fb; letter-spacing: -1px;}
.comment div.write textarea::placeholder {color: #c8c8c8; }
.comment div.write > div {width: 100%; border-left: 1px solid #ddd; font-size: 0; border-right: 1px solid #ddd;}
.comment div.write > div .cord { display: inline-block; height: 68px; font-size:1.4rem;}
.comment div.write > div .cord div { display: inline-block; padding: 5px; text-align: right;}
.comment div.write > div .cord img { margin-right: 5px; height: 35px; line-height: 35px; }
.comment div.write > div .cord input[type=text] { margin-top: 7px; height: 30px; border: 1px solid #ddd; background: #f8f9fb;}

.comment div.write input {display: inline-block; vertical-align: top; font-size: 1.5rem;}
.comment div.write input[type=checkbox] { width: 17px; height: 17px; vertical-align:middle;}
.comment div.write input[type=text],
.comment div.write input[type=password] { height: 35px; padding: 5px 7px; border-right: 1px solid #ddd;}
.comment div.write input[type=text]::placeholder,
.comment div.write input[type=password]::placeholder {color: #c8c8c8; letter-spacing: -1px;}
.comment div.write input[type=button] { float: right; width: 140px; padding: 0 15px; height: 68px; line-height: 68px; color:#fff; background:#1c1f53; cursor: pointer;}
*/

/* comment 2025.05.21(H) 수정 */
.comment {width: 100%; margin: 20px 0; font-size: 1.5rem; border-top: 1px solid #ddd;}
.comment div.write { margin-bottom: 20px; }
.comment div.write textarea {width: 100%; height: 80px; padding: 7px; font-family: 'Noto Sans KR'; font-size: 1.5rem; border: 1px solid #ddd; background: #f8f9fb; letter-spacing: -1px;}
.comment div.write textarea::placeholder {color: #c8c8c8; }
.comment div.write > div { position: relative; border-left: 1px solid #ddd; font-size: 0; border-right: 1px solid #ddd;}
.comment div.write > div .cord { display: inline-block; height: 68px; font-size:1.4rem;}
.comment div.write > div .cord div { display: inline-block; padding: 5px; text-align: right;}
.comment div.write > div .cord img { margin-right: 5px; height: 35px; line-height: 35px; }
.comment div.write > div .cord input[type=text] { margin-top: 7px; height: 30px; border: 1px solid #ddd; background: #f8f9fb;}

.comment div.write input {display: inline-block; vertical-align: top; font-size: 1.5rem;}
.comment div.write input[type=checkbox] { width: 17px; height: 17px; vertical-align:middle;}
.comment div.write input[type=text],
.comment div.write input[type=password] { height: 35px; padding: 5px 7px; border-right: 1px solid #ddd;}
.comment div.write input[type=text]::placeholder,
.comment div.write input[type=password]::placeholder {color: #c8c8c8; letter-spacing: -1px;}
.comment div.write input[type=button] { position: absolute; right:-1px; top:-1px; width: 100px; height: 37px; line-height: 37px; padding: 0 10px; color:#fff; background:#1c1f53; cursor: pointer; z-index: 1;}
.comment div.list dl {padding: 15px 0; border-bottom: 1px solid #eaeaea;}
.comment div.list dt {margin-bottom: 5px; font-weight: 500; letter-spacing: 0; color: #000;}
.comment div.list dt span { margin-left: 10px; font-weight: 400; font-size: 1.3rem; color: #999;}
.comment div.list dt input.delBtn { position: relative; top:-1px; width: 16px; height: 16px; margin-right: 5px; background:url("/img/comm/btn_del.png") no-repeat 50% 50%/100%; cursor: pointer;}
.comment div.list dt input.commentBtn { position: relative; top:5px; width: 19px; height: 19px; background:url("/img/comm/btn_comment.png") no-repeat 50% 50%/19px; cursor: pointer;}
.comment div.list dl.admcomment {padding: 7px 0 7px 15px; box-sizing: border-box; border-top: 1px solid #dfdfdf; border-left: 10px solid #f0f0f0;}
.comment div.list dl dd { line-height: 150%; }

/* 2025.05.21 X...
@media screen and ( max-width:1000px ) {
	.comment div.write {margin-bottom: 50px; border-bottom: 1px solid #ddd;}
	.comment div.write input[type=button]   { display: block; width: 100%; height: 40px; line-height: 40px; }
	.comment div.write > div .cord { height: auto; }
	.comment div.write > div .cord input[type=text] { display: block; border-left: none; border-bottom:none;}
}*/


/* News View */
.newsWrap {display: inline-block; width:calc(100% - 285px); padding-right: 20px; border-right: 1px solid #e1e1e1; vertical-align: top;}
.newsWrap .stit h2 {font-size: 2rem; font-weight: 500; color: #fa7d4f;}
.newsWrap .stit h2.tit {font-size: 2.7rem; font-weight: 600; color: #fa7d4f;}
.newsWrap .stit h2.tit span {margin-left: 5px; font-size: 1.8rem; color: #333; font-family:'Roboto';}
.newsWrap .stit h3 { margin: 10px 0; font-size: 3.4rem; font-weight: 500; color: #222; line-height: 160%;}
.newsWrap .stit h4 { font-size: 1.8rem; line-height: 160%; font-weight: 400; color: #555;}
.newsWrap .stit .news_info {margin-top: 30px; font-size:0rem; border-bottom: 1px solid #e1e1e1;}
.newsWrap .stit .news_info span:nth-child(1) {display: inline-block; margin-right: 5px; padding: 12px 0 7px; font-size: 1.6rem; font-weight: 500;}
.newsWrap .stit .news_info span:nth-child(2) {display: inline-block; padding: 12px 0 7px; font-weight: 500; font-size: 1.5rem; font-style: italic; color: #999; font-family:'Roboto';}
.newsWrap .stit .news_info span:last-child {float: right; position: relative; margin-top: 1px;}
.newsWrap .stit .news_info img { border: 1px solid #e1e1e1; border-bottom: none;}
.newsWrap .stit .news_info a:nth-child(2) img {border-left: none; border-right: none;}

.newsWrap .stit .news_info .sharelist {	display: none;	position: absolute;	top: 42px;	right: 1px;	width: 40px;	font-size: 0;	text-align: left;}
.newsWrap .stit .news_info .sharelist img { display: block; margin-top: 1px; border: 0;}
.newsWrap .news_view { margin: 40px 0 50px; padding: 0 40px; font-size: 1.8rem; line-height: 180%; word-break:normal; text-align: justify; }
/*.newsWrap .news_view img { display: block; max-width: 800px; margin: 0 auto 30px;}*/
.newsWrap .news_view p { margin-top:0px; }
.newsWrap .news_view img { display: block; max-width: 800px; margin: 0 auto 0px;}
.newsWrap .news_view h4 { font-weight: 500;}
.newsWrap dl.reporter { margin-bottom: 50px;}
.newsWrap dl.reporter dt { margin-bottom: 15px; font-weight: 500; background: #f3f3f3;}
.newsWrap dl.reporter dt span { display: inline-block; margin: 0 10px 0 30px; padding: 7px 10px; color: #fff; background: #1c1f53;}
.newsWrap dl.reporter dd { padding-left: 30px; }
.newsWrap dl.reporter dd ul { padding-top: 3px;}
.newsWrap dl.reporter dd li { margin-top: 10px; font-weight: 500; }
.newsWrap dl.reporter dd li span { margin-left: 7px; font-size: 1.5rem; font-weight: 400; color: #666;}
.newsWrap .ad img { width: 100%;}

/* News List */
.newsWrap .news_list { width: 100%; margin-top: 30px;}

.newsWrap .c_main_news a { display: table; width: 100%; margin-top: 20px; padding: 20px; background: #f7f7f7;}
.newsWrap .c_main_news p { display: inline-block; width:calc(100% - 200px); padding-right: 30px; vertical-align: top; line-height: 160%; }
.newsWrap .c_main_news p b {display: block; margin-bottom: 10px; font-size: 2.7rem; font-weight: 500; line-height: 130%; letter-spacing: -1.5px;}
.newsWrap .c_main_news p b span.replecnt {display: inline-block; line-height: 100%; color: #fa7d4f; font-size:1.4rem; font-family:'Roboto'; font-weight: bold; vertical-align:middle;}
.newsWrap .c_main_news a > span { display: inline-block; width: 200px; height: 140px; background-position: right 0; background-repeat: no-repeat; background-size:contain; vertical-align: top;}

.newsWrap .news_list dl { width: 100%; margin-bottom: 30px; font-size: 0;}
.newsWrap .news_list dl dt { display: inline-block; width: 160px; vertical-align: top;}
.newsWrap .news_list dl dt img  { width: 100%; height: 100px;}
.newsWrap .news_list dl dd { display: inline-block; width:calc(100% - 160px); padding: 0 0 0 20px; font-size: 1.5rem; vertical-align: top; word-break: normal;}
.newsWrap .news_list dl dd b { display: block; margin-bottom: 7px; font-weight: 500; font-size: 2.0rem;}
.newsWrap .news_list dl dd p { display: table; margin-top: 6px; font-size:1.5rem; font-weight: 500; }
.newsWrap .news_list dl dd p span { display: inline-block; margin-right: 5px; font-size:1.4rem; font-weight: 300; color: #777; font-style: italic; font-family:'Roboto';}
.newsWrap .news_list dl dd b span.replecnt { display: inline-block; line-height: 100%; color: #fa7d4f; font-size:1.4rem; font-family:'Roboto'; font-weight: bold; vertical-align:middle;}

.contRight {float: right; display: inline-block; width: 285px; padding-left: 20px; vertical-align: top;}
.contRight .ad img { display: block; width: 100%; max-width: 270px; margin-bottom: 20px;}
.contRight .nNews { width: 100%; margin-bottom: 25px;}
.contRight .nNews h3 {padding-bottom: 10px; vertical-align:middle; border-bottom: 2px solid #1c1f53;}
.contRight .nNews h3 img {margin: 0 0 2px 5px; vertical-align:middle;}
.contRight .nNews ul li {position: relative; padding: 7px 0 7px 0; font-size: 1.6rem; border-bottom: 1px solid #e1e1e1;}
.contRight .nNews ul li span {float: right; color: #777; font-size: 1.4rem; font-style: italic; font-family:'Roboto'; letter-spacing: 0;}

@media all and (max-width: 1000px) {
	.newsWrap { width:100%;  padding-right: 0; border-right:none;}
	.newsWrap .stit h3 { font-size: 2.4rem; line-height: 140%;}
	.newsWrap .stit h4 { margin-bottom: 7px; font-size: 1.6rem; line-height: 140%;}
	.newsWrap .stit .news_info { margin-top: 15px; border-bottom: 1px solid #e1e1e1;}
	.newsWrap .stit .news_info span:nth-child(1) {display: inline-block; padding: 12px 0 3px;}
	.newsWrap .stit .news_info span:nth-child(2) {display: inline-block; padding: 0 0 10px;}
	.newsWrap .stit .news_info span:last-child { display: table; float:inherit; margin-top: 0;}
	.newsWrap .stit .news_info img { border-bottom: 1px solid #e1e1e1; margin-bottom: 15px}
	.newsWrap .stit .news_info .sharelist img { margin-bottom: 0;}

	.newsWrap .news_view { padding: 0 0; font-size: 1.6rem; line-height: 160%;}
	/* .newsWrap .news_view img { max-width: 100%; margin: 0 auto 20px;} */
	.newsWrap .news_view img { max-width: 100%; margin: 0 auto 2px;}

	.newsWrap dl.reporter { margin-bottom: 30px;}
	.newsWrap dl.reporter dt { margin-bottom: 0;}
	.newsWrap dl.reporter dt span { display: inline-block; margin: 0 10px 0 0;}
	.newsWrap dl.reporter dd { padding: 0 10px; }

	.newsWrap .news_list { margin: 15px 0; padding-top: 15px; border-top: 1px solid #e1e1e1;}
	.newsWrap .news_list dl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
  .newsWrap .news_list dl dt { display: inline-block; width: 120px; }
	.newsWrap .news_list dl dt img { height: 80px;}
  .newsWrap .news_list dl dd { width:calc(100% - 120px);padding: 7px 0 0 10px;}
	.newsWrap .news_list dl dd b { font-size: 1.8rem; line-height: 130%;}
	.newsWrap .news_list dl dd { padding-top: 0; }
	.newsWrap .news_list dl dd p { margin-top: 0;}
	.newsWrap .news_list .ad img {width: 100%; max-width: 800px;}

	.newsWrap .c_main_news a { padding: 15px;}
	.newsWrap .c_main_news p { display: block; width: 100%; padding-right: 0;}
	.newsWrap .c_main_news p b {font-size: 2.3rem; margin-bottom: 5px;}
	.newsWrap .c_main_news a > span { display: block; width: 300px; height: 210px; margin: 10px auto 0; background-position: 50% 50%; }

	.contRight {float:inherit; width: 100%; padding-left: 0;}
	.contRight .ad { width: 100%; margin: 10px auto 0; font-size: 0; text-align: center;}
	.contRight .ad img { display: block; width: 100%; max-width: 270px; vertical-align: top; margin: 0 auto 10px;}

	.contRight .nNews { width: 100%; margin: 20px 0;}
	.contRight .nNews h3 {padding-bottom: 10px; vertical-align:middle; border-bottom: 2px solid #1c1f53;}
	.contRight .nNews h3 img {margin: 0 0 2px 5px; vertical-align:middle;}
	.contRight .nNews ul li {position: relative; padding: 7px 0 7px 0; font-size: 1.6rem; border-bottom: 1px solid #e1e1e1;}
	.contRight .nNews ul li span {float: right; color: #777; font-size: 1.4rem; font-style: italic; font-family:'Roboto'; letter-spacing: 0;}

	.section1 {padding:60px 20px 70px;}
	.section2 {padding:60px 0 0;}
	.tab_top {padding-top: 0;}
}

/* 작은 모바일 기기 (기본 화면 크기 320px 이상) */
@media only screen and (max-width: 767px) {
  /* 모바일 스타일 적용 */
  .newsWrap .news_view { font-size:18px; }
}

.in_button { display: block; margin: 0 auto; padding: 15px 45px 15px; font-size: 1.7rem; font-family: 'Noto Sans KR'; color: #fff; background:#1c1f53; letter-spacing: -1px;}
.in_button:hover {background:#989fa6;}

/* table */
section table {	width: 100%; margin: 10px auto; border-top: 2px solid #222;}
section table thead th,
section table tbody th {background: #f6f7fa; text-align: center; font-weight: 500; border-left: 1px solid rgba(0, 0, 0, 0.14);}
section table th,
section table td {font-weight: normal; padding: 12px; border-left: 1px solid rgba(0, 0, 0, 0.14);}
section table th:first-child,
section table td:first-child {border-left: 0;}
section table tfoot td {background: #fffae2;}
section table tr {border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
section table th span {margin-right: 3px; color: #ee4d12; font-weight: bold;}
section table tbody.taC td {text-align: center;}

@media all and (max-width: 1000px) {
	section table th,
	section table td {padding: 6px; font-size: 1.5rem; line-height: 140%;}
}

/* 문의하기 */
section h4 { margin-bottom: 7px; font-size:2rem; font-weight: 600; }
section h4 b { color: #1c1f53; }
section .agree { margin-bottom: 50px; }
section .agree textarea { width: 100%; height:210px; padding: 15px 10px; font-size: 1.5rem; letter-spacing: -0.5px; color: #777; font-family: 'Noto Sans KR'; border: 1px solid #ddd;}
section .agree div { padding: 15px 10px; text-align: center; border:1px solid #ddd; border-top: none; background: #f6f7fa; }
section .agree div input { vertical-align: middle; }
section input[type=checkbox] { width: 15px; height: 15px; margin: 0 4px 0 0;}
section input[type=checkbox] { width: 15px; height: 15px; margin: 0 4px 0 12px;}
section input[type=checkbox]:first-child { margin: 0 4px 0 0;}
section input[type=text] { padding: 5px 15px; border: 1px solid #ddd; border-radius: 7px; font-size: 1.6rem;}
section input[type=text]::placeholder {color: #c8c8c8; letter-spacing: -1px;}
section table {margin-bottom: 30px;}
section table td textarea {width: 100%; height: 210px; padding: 15px; font-size: 1.6rem; font-family: 'Noto Sans KR'; border: 1px solid #ddd; border-radius: 7px; background: #f6f7fa;}
section table td textarea::placeholder {color: #c8c8c8; letter-spacing: -1px;}

/* 인사말 */
.greeting {width: 80%; margin: 0 auto; padding: 20px 0 40px; font-size: 0;}
.greeting p {margin-bottom: 30px; line-height: 190%; font-size: 1.8rem;}
.greeting p b.stit {display: block; padding-bottom: 10px; font-size: 3.2rem;}
.greeting .img_pc {display: inline-block; width: 190px; margin:0 0 10px;}
.greeting .img_pc img {width: 100%; box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, 0.14);}
.greeting .img_mobile {display:none;}
.greeting .txt1 {display: inline-block; width:calc(100% - 190px); padding-right: 30px; vertical-align: top;}
.greeting .txt2 { width:100%;}
.greeting .txt3 { width:100%; padding-top: 40px; text-align: center; font-size: 1.7rem; }
.greeting .txt3 strong {font-family:'Roboto'; font-weight: 500; letter-spacing: 0;}
.greeting .txt3 span   {line-height: 190%;}

/* .greeting .img_pc {display: inline-block; width: 280px; vertical-align: top;}
.greeting .img_pc img {width: 100%; box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, 0.14);}
.greeting .img_mobile {display:none;}
.greeting .txt {display: inline-block; width:calc(100% - 280px); padding-right: 30px; vertical-align: top;}
.greeting .txt p {margin-bottom: 30px; line-height: 170%; font-size: 1.6rem;}
.greeting .txt p b.stit {display: block; padding-bottom: 10px; font-size: 3.2rem;}
.greeting .txt p span {font-size: 1.7rem;}
.greeting .txt p strong {font-family:'Roboto'; font-weight: 500; letter-spacing: 0;} */

@media all and (max-width: 1000px) {
	.greeting {width:100%; padding: 0 0 20px;}
	.greeting p {line-height: 170%; font-size: 1.6rem;}
	.greeting p b.stit { font-size: 2.4rem;}
	.greeting .txt1 {width:100%; padding-right: 0;}
	.greeting .img_pc {display: none;}
	.greeting .img_mobile {display:table; width: 100%; margin-bottom: 35px; text-align: center;}
	.greeting .img_mobile img {width: 180px; box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, 0.14);}
	.greeting .txt3 { padding-top: 0;}
}
/* 디지털뉴스콘텐츠 이용규칙 */
.guide1,
.guide2 { line-height: 165%; font-size: 1.5rem; color: #666;}
.guide1 h4,
.guide2 h4 { color: #333; font-size: 2rem; margin: 50px 0 10px;}
.guide1 h5,
.guide2 h5 { color: #333; font-size: 1.6rem; margin-bottom: 10px; font-weight: 500;}
.guide1 div,
.guide2 div{ padding: 15px; margin-bottom: 20px; color: #333; background: #f6f6f6;}
.guide1 p,
.guide2 p  { margin-bottom: 15px;}
.guide1 ol,
.guide2 ol {margin-left: 15px;}
.guide1 ol li,
.guide2 ol li {list-style-type:decimal;}

/* 개인정보처리방침 */
.guide2 table { font-size: 1.5rem;}
.guide2 table th { color: #333; width: 20%; font-weight: 400;}
.guide2 table td { font-weight: 300;}
.guide2 ul { margin-top: 5px; }
.guide2 ul li {position: relative; padding-left: 10px;}
.guide2 ul li::before {content: "·"; position:absolute; left: 3px; font-weight: bold;}















/* 조합소개 */
.con1_2 .top {max-width: 1400px; height: 240px; margin: 0 auto 50px; padding: 20px 420px 0 50px; background: url(/img/contents/01/con1_2_top.png) no-repeat 95% top/auto;}
.con1_2 .top b {display: block; margin-bottom: 15px; font-size: 3.4rem;}
.con1_2 .dl_wrap {width: 100%; margin-bottom: 80px; padding: 60px 0; background: #f6f9fa;}
.con1_2 .dl_wrap dl {max-width: 1400px; margin: 0 auto; padding: 0 50px;}
.con1_2 .dl_wrap dl dt {width: 100%; margin-bottom: 60px; font-weight: bold; font-size: 3.4rem;}
.con1_2 .dl_wrap dl dt span {color: #2277be;}
.con1_2 .dl_wrap dl dd {display: inline-block; width: 33%; padding: 140px 40px 10px; border-right: 1px solid #dfdfdf; text-align: center; vertical-align: top;}
.con1_2 .dl_wrap dl dd.dd1 {border-left: 1px solid #dfdfdf; background: url(/img/contents/01/con1_2_img1.png) no-repeat 50% 20px;}
.con1_2 .dl_wrap dl dd.dd2 {background: url(/img/contents/01/con1_2_img2.png) no-repeat 50% top;}
.con1_2 .dl_wrap dl dd.dd3 {background: url(/img/contents/01/con1_2_img3.png) no-repeat 50% top;}
.video_wrap { max-width: 1300px; margin: 0 auto 100px; }
.video_wrap iframe {width: 100%; height: 600px; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.4);}

@media all and (max-width: 1000px) {
	.con1_2 .top {height:auto; padding:160px 20px 0; background-position: 50% 0; background-size:250px;}
	.con1_2 .top b {margin-bottom: 10px; font-size: 2.5rem;}
	.con1_2 .dl_wrap {padding: 40px 0 25px;}
	.con1_2 .dl_wrap dl {padding: 0 20px;}
	.con1_2 .dl_wrap dl dt {margin-bottom: 20px; font-size: 2.5rem;}
	.con1_2 .dl_wrap dl dd {width: 100%; min-height: 150px; margin-bottom: 15px; padding:100px 20px 20px; text-align: left; border-right:none; border-radius: 25px;}
	.con1_2 .dl_wrap dl dd.dd1 {background-color: #fff; border-left:none; background-position: 50% 30px; background-size:100px;}
	.con1_2 .dl_wrap dl dd.dd2 {background-color: #fff; background-position: 50% 20px; background-size:120px;}
	.con1_2 .dl_wrap dl dd.dd3 {background-color: #fff; background-position: 50% 15px; background-size:80px;}
}

/* 연혁/조직 */
.con1_3 {width: 100%;}
.con1_3 > div {max-width: 1400px; margin: 0 auto;}
.con1_3 div.history {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 50px;}
.con1_3 div.history::before { content:""; position: absolute;	top: 5px; left: 50%; transform: translate(-50%, 0%); width:1px; height:100%; border-left: 2px solid #e4e9ea; z-index: -1;}
.con1_3 div.history > div {display: table; width: 50%; height: 100%; margin-bottom:50px; padding-top: 25px;}
.con1_3 div.history > div:nth-child(odd) {margin-left: 50%; padding-left: 30px;}
.con1_3 div.history > div:nth-child(even) {text-align: right; padding-right: 30px;}
.con1_3 div.history > div h4 {position: absolute; display: block; width: 250px; color: #e4e9ea; font-size:8rem; font-weight: bold; letter-spacing: 0; }
.con1_3 div.history > div:nth-child(odd) h4  {left:50%; transform:translateX(-247px); text-align:right;}
.con1_3 div.history > div:nth-child(even) h4 {left:50%; transform:translateX(-3px); text-align:left;}
.con1_3 div.history > div ul {position: relative;}
.con1_3 div.history > div:nth-child(odd) ul::before,
.con1_3 div.history > div:nth-child(even) ul::before {content:""; position: absolute; top:-30px; left: -40px; width:10px; height:10px; background: #fff; border: 5px solid #2277be; border-radius: 50%; z-index: 1;}
.con1_3 div.history > div:nth-child(even) ul::before {left: auto; right: -40px;}
.con1_3 div.history > div li {margin-bottom: 15px;}
.con1_3 div.history > div li img {margin: 10px 0 15px;}
.con1_3 div.history > div li b {width: 27px; padding-top: 5px; font-weight: bold; color: #444; letter-spacing: 0;}
.con1_3 div.history > div:nth-child(odd) li b {float: left; margin-right: 7px;}
.con1_3 div.history > div:nth-child(even) li b {float: right; margin-left: 7px;}
.con1_3 div.history > div:nth-child(odd) li b::after {content: ".";}
.con1_3 div.history > div:nth-child(even) li b::before {content: ".";}


@media all and (max-width: 1000px) {
	.con1_3 > div {padding: 0 20px;}
	.con1_3 div.history::before { top: 50px; left: 19px; transform: translate(0, 0%);}
	.con1_3 div.history > div {width: 100%; margin-bottom:30px;}
	.con1_3 div.history > div:nth-child(odd) {margin-left: 0; }
	.con1_3 div.history > div:nth-child(even) {text-align: left; padding-left: 30px; padding-right: 0;}
	.con1_3 div.history > div h4 {position:relative; width: 100%; font-size:5.5rem;}
	.con1_3 div.history > div:nth-child(odd) h4,
	.con1_3 div.history > div:nth-child(even) h4 {left:0; transform:translateX(-0); text-align:left;}

	.con1_3 div.history > div:nth-child(odd) ul::before,
	.con1_3 div.history > div:nth-child(even) ul::before {top:-45px; left: -40px;}
	.con1_3 div.history > div:nth-child(even) ul::before {left: -40px; right:inherit;}

}


.con1_3 div .stit {text-align: center;}
.con1_3 div .stit b {display: block; font-size: 3rem; font-weight: bold; color: #2277be;}
.con1_3 div.organ  {position: relative; margin: 40px auto 0; text-align: center;}
.con1_3 div.organ span { font-size: 2rem; color: #fff;}
.con1_3 div.organ1 {position: relative; width: 150px; height: 150px; margin: 0 auto 35px; padding: 45px 20px 0; color: #fff; border-radius: 50%; background: #2277be;}
.con1_3 div.organ1 span {display: table; width: 100%; margin-bottom: 7px; padding-bottom: 7px; font-size: 2.4rem; border-bottom: 1px dashed rgba(255, 255, 255, 0.4);;}
.con1_3 div.organ2,
.con1_3 div.organ3 {position: relative; left:50%; transform:translateX(50px); display: table; padding:10px 22px; border: 1px solid #18a8bd; border-radius: 40px;}
.con1_3 div.organ2 {transform:translateX(50px); margin-bottom: 5px; background: linear-gradient(to left, #fff 54%, #18a8bd 46%);}
.con1_3 div.organ2 span { margin-right: 25px;}
.con1_3 div.organ3 {transform:translateX(-275px); background: linear-gradient(to right, #fff 52%, #18a8bd 48%);}
.con1_3 div.organ3 span { margin-left: 25px;}
.con1_3 div.organ4 {position: relative; margin-top: 35px;}
.con1_3 div.organ4 div {width: 150px; height: 150px; margin: 0 auto 35px; padding: 65px 20px 0; font-size: 2rem; color: #fff; border-radius: 50%; background: #5892c8;}
.con1_3 div.organ4 ul {margin: 50px auto 0;}
.con1_3 div.organ4 ul li { position: relative; display: inline-block; width: 170px; margin-left: 100px; padding:20px 22px 15px; border: 1px solid #7aa8d2; border-radius: 40px;
	background: linear-gradient(to top, #fff 50%, #7aa8d2 50%);}
.con1_3 div.organ4 ul li span {display:block; margin-bottom: 20px;}
.con1_3 div.organ4 ul li:first-child { margin-left: 0;}
.con1_3 div.organ1::before {content: ""; position: absolute; top:0;	left:50%; transform:translateX(-50%); width: 1px; height: 600px;	border-left: 1px solid #d6d6d6; z-index: -1;}
.con1_3 div.organ2::before {content: ""; position: absolute; top:50%;	left: -51px; width: 50px; height: 1px;	border-top: 1px solid #d6d6d6; z-index: -1;}
.con1_3 div.organ3::before {content: ""; position: absolute; top:50%;	right: -51px; width: 50px; height: 1px;	border-top: 1px solid #d6d6d6; z-index: -1;}
.con1_3 div.organ4::before {content: ""; position: absolute; top:75px; left: 50%; transform:translateX(-50%); width: 546px; height: 1px;	border-top: 1px solid #d6d6d6; z-index: -1;}
.con1_3 div.organ4 ul li::before {content: ""; position: absolute; bottom:0; left:50%; transform:translateX(-50%); width: 1px; height: 230px;	border-left: 1px solid #d6d6d6; z-index: -1;}

.banner_wrap {width: 100%; margin-top: 80px; padding: 70px 50px 50px; background: #fafafa;}
.banner_wrap > div {max-width: 1400px; margin: 0 auto 40px;}
.banner_wrap .stit {margin-bottom: 15px; font-size: 3rem; font-weight: bold;}
.banner_wrap .stit b {display: block; color: #2277be; letter-spacing: -2px;}
.banner_wrap > div img {display:inline-block; margin: 10px 10px 10px 0; padding: 10px 0; background: #fff; border: 1px solid #e4e4e4; border-radius: 40px;}

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

/* 소셜미션 */
.con1_4 .top {max-width: 1400px; height: 240px; margin: 0 auto 50px; padding: 20px 420px 0 50px; background: url(/img/contents/01/con1_4_top.png) no-repeat 95% top/auto;}
.con1_4 .top > b {display: block; margin-bottom: 20px; font-size: 3.4rem;}
.con1_4 .top > b span {color: #2277be;}
.con1_4 .top > p {margin-bottom: 15px; font-size: 2.5rem;}
.con1_4 .dl_wrap {width: 100%; padding: 60px 0 100px; background: #f6f9fa;}
.con1_4 .dl_wrap dl {max-width: 1400px; margin: 0 auto; padding: 0 50px;}
.con1_4 .dl_wrap dl dt {width: 100%; margin-bottom: 60px; font-weight: bold; font-size: 3.4rem;}
.con1_4 .dl_wrap dl dt span {color: #2277be;}
.con1_4 .dl_wrap dl dd {display: inline-block; width: 24.8%; padding: 155px 40px 10px; border-right: 1px solid #dfdfdf; text-align: center; vertical-align: top;}
.con1_4 .dl_wrap dl dd b {display:block; margin-bottom: 7px; font-size: 2.3rem; font-weight:bold; letter-spacing: -2px;}
.con1_4 .dl_wrap dl dd.dd1  {border-left: 1px solid #dfdfdf; background: url(/img/contents/01/con1_4_img1.png) no-repeat 50% top;}
.con1_4 .dl_wrap dl dd.dd2  {background: url(/img/contents/01/con1_4_img2.png) no-repeat 50% 8px;}
.con1_4 .dl_wrap dl dd.dd3  {background: url(/img/contents/01/con1_4_img3.png) no-repeat 50% top;}
.con1_4 .dl_wrap dl dd.dd4  {background: url(/img/contents/01/con1_4_img4.png) no-repeat 50% top;}

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

/* 1_5 시설안내 */
.con1_5 {
	font-size: 0;
	background-image:url('/img/contents/01/con1_5_bg_l.png'), url('/img/contents/01/con1_5_bg_r.png');
	background-size:auto, auto;
	background-position:left bottom ,right bottom;
	background-repeat:no-repeat;
}
.con1_5 .rooms_wrap {width: 1400px; margin: 0 auto 50px; padding-bottom: 70px;}
.rooms_tab { display: inline-block; width: 23%; padding-top:115px; text-align: center; vertical-align: top; background: url(/img/contents/01/con1_5_tit.png) no-repeat 0 0/100%;}
.rooms_tab button {	width: 95px; height: 95px;	margin: 7px 5px; border-radius: 50%; background: #b8bdc0; font-size: 1.6rem;	vertical-align: top; color: #fff;
	cursor: pointer;}
.rooms_tab button.on {background: #1d70b6;}
.slider_type1_wrap {display: inline-block; width: 77%;}

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

}

/* 1_6 오시는길 */
.info_wrap {display: table; margin: 0 auto; padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.info_wrap dl { display: inline-block; margin-left: 150px;}
.info_wrap dl:first-child { margin-left: 0;}
.info_wrap dl dt {margin-bottom: 5px; font-size: 3rem; font-weight: bold; color: #1d70b6; }
.map_wrap  {clear:both; overflow: hidden; width: 100%; max-width: 1300px; margin: 50px auto 0; box-shadow: 0 30px 30px -30px #666; }

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

/* 2_1 사업안내 */
.con2 .top {height:215px; margin-bottom: 70px; padding: 20px 520px 0 0; background: url(/img/contents/02/con2_1_img1.png) no-repeat 95% top/auto;}
.con2 .top h4 {margin-bottom: 15px;}
.con2 .top h4,
.con2 dl dt {margin-bottom: 5px; font-size: 3rem; font-weight: bold;}
.con2 .top h4 b,
.con2 dl dt b {color: #2277be; letter-spacing: -2px;}
.con2 .top3 h4 {margin-bottom: 15px; display: block;}
.con2 .top3 h4 b {display: block;}
.con2 .top3 b.point {background: linear-gradient(to bottom, rgba( 255, 255, 255, 0 ) 50%, #fffead 50%);}
.con2 .top3 img  {display: block; margin-top: 7px;}
.con2 dl {position: relative; display: inline-block; width: 44%; margin-right: 5%; margin-bottom: 70px; vertical-align: top;}
.con2 dl:last-child {margin-bottom: 0;}
.con2 dl:nth-child(odd) {margin-right: 0; margin-left: 5%;}
.con2 dl:nth-child(odd)::before {content: ""; position: absolute; bottom:0; left: -10%; width: 1px; height: 100%; border-left: 1px solid #d6d6d6; z-index: -1;}
.con2 ul li {position: relative; margin-bottom: 10px; padding-left: 17px;}
.con2 ul li::before {content: "·"; position: absolute; left: 5px; top:-10px; font-size: 30px; color:#2277be;}
.con2 dl.w100 {width: 100%; margin-right: 0; margin-left: 0;}
.con2 dl.w100::before {display: none;}

.con2 .top2_1,
.con2 .top2_2 {height:auto; margin-bottom: 35px; padding: 250px 0 0 0; text-align: center;}
.con2 .top2_1 {background: url(/img/contents/02/con2_2_img1.png) no-repeat 50% top;}
.con2 .top2_2 {background: url(/img/contents/02/con2_2_img2.png) no-repeat 50% top;}
.con2 .bg_wrap {width: 100%; padding: 70px 0; background: #f6f9fa;}
.con2 .bg_wrap > div {width: 100%; max-width: 1300px; margin: 0 auto;}

.con2 .bg_wrap h4,
.con2 .coffee_wrap h4,
.con2 .partner_wrap h4 {margin-bottom: 5px; font-size: 3rem; font-weight: bold;}

.con2 .coffee_wrap h4 b,
.con2 .bg_wrap h4 b,
.con2 .partner_wrap h4 b {color: #2277be; letter-spacing: -2px;}

.con2 .bg_wrap > div dl:last-child {margin-bottom: 0;}
.con2 .bg_wrap > div dl:nth-child(odd) {margin-right: 5%; margin-left:0;}
.con2 .bg_wrap > div dl:nth-child(odd)::before {display: none;}
.con2 .bg_wrap > div dl:nth-child(even) {margin-right: 0; margin-left: 5%;}
.con2 .bg_wrap > div dl:nth-child(even)::before {content: ""; position: absolute; bottom:0; left: -10%; width: 1px; height: 100%; border-left: 1px solid #c6ced0; z-index:1;}
.con2 .bg_wrap ul {position: relative; margin-top:20px;}
.con2 .bg_wrap ul li {position: relative; display: inline-block; width: 30%; margin: 0 0 0 4%; padding: 170px 20px 40px; vertical-align: top; text-align: center; border-radius: 30px;
	background-color: #e2e5e9; background-position: center 70px; background-repeat: no-repeat; }
.con2 .bg_wrap ul li span.stit {position: absolute; display: block; top:30px; left: 0; font-size: 1.8rem; font-family: inherit; color: #444;}
.con2 .bg_wrap ul li span {width: 100%;}
.con2 .bg_wrap ul li span:nth-child(2) {position: relative; font-size: 2.2rem; color: #845316;}
.con2 .bg_wrap ul li span:nth-child(2)::before {content: ""; position: absolute; bottom:0; left: 0; width: 100%; height: 1px; border-top: 1px solid #845316;}

.con2 .bg_wrap ul li span.end {display: block; width: 100%; font-size: 1.6rem; font-family: inherit; color: #444;}
.con2 .bg_wrap ul li::before {display: none;}
.con2 .bg_wrap ul li:nth-child(3n+1) {margin-left: 0;}
.con2 .bg_wrap ul li:nth-child(-n+3) {margin-bottom: 50px;}
.con2 .bg_wrap ul li:nth-child(1) {background-image: url(/img/contents/02/con2_3_ico11.png)}
.con2 .bg_wrap ul li:nth-child(2) {background-image: url(/img/contents/02/con2_3_ico12.png)}
.con2 .bg_wrap ul li:nth-child(3) {background-image: url(/img/contents/02/con2_3_ico13.png)}
.con2 .bg_wrap ul li:nth-child(4) {background-image: url(/img/contents/02/con2_3_ico14.png)}
.con2 .bg_wrap ul li:nth-child(5) {padding-bottom: 64px;background-image: url(/img/contents/02/con2_3_ico15.png)}
.con2 .bg_wrap ul li:nth-child(6) {padding-bottom: 64px; background-image: url(/img/contents/02/con2_3_ico16.png)}

.con2 .coffee_wrap {max-width: 1300px; margin: 70px auto;}
.con2 .coffee_wrap h4 span {display: block; font-family:'Noto Sans KR'; font-size: 1.8rem; font-weight: normal;}
.con2 .coffee_wrap img {margin: 30px;}
.con2 .coffee_wrap ul {position: relative; margin-top:40px; font-size: 0;}
.con2 .coffee_wrap ul li {position: relative; display: inline-block; width: 20%; min-height: 270px; margin: 0; padding: 225px 20px 15px; font-size: 1.8rem; border-right: 1px solid #dedede; vertical-align: top; text-align: center; }
.con2 .coffee_wrap ul li span {position: absolute; top:0; left: 50%; transform:translateX(-50%); width: 60px; height: 60px; margin-top: 10px; padding-top: 16px; font-size:1rem; border-radius: 50%; color: #fff; background: #845316;  line-height:15px; letter-spacing: 0;}
.con2 .coffee_wrap ul li:nth-child(even) span {background: #9f7848;}
.con2 .coffee_wrap ul li span > b {display: block; font-size:2.2rem; line-height:18px; letter-spacing: 0.5px;}
.con2 .coffee_wrap ul li > b {display: block; width: 100%; font-size: 2.2rem; color: #845316;}
.con2 .coffee_wrap ul li::before {display: none;}
.con2 .coffee_wrap ul li:nth-child(1) {border-left: 1px solid #dedede; background: url(/img/contents/02/con2_3_ico21.png) no-repeat 50% 105px;}
.con2 .coffee_wrap ul li:nth-child(2) {background: url(/img/contents/02/con2_3_ico22.png) no-repeat 50% 85px;}
.con2 .coffee_wrap ul li:nth-child(3) {background: url(/img/contents/02/con2_3_ico23.png) no-repeat 50% 85px;}
.con2 .coffee_wrap ul li:nth-child(4) {background: url(/img/contents/02/con2_3_ico24.png) no-repeat 50% 85px;}
.con2 .coffee_wrap ul li:nth-child(5) {background: url(/img/contents/02/con2_3_ico25.png) no-repeat 50% 80px;}

.con2 .partner_wrap {max-width: 1300px; margin: 60px auto 100px;}
.con2 .partner_wrap h4 span {display: block; font-family:'Noto Sans KR'; font-size: 1.8rem; font-weight: normal;}
.con2 .partner_wrap img {margin: 30px;}
.con2 .partner_wrap dt {margin: 27px 0 0; font-size: 2.7rem;}
.con2 .partner_wrap dt:first-child {margin: 5px 0 0 0;}
.con2 .partner_wrap dd {margin-bottom: 5px;}
.con2 .partner_wrap dd span {margin-right: 5px; padding: 0 6px 2px; font-size: 1.7rem; color: #fff; background: #999; }
.con2 .partner_wrap dd span.bg1 {background: #f299a7;}
.con2 .partner_wrap dd span.bg2 {background: #5cc9ab;}
.con2 .partner_wrap dd span.bg3 {background: #bfa5d1;}
.con2 .partner_wrap dd span.bg4 {background: #8aaed0;}
.con2 .partner_wrap table {max-width: 50%; float: right; margin-top: 20px;}
.con2 .partner_wrap dl:nth-child(odd) {margin-left: 30px;}
.con2 .partner_wrap dl:nth-child(odd)::before { left: -30px;}

.con2 .top2 {background: url(/img/contents/02/con2_2_img1.png) no-repeat 95% top/auto;}
.con2 .top3 {max-width: 1300px; height:auto; margin: 0 auto 70px; padding-right: 600px; background: url(/img/contents/02/con2_3_img1.png) no-repeat right 50%/contain;}
.con2 .top3_bg2 {background: url(/img/contents/02/con2_3_img2.png) no-repeat right bottom/contain;}
.con2 .top3 h4 {margin-bottom: 15px; display: block;}
.con2 .top3 h4 b {display:inline;}
.con2 .top3 img  {display: block; margin-top: 7px;}

.con2 .project_wrap {width: 100%; padding: 0 0 70px; background: #f6f9fa;}
.con2 .project1 {width: 100%; max-width: 1300px; margin: 0 auto;}
.con2 .project1 h4 {display: table; margin-bottom: 40px; padding: 17px 35px 10px; font-size: 2.7rem; font-weight: bold; color: #fff; background: #e46750; border-radius:0 0 40px 40px;}
.con2 .project1 p.stit b {display: table; font-size: 2.5rem; margin-bottom: 5px;}
.con2 .project1 p.stit img {display: block; margin-top: 10px;}
.con2 .project1 h5 {display: table; margin-top: 50px; margin-bottom: 5px; font-size: 2.5rem; font-weight: bold;}
.con2 .project1 h5 b {color: #e46750; letter-spacing: -2px;}
.con2 .project1 ul {position: relative; margin-top:20px;}
.con2 .project1 ul li {position: relative; display: inline-block; width: 16%; margin: 0; padding: 150px 20px 0; vertical-align: top; text-align: center; font-size: 1.6rem;
background-position: center 45px; background-repeat: no-repeat;}
.con2 .project1 ul li b {display: block; width: 100%; margin-bottom: 15px; text-align: center; font-size: 2.1rem; color: #e46750;}
.con2 .project1 ul::before {content: " "; position: absolute; left: 50%; top:8px; transform:translateX(-50%); width: 100%; height: 1px; background:#e46750;}
.con2 .project1 ul li::before {content: " "; position: absolute; left: 50%; top:0; transform:translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background:#e46750;}
.con2 .project1 ul li:nth-child(1) {background-image: url(/img/contents/02/con2_3_ico1.png)}
.con2 .project1 ul li:nth-child(2) {background-image: url(/img/contents/02/con2_3_ico2.png)}
.con2 .project1 ul li:nth-child(3) {background-image: url(/img/contents/02/con2_3_ico3.png)}
.con2 .project1 ul li:nth-child(4) {background-image: url(/img/contents/02/con2_3_ico4.png)}
.con2 .project1 ul li:nth-child(5) {background-image: url(/img/contents/02/con2_3_ico5.png)}
.con2 .project1 ul li:nth-child(6) {background-image: url(/img/contents/02/con2_3_ico6.png)}
.con2 .project1 p a {display: table; margin: 7px 0; padding: 17px 80px 17px 35px; color: #fff; font-weight: 400; background:#e46750 url(/img/contents/02/con2_3_download.png) no-repeat 90% 50%/47px}

@media all and (max-width: 1000px) {
	.con2 .top {height:auto; margin-bottom: 50px; padding:150px 20px 0; background-position: 50% 0; background-size:250px;}
	.con2 .top br {display: none;}
	.con2 .top h4,
	.con2 dl dt {font-size:2.5rem;}
	.con2 dl {width: 100%; margin-right: 0; margin-bottom: 50px;}
	.con2 .bg_wrap > div dl:nth-child(even) {margin-right: 0; margin-left: 0; padding: 0 20px;}
	.con2 .bg_wrap > div dl:nth-child(odd)  {margin-right: 0; margin-left: 0; padding: 0 20px;}
	.con2 dl:nth-child(odd) {margin-left: 0;}
	.con2 dl:nth-child(odd)::before {display: none;}
	.con2 .bg_wrap h4 {padding: 0 20px;}
	.con2 .bg_wrap ul {padding: 0 20px;}
	.con2 .bg_wrap ul li {width: 100%; margin: 0 0 0 0;}
	.con2 .bg_wrap ul li:nth-child(-n+5) {margin-bottom: 30px;}
	.con2 .bg_wrap ul li:nth-child(5) {padding-bottom: 35px; background-image: url(/img/contents/02/con2_3_ico15.png)}
	.con2 .bg_wrap ul li:nth-child(6) {padding-bottom: 35px; background-image: url(/img/contents/02/con2_3_ico16.png)}
	.con2 .coffee_wrap {padding: 0 20px;}
	.con2 .coffee_wrap ul {margin-top:30px;}
	.con2 .coffee_wrap ul li {width: 100%; border-right: none; border-bottom: 1px solid #dedede;}
	.con2 .coffee_wrap ul li span {top:10px;}
	.con2 .coffee_wrap ul li:nth-child(1) {border-left: none; border-top: 1px solid #dedede; background-position: 50% 110px;}
	.con2 .coffee_wrap ul li:nth-child(2) { background-position: 50% 90px;}
	.con2 .coffee_wrap ul li:nth-child(3) { background-position: 50% 95px;}
	.con2 .coffee_wrap ul li:nth-child(4) { background-position: 50% 95px;}
	.con2 .coffee_wrap ul li:nth-child(5) { background-position: 50% 90px;}
	.con2 .partner_wrap {padding: 0 20px;}
	.con2 .partner_wrap img {width: 100%; margin: 20px 0 40px 0;}
	.con2 .partner_wrap dl:nth-child(odd) {margin-left: 0;}
	.con2 .partner_wrap dl:nth-child(odd)::before {display: none;}

	.con2 .project_wrap {padding: 0 20px 70px;}
	.con2 .project1 ul li {width: 100%; padding: 40px 20px 40px 140px; background-position: 25px 50%; text-align: left;}
	.con2 .project1 ul li b {display: block; width: 100%; margin-bottom: 5px; text-align: left; font-size: 2.1rem; color: #e46750;}
	.con2 .project1 ul::before {left: 10px; top:0; width: 1px; height: 100%;}
	.con2 .project1 ul li::before {content: " "; position: absolute; left: 10px; top:48%; transform:translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background:#e46750;}
	.con2 .project1 ul li:nth-child(1) {background-image: url(/img/contents/02/con2_3_ico1.png)}
	.con2 .project1 ul li:nth-child(2) {background-image: url(/img/contents/02/con2_3_ico2.png)}
	.con2 .project1 ul li:nth-child(3) {background-image: url(/img/contents/02/con2_3_ico3.png)}
	.con2 .project1 ul li:nth-child(4) {background-image: url(/img/contents/02/con2_3_ico4.png)}
	.con2 .project1 ul li:nth-child(5) {background-image: url(/img/contents/02/con2_3_ico5.png)}
	.con2 .project1 ul li:nth-child(6) {background-image: url(/img/contents/02/con2_3_ico6.png)}
	.con2 .project1 p a {display: table; margin: 7px 0; padding: 17px 80px 17px 35px; color: #fff; font-weight: 400; background:#e46750 url(/img/contents/02/con2_3_download.png) no-repeat 90% 50%/47px}

}

/* 기부 */
.con4_1 {position:relative; width: 100%; max-width: 1300px; margin: 0 auto 100px;}
.con4_1 p  {font-weight: 500; margin: 0 0 50px; color: #555;}
.con4_1 table + p  {}
.con4_1 h4 {margin-bottom: 7px; font-size:3rem; font-weight: bold;}
.con4_1 h4 b {color: #2277be;}
.info_table table th input[type=checkbox] { width: 15px; height: 15px; margin: 0 4px 0 0;}
.info_table table td input[type=checkbox] { width: 15px; height: 15px; margin: 0 4px 0 12px;}
.info_table table td input[type=checkbox]:first-child { margin: 0 4px 0 0;}
.info_table table td input[type=text] { padding: 5px 15px; border: 1px solid #ddd; border-radius: 7px; font-size: 1.6rem;}
.info_table table td input[type=text]::placeholder {color: #c8c8c8; letter-spacing: -1px;}
.info_table table td textarea {width: 100%; height: 220px; padding: 15px; font-size: 1.6rem; font-family: 'Noto Sans KR'; border: 1px solid #ddd; border-radius: 7px; background: #f6f7fa;}
.info_table table td textarea::placeholder {color: #c8c8c8; letter-spacing: -1px;}

.info_table .tbl2 {margin-bottom:50px;}
.info_table .mB07 {margin-bottom:7px;}
.info_table .tbl2 tbody th {text-align: center; font-weight: 500; padding: 15px; background: #f6f7fa;}
.info_table .tbl2 tbody th span {color: #ea5724; margin-right: 3px;}
.info_table .tbl2 tbody td {text-align: left;}
.info_table .tbl2 ul {font-size: 1.6rem;}
.info_table .tbl2 ul li {position: relative; margin: 5px 0; padding-left: 12px;}
.info_table .tbl2 ul li::before { content: "·";	position: absolute;	top: 0;	left: 0; font-size: 2rem; font-weight: 500; vertical-align: top;}

@media ( max-width: 1000px ) {
	.con4_1 {padding-bottom: 70px; background:none;}
	.con4_1 p  {position: relative; top:-45px; margin-bottom: 0; }
	.con4_1 div.tab {text-align: center;}
	.con4_1 div.tab a {width: 40%;}
}



/* table */
.tbl1 {	width: 100%; max-width: 1300px;	margin: 0 auto;	border-top: 2px solid #444; text-align: center;}
.tbl1 thead th {background: #4b95d2; color: #fff; font-weight: 500; border-left: 1px solid rgba(0, 0, 0, 0.14);}
.tbl1 th, .tbl1 td {font-weight: normal; padding: 12px; border-left: 1px solid rgba(0, 0, 0, 0.14);}
.tbl1 th:first-child, .tbl1 td:first-child {border-left: 0;}
.tbl1 tfoot td {background: #fffae2;}
.tbl1 tr {border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
.tbl1 tr:nth-child(even) {background: #f8f8f8;}
.tbl1 .taL {text-align: left;}

/* table */
.tbl2 {	width: 100%; max-width: 1300px;	margin: 0 auto;	border-top: 2px solid #444; text-align: center;}
.tbl2 thead th {background: #9ec2df; color: #fff; font-weight: 500; border-left: 1px solid rgba(0, 0, 0, 0.14);}
.tbl2 thead tr {border-bottom: 1px solid rgba(0, 0, 0, 0.7);}
.tbl2 th, .tbl2 td {font-weight: normal; padding: 10px 12px; border-left: 1px solid rgba(0, 0, 0, 0.14);}
.tbl2 th:first-child, .tbl2 td:first-child {border-left: 0;}
.tbl2 tfoot td {background: #fffae2;}
.tbl2 tr {border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
.tbl2 .taL {text-align: left;}
.tbl2 th.borL,
.tbl2 td.borL {border-left: 1px solid rgba(0, 0, 0, 0.14);}
.tbl2 tr.tr_bor {border-bottom: 1px solid rgba(0, 0, 0, 0.7);}
.tbl2 td.bg1 {background: #fcf2f4;}
.tbl2 td.bg2 {background: #f4fffc;}
.tbl2 td.bg3 {background: #fbf4ff;}
.tbl2 td.bg4 {background: #f4faff;}

/* 하단/이용안내 */
.guideWrap { width: 100%; max-width: 1300px; padding: 80px 0; margin: 0 auto; line-height: 160%;}
.guideWrap h6 {padding: 20px 0 15px; font-size: 2.5rem; font-weight:bold; letter-spacing: -2px;}
.guideWrap h6:first-child {padding-top: 0;}
.guideWrap b { font-weight: 500;}
.guideWrap > p { margin-bottom:20px; }
.guideWrap > p span.bold { font-weight:500; }
.chapter { margin-bottom:25px; background:#fafafa; padding:15px 20px; border:1px solid #eee; border-radius: 20px;}
.chapter dl { margin-top: 20px; margin-bottom: 20px;}
.chapter dl:first-child { margin-top: 0;}
.chapter dl:last-child { margin-bottom: 0;}
.chapter dl dt { font-size: 1.9rem; color: #444; font-weight:bold; letter-spacing: -1px;}

/* 로그인 */
.loginWrap {width: 90%; max-width: 500px; height: auto; margin: 70px auto; padding: 50px; text-align: center;}
.loginWrap h2 {width: 90%; max-width: 340px; display: table; margin: 0 auto 30px; text-align: center; color: #1c1f53; font-weight: bold; font-size: 3.7rem;}
.loginWrap input {width: 90%; max-width: 340px; height: 40px; margin: 7px 0; padding: 10px 20px; font-size: 1.5rem; font-weight: bold; background: #f2f2f2; border-radius: 25px; border: none;}
.loginWrap input::placeholder {color: #999; font-weight: bold;}
.loginWrap a.login_btn {display: block; width: 90%; max-width: 340px; margin: 10px auto; padding: 15px; font-size: 1.6rem; color: #fff; background: #1c1f53; border-radius: 25px;}

.loginWrap ul.login_sns {clear:both; display: table; margin: 40px auto 0;}
.loginWrap ul.login_sns li {display:inline-block; margin: 0 10px; color: #fff; text-align: center;}
.loginWrap ul.login_sns li a {display: block; width: 130px; height: 130px; padding-top: 60px; border-radius: 50%; line-height: 110%;}
.loginWrap ul.login_sns li a.login_naver {background: #23c300 url(/img/comm/login_naver.png) no-repeat 50% 24%;}
.loginWrap ul.login_sns li a.login_kakao {background: #f9d300 url(/img/comm/login_kakao.png) no-repeat 50% 24%;}

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