@charset "utf-8";

.visual{width:100%; height:500px; background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
.visual.sub01{background-image:url(/images/hakdo/sub/sub01.jpg);}
.visual.sub02{background-image:url(/images/hakdo/sub/sub02.jpg);}
.visual.sub03{background-image:url(/images/hakdo/sub/sub03.jpg);}
.visual.sub04{background-image:url(/images/hakdo/sub/sub04.jpg);}
.visual.sub05{background-image:url(/images/hakdo/sub/sub05.jpg);}
.visual.sub06{background-image:url(/images/hakdo/sub/sub06.jpg);}
.visual .title{height:100%; padding-top:100px;}
.visual .title .inr{display:flex; justify-content:center; flex-direction:column; position:relative; height:100%;}
.visual .title .inr:before{content:''; display:block; position:absolute; right:0; top:50%; width:300px; height:105px; margin-top:-52.5px; background:url(/images/hakdo/sub/txt.png) no-repeat;}
.visual .title h3{color:var(--beige); font-size:70px; font-weight:600;}
.visual .title p{margin-top:5px; color:#fff; font-size:20px; font-weight:600;}
.sub_title{display:flex; align-items:end; margin-top:104px;}
.sub_title em{display:block; color:var(--brown); font-size:18px; font-weight:700;}
.sub_title span{display:inline-block; margin-top:5px; color:var(--dark); font-size:60px; font-weight:700;}
.sub_title span i{display:inline-block; position:relative; padding-right:20px; font-size:60px; font-weight:700;}
.sub_title span i:before{content:''; display:block; position:absolute; right:0; bottom:10px; width:14px; height:14px; border-radius:50%; background-color:transparent;}
.sub_title p{margin-left:300px; font-size:18px; font-weight:400; line-height:1.6rem;}
.cont{margin-top:100px; padding-bottom:100px; box-sizing:border-box;}
.img{transition:all 0.3s ease 0s;}
.visual .title h3,
.sub_title span,
.sub_title span i{transition:all 0.3s ease 0s;}

.visual .title h3,
.visual .title p{opacity:0; transform:translateY(50px);}

@media screen and (max-width:1500px){
    .inr{width:100%; max-width:100%; padding:0 20px; box-sizing:border-box;}
    .visual .title .inr:before{right:20px;}
    .sub_title{justify-content:space-between;}
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:55px;}
    .sub_title p{margin-left:0;}
}
@media screen and (max-width:1280px){
    .cont{margin-top:80px; padding-bottom:80px;}
    .sub_title{margin-top:80px;}
    .sub_title em{font-size:16px;}
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:50px;}
}
@media screen and (max-width:1240px){
    .visual{height:400px;}
    .visual .title{padding-top:70px;}
}
@media screen and (max-width:1024px){
    .cont{margin-top:70px; padding-bottom:70px;}
    .visual{height:280px;}
    .visual .title .inr{text-align:center;}
    .visual .title .inr:before{display:none;}
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:45px;}
    .visual .title p{font-size:18px;}
    .sub_title span i{padding-right:15px;}
    .sub_title span i:before{width:10px; height:10px;}
}
@media screen and (max-width:880px){
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:40px;}
    .visual .title p{font-size:17px;}
    .sub_title em{font-size:14px;}
    .sub_title p{font-size:16px;}
}
@media screen and (max-width:848px){
    .sub_title{flex-direction:column; align-items:normal; margin-top:50px;}
    .sub_title p{margin-top:10px;}
    .sub_title p br{display:none;}
}
@media screen and (max-width:768px){
    .sub_title{margin-top:30px;}
    .sub_title em{font-size:14px;}
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:35px;}
    .cont{margin-top:50px; padding-bottom:50px;}
}
@media screen and (max-width:500px){
    .visual .title h3,
    .sub_title span,
    .sub_title span i{font-size:30px;}
    .sub_title span i{padding-right:10px;}
    .sub_title span i:before{width:8px; height:8px;}
}

