body {overflow: scroll !important;}

.navi {}
.navi.active {height:125px;}

#logo a {background: url(../../images/head_logo2.png?3) center no-repeat; background-size: cover;}
.active #logo a {background: url(../../images/head_logo1.png?3) center no-repeat; background-size: cover;}

.navi .depth1 {color:#fff ;}
.navi.active .depth1 {color:#000;}

.gnb>ul>li:hover>a { color: #fff !important; }
.navi.active .gnb>ul>li:hover>a { color: #3a1c19 !important; }
.gnb .line { background: #fff; }
.navi.active .gnb .line {background: #3a1c19;}

.tel_wrap .tel a p {border: 1px solid #fff; border-radius: 21px; background: url(../../images/head_tel2.png) no-repeat right 17px center; color: #fff;}
.active .tel_wrap .tel a p {border: 1px solid #000; border-radius: 21px; background: url(../../images/head_tel1.png) no-repeat right 17px center; color: #000;}

.wh #logo a {background: url(../../images/head_logo1.png?3) center no-repeat; background-size: cover;}
.wh.navi .depth1 {color:#000 ;}
.wh.navi .gnb>ul>li:hover>a { color: #3a1c19 !important; }
.wh .gnb .line { background: #3a1c19; }
.wh .tel_wrap .tel a p {border: 1px solid #000; border-radius: 21px; background: url(../../images/head_tel1.png) no-repeat right 17px center; color: #000;}

.ham span {background:#fff;}

.sub_visual {background:url(../../images/sub_visual.jpg) no-repeat center;background-size:cover;height:490px;text-align:center; display: flex; flex-direction: column; justify-content: center; padding-top: 125px; box-sizing: border-box;}
.sub_visual p {font-size:20px;color:#fff;line-height:30px;}
.sub_visual h3 {font-size:35px;color:#fff;line-height:40px;}

.content {overflow:hidden;}

.sub_title {margin:160px 0 90px;font-size:25px;color:#000;line-height:30px;font-weight:600;text-align:center;position:relative;}


.sub_content {width:100%;min-height:200px;text-align:center;margin:0 auto 110px;}
.sub_content img {max-width:100%;margin:0 auto;}


.sub_con {width:1200px;margin:auto;position:relative;}
.sub_con .link151 {position:absolute;top:226px;left:1058px;width:48px;height:48px;}
.sub_con .link152 {position:absolute;top:226px;left:1113px;width:48px;height:48px;}
.sub_con .link153 {position:absolute;top:335px;left:1058px;width:48px;height:48px;}
.sub_con .link154 {position:absolute;top:335px;left:1113px;width:48px;height:48px;}
.sub_con .link211 {position:absolute;top:0px;left:36px;width:266px;height:213px;}
.sub_con .link212 {position:absolute;top:0px;left:302px;width:266px;height:213px;}
.sub_con .link213 {position:absolute;top:868px;left:851px;width:298px;height:58px;}
.sub_con .link731 {position:absolute;top:94%;left:7%;width:86%;height:6%;}


.cards{width:100%; max-width:1680px; margin:0 auto; padding:0px; margin-top:-10px;}
.cards li{width:27.1%;float:left; border:1px solid #ddd; padding:2%;cursor: pointer; height:220px; margin:1%; padding-top:20px; text-align: left;}
.news_list:hover{background:#f4f4f4;}
.news_list h1{font-size:12px; color:#3a1c19; padding-bottom:5px;}
.news_list h2{font-size:15px; color:#111; height:45px;overflow:hidden;}
.news_list h3{font-size:11px; color:#3a1c19;}
.news_list p{font-size:12px; color:#999; line-height:18px; height:72px;overflow:hidden;}

@media (max-width:780px) {
.cards li{width:80%;float:left; border:1px solid #ddd; padding:6%;cursor: pointer; height:auto; margin:4%;}

}


.register_con {width:1100px;margin:0 auto;text-align:left;}
.register_con .title {font-size:18px;color:#000;line-height:30px;font-weight:bold;margin-bottom:18px;}
.register_con .box1 {font-size:15px;color:#666;line-height:24px;border:1px solid #b6b6b6;padding:20px;height:360px;box-sizing:border-box;overflow-y:auto;overscroll-behavior: contain;}
.register_con .box1::-webkit-scrollbar {display: block; width: 10px; height: 100%; background-color: #f3f3f3;}
.register_con .box1::-webkit-scrollbar-thumb {width: 100%; background-color: #cacaca; border-radius: 20px;}
.register_con .box1 b {color:#000;}
.register_con .check {margin-top:20px;text-align:center;}
.register_con .check label {font-size:15px;color:#000;line-height:24px;cursor: pointer;}
.register_con .check label input {vertical-align:middle;}
.register_con .con1 {border-top:1px solid #b6b6b6;}
.register_con .con1 dl {display: flex; font-size:15px;color:#000;line-height:44px; border-bottom:1px solid #b6b6b6;}
.register_con .con1 dl dt {width:220px;padding:8px;box-sizing:border-box;text-align:center;background:#efeeee;}
.register_con .con1 dl dd {width:880px;padding:8px;box-sizing:border-box;}
.register_con .con1 dl dd label {cursor: pointer; margin-right:20px;}
.register_con .con1 dl dd label input {vertical-align:middle;}
.register_con .con1 .input1 {border:1px solid #b6b6b6;width:200px;height:36px;padding:0 10px;box-sizing:border-box;}
.register_con .con1 .input2 {border:1px solid #b6b6b6;width:100px;height:36px;padding:0 10px;box-sizing:border-box;}
.register_con .con1 .input3 {border:1px solid #b6b6b6;width:90px;height:36px;padding:0 10px;box-sizing:border-box;}
.register_con .con1 .input4 {border:1px solid #b6b6b6;width:200px;height:36px;padding:0 10px;box-sizing:border-box;}


.register_btn {margin-top:40px;text-align:center;}
.register_btn a {display:inline-block;font-size:18px;color:#fff;line-height:40px;padding:0 30px;background:#3a1c19;}


/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg_wrap img {vertical-align:middle;}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:25px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}


.sub_tab1 {width:1200px;margin:0 auto 55px;display:grid; gap: 5px; grid-template-columns: repeat(8, minmax(0, 1fr));text-align:center;}
.sub_tab1 li {height:65px; background:#e3e3e3; box-sizing:border-box; font-size:20px; color:#343434; line-height:24px; font-weight:500; display: flex; justify-content: center; align-items: center; cursor:pointer;}
.sub_tab1 li.on {background:#3a1c19;color:#fff;}


.foot_summary { width:1200px;margin:0 auto; padding: 50px 0; text-align:left;}
.foot_summary li {font-size: 16px; color: rgba(0,0,0,0.9);}