@charset "utf-8";


.card_1 { display: block;  margin-bottom: 30px;}
.card_2 { display: block;  margin-bottom: 30px;}
.card_3 { display: block;  margin-bottom: 30px;}
.card_4 { display: block;  margin-bottom: 30px;}
.card_5 { display: block;  margin-bottom: 30px;}
.card_6 { display: block;  margin-bottom: 30px;}

/* 모바일기기 */
@media only screen and (max-width: 320px) {
.card_1 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_1 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_1 .card-content {  margin:30px;  text-align:left;  font-size:13px;}
.card_1 .card-title {  font-size:20px;}
.card_1 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_1 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_1 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_2 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_2 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_2 .card-content {  margin:20px 20px 20px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-title {  font-size:20px;}
.card_2 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_2 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_3 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_3 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;}
.card_3 .card-content {  margin:20px 20px 20px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-title {  font-size:20px;}
.card_3 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_3 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_4 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_4 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_4 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_4 .card-title {  font-size:17px;}
.card_4 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_4 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_4 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_5 .img-card-pe     {  width: 100%;  height:200px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_5 .img-card-pe img {  width: 100%;  height:200px;  object-fit:cover;   transition: all .25s ease;}
.card_5 .card-content {  margin:30px 30px 30px 0px;  text-align:left;  font-size:13px;}
.card_5 .card-title {  font-size:17px;}
.card_5 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_5 .card-txt {  padding:2px 0px;  text-align:left;  font-size:12px;}
.card_5 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_6 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_6 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_6 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_6 .card-title {  font-size:17px;}
.card_6 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:5px;}
.card_6 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_6 .card-txt .card-wrcard_6content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}
}


/* 모바일기기 + 태블릿 */
@media only screen and (min-width: 321px) and (max-width: 768px){
.card_1 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_1 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_1 .card-content {  margin:30px;  text-align:left;  font-size:13px;}
.card_1 .card-title {  font-size:20px;}
.card_1 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_1 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_1 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_2 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_2 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_2 .card-content {  margin:20px 20px 20px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-title {  font-size:20px;}
.card_2 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_2 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_3 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_3 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;}
.card_3 .card-content {  margin:20px 20px 20px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-title {  font-size:20px;}
.card_3 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_3 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_4 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_4 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_4 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_4 .card-title {  font-size:17px;}
.card_4 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_4 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_4 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_5 .img-card-pe     {  width: 100%;  height:200px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_5 .img-card-pe img {  width: 100%;  height:200px;  object-fit:cover;   transition: all .25s ease;}
.card_5 .card-content {  margin:30px 30px 30px 0px;  text-align:left;  font-size:13px;}
.card_5 .card-title {  font-size:17px;}
.card_5 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_5 .card-txt {  padding:2px 0px;  text-align:left;  font-size:12px;}
.card_5 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_6 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_6 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_6 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_6 .card-title {  font-size:17px;}
.card_6 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:5px;}
.card_6 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_6 .card-txt .card-wrcard_6content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}
}