/*sub01*/
.student_soldier{display:flex; justify-content:space-between; padding:50px; border-radius:30px; background:var(--beige); box-sizing:border-box;}
.student_soldier .img{flex:0 0 500px; display:block; width:500px; height:800px;}
.student_soldier img{display:block; width:100%; height:100%;}
.student_soldier .txt{flex:0 0 calc(100% - 550px); width:calc(100% - 550px);}
.student_soldier .txt > p{color:var(--brown); font-size:32px; font-weight:700;}
.student_soldier .txt ul{margin-top:40px;}
.student_soldier .txt ul li,
.soldier_txt ul li{position:relative; margin-top:40px; padding-top:40px;}
.student_soldier .txt ul li:before,
.soldier_txt ul li:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; border-top:1px solid #fff;}
.soldier_txt ul li:before{border-top:1px solid #e1e1e1;}
.student_soldier .txt ul li:first-child,
.soldier_txt ul li:first-child{margin-top:0; padding-top:0;}
.student_soldier .txt ul li:first-child:before,
.soldier_txt ul li:first-child:before{display:none;}
.student_soldier .txt ul li p,
.soldier_txt p{font-size:22px; font-weight:700;}
.student_soldier .txt ul li span,
.soldier_txt span{display:block; margin-top:10px; font-size:18px; font-weight:400;}
.soldier_txt{margin-top:50px;}
.student_soldier .chn{font-family: "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-size:17px;}

@media screen and (max-width:1280px){
    .student_soldier{padding:40px;}
    .student_soldier .img{flex:0 0 40%; width:40%; height:100%;}
    .student_soldier .txt{flex:0 0 58%; width:58%;}
    .student_soldier .txt > p{font-size:30px;}
    .student_soldier .txt ul{margin-top:30px;}
    .student_soldier .txt ul li p, .soldier_txt p{font-size:22px;}
    .student_soldier .txt ul li span, .soldier_txt span{font-size:17px;}
    .soldier_txt{margin-top:40px;}
}
@media screen and (max-width:1100px){
    .student_soldier .txt > p{font-size:28px;}
    .student_soldier .txt ul{margin-top:20px;}
    .student_soldier .txt ul li, .soldier_txt ul li{margin-top:30px; padding-top:30px;}
    .student_soldier .txt ul li p, .soldier_txt p{font-size:20px;}
    .student_soldier .txt ul li span, .soldier_txt span{font-size:16px;}
    .soldier_txt{margin-top:30px;}
}
@media screen and (max-width:880px){
    .student_soldier .txt > p{font-size:25px;}
    .student_soldier .txt ul{margin-top:18px;}
    .student_soldier .txt ul li, .soldier_txt ul li{margin-top:20px; padding-top:20px;}
    .student_soldier .txt ul li p, .soldier_txt p{font-size:18px;}
    .student_soldier .txt ul li span, .soldier_txt span{font-size:15px;}
    .student_soldier .chn{font-size:15px;}
}
@media screen and (max-width:860px){
    .student_soldier{flex-direction:column; padding:30px; border-radius:20px;}
    .student_soldier .img{flex:0 0 55%; width:55%; height:100%; margin:0 auto;}
    .student_soldier .txt{flex:0 0 100%; width:100%;}
}
@media screen and (max-width:500px){
.student_soldier{padding:20px;}
.student_soldier .txt > p{font-size:22px;}
    .student_soldier .txt ul{margin-top:17px;}
    .student_soldier .txt ul li p, .soldier_txt p{font-size:17px;}
    .student_soldier .txt ul li span, .soldier_txt span{font-size:15px;}
    .student_soldier .chn{font-size:13px;}
}

/*sub02*/

/*sub03*/
.record{position:relative;}
.record .search_box{position:absolute; right:0; top:0;}
.record .list{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:50px;}
.record .list li{min-width:0;}
.record .list div{border-radius:20px; background:#f1f1f1; overflow:hidden;}
.record .list .img{display:block; width:100%; height:320px; border-radius:0 0 20px 20px; background:#000; overflow:hidden;}
.record .list img{display:block; width:100%; height:100%;}
.record .list a{display:block; padding:30px; color:#666; box-sizing:border-box;}
.record .list a p{color:#000; font-size:32px; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.record .list a span{display:block; margin-top:10px; color:#666; font-size:20px; font-weight:400;}
.record .list a span i{display:inline-block; margin-right:5px; padding:4px 15px; color:#fff; font-size:18px; font-weight:600; border-radius:8px; background:var(--brown); box-sizing:border-box;}
.record .list a em{display:block; margin-top:20px; color:#666; font-size:18px; font-weight:400;}

@media screen and (max-width:1480px){
    .record .list{gap:30px;}
    .record .list a p{font-size:28px;}
}
@media screen and (max-width:1280px){
    .tabs_container.small [role="tab"]{font-size:25px;}
    .tabs_container.small [role="tabpanel"]{margin-top:40px;}
    .record .list a{padding:20px;}
    .record .list a p{font-size:24px;}
    .record .list a span{font-size:18px;}
    .record .list a em,
    .record .list a span i{font-size:17px;}
    .record .list .img{height:270px;}
}
@media screen and (max-width:1100px){
    .tabs_container.small [role="tablist"]{width:385px;}
    .tabs_container.small [role="tab"]{font-size:22px;}
    .record .list{gap:30px 20px;}
    .record .list a p{font-size:20px;}
    .record .list a span{font-size:17px;}
    .record .list a em,
    .record .list a span i{font-size:16px;}
    .record .list .img{height:210px;}
}
@media screen and (max-width:880px){
    .tabs_container.small [role="tab"]{font-size:20px;}
    .record .search_box{position:relative; right:auto; top:auto; margin-top:30px;}
    .record .list a{padding:15px;}
    .record .list a p{font-size:18px;}
    .record .list a span{font-size:16px;}
    .record .list a em,
    .record .list a span i{font-size:15px;}
    .record .list .img{height:160px;}
}
@media screen and (max-width:768px){
    .tabs_container.small [role="tablist"]{width:100%; height:50px;}
    .tabs_container.small [role="tab"]{font-size:18px;}
    .record .list{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .record .list .img{height:220px;}
}
@media screen and (max-width:630px){
    .record .list .img{height:180px;}
}
@media screen and (max-width:500px){
    .record .list{grid-template-columns:1fr;;}
    .record .list .img{height:250px;}
}
@media screen and (max-width:380px){
    .record .list .img{height:210px;}
}

/*sub04*/
.select-wrap{display:flex; justify-content:end; position:relative;}
.select-wrap select{appearance:none; -webkit-appearance:none; -moz-appearance:none; width:200px; height:60px; padding:8px 40px 8px 30px; font-size:16px; border:1px solid #d1d1d1;}
.select-wrap:after{content:''; position:absolute; top:50%; right:30px; width:10px; height:9px; margin-top:-4.5px; background:url(/images/hakdo/sub/sub04/select_arrow.png) no-repeat; background-size:cover; pointer-events:none;}
.interview .list{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:50px; margin-top:50px;}
.interview .list li{min-width:0;}
.interview .list a{display:block; text-align:left;}
.interview .list .img{position:relative; width:100%; height:320px; border-radius:20px; background:#000; overflow:hidden; -webkit-mask-image:-webkit-radial-gradient(white, black); transform:translateZ(0);}
.interview .list .img:before{content:''; display:block; position:absolute; left:50%; top:50%; width:40px; height:40px; background:url(/images/hakdo/main/play-button.png) no-repeat; transform:translate(-50%, -50%) rotate(0deg); transition:transform 0.8s ease-in-out; z-index:1;}
.interview .list .img:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:50%; background-image:linear-gradient(to top, #f0e2ce5e, transparent);}
.interview .list img{display:block; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease-in-out; will-change:transform, filter;}
.interview .list p{margin-top:25px; font-size:32px; font-weight:600; display:flex; align-items:center;}
.interview .list p i{color:var(--brown); font-size:22px; font-weight:600;}
.interview .list p span{margin-right:10px; line-height:36px; padding:0 20px; color:white; font-size:18px; font-weight:500; border-radius:50px; background:var(--gray); box-sizing:border-box;}
.interview .list em{float:right; margin-top:10px; padding:10px 30px; color:var(--brown); font-size:18px; font-weight:600; text-align:center; border:1px solid transparent; border-radius:25px; background:var(--beige); box-sizing:border-box;}
.interview .list a:hover .img img{filter:brightness(0.7); transform:scale(1.1);}
.interview .list a:hover .img:before{transform:translate(-50%, -50%) rotate(360deg);}
.interview .list a:hover em{background:transparent; border-color:var(--brown); color:var(--brown);}
.brd_view{width:100%;position:relative;border-top:2px solid var(--brown);}
.brd_view .row{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e1e1e1;padding:15px 0;}
.brd_view .row-s{width:100%;display:flex;justify-content:right;padding:15px 30px 0 30px;gap:20px;}
.brd_view .row-s dl{display:flex;gap:10px;}
.brd_view .row-s dl dt{color:var(--brown);font-size:18px;font-weight:600;}
.brd_view .row-s dl dd{color:var(--gray);font-size:18px;font-weight:400;}
.brd_view .row.ttl{font-weight:600;color:black;justify-content:center;font-size:24px;}
.brd_view .row.video{align-items:center;padding:15px 30px 30px 30px;}
.brd_view .row.video video{width:100%;height:auto;object-fit:contain;}
.brd_view .row.meta{color:#666;padding:10px 20px;font-size:18px;}
.brd_view .bttn_area{display:flex; justify-content:space-between; margin-top:30px;}
.brd_view .bttn_area .left{display:flex; gap:10px;}
.brd_view .bttn_area .right{display:flex; gap:10px;}
.brd_view .bttn_area button{line-height:40px; border:1px solid transparent; border-radius:50px; background:var(--brown); color:#fff; cursor:pointer; font-size:18px; font-weight:600; padding:0 40px;}
.brd_view .bttn_area button:hover{background:var(--brown); color:#fff;}
.brd_view .bttn_area button.btn_type2{background-color:var(--dark);color:white;border-color:var(--dark);}
.brd_view .bttn_area button.btn_type2:hover{background:var(--dark);color:#fff;}
.brd_view input[type="text"]{border:1px solid #e1e1e1;border-radius:5px;color:#666;padding:0 10px;width:100%;height:40px;line-height: 40px;font-size:18px;}
.brd_view input[type="text"]:focus{outline:none;}
.brd_view textarea{border:1px solid #e1e1e1;border-radius:5px;color:#666;padding:10px;width:100%;height:80px;line-height:1.4;font-size:18px;}
.brd_view textarea:focus{outline:none;}
.brd_view input[type="file"]{color:#666;padding:10px;width:100%;font-size:14px;}
@media screen and (max-width:1480px){
    .interview .list{gap:30px;}
    .interview .list p{font-size:30px;}
}
@media screen and (max-width:1280px){
    .interview .list a p{margin-top:15px; font-size:28px;}
    .interview .list p i{font-size:20px;}
    .interview .list span{font-size:18px;}
    .interview .list em{font-size:17px;}
    .interview .list .img{height:270px;}
}
@media screen and (max-width:1100px){
    .interview .list a p{font-size:25px;}
    .interview .list p i{font-size:18px;}
    .interview .list p span{font-size:16px;line-height:30px;margin-right:5px;}
    .interview .list em{padding:8px 30px; font-size:16px;}
    .interview .list .img{height:210px;}
    .brd_view .row{padding:10px 0;}
    .brd_view .row-s{padding:10px 15px 0 15px;gap:10px;}
    .brd_view .row.ttl{font-size:20px;}
    .brd_view .row.video{padding:10px 15px 15px 15px;}
    .brd_view .row.meta{padding:10px 15px;font-size:16px;}
    .brd_view .bttn_area{margin-top:15px;}
    .brd_view .bttn_area .left{gap:5px;}
    .brd_view .bttn_area .right{gap:5px;}
    .brd_view .bttn_area button{line-height:30px; padding:0 20px; font-size:16px;}
    .brd_view .row-s dl{gap:5px;}
    .brd_view .row-s dl dt{font-size:16px;}
    .brd_view .row-s dl dd{font-size:16px;}
    .brd_view input[type="text"]{height:34px;line-height: 34px;font-size:16px;}
    .brd_view textarea{height:80px;line-height:1.4;font-size:16px;}
}
@media screen and (max-width:880px){
    .interview .list a p{font-size:20px;}
    .interview .list p i{font-size:17px;}
    .interview .list span{font-size:16px;}
    .interview .list em{font-size:15px;}
    .interview .list .img{height:160px;}
}
@media screen and (max-width:768px){
    .interview .list{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .interview .list .img{height:220px;}
}
@media screen and (max-width:630px){
    .interview .list .img{height:180px;}
}
@media screen and (max-width:500px){
    .interview .list{grid-template-columns:1fr;;}
    .interview .list .img{height:250px;}
    .brd_view .row.ttl{font-size:18px;}
    .brd_view .row-s dl dt{font-size:12px;}
    .brd_view .row-s dl dd{font-size:12px;}
}
@media screen and (max-width:380px){
    .interview .list .img{height:210px;}
}

/*sub05*/
.student_record .top{display:flex; justify-content:center; align-items:center;}
.student_record .top .img{display:block; width:204px; height:300px;}
.student_record .top img{display:block; width:100%; height:100%;}
.student_record .top p{margin-left:60px; color:#555; font-size:20px; font-weight:600; line-height:1.3;}
.student_record .msg_area{margin-top:50px;}
.student_record .name{padding:10px 30px; font-size:18px; font-weight:400; box-sizing:border-box;}
.student_record .name span{display:inline-block;}
.student_record .name button{line-height:30px; margin-left:10px; text-align:center; border:1px solid transparent; border-radius:50px; background:var(--brown); cursor:pointer; padding:0 20px; color:white; font-size:16px; font-weight:600;} 
.student_record .message_box{display:flex; align-items:center; position:relative; margin-top:10px; padding:20px; border-radius:20px; background:var(--beige); box-sizing:border-box; overflow:hidden;}
.student_record .message_box textarea{width:calc(100% - 170px); height:150px; padding:15px; font-size:20px; border:1px solid #e1e1e1; border-radius:14px; background:#fff; box-sizing:border-box; resize:none;}
.student_record .message_box .placeholder{position:absolute; top:50%; left:50px; transform:translateY(-50%); color:#999; font-size:20px; font-weight:400; pointer-events:none;}
.student_record .message_box > button{width:150px; height:150px; margin-left:20px; border-radius:14px; background:var(--brown); cursor:pointer;}
.student_record .message_box > button span{display:block; color:#fff; font-size:20px; font-weight:700;}
.student_record .message_box .identity_verification{display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:1;}
.student_record .message_box .identity_verification p{color:#fff; font-size:20px; font-weight:400;}
.student_record .message_box .identity_verification button{width:120px; height:43px; margin-top:10px; text-align:center; border:1px solid transparent; border-radius:50px; background:var(--beige); cursor:pointer;}
.student_record .message_box .identity_verification button:hover{background:transparent; border-color:var(--beige); color:var(--beige);}
.student_record .message_box .identity_verification span{display:block; font-size:20px; font-weight:400;}
.student_record .list{margin-top:100px; border-top:1px solid #e1e1e1;}
.student_record .list li{display:flex; align-items:center; padding:20px 30px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
.student_record .list .ico{flex:0 0 200px; display:block; width:200px; height:200px; background-image:url(/images/hakdo/sub/sub05/ico_comment01.png); background-repeat:no-repeat; background-position:50%;}
.student_record .list li:nth-child(4n + 2) .ico{background-image:url(/images/hakdo/sub/sub05/ico_comment02.png);}
.student_record .list li:nth-child(4n + 3) .ico{background-image:url(/images/hakdo/sub/sub05/ico_comment03.png);}
.student_record .list li:nth-child(4n + 4) .ico{background-image:url(/images/hakdo/sub/sub05/ico_comment04.png);}
.student_record .list .txt{flex:0 0 calc(100% - 200px); width:calc(100% - 200px);}
.student_record .list .txt p{font-size:24px; font-weight:400;}
.student_record .list .txt span{display:block; margin-top:20px; color:#666; font-size:20px; font-weight:400;}
.student_record .list .txt em{position:relative; margin-left:20px; padding-left:20px;}
.student_record .list .txt em:before{content:''; display:block; position:absolute; left:0; top:3px; width:1px; height:13px; border-left:1px solid #a6a6a6;}

@media screen and (max-width:1480px){
    .student_record .top p{font-size:22px;}
    .student_record .list .txt p{font-size:22px;}
}
@media screen and (max-width:1280px){
    .student_record .top p{font-size:18px;}
    .student_record .list .txt p{font-size:20px;}
    .student_record .message_box .identity_verification p,
    .student_record .list .txt span{font-size:18px;}
    .student_record .message_box .placeholder,
    .student_record .message_box textarea,
    .student_record .message_box > button span,
    .student_record .message_box .identity_verification span{font-size:18px;}

}
@media screen and (max-width:1100px){
    .student_record .list li{padding:20px 20px 20px 0;}
    .student_record .list .ico{flex:0 0 150px; width:150px; height:150px; background-size:cover;}
    .student_record .list{margin-top:80px;}
}
@media screen and (max-width:1024px){
    .student_record .top p{margin-left:30px; font-size:16px;}
     .student_record .list .txt p{font-size:18px;}
    .student_record .message_box .identity_verification p,
    .student_record .list .txt span{font-size:17px;}
    .student_record .list .txt span{margin-top:15px;}
    .student_record .message_box .placeholder,
    .student_record .message_box textarea,
    .student_record .message_box > button span,
    .student_record .name,
    .student_record .message_box .identity_verification span{font-size:17px;}
}
@media screen and (max-width:880px){
    .student_record .top{flex-direction:column;}
    .student_record .top p{width:100%; margin-left:0; margin-top:15px; line-height:1.3; text-align:center;}
    .student_record .list{margin-top:50px;}
    .student_record .message_box{border-radius:15px;}
    .student_record .list li{padding:15px 15px 15px 0;}
    .student_record .list .ico{flex:0 0 120px; width:120px; height:120px;}
}
@media screen and (max-width:768px){
    .student_record .top p{font-size:15px;}
    .student_record .top p br{display:none;}
     .student_record .list .txt p{font-size:17px;}
     .student_record .message_box{flex-direction:column;}
     .student_record .message_box textarea{position:relative; width:100%; font-size:16px; border-radius:10px;}
     .student_record .message_box .placeholder{top:38%;}
     .student_record .message_box > button{width:100%; height:auto; margin-left:0; margin-top:15px; padding:15px; border-radius:10px;}
    .student_record .message_box .identity_verification p,
    .student_record .list .txt span{font-size:16px;}
    .student_record .message_box .placeholder,
    .student_record .message_box > button span,
    .student_record .name,
    .student_record .message_box .identity_verification span{font-size:16px;}
}
@media screen and (max-width:500px){
    .student_record .top p{font-size:14px;}
    .student_record .list .ico{display:none;}
    .student_record .list .txt{flex:0 0 100%; width:100%;}
    .student_record .list .txt p{font-size:16px;}
     .student_record .message_box .identity_verification p,
    .student_record .list .txt span{font-size:15px;}
    .student_record .message_box .placeholder,
    .student_record .message_box > button span,
    .student_record .name,
    .student_record .message_box .identity_verification span{font-size:15px;}
}

/*sub06*/
/*tab01*/
.ordinance .btn_box{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin-top:10px;}
.ordinance .btn_box button{padding:10px 24px; color:#fff; font-size:15px; font-weight:500; border:1px solid transparent; border-radius:6px; background:#555; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease;}
.ordinance .btn_box button:hover{color:#555; border:1px solid #555; background:transparent;}
.ordinance .span_box{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin-top:10px;}
.ordinance .span_box span{padding:10px 24px; color:#fff; font-size:15px; font-weight:500; border:1px solid transparent; border-radius:6px; background:#555; box-sizing:border-box; transition:all 0.3s ease;}
.ordinance h5{font-size:50px; font-weight:700; text-align:center;}
.ordinance .list{margin-top:50px; padding-top:50px; color:#555; border-top:1px solid #e1e1e1; box-sizing:border-box;}
.ordinance .list > div{margin-top:55px;}
.ordinance .list > div:first-child{margin-top:0;}
.ordinance .list h6{display:flex; align-items:center; color:#000; font-size:32px; font-weight:600;}
.ordinance .list h6 span{display:inline-block; width:34px; height:34px; margin-right:14px; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:34px; border-radius:4px; background:var(--brown);}
.ordinance .list h6 + p{color:#555; font-size:20px; font-weight:400;}
.ordinance .list h6 + *{margin-top:30px;}
.ordinance .list h6 + p + ul,
.ordinance .list h6 + p + ol{margin-top:20px;}
.ordinance .list ol li,
.ordinance .list ul li{display:flex; align-items:start; position:relative; margin-top:5px;}
.ordinance .list ul li:before{content:'①'; display:inline-block; position:relative; margin-right:10px; font-size:20px; font-weight:400;}
.ordinance .list ul li:nth-of-type(2):before{content:'②';}
.ordinance .list ol li:before{content:'1.'; display:inline-block; position:relative; margin-right:10px; font-size:20px; font-weight:400;}
.ordinance .list ol li:nth-of-type(2):before{content:'2.';}
.ordinance .list ol li:nth-of-type(3):before{content:'3.';}
.ordinance .list ol li:nth-of-type(4):before{content:'4.';}
.ordinance .list ol li:nth-of-type(5):before{content:'5.';}
.ordinance .list ol li:nth-of-type(6):before{content:'6.';}
.ordinance .list ol li:nth-of-type(7):before{content:'7.';}
.ordinance .list li ol{flex: 0 0 100%; margin-top:5px; margin-left:20px;}
.ordinance .list li p{color:#555; font-size:20px; font-weight:400;}
.ordinance .list li.flex_wrap{flex-wrap:wrap;}

@media screen and (max-width:1480px){
    .ordinance h5{font-size:45px;}
    .ordinance .list h6{font-size:30px;}
}
@media screen and (max-width:1280px){
    .ordinance h5{font-size:40px;}
    .ordinance .list > div{margin-top:50px;}
    .ordinance .list h6{font-size:28px;}
    .ordinance .list h6 + *{margin-top:20px;}
    .ordinance .list h6 + p,
    .ordinance .list li p{font-size:18px;}
    .ordinance .list h6 + p + ul,
    .ordinance .list h6 + p + ol{margin-top:15px;}
    .ordinance .list ul li:before,
    .ordinance .list ol li:before{font-size:18px;}
}
@media screen and (max-width:1024px){
    .ordinance h5{font-size:35px;}
    .ordinance .list{margin-top:30px; padding-top:30px;}
    .ordinance .list > div{margin-top:40px;}
    .ordinance .list h6{font-size:25px;}
    .ordinance .list h6 + *{margin-top:15px;}
    .ordinance .list h6 + p,
    .ordinance .list li p{font-size:17px;}
    .ordinance .list h6 + p + ul,
    .ordinance .list h6 + p + ol{margin-top:10px;}
    .ordinance .list ul li:before,
    .ordinance .list ol li:before{font-size:17px;}
}
@media screen and (max-width:880px){
    .ordinance h5{font-size:30px;}
    .ordinance .list > div{margin-top:30px;}
    .ordinance .list h6{font-size:20px;}
    .ordinance .list h6 span{width:30px; height:30px; margin-right:10px; font-size:17px; line-height:30px;}
}
@media screen and (max-width:768px){
    .ordinance h5{font-size:25px;}
    .ordinance .list h6{font-size:20px;}
    .ordinance .list h6 + p,
    .ordinance .list li p{font-size:16px;}
    .ordinance .list ul li:before,
    .ordinance .list ol li:before{font-size:16px;}
}
@media screen and (max-width:500px){
    .ordinance h5{font-size:20px;}
    .ordinance .list h6{font-size:18px;}
    .ordinance .list h6 + *{margin-top:10px;}
    .ordinance .list h6 + p + ul,
    .ordinance .list h6 + p + ol{margin-top:5px;}
    .ordinance .list h6 span{width:28px; height:28px; font-size:16px;}
    .ordinance .list h6 + p,
    .ordinance .list li p{font-size:15px;}
    .ordinance .list ul li:before,
    .ordinance .list ol li:before{font-size:15px;}
}

/*tab02*/
.project .list{display:flex; justify-content:space-between; margin-top:100px;}
.project .list:nth-child(odd){flex-direction:row-reverse;}
.project .list .img{display:block; width:600px; height:600px;}
.project .list img{display:block; width:100%; height:100%;}
.project .list .txt{width:calc(100% - 650px);}
.project .list .txt h5{color:var(--dark); font-size:60px; font-weight:600;}
.project .list .txt > ul{margin-top:50px;}
.project .list .txt > ul > li{display:flex; align-items:baseline; margin-top:20px; color:#555;}
.project .list .txt > ul > li:first-child{margin-top:0;}
.project .list .txt li p{flex:0 0 100px; width:100px; height:40px; margin-right:20px; color:#fff; font-size:22px; font-weight:700; text-align:center; line-height:40px; border-radius:6px; background:var(--brown);}
.project .list .txt li span{font-size:22px; font-weight:500;}
.project .list .txt > ul > li li{position:relative; margin-top:5px; padding-left:20px; font-size:22px; font-weight:500;}
.project .list .txt > ul > li li:first-child{margin-top:0;}
.project .list .txt > ul > li li:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:#555;}

@media screen and (max-width:1480px){
    .project .list .txt h5{font-size:55px;}
}
@media screen and (max-width:1280px){
    .project .list .txt h5{font-size:50px;}
    .project .list .txt li p{font-size:20px;}
    .project .list .txt li span,
    .project .list .txt > ul > li li{font-size:20px;}
}
@media screen and (max-width:1180px){
    .project .list{margin-top:80px;}
    .project .list .img{width:400px; height:400px;}
    .project .list .txt{width:calc(100% - 450px);}
    .project .list .txt h5{font-size:45px;}
    .project .list .txt > ul{margin-top:30px;}
    .project .list .txt li p{flex:0 0 85px; width:85px; height:35px; font-size:18px; line-height:35px;}
    .project .list .txt li span,
    .project .list .txt > ul > li li{font-size:18px;}
    .project .list .txt > ul > li li{padding-left:15px;}
}
@media screen and (max-width:1024px){
    .project .list .txt h5{font-size:40px;}
    .project .list .txt li p{font-size:17px;}
    .project .list .txt li span,
    .project .list .txt > ul > li li{font-size:17px;}
}
@media screen and (max-width:880px){
    .project .list .txt h5{font-size:35px;}
    .project .list .img{width:350px; height:350px;}
    .project .list .txt{width:calc(100% - 400px);}
    .project .list .txt li p{flex:0 0 75px; width:75px; height:30px; margin-right:15px; line-height:30px;}
}
@media screen and (max-width:768px){
    .project .list{flex-direction:column !important; align-items:center; position:relative; margin-top:50px; padding-top:50px;}
    .project .list:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; border-top:1px solid #e1e1e1;}
    .project .list:first-child{margin-top:0; padding-top:0;}
    .project .list:first-child:before{display:none;}
    .project .list .txt{margin-top:20px;}
    .project .list .txt h5{font-size:30px; text-align:center;}
    .project .list .txt{width:auto;}
    .project .list .txt li p{flex:0 0 70px; width:70px; height:28px; font-size:16px; line-height:28px;}
    .project .list .txt > ul{margin-top:20px;}
    .project .list .txt li span,
    .project .list .txt > ul > li li{font-size:16px;}
}
@media screen and (max-width:500px){
    .project .list .img{width:100%; height:100%;}
    .project .list .txt h5{font-size:25px;}
}

/*tab03*/
.monument .accordion{position:relative; border-top:1px solid #e1e1e1;}
.monument .accordion > li{border-bottom:1px solid #e1e1e1;}
.monument .accordion > li > button{position:relative; width:100%; padding:26px 50px;  text-align:left; box-sizing:border-box; cursor:pointer;}
.monument .accordion > li > button > span{float:left; position:relative; color:#999; font-size:40px; font-weight:500;}
.monument .accordion > li > button > em{float:left; position:relative; color:#999; font-size:40px; font-weight:500; border:1px solid #d1d1d1; line-height:1; border-radius:5px; background-color:#f9f9f9; padding:6px 12px; margin:10px 0 0 10px; font-size:18px;}
.monument .accordion > li > button[aria-expanded="true"] > span{padding-left:30px; color:var(--brown);}
.monument .accordion > li > button[aria-expanded="true"] > span:before{content:''; display:block; position:absolute; left:0; top:7px; width:14px; height:14px; border-radius:50%; background:var(--brown);}
.monument .accordion .close{position:absolute; right:30px; top:50%; width:40px; height:40px; background:url(/images/hakdo/sub/sub06/ico_close.png) no-repeat; background-size:cover; transform:translateY(-50%); text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
.monument .accordion .close span{display:block;}
.monument .accordion-panel{padding:20px 50px 10px; border-top:1px solid #e1e1e1; box-sizing:border-box;}
.monument .accordion-panel .TP{width:100%; display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.monument .accordion-panel .TP .LT{flex:0 0 30%;padding-right:40px;}
.monument .accordion-panel .TP .RT{flex:0 0 70%;}
.monument .accordion-panel .TP .pic{width:100%;}
.monument .accordion-panel .TP .pic img{width:100%;height:auto;}
.monument .accordion-panel ul{display:flex; align-items:center; flex-wrap:wrap;}
.monument .accordion-panel li{flex:0 0 50%; display:flex; align-items:center; margin-bottom:10px; padding-right:10px;}
.monument .accordion-panel li.w_full{flex:0 0 100%; width:100%;}
.monument .accordion-panel li.w_long{align-items:flex-start;}
.monument .accordion-panel p{flex:0 0 120px; width:120px; height:40px; padding:10px; color:#333; font-size:18px; font-weight:500; text-align:center; border-radius:50px; background:var(--beige);}
.monument .accordion-panel span{display:block; margin-left:15px; font-size:18px; font-weight:500;}
.monument .accordion-panel span em{display:block; margin-top:30px;}
.monument .accordion-panel span em:first-child{margin-top:0;}

@media screen and (max-width:1480px){
    .monument .accordion > li > button > span{font-size:35px;}
}
@media screen and (max-width:1280px){
    .monument .accordion > li > button{padding:20px 30px;}
    .monument .accordion-panel{padding:20px 30px 10px;}
    .monument .accordion > li > button > span{font-size:30px;}
}
@media screen and (max-width:1024px){
    .monument .accordion > li > button > span{font-size:28px;}
    .monument .accordion > li > button[aria-expanded="true"] > span{padding-left:20px;}
    .monument .accordion > li > button[aria-expanded="true"] > span:before{width:10px; height:10px;}
    .monument .accordion-panel p{flex:0 0 100px; width:100px; height:35px; padding:8px; font-size:17px;}
    .monument .accordion-panel span{font-size:17px;}
    .monument .accordion-panel span em{margin-top:20px;}
    .monument .accordion .close{width:30px; height:30px;}
}
@media screen and (max-width:880px){
    .monument .accordion-panel .TP{margin-bottom:10px;}
    .monument .accordion-panel .TP .LT{flex:0 0 30%;padding-right:20px;}
    .monument .accordion-panel ul{flex-direction:column;}
    .monument .accordion-panel li{flex:0 0 100%; width:100%;}
    .monument .accordion > li > button > span{font-size:25px;}
    .monument .accordion > li > button > em{margin:0 0 0 5px; font-size:16px;}
}
@media screen and (max-width:620px){
    .monument .accordion > li > button{padding:20px;}
    .monument .accordion .close{right:20px;}
    .monument .accordion-panel{padding:20px 20px 10px;}
    .monument .accordion > li > button > span{font-size:22px;}
    .monument .accordion-panel .TP{margin-bottom:0;}
    .monument .accordion-panel .TP .LT{flex:0 0 100%;padding-right:0;padding-bottom:10px;}
    .monument .accordion-panel .TP .RT{flex:0 0 100%;}
    .monument .accordion-panel li.w_full{flex-direction:column; align-items:normal;}
    .monument .accordion-panel li.w_full p{flex:0 0 auto;}
    .monument .accordion-panel li.w_full span{margin-left:0; margin-top:10px;}
    .monument .accordion-panel p{font-size:16px;}
    .monument .accordion-panel span{font-size:16px;}
}
@media screen and (max-width:500px){
    .monument .accordion > li > button{padding:15px;}
    .monument .accordion .close{right:15px;}
    .monument .accordion > li > button[aria-expanded="true"] > span{padding-left:15px;}
    .monument .accordion > li > button[aria-expanded="true"] > span:before{width:8px; height:8px;}
    .monument .accordion > li > button > span{font-size:20px;}
    .monument .accordion > li > button > em{margin:0 0 0 5px; font-size:14px; padding:4px 8px;}
    .monument .accordion-panel{padding:20px 15px 10px;}
    .monument .accordion-panel p{font-size:15px;}
    .monument .accordion-panel span{font-size:15px;}
}

/*tab04*/
.search_form{display:flex; justify-content:end;}
.sr_only{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
.search_box{display:flex; align-items:center; width:300px; height:60px; border:1px solid #e1e1e1; border-radius:50px; padding:10px 30px; background-color:#fff;}
.search_input{flex:1; height:100%; border:none; outline:none; font-size:20px;}
.search_input::placeholder{color:#999; font-size:20px; font-weight:400;}
.search_button{width:20px; height:20px; background:none; border:none; cursor:pointer;}
.search_button span{display:block; width:20px; height:20px; background:url(/images/hakdo/sub/sub06/ico_search.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}

.press ul{margin-top:60px; border-top:1px solid #e1e1e1;}
.press ul li{border-bottom:1px solid #e1e1e1;}
.press li > div{display:flex; align-items:center; padding:20px 30px; box-sizing:border-box;}
.press .img{flex:0 0 360px; display:block; width:360px; height:300px;}
.press img{display:block; width:100%; height:100%;}
.press .txt{width:calc(100% - 390px); margin-left:30px;}
.press .txt a{display:block;}
.press .txt h5 i{display:inline-block; max-width:100%; position:relative; color:#000; font-size:34px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.press .txt h5 i:after{content:''; display:inline-block; position:absolute; left:0; bottom:0; width:0; height:10px; background:var(--beige); transition:width .5s ease; border-radius:50px; z-index:-1;}
.press .txt a:hover h5 i:after{width:100%;}
.press .txt em{display:block; margin-top:10px; color:#666; font-size:20px; font-weight:600;}

@media screen and (max-width:1280px){
    .press .img{flex:0 0 300px; width:300px; height:240px;}
    .press .txt{width:calc(100% - 330px);}
    .search_input,
    .search_input::placeholder{font-size:18px;}
    .press .txt h5 i{font-size:30px;}
    .press .txt em{font-size:18px;}
}
@media screen and (max-width:1024px){
    .press li > div{padding:20px 10px;}
    .press ul{margin-top:40px;}
    .press .img{flex:0 0 250px; width:250px; height:190px;}
    .press .txt{width:calc(100% - 280px);}
    .search_input,
    .search_input::placeholder{font-size:17px;}
    .press .txt h5 i{font-size:25px;}
    .press .txt em{font-size:17px;}
    .press .txt h5 i:after{height:8px;}
}
@media screen and (max-width:768px){
    .press .img{flex:0 0 200px; width:200px; height:140px;}
    .press .txt{width:calc(100% - 220px); margin-left:20px;}
    .search_box{height:50px;}
    .search_input,
    .search_input::placeholder{font-size:16px;}
    .press .txt h5 i{font-size:20px;}
    .press .txt em{font-size:16px;}
    .press .txt h5 i:after{height:5px;}
}
@media screen and (max-width:640px){
    .press li > div{flex-direction:column;}
    .press .img{flex:0 0 100%; width:100%; height:100%;}
    .press .txt{width:100%; margin-top:20px; margin-left:0;}
}
@media screen and (max-width:500px){
    .search_box{width:100%;}
}


/*실명인증*/
.self_identify_con{width:100%;}
.self_identify_con .term{width:100%;border:1px solid #e1e1e1; border-radius:10px; padding:30px;}
.self_identify_con .term h3{font-weight:600;font-size:20px;}
.self_identify_con .term ul{margin:20px 0;}
.self_identify_con .term li{font-weight:400; position:relative; padding:0 0 0 12px; font-size:18px;} 
.self_identify_con .term li:before{content:''; display:block; position: absolute; top:50%; left:0; transform:translateY(-50%); color:var(--gray); width:6px; height:6px; background:var(--beige); border-radius:50px; margin-right:10px;}
.self_identify_con .agree{width:100%; display:flex; justify-content: flex-end; align-items:center; margin-top:20px;}
.self_identify_con .agree label{font-weight:400; color:var(--gray); font-size:18px;}
.self_identify_con .agree input{width:18px; height:18px; margin-left: 10px;}
.self_identify_con .certify_bttns{margin-top:20px; width:100%; display:flex; justify-content: center; gap:20px; box-sizing: border-box;text-align:left;}
.self_identify_con .certify_bttns button{position: relative; border:1px solid #e1e1e1; border-radius:10px; text-align:left; font-weight:400; box-sizing: border-box; height: 120px;font-size: 24px;padding: 0 80px 0 160px; }
.self_identify_con .certify_bttns button i{background-image:url('/images/hakdo/sub/sub05/agree_bttns.png'); background-repeat: no-repeat; position: absolute; background-size: 80px auto; width: 80px; height: 80px; left: 40px; top:50%; transform:translateY(-50%);}
.self_identify_con .certify_bttns button.phone i {background-position: 0 0;}
.self_identify_con .certify_bttns button.ipin i {background-position: 0 -80px;}

@media screen and (max-width:800px){
    .self_identify_con .term{padding:15px;}
    .self_identify_con .term h3{font-size:16px;}
    .self_identify_con .term li{font-size:14px;}
    .self_identify_con .agree label{font-size:14px;}
    .self_identify_con .certify_bttns{gap:10px;}
    .self_identify_con .certify_bttns button{height: 60px;font-size: 18px;padding: 0 20px 0 50px;}
    .self_identify_con .certify_bttns button i{width: 30px; height: 30px; left: 10px; background-size: 30px auto;}
    .self_identify_con .certify_bttns button.ipin i {background-position: 0 -30px;}
}