/**********************************
Subpage
***********************************/
figure img.img-responsive{margin:0 auto;}

figure figcaption{padding:15px 0;text-align: center;font-size: 18px;color: #101012;}

.subcontent {
	min-height: 300px;
	padding-bottom: 80px;

}
.sub-cont-tit {
	font-family: "NanumSquare", sans-serif; 
	font-size: 30px;
	font-weight: 700;
	position: relative;
	padding-bottom:25px;
	color: #000;
}
.sub-cont-tit:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 1px;
	background: #71bf44;
}

.title_container {padding: 60px 0;}
#aside + .title_container {padding: 20px 0 60px;}
.subcontent section.subcontent_section {padding: 0;}


@media screen and (max-width:767px){
#aside + .title_container {padding: 40px 0 60px;}

}
/*tab_menu*/
 #tab_menu.tab_menu {
	position:relative;
	width:1230px;
	border-top:none;
	left:0;
	top:-33px;
	margin:0 auto;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab {
	width:100%;
	display:table;
	table-layout:fixed;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab li {
	text-align:center;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fff;
	display:table-cell;
	vertical-align: middle;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab li:first-child {
	border-left:1px solid #dedede;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab li.tab_on {
	background:#f16623;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab li.tab_on > a {
	color:#fff;
}

 #tab_menu.tab_menu #sub-menu .sub_m-tab li > a {
	display:block;
	padding:20px 10px;
}

@media only screen and (max-width: 850px) {
	 #tab_menu.tab_menu {
		display:none;
	}
}

@media only screen and (max-width: 1230px) {
	.subcontent {
		width:100%;
	}
	 #tab_menu.tab_menu {
		width:100%;
	}
}



/* Slick Background image */
div.slick.subpage .slick_col{background-position: center center;}
div.slick.subpage.company .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-company.jpg');}
div.slick.subpage.major_activities .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-major_activities.jpg');}
div.slick.subpage.activity .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-activity.jpg');}
div.slick.subpage.data_room .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-data_room.jpg');}
div.slick.subpage.community .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-community.jpg');}
div.slick.subpage.membership .slick_col {background-image: url('/html/_skin/cosepa/img/sub/sub-vis-membership.jpg');}


div.slick.subpage div.slick_txt h1 {
	position: relative; 
	font-weight: 700;
	font-size: 42px;
	color: #fff; 
	background: rgba(0,0,0,.2);
	padding: 10px 22px 9px 20px;
 	line-height: 1;
}
div.slick.subpage div.slick_txt h1:after { display: none;}
div.slick.subpage .slick_col{display: table; width:100%; height: 224px;}

div.slick.subpage button.slick-next.slick-arrow,
div.slick.subpage button.slick-prev.slick-arrow,
div.slick.subpage ul.slick-dots {display: none ;}