/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
.card_1 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_1 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_1 .card-content {  margin:30px;  text-align:left;  font-size:13px;}
.card_1 .card-title {  font-size:20px;}
.card_1 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_1 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_1 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_2 .img-card-pe     {  width: 100%;  height:220px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_2 .img-card-pe img {  width: 100%;  height:220px;  object-fit:cover;   transition: all .25s ease;} 
.card_2 .card-content {  margin:20px 20px 20px 10px;  text-align:left;  font-size:13px;}
.card_2 .card-title {  font-size:20px;}
.card_2 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_2 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_3 .img-card-pe     {  width: 100%;  height:200px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_3 .img-card-pe img {  width: 100%;  height:200px;  object-fit:cover;   transition: all .25s ease;}
.card_3 .card-content {  margin:20px 20px 20px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-title {  font-size:17px;}
.card_3 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:5px;}
.card_3 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_4 .img-card-pe     {  width: 100%;  height:150px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_4 .img-card-pe img {  width: 100%;  height:150px;  object-fit:cover;   transition: all .25s ease;} 
.card_4 .card-content {  margin:30px 30px 30px 30px;  text-align:left;  font-size:13px;}
.card_4 .card-title {  font-size:17px;}
.card_4 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:5px;}
.card_4 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_4 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_5 .img-card-pe     {  width: 100%;  height:180px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_5 .img-card-pe img {  width: 100%;  height:180px;  object-fit:cover;   transition: all .25s ease;}
.card_5 .card-content {  margin:20px 10px 20px -10px;  text-align:left;  font-size:13px;}
.card_5 .card-title {  font-size:16px;}
.card_5 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_5 .card-txt {  padding:2px 0px;  text-align:left;  font-size:12px;}
.card_5 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_6 .img-card-pe     {  width: 100%;  height:150px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_6 .img-card-pe img {  width: 100%;  height:150px;  object-fit:cover;   transition: all .25s ease;} 
.card_6 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_6 .card-title {  font-size:16px;}
.card_6 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_6 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_6 .card-txt .card-wrcard_6content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
.card_1 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_1 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_1 .card-content {  margin:30px;  text-align:left;  font-size:13px;}
.card_1 .card-title {  font-size:20px;}
.card_1 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_1 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_1 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_2 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_2 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_2 .card-content {  margin:30px 30px 30px 20px;  text-align:left;  font-size:13px;}
.card_2 .card-title {  font-size:20px;}
.card_2 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_2 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_2 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_3 .img-card-pe     {  width: 100%;  height:250px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_3 .img-card-pe img {  width: 100%;  height:250px;  object-fit:cover;   transition: all .25s ease;}
.card_3 .card-content {  margin:30px 30px 30px 10px;  text-align:left;  font-size:13px;}
.card_3 .card-title {  font-size:20px;}
.card_3 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_3 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_3 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_4 .img-card-pe     {  width: 100%;  height:320px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_4 .img-card-pe img {  width: 100%;  height:320px;  object-fit:cover;   transition: all .25s ease;} 
.card_4 .card-content {  margin:30px 30px 30px 30px;  text-align:left;  font-size:13px;}
.card_4 .card-title {  font-size:20px;}
.card_4 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:10px;}
.card_4 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_4 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_5 .img-card-pe     {  width: 100%;  height:200px;  display:block;    overflow: hidden; border-radius: 5px 0px 0px 5px;}
.card_5 .img-card-pe img {  width: 100%;  height:200px;  object-fit:cover;   transition: all .25s ease;}
.card_5 .card-content {  margin:30px 30px 30px 0px;  text-align:left;  font-size:13px;}
.card_5 .card-title {  font-size:17px;}
.card_5 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_5 .card-txt {  padding:2px 0px;  text-align:left;  font-size:12px;}
.card_5 .card-txt .card-wr_content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}

.card_6 .img-card-pe     {  width: 100%;  height:250px;  display:block;    overflow: hidden; border-radius: 5px 5px 0px 0px;}
.card_6 .img-card-pe img {  width: 100%;  height:250px;  object-fit:cover;   transition: all .25s ease;} 
.card_6 .card-content {  margin:20px;  text-align:left;  font-size:13px;}
.card_6 .card-title {  font-size:17px;}
.card_6 .card-title .card-title-bg { display:inline-block;  border-bottom:3px solid #3C8A91; margin-bottom:0px;}
.card_6 .card-txt {  padding:2px 0px;  text-align:left;  font-size:13px;}
.card_6 .card-txt .card-wrcard_6content_bg { display:inline-block;  border-top:1px solid #3C8A91; margin-top:5px; padding-top:10px;}
}

.adm_btns { float:right; width:40px; height:25px; background:#efefef; border:1px solid #cccccc; border-radius:3px; text-align:center; padding:4px 2px 0px 2px;}