@charset "utf-8";

/* 내용관리 */
#ctt {margin:0 0 10px 0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding: 0 0 10px 0;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.row.na-row > .na-col {padding: 0 !important;}

div.union > .d-flex {margin-bottom: 40px;}
div.union > .d-flex > div {width: 50%;}

.main_banner {position: relative; width: 100%; height: 0; padding-bottom: 53.33%; background-image: url(/img/add/main_banner.jpg); background-size: cover;}
.con_btn {position: absolute; top: 38%; left: 30%; border: 2px solid #6bb144; background: #fff; padding: 0 5px; border-radius: 50vh; color: #6bb144; font-size: 10px; font-weight: bold;}

.con_wrap {position: relative; width: 80%; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 10px rgb(173, 173, 173); margin: 0 auto; margin-top: -60px; z-index: 10;}
.con_wrap .board {background-color: #fff; padding: 20px;}
.con_wrap .call {background-color: #2d72b7; padding: 20px;}
.con_wrap .call * {color: #fff;}
.con_wrap h3 {font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.con_wrap a {font-size: 12px;}
.con_wrap .call a img {filter: brightness(1000%);}
.con_wrap a img {width: 30px;}
.con_wrap .right {display: flex; flex-direction: column;}
.con_wrap .right img {width: 40px; margin-top: auto;}

.form-box {padding: 30px; background-color: #e7eff6;}
.form-box h2 {text-align: center; font-size: 20px; color: #2f467e; font-weight: bold; margin-bottom: 30px;}
.form-box input,
.form-box textarea {border: none; resize: none;}
.btn_wrap {text-align: center; margin-top: 10px;}
.form-box button {background-color: #2f4985; padding: 10px 40px; color: #fff; border-radius: 50vh;}


#nt_body h3.h3,
#nt_body div.mt-3.mb-4 {padding:0 20px;}

@media screen and (max-width: 768px) {
    div.union > .d-flex {flex-wrap: wrap;}
    div.union > .d-flex > div {width: 100%;}
}