@charset "utf-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


a{cursor: pointer;}

/*메인 메뉴, 메인메뉴 css는 deault.css에도 많이 있음*/

html{width:100%}
body{width: 100%;}
.gnb_2dul{width: 100%; left:0px;}
.gnb_2dul .gnb_2dul_box{height: 300px;}
.gnb_2dul.open-menu {
  display: block; /* 또는 다른 보이기 스타일 */
}
#topButton{position: fixed; display: none; bottom: 100px; right: calc(50% - 694px); width:54px; height: 54px; border-radius: 50%; background-color: #aaaaaa; box-shadow:none; border:none; padding: 10px; z-index: 20000;}
#gnb_all, #gnb_all_bg {
  opacity: 0; /* 초기 상태는 투명 */
  visibility: hidden; /* 초기 상태는 보이지 않음 */
  transition: 0.5s all; 
}
#gnb #gnb_1dul .gnb_1dli:hover > a{color: #015AAA; transition: 0.3s all;}
#gnb #gnb_1dul .gnb_1dli .gnb_bar {bottom: -2px; height: 3px; width: 100px; position: absolute; background-color: transparent; transition: 0.2s all;}
#gnb #gnb_1dul .gnb_1dli:hover .gnb_bar{background-color: #015AAA; transition: 0.2s all;}
#gnb_all.open, #gnb_all_bg.open {
  opacity: 1; /* 보이는 상태 */
  visibility: visible; /* 보이는 상태 */
  transition: 0.5s all;
}
#gnb{ transition: 0.2s all;}

#gnb.active{background-color: #fff; transition: 0.2s all; border-bottom: 1px solid #00000055;}

#gnb_all .gnb_al_li ul li a{transform: translateY(-20px); transition: 0.2s all; font-family: 'pretendard'; font-size: 15px; color:#484F4B; line-height: 14px; letter-spacing: -0.24px; margin-bottom: 17px; text-align: center;}
#gnb_all.open .gnb_al_li ul li a{transform: translateY(0); transition: 0.2s all;}
#gnb_all .gnb_al_li ul li a:hover{color:#015AAA;}
#logopath .a005aaa, #logopath .a1a1818 {fill:#fff}
#gnb:hover #logopath .a005aaa{fill:#005aaa; transition: 0.2s all;}
#gnb:hover #logopath .a1a1818{fill:#1a1818; transition: 0.2s all;}
#gnb:hover .gnb_1dli a{color: #000;}
#gnb.active #logopath .a005aaa{fill:#005aaa; transition: 0.2s all;}
#gnb.active #logopath .a1a1818{fill:#1a1818; transition: 0.2s all;}
#gnb.active .gnb_1dli a{color: #000;}
#toolbarViewerRight{display: none!important;}



/*메인슬라이더*/

.main{width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; position:relative;}
.main iframe {  overflow: hidden; aspect-ratio: 16 / 9; width:1920px; height:1080px}
.ytp-fit-cover-video .html5-main-video{width: 100%; height: 100%;}
.blocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; /* 동영상보다 높은 z-index 값을 설정 */
  background: transparent; /* 투명하게 설정하여 동영상이 보이도록 함 */
}
.blocker.bbs{}

