@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:36px; font-weight:700; padding:8px 0px; margin-bottom:30px; line-height:1.3em; color:#000; word-break:keep-all;}
.h2_title_center b{color:#2a7c7a;}
.h2_title_center small{display:block; font-size:22px; font-weight:normal; color:#999; line-height:1.3em; padding:15px 0;}
.h2_title_center:after{content:'';display:block; width:100px; height:3px; background:#efefef; margin:15px auto;}

.cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; }
.cont_text_info{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; padding:20px; border:5px solid #efefef; clear:both; margin-bottom:15px; }
.cont_text_important{padding:8px 20px; border-left:5px solid #efefef; font-size:16px; color:#53803c; line-height:1.3em; }

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }

.hrDline{display:block; width:100%; border:0px; border-top:2px dashed #efefef; clear:both; height:30px; margin-top:30px;}

@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:15px; padding:5px 15px; border-left:2px solid #999; }

	.cont_text{font-size:13px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; }
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:12px; }
	.cont_text_info{font-size:12px; }
	.cont_text_important{font-size:13px; }
	
}


/* 서브 핑크블로썸 원형아이콘 박스 */
.figure_list{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0; overflow:hidden;}
.figure_list li{display:block; padding:20px 10px; width:25%; float:left;}
.figure_list li i{display:block; margin:0 auto 5px; border-radius:50%; font-size:50px; width:150px; height:150px; line-height:150px; background:RGBA(0,0,0,0.05); color:#000; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.figure_list li strong{display:block; color:#222; font-size:20px; padding:5px 0;}
.figure_list li span{display:block; color:#999; font-size:14px; font-style:normal; padding:5px 0;}
.figure_list li:hover i{transform: scale(1.1) rotate(360deg);}


.figure_list2 li{width:50%;}		/* 메인 핑크블로썸 원형아이콘 박스 2단 구성 시 figure_list2 클래스 추가 */
.figure_list3 li{width:33.333%;}	/* 메인 핑크블로썸 원형아이콘 박스 3단 구성 시 figure_list3 클래스 추가 */
.figure_list4 li{width:25%;}		/* 메인 핑크블로썸 원형아이콘 박스 4단 구성 시 figure_list4 클래스 추가 */
.figure_list5 li{width:20%;}		/* 메인 핑크블로썸 원형아이콘 박스 5단 구성 시 figure_list5 클래스 추가 */

@media all and (max-width:980px)
{
	.figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list li strong{font-size:16px;}
	.figure_list li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.figure_list2 li:nth-child(3),
	.figure_list2 li:nth-child(5),
	.figure_list2 li:nth-child(7),
	.figure_list2 li:nth-child(9){clear:both;}
	
	.figure_list3 li:nth-child(4),
	.figure_list3 li:nth-child(7),
	.figure_list3 li:nth-child(10),
	.figure_list3 li:nth-child(13){clear:both;}

	.figure_list4 li:nth-child(5),
	.figure_list4 li:nth-child(9),
	.figure_list4 li:nth-child(13),
	.figure_list4 li:nth-child(17){clear:both;}

	.figure_list5 li:nth-child(6),
	.figure_list5 li:nth-child(11),
	.figure_list5 li:nth-child(16),
	.figure_list5 li:nth-child(21){clear:both;}
	.figure_list5 li i{width:120px; height:120px; line-height:120px; font-size:36px;}
	.figure_list5 li strong{font-size:16px;}
	.figure_list5 li span{font-size:13px;}
}
@media all and (max-width:800px)
{
	.figure_list li{width:50%; float:left;}
	.figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.figure_list li strong{font-size:14px;}
	.figure_list li span{font-size:12px;}
	.figure_list li:nth-child(odd){clear:both;}
}

/* 서브 핑크블로썸 웹진형 코딩 박스 */
.subBoxWebzineStyle{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 30px 0; overflow:hidden; word-break:keep-all;}
.subBoxWebzineStyle li{display:block; padding:20px; width:25%; float:left; text-align:left; overflow:hidden;}
.subBoxWebzineStyle li i{display:block; position:relative; overflow:hidden; margin:0 auto;}
.subBoxWebzineStyle li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li strong{display:block; color:#000; font-size:18px; padding:15px 0;}
.subBoxWebzineStyle li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;}
.subBoxWebzineStyle li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.subBoxWebzineStyle li:hover u{color:#000; width:100%;}
.subBoxWebzineStyle li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;}
.subBoxWebzineStyle li:hover i img{transform: scale(1.1);}

.subBoxWebzineStyle2 li{width:50%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 2단 구성 시 subBoxWebzineStyle2 클래스 추가 */
.subBoxWebzineStyle3 li{width:33.333%;}	/* 서브 핑크블로썸 웹진형 코딩 박스 3단 구성 시 subBoxWebzineStyle3 클래스 추가 */
.subBoxWebzineStyle4 li{width:25%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 4단 구성 시 subBoxWebzineStyle4 클래스 추가 */
.subBoxWebzineStyle5 li{width:20%;}		/* 서브 핑크블로썸 웹진형 코딩 박스 5단 구성 시 subBoxWebzineStyle5 클래스 추가 */

@media all and (max-width:980px)
{
	.subBoxWebzineStyle li{padding:10px;}
	.subBoxWebzineStyle li strong{font-size:16px;}
	.subBoxWebzineStyle li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.subBoxWebzineStyle2 li:nth-child(3),
	.subBoxWebzineStyle2 li:nth-child(5),
	.subBoxWebzineStyle2 li:nth-child(7),
	.subBoxWebzineStyle2 li:nth-child(9){clear:both;}
	
	.subBoxWebzineStyle3 li:nth-child(4),
	.subBoxWebzineStyle3 li:nth-child(7),
	.subBoxWebzineStyle3 li:nth-child(10),
	.subBoxWebzineStyle3 li:nth-child(13){clear:both;}

	.subBoxWebzineStyle4 li:nth-child(5),
	.subBoxWebzineStyle4 li:nth-child(9),
	.subBoxWebzineStyle4 li:nth-child(13),
	.subBoxWebzineStyle4 li:nth-child(17){clear:both;}

	.subBoxWebzineStyle5 li:nth-child(6),
	.subBoxWebzineStyle5 li:nth-child(11),
	.subBoxWebzineStyle5 li:nth-child(16),
	.subBoxWebzineStyle5 li:nth-child(21){clear:both;}
}
@media all and (max-width:800px)
{
	.subBoxWebzineStyle li strong{font-size:14px;}
	.subBoxWebzineStyle li em{font-size:12px;}

	.subBoxWebzineStyle li{width:50% !important; float:left;}
	.subBoxWebzineStyle li:nth-child(odd){clear:both;}

	.subBoxWebzineStyle2 li,
	.subBoxWebzineStyle3 li{width:100% !important; float:none;}
}



/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #e5edeb; border-top:3px solid #e5edeb; border-collapse:collapse; border-spacing:0; font-size:16px;}
.basic_table table th,
.basic_table table td{border:1px solid #e5edeb; padding:15px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f6fbfa; color:#000; text-align:center; font-size:13px; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px; border-radius:20px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}
@media all and (max-width:980px)
{
	.youtube_area{border-radius:10px;}
}


.mbCenterBox{width:100%; overflow:hidden; position:relative; word-break:keep-all; background-position:center center; background-size:cover;}

.mbCenterBox dl{ padding:7%; background:RGBA(0,0,0,0.5); text-align:center;}
.mbCenterBox dt strong{display:block; font-size:40px; color:#fff;}
.mbCenterBox dd em{display:block; font-size:16px; color:rgba(255,255,255,0.8); font-style:normal; padding-top:30px;}
.mbCenterBox dd a{margin-top:30px;display:inline-block; font-size:14px; color:#111; border:2px solid #111; background:#fff; padding:10px 30px; border-radius:50px; letter-spacing:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mbCenterBox dd a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; background:RGBA(0,0,0,0.5); color:#fff;}

@media all and (max-width:980px)
{
	.mbCenterBox dt strong{font-size:30px; }
	.mbCenterBox dd em{font-size:12px;}
	.mbCenterBox dd  a{font-size:12px; margin-top:15px;}
}
@media all and (max-width:700px)
{
	.mbCenterBox dl{padding:60px 30px;}
	.mbCenterBox dt strong{font-size:20px; }
	.mbCenterBox dd em{padding-top:15px;}
}



/* owl-item active center mainPF */

.mainPFWr{width:100%; text-align:center; overflow:hidden; padding:100px 0;}

.mainPFWr h2{display:block; font-size:36px; color:#000;}
.mainPFWr h2 small{display:block; font-size:16px;}

.mainPFWr p{font-size:16px; color:#999; font-style:normal; padding:30px 10px 50px;}

.mainPF {}
.mainPF .owl-item{padding:70px 50px 50px 50px !important;}


.mainPF .owl-item a{display:block; position:relative;}
.mainPF .owl-item a i{display:block; overflow:hidden; border-radius:15px 15px 15px 15px; background:#000;}
.mainPF .owl-item a i img{display:block; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4;
	-webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-duration: 0.5s; transition-timing-function: ease;}
.mainPF .owl-item a:hover i img{transform:scale(1.1);}
.mainPF .owl-item a span{display:block; position:absolute; left:5px; right:5px; top:50%; margin-top:-15px; color:#fff; font-size:16px;text-align:center;}
.mainPF .owl-item a span u{display:block; text-decoration:none; font-size:0.75em;}
.mainPF .owl-item a span b{display:block; padding-top:5px;}


.mainPF .owl-item.center{padding:0 !important;}
.mainPF .owl-item.center a i{ border-radius:15px 15px 0 0;}
.mainPF .owl-item.center a i img{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.mainPF .owl-item.center a span{position:static; display:block; overflow:hidden;padding:30px 20px 30px; background:#2a7c7a; color:#fff; font-size:18px;border-radius:0 0 15px 15px; text-align:left;}

.mainPFWr .owl-prev{text-indent:-99999px; width:80px !important; height:80px !important; margin-top:-40px !important; background:URL(../img/arrPrev.png) no-repeat center center ; background-size:80% auto;}
.mainPFWr .owl-next{text-indent:-99999px; width:80px !important; height:80px !important; margin-top:-40px !important; background:URL(../img/arrNext.png) no-repeat center center ; background-size:80% auto;}

.mainPFWrA  a{margin-top:30px;display:inline-block; font-size:14px; color:#111; border:2px solid #111; background:#fff; padding:10px 30px; border-radius:50px; letter-spacing:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mainPFWrA  a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; background:RGBA(0,0,0,0.05);}

@media all and (min-width:980px)
{
	.mainPFWr .owl-prev{left:40px !important;}
	.mainPFWr .owl-next{right:40px !important;}
}
@media all and (max-width:980px)
{
	.mainPF .owl-item{padding:30px 10px 10px 10px !important;}
	.mainPFWr{padding:50px 0;}
	.mainPFWr h2{font-size:30px; }

	.mainPFWrA  a{font-size:12px; margin-top:15px;}
}
@media all and (max-width:700px)
{
	.mainPFWr h2{font-size:20px; }
	.mainPFWr h2 small{font-size:12px;}
}
@media all and (max-width:600px)
{
	.mainPF .owl-item,
	.mainPF .owl-item.center{padding:20px !important;}
}
@media all and (max-width:500px)
{
	.mbLRBox dt{height:200px;}
}


.about00Wr{width:96%; max-width:1400px; margin:0 auto; overflow:hidden; padding-bottom:100px;}
.about00Wr h3{float:left; width:36%; font-size:26px;font-weight:700; word-break:keep-all; color:#000;}
.about00Wr h3 b{font-weight:700;color:#58aa97;}
.about00Wr p{float:right; width:56%; font-size:18px; color:#999;}
.about00Wr p b{color:#000;}
.about00Wr p strong{color:#58aa97;}



.about01Wr{width:100%; text-align:center; padding:100px 0; overflow:hidden; background:#f6fbfa;}
.about01Wr ul{width:96%; max-width:1400px; margin:0 auto; overflow:hidden;}
.about01Wr ul li{width:29%; float:left; margin:15px 2%; text-align:center; border-bottom:1px solid RGBA(0,0,0,0.1);}
.about01Wr ul li i{display:block; margin:0 auto;width:70%; max-width:200px;}
.about01Wr ul li i img{display:block; width:100%;}
.about01Wr ul li em{display:block; font-style:normal; font-size:16px; color:#666; text-align:center; height:120px;}
.about01Wr ul li em > b{display:block; color:#58aa97; padding:3px 0;  margin-bottom:10px;}
.about01Wr ul li em > strong{display:block;;font-weight:400; }
.about01Wr ul li em > strong b{display:block; font-size:16px; color:#000; font-weight:700;font-size:20px;}

@media all and (min-width:800px)
{
	.about01Wr ul li:nth-child(4),
	.about01Wr ul li:nth-child(5),
	.about01Wr ul li:nth-child(6){border-bottom:0px;}
}

.about02Wr{width:96%; max-width:1400px; overflow:hidden; margin:100px auto 0; background:URL('../img/about02_bg.png') no-repeat left center; background-size:cover; padding:100px;}

.about02Wr dl{color:#fff; font-size:16px;}
.about02Wr dl dt{color:RGBA(255,255,255,0.5); padding-bottom:30px;}
.about02Wr dl dt b{display:block;color:#58aa97; font-size:36px;}
.about02Wr dl dd {color:RGBA(255,255,255,0.5);font-size:22px;}
.about02Wr dl dd b{display:block;color:#fff; font-size:26px; padding-bottom:10px;}



.about03Wr{text-align:left;width:96%; max-width:1400px; margin:0 auto;}
	.partnersA{width:100%; margin:50px auto;}
	.partnersA i{display:block; width:16.6%; float:left; overflow:hidden;}
	.partnersA a{display:block; padding:5px; overflow:hidden;}
	.partnersA a img{display:block; border:1px solid RGBA(0,0,0,0.1); 
		-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
	.partnersA a:hover img{border:1px solid RGBA(0,0,0,0.3); }
@media all and (max-width:980px)
{
	.about02Wr{margin-top:50px;}

	.partnersA{margin:25px auto 0;}

	.about02Wr,
	.about03Wr{width:100%;}
}
@media all and (max-width:800px)
{
	.about00Wr{padding-bottom:50px; }
	.about00Wr h3{float:none; width:100%; padding-bottom:50px; }
	.about00Wr p{float:none; width:100%;}

	.bry_800{display:block;}

	.about01Wr{padding:30px 0;}
	.about01Wr ul li{width:46%; }
	.about01Wr ul li em{font-size:12px;}
	.about01Wr ul li em > strong b{font-size:14px;}

	.about01Wr ul li:nth-child(5),
	.about01Wr ul li:nth-child(6){border-bottom:0px;}

	
	.about02Wr{padding:100px 50px;}

	.partnersA i{width:20%; }

}

@media all and (max-width:700px)
{
	.about02Wr dl{font-size:13px;}
	.about02Wr dl dt b{font-size:26px;}
	.about02Wr dl dd {font-size:13px;}
	.about02Wr dl dd b{font-size:16px;}
}

@media all and (max-width:600px)
{
	.about00Wr h3{font-size:20px; }
	.about00Wr p{font-size:14px; }

	.partnersA i{width:25%; }

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

	.partnersA i{width:33.33333%; }

}


.esgWr{width:100%; overflow:hidden; text-align:left;}

.esgWr dl{width:29.3333%; margin:0 2%; float:left; padding:20px 0; line-height:2em;}
.esgWr dl dt i{display:block; background:#f6fbfa; margin:0 auto 15px; max-width:260px; overflow:hidden; border-radius:50%;}
.esgWr dl dt i img{display:block; width:100%;}
.esgWr dl dt b{display:block; padding:15px 0; color:#58aa97; font-size:26px; border-bottom:1px solid #58aa97;}
.esgWr dl dd b{display:block; font-size:18px; color:#000; padding:15px 0;}
.esgWr dl dd em{display:block; font-size:16px; color:#999; font-style:normal;}


@media all and (max-width:1200px)
{
	.esgWr dl dt b{font-size:20px;}

	.esgWr dl dd b{font-size:16px;}
	.esgWr dl dd em{font-size:14px;}
}

@media all and (max-width:800px)
{
	.esgWr dl{float:none; width:100%; margin:0;}
	.esgWr dl dt i{width:70%;}

	.esgWr dl dt b{font-size:18px;}

	.esgWr dl dd b{font-size:14px;}
	.esgWr dl dd em{font-size:12px;}
}