@charset "utf-8";

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

.ct_con {max-width: 1000px;}

.as_wrap .tel {}
.as_wrap .tel .con {max-width:100% !important;}
.as_wrap .tel .con .font2 {font-size:1.5em;}
.as_wrap .tel dl {display: flex; flex-wrap: wrap; align-items: center; background:#F2F3F7; border-radius: 10px; padding:20px 30px;}
.as_wrap .tel dl dt {width: 25%; text-align: center;}
.as_wrap .tel dl dt span {display: block;}
.as_wrap .tel dl dd {width: 75%; background: #fff; border-radius: 10px; padding:20px;}
.as_wrap .tel dl dd a {}
.as_wrap .tel dl dd i {font-size: 1.5rem; margin-right: 8px; transform:translateY(3px)}
.as_wrap .tel dl dd ul {list-style: disc; margin-left: 20px;}
.as_wrap .desc {margin-top:35px;}
.as_wrap .desc .title {text-align: center;}
.as_wrap .desc .para {margin-top:50px; color:rgba(15,15,15,0.7)}
.as_wrap .desc .para > span {display: block; font-weight: 700; margin-bottom: 20px; font-size:2em;}
.as_wrap .desc .para ul {list-style: disc; padding-left: 15px; margin:20px 0;}

.holding02, .holding03 {margin-top:100px;}
div[class^="holding"] .title {text-align: center;}
div[class^="holding"] .dl_wrap {display: flex; flex-wrap: wrap; border-top:1px solid #000; margin-top:50px;}
div[class^="holding"] .dl_wrap dt {width: 12%; display: flex; align-items: center; font-weight: 700; padding:15px 0; border-bottom:1px solid #adadad; position:relative;}
div[class^="holding"] .dl_wrap dt::after {content:""; display: block; width: 1px; height: 100%; background:#adadad; margin-left: auto;}
div[class^="holding"] .dl_wrap dd {width: 88%; padding:15px 30px; border-bottom:1px solid #adadad;}
.holding02 ol {display: flex; flex-wrap: wrap; list-style: none; padding:0; margin-top:50px;}
.holding02 ol li {width: 23.5%; border:1px solid #cacaca; padding:30px 20px;}
.holding02 ol li:not(:last-child) {margin-right: 2%;}
.holding02 ol li .num {display: block; text-align: center; color:#D1C4B8}
.holding02 ol li .img_box {text-align: center; margin:20px 0;}
.holding02 ol li .title {display: block; text-align: center;}
.holding02 ol li .para {padding:20px; margin-top:20px; background: #F8F7F5; color:#474747; text-align: center;}


@media all and (max-width:1000px){
    .ct_con {max-width: 90%;}

    .as_wrap .tel dl {padding:20px}
}

@media all and (max-width:780px){
#ctt {margin:0px;padding:35px 0;}
    div[class^="holding"] .dl_wrap dt {width: 90px;}
    div[class^="holding"] .dl_wrap dd {width: calc(100% - 90px); padding:15px;}

    .holding02 ol {}
    .holding02 ol li {width: 100%;}
    .holding02 ol li:not(:last-child) {margin-right: 0; margin-bottom: 20px;}
}