.main .overlaymouse{position: absolute; bottom:42px; z-index: 11; display: flex; flex-direction: column; align-items: center; gap: 10px; color: white;}
.main .overlaymouse img{width: 21px;}
.section1{font-family: 'pretendard';width:100%; margin:0 auto}
.section2{font-family: 'pretendard';width:100%;}
.section3, .section4{font-family: 'pretendard';}
.section1{display: flex; flex-direction: column; justify-content: space-between; gap:0; text-align: center;}
.section1 .h1 { font-size: 40px; font-weight: 700; z-index: 10; color: #222935; margin-top:130px;}
.section1 .h1text{margin-top: 14px; font-size: 25px; font-weight: 500; color: #636161}
.section1-wr .img-wr{ width: 100%; display: flex; flex-direction: row; margin-top:56px; padding: 0;}
.section1-wr .img-wr .imgbox{flex-grow: 1; position: relative; overflow: hidden;}
.section1-wr .img-wr .imgbox:hover img{transform: scale(1.1); transition: 0.2s all;}
.section1-wr .img-wr .imgbox img{width: 100%; transform: scale(1);transition: 0.2s all}
.img-wr .imgboxtext{position: absolute; bottom:0; left: 0; right: 0; color: #fff; 
  display: flex;
  flex-direction: column;
  top: 72.68%;
  padding: 10% 0;
  align-items: center;
  text-align: center;   z-index: 3; /* 텍스트를 배경 위로 올림 */
 mix-blend-mode: normal; background-color: transparent; gap:13px}
.img-wr .imgbox .overlay {
    position: absolute;
    top: 72.68%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0656A3;
    mix-blend-mode: multiply;
    z-index: 2; /* 배경을 텍스트 뒤로 보냄 */
  }
.img-wr .imgboxtext .top{font-size: 35px; font-weight: 700; mix-blend-mode: normal;}
.img-wr .imgboxtext .bottom{font-size: 20px;mix-blend-mode: normal; height:auto}

.section2{position: relative;display: flex; justify-content: center; align-items: center; background-size:80%;  background-position-y:center; background-position-x: 300px; gap:35px;
  flex-direction: row; height:542px; gap:30px; background-repeat:repeat-y; padding:112px;}
.section2 .sec2button{transform: scale(1); transition: 0.5s ease;display: flex; padding: 70px 50px; flex-direction: column; width: 625px; height: 100%; background-color: transparent;background-size: cover; background-position:center; border: 5px solid #eee; border-style: outset; border-radius: 30px;}
.section2 .sec2button .text1{font-size: 30px; color: #333333; font-weight: 700;}
.section2 .sec2button .text2{font-size: 20px; color: #333333; font-weight: 500; margin-top:10px}
.section2 .sec2button .rdbutton{font-size: 18px; padding:10px 20px; border-radius: 25px; background-color: #fff; margin-top: 45px;}
.section2 .sec2button:hover{transform: scale(1.02); transition: 0.5s ease;}

.section2 .sec2button .rdbutton{transform: scale(1); transition: 0.5s ease;}
.section2 .sec2button:hover .rdbutton{transform: scale(1.03); transition: 0.7s ease;}
.section2 .sec2button .rdbutton img{width: 17px; height: 17px;}








.section3{width: 100%; height: 615px;display: flex; align-items: center;  background-size: cover; background-position: center;}
.section3 .section-wr{width: 100%; margin:0 auto; 
  padding-left: calc(50% - 640px); padding-right: calc(50% - 640px); 
  padding-top:80px; padding-bottom: 80px;  display: flex;
  flex-direction: column; text-align: left; justify-content: space-between ; align-items:start; gap:20px;
}
.section3 .section-wr .t1{width:100%; display: flex; flex-direction: row; gap:33px;}
.section3 .section-wr .t1 .left{flex-grow: 1; width: 100%;}
.section3 .section-wr .t1 .right{flex-grow: 1; width: 100%;}
.section3 .section-wr .t1 .left{display: flex; flex-direction: row; justify-content: space-between; align-items: end;}
.section3 .section-wr .t1 .left .h1text{font-size:40px; font-weight: 700;}
.section3 .section-wr .t1 .left .h1p{font-size:18px; font-weight: 500}
.section3 .section-wr .t1 .left .h1p img{width:15px;}

.section3 .section-wr .t2{font-size: 23px; font-weight: 300; line-height: 30px; width: 100%; display: flex; flex-direction: row; gap:33px;}
.section3 .section-wr .t2 .left{width:100%;flex-grow: 1; }
.section3 .section-wr .t2 .left a{display: flex; width: 100%; overflow: hidden; height: 100%; align-items: center; justify-content: center; height:350.4px; border-radius: 20px;}
.section3 .section-wr .t2 .left a img{width: 100%; }
.section3 .section-wr .t2 .right{width:100%;flex-grow: 1; display: flex; flex-direction: column;gap: 20px;}
.section3 .section-wr .t2 .right .top{display: flex; flex-direction: row; width: 100%; flex-grow: 1; gap: 20px;}
.section3 .section-wr .t2 .right .bottom{display: flex; width: 100%; flex-grow: 1;}
.section3 .section-wr .t2 .right a{position: relative; display: flex; gap: 20px; border-radius: 20px;background-color: #fff; flex-grow: 1; width: 100%; padding: 40px 30px; align-items: start; font-size: 30px; font-weight: 700; color: #222935;}
.section3 .section-wr .t2 .right a .ptext{font-size: 18px; color: #666666; font-weight: 500; line-height: 1.2;}
.section3 .section-wr .t2 .right a .toptext1{margin-bottom: 7px;}
.section3 .section-wr .t2 .right a .go{font-size: 23px; color: #C1C3C5; font-weight: 500; position: absolute; right: 30px; bottom:40px; transform: translateX(0px); transition: 0.2s all;}
.section3 .section-wr .t2 .right a:hover .go{transform: translateX(10px); transition: 0.2s all;}
.section4{display: flex; justify-content: center; align-items: center; padding: 70px 0;}
.section4 .section-wr{width: 1280px; display: flex; flex-direction:row;}
.section4 .section-wr .sec4-1{position: relative; display: flex; color: #FFFFFF; font-size: 24px; font-weight: 700; gap: 20px; flex:1 ; flex-grow: 1; flex-direction: column; background-color: #0656A3; align-items: center; justify-content: end; padding: 70px 0 40px 0;}
.section4 .section-wr .sec4-1:nth-child(even){background-color: #DEEFFE;  color: #0656A3;}
.section4 .section-wr .sec4-1:nth-child(even) .plus{border: 1px solid #AAAAAA;}
.section4 .section-wr .sec4-1:nth-child(even) .plus:before{background-color: #AAAAAA;}
.section4 .section-wr .sec4-1:nth-child(even) .plus:after{background-color: #AAAAAA;}

.section4 .section-wr a:hover img{transform: scale(1.1); transition: 0.2s all;}

.section4 .section-wr .sec4-1 .plus{display: flex; align-items: center; justify-content: center; position: absolute; width: 31px; height: 31px; border: 1px solid #fff; right:20px; top:30px}
.section4 .section-wr .sec4-1 .plus:before{position: absolute; content: ""; width: 1px; background-color: #fff; height: 70%;}
.section4 .section-wr .sec4-1 .plus:after{position: absolute; content: ""; width: 70%; background-color: #fff; height:1px;}






.bannerbar {background-color: #0656A3CC; bottom: 0; position: absolute; z-index: 11; border-bottom: 1px solid #F0F0F0;width: 100%; display: flex;  justify-content: center;font-family: 'pretendard'; font-size: 18px; font-weight: 400; letter-spacing: -0.27px;}
.banner-wr{width: 1280px;}
.banner{ display: flex; flex-direction: row; justify-content: center; align-items: center; }
.banner .gnb_2da{background-color: transparent;}
.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:20;}
.bannercontent{padding: 19.25px 20px; font-weight: 500; position: relative;}
.bannercontent.active{background-color: #fff;}

.bannercontent.active .st0, .bannercontent.active2 .st0, .bannercontent:hover .st0{ stroke:#333333; }
.bannerbar .bannercontent:hover {background-color: #fff; transition: 0.2s all;}
.bannerbar .bannercontent:hover .gnb_2da svg{transform: rotate(0);}
.bannerbar .bannercontent:hover a.gnb_2da{color:#015AAA; transition: 0.2s all;}
.bannercontent .gnb_2dul{display: block; position: relative;}

.bannercontent .gnb_2da {white-space:nowrap; color:#fff; max-width: 350px; line-height: 21px; text-align: center; letter-spacing: -0.27px; display: flex; gap: 5px;}
.bannercontent .gnb_2da svg{width:17px; transform: rotate(180deg);}
.bannerbar .bannercontent:hover .gnb_3da{display: block;}
.bannercontent.active .gnb_3da{display: none;}
.bannercontent.active2 .gnb_3da{display: block;}
.bannercontent .gnb_3da:hover{display: block;}
.bannercontent.active .gnb_2da{color:#015AAA; }

.bannercontent a.gnb_2da:hover{background-color: transparent;}
.bannercontent .gnb_3da{display: none; position: absolute; list-style: none; left:0; right: 0; top:100%; width: 100%; background-color: #F0F0F0; text-align: center; color: #333333; font-size: 16px; font-weight: 500; padding: 10px 0;} 
.bannercontent .gnb_3da li{padding: 4px 0;}
.video-wr{min-height: 503px;width: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.video-wr img{min-height: 503px;width: 100%; min-width: 1920px;}
.video-wr iframe{transform: translateY(58px);}
.videotext{z-index: 11; font-family: 'pretendard'; position: absolute; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 15px;}
.videotext .t1{margin-top: 118px; font-size: 45px; font-weight: 500;}
.videotext .t2{font-size: 24px; font-weight: 300;}

.ctt_admin{display: none;}
.con2-wr{width: 100%; display: flex; justify-content: center; align-items: center;  flex-direction: column; font-family: 'pretendard';}
.con1-wr{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 60px; flex-direction: column; font-family: 'pretendard';}
.con1-wr .con1{width: 1280px; display: flex; justify-content: center; flex-direction: row; gap:65px}
.con1-wr .con1 .sidemenu{width: 235px;  font-size: 16px;}
.st01{fill:none;stroke:#333333;stroke-width:2;stroke-miterlimit:10;}
.con1-wr .con1 .sidemenu svg{position: absolute; width:13px; height:8px; top: 23px; right:20px; transform: rotate(0deg); overflow: visible;}
.con1-wr .con1 .sidemenu .bannercontent.active svg, .con1-wr .con1 .sidemenu .bannercontent.active2 svg{transform: rotate(180deg);}
.con1-wr .con1 .sidemenu .h1{font-size: 35px; font-weight: 500; color:#242424; line-height: 1.2;letter-spacing: -2.45px;}
.con1-wr .con1 .sidemenu .bar3{width: 100%; margin: 30px 0; border-bottom: 2px solid #0656A3}
.con1-wr .con1 .sidemenu .bar2{width: 100%; border-bottom: 0.5px solid #707070}
.con1-wr .con1 .sidemenu .bannercontent{background-color: transparent; padding: 0; }
.con1-wr .con1 .sidemenu .bannercontent .gnb_2da{color: #333333; padding: 15px 20px; }
.con1-wr .con1 .sidemenu .bannercontent.active .gnb_3da{display: block;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3li.active, .con1-wr .con1 .sidemenu .bannercontent .gnb_3li:hover{font-weight: 600; background-color: #F2F9FF;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3da{position: relative; background-color: transparent; 
  border-top: 0.5px solid #707070;  padding: 0;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3li {font-size: 16px; font-weight: 300; color:#242424; padding:11px 20px;text-align: left;}
.con1-wr .con1 .sidemenu .bannercontent.active .gnb_2da, .con1-wr .con1 .sidemenu .bannercontent.active2 .gnb_2da{background-color: #F0F0F0; color:#015AAA;}



.con1-wr .con1 #ctt_con{width: 980px; padding: 0; display: block;}
.con1-wr .con1 #ctt_con .h1, .con1-wr .con1 #bo_gall .h1{font-size: 35px; font-weight: 700; color:#242424; line-height: 1.2;}
.con1-wr .con1 #ctt_con .bar2, .con1-wr .con1 #bo_gall .bar2{width: 100%; border-bottom:2px solid #F0F0F0; margin: 30px 0 ;}
.rotec{display: inline-block;}
.ent{display: inline-block;}
.bo_sch_wrap{display: block; position: relative;}
.bo_sch{position: relative; margin:0}
#bo_list_total, .bo_sch_cls, .bo_sch h3, .btn_bo_sch{display: none;}
.bo_sch form{padding: 0; display: flex; gap:9.5px; justify-content: flex-end;}
.bo_sch select{height:auto;}
.btn_bo_user{margin:0; display: flex;}
.bo_sch .sch_bar{margin:0; display: flex; border: 0px; border-radius: 0; width: auto;}
.bo_sch .sch_input{width: 180px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch_bg{background: transparent; display: none;}
#bo_list{height:40px}
#sfl{width:108px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch .sch_btn{font-size: 28px;}
.bo_sch{width: auto;}
.td_num2{width:150px; text-align: center;}
.tbl_head01 thead th, .tbl_head01 thead th a{color:#AAAAAA;}

.tbl_head01 thead th{padding: 17px 0;}
.tbl_wrap table thead{border-bottom: 1px solid #707070; color: #fff; font-size: 20px; }
#bo_list .tbl_wrap table tbody{font-size: 20px; color: #333333; font-weight: 500;}
#bo_list .td_num2{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_subject{width: auto; padding: 30px 0 30px 30px; }
#bo_list .td_subject .bo_tit{color: #333333; font-weight: 500;}
#bo_list .td_name{width: 10%; padding: 17px 0; text-align: center;color: #333333; font-weight: 500;}
#bo_list .td_datetime{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_blank{width: 10%;}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody .even:hover td{background-color: transparent;}
#bo_list tbody tr{border-left:none ;}
.tbl_wrap table{border-top:1px solid #707070; }
#bo_list .pg_wrap{float:none;}
.tbl_head01 thead th{border: none;}

.tbl_head01 td{border-top: none;; border-bottom: 1px solid #707070; font-size: 18px; font-weight: 500;}
.tbl_head01 td a{font-weight: 500;}
.td_name{text-align: center;}
.content-wr{padding: 20px 50px;}
.content-wr.wide{padding: 20px 0 20px 50px}
.content{font-size: 18px; color: #666666; font-weight: 400;line-height: 25px;letter-spacing: -0.09px; background-position: right bottom;background-repeat: no-repeat;}
.content.small{font-size: 16px}
.content .subject{font-size: 25px;  font-weight: 600;color: #0051AC;align-items: center; display: flex; margin:47px 0 27px 0;}
.content .subject.sub{margin:34px 0 15px 0;font-size: 20px; font-weight: 700; padding:6px 17px;  color:#fff;background: transparent linear-gradient(90deg, #0656A3 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;}
.content .subject.narrow{margin:34px 0 15px 0;}
.content .subject .small{font-size: 20px; font-weight: 700; color:#333333}
.content .O1{border: 3px solid #0656A3; width: 12px; height: 12px; display: inline-block; margin-right: 9px; border-radius: 50%;}
.content .co1{padding: 20px; border: 1px solid #0656A3;}
.content .co2{display: flex; color: #fff; font-size: 18px; line-height: 25px; font-weight: 400; gap:50px}
.content .co2 .box{width: 100%; background-color: #AAAAAA; border-radius: 18px; padding: 20px 40px;}
.content .co2 .box2{width: 100%; border-radius: 10px; padding: 20px 40px; border: 1px solid #0656A3;font-size: 20px; font-weight: 600; text-align: center; color: #242424;}
.content .co2 .box2 img{height:46px; margin-bottom: 10px;}
.content .co2 .box span{font-size:20px; font-weight: 600; line-height: 30px;}
.content .co3{width:100%; position: relative;}
.content .co3 .web{position: relative; width: 100%;}
.content .co3 .logo{position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top:50%;}
.content .co3 .button-wr{display: flex; justify-content: end; margin-top: 25px; gap: 13px;}
.content .co3 .button{background-color: #0060A4; color: #fff; font-family: 'noto sans KR'; font-size: 13px; font-weight: 400; padding: 13px 30px 13px 20px; display: flex; gap:13px}
.content .co6 .button{background-color: #003F66; color: #fff;  font-size: 18px; font-weight: 600; padding: 13px 30px 13px 20px; display: flex; justify-content: center; gap:13px}
.content .co6{ width: 267px; }

table, th, td {border-collapse: collapse;}
.co-grid{width: 100%; border-bottom: 2px solid #335899;border-top: 2px solid #335899; font-size: 18px; font-weight: 500;}
.co-grid .blue{color: #0656A3;font-weight: 700; }
.co-grid th{color: #fff; background-color: #0656A3; font-weight: 700; padding: 11px 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;;}

.co-grid td {padding: 11px 15px; text-align: center; border-left: 1px solid #C1C3C5; border-bottom: 1px solid #C1C3C5;}
.co-grid td:last-child{ border-right:1px solid #C1C3C5;}

.co3-wr{width: 100%; display: flex; justify-content: center; gap:100px; padding: 80px 100px;}
.co3-wr .box{font-size: 16px; color: #222935; }
.co3-wr .box span{font-weight: 700; display: block; margin-top: 10px;}
.co3-wr .color{width:120px; height: 120px; border-radius: 50%; margin-bottom: 30px;}
.co3-wr .color.green{background-color: #4C9834;}
.co3-wr .color.blue{background-color: #0C2963;}
.co3-wr .color.blue2{background-color: #003980;}

.content .logo{width: 324px;}
.content .logo-wr{width: 100%;text-align: center;}
.content .bar3{width: 1px; height: 100%; position: absolute; background-color:#B7B6B6; left: 50%;}
.content .co4{width: 100%;position: relative;}
.content .co4 .flex{display: flex; flex-direction:column;}
.content .co4 .flex .row .box{ color:#333333;}
.content .co4 .flex .row .O2{width: 17px; height: 17px; position: absolute;left: 50%; top:7px; transform: translateX(-50%);border-radius: 50%;  border: 2.5px solid #0656A3; background-color: #fff;}
.content .co4 .flex .row{display: flex; position: relative; margin-top: 90px;}
.content .co4 .flex .row .box.year{padding: 0 20px; text-align: right; font-size: 42px; font-weight: 500; width: 50%;}
.content .co4 .flex .row .box.num{text-align: center; font-family: 'noto sans KR'; font-size: 18px; font-weight: 700; width: 10%; line-height: 30px;}
.content .co4 .flex .row .box.content{text-align: left; font-size: 18px; font-weight: 500; width: 40%;line-height: 30px; letter-spacing: -0.27px;white-space: nowrap;}
.content .co4 .flex .row:nth-child(even){flex-direction: row-reverse;}
.content .co4 .flex .row:nth-child(even) .box.year{text-align: left;}
.content .co4 .flex .row:nth-child(even) .box.content{direction: rtl;  text-align: right; /* 실제로는 오른쪽 정렬 효과 */}
.con6{display: flex; gap:10px; margin-top: 44px;}
.con6 > .left{width:60%;}
.con6 > .right{width:40%;}
.con6 .right img{width:100%; height: 100%;}
.con6-grid{display: grid; grid-template-columns: 25% 75%;  justify-content: left; align-items: end; margin-top: 10px;}
.con6-grid .left{width:100%; font-size: 18px; font-weight: 700; color: #484F4B; padding: 20px 0 7px 0; border-bottom: 2px solid #484F4B;text-align: center;}
.con6-grid .left span{margin-left: 10px;letter-spacing: 10px; }
.con6-grid .right{padding: 20px 0 7px; font-size: 18px; font-weight: 500; color: #484F4B; border-bottom: 1px solid #D6D6D6;}
.con6-grid .right span{margin-left: 25px; display:block; position: relative;}
.con6 .left .subject{margin: 0;}
.co5{display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px;}
.co5 .box{display: flex; flex-direction: column;  color:#333333; text-align: center;}
.co5 .box img{width:100%;}
.co5 .box span{padding: 0; background-color: #DFDFDF; height: 57px; display: flex; align-items: center; justify-content: center;}
.co-grid.two td:first-child{width: 10%;background-color: transparent; border-left: 1px solid #C1C3C5;}
.co-grid.five td:first-child{width: auto;background-color: transparent; border-left: 1px solid #C1C3C5;}
.co-grid.two td.first, .co-grid.five td.first{border-left: none;}
.co-grid.three td{text-align: left; padding: 10px 18px; vertical-align: top; letter-spacing: -0.2px;}
.co-grid.three td.first{text-align: center;vertical-align:middle}
.co-grid.three td:first-child{width: 15%;}
.co-grid.three .row{display: flex; gap: 15px;}
#bo_w .write_div .bo_v_option{display: none;}
#bo_w .bo_w_tit #btn_autosave{display: none;}
#bo_w .bo_w_link {display: none;}
#bo_w .bo_w_tit .bo_w_chkbox {font-size: 14px; font-weight: 500; color:#000000}
#bo_w .bo_w_tit .bo_w_chkbox .textarea{padding: 21px 18px 27px 18px}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}
#bo_w .bo_w_tit .bo_w_chkbox label{font-size: 18px; font-weight: 700;  display: flex; align-items: center;}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark {
  height: 25px;
  width: 25px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  border: 1px solid #D9D9D9;
}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"]:checked + .checkmark {
  background-color: #D9D9D9;
}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bo_w_tit .hrline{font-size: 16px; font-weight: 500; color: #666666; text-align: right; border-bottom:2px solid #335899; padding: 64px 0 14px 0;}
.bo_w_tit .hrline span{color: #FF0000;}
.write_grid{display: grid; grid-template-columns: 15% 85%; row-gap:40px;margin: 40px 0 30px 0;}
.write_grid .left{font-size: 18px;font-weight: 700; color: #000000; line-height: 38px;padding-left:20px}
.write_grid .left span{color: #FF0000;}
#bo_w .write_div{margin: 0;}
.fileh1{font-size: 18px;font-weight: 700; color: #000000; line-height: 38px;}
.fileh1 span{font-weight: 500;}
.write_grid .left{padding-left:20px}
#bo_w .bo_w_tit .frm_input{padding: 5px; height: 38px; border-radius: 0; background-color: #F2F2F2; border: 1px solid #C1C3C5;}
.write_div textarea{border-radius: 0;  border: 1px solid #C1C3C5;}
.write_div textarea#wr_content{background-color: #F2F2F2;}
#bo_w .bo_w_tit .frm_input.short{width: 50%}
.write_div .right.boxs{display: flex; width:60%; flex-wrap: wrap; column-gap: 11px;}
.write_div .right .checkbox{font-size: 14px; font-weight: 500; display: flex; align-items: center; width: auto; gap:5px}
.write_div .right .checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}
.write_div .right .checkbox .checkmark {
  height: 18px;
  width: 18px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.write_div .right .checkbox input[type="checkbox"]:checked + .checkmark {
  background-color: #D9D9D9;
}
.write_div .right .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.write_div .right .checkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}
.write_div .right .checkbox .checkmark:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #666666;
  border-radius: 50%;
}
#bo_w .bo_w_flie .file_wr{border: none; height:auto; padding:0 0 0 20px;}
#bo_w .bo_w_flie .frm_file{padding-left: 0; display: none;}
#bo_w .bo_w_flie .lb_icon{width: auto;}
#file-upload_button {
  /* 사용자 정의 버튼 스타일 */
  background-color: #F2F2F2;
  color: #666666;
  border: 1px solid #C1C3C5;
  border-radius: 13px;
  cursor: pointer;
  padding: 8px 15px;
}
#file-name {
  font-weight: 300;
  color: #666666;
}
#bo_w .btn_confirm.write_div{margin-top: 49px; margin-bottom: 243px; display: flex;
gap:20px; width: 100%; align-items: center; justify-content: center; font-size: 18px;
font-weight: 500;}
#bo_w .btn_confirm.write_div .btn_submit{width: 217px; background-color: #0656A3; padding:13px 0; border-radius: 0; line-height: 18px;}
#bo_w .btn_confirm.write_div .btn_cancel{width: 217px; border: 1px solid #C1C3C5; background-color: #fff; color: #333333; font-weight: 500;padding:13px 0; border-radius: 0;line-height: 18px;}
#bo_w .hrline{margin-top: 36px; border-bottom:2px solid #335899; }
.co7{position: relative; background-image: url(../img/company/bg.svg); background-position: center 70px; background-repeat: no-repeat; height: 800px;}
.co7 .co7-1{position: absolute; left: 0; top: 0; text-align: left;}
.co7 .co7-1 .co7h1{font-size: 22px; font-weight: 700; color: #1AAACF; margin: 17px 0 21px 0;}
.co7 .co7text{position: absolute; left: 50%; transform: translateX(-50%); top: 43%; font-size: 30px; font-weight: 700; color: #003F66;}
.co7 .co7-2{position: absolute; right: 0; top: 0; text-align: right;}
.co7 .co7-2 .co7h1{font-size: 22px; font-weight: 700; color: #1AAACF; margin: 25px 0 21px 0;}
.co7 .co7-3{width: 100%; position: absolute; bottom: -50px;  text-align: center;}
.co7 .co7-3 .co7h1{font-size: 22px; font-weight: 700; color: #1AAACF; margin: 17px 0 21px 0;}
.co7flex{display: flex;}
.co7flex div{position: relative; margin-right: -3px; white-space: nowrap;}
.co7flex span{position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); font-size: 18px; font-weight: 600;}
.co7imgbox {font-size: 25px; font-weight: 700; position: relative; display: flex; width: 100%; justify-content: center; align-items: center;}
.co7imgbox .co7-4{position: absolute; top:30px; color: #7090B6; }
.co7imgbox .co7-5{position: absolute; left:100px; color: #AABBCE;}
.co7imgbox .co7-6{position: absolute; right:100px; color: #2F6FAC;}
.co7imgbox .co7-7{position: absolute; bottom:10px; color: #003F66;}
.co8{display: grid; grid-template-columns: repeat(3 ,1fr); column-gap: 28px; row-gap: 64px;width: 100%;}
.co8-box{display: flex; flex-direction: column; gap: 19px;}
.co8-box div{border:1px solid #B7B6B6; display: flex; justify-content: center; align-items: center; height:310px}
.co8-box div img{width: 200px; height: 289px!important;}
.co8-box .short img{width: 240px; height: 200px!important;}
.co8-box .square img{width: 230px; height: 230px!important;}
.co8-box.two{grid-column:span 2; /* 첫 번째 열에서 시작해 두 열 차지 */}
.content .tab{font-size: 22px; font-weight: 700;  letter-spacing: -0.11px;margin-bottom: 60px;}
.content .tab .tablinks{border-bottom:3px solid transparent; padding: 7px 0; margin:0 5px; color: #AAAAAA;}
.content .tab .tablinks:hover, .content .tab .tablinks.active{border-bottom:3px solid #0656A3; transition: 0.2s all; color: #242424;}
.content .tab .tablinks.small{border: 1px solid #AAAAAA; font-size: 16px; font-weight: 500; color: #666666; padding: 7px 22px; margin: 0 5px; transition: 0.2s all; background-color: #fff; border-radius: 17px;}
.content .tab .tablinks.small:hover, .content .tab .tablinks.small.active{color:#fff; background-color: #0656A3; border: 1px solid #0656A3; transition: 0.2s all; }
.tabcontent{width: 100%;}
.tabcontent.active{display: block;}
.tabcontent.none{display: none;}
.co9{display: grid; grid-template-columns: repeat(2, 1fr); gap:23px; grid-auto-rows: minmax(min-content, max-content);}
.co9-box{border: 1px solid #C1C3C5;}
.co9-box .top{display: flex; flex-direction: column; font-size: 25px; font-weight: 500; color:#242424;gap:11px;
  align-items: center; justify-content: center; min-height: 140px; background-color: #E8F0F6;}
.co9-box .bottom{color: #666666; padding:25px}
.co9-box .bottom p{text-indent: -20px; /* 첫 줄을 왼쪽으로 이동 */
padding-left: 20px; /* 전체 텍스트를 오른쪽으로 이동 */white-space: pre-wrap; /* 줄바꿈과 공백을 유지 */}
.co9-box .bottom p::before{content: "•"; padding-right: 5px; color: #0656A3; font-size: 25px;}
.co10{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: 100%;grid-auto-rows: minmax(min-content, max-content);}
.co10-box{display: flex; flex-direction: column; gap: 12px;}
.co10-box .co10-text{height: 100%; display: flex; flex-direction: column; gap: 23px; background-color: #F2F9FF; align-items: center; justify-content: center; padding: 25px;}
.co10-box .co10-text .num{font-size: 40px; font-weight: 700; color: #A8C6E2;}
.co10-box .co10-text .co10h1{font-size: 25px; font-weight: 500; color: #242424;}
.co10-box .co10-text p{font-size: 16px; font-weight: 400; letter-spacing: -0.08px; color: #666666;}
.co-grid.four{font-size: 16px; white-space: nowrap; }
.co-grid.four th span{font-size: 14px; font-weight: 300;}
.co-grid.four td, .co-grid.five td{padding: 7px 20px;}
.co-grid.five{font-size: 16px; white-space: nowrap; width: 100%;}
.co11 .img-wr{width: 100%; text-align: center;}
.co11 .box-wr{display: grid; grid-template-columns: 17% 81%; gap: 2%; margin: 84px 0 54px 0 ;}
.co11 .box-wr .left{display: flex; justify-content: center; align-items: center; font-size: 25px; color: #fff; font-weight: 700; 
background-color: #0656A3; border-radius: 10px; padding:38px 24px; text-align: center; line-height: 35px;}
.co11 .box-wr .right{display: flex; justify-content: center;}
.co11 .box-wr .right .box{width: 100%; color: #666666; display: flex; justify-content: center;align-items: center;border: 1px solid #AAAAAA; padding: 12px 0;}
.co11 .box-wr .right .box.column{flex-direction: column; text-align: left; align-items: start; padding: 19px 21px; justify-content: flex-start;}
.co11 .box-wr .right .box.strong{font-size: 25px; font-weight: 700;}
.co11 .box-wr .right .box.strong span{font-weight: 400;}
.co11 .box-wr .right.three{display: grid; grid-template-columns: repeat(3, 1fr);gap: 10px;}
.co11 .box-wr .right .top{display: flex; padding:9px 0; justify-content: center;align-items: center; flex-direction: column; color: #fff; font-weight: 700; font-size: 20px;}
.co11 .box-wr .right .top span{font-weight: 400; display: block;}
.co11 .box-wr .right .top.green{background-color: #019586;}
.co11 .box-wr .right .top.blue{background-color: #009EB7;}
.co11 .box-wr .right .top.navy{background-color: #003F66;}
.co11 .box-wr .right .box p::before{content: "•"; padding-right: 5px; font-size: 25px;}
.co11 .box-wr .right .box.green p::before{color: #019586;}
.co11 .box-wr .right .box.blue p::before{color: #009EB7;}
.co11 .box-wr .right .box.navy p::before{color: #003F66;}
.co11 .box-wr .right .box p{text-indent: -20px; /* 첫 줄을 왼쪽으로 이동 */
padding-left: 20px; /* 전체 텍스트를 오른쪽으로 이동 */white-space: pre-wrap; /* 줄바꿈과 공백을 유지 */}
.co1 p::before{content: "•"; padding-right: 5px; font-size: 25px; color: #0656A3;}
.co12{display: flex;width: 100%; gap:48px}
.co12 .box{width: 100%;}
.co12 .box .top{padding: 12px 0; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: 700;}
.co12 .box .top.blue{background-color: #0656A3;}
.co12 .box .top.navy{background-color: #003F66;}
.co12 .box .img-wr{text-align: center; padding: 34px 0;}
.co12 .box .bottom{margin-top: 20px;}
.co12 .box .bottom span{font-size: 20px; font-weight: 700; line-height: 35px;}
.co12 .box .bottom.blue span{color: #0656A3;}
.co12 .box .bottom.navy span{color: #003F66;}
.co12 .box .bottom p{text-indent: -20px; /* 첫 줄을 왼쪽으로 이동 */
  padding-left: 20px; /* 전체 텍스트를 오른쪽으로 이동 */white-space: pre-wrap; /* 줄바꿈과 공백을 유지 */}
.co12 .box .bottom .bullet::before{content: "•"; padding-right: 5px; font-size: 25px;}
.co12 .box .bottom.blue .bullet::before{color: #0656A3;}
.co12 .box .bottom.navy .bullet::before{color: #003F66;}

.w20{width: 20%!important;}
.w25{width: 25%!important;}
.w15{width: 15%!important;}
.taleft{text-align: left!important;}
.center{text-align: center!important;}
.pad20px0{padding: 20px 0!important;}
.pad020px{padding: 0 20px;}
.linehe30{line-height: 30px!important;}
.img-wr{position: relative; margin-top: 40px; margin-bottom: 60px; padding-top: 50px; padding-left: 80px; padding-right: 80px;}
.img-wr .esgbg{position: absolute; top:0;left: 0; right: 0; bottom: 0;}
.img-wr .row{display: flex; flex-direction: row;margin-bottom: 25px;}
.img-wr .row .left{ font-size: 18px; font-weight: 700; color: #0656A3; width: 10%;}
.img-wr .row .left img{margin-right: 5px;}
.img-wr .row .right{font-size: 16px; font-weight: 300; color: #666666; width: 90%;}
.sign{font-size: 16px; font-weight: 600; color: #333333;}
#bo_w .bo_w_flie{display: flex; justify-content: space-between; align-items: flex-end;}
#bo_w .bo_w_flie.pdf{display: grid;  align-items: flex-start;}
#bo_w .bo_w_flie.pdf .right{position: relative; display: flex; justify-content: space-between;}
.co13{display: grid; grid-template-columns: repeat(2, 1fr); column-gap:27px; row-gap: 42px;}
.co13 .box{display: flex; flex-direction: column;gap: 15px;}
.co13 .box .h1t{color: #242424; font-weight: 700;}
.co13 .box .content{font-size: 15px; font-weight: 400;line-height: 20px;}
.act{opacity: 0; transform: translateY(30px); transition: 0.5s all;}
.act.visible{opacity: 1; transform: translateY(0);}
.actl{opacity: 0; transform: translateX(30px); transition: 0.5s all;}
.actl.visible{opacity: 1; transform: translateX(0);}
.actr{opacity: 0; transform: translateX(-30px); transition: 0.5s all;}
.actr.visible{opacity: 1; transform: translateX(0);}
.actt{opacity: 0; transform: translateY(-30px); transition: 0.5s all;}
.actt.visible{opacity: 1; transform: translateY(0);}
.big{opacity: 0; transform: scale(2.0); transition: 0.5s all;}
.big.visible{opacity: 1; transform: scale(1);}


.s1{transition-delay: 0.1s;}
.s2{transition-delay: 0.2s;}
.s3{transition-delay: 0.3s;}
.s4{transition-delay: 0.4s;}
.s5{transition-delay: 0.5s;}
.s6{transition-delay: 0.6s;}
.s7{transition-delay: 0.7s;}
.s8{transition-delay: 0.8s;}
.s9{transition-delay: 0.9s;}
.s10{transition-delay: 1.0s;}
.s11{transition-delay: 1.1s;}
.co14{display: flex;flex-direction: row; gap: 5px; margin-top:93px; justify-content: center;}
.w100{width: 100%;}
.w33{width: 33.3%;}
.w70{width: 70%;}
.f20{font-size: 20px!important;}
.co15{display: flex; flex-direction: row; gap: 80px;}
.co15 .left{width: 40%; display: flex; align-items: center; }
.co15 .right{width: 60%;}
.co15 .right .top{text-align: center; padding: 9px 0; color:#fff; font-size: 25px; font-weight: 700; background-color: #0656A3; width: 100%; }
.co16{display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 9px; row-gap: 25px;}
.co16 .top{padding:11px 0; color: #fff; font-size: 20px; font-weight: 700; background-color: #0656A3; text-align: center;}
.co16 .top.navy{background-color: #003F66;}
.co16 .top p{color: #C4E2FF; font-size: 15px; font-weight: 400;}
.co16 .bottom{background-color: #F2F9FF;color: #505050; text-align: center; padding: 16px; font-weight: 500;}
.co16 .bottom span{font-size: 25px; line-height: 30px; font-weight: 700;}
.co16 .bottom .h1text{margin-bottom: 7px; color: #333333;}
.co16 .bottom img{margin-right: 5px;}
.content .subject.black{color:#242424; font-weight: 700;}
.hr1{width: 100%; height: 1px; background-color: #DFDFDF; margin: 9px 0}
.bulletp p::before{content: "•"; padding-right: 5px; font-size: 25px; color: #0656A3;}
.bulletp p{text-indent: -20px; /* 첫 줄을 왼쪽으로 이동 */
  padding-left: 20px; /* 전체 텍스트를 오른쪽으로 이동 */white-space: pre-wrap; /* 줄바꿈과 공백을 유지 */}
.content .subject.bluetext{color:#0051AC; font-size: 23px; font-weight: 700; margin-bottom: 10px;}
.co17{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.co17 img{width: 280px; border: 1px solid #C1C3C5;}
.co18{display: grid; grid-template-columns: 20% 80%; gap: 18px;}
.co18 .co-grid{font-size: 15px;}
.co18 .co-grid td{text-align: left; padding: 9px 20px;}
.co18 .co-grid td:first-child{ text-align: center;}
.tab .tablink{ border: none; background-color: #F0F0F0 ; padding: 10px 40px; color: #333333; font-size: 18px; font-weight: 500; }
.tab .tablink.active{background-color: #666666; color: #FFFFFF; transition: 0.2s all;}
.tabcontent{display: none;}
.tabcontent .co-grid td:first-child{background-color: transparent;}
#ctt_con .tabcontent .co-grid img{max-height:192px}
.co19 .co-grid{font-size: 15px;}
.co20 .co-grid{font-size: 18px; line-height: 25px;}
.co19 .co-grid td:first-child, .co20 .co-grid td:first-child, .co22 .co-grid td:first-child{background-color: transparent; border-left: 1px solid #C1C3C5;}
.co19 .co-grid td, .co20 .co-grid td{padding: 15px; white-space: nowrap;}
.co19 .co-grid td.first, .co20 .co-grid td.first{border-left:none;}
.co19 .co-grid td.second{background-color: #F0F0F0;padding: 9px 5px;}
.co19 .co-grid td.wrap, .co20 .co-grid td.wrap{white-space:wrap;}
.co20 .co-grid .flex{display: flex; flex-direction: column; gap: 10px;}
.co-grid td p{text-indent: -15px; /* 첫 줄을 왼쪽으로 이동 */
  padding-left: 15px; /* 전체 텍스트를 오른쪽으로 이동 */white-space: pre-wrap; /* 줄바꿈과 공백을 유지 */}
.co20 .co-grid .column{display: flex; flex-direction: column;}
.co20 .co-grid .column .row{display: flex; flex-direction: row;}
.co20 .co-grid .column .row .nowrap{white-space: nowrap;}
.co21{display: flex; flex-direction: column ;gap: 20px;}
.co21 .top{background-color: #0656A3; color: #fff; font-size: 25px; font-weight: 700; padding:8px 0; text-align: center;}
.co21 .bottom{text-align: center;}
.w30{width: 30%!important;}
.w40{width: 40%!important;}
.co22 .co-grid td{padding:11px 20px}
.co22 .co-grid.bottom td{padding:11px 0px}
.co22 .co-grid td.first{border-left:none; background-color: #F0F0F0; padding:19px 30px; }
.co22 .co-grid.top{border-bottom: none;}
.co22 .co-grid.bottom{border-top:none;}
.co22 .co-grid td.second{background-color: #F0F0F0;}
#ctt_con .fieldimg1{height: 335px;}
#ctt_con .fieldimg2{width: 495px;}
#ctt_con .fieldimg3{width: 383px;}
#ctt_con .fieldimg4{width: 396px;}
#ctt_con .fieldimg5{width: 470px;}
#ctt_con .fieldimg6{width: 543px;}
.mgright{margin-right: 11px;}
.content .subject.small{font-size: 18px; font-weight: 700; margin: 30px 0 10px 0;}
.content .subject.small.gray{color:#666666;margin: 0 0 10px 0;}
.co23{display: grid; grid-template-columns: repeat(2, 1fr); gap:36px}
.co23 .top.border{border: 1px solid #C1C3C5;}
.co23 .bottom{color:#fff; padding:12px 0; text-align: center; font-size: 18px; font-weight: 700; background-color: #0656A3;}
.co23 .bottom.big1{font-size: 25px;}
.lm{height:30px;}
.co24{display: flex;  flex-direction: row; width: 100%; justify-content: space-between;}
.co25{display: flex;  flex-direction: row; gap: 12px; width: 100%; justify-content: space-between;}
.co24 .box{border: 1px solid #C1C3C5; width: 199px; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: flex-start; padding: 24px;}
.co24 .box .head{font-size: 16px; font-weight: 400; white-space: nowrap; color: #0656A3; display: flex; flex-direction: column; align-items: center;}
.co24 .box .head span{font-size: 20px; font-weight: 700;}
.co24 .box .head.sky{color: #009EB7;}
.co24 .box .bottom{font-size: 12px; color: #333333; font-weight: 400; line-height: 15px; white-space: nowrap; text-align: center;}
.co-grid td.small{font-size: 15px;}
.co26 td{padding: 2.5px;}
#ca_name option:last-child { display:none; }
#bo_cate #bo_cate_on{ background-color: #0656A3; border: 1px solid #0656A3; box-shadow: none;}
#bo_cate a{line-height: 1; padding: 7px 25px; background-color:transparent; border: 1px solid #AAAAAA; color: #666666; font-size: 16px; font-weight: 500; transition: 0.2s all;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background-color:#0656A3; border: 1px solid #0656A3; color: #fff; transition: 0.2s all;}
#bo_cate li{margin-right: 8px;}
#bo_w.writediv{width: 100%;}
.bo_w_fiel_wr{display: flex; flex-direction: column; flex-wrap: wrap; gap:20px;}
#bo_w .bo_w_flie .lb_icon{position: relative;}
#bo_w .bo_w_flie .lb_icon .filebutton{background-color: #F2F2F2;
  color: #666666;
  border: 1px solid #C1C3C5;
  border-radius: 13px;
  cursor: pointer;
  padding: 8px 15px; display: inline-block;font-size: 18px; line-height: 1;}
.medium{font-weight: 500!important;}
.co27{padding: 36px 31px; background-color: #F2F9FF; color: #666666; font-weight: 400; line-height: 26px;}
.co27 span{color: #333333; font-weight: 600; line-height: 50px; display: block;}
.pic_li_lt{float: none;}
#viewerDiv { position:relative; height:550px; overflow:hidden; max-width:100%; }
#viewerIframe { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index: 49; }
.blockDiv{position:absolute; background-color: #444444; width: 350px; height: 20px; right: 3px; bottom: 2px; z-index: 50;}
.content .subject.centertext{width: 100%; justify-content: center; text-align: center; line-height: 35px;}
#bo_v{width: 980px!important;}
#bo_gall{width: 980px!important;}
.co28{display: flex; flex-direction: column; border-top:1px solid #707070;}
.co28 .row{padding: 30px 0;display: flex; flex-direction: row; border-bottom:0.5px solid #AAAAAA;}
.co28 .row .box{width: 50%; display: flex; flex-direction: row; font-size: 15px; line-height: 20px; gap: 28px; padding: 0 83px; white-space: nowrap;}
.co28 .row .box .innerbox{display: flex; flex-direction: column; justify-content: center; gap: 10px}
.co28 .row .box img{width: 88px;}
.co28 .row .box span{color:#333333; font-size: 18px; font-weight: 600; display: block;}
.co28 .row .box:nth-child(even){border-left: 0.5px solid #AAAAAA; }
.co28 .row .box .innerbox .smallspan{font-size: 15px;}
.co29{display: flex;}
.co29 .left{width: 30%; display: flex;}
.co29 .left .subject{margin: 0;}
.co29 .right{width: 70%;}
.co29 .right .top{text-align: center; padding: 11px; background-color: #0656A3; color: #fff; font-size: 20px; font-weight: 700;}
.co29 .right .bottom{display: flex; gap: 30px; background-color: #F2F9FF; padding: 15px 30px; font-weight: 500;line-height: 30px;}
.co29 .right .bottom .s1stbox{font-size:20px; font-weight:700; color: #333333; }
.co29 .right .bottom .s2ndbox{}
.co29 .left .subject{display: block;}








.con2 .total{font-size: 22px; font-weight: 500; color: #484F4B; text-align: left;}
.con2 .total strong{font-weight: 700}
.con1-wr .con1 .headtext{font-size: 38px; font-weight: 700; color:#484F4B; text-align: center; margin-bottom: 30px;}
.con1-wr .con1 .bar{position: relative; height:2px; width: 100%; background-color: #F0F0F0;}
.con1-wr .con1 .bar .bar-blue{position: absolute; top:-0.25px; right: 0; height: 2.5px; background-color: #015AAA; width: 127px;}
.con2-wr .con2{margin-top: 127px; width: 1280px;}
.con1-wr .con2{margin-top: 127px; width: 1280px;}
.con1-wr .con2 .con-text{margin-top: 75px; font-size: 19px; line-height: 28px; color: #484F4B;}
.con2t{font-size: 17px; font-weight: 300; color: #484F4B; line-height: 25px;}
.linkedwr{margin-top: 40px; display: flex; flex-direction: row; justify-content: left; width: 100%; gap: 35px;}
.linkedwr.two{gap: 14px; justify-content: space-between;}
.linkedwr .linked{background-color: transparent; transition: 0.2s all; display: flex; justify-content: center; align-items: center; padding: 0 23px; height: 38px; border-radius: 21px; border: 1px solid #AAAAAA; font-size: 15px; font-weight: 500; color: #AAAAAA; }
.linkedwr.two .linked{padding: 0 14px; }
.linkedwr .linked.active{color: #fff; background-color: #015AAA; transition: 0.2s all; border: 1px solid #015AAA;}
.linkedwr .linked:hover{transition: 0.2s all; border: 1px solid #015AAA;}
.midwr{margin-top: 80px; display: none; width:1280px}
.midwr.view{display:block}
.midwr .midt{display: flex; flex-direction: row; justify-content: left; align-items: center; gap:20px}

.midwr .dashbar{margin-top: 22px; border-bottom: 1px dashed #AAAAAA;}
.midt img{width: 29px;}
.midt span{font-size: 25px; font-weight: 700; color: #484F4B;}

.con2-grid{display: grid; grid-template-columns: repeat(2, 1fr);; margin-top: 80px; gap: 70px;}
.con2-grid .box{display: flex; flex-direction: column;gap: 30px; justify-content: center;}
.con2-grid .box .nametag{display: flex; justify-content: left; gap: 8px; align-items: center;}
.con2-grid .box .nametag img{width: 13px; height: 13px;}
.con2-grid .box .nametag span{font-size: 20px; font-weight: 700; color: #484F4B;}
.con2-grid .box .img{display: flex; justify-content: center; align-items: center; width: 100%;}
.con2-grid .box .img img{width: 70%;}
.con2-grid .box.column2{grid-column: span 2;}
.con2-grid .box.column2.flexcenter {display:flex; align-items:center}
.con2-grid .box.column2.flexcenter img{width:70%}
.con2-grid .box .innertable{border-top: 2px solid #afafaf; border-spacing:0;border-bottom: 2px solid #afafaf;}
.con2-grid .box .innertable th{ border-bottom: 0.75px solid #afafaf; padding: 10px 0; font-size: 17px; color: #484F4B; font-weight: 500; background-color: #F0F0F0;}
.con2-grid .box .innertable th:not(:first-child){border-left: 0.75px solid #afafaf;}
.con2-grid .box .innertable td{ border-bottom: 0.75px solid #afafaf; font-size: 17px; color: #484F4B; font-weight: 400; }
.con2-grid .box .innertable td:not(:first-child){border-left: 0.75px solid #afafaf;}
.slider-wr{display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin: 121px 0; align-items: center;}
.btn-wrap {
	text-align: center;
}
.slider{width: 90%; }
button.slick-disabled {
	opacity: 0.6;
}


.slider a img{width: 200px; height: 130px; border: 1px solid #EEEEEE;}
.slider a{display: flex!important; flex-direction: column; gap: 20px; justify-content: center; align-items: center; text-align: center; color:#484F4B; font-size: 16px; font-weight: 400;}
.btn-wrap .prev-btn, .btn-wrap .next-btn{position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; border: 2px solid #CCCCCC; border-radius: 50%;}
.btn-wrap .prev-btn:hover, .btn-wrap .next-btn:hover{transform: scale(0.9); transition: 0.2s all;}
.btn-wrap .prev-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 53%;
  border: solid #cccccc;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
}
.btn-wrap .next-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 47%;
  border: solid #cccccc;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}


.contactimg{width:100%; padding:120px 0; font-size:23px; color:#fff; text-align:center; font-weight:300; line-height:30px; background-size: cover;}
.contacttext{display: flex; flex-direction: column; margin-top: 50px; gap:24px}
.contacttext .line{display: flex; flex-direction: row; gap: 20px; align-items: center;font-size: 23px; color: #484F4B; font-weight: 300;}
.contacttext .imgwr{width: 22px;}
.contacttext .h1{ font-weight: 700;}


.blank{height:100px;}



#gall_ul .gall_li .new_icon{display: none;}

.wrapper .board-wr{width:1280px;}
#bo_gall .gall_info{display: none;}
#bo_gall .gall_img{ position: relative;}
#bo_gall .gall_img a{height:100%; }
#bo_gall .gall_img span{height:100%; width: 100%; display: flex; align-items: center; justify-content:  center;}
#bo_gall .gall_img a img{width: 100%;}
#bo_gall .gall_img .overlay{position: absolute; background-color: #00000000; width: 100%; height: 100%; transition: 0.2s all; display: flex; justify-content: center; align-items: center; border: 3px solid transparent;}
#bo_gall .gall_img .overlay img{width: 43px; opacity: 0; transition: 0.2s all;}
#bo_gall .gall_img:hover .overlay{position: absolute; background-color: #00000055; transition: 0.2s all;pointer-events: none;border: 3px solid #015AAA;}
#bo_gall .gall_img:hover .overlay img{ opacity: 1;pointer-events: none;transition: 0.2s all; }
#bo_gall #gall_ul{display: grid; grid-template-columns: repeat(2, 1fr); column-gap:21px;row-gap: 35px; margin-top: 60px; width: 100%;}
#bo_gall #gall_ul.company5{grid-template-columns: repeat(3, 1fr);}
#bo_gall #gall_ul.company5 .gall_li{padding: 14px;}
#bo_gall #gall_ul.company5 .gall_img{border: 1px solid #B7B6B6; padding: 30px;}
#bo_gall #gall_ul.company5 .gall_img a{display: flex; align-items: center; justify-content: center;}
#bo_gall #gall_ul.company5 .bo_cate_link{display: none;}
#bo_gall #gall_ul.company5 .gall_text_href{margin-top: 19px;}
#bo_gall #gall_ul.company5 .gall_text_href .bo_tit{font-size: 18px; font-weight: 400; color: #636161;}
#bo_gall #gall_ul.community4{grid-template-columns: repeat(3, 1fr); column-gap: 17px;}
#bo_gall .gall_text_href{margin-top: 55px; }
#bo_gall .gall_text_href .bo_tit{font-size: 20px; line-height: 30px; color: #484F4B;}
#bo_gall .gall_text_href .bo_cnt_wr{font-size: 18px; margin-top: 16px;}

.btn_bo_user {margin-left: auto;}
#bo_gall .gall_li{padding:0}


.circle {
  width:56px; /* 원의 크기 */
  height: 56px; /* 원의 크기 */
  background-color: black; /* 원의 색상 */
  border-radius: 50%; /* 원 모양 만들기 */
  position: absolute; /* 내부 요소 위치 조정을 위해 상대 위치 설정 */
  bottom: -20px;
  right: 33px;
  overflow: visible;
  box-shadow: 0px 5px 10px #00000029;
  transform: scale(1.00);
  transition: 0.2s all;
}
.circle:hover{
  transform: scale(1.05);
  transition: 0.2s all;
}

.cross {
  position: absolute; /* 원 내에서 절대 위치 설정 */
  background-color: white; /* 십자가 색상 */
}

.horizontal {
  top: 50%; /* 수평 중앙 */
  left: calc(50% - 10px);
  width: 21px; /* 가로선의 너비 */
  height: 1px; /* 가로선의 굵기 */
}

.vertical {
  top: calc(50% - 10px);
  left: 50%; /* 수직 중앙 */
  width: 1px; /* 세로선의 굵기 */
  height: 21px; /* 세로선의 높이 */
}



/* 화살표 버튼 기본 스타일 */
.arrow-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

/* 이전 화살표 */
.arrow-button.prev::before,
.arrow-button.prev::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 2px;
  background-color: #484F4B;
  top: calc(50% - 0.5px);
  left: calc(50% - 1px);
}

.arrow-button.prev::before {
  transform: translate(-4px, -4px) rotate(-45deg);
}

.arrow-button.prev::after {
  transform: translate(-4px, 4px) rotate(45deg);
}

/* 다음 화살표 */
.arrow-button.next::before,
.arrow-button.next::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 2px;
  background-color: #484F4B;
  top: calc(50% - 0.5px) ;
  left: calc(50% - 1px);
}

.arrow-button.next::before {
  transform: translate(-4px, 4px) rotate(135deg);
}

.arrow-button.next::after {
  transform: translate(-4px, -4px) rotate(-135deg);
}

.pg_wrapper{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row;margin: 151px 0 216px 0;}
.pg_wrap{display: flex;flex-direction: row;}
.pg{display: flex;flex-direction: row; align-items: center; justify-content: center; gap:30px}
.pg_page{display: flex; align-items: center; justify-content: center; border: none; 
  background-color: transparent;padding: 0px; font-size: 16px;line-height: 28px;font-weight: 500;min-width: 15px;
  transition: 0.2s color;border-radius: 0px;}

.pg_page:hover{color:#484F4B;border-bottom:2px solid #484F4B ;transition: 0.2s color;}
.pg_page.pg_next:hover{border-bottom:none; transform: translateX(2px); transition: 0.2s all;}
.pg_page.pg_next_disabled:hover{border-bottom:none;}
.pg_page.pg_next_disabled .arrow-button{cursor: default; }
.pg_page.pg_next_disabled .arrow-button::before,
.pg_page.pg_next_disabled .arrow-button::after{background-color: #959595;}
.pg_page.pg_prev:hover{border-bottom:none; transform: translateX(-2px); transition: 0.2s all;}
.pg_page.pg_prev_disabled:hover{border-bottom:none;}
.pg_page.pg_prev_disabled .arrow-button{cursor: default; }
.pg_page.pg_prev_disabled .arrow-button::before,
.pg_page.pg_prev_disabled .arrow-button::after{background-color: #959595;}
.pg_current{display: flex;flex-direction: row; align-items: center; justify-content: center;
  color:#484F4B;background-color: transparent;border: none;padding: 0 10px;
  font-size: 16px; line-height: 28px; cursor: default; font-weight: 500; 
  border-bottom:2px solid #484F4B ; border-radius: 0px; padding: 0; min-width: 15px;}


.bo_fx{display: none;}


.h2-text {font-size: 45px; font-weight: 700; margin-top: 126px;}
.qasection{background-color: #F6F6F6; padding: 1px; margin-top: 126px;}

.h3-text {font-size: 30px; font-weight: 700;}
.h4-text {font-size: 20px; font-weight: 400; color: #030303; margin-top: 20px;}
.qasection1 .chbox-wr{display: flex; justify-content: space-between; gap: 55px; margin-top: 55px;}


.qasection2{margin-top: 149px;}

.h4gray{color:#AAAAAA}

.qa-wr1 {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 36px; column-gap: 100px; margin-top: 48px;}
.qa-wr1 .holder{display: flex; width: 100%; align-items: center; gap: 28px;}
.qa-wr1 .holder-text{ font-size: 23px; min-width: 70px; text-align-last: justify; font-weight: 700;}
.qa-wr1 .qa_input{height:84px; width: 100%; padding: 0 49px; border: 1px solid #D9D9D9;font-family: 'pretendard';font-size: 20px; font-weight: 500; color:#000; line-height: 0;}
.qa-wr1 .qa_input::placeholder{font-family: 'pretendard'; font-size: 20px; font-weight: 500; color:#AAAAAA; line-height: 0;}
.qa-wr2{padding-left: 98px;}
#bo_w .write_div:after{display: none;}

.btn_confirm {float: left;}
textarea{resize: none;}

.chbox {
  display: none; /* 기본 체크박스 숨기기 */
}

.custom-checkbox-label {
  position: relative;
  padding-left: 30px; /* 텍스트와 체크박스 아이콘 사이의 간격 */
  margin-top: 30px;
  cursor: pointer;
  font-size: 21px;
}

.custom-checkbox-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 4px; /* 테두리 둥글게 */
  background-color:#D9D9D9;
}
.custom-checkbox-label:after {
  content: ''; /* 체크 표시 대신 CSS로 체크 모양 생성 */
  position: absolute;
  left: 6px;
  top: 2px;
  width: 9px;
  height: 17px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateX(2.5px) translateY(-2px);
  background: transparent;
}
.custom-checkbox-label .labeltext{margin-left: 10px; color: #AAAAAA;}
.custom-checkbox-label .labeltext strong{font-weight: 700; color: #000;}
.chbox:checked +.custom-checkbox-label:before{
  border:0;
  
}
.chbox:checked + .custom-checkbox-label:after {
  content: ''; /* 체크 표시 대신 CSS로 체크 모양 생성 */
  position: absolute;
  left: 6px;
  top: 2px;
  width: 9px;
  height: 17px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateX(2.5px) translateY(-2px);
  background: transparent;
}
#captcha{}
.submitbutton{display:flex;width:100%;  justify-content:center; padding:185px 0; gap:101px;}
.submitbutton .btn_submit{display:flex; background: #000000; width:328px; justify-content:center; height:70px; align-items:center; border-radius:0; }
.submitbutton .btn_submit span{font-family:'pretendard';font-size:25px; font-weight:400;}
.submitbutton .cancelbutton{width:328px; height:70px; display:flex; background: #fff;justify-content:center; align-items:center;font-family:'pretendard';font-size:25px;border: 1px solid #000}

/*비전과미션*/
.visection1{position: relative; margin-top: 118px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;z-index: 1;}
.vitext{font-size: 40px; font-weight: 700; opacity:0; transform: translateY(30px); color: #0656A3;}
.vitext.visible{opacity:1; transition:0.5s ease-in-out; transform: translateY(0); color: #0656A3;}
.visection1 .vitextbox{display: flex; justify-content: center; align-items: center; margin:27px 0 173px 0; width:770px; background-color: #0656A3; color: #fff; font-size: 22px; font-weight: 700; border-radius: 48px; height: 60px;}
.visection1 .vitextbox.white{font-size: 25px; background-color: #fff; color: #222935; border: 3px solid #0656A3; font-weight: 500;}
.visection1 .vitextbox.white span{color: #0656A3; font-weight: 700;}
.visection2{margin-top: -618px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;overflow: visible;}
.bg1, .bg2 {  
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: contain;
  
}

.bg1{position: absolute; width: 867px; height: 1024px;overflow: visible;}
.bg2{position: relative; width: 1241px; height: 824px;top:384px; display: flex; justify-content: center; align-items: center;}
.bg2 img{ width: 875px;mix-blend-mode: multiply;position: relative;top:50px}
.visection3{margin-top :640px;display: flex; justify-content: center; align-items: center; flex-direction: column;}
.visection3 .circle-wr, .visection3 .textbox-wr{margin-top: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row;gap: 30px;}
.visection3 .textbox-wr{gap:70px;}
.visection3 .circle-wr .circlebox{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 250px; height: 250px; border-radius: 50%;mix-blend-mode: multiply; color: #fff; gap:10px; margin: 0 -10px;}
.visection3 .textbox-wr .textbox{display: flex; align-items: center; flex-direction: column; width: 210px; height: 250px;  color: #000; gap:10px; margin: 0 -10px; font-size: 20px; font-weight: 500;line-height: 30px; }
.visection3 .circle-wr .circlebox .circletext{font-size: 22px; font-weight: 500;}
.visection3 .circle-wr .circlebox .circleen{font-size: 18px; font-weight: 300;}
.visection3 .circle-wr .circlebox.c1{background-color: #1AAACF;}
.visection3 .circle-wr .circlebox.c2{background-color: #4DA4F1;}
.visection3 .circle-wr .circlebox.c3{background-color: #2F6FAC;}



.circlebox{opacity: 0; transition: 0.6s ease-in-out;}
.circlebox.visible{opacity: 1; transform: translateX(0); transition: 0.3s ease-in-out;}
.circlebox.c1{transform: translateX(50px);}
.circlebox.c1.visible{transform: translateX(0); transition: 0.5s ease-out;}
.circlebox.c2{}
.circlebox.c3{transform: translateX(-50px);}
.circlebox.c3.visible{transform: translateX(0); transition: 0.5s ease-out;}

.hisection1{margin-top: 124px;display: grid; grid-template-columns: 30% 5% 55%; gap: 45px; padding-left: 120px; }
.hisection1 .years{font-size: 45px; font-weight: 700; text-align: right; opacity: 0; transform: translateY(-30px); color: #0060A4;}
.hisection1 .hiscolumn{ display: flex; gap: 17px; flex-direction: row; }
.hisection1 .hiscolumn .num{font-size: 15px; font-weight: 700; width: 80px;}
.hisection1 .hiscolumn .text{font-size: 15px; font-weight: 400; color: #636161;}
.hisection1 .hiscolumn .h1text{font-size: 22px; font-weight: 500; margin-top: -40px; line-height: 27px;}
.hisection1 .hiscolumn .h1text span{color: #015AAA;}
.hisection1 .histext{margin-top: 19px; display: flex; gap: 20px; flex-direction: column; opacity: 0; transform: translateY(-30px);}
.hisection1 .dot{margin-top: 4px; position: relative; width:48px; height: 48px; opacity: 0; transform: scale(2); background-image: url(../img/about/dot.svg);}
.hisection1 .dot1{margin-top: -20px; width:48px; height: 48px;background-image: url(../img/about/dot.svg);}
.hisection1 .bar{margin-left:23.5px ; margin-top: 33px; position: absolute; width: 1.5px; height:2117px; 
  background: linear-gradient(to bottom, #0060A4, #fff 80%);
  background-attachment: fixed;
  }
.hisection1 .years.visible {opacity: 1; transition: 0.5s ease-in-out; transform: translateY(20px);}
.hisection1 .dot.visible {opacity: 1; transition: 0.5s ease-in-out; transform: scale(1);}
.hisection1 .dot1.visible {opacity: 1; transition: 0.5s ease-in-out; }
.hisection1 .histext.visible {opacity: 1; transition: 0.5s ease-in-out; transform: translate(0);}

.con-grid{width: 100%; display: grid;grid-template-columns: repeat(4, 1fr); row-gap: 100px; column-gap: 75px;font-family: 'pretendard'; margin-top: 100px;}
.con-grid.columns2{grid-template-columns: 10% 90%; row-gap: 10px; column-gap: 0px; justify-content: left; align-items: end;}
.con-grid.columns2 .left{width:127px; font-size: 21px; font-weight: 700; color: #484F4B; padding: 20px 0; border-bottom: 3px solid #484F4B;}
.con-grid.columns2 .left span{margin-left: 10px;}
.con-grid.columns2 img{width: 127px; padding: 20px 0 0 0;}
.con-grid.columns2 .right{padding: 20px 0; font-size: 21px; font-weight: 500; color: #484F4B; border-bottom: 1.5px solid #D6D6D6;}
.con-grid.columns2 .right span{margin-left: 25px;}
.con-grid.columns2 .region{font-size: 27px; font-weight: 700; color:#015AAA; padding: 20px 0 0 0;}
.con-grid.columns2 .region span{margin-left: 25px;}
.con-grid .gridbox{display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 24px;}
.con-grid .gridbox.span2{display: flex; flex-direction: column; grid-column: span 2;justify-content: start; align-items: center; gap: 12px;}
.con-grid .gridbox .img{height: 366px;}
.con-grid .gridbox .img img{height: 100%;}
.con-grid .gridbox .text{color: #636161; font-size: 18px; line-height: 25px; letter-spacing: -0.27px; text-align: center;}

#ft{position: relative; z-index: 9999;}
#ft_wr .left{display: flex; flex-direction: column; gap: 10px; color: #999595; font-size: 13px; line-height: 19px;}
#ft_wr .left img{width: 85%;}


#ft_wr .right .ft_down{display: flex; flex-direction: row; gap:20px}
#ft_wr .right .ft_down .gnb_1da{padding-left: 0; color: #F0F0F0; margin-top: 55px; font-weight: 500;}
#ft_wr .right .ft_down .gnb_2dul{display: block; position: relative; top: 0; }
#ft_wr .right .ft_down .gnb_2da{background: transparent; padding: 0; line-height: 1; margin-top: 13px;color:#C1C3C5; font-weight: 400;}
#ft_wr .right .ft_down .gnb_2dul .gnb_2dul_box{height:auto;}

.cosection1-wr{width: 1280px;}
.cosec-h1{font-size: 45px; font-weight: 700; }
.cosec-p{margin-top: 33px; font-size: 20px; font-weight: 400; color: #030303; letter-spacing: -0.1px; line-height: 30px;}
.cosec-img{margin-top: 69px; width:100%; min-height: 502px; display: flex; justify-content: center; align-items: center; background-size: contain;}
.cosec-img img{mix-blend-mode: multiply; height: 322px;}
.cosec-button-wr{margin-top: 40px; display: flex; justify-content:end; flex-direction: row; gap:12px;}
.cosec-button{display: flex; justify-content: center; align-items: center; background-color: #000; width: 170px; height: 42px; font-size: 16px; font-weight: 500; color: #fff; gap:10px}

.pack-wr{display: grid; grid-template-columns: 50% 50%; justify-content: center;}
.pack-wr > *:nth-child(odd) {
  justify-self: end; /* 홀수 번째 자식(각 줄의 왼쪽)은 오른쪽 정렬 */
}

.pack-wr > *:nth-child(even) {
  justify-self: start; /* 짝수 번째 자식(각 줄의 오른쪽)은 왼쪽 정렬 */
}
.pack-img1 img{width: 100%;}
.pack-img2 img{width: 100%;}
.pack-img1{opacity: 0; transform: translateX(-50px);}
.pack-img2{opacity: 0; transform: translateX(50px);}
.pack-img1.visible{opacity: 1; transform: translateX(0px); transition: 0.5s ease-in-out;}
.pack-img2.visible{opacity: 1; transform: translateX(0px); transition: 0.5s ease-in-out;}
.pack-text1{width: 640px; display: flex; flex-direction: column; padding: 90px 0 90px 90px; justify-content: end;}
.pack-text2{width: 640px; display: flex; flex-direction: column; padding: 90px 90px 90px 0; justify-content: end;}

.pack-text-h{font-size: 45px; font-weight: 700; }
.pack-text-p{margin-top: 69px; font-size: 20px; font-weight: 500; color:#030303}

/* 로딩 화면 스타일 */
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000; /* 다른 요소 위에 표시되도록 z-index 설정 */
}
#loading img{width:100px}

/* 페이지 로드 후 숨겨질 때의 스타일 */
#loading.hidden {
    display: none;
}

.iw_inner {font-family: 'pretendard' !important; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.iw_inner h3{font-size: 20px; font-weight: 700;font-family: 'pretendard' !important;}
.iw_inner p{margin-top:10px; font-size: 15px; font-weight: 300; font-family: 'pretendard';}
.ad-wr {display: flex; width: 100%; flex-direction: column; margin-top: 50px ; font-family: 'pretendard';}
.ad-wr .column{display: flex; }
.ad-wr .left{display: flex; flex-direction: row; width: 182px; justify-content: left; gap: 17px; align-items: center;padding: 20px 0; border-bottom: 3px solid #000;}
.ad-wr .right{padding-left: 50px; display: flex;justify-content: left;align-items: center; border-bottom: 1px solid #D6D6D6; width: 100%;}
.ad-wr .left span{font-size: 23px; font-weight: 700;}
.ad-wr .column .img-wr{width: 40px; height:40px; display: flex; align-items: center; justify-content: center;}
.ad-wr .column .img-wr img{width: 100%; height: 100%; object-fit: contain;}

.cosec-h1box{display: inline-block; border-radius: 23px; background-color: #000; min-height: 45px; line-height: 45px; font-size: 27px; align-self: center; text-align: center; color: #fff; padding: 0 30px; font-weight: 700; letter-spacing: -0.14px;}
.cosec-p.mg{margin-left: 30px; display: flex; flex-direction: row;}
.cosec-h2{margin-top:33px; margin-left: 30px; font-size: 23px; font-weight: 700;}

.cosection2{background-color:#F6F6F6; padding-top: 106px;font-family: 'pretendard';display: flex; justify-content: center; flex-direction: column; align-items: center; gap:85px}
.cosection2-wr{width: 1280px;}
.roundnum{width:30px;height:30px; border: 2px solid #000; border-radius: 50%; display: flex; justify-content: center ; align-items: center; font-size: 20px; font-weight: 500;}
.bo_v_tit_date{font-size: 20px; color: #333333; font-weight: 500;}
.bo_w_tit.write_div .holder{width: 100%;}
.bo_w_tit.write_div .holder input{width: 100%; height: 40px; border: 1px solid #d0d3db; border-radius: 3px; padding: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.cosec-grid{display: flex; flex-direction: row; justify-content: space-between;}
.cosec-grid .left{padding-bottom: 50px;}
.cosec-grid .right img{width: 100%; height: 100%; opacity: 0;transform: scale(0.5);}
.cosec-grid .right img.visible{opacity: 1; transform: scale(1); transition: 1s ease-in-out;}
.cosec-grid .right{padding-right: 50px;}
.blank{display: flex; align-items: center;}
.blank .dashed_line{width: 100%; border-bottom: 1px dashed #AAAAAA;}
.icon-box-wr{display: flex; flex-direction: row; width: 1000px; align-items: center; margin: 0 auto; gap:38px; margin-top: 53px;}
.icon-box{display: flex; flex-direction: column;align-items: center;width: 181px; height: 181px; 
  justify-content: center; font-size: 23px; gap:24px; font-weight: 700; border: 2px solid #000; border-radius: 28px; background-color: #fff; opacity: 0; transform: translateX(-30px);}
.icon-box img{height:75px;}
.icon-box.visible{opacity: 1; transform: translateX(0); transition: 0.3s ease-in-out;}
.icon-box-wr .arrow{height: 40px;}
.arrow img{height: 100%;}
.downbutton{display:flex; background: #000000; width:328px; justify-content:center; height:70px; align-items:center; border-radius:0; margin: 61px auto; font-size: 25px; font-weight: 500; color: #fff;
gap:20px}
.downbutton img{height: 30px;}
.h5text{margin: 0 auto; text-align:center; font-size: 32px; font-weight: 700; line-height: 49px; letter-spacing: -0.16px; }

.bo_tit .imgdiv img{border-radius: 21px; margin-left: 0;}
#bo_list .td_subject.pressnews{padding: 30px 0;}
.bo_tit a{display: flex; flex-direction: row;}
.bo_tit a .textdiv{padding: 8px 46px;}
.bo_tit a .textdiv .subjecttext{font-size: 25px; font-weight: 700; color: #333333; letter-spacing: -0.13px;}
.bo_tit a .textdiv .ptext{font-size: 20px; font-weight: 400; color: #636363; letter-spacing: -0.1px; margin-top: 46px; line-height: 30px;}
.tbl_head01 .even.press{border-bottom: 0;}

.infsection1{display: flex; flex-direction: column; align-items: center; }
.infh1{font-size: 45px; font-weight: 700; letter-spacing: -0.23px; margin-top: 146px}
.inftext{font-size: 20px; font-weight: 400; color: #030303; line-height: 30px; margin-bottom: 62px; margin-top: 34px; text-align: center;}

#map-container {
  width: 100%;
  height: 100%;
}

#map-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map-container .marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.riceimg{height: 421px; margin: 0 auto;}

#bo_gall #gall_ul2{display: grid; grid-template-columns: repeat(2, 1fr); gap:50px;margin-top: 60px; }
#bo_gall #gall_ul2 .gall_li{width: 100%;}
#bo_gall #gall_ul2 .gall_img a img{border-radius: 0;}



.arsection1{width:1280px; display: flex; flex-direction: row; margin-top: 149px; justify-content: center; gap: 78px;}
.arsection1 .left{width: 494.5px; display: flex; align-items: center; cursor: pointer;}
.arsection1 .left #intromap{ margin-top: 50px;}
.arsection1 .right {position: relative;}
#gangwon:hover .st0 {fill:#000; transition: 0.2s all;}
#gangwon:hover .text path{fill:#FFF; transition: 0.2s all;}
#gyeonggi:hover .st0 {fill:#000; transition: 0.2s all;}
#gyeonggi:hover .text path{fill:#FFF; transition: 0.2s all;}
#jeolla:hover .st0 {fill:#000; transition: 0.2s all;}
#jeolla:hover .text path{fill:#FFF; transition: 0.2s all;}
#chungcheong:hover .st0 {fill:#000; transition: 0.2s all;}
#chungcheong:hover .text path{fill:#FFF; transition: 0.2s all;}
#gyeongsang:hover .st0 {fill:#000; transition: 0.2s all;}
#gyeongsang:hover .text path{fill:#FFF; transition: 0.2s all;}
#jeju:hover .st0 {fill:#000; transition: 0.2s all;}
#jeju:hover .text path{fill:#FFF; transition: 0.2s all;}

.right .toptext{font-size: 45px; font-weight: 700; margin-bottom: 10px;}
.right .imgboxwr{margin-top: 32px; display: flex; flex-direction: row; align-items: center; gap: 50px;}
.right .imgboxwr .img{width: 180px; height: 180px;position: relative ;overflow:hidden; 
  border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.right .img img{height: 100%;}
.right .imgboxwr .box{display: flex; flex-direction: column;}
.right .imgboxwr .box span{font-size: 24px; font-weight: 300; color: #333333; line-height: 40px;}
.right .imgboxwr .box span.h1{font-size: 30px; font-weight: 700; color: #000; margin-bottom: 10px;}

.right .gyeonggicon{position: relative; top: 0; opacity: 0;}
.right .gyeonggicon.active{opacity: 1;}

.right .chungcheongcon{position: absolute; top: 0; opacity: 0;}
.right .chungcheongcon.active{opacity: 1;}

.right .gangwoncon{position: absolute; top: 0; opacity: 0;}
.right .gangwoncon.active{opacity: 1;}

.right .jeollacon{position: absolute; top: 0; opacity: 0;}
.right .jeollacon.active{opacity: 1; }

.right .gyeongsangcon{position: absolute; top: 0; opacity: 0;}
.right .gyeongsangcon.active{opacity: 1;}

.right .jejucon{position: absolute; top: 0; opacity: 0;}
.right .jejucon.active{opacity: 1; }






.main-scroll-dots{position:absolute;z-index:100;bottom:35px;left:0;width:100%;text-align:center;}
.main-scroll-dots li:nth-child(1){color:#fff;}
.main-scroll-dots li:nth-child(2){display:inline-block;position:relative;width:21px;height:34px;margin-top:9px;border:1px solid rgba(255,255,255,0.5);border-radius:21px;overflow:hidden;}
.main-scroll-dots li:nth-child(2):before{content:'';position:absolute;top:0;left:10px;width:2px;height:9px;background:#fff;border-radius:50%;animation:mainScrollDotsAnim 1.2s ease-in-out infinite;}
@keyframes mainScrollDotsAnim{
0%{
	transform:translateY(-34px);
}
50%{
	transform:translateY(50%);
}
100%{
	transform:translateY(34px);
}
}

.right .logoblue{transform: translateY(-30px); transition: 0.3s ease-in-out; opacity:0;}
.right .logoblue.visible{transform: translate(0px); transition: 0.3s ease-in-out; opacity:1;}

.line2 .logos{opacity:0; transition:0.3s all; transform:translateY(30px)}
.line2 .logos.visible{opacity:1; transition:0.3s all; transform:translateY(0px)}
.l2 .img1{width:331px;}
.l2 .img2{width:243px;}
.l2 .img3{width:314px;}
.youtube-wrap{width:100%; height:52.65%}
#youtube_player{width:100%; height:100%}

.main-slider {
  width: 100%;
  height:auto;
}

.main-slider img {
  position: relative;
  width: 100%;
  height: auto; 
}

.slick-slide{ position: relative;}
.main .text-wr{text-align: left;  width:calc(100% - 40px); max-width: 1280px; position: absolute; color:#fff; font-size:35px; left:50%; transform: translateX(-50%); top:40%; z-index:999; font-weight: 300;}
.main .toptext2{font-size: 50px; font-weight: 700; line-height: 100px;}
.toptext.black, .toptext2.black{ color: #333333}
.slick-dots{bottom: 20px !important; z-index: 21;}

.slick-dots {
  bottom: 10px; /* 슬라이더 하단에서의 위치 조정 */
  list-style: none; /* 기본 목록 스타일 제거 */
  display: flex; /* dots를 가로로 배치 */
  justify-content: center; /* 중앙 정렬 */
  padding: 0; /* 패딩 제거 */
}
.slick-dots li {
  margin: 0 5px; /* dots 간의 간격 조정 */
}

.slick-dots li button {
  border: none; /* 기본 버튼 테두리 제거 */
  color: transparent; /* 버튼 내 텍스트 숨김 */
  width: 10px; /* 너비 설정 */
  height: 10px; /* 높이 설정 */
  border-radius: 100%; /* 원형으로 만들기 */
  border: 2px solid #FFFFFF;
  transform: translateX(-10px);
}

.slick-dots li.slick-active button {
  background-color: #0656A3; /* 활성화된 dot의 색상 변경 */
  border: 2px solid #0656A3;
}
.slick-dots li button:before{display: none;}

.slick-dotted.slick-slider{margin-bottom: 0;}
#pauseButton {
  transform: translateX(25px);
  position: absolute;
  cursor: pointer;
  width: 13.2px;
  height: 13.2px;
  background-color: transparent;
  border: 0px;
  margin-left: 10px;
  z-index: 21;
  bottom:27px;
  display: flex;
  justify-content: space-between;
}
#pauseButton.paused{  width: 0;
  width: 0;
  height: 0;
  border-top: 6.7px solid transparent;
  border-bottom: 6.7px solid transparent;
  border-left: 10.2px solid #fff}

#pauseButton div{background-color:#fff;
width: 33%;
height:100%
}

.none{display: none;}


.subjecth1{text-align:left;font-size:32px;font-weight:600;line-height:45px}
.subjecth1 span{font-weight:700;color:#0656A3;}
.company1{text-align:right;font-size:20px;line-height:28px;font-weight:400;color:#666666;}
.company1 .name{font-size:25px;font-weight:500;}
.logobntimg{margin-right: 5px;}
.mw25{min-width: 235px;}