section.sub_navigation{position: relative;background-color: #fbfbfb;border-bottom: 1px solid #dddddd;transition: all 1s;}
section.sub_navigation.fixed{z-index: 200;position: fixed;left:0;right:0;top:87px;margin:auto;transition: all 1s;}
section.sub_navigation nav.sub_nav ul{display: table;width:100%;table-layout: fixed;margin-bottom: 0;}
section.sub_navigation nav.sub_nav ul>li{display: table-cell;vertical-align: middle;position: relative;}
section.sub_navigation nav.sub_nav ul>li>a{display: block;position: relative;padding:15px 0;text-align: center;font-weight: 400;font-size: 20px;color: #888888;}
section.sub_navigation nav.sub_nav ul>li>a br{display: none;}
section.sub_navigation nav.sub_nav ul>li:not(:last-child)>a:after{position: absolute;right:0;top:50%;width:1px;height:20px;margin-top:-10px;background-color: #d5d5d5;content:'';}
section.sub_navigation nav.sub_nav ul>li.active>a{font-weight: 500;color: #f7941e;}
section.sub_navigation nav.sub_nav ul>li.active:before{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background-color: #f7941e;
	content:'';
}

section.content h2.sub_tit{position: relative;padding:0 0 20px;margin-bottom: 40px;font-weight: 500;font-size: 36px;line-height: 1.1;color: #222222;text-align: center;}
section.content h2.sub_tit:after{position: absolute;left:0;bottom:0;right:0;margin:auto;width:71px;height:1px;background-color: #b2b2b2;content:'';}
section.content h3{margin-top: 0;margin-bottom: 15px;font-weight: 500;font-size: 24px;color: #252525;}


/*common*/
#container  {
	position:relative;
	margin:0 auto;
}

#container  .underl-txt {
	text-decoration:underline;
}


.subcontent div h1 {
	font-size: 28px;
	word-break: break-word;
	font-weight: 400;
	margin-bottom: 20px;
}
.subcontent h1.pro-tab_head {font-size:40px; font-weight:400;}
.subcontent div th {padding:20px;}
.subcontent div th label {
	font-size: 16px;
	font-weight:700;
	} 

/*.subcontent div td input {height:50px;}	*/
.subcontent div th .board-wrap input, .board-wrap select textarea {font-size: 40px;}

 #wrap .defalt-btn a {
	width: 180px;
	padding: 10px 0;
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	background: linear-gradient(to left, #ff5300, #ffa00a);
	background: -webkit-linear-gradient(to left, #ff5300, #ffa00a);
	margin: 0 auto;
	border-radius: 50px;
}


.subcontent .index-tit h1 > span {
	color:#9f9f9f;
	font-size: 24px;
	font-weight: 400;
}

.subcontent .index-tit p.gradi-tit {
	padding:0;
	margin:0;
	font-size:60px;
	font-weight:700;
	line-height:1;
	color:#ff5300;
	background: gradient(linear,left top,left bottom, from(#ff5300), to(#ffa00a));
	background: -webkit-gradient(linear,left top,left bottom, from(#ff5300), to(#ffa00a));
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
}


.subcontent section .pro-div_tit h2 {
	font-size:40px;
	color:#5d2615;
	font-weight:700;
	margin-bottom:10px;
}

#main-content .subcontent section .pro-div_tit p {
	font-size:20px;
	font-weight:400;
	padding: 0 15px;
}

#main-content .subcontent section p.div-tit_sub-tit {
	font-weight:700;
	font-size:40px;
	word-break:break-word;
}

#main-content .subcontent section .div-tit_sub-tit span.num {
    width: 56px;
    height: 56px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #ff4e00;
    background: #fff;
    position: relative;
    display: inline-block;
    border-radius: 100%;
    line-height: 56px;
    margin-top: 100px;
		margin-bottom:30px;
	}

#main-content .subcontent section .div-tit_sub-tit span.num:after {
	position: absolute;
	top: -4px; 
	bottom: -4px;
	left: -4px; 
	right: -4px;
	background: linear-gradient(#f55b25, #e61a35);
	background: -weblit-linear-gradient(#f55b25, #e61a35);
	content: '';
	z-index: -1;
	border-radius: 100%;
}



/*pro-slick*/
div.slick.pro-slick .slick_col {
	background-image: inherit;
	text-align:center;
	height:auto;
}	

div.slick.pro-slick .slick_col .slick_txt {
	text-align:center;
}

div.slick.pro-slick .slick_col .slick_txt img {
	width: auto;
  margin: 0 auto;
}


#wrap div.slick.pro-slick .slick-prev {
	background: url('/html/_skin/solar/img/common/pro-slick_btn-left.png') no-repeat;
	left:14%;
}

#wrap div.slick.pro-slick .slick-next {
	background: url('/html/_skin/solar/img/common/pro-slick_btn-right.png') no-repeat;
	right:14%;
}




/*활동본부*/

#wrap .subcontent_section .board-wrap .category-tab { margin: 0 0;}



/*
company- 소개
*/

.subcontent_section.font-sq * {
	font-family: "NanumSquare", sans-serif; 
}


/* 설립목적 */

.content-txt-center {
	text-align: center;
	padding-bottom: 70px;
}
.content-txt-center h4 {
	font-weight:400;
	color: #000;
	margin-top: 0;
	line-height: 1.5em;
}
.content-txt-center h4 strong {
	color: #000;
}
/*bottom parttern*/
.bottom-pattern {
	position: relative;
}

.bottom-pattern:after {
	position: absolute;
	content:'';
	width: 100%;
	height: 8px;
	left: 0;
	bottom: 0;
  background: url('/html/_skin/cosepa/img/common/pattern.jpg')repeat;
}
/* //bottom parttern*/

.con-figure {
	margin-top: 120px;
	margin-left: -45px;
  margin-right: -45px;
}
.con-figure figure.col-md-4 {
	position: relative;
	padding-left: 45px;
	padding-right: 45px;
}
.con-figure figure img {
	width: 100%;
}
.con-figure figure figcaption { 
	position: absolute;
	width: 100%;
	top: -40px;
	left: 0;
	padding: 0;

} 
.con-figure figure figcaption h4 {
	display: inline-block;
	padding: 17px 40px 15px;
	background: #000;
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width:1200px){
	.con-figure figure.col-md-4 {
		padding-left: 15px; 
		padding-right: 15px;
	 }
	.con-figure {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media screen and (max-width:799px){
	.con-figure .col-md-4 {
			margin-bottom:70px;
	}
	.con-figure .col-md-4:last-child {
			margin-bottom:0;
	}
}
/* 인사말 */


#ceo_message .figure_align_middle {
	position: relative;
	width: 100%;
	height:362px;
	background: url('/html/_skin/cosepa/img/sub/company/ceo_message_vis_bg.jpg')no-repeat center center;
	background-size: cover;
}
.figure_align_middle figure {
	position: absolute;
	left: 12%;
	bottom: 0;
}
.figure_align_middle h4 {
	position:absolute;
	top: 50px;
	left: 45%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #555;
}

.ex-mark {
	position: relative;
	padding: 40px 0;
}
.ex-mark:before,
.ex-mark:after {
	position: absolute;
	content: '';
	width: 24px;
	height: 19px;
	left: 50%;
	transform: translateX(-50%);
}
.ex-mark:before {
	top: 0;
	background: url('/html/_skin/cosepa/img/common/ex-mark_top.png')no-repeat center center;
}
.ex-mark:after {
	bottom: 0;
	background: url('/html/_skin/cosepa/img/common/ex-mark_bottom.png')no-repeat center center;
}

.txt_in {
	padding: 60px 80px;
}
.txt_in.fz18 p {
	font-size:18px; color:#000;
}

@media screen and (max-width:900px){
	.txt_in {
		padding: 60px 20px;
	}
	.figure_align_middle figure {
    left: 0%;
	}
}
@media screen and (max-width:800px){

	.figure_align_middle h4 {
		font-size:18px;
	}
}
@media screen and (max-width:767px){
	#ceo_message .figure_align_middle {
		height: 600px;
		background-position: right -400px center;
	}
	.figure_align_middle h4 {
		left: 0;
		width: 100%;
	}

}


/*조직현황*/
figure.max-img {
	text-align: center;
}

#organization figure.max-img img {
	margin-right: 6px;
}

/* 정관안내 */
.constitution_in {
    font-family: "Nanum Gothic",sans-serif;
		padding: 0 10px;
}
.constitution_in h4 {font-size:18px; font-weight:600;}
.constitution_in p { font-size: 16px;}
.constitution_in .bottom-pattern { padding-top:20px; padding-bottom: 60px; }
span.indent10 {padding-left: 10px; display: block; font-size: 14px;}

/* 오시는 길 */
/*구글지도*/
body .gm-style .gm-style-iw *{ height: 100%!important;}
body .gm-style .gm-style-iw > div {padding-top:4px;}


/*address*/
.subcontent .address {
	display: table;
	margin: 0 auto 33px;
}
.subcontent .address li {
	display: inline-block;
	font-size: 18px;
	color: #444;
	margin-right: 20px;
	position: relative;
	padding-bottom:7px;
}
.subcontent .address li:last-child {margin-right: 0;}
.subcontent .address li span {
	color: #007dc0;
	font-weight:600;
	padding-left:20px;
	padding-right:10px;
}
.subcontent .address li:first-child span {
	padding-left:0;
}

.subcontent .address li:before {
	position:absolute;
	content:'/';
	top:0;
	left:0;
}
.subcontent .address li:first-child:before {
	display:none;
}

@media screen and (max-width:991px){
	.subcontent .address {
		display: block;
	}
	.subcontent .address li {
		display:block;
	}
	.subcontent .address li span {
		padding-left:0;
		padding-right:10px;
	}
	.subcontent .address li:before {
		display:none;
	}

}
@media screen and (max-width:767px){
	.subcontent .address li {
		font-size: 16px;
	}

}
@media screen and (max-width:500px){
	.subcontent .address li {
		font-size: 14px;
	}

}

/*
   //company- 소개
*/