@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em; min-height:300px; margin-top:80px;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
.sub_menu { padding:15px 20px; line-height:200%; border-bottom:2px solid #ffffff;  -webkit-transition:all .4s ease; transition:all .4s ease; }
.sub_menu:hover { color:#a9366f; border-bottom:2px solid #a9366f;}
.vtitle { display:table-cell; width:250px; text-align:center; border-bottom:1px solid #ccc; vertical-align:middle; padding:1em; background:#f1f1f1;}
.vtext { display:table-cell; border-bottom:1px solid #ccc; padding:1em;}
.vtext2 { display:table-cell; border-bottom:1px solid #ccc; padding:1em;}
.vetc { display:table-cell; text-align:center; width:200px; border-bottom:1px solid #ccc; padding:1em;}
.vetc2 { display:table-cell; text-align:center; width:200px; border-bottom:1px solid #ccc; padding:1em;}
.vcontent { width:100%; display:table; margin-bottom:30px;  border-top:2px solid #666666;  }
.vitem { display:table-row;  }
.vitem:first-child { border-top:1px solid #333;  }
.vitem:last-child .vtitle { border-bottom:1px solid #666666;  }
.vitem:last-child .vtext { border-bottom:1px solid #666666;  }


#ctt_con .contents h3 { font-size:13pt; margin-top:35px; margin-bottom:10px; color:#a9366f; }
#ctt_con .contents .fad { color:#a9366f;  font-size:18pt; vertical-align:middle;}
#ctt_con .contents span, p, li, div {  font-family:Noto Sans KR; }


#ctt_con .contents p { font-family:Noto Sans KR;  margin-left:10px; color:#656565; text-align:justify;}
#ctt_con .contents li { font-family:Noto Sans KR;  margin-left:20px; color:#656565;}
#ctt_con .contents { font-family:Noto Sans KR; margin-bottom:80px; padding:0px 30px; color:#656565; }

#ctt_con .contents h1 { text-align:center; font-size:18pt;}
#ctt_con .contents h2 { font-size:15pt; color:#278ba1; margin-top:50px;}
#ctt_con .contents .preamble { border:1px solid #cccccc; border-radius:10px; padding:30px; display:inline-block; margin-top:30px;}

@media screen and (max-width:800px) {
.sub_menu { padding:10px 15px; line-height:200%; border-bottom:2px solid #ffffff;  -webkit-transition:all .4s ease; transition:all .4s ease; }
.sub_menu:hover { color:#a9366f; border-bottom:2px solid #a9366f;}

.vtitle { display:block; width:100%; border-bottom:0px solid #ccc; vertical-align:middle; padding:1em; font-weight:bold; }
.vtext { clear:both;display:block; border-bottom:1px solid #ccc; padding:1em;}
.vtext2 { width:100%; clear:both; float:left; display:block; border-bottom:1px solid #ccc; padding:1em;}
.vcontent { width:100%; display:table; margin-bottom:30px;  border-top:2px solid #666666;  }
.vetc  {  width:200px; position:absolute; text-align:right;  right:20px; border:0px solid red; border-bottom:1px solid #ccc; padding:1em;}
.vetc2  {  display:none; }
.vitem:last-child .vtitle { border-bottom:0px solid #666666;  }
}