@media screen and (max-width:767px) {


.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}


/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

a{position: relative;}

a:focus::before,
button:focus::before{content:'';position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%); width: calc(100% + 6px); height: calc(100% + 6px);border:3px dashed transparent;z-index: 9999; outline:0;}

button:focus-visible::before,
a:focus-visible::before{content:'';position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%); width: calc(100% + 6px); height: calc(100% + 6px);border:3px dashed var(--co01);z-index: 9999;outline:0;}

a.skip01,
a.skip02{position: absolute;top: -50px;left: 0;display: flex;align-items: center; justify-content: center;background: var(--co01);width: 100%;height: 30px;color: #fff;font-weight: 700;text-align: center;z-index: 9999;font-size: 14px;}

a.skip01:focus,
a.skip02:focus{top: 0;}

/* header */
#header{line-height: 1;border-bottom: 1px solid #ddd;}
#header .h_top{position: relative;border-bottom: 1px solid #ddd;}
#header .h_top .inner{display: flex;align-items: flex-end; justify-content: space-between; height: 60px;padding-bottom: 10px;}	
#header .h_top a{font-size: 11px; color: #666;}
#header .h_top .left{display: flex; align-items: center;gap:10px;}
#header .h_top .left a{display: flex; align-items: center; gap:6px;}
#header .h_top .left a img{width: 11px;}
#header .h_top .right{display: flex; align-items: center;gap:15px;}
#header .h_top .right .btn_wrap{position: absolute;right: 2.6%;top: 10px;display: flex;gap:5px;}
#header .h_top .right .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 80px; height: 21px; background: #f5f5f5; border-radius:50px;font-size: 11px; color: #333; font-weight: 500;transition:.3s;}
#header .h_top .right .btn_wrap a:hover{background: var(--co01); color: #fff;}
#header .h_top .right .log_wrap{display: flex;gap:15px;}
#header .h_top .right .log_wrap a{position: relative;font-size: 11px;}
#header .h_top .right .log_wrap a:not(:last-child)::after{content:'';position: absolute;right: -9px; top: 50%; transform:translateY(-50%);width: 3px; height: 3px; background: #bbb; border-radius:50%;}

#header .h_bot .inner{display: flex;align-items: center; justify-content: space-between; height: 50px;}
/**/#header .h_bot h1 a img{width: 150px;}
#header .h_bot ul.gnb{display: none;gap:70px;} 
#header .h_bot ul.gnb li a{display: flex;font-size: 17px; color: #333; font-weight: 500;}
#header .h_bot .right{display: flex;gap:14px;align-items: center;}
#header .h_bot .right a.search_pop_btn img{width: 18px;}

/* 박철순 추가 수정 */
.search_pop{display: none;position: absolute;top: 112px;left: 0;width: 100%; background: #fff; z-index: 8500; line-height: 1;padding: 15px 20px; box-shadow:5px 5px 6px rgba(0,0,0,.12);}
.search_pop .search{display: flex;align-items: center;justify-content: center;width: 800px;max-width: calc(100% - 5.2%); border-bottom: 1px solid #ddd;margin: 0 auto;}
.search_pop .search form{width: calc(100% - 30px);}
.search_pop .search form input[type="text"]{border:0; width: calc(100% - 30px); height: 35px;font-size: 13px; color: #999;}
.search_pop .search a.search_btn{width: 30px;}
.search_pop .search a.search_btn img{display: block;margin-left: auto;width: 16px;}

#header .h_bot .right .search.on{width: 160px;border-bottom: 1px solid #333;}
#header .h_bot .right .search.on input[type="text"]{display: block;}

#header .h_bot .right .all_btn{display: none;position: relative; width: 26px;	height: 18px;}
#header .h_bot .right .all_btn::before{content:'';position: absolute; top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header .h_bot .right .all_btn::after{content:'';position: absolute; bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header .h_bot .right .all_btn span{display: block;position: absolute; top: 8px; right: 0;width: 100%; height: 2px; background: #333;}

#header.on .h_bot .right .all_btn::before{transform:rotate(45deg);top: 8px;}
#header.on .h_bot .right .all_btn::after{transform:rotate(-45deg);bottom: 8px;}
#header.on .h_bot .right .all_btn span{opacity: 0;}

.all_menu_wrap{display: none;position: absolute;top: 142px;left: 0;width: 100%; background: #fff; z-index: 9999; line-height: 1;}
.all_menu_wrap .all_menu{display: flex; justify-content: center;}
.all_menu_wrap .all_menu .menu{min-width: 175px;border-right: 1px solid #ddd;padding: 30px 35px 30px 20px ;}
.all_menu_wrap .all_menu .menu:first-child{border-left: 1px solid #ddd;}
.all_menu_wrap .all_menu .menu strong{display: block;font-size: 17px; color: #333; font-weight: 700; margin-bottom: 20px;}
.all_menu_wrap .all_menu .menu ul li a{font-size: 15px; color: #999; line-height: 28px;}
.all_menu_wrap .all_menu .menu ul li.on a{color: var(--co01);}
.all_menu_wrap .all_menu .menu ul li:hover a{text-decoration:underline;}

/*navi*/
.nav_btn{display: block;position: relative; width: 20px; height: 14px;height: 700;}
.nav_btn::before{content:'';position: absolute; top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.nav_btn::after{content:'';position: absolute; bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.nav_btn span{display: block;position: absolute; top: 6px; right: 0;width: 100%; height: 2px; background: #333;}

#header.nav .nav_btn::before{transform:rotate(45deg);top: 6px;}
#header.nav .nav_btn::after{transform:rotate(-45deg);bottom: 6px;}
#header.nav .nav_btn span{opacity: 0;}

.navigation{display: none;position: absolute;top: 112px; right: 0;height: 100%;background: #fff;width: 100%; z-index: 8000;}
.navigation .nav_wrap{display: flex;}
.navigation .depth01_wrap{width: 170px;background: #f5faff;}
.navigation .depth01_wrap a{display: flex;align-items: center;height: 40px;padding: 0px 10px;font-size: 15px; color: #333;font-weight: 500;}
.navigation .depth01_wrap a.on{color: var(--co01);background: #fff;}

.navigation .menu_wrap{width: calc(100% - 170px);padding: 10px 15px;}
.navigation .depth02_wrap h3{border-bottom: 1px solid #ddd;}
.navigation .depth02_wrap h3 a{display: flex;align-items: center;height: 50px;font-size: 18px; color: #333; font-weight: 500;}
.navigation .depth02_wrap > ul{padding: 15px 0px 40px;}
.navigation .depth02_wrap > ul > li > a{font-size: 13px; color: #666; line-height: 26px;}
.navigation .depth02_wrap ul li.depth02_btn{position: relative;display: block;} 
.navigation .depth02_wrap ul li.depth02_btn::after{content:'';position: absolute;right: 0; top: 10px; background: url(/images/kor/main/nav_bt_mob.png)center no-repeat; width: 15px; height: 8px; background-size: cover;}
.navigation .depth02_wrap ul li.depth02_btn.on::after{background: url(/images/kor/main/nav_top_mob.png)center no-repeat;background-size: cover;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03{display: none;padding: 13px;margin: 15px 0;background: #f5f5f5; border-radius:8px;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li{position: relative;	padding-left: 13px;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li::after{content:'·';position: absolute;left: 0; top: 0;font-size: 13px; color: var(--co01); font-weight: 900;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li a{font-size: 13px; color: #666;line-height: 22px;}

.navi_bg{display: none;position: absolute;top: 112px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 3000;}

/* visual_wrap */
.vis02_pc_img{display: none;}
.vis02_mob_img{display: block;}

#visual_wrap{padding: 30px 0px 40px;line-height: 1;background: #f5faff;}
#visual_wrap .vis_slide_wrap{display: flex;gap:20px;flex-direction: column;}
#visual_wrap .vis_slide_wrap .vis_slide01_wrap{width: 100%;}
#visual_wrap .vis_slide_wrap .vis_slide02_wrap{width: 100%;}

#visual_wrap .vis_slide_wrap .vis_slide01 .slick-prev{position: absolute;left: 0px;top: 50%;transform:translateY(-50%); background: url(/images/kor/main/prev02.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.15);border-radius:50%;}
#visual_wrap .vis_slide_wrap .vis_slide01 .slick-next{position: absolute;right: 0px;top: 50%;transform:translateY(-50%); background: url(/images/kor/main/next02.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.15);border-radius:50%;}

#visual_wrap .vis_slide_wrap ul li .img_wrap{position:relative; width:100%; border-radius:10px; overflow: hidden;}
#visual_wrap .vis_slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

#visual_wrap .vis_slide_wrap ul.vis_slide01 li .img_wrap{padding-bottom:46.479%;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots{position: absolute;left: 50%;bottom: 20px;transform:translateX(-50%);display: flex;gap:8px;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots li{width: 12px; height: 12px; background: #fff; border-radius:50px;text-indent: -9999px;transition:.3s;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots li.slick-active{width: 30px; background: var(--co01);}

#visual_wrap .vis_slide_wrap ul.vis_slide02 li .img_wrap{padding-bottom:46.479%;}
#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-prev{position: absolute; left: 10px; top: 50%;transform:translateY(-50%); background: url(/images/kor/main/vis_prev_mob.png)center no-repeat; width: 7px; height: 12px; background-size: cover;z-index: 100;text-indent: -9999px;}
#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-next{position: absolute; right: 10px; top: 50%;transform:translateY(-50%); background: url(/images/kor/main/vis_next_mob.png)center no-repeat; width: 7px; height: 12px; background-size: cover;z-index: 100;text-indent: -9999px;}

#visual_wrap .menu_con{display: flex;align-items: center;flex-wrap:wrap;justify-content: center;margin-top: 40px;}
#visual_wrap .menu_con .sec_tit01{width: 100%;margin-bottom: 15px;}
#visual_wrap .menu_con .sec_tit01 p{text-align: center;}
#visual_wrap .menu_con .sec_tit01 p br{display: none;}
#visual_wrap .menu_con .btn_slide_wrap{width: 100%;}
#visual_wrap .menu_con .btn_slide_wrap ul.btn_slide li .btn_wrap{display: flex; flex-wrap:wrap; border:1px solid #ddd;border-bottom: 0;}
#visual_wrap .menu_con .btn_slide_wrap ul.btn_slide li .btn_wrap a{display: flex; justify-content: center; align-items: center;flex-direction: column; gap:7px; font-size: 12px; line-height: 1.5;width: calc(100% / 4);height: 60px; padding: 0px; background: #fff;color: #333;border-bottom: 1px solid #ddd;}
#visual_wrap .menu_con .btn_slide_wrap ul.btn_slide li .btn_wrap a:not(:nth-child(4n)){border-right: 1px solid #ddd;}
#visual_wrap .menu_con .btn_slide_wrap ul.btn_slide li .btn_wrap a img{width: 22px;}
#visual_wrap .menu_con .btn_slide_wrap ul.btn_slide li .btn_wrap a i{display: inline;}

#visual_wrap .menu_con .arr_wrap{width: 100%;display: flex;justify-content: center;gap:4px; margin-top: 10px;}
#visual_wrap .menu_con .arr_wrap img{width: 18px;}

.sec_tit01 p{font-size: 18px; color: #333; font-weight: 700; line-height: 1.6;}
.sec_tit01 p b{font-weight: 700;}

/* section01 */
#section01{line-height: 1;padding: 40px 0;}
#section01 .inner{display: flex;gap:40px;flex-wrap:wrap;}
#section01 .con{width: 100%;	}
#section01 .con .tit{display: flex;align-items: center;margin-bottom: 15px;}
#section01 .con .tit .tab-menu-wrap{display: flex;}
#section01 .con .tit .tab-menu-wrap a{display: flex;align-items: center; justify-content: center;padding: 0 10px; height: 20px; font-size: 12px;  border-radius:17px;color: #666;}
#section01 .con .tit .tab-menu-wrap a.on{color: #fff; background: var(--co01);}

#section01 .con .tab-con{position: relative;}
#section01 .con .tab-con a.view_btn{position: absolute;top: -41px; right: 0;z-index: 100;}
#section01 .con .tab-con a.view_btn img{width: 20px;}

#section01 .con01 .tab-con{padding: 20px;border:1px solid #ddd; border-radius:8px;}
#section01 .con01 .top{padding-bottom: 15px;}
#section01 .con01 .top a{display: flex;align-items: center;gap:0px;}
#section01 .con01 .top .date{width: 65px;}
#section01 .con01 .top .date strong{display: block;	text-align: center;font-size: 20px; color: var(--co01); font-weight: 700;}
#section01 .con01 .top .date span{display: block;text-align: center;font-size: 12px; color: #999;font-weight: 700;margin-top: 7px;}
#section01 .con01 .top .txt{width: calc(100% - 65px);}
#section01 .con01 .top .txt p{font-size: 14px; color: #000; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section01 .con01 .top .txt span{display: block;font-size: 12px; color: #666; line-height: 18px; margin-top: 6px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .con01 .top:hover .txt p{text-decoration:underline;}
#section01 .con01 .top:hover .txt span{text-decoration:underline;}
#section01 .con01 ul{border-top: 1px solid #ddd;padding: 15px 10px 0;}
#section01 .con01 ul li{position: relative;line-height: 26px;padding-left: 12px;}
#section01 .con01 ul li a{display: flex; }
#section01 .con01 ul li::after{content:'';position: absolute;left: 0; top: 12px;width: 3px; height: 3px; background: var(--co01); border-radius:50%;}
#section01 .con01 ul li p{font-size: 12px;color: #333; font-weight: 700;width: calc(100% - 75px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section01 .con01 ul li:hover p{text-decoration:underline;}
#section01 .con01 ul li span{display: block;width: 75px;font-size: 12px; color: #999;text-align: right;}

#section01 .con02 ul.sec01_slide01 .slick-list{width: 100%;}
#section01 .con02 ul.sec01_slide01 li.slick-slide{margin-right: 0px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .img_wrap{position:relative; width:100%; padding-bottom:47.143%; overflow: hidden; border-radius:8px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;transition:.3s;}
#section01 .con02 ul.sec01_slide01 li.slick-slide:hover .img_wrap img{transform:scale(1.05);}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap{margin-top: 15px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap p{font-size: 14px; line-height: 1.6; color: #000; font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap span{display: block;font-size: 12px; color: #999; font-weight: 700; margin-top: 12px;}

#section01 .con02 ul.sec01_slide01 .slick-prev{position: absolute;left: -5px;top: 35%;transform:translateY(-50%); background: url(/images/kor/main/prev02.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.15); border-radius:50%;}
#section01 .con02 ul.sec01_slide01 .slick-next{position: absolute;right: -5px;top: 35%;transform:translateY(-50%); background: url(/images/kor/main/next02.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.15);border-radius:50%;}

#section01 .con02 ul.sec01_slide01 .slick-dots{display: flex;justify-content: center;gap:8px; margin-top: 25px;}
#section01 .con02 ul.sec01_slide01 .slick-dots li{width: 6px; height: 6px; background: #ddd;text-indent: -9999px; border-radius:50px;transition:.3s;}
#section01 .con02 ul.sec01_slide01 .slick-dots li.slick-active{width: 16px;background: #005fb7;}

#banner_wrap{line-height: 1;border-top: 1px solid #ddd;padding: 15px 0;}
#banner_wrap .inner{display: flex;align-items: center;gap:20px;}
#banner_wrap .slide_wrap{width: calc(100% - 38px);}
#banner_wrap .slide_wrap ul .slick-list{width: calc(100% + 9px);}
#banner_wrap .slide_wrap ul li{margin-right: 9px;}
#banner_wrap .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:27.668%;}
#banner_wrap .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

#banner_wrap .arr_wrap{display: flex;align-items: center;gap:5px;}
#banner_wrap .arr_wrap img{height: 8px;}

/* footer */
#footer{padding: 30px 0;border-top: 1px solid #ddd; line-height: 1;}
#footer .inner{display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;}
#footer .left .a_wrap{display: flex;justify-content: center;gap:20px; margin-bottom: 15px;}
#footer .left .a_wrap a{font-size: 12px;	color: #333; font-weight: 500;}
#footer .left address p{font-size: 12px; color: #666; line-height: 20px;text-align: center;}
#footer .left address p.copy{font-size: 11px; color: #999; margin-top: 15px;}

#footer .right .site_wrap{position: relative;display: flex;gap:10px;justify-content: center;}
#footer .right .site_wrap .site{position: initial;width: 110px;}
#footer .right .site_wrap .site .site_btn{display: flex;align-items: center; justify-content: space-between; cursor:pointer;width: 100%;height: 25px;font-size: 11px; color: #666;border-bottom: 1px solid #333;width: 100%;}
#footer .right .site_wrap .site .site_btn img{width: 10px;transition:.3s;}
#footer .right .site_wrap .site .site_btn.on img{transform:rotate(180deg);}
#footer .right .site_wrap .site .box{display: none;position: absolute;right: 0;bottom:calc(100% + 5px);z-index: 100;padding: 20px 15px;width: 100%;background: #fff;border:1px solid #ddd; border-radius:6px; }
#footer .right .site_wrap .site ul{width: 100%;}
#footer .right .site_wrap .site ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
#footer .right .site_wrap .site ul::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
#footer .right .site_wrap .site ul::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
#footer .right .site_wrap .site ul li{width: 50%;}
#footer .right .site_wrap .site ul li a{display: block;font-size: 11px; color: #999;line-height: 1;}
#footer .right .f_logo{gap:12px;margin:20px auto 0;width: fit-content;}
#footer .right .f_logo img{width: 137px;}
#footer .right .f_logo img:nth-child(2){width: 30px;}

/* ====sub====================================== */
#sub_visual_wrap{position: relative;line-height: 1; }
/**/#sub_visual_wrap .txt_wrap{position: absolute;left: 50%;top: 42%;transform:translate(-50%,-50%);width: 100%;}
/**/#sub_visual_wrap .txt_wrap h3{font-size: 20px;font-weight: 700;text-align: center;color: #333;}
#sub_visual_wrap .txt_wrap p{font-size: 14px;color: var(--co01);text-align: center; margin-top: 10px;}  


#sub_container{padding: 25px 0px 50px;line-height: 1;}
#sub_container .inner{display: block;gap:0px;}
.tab_menu_pc{display: none;}

/**/.tab_menu_mob {display: block;position: absolute; bottom: 0;left: 50%;transform:translateX(-50%); width:calc(100% - 20px); height:40px; line-height: 1;background:#fff; border-radius:8px 8px 0 0; box-shadow:3px -10px 10px rgba(64,63,63,.05);z-index: 2000;}
.tab_menu_mob .menu {display: flex; width:calc(100%); height:100%; }
.tab_menu_mob .menu > li {position:relative;flex:1; height:100%;}
.tab_menu_mob .menu > li.menulink01::before{content:'';position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 12px; background: rgba(255,255,255,.3);}
.tab_menu_mob .menu > li::after{content:'';position: absolute; right: 10px; top: 50%; transform:translateY(-50%);width: 10px; height: 6px; background: url(/images/kor/sub/tab_arr_tab.png)center no-repeat; background-size: cover;}
/**/.tab_menu_mob .menu > li > a {display:flex; align-items:center; padding: 0 15px; width:100%; height:100%; font-size: 14px; color:#666; font-weight: 500; line-height:1.2; box-sizing:border-box; word-break:keep-all;}
.tab_menu_mob .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:10px 0; box-sizing:content-box; background-color:#fff; z-index:10;box-shadow: 4px 10px 8px rgba(64,63,63,.15); border-radius:10px}
.tab_menu_mob .menu > li ul li ~ li { margin-top:10px;}
/**/.tab_menu_mob .menu > li ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:13px; color:#666;  font-weight: 400;padding:0 10px; box-sizing:border-box; line-height:1.2;transition:.3s}
.tab_menu_mob .menu > li ul li.on a{color: var(--co01);font-weight: 500;}

#sub_contents{width: 100%; word-break: keep-all;}
#sub_contents img{max-width: 100%;}
/**/#sub_contents .contop{display: flex;flex-wrap: wrap;gap:10px;align-items: flex-end;justify-content: space-between;padding-bottom: 15px; padding-left: 10px; margin-bottom: 20px;border-bottom: 1px solid #ddd;}
/**/#sub_contents .contop h3{font-size: 21px; color: #333; font-weight: 700;}
#sub_contents .contop ul.sub_nav{display: flex;align-items: center;gap:12px;}
/**/#sub_contents .contop ul.sub_nav li{position: relative;display: flex;align-items: center;justify-content: center;gap:5px;font-size: 12px;color: #666;}
#sub_contents .contop ul.sub_nav li img{width: 12px;}
#sub_contents .contop ul.sub_nav li:not(:last-child)::after{content:'';position: absolute;right: -8px; top: 50%;transform:translateY(-50%);width: 3px; height: 3px;background: #ddd; border-radius:50%;}

/* 공통 */
/**/h3.h3_tit01{position: relative;font-size: 19px; color: #333; font-weight: 700;padding-left: 14px; margin-bottom: 15px; line-height: 1.5;}
/**/h3.h3_tit01::after{content:'';position: absolute;left: 0;top: 5px;width: 3px; height: 18px; background: url(/images/kor/sub/txt_icon01.png)center no-repeat; background-size: cover;}

.sub_txt_st01{margin-bottom: 12px;}
/**/.sub_txt_st01 strong{position: relative;display: block;font-size: 16px; color: #333; font-weight: 700;padding-left: 14px; margin-bottom: 10px;line-height: 1.5;}
/**/.sub_txt_st01 strong::after{content:'';position: absolute;left: 0;top: 9.5px;width: 7px; height: 7px; background: url(/images/kor/sub/txt_icon02.png)center no-repeat; background-size: cover;}
.sub_txt_st01 p{font-size: 12px; color: #666;line-height: 1.6;}
.sub_txt_st01 p b{color: #333; font-weight: 500;}

table.tbl01{width: 100%;table-layout: fixed;}
table.tbl01 th{padding: 10px 5px;font-size: 12px; color: #333; font-weight: 500; border:1px solid #ddd; background: #f5f5f5;line-height: 1.2;}
table.tbl01 td{padding: 10px 5px;font-size: 12px; color: #666;text-align: center; border:1px solid #ddd;line-height: 1.2;word-break: break-word;}
table.tbl01 td b{font-weight: 500;color: #333;}
table.tbl01 td.left{text-align: left;}

ul.ul_st01 li{position: relative;padding-left: 12px;font-size: 12px; color: #666; line-height: 1.7;}
ul.ul_st01 li::after{content:'·';position: absolute;left: 0; top: -1px;color: #005fb7;font-weight: 900;font-size: 12px;}

ul.ul_st02 li{position: relative;padding-left: 10px;font-size: 12px; color: #666; line-height: 1.6;}
ul.ul_st02 li::after{content:'·';position: absolute;left: 0; top: -1px;color: #666;font-weight: 900;font-size: 13px;}

.depth03_mob{position: relative;display: block;z-index: 1000; margin-bottom: 25px;}
.depth03_mob em{position: relative;display: flex;align-items: center; justify-content: center;width: 100%; height: 35px;font-size: 12px; color: #666; border-radius:8px; border:1px solid #ddd;}
.depth03_mob em::after{content:'';position: absolute;right: 10px;top: 50%;transform:translateY(-50%); width: 10px;height: 6px;background: url(/images/kor/sub/tab_arr_tab.png) center no-repeat; background-size: cover;}
.depth03_mob ul{display: none;position: absolute;top: calc(100% + 5px);left: 0;width: 100%; box-shadow: 3px 3px 10px rgba(64,63,63,.15);border:1px solid #ddd;border-radius:8px; overflow: hidden;}
.depth03_mob ul li a{display: flex;align-items: center; justify-content: center; width: 100%; height: 31px;font-size: 12px; color: #666; font-weight: 500;background: #fff;}
.depth03_mob ul li.on a{color: var(--co01); background: #f1f6fb;}

/**/.depth04{display: flex;border-radius:25px; border:1px solid #ddd;width: 100%; margin-bottom: 20px;}
/**/.depth04 a{display: flex;align-items: center;justify-content: center;width: 33%; height: 33px;font-size: 14px; color: #666;border-radius:25px;font-weight: 500;}
.depth04 a.on{color: #fff; background: var(--co01);}
/**/.depth04.mb {margin: 0 0 45px;}

/**/.depth05 {padding: 0 5px;}
/**/.depth05 a {font-size: 17px;letter-spacing: -0.5px;}

/* sub0101 */
.sub0101_wrap .con01{display: flex;align-items: center; justify-content: center;background: url(/images/kor/sub/sub0101_img01.png)center no-repeat; height: 140px; border-radius:8px; background-size: cover;}
.sub0101_wrap .con01 p{font-size: 14px;color: #fff; font-weight: 700;text-align: center;}

.sub0101_wrap .con02{margin: 25px 0;}
.sub0101_wrap .con02 p{font-size: 12px; color: #666; line-height: 18px;}
.sub0101_wrap .con02 p:not(:last-child){margin-bottom: 15px;}
.sub0101_wrap .con02 p b{color: #333; font-weight: 500;}

.sub0101_wrap .con02 .box_wrap{display: flex;align-items: center;justify-content: center;gap:30px;flex-direction: column;}
.sub0101_wrap .con02 .box_wrap .img_box{width: 100%;}
.sub0101_wrap .con02 .box_wrap .img_box img{border-radius: 15px;}

.sub0101_wrap .con02 .box_wrap{margin: 20px 0;}
.sub0101_wrap .con02 .box_wrap .txt_box{width: 100%;}
.sub0101_wrap .con02 .box_wrap .txt_box .txt:not(:last-child){margin-bottom: 15px;}
.sub0101_wrap .con02 .box_wrap .txt_box em{display: block;font-size: 18px; color: #ccdff1; font-weight: 700; margin-bottom: 5px;}
.sub0101_wrap .con02 .box_wrap .txt_box strong{display: block;font-size: 12px; color: var(--co01); font-weight: 700;line-height: 18px;}
.sub0101_wrap .con02 .sub_txt{position: relative;padding-left: 10px;margin-left: auto;font-size: 13px; color: #333; font-weight: 700;width: fit-content; margin-top: 25px;}
.sub0101_wrap .con02 .sub_txt::after{content:'';position: absolute;left: 0; top: 2px;width: 2px; height: 11px; background: var(--co01); border-radius:2px;}

/* sub0201 */
.sub0201_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0201_wrap .con01 img{display: block; margin: 0 auto; max-width: 100%;}
.sub0201_wrap .con02 table{margin-top: 10px;}

.sub0201_wrap .con03 .box_wrap{display: flex;flex-direction: column; margin-top: 20px;gap:20px;} 
.sub0201_wrap .con03 .box_wrap .box{width: 100%;}
.sub0201_wrap .con03 .box_wrap .box .img img{max-width: 100%;}

/* sub0202 */
.sub0202_wrap{position: relative;}
.sub0202_wrap .con:not(:last-child){margin-bottom: 100px;}
.sub0202_wrap .con .tbl_wrap{overflow-x: scroll; width: 100%;}
.sub0202_wrap .con .tbl_wrap table.tbl01{width: max-content;}
.sub0202_wrap .top_txt{position: absolute;right: 0; top: -10px;font-size: 11px; color: #999;font-weight: 500;}
.sub0202_wrap .con01 .col01{width: 110px;}
.sub0202_wrap .con01 .col02{width: 110px;}
.sub0202_wrap .con01 .col03{width: 80px;}
.sub0202_wrap .con01 .col04{width: 80px;}
.sub0202_wrap .con01 .col05{}
.sub0202_wrap .con01 .col06{width: auto;}

/* sub0202_2*/
.sub0202_2_wrap .tit{margin-bottom: 10px;}
.sub0202_2_wrap .con01 .box_wrap .tit_box{display: flex;align-items: flex-start;flex-direction: column; justify-content: flex-start;gap:5px;height: auto;background: var(--co01);padding: 10px 10px;}
.sub0202_2_wrap .con01 .box_wrap .tit_box p{font-size: 13px; color: #fff;font-weight: 700;}
.sub0202_2_wrap .con01 .box_wrap .tit_box span{font-size: 11px; color: #fff;}

.sub0202_2_wrap .con01 .box_wrap .box01{position: relative;overflow-x: scroll;width: 100%;}
.sub0202_2_wrap .con01 .box_wrap .box01 > img{min-width: 500px;}
.sub0202_2_wrap .con01 .box_wrap .box01 img{max-width: 100%;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap{display: none;position: absolute;right: initial;left: 0; top: 0;width: 50%; height: 100%;background: rgba(0,0,0,.7);}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap.left{right: initial; left: 0;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top{display: flex;justify-content: space-between; height: auto;padding: 15px 10px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top p{font-size: 13px; color: #fff;font-weight: 700;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top .pop_x_btn img{width: 12px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap{display: flex;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt{flex:1;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt strong{display: flex;align-items: center;justify-content: center; height: 30px; background: rgba(0,0,0,.7);font-size: 12px; color: #fff;font-weight: 500;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap{padding: 15px 0;overflow-y: scroll;height: 210px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a{display: block;font-size: 9px; color: #fff;text-align: center;padding-bottom: 0px;border-bottom: 1px solid transparent;width: fit-content;margin: 0 auto;word-break: break-all;line-height: 1.3;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a:not(:last-child){margin: 0 auto 5px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a:hover{border-bottom: 1px solid #fffd7e;color: #fffd7e;}

.sub0202_2_wrap .con02{margin-top: 100px;}

/* sub0202_4*/
.sub0202_4_wrap{position: relative;}
.sub0202_4_wrap .tbl_wrap{overflow-x: scroll; width: 100%;}
.sub0202_4_wrap table.tbl01{width: max-content;}
.sub0202_4_wrap .con01 .col01{width: 80px;}
.sub0202_4_wrap .con01 .col02{width: 100px;}
.sub0202_4_wrap .con01 .col03{width: 90px;}
.sub0202_4_wrap .con01 .col04{width: 100px;}
.sub0202_4_wrap .con01 .col05{width: 100px;}
.sub0202_4_wrap .con01 .col06{}
.sub0202_4_wrap table.tbl01 td:last-child{text-align: left;}

/* sub0301 */
.sub0301_wrap .con:not(:last-child){margin-bottom: 50px;}
.sub0301_wrap .con01 .img_wrap img{display: block;margin: 0 auto; max-width: 100%;}

.sub0301_wrap .con03 h3.h3_tit01{margin-bottom: 0px;}
.sub0301_wrap .con03 .arr_wrap{position: relative;display: flex;flex-direction: column;justify-content: flex-start;gap:30px;padding:30px 20px;}
.sub0301_wrap .con03 .arr_wrap::after{display: none;content:'';position: absolute;left: 0; top: 0px;transform:rotate(90deg);background: url(/images/kor/sub/sub0301_arr01.png)center no-repeat; width: 100%; height: 220px; background-size: 100%;z-index: -1;}
.sub0301_wrap .con03 .arr_wrap .icon{position: relative;display: flex;align-items: center; gap:20px;}
.sub0301_wrap .con03 .arr_wrap .icon img{display: block;width: 40px;}
.sub0301_wrap .con03 .arr_wrap .txt{position: initial;left: 0;top: 50%;transform:initial;padding-top: 0px;width: calc(100% - 60px);}
.sub0301_wrap .con03 .arr_wrap p{font-size: 13px; color: #000; font-weight: 700;text-align: left;margin-bottom: 5px;}
.sub0301_wrap .con03 .arr_wrap span{display: block;font-size: 12px; color: #666; line-height: 1.6;text-align: left; width: auto;margin: 0;}
.sub0301_wrap .con03 .arr_wrap span br{display: none;}

.sub0301_wrap .con03 .box_wrap{display: flex;justify-content: center;flex-direction: column;align-items: center;gap:30px;background: #f5faff; border-radius:10px;padding: 30px 20px;width: 100%;margin: 0 auto;}
.sub0301_wrap .con03 .box_wrap p{position: relative;width: 100%;font-size: 12px; color: #333; font-weight: 500; line-height: 1.6;text-align: center;}
.sub0301_wrap .con03 .box_wrap p:not(:last-child)::after{content:'';position: absolute;right: initial; left: 50%; top: initial; bottom: -23px;transform:translateX(-50%) rotate(90deg);background: url(/images/kor/sub/sub0301_arr02.png)center no-repeat; width: 10px; height: 17px; background-size: cover;}

.sub0301_wrap .con04 .img_wrap img{display: block; margin: 0 auto; max-width: 80%;}
#sub_contents .sub0301_wrap .con04 .img_wrap img{ max-width: 80%;}

.sub0301_wrap .con05 .box_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_wrap .con05 .box_wrap .box{position: relative;width: 100%; padding: 30px; background: #eee; border-radius:10px;}
.sub0301_wrap .con05 .box_wrap .box em{position: absolute; bottom: -5px; left: 20px;font-size: 80px; color: #fff;font-weight: 900;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap{display: flex;flex-direction: column;gap:10px;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit{font-size: 14px; color: #444;font-weight: 700;width: 100%;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt{width: 100%;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt ul li span{display: block;font-size: 11px; color: #666;}

/* sub0302 */
.sub0302_wrap{position: relative;}
.sub0302_wrap .top_txt{position: absolute;right: 0; top: -10px;font-size: 11px; color: #999; font-weight: 500;}
.sub0302_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0302_wrap .con .box:not(:last-child){margin-bottom: 40px;}

.sub0302_wrap .con .tbl_wrap{width: 100%;overflow-x: scroll;}
.sub0302_wrap .con table.tbl01{width: max-content;}
.sub0302_wrap .con table.tbl01 .col01{width: 120px;}
.sub0302_wrap .con table.tbl01 .col02{width: 90px;}
.sub0302_wrap .con table.tbl01 .col03{width: 80px;}
.sub0302_wrap .con table.tbl01 .col04{width: 80px;}
.sub0302_wrap .con table.tbl01 .col05{}
.sub0302_wrap .con table.tbl01 .col06{width: auto;}

/* sub0401 */
.sub0401_wrap .top{display: flex; justify-content: flex-start;align-items: flex-start;flex-direction: column;margin-bottom: 20px;}
.sub0401_wrap .top a.btn01{display: flex;align-items: center; gap:5px; font-size: 12px; color: #999; font-weight: 500;transform: translateY(0px);margin-left: auto;}
.sub0401_wrap .top a.btn01 img{width: 6px;}
.sub0401_wrap .con:not(:last-child){margin-bottom: 90px;}
.sub0401_wrap .con .txt_wrap{padding-left: 20px;}
.sub0401_wrap .con .txt_wrap:not(:last-child){margin-bottom: 40px;}
.sub0401_wrap .con .txt_wrap .txt strong{position: relative;display: block;font-size: 14px; color: #333; font-weight: 500;padding-left: 12px; margin-bottom: 12px;}
.sub0401_wrap .con .txt_wrap .txt strong::after{content:'';position: absolute; left: 0; top: 5px; width: 3px; height: 3px; background: var(--co01);}
.sub0401_wrap .con .txt_wrap .txt:not(:last-child){margin-bottom: 15px;}
.sub0401_wrap .con .txt_wrap .txt .ul_st02{padding-left: 10px;}
.sub0401_wrap .con table.tbl01{margin-top: 10px;}
.sub0401_wrap .con table.tbl01 td{line-height: 1.6;}

.sub0401_wrap .con01 table.tbl01 .col01{width: 100px;}

.sub0401_wrap .con01 .txt_wrap02 table.tbl01 .col01{width: 80px;}
.sub0401_wrap .con01 .txt_wrap02 table.tbl01 .col02{width: auto;}
.sub0401_wrap .con01 .txt_wrap02 .sub_txt{ margin-top: 12px;}
.sub0401_wrap .con01 .txt_wrap02 .sub_txt p{font-size: 13px; color: #666; line-height: 1.6;}

.sub0401_wrap .con02 table.tbl01 .col01{width: 120px;}

/* sub0401_1_2 */
.sub0401_1_2_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0401_1_2_wrap .con .tbl_wrap{overflow-x: scroll; width: 100%;}
.sub0401_1_2_wrap .con table.tbl01{width: max-content;}
.sub0401_1_2_wrap .con table.tbl01 .col01{width: 120px;}
.sub0401_1_2_wrap .con table.tbl01 .col03{width: 120px;}
.sub0401_1_2_wrap .con table.tbl01 .col04{width: 130px;}
 

/* skin 공통 */
/* 
.skin_wrap select,
.skin_view_wrap select{height: 32px; border:1px solid #ddd;font-size: 13px; color: #999;font-weight: 500; border-radius:4px;padding: 0 8px; -webkit-appearance:none; for chrome-moz-appearance:none; for firefoxappearance:none; background: url(/images/kor/sub/select_icon01_tab.png)center right 8px no-repeat #fff; background-size: 8px;}
 */
.skin_wrap select, .skin_view_wrap select{background-size: 8px;}
/**/.skin_wrap input[type="text"]{border-radius:3px;padding: 0 10px;}
.skin_wrap input[type="text"]::placeholder{color: #ddd;}


input:focus-visible{border:3px dashed var(--co01);}
select:focus-visible{border:3px dashed var(--co01);}
textarea:focus-visible{border:3px dashed var(--co01);}

input.chk_st01{position: absolute;opacity: 0;width: 1px;height: 1px;margin: -1px;padding: 0;font-size: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;background: #fff;}
input.chk_st01 + label{position: relative;font-size: 11px; color: #666; font-weight: 500;padding-left: 18px;}
input.chk_st01 + label::after{content:'';position: absolute;top: 0; left: 0; width: 12px; height: 12px;border:1px solid #ddd; border-radius:2px;}
input.chk_st01:checked + label::after{background: url(/images/kor/sub/chk_icon01.png)center no-repeat var(--co01); border:1px solid var(--co01); background-size: 8px;}
input.chk_st01:focus{outline:0;}
input.chk_st01:focus + label::after{outline:3px dashed var(--co01);}

input.ra_st01{position: absolute;opacity: 0;width: 1px;height: 1px;margin: -1px;padding: 0;font-size: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;background: #fff;}
input.ra_st01 + label{position: relative;padding-left: 20px;font-size: 12px; color: #666; font-weight: 500;}
input.ra_st01 + label::after{content:'';position: absolute;top: 2px; left: 0; width: 16px; height: 16px;border:1px solid #ddd; border-radius:50%;}
input.ra_st01:checked + label::after{border:1px solid var(--co01);}
input.ra_st01:checked + label::before{content:'';position: absolute;left: 4px; top: 56%;transform:translateY(-50%); width: 8px;height: 8px; background: var(--co01); border-radius:50%;}
input.ra_st01:focus{outline:0;}
input.ra_st01:focus + label::after{outline:3px dashed var(--co01);}

.tbl_pc{display: none;}
.tbl_mob{display: block;}

/**/.skin_wrap .search_wrap01{display: flex;align-items: center; justify-content: center;flex-direction: column;gap:15px;padding: 15px;background: #f5f5f5; border-radius:4px; margin-bottom: 20px;}
.skin_wrap .search_wrap01 .search_flex{display: flex;align-items: center;justify-content: center;gap:10px;flex-direction: column;width: 100%;}
.skin_wrap .search_wrap01 .search_flex .search{display: flex;align-items: center;gap:10px;width: 100%;}
.skin_wrap .search_wrap01 .search_flex .search p{width: 55px;font-size: 13px; color: #333; font-weight: 500;}
.skin_wrap .search_wrap01 .search_flex .search select{width: calc(100% - 65px);}
.skin_wrap .search_wrap01 .search_flex .search select.select02{width: calc(100% - 65px);}
/**/.skin_wrap .search_wrap01 .search_flex .search input[type="text"] {width: calc(100% - 65px);}
.skin_wrap .search_wrap01 .search_flex .search .date_wrap {width: calc(100% - 65px); gap:6px;}
.skin_wrap .search_wrap01 .search_flex .search input[type="date"] {width: calc((100% - 20px) / 2); padding: 0 12px;}
.skin_wrap .search_wrap01 a.search_btn{display: flex; align-items: center; justify-content: center; width: 64px; height: 25px; background: var(--co01); border-radius:3px;font-size: 11px; color: #fff;font-weight: 500;}

.skin_wrap .top{display: flex;align-items: flex-end; justify-content: space-between;margin-bottom: 15px;}
.skin_wrap .top .total{font-size: 11px; color: #999; font-weight: 500;}
.skin_wrap .top .total em{color: var(--co01); font-weight: 500;}
.skin_wrap .top .search_wrap02{display: flex;align-items: center;gap:6px;}
.skin_wrap .top .search_wrap02 select{width: 80px;height: 30px;}
.skin_wrap .top .search_wrap02 .input{position: relative;width: 170px;}
.skin_wrap .top .search_wrap02 .input input[type="text"]{height: 30px;}
.skin_wrap .top .search_wrap02 .input a.search_btn{position: absolute;right: 10px; top: 50%;transform:translateY(-50%);}
.skin_wrap .top .search_wrap02 .input a.search_btn img{width: 12px;}

.skin_wrap .alert_txt{display: block;color: red;font-size: 12px;margin-bottom: 12px;}

table.skin_tbl01{width: 100%; table-layout: fixed; border-top: 1px solid #666;}
/**/table.skin_tbl01 tbody tr:not(:last-child) {border-bottom: 1px solid #ccc;}
table.skin_tbl01 tr.pin{background: #f1f5f9;}
table.skin_tbl01 th{font-size: 14px; color: #333; font-weight: 500;padding: 12px;}
table.skin_tbl01 td{font-size: 13px; color: #666;padding: 15px 12px;text-align: center; line-height: 20px;}
table.skin_tbl01 td a{display: block;color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;white-space: normal;}
table.skin_tbl01 td.left{text-align: left;}
table.skin_tbl01 td img{margin: 0 auto;}

.skin_wrap .tbl_mob .list_wrap01{border-top: 1px solid #666;}
.skin_wrap .tbl_mob .list_wrap01 .list{border-bottom: 1px solid #ddd;}
.skin_wrap .tbl_mob .list_wrap01 .list.pin{background: #f1f5f9;}
.skin_wrap .tbl_mob .list_wrap01 .list a{display: block;padding: 12px;}
.skin_wrap .tbl_mob .list_wrap01 .list .tit{display: flex;gap:12px;align-items: flex-start;margin-bottom: 12px;}
.skin_wrap .tbl_mob .list_wrap01 .list .tit em{display: flex;gap:10px;transform: translateY(4px);}
.skin_wrap .tbl_mob .list_wrap01 .list .tit em img{width: 10px;}
.skin_wrap .tbl_mob .list_wrap01 .list.secret .tit em img{width: 8px;}
.skin_wrap .tbl_mob .list_wrap01 .list.reply em span{display: inline-block;font-size: 11px; color: var(--co01);padding-left: 15px;}
.skin_wrap .tbl_mob .list_wrap01 .list.reply em span::after{content:'';position: absolute;left: 0; top: 0; background: url(/images/kor/sub/reply_icon01.png)center no-repeat; width: 6px; height: 6px; background-size: cover;}
.skin_wrap .tbl_mob .list_wrap01 .list .tit p{position: relative;display: inline-block;font-size: 12px; color: #666; line-height: 18px;padding-right: 20px;width: calc(100% - 22px);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.skin_wrap .tbl_mob .list_wrap01 .list .tit p.file::after{content:'';display: inline-block;background: url(/images/kor/sub/file_icon01_tab.png)center no-repeat; width: 13px; height: 10px; background-size: cover;margin-left: 10px;}
.skin_wrap .tbl_mob .list_wrap01 .list.reply .tit p{width: calc(100% - 58px);}
.skin_wrap .tbl_mob .list_wrap01 .list ul{display: flex;flex-wrap:wrap;gap:12px 10px;}
.skin_wrap .tbl_mob .list_wrap01 .list ul li{display: flex;gap:10px;width: calc((100% - 10px) / 2);}
.skin_wrap .tbl_mob .list_wrap01 .list ul li span{font-size: 11px; color: #999;}
.skin_wrap .tbl_mob .list_wrap01 .list ul li p{font-size: 11px; color: #666;}

.btn_flex_wrap{display: flex;align-items: center; justify-content: space-between;}
a.del_list_btn{display: flex;align-items: center;justify-content: center;width: 75px; height: 30px; background: var(--co01);font-size: 12px; color: #fff; font-weight: 500; margin-top: 15px; border-radius:4px;}
a.write_btn{display: flex;align-items: center;justify-content: center;width: 75px; height: 30px; background: #005fb7;font-size: 12px; color: #fff; font-weight: 500; margin-top: 15px; border-radius:4px;}

.paging_wrap{margin-top: 40px;}
ul.paging{display: flex;gap:25px;align-items: center;justify-content: center;}
ul.paging li a{position: relative;display: block;font-size: 12px; color: #666;}
ul.paging li a img{height: 10px;}
ul.paging li.on a{color: var(--co01);font-weight: 500;}
ul.paging li.on a::after{content:'';position: absolute; bottom: -5px;left: 50%;transform:translateX(-50%);width: 8px; height: 1px; background: var(--co01);}

/**/a.dw_btn01{display: flex;align-items: center; justify-content: center;gap:4px; width: 105px; height: 28px; background: #005fb7; border-radius:4px;font-size: 12px; color: #fff;font-weight: 500;}
a.dw_btn01 img{width: 12px;}

/* skin_view 공통 */
table.skin_tbl02{width: 100%; table-layout: fixed; border-top: 1px solid #666;}
table.skin_tbl02 .col01{width: 90px;}

table.skin_tbl02 tr{border-bottom: 1px solid #ddd;}
table.skin_tbl02 tr:last-child{border-bottom: 1px solid #666;}
/**/table.skin_tbl02 th{padding: 7px 10px;font-size: 13px;color: #333; font-weight: 500;background: #f1f5f9;}
/**/table.skin_tbl02 td{padding: 7px 15px;font-size: 13px; line-height: 18px; color: #666;}
/**/table.skin_tbl02 td a{font-size: 13px; color: #666;}
table.skin_tbl02 td .file_wrap .file{display: flex;align-items: center;gap:10px;}
table.skin_tbl02 td .file_wrap .file:not(:last-child){margin-bottom: 6px;}
table.skin_tbl02 td .file_wrap .file p{display: block; align-items: flex-start;gap:10px;}
table.skin_tbl02 td .file_wrap .file p img{transform: translateY(0px);width: auto;display: inline;}
table.skin_tbl02 td .file_wrap .file .btn_wrap{display: inline-block;align-items: center;gap:5px;margin-left: 5px;vertical-align: sub;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a{display: inline-block;align-items: center;gap:4px;justify-content: center;text-align: center;width: 16px; height: 16px;font-size: 10px; color: #999; border:1px solid #ddd; border-radius:2px;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a:nth-child(1) img{width: 8px;transform: translateY(2px);}
table.skin_tbl02 td .file_wrap .file .btn_wrap a:nth-child(2) img{width: 10px;transform: translateY(3px);}
table.skin_tbl02 td.txt_wrap{border-top: 1px solid #666;border-bottom: 1px solid #666;word-break:break-all}
table.skin_tbl02 td .txt{min-height: auto;font-size: 12px; color: #333; line-height: 18px; font-weight: 500;}
table.skin_tbl02 td .txt p{font-size: 12px; color: #333; line-height: 18px; font-weight: 500;}

.skin_view_wrap .bot_wrap{display: flex;justify-content: space-between; margin-top: 15px;}
.skin_view_wrap .bot_wrap .left{display: flex;gap:5px;}
.skin_view_wrap .bot_wrap a{display: flex;align-items: center; justify-content: center;gap:3px; height: 30px; font-size: 12px; color: #fff; font-weight: 500; border-radius:4px;}
.skin_view_wrap .bot_wrap .left a.btn01{width: 50px;background: #005fb7;}
.skin_view_wrap .bot_wrap .left a.btn02{width: 75px; background: #999;}
.skin_view_wrap .bot_wrap .left a.btn02 img{width: 12px;}
.skin_view_wrap .bot_wrap .right a{width: 50px; background: var(--co01);}

.skin_view_wrap .arr_tbl{margin-top: 30px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 .col01{width: 85px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th{height: 50px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p{display: flex;align-items: center;justify-content: flex-start;gap:20px; color: #666;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p img{width: 4px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td{height: 50px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a{display: block;font-size: 11px; line-height: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;white-space: initial;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a.none{color: #ddd;}

.skin_view_wrap .reply_con{margin-top: 30px;}
.skin_view_wrap .reply_con .re_btn{display: flex;align-items: center;justify-content: space-between; height: 30px;padding: 0 13px;width: 88px;cursor:pointer; border-radius:20px; border:1px solid #005fb7; margin-bottom: 15px;}
.skin_view_wrap .reply_con .re_btn p{font-size: 12px; color: #333; font-weight: 500;}
.skin_view_wrap .reply_con .re_btn p em{font-weight: 500;color: #005fb7;}
.skin_view_wrap .reply_con .re_btn img{width: 8px;}

.skin_view_wrap .reply_con .reply_wrap{border-bottom: 1px solid #ddd;}
.skin_view_wrap .reply_con .reply_box{display: block;padding: 0px 10px;border-top: 1px solid #ddd;}
.skin_view_wrap .reply_con .reply_box .box{padding: 15px 0;}
.skin_view_wrap .reply_con .reply_box.re{position: relative;background: #fafafa;padding: 0px 10px;border-top:0;}
.skin_view_wrap .reply_con .reply_box.re::after{content:'';position: absolute;left: 50%;top: -1px;transform:translateX(-50%);width: calc(100% - 40px); height: 1px;background: #ddd;z-index: 1;}
.skin_view_wrap .reply_con .reply_box p.name{font-size: 11px; color: #333;margin-bottom: 10px;}
.skin_view_wrap .reply_con .reply_box .txt p{font-size: 12px; color: #666; line-height: 1.6;}
.skin_view_wrap .reply_con .reply_box .bot{display: flex;justify-content: space-between;font-size: 11px; color: #999; margin-top: 8px;}
.skin_view_wrap .reply_con .reply_box .bot a{color: #999;}
.skin_view_wrap .reply_con .reply_box .bot .left{display: flex;gap:15px;}
.skin_view_wrap .reply_con .reply_box .bot .right{display: flex;gap:10px;}

.skin_view_wrap .reply_con .reply_box:last-child{border-top: 1px solid #ddd;}

/* 대댓글폼 */
.skin_view_wrap .reply_con .reply_box .re_form{display: none;position: relative;padding: 15px; background: #fafafa;}
.skin_view_wrap .reply_con .reply_box .re_form .icon{position: absolute;left: 15px; top: 15px;}
.skin_view_wrap .reply_con .reply_box .re_form .icon img{width: 12px;}
.skin_view_wrap .reply_con .reply_box .re_form .form_wrap{position: relative;width: calc(100% - 20px); margin-left: auto;}
.skin_view_wrap .reply_con .reply_box .re_form textarea{width: 100%;height: 60px;border:1px solid #ddd; font-size: 12px; color: #666; border-radius:6px;resize:none; padding: 8px 50px 8px 10px ;}
.skin_view_wrap .reply_con .reply_box .re_form textarea::placeholder{color: #ddd;font-size: 11px;}
.skin_view_wrap .reply_con .reply_box .re_form a.form_btn{position: absolute;top: 50%;right: 10px;transform:translateY(-50%);display: flex;align-items: center; justify-content: center;width: 40px; height: 22px; font-size: 11px; color: #fff;font-weight: 500; background: #ddd; border-radius:2px; }

/* 댓글수정폼 */
.skin_view_wrap .reply_con .reply_box .mod_form{display: none;position: relative;padding: 15px 15px 15px 0; background: #fafafa;}
.skin_view_wrap .reply_con .reply_box .mod_form p.name{font-size: 11px; color: #333;margin-bottom: 10px;}
.skin_view_wrap .reply_con .reply_box .mod_form .form_wrap{position: relative;width: calc(100% - 20px); margin-left: auto;}
.skin_view_wrap .reply_con .reply_box .mod_form textarea{width: 100%;height: 60px;border:1px solid #ddd; font-size: 12px; color: #666; border-radius:6px;resize:none; padding: 8px 50px 8px 10px;}
.skin_view_wrap .reply_con .reply_box .mod_form textarea::placeholder{color: #ddd;font-size: 11px;}

.skin_view_wrap .reply_con .write_wrap{position: relative;margin-top: 20px;}
.skin_view_wrap .reply_con .write_wrap .top{display: flex;align-items: center; justify-content: space-between; margin-bottom: 8px;}
.skin_view_wrap .reply_con .write_wrap .top p.name{font-size: 11px; color: #333;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap{display: flex;align-items: center;gap:3px;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap button{display: block;  background: url(/images/kor/sub/bookmark_icon.png)center no-repeat; width: 13px; height: 12px; background-size: cover;cursor:pointer;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap button.on{background: url(/images/kor/sub/bookmark_on_icon.png)center no-repeat; background-size: cover;}
.skin_view_wrap .reply_con .write_wrap textarea{width: 100%; height: 90px; padding: 15px 60px 15px 10px; font-size: 11px; color: #666; border:1px solid #ddd; resize:none; border-radius:4px;}
.skin_view_wrap .reply_con .write_wrap textarea::placeholder{font-size: 11px; color: #ddd;}
.skin_view_wrap .reply_con .write_wrap a{position: absolute;bottom: 10px; right: 10px;display: flex;align-items: center;justify-content: center;width: 40px; height: 22px; border-radius:2px;font-size: 11px; color: #fff; font-weight: 500;z-index: 1; background: #ddd;}

.skin_view_wrap .pop_wrap01{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;}
.skin_view_wrap .pop_wrap01 .pop_con{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); width: 520px; background: #fff; max-width: calc(100% - 5.2%)}
.skin_view_wrap .pop_wrap01 .pop_con .tit{display: flex;align-items: center; justify-content: space-between;padding: 0 15px; height: 50px; background: var(--co01);}
.skin_view_wrap .pop_wrap01 .pop_con .tit p{font-size: 15px; color: #fff;font-weight: 700;}
.skin_view_wrap .pop_wrap01 .pop_con .tit .btn_wrap{display: flex;align-items: center;gap:10px;}
.skin_view_wrap .pop_wrap01 .pop_con .tit .btn_wrap a img{width: 16px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap{padding: 15px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap strong{display: block;font-size: 14px; color: #333; font-weight: 700;margin-bottom: 10px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap textarea{padding: 12px;font-size: 13px; color: #666;border:1px solid #ddd; border-radius:8px;resize:none;width: 100%;height: 200px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap .btn{display: flex;justify-content: center; margin-top: 15px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap .btn a{display: flex;align-items: center; justify-content: center; width: 100px; height: 35px; background: #333;font-size: 14px; border-radius:4px; color: #fff;font-weight: 500;}

.skin_view_wrap .top_btn_wrap{display: flex;align-items: center; justify-content: flex-end;gap:5px;margin-bottom: 10px;}
.skin_view_wrap .top_btn_wrap p.view{font-size: 12px; font-weight: 500;}
.skin_view_wrap .top_btn_wrap p.view b{color: var(--co01); font-weight: 500;}
.skin_view_wrap .top_btn_wrap a{display: flex;align-items: center; justify-content: center;gap:4px; width: 24px; height: 24px; border-radius:3px;}
.skin_view_wrap .top_btn_wrap a.facebook_icon{border:1px solid #999;}
.skin_view_wrap .top_btn_wrap a.facebook_icon img{width: 6px;}	
.skin_view_wrap .top_btn_wrap a.print_icon{border:1px solid var(--co01);}
.skin_view_wrap .top_btn_wrap a.print_icon img{width: 12px;}
.skin_view_wrap .top_btn_wrap a.hit_icon{background: #005fb7; padding: 0px 10px;width: fit-content;}
.skin_view_wrap .top_btn_wrap a.hit_icon img{width: 12px;}
.skin_view_wrap .top_btn_wrap a.hit_icon span{font-size: 11px; font-weight: 500; color: #fff;}

.skin_view_wrap .top_btn_wrap.st02{justify-content: space-between;}
.skin_view_wrap .top_btn_wrap.st02 .right{display: flex;align-items: center; justify-content: flex-end;gap:5px;}

/* skin01 */
.skin_wrap.skin01 .col01{width: 50px;}
.skin_wrap.skin01 .col02{width: 90px;}
.skin_wrap.skin01 .col03{width: 50px;}
.skin_wrap.skin01 table.skin_tbl01 td:nth-child(1) img{width: 13px;}
.skin_wrap.skin01 table.skin_tbl01 td:nth-child(6) img{width: 13px;}

.skin_wrap.skin01 .tbl_mob .list_wrap01 .list .tit .title{display: flex;gap:5px;width: calc(100% - 22px);}
.skin_wrap.skin01 .tbl_mob .list_wrap01 .list .tit p{width: 100%;}
.skin_wrap.skin01 .tbl_mob .list_wrap01 .list .tit b.new{display: flex;align-items: center; justify-content: center;width: 13px; height: 13px; background: #005fb7; border-radius:3px; color: #fff;font-size: 9px; font-weight: 500;transform: translateY(3px);}

/* skin02 */
.skin_wrap.skin02 .tbl_mob .list_wrap01 .list .tit .title{display: flex;gap:5px;width: calc(100% - 22px);}
.skin_wrap.skin02 .tbl_mob .list_wrap01 .list .tit p{width: 100%;}
.skin_wrap.skin02 .tbl_mob .list_wrap01 .list .tit b.new{display: flex;align-items: center; justify-content: center;width: 13px; height: 13px; background: #005fb7; border-radius:3px; color: #fff;font-size: 9px; font-weight: 500;transform: translateY(3px);}

/* skin03 */
.skin_wrap.skin03 .img_list_wrap{border-top: 1px solid #ddd;}
.skin_wrap.skin03 .img_list_wrap .list{border-bottom: 1px solid #ddd;}
.skin_wrap.skin03 .img_list_wrap .list a{position: relative;display: flex;padding: 15px;align-items: flex-end;justify-content: space-between;}
.skin_wrap.skin03 .img_list_wrap .list .left{display: flex;align-items: center;gap:15px;width: 100%;}
.skin_wrap.skin03 .img_list_wrap .list .left .img_box{width: 85px;}
.skin_wrap.skin03 .img_list_wrap .list .left .img_wrap{position:relative; width:100%; padding-bottom:68.75%;border-radius:6px; overflow: hidden;}
.skin_wrap.skin03 .img_list_wrap .list .left .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box{width: calc(100% - 100px);}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box p{font-size: 12px; color: #333; font-weight: 500; line-height: 1.5;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;width: fit-content;max-width: calc(100% - 20px);}

.skin_wrap.skin03 .img_list_wrap .list .left .txt_box .tit{display: flex;gap:5px;align-items: center;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box b.new{display: flex;align-items: center; justify-content: center;font-size: 8px; color: #fff; font-weight: 500;width: 11px; height: 12px; border-radius:2px; background: #005fb7;}

.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01{margin-top: 6px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li{font-size: 10px;padding-left: 12px; line-height: 18px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li::after{font-size: 14px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li span{display: inline-block;width: 50px;}
.skin_wrap.skin03 .img_list_wrap .list .right{position: absolute;bottom: 15px; right: 15px;display: flex;align-items: center;justify-content: flex-end;gap:10px;width: auto;}
.skin_wrap.skin03 .img_list_wrap .list .right em img{width: 11px;}
.skin_wrap.skin03 .img_list_wrap .list .right span{font-size: 11px; color: #666;}
.skin_wrap.skin03 .img_list_wrap .list .right span b{display: inline-block;font-weight: 400;margin-left: 6px;}


/********************************************/
/**********   수정_skin04&skin05   ***********/
/********************************************/
/* skin04 - 재외교육카페 메인_수정 백수진 */
.skin_wrap.skin04 .con:not(:last-child){margin-bottom: 40px;}
.skin_wrap.skin04 .con01{display: flex;gap:10px;flex-wrap:wrap;margin-bottom: 40px;}
.skin_wrap.skin04 .con01 .btn_wrap{display: flex;gap:10px;width: 100%;}
.skin_wrap.skin04 .con01 .btn_wrap a{display: block; padding: 12px;background: url(/images/kor/sub/skin_bg01_mob.png)center no-repeat;background-size: cover;width: calc((100% - 10px) / 2); height: 55px; border-radius:5px;}
.skin_wrap.skin04 .con01 .btn_wrap a p{font-size: 14px; color: #fff; font-weight: 500;}
.skin_wrap.skin04 .con01 .btn_wrap a.btn02{background: url(/images/kor/sub/skin_bg02_mob.png)center no-repeat;background-size: cover;}
.skin_wrap.skin04 .con01 .search_wrap{width: 100%;padding: 12px; background: #f5f5f5; border-radius:4px;}
.skin_wrap.skin04 .con01 .search_wrap p{font-size: 14px; color: #333;font-weight: 500;margin-bottom: 8px;}
.skin_wrap.skin04 .con01 .search_wrap .search{position: relative;} 
.skin_wrap.skin04 .con01 .search_wrap .search a{position: absolute;right: 10px; top: 50%; transform:translateY(-50%);}
.skin_wrap.skin04 .con01 .search_wrap .search a img{width: 12px;}

.skin_wrap.skin04 .con02 .tit{display: flex;align-items: center;gap:15px;margin-bottom: 15px;}
.skin_wrap.skin04 .con02 .tit h3.h3_tit01{margin-bottom: 0; font-size: 20px;}
.skin_wrap.skin04 .con02 .tit .cate{display: flex;gap:5px;}
.skin_wrap.skin04 .con02 .tit .cate a{display: flex; align-items: center; justify-content: center;padding: 0px 10px;width: fit-content;  height: 22px;font-size: 13px; color: #666; font-weight: 500;border:1px solid #ddd; border-radius:16px;}
.skin_wrap.skin04 .con02 .tit .cate a.on{background: #e5ebf0; border:1px solid #e5ebf0; color: var(--co01);}

.skin_wrap.skin04 .con02 .list_box{display: flex;flex-wrap:wrap;gap:0px; padding: 0 15px; height: 277px; overflow-y: scroll; border:1px solid #ddd; border-radius:6px;}
.skin_wrap.skin04 .con02 .list_box::-webkit-scrollbar {width: 2px;}
.skin_wrap.skin04 .con02 .list_box::-webkit-scrollbar-thumb{height: 30%; background: #999; border-radius: 0px;}
.skin_wrap.skin04 .con02 .list_box::-webkit-scrollbar-track {background: #ddd;}
.skin_wrap.skin04 .con02 .list_box .list{padding: 15px 0;width: 100%;border-bottom: 1px solid #ddd;}
.skin_wrap.skin04 .con02 .list_box .list a{display: flex;gap:12px;}
.skin_wrap.skin04 .con02 .list_box .list .img_box{width: 60px; }
.skin_wrap.skin04 .con02 .list_box .list .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd;border-radius:10px;}
.skin_wrap.skin04 .con02 .list_box .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin04 .con02 .list_box .list .favor_icon{position: absolute;top: 14px; right: 0;display: block;background: url(/images/kor/sub/bookmark_icon.png)center no-repeat;width: 16px; height: 16px; background-size: cover;z-index: 100;transition:.3s;}
.skin_wrap.skin04 .con02 .list_box .list .favor_icon.on{background: url(/images/kor/sub/bookmark_on_icon.png)center no-repeat;background-size: cover;}
.skin_wrap.skin04 .con02 .list_box .list .txt_box{width: calc(100% - 72px);}
.skin_wrap.skin04 .con02 .list_box .list .txt_box .txt p{font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-right: 25px;}
.skin_wrap.skin04 .con02 .list_box .list .txt_box .txt span{display: block;font-size: 12px; color: #666; line-height: 14px; margin-top: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.skin_wrap.skin04 .con02 .list_box .list .txt_box .bot{display: flex;gap:12px; margin-top: 8px;}
.skin_wrap.skin04 .con02 .list_box .list .txt_box .bot p{font-size: 11px; color: #666;}
.skin_wrap.skin04 .con02 .list_box .list .txt_box .bot p span{color: #999;}
.skin_wrap.skin04 .con .list_box.none{display: flex;align-items: center;justify-content: center;background: #fcfcfc;width: 100%;height: 125px;}
.skin_wrap.skin04 .con .list_box.none p{font-size: 14px; line-height: 1; color: #999;text-align: center;}

.skin_wrap.skin04 .con03 .box_wrap{display: flex;gap:50px;flex-wrap:wrap;}
.skin_wrap.skin04 .con03 .box_wrap .box{width: 100%;}
.skin_wrap.skin04 .con03 .box_wrap .box .list_box{height: auto; overflow-y: initial; }
.skin_wrap.skin04 .con03 .box_wrap .box .list_box .list{width: 100%;}
.skin_wrap.skin04 .con03 .box_wrap .box .list_box.none p i{display: none;}
.skin_wrap.skin04 .con03 .box_wrap .box span.sub_txt{display: block;font-size: 10px; color: var(--co01); text-align: right; margin-top: 10px;}

/* 카페 개설하기 */
.skin_wrap.skin04_form table{width: 900px; max-width: 100%; margin: 0 auto;border-top: 1px solid #999;border-bottom: 1px solid #999;}
.skin_wrap.skin04_form table .col01{width: 30%;}
.skin_wrap.skin04_form table tr{border-bottom: 1px solid #ddd;}
.skin_wrap.skin04_form table th{padding: 10px;font-size: 13px; color: #333; font-weight: 500;}
.skin_wrap.skin04_form table td{padding: 10px;font-size: 12px; color: #666; font-weight: 500;}

.skin_wrap.skin04_form table td .ra_wrap{display: flex;align-items: center;gap:20px;}
.skin_wrap.skin04_form table td .ra_wrap input.ra_st01 + label{font-size: 12px;}
.skin_wrap.skin04_form table td .ra_wrap input.ra_st01:checked + label::before{top: 55%;}

.skin_wrap.skin04_form table td input.chk_st02 + label{font-size: 12px;color: #666;}
.skin_wrap.skin04_form table td input.chk_st02 + label::after{top: 2px;width: 14px; height: 14px;border-radius:4px;}
.skin_wrap.skin04_form table td .img_box{width: 80px; height: 80px;overflow: hidden; border-radius:50%; margin-bottom: 10px;margin-left: 0px;}
.skin_wrap.skin04_form table td .img_box img{width: 100%; height: 100%; object-fit:cover;}
.skin_wrap.skin04_form table td .txt_box{display: flex;align-items: flex-start;gap:10px;flex-direction: column;}
.skin_wrap.skin04_form table td .txt_box .btn_wrap{display: flex;gap:5px;}
.skin_wrap.skin04_form table td .txt_box .btn_wrap .btn{display: flex;align-items: center; justify-content: center;width: 60px; height: 22px; font-size: 11px; color: #666; font-weight: 500; cursor:pointer; border-radius:4px; border:1px solid #ddd;}
.skin_wrap.skin04_form table td .txt_box input[type="file"]{position: absolute;opacity: 0;width: 1px;height: 1px;margin: -1px;padding: 0;font-size: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;background: #fff;}
.skin_wrap.skin04_form table td .txt_box span{font-size: 11px; color: var(--co01); font-weight: 500;}

/* 카페 검색 */
.skin_wrap.skin04_search .con01 .search_wrap{width: 100%; margin-bottom: 40px;}
.skin_wrap.skin04_search .con01 .search_wrap .box{display: flex;gap:5px;}
.skin_wrap.skin04_search .con01 .search_wrap .search{width: calc(100% - 85px);}
.skin_wrap.skin04_search .con01 .search_wrap  input[type="text"]{height: 35px;}
.skin_wrap.skin04_search .con01 .search_wrap a.home_btn{display: flex;align-items: center;justify-content: center;gap:10px;width: 80px; height: 35px; background: #333; border-radius:4px;font-size: 12px;color: #fff;}
.skin_wrap.skin04_search .con01 .search_wrap a.home_btn img{filter:brightness(100);width: 14px;}

.skin_wrap.skin04_search .con02 .tit_wrap{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start; gap:10px; padding-bottom: 15px;border-bottom: 1px solid #999; margin-bottom: 30px;}
.skin_wrap.skin04_search .con02 .tit_wrap p{font-size: 16px;color: #333; font-weight: 700;}
.skin_wrap.skin04_search .con02 .tit_wrap p b{color: #e8000b;font-weight: 700;}
.skin_wrap.skin04_search .con02 .tit_wrap .cate_wrap{display: flex;gap:5px;justify-content: flex-end;width: 100%;}
.skin_wrap.skin04_search .con02 .tit_wrap .cate_wrap a{display: flex;align-items: center;padding: 0px 10px; height: 25px; border:1px solid #ddd; border-radius:16px;font-size: 12px; color: #666;font-weight: 500;}
.skin_wrap.skin04_search .con02 .tit_wrap .cate_wrap a.on{background: #e5ebf0; border:1px solid #e5ebf0;color: var(--co01);}

.skin_wrap.skin04_search .con02 .box:not(:last-child){margin-bottom: 40px;}
.skin_wrap.skin04_search .con02 .box .tit{gap:10px;}
.skin_wrap.skin04_search .con02 .box .tit p{font-size: 16px; color: #333; font-weight: 700;}
.skin_wrap.skin04_search .con02 .box .tit span{font-size: 12px; color: #999;}
.skin_wrap.skin04_search .con02 .box .tit span b{color: var(--co01);font-weight: 700;}
.skin_wrap.skin04_search .con02 .list_box .list .txt_box .txt p b{color: #e8000b;}

/* skin05 - 학교&교육원 정보_목록 */
.skin_wrap.skin05 .search_wrap01 .search_flex .search input[type="text"]{width: calc(100% - 55px);}
.skin_wrap.skin05 table.skin_tbl01 .col01{width: 10%;}
.skin_wrap.skin05 table.skin_tbl01 .col02{width: 35%;}
.skin_wrap.skin05 table.skin_tbl01 .col03{width: 55%;}
.skin_wrap.skin05 table.skin_tbl01 .col04{/*width: 35%;*/width:0%;}
.skin_wrap.skin05 table.skin_tbl01 th{padding: 10px 5px;font-size: 13px;}
.skin_wrap.skin05 table.skin_tbl01 td{padding: 10px 5px;font-size: 13px;}
.skin_wrap.skin05 table.skin_tbl01 td a{display: inline;padding-bottom: 1px;color: var(--co01);border-bottom: 1px solid var(--co01);}
.skin_wrap.skin05 table.skin_tbl01 thead tr th:last-child{display: none;}
.skin_wrap.skin05 table.skin_tbl01 tbody tr td:last-child{display: none;}

/* skin05_view - 학교&교육원 정보_상세 */
.skin_view_wrap.skin05_view .con:not(:last-child){margin-bottom: 30px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap{display: flex;justify-content: space-between;align-items: center;padding: 12px 15px; background: #e5eff8; border-radius:4px; margin-bottom: 30px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit{display: flex;align-items: center;gap:8px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit .icon {display:none;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit p{font-size: 18px; font-weight:700; color: #333;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a{width: 35px; height: 30px; font-size: 0;gap: 0;border-radius: 6px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a img{width: 15px;}

.skin_view_wrap.skin05_view .con01 table.tbl_mob {display:table;}
.skin_view_wrap.skin05_view .con01 table.skin_tbl02 .col01 {width:100px;}
.skin_view_wrap.skin05_view .con01 table.skin_tbl02 td a{display: inline;padding-bottom: 0px;color: var(--co01);border-bottom: 1px solid var(--co01);}

.skin_view_wrap.skin05_view .con01 .graph_wrap{display: flex;flex-wrap:wrap;gap:20px; margin-top: 20px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box{width: 100%; min-height: 196px; }
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit{display: flex;align-items: center; justify-content: center;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit p{font-size: 16px; color: #333; font-weight: 700;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit .dw_btn{right:28px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit .dw_btn img{width: 10px;}

.skin_view_wrap.skin05_view .con02 .box{display: flex;align-items: center; justify-content: space-between;padding: 15px; background: #f5f5f5; border-radius:4px; }
.skin_view_wrap.skin05_view .con02 .box p{font-size: 16px; color: #333; font-weight: 700;}
.skin_view_wrap.skin05_view .con02 .box .dw_wrap{display: flex;gap:10px;}
.skin_view_wrap.skin05_view .con02 .box .dw_wrap select{width: 92px; height: 30px; color: #333;}
.skin_view_wrap.skin05_view .con02 .box .dw_wrap a{display: flex;align-items: center; justify-content: center;gap:5px;width: 80px; height: 30px; font-size: 12px; font-weight: 500; background: var(--co01); color: #fff; border-radius:4px;}
.skin_view_wrap.skin05_view .con02 .box .dw_wrap a img{width: 11px;}
.skin_view_wrap.skin05_view .con02 .btn_wrap{display: flex;flex-wrap:wrap;gap:5px;margin-top: 12px;}
.skin_view_wrap.skin05_view .con02 .btn_wrap a{display: flex; align-items: center; justify-content: center; flex:initial; width: calc((100% - 20px) / 3); height: 32px; font-size: 13px; color: #666; font-weight: 500; border:1px solid #ddd; border-radius:4px;}
.skin_view_wrap.skin05_view .con02 .btn_wrap a.on{background: var(--co01); color: #fff; border:1px solid var(--co01);}

.skin_view_wrap.skin05_view .con02 .tbl_wrap{margin-top: 30px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .tbl_box:not(:last-child){margin-bottom: 30px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .sub_txt_st01{display: flex;justify-content: space-between; align-items: flex-end;margin-bottom:12px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .sub_txt_st01 span br{display:block;} 
.skin_view_wrap.skin05_view .con02 .tbl_wrap .sub_txt_st01 span{font-size: 11px; color: #999;line-height: 15px;text-align: right;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .sub_txt_st01 span b{color: #e8000b; font-weight: 400;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .con_txt {margin-bottom:12px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .con_txt strong{font-size: 15px;padding-left:30px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .con_txt strong:before{left: 16px;top:7px;width: 8px;height:2px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .con_txt strong b{font-size: 13px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .con_txt span{font-size: 11px;}  

.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap{border-top: 1px solid #666;border-bottom: 1px solid #666;margin-bottom: 20px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list:not(:last-child){border-bottom: 1px solid #ccc;} 
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .tit{padding: 8px 0;background:#f9fdfd; border-bottom: 1px solid #ddd;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .tit span{font-size: 12px; color: #999;padding-left: 8px;letter-spacing: -0.5px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .tit p{font-size: 14px; color: #333; font-weight: 500;padding-left: 8px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .tit span + p {padding-left:3px;display:inline-block;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap{display: flex;flex-wrap:wrap;gap:8px 0;padding:10px 8px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list.lst01 .txt_wrap:not(:last-child) { border-bottom:1px solid #eee; padding:6px 0;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap .txt{display: flex;width: 50%;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap .txt p{font-size: 13px; color: var(--co01);width:70px;margin-right:10px;border-right:1px solid #ccc;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap .txt span{display: block;width: calc(100% - 80px);font-size: 13px; color: #666;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap .txt_tit {width:auto;}  
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap .txt_tit p{width:70px;margin-right:10px;border-right:1px solid #ccc;color: var(--co01);}

.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list:has(.st01) .txt_wrap{padding:4px 8px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list:has(.st01) .tit + .txt_wrap{margin-top:5px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list:has(.st01) .txt_wrap:last-child{margin-bottom:5px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01 .txt{width: calc((100% - 90px) / 3);}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01-1 .txt{width: calc((100% - 160px) / 2);}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01 .txt p,
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01-1 .txt p {width:auto;border: none;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01 .txt span,
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st01-1 .txt span{width: auto;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st02 {border-bottom:1px solid #ddd;}   
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st02 .txt_tit p {width:75px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st02 .txt { width: calc(50% - 48px); }
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st02 .txt p {width:65px;border:none;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st02 .txt span {width: calc(100% - 75px);}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list:has(.st02) .txt_wrap:last .txt p {margin-right:25px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st03 .txt p{ width: 75px;} 
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st03 .txt span{ width: calc(100% - 85px);}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap .list .txt_wrap.st03 + .st02 {padding-top:0;}

/*교육현황-파일부분*/
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01{border-top: 1px solid #999;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list{border-bottom: 1px solid #999;padding: 12px 5px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list .tit{display: flex;gap:6px;align-items: flex-start;margin-bottom: 8px;padding-bottom:8px;border-bottom:1px solid #ddd;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list .tit i{width: 17px;height:16px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list .tit a{font-size: 14px; color: #0061bb; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list ul{display: flex;flex-wrap:wrap;width:100%;color:#999;padding-left:22px;}
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list ul li:nth-child(1) { flex: 5.5;min-width:0; }
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list ul li:nth-child(2) { flex: 4.5;min-width:0; }
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list ul li:nth-child(3) { flex: 0 0 130px; }
.skin_view_wrap.skin05_view .con02 .tbl_wrap .list_wrap01 .list.no_data {text-align: center; color: #999; padding:20px 0;}

.skin_view_wrap.skin05_view .con02 .tbl_box:has(.tbl_scroll):nth-of-type(1) .tbl_scroll:has(.tbl_mob) {max-height: 380px;}
.skin_view_wrap.skin05_view .con02 .tbl_box:has(.tbl_scroll):nth-of-type(2) .tbl_scroll:has(.tbl_mob) {max-height: 388px;}
.skin_view_wrap.skin05_view .con02 .tbl_box .tbl_scroll .list_wrap {border:none;}
  
/********************************************/
/***********        수정_끝                   ************/
/********************************************/


/* skin07 */
.skin_wrap.skin07 .con:not(:last-child){margin-bottom: 25px;}
.skin_wrap.skin07 .box_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.skin_wrap.skin07 .box_wrap .box{width: calc((100% - 10px) / 2);padding: 15px 10px; border:1px solid #ddd; background: #f5f5f5;}
.skin_wrap.skin07 .box_wrap .box strong{display: block;font-size: 13px; color: #333; font-weight: 700;line-height: 1.5;margin-bottom: 20px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap{display: flex;flex-wrap:wrap;gap:6px 0;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn{display: flex;gap:5px; align-items: center;width: 50%;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn p{font-size: 12px; color: #666;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn a{display: flex;align-items: center; justify-content: center; width: 27px; height: 14px; border:1px solid #ddd; border-radius:10px; background: #fff;transition:.3s;font-size: 10px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn a:hover{background: var(--co01); border:1px solid var(--co01); color: #fff;}

/* skin08 */
.skin_wrap.skin08 .search_wrap01 .search_flex .search input[type="text"]{width: calc(100% - 55px);}
.skin_wrap.skin08 .list_wrap{border-top: 1px solid #ddd;}
.skin_wrap.skin08 .list_wrap .list{position: relative;border-bottom: 1px solid #ddd;}
.skin_wrap.skin08 .list_wrap .list a{display: flex;gap:15px;padding: 15px;}
.skin_wrap.skin08 .list_wrap .list .img_box{width: 85px;}
.skin_wrap.skin08 .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:62.5%; overflow: hidden; border-radius:6px;}
.skin_wrap.skin08 .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin08 .list_wrap .list .txt_box{width: calc(100% - 100px);}
.skin_wrap.skin08 .list_wrap .list .txt_box .tit{display: flex;gap:6px;align-items: flex-end;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt p{font-size: 12px; line-height: 18px; color: #333; font-weight: 500;margin-bottom: 0px; white-space: initial; overflow: hidden; text-overflow: ellipsis;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;width: fit-content;max-width: calc(100% - 15px);}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b{position: absolute;top: 15px; right: 10px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.new{display: flex;align-items: center; justify-content: center;width: 11px; height: 11px; background: #005fb7; border-radius:2px; color: #fff;font-size: 8px; font-weight: 500;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.re{font-size: 9px; color: #999;line-height: 1.4;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.re em{color: #e8000b;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt span{display: none;font-size: 13px; color: #666;line-height: 1.5; height: 20px;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.skin_wrap.skin08 .list_wrap .list .txt_box .tag{margin-top: 5px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .tag em{font-size: 11px; color: #005fb7;line-height: 16px;}

.skin_view_wrap.skin08_view .tbl_wrap .tit{display: flex;align-items: center; justify-content: center; border-radius:6px; background: var(--co01); padding: 10px 20px; min-height: 30px; margin-bottom: 12px;}
.skin_view_wrap.skin08_view .tbl_wrap .tit p{font-size: 14px; color: #fff;font-weight: 700;text-align: center;}
.skin_view_wrap.skin08_view .top_btn_wrap p.view b{color: #005fb7;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li{display: flex;align-items: center;gap:10px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li:not(:last-child){margin-bottom: 5px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li p{display: flex;align-items: center; justify-content: center; width: 65px; height: 25px; background: #005fb7;font-size: 12px; color: #fff;font-weight: 700; border-radius:18px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li span{display: block;font-size: 12px; color: #666;}

.skin_view_wrap.skin08_view .file_wrap{display: flex;flex-direction: column;margin-top: 12px; border-radius:6px; overflow: hidden;}
.skin_view_wrap.skin08_view .file_wrap strong{display: flex;align-items: center; justify-content: center; width: 100%; height: 40px; font-size: 13px; font-weight: 700; background: #66bbbb;color: #fff;}
.skin_view_wrap.skin08_view .file_wrap .file_box{padding: 15px 20px;width: 100%; background: #fafafa; border:1px solid #ddd; border-left: 0;border-radius:0 8px 8px 0;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file{display: flex;gap:5px;align-items: center;flex-wrap:wrap;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file:not(:last-child){margin-bottom: 6px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file em{display: flex;align-items: center; justify-content: center; width: 40px; height: 20px; font-size: 10px;  color: #fff; font-weight: 500; background: #66bbbb; border-radius:11px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file p{width: calc(100% - 45px);font-size: 12px; color: #666; line-height: 1.6;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file span{display: inline-block;font-size: 11px; color: #999;margin-left: 5px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file span b{color: #66bbbb;font-weight: 400;}

/* skin09 */
.skin_wrap.skin09 .list_wrap{display: flex;flex-wrap:wrap;gap:30px 10px;}
.skin_wrap.skin09 .list_wrap .list{width: calc((100% - 10px) / 2);}
.skin_wrap.skin09 .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:56.176%;}
.skin_wrap.skin09 .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap{margin-top: 12px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt{display: flex;justify-content: space-between;margin-bottom: 6px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt p{font-size: 13px;color: #333; font-weight: 700;width: calc(100% - 20px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt em{display: flex;align-items: center; justify-content: center;width: 14px; height: 14px; background: #f5f5f5; border-radius:50%;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt em img{width: 8px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt{display: flex;justify-content: space-between;align-items: center;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span{display: flex;align-items: center;gap:5px;font-size: 11px;color: #999;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span:nth-child(1) img{width: 8px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span:nth-child(2) img{width: 10px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt .left{display: flex;align-items: center;gap:8px;}

/* skin10 */
.skin_wrap.skin10 .list_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.skin_wrap.skin10 .list_wrap .list{padding: 10px;width: calc((100% - 10px) / 2); border:1px solid #ddd; background: #f5f5f5;}
.skin_wrap.skin10 .list_wrap .list strong{display: block;font-size: 13px; color: #333; font-weight: 700; line-height: 19px;}
.skin_wrap.skin10 .list_wrap .list p{font-size: 12px;color: #666;margin-top: 10px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap{display: flex;gap:5px;margin-top: 10px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a{display: flex;align-items: center;gap:10px; height: 20px;padding: 0 10px; border-radius:4px;font-size: 10px; color: #fff;transition:.3s;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn01{background: #1c8681;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn02{background: #e57872;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn03{background: #005fb7;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a:nth-child(1) img{width: 11px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:nth-child(2) img{width: 10px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn03 img{width: 12px;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn01{background: #13504d;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn02{background: #c0433d;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn03{background: #003668;}

.skin_wrap.skin10 .list_wrap .list.co01{background: #e8f3f2;}
.skin_wrap.skin10 .list_wrap .list.co02{background: #fcf1f1;}
.skin_wrap.skin10 .list_wrap .list.co03{background: #e5eff8;}

/* skin11 */
.skin_wrap.skin11 .top{margin-bottom: 15px;}
.skin_wrap.skin11 .top .cate_wrap{display: flex;gap:20px;}
.skin_wrap.skin11 .top .cate_wrap a{font-size: 12px; color: #666; font-weight: 700;padding-bottom: 5px;border-bottom: 2px solid transparent;}
.skin_wrap.skin11 .top .cate_wrap a.on{color: #005fb7;border-bottom: 2px solid #005fb7;}

.skin_wrap.skin11 table.skin_tbl01 .col01{width: 24%;}
.skin_wrap.skin11 table.skin_tbl01 .col02{width: 13%;}
.skin_wrap.skin11 table.skin_tbl01 .col04{width: 17%;}
.skin_wrap.skin11 table.skin_tbl01 .col05{width: 22%;}
.skin_wrap.skin11 table.skin_tbl01 th{font-size: 12px;padding: 10px 5px;}
.skin_wrap.skin11 table.skin_tbl01 td{font-size: 12px;padding: 10px 5px;word-break: break-word;}
.skin_wrap.skin11 table.skin_tbl01 td i{display: block;}
.skin_wrap.skin11 table.skin_tbl01 td .btn_wrap{display: flex;align-items: center;gap:12px;justify-content: center;}
.skin_wrap.skin11 table.skin_tbl01 td .btn_wrap a img{width: 12px;}

/* skin11_2 */
.skin_wrap.skin11_2 .con:not(:last-child){margin-bottom: 35px;}
.skin_wrap.skin11_2 .con .list_wrap{display: flex;flex-wrap:wrap; gap:20px 10px;}
.skin_wrap.skin11_2 .con .list_wrap .list{width: calc((100% - 10px) / 2);}
.skin_wrap.skin11_2 .con .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:55.882%;}
.skin_wrap.skin11_2 .con .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

/* skin12 */
.skin_wrap.skin12 .list_wrap .list{position: relative;display: flex;justify-content: space-between;padding: 20px 15px;}
.skin_wrap.skin12 .list_wrap .list:first-child{padding-top: 0px;}
.skin_wrap.skin12 .list_wrap .list:not(:last-child){border-bottom: 1px solid #ddd;}
.skin_wrap.skin12 .list_wrap .list .box{display: flex;gap:15px;flex-direction: column;align-items: flex-start;width: 100%;padding-right: 0px;}
.skin_wrap.skin12 .list_wrap .list .box .img_box{width: 128px;}
.skin_wrap.skin12 .list_wrap .list .box .img_wrap{position:relative; width:100%; padding-bottom:62.5%;}
.skin_wrap.skin12 .list_wrap .list .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box{width: 100%;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p{font-size: 13px; color: #333; font-weight: 700;line-height: 20px;word-break: break-word;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p em{font-size: 12px; font-weight: 700;	}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span{display: block;font-size: 11px; color: #333; line-height: 16px;margin-top: 10px;}

/* 박철순 수정 */
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span a{font-size:13px;color:blue}

.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01{margin-top: 10px;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01 li{font-size: 11px;line-height: 18px;padding-left: 10px;}
.skin_wrap.skin12 .list_wrap .list:first-child a.site_btn{top: 0;}
.skin_wrap.skin12 .list_wrap .list a.site_btn{position: absolute;top: 20px; right: 15px;display: flex;align-items: center;justify-content: center;gap:6px;width: 75px; height: 24px; border:1px solid #005fb7;color: #005fb7; font-size: 12px; font-weight: 500; border-radius:16px;}
.skin_wrap.skin12 .list_wrap .list a.site_btn img{width: 6px;}

/* skin13 */
.skin_wrap.skin13 .search_wrap01{flex-direction: column;align-items: flex-start;justify-content: flex-start;gap:10px;}
.skin_wrap.skin13 .search_wrap01 .search_flex.flex02{width: 100%;justify-content: space-between;}
.skin_wrap.skin13 .search_wrap01 .chk_box{display: flex;align-items: center; flex-wrap:wrap; gap:10px; background: #fff;width: calc(100% - 55px);padding: 10px; height: auto; border-radius:4px; border:1px solid #ddd;}

.skin_wrap.skin13  table.skin_tbl01 .col01{width: 20%;}
.skin_wrap.skin13  table.skin_tbl01 .col02{width: 35%;}
.skin_wrap.skin13  table.skin_tbl01 .col03{width: 35%;}
.skin_wrap.skin13  table.skin_tbl01 .col04{width: 10%;}
.skin_wrap.skin13  table.skin_tbl01 th{padding: 10px;font-size: 11px;}
.skin_wrap.skin13  table.skin_tbl01 td{padding: 0;font-size: 11px;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap{display: flex;align-items: center;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt{padding: 10px;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt01{width: 20%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt02{width: 35%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt03{width: 35%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt04{width: 10%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn{display: flex;align-items: center; justify-content: center;width: 20px; height: 20px; background: #e5eff8; border-radius:50%;margin: 0 auto;transition:.3s;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn img{width: 10px;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn.on{transform:rotate(180deg);}

.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap{display: none;padding: 20px 0; border-top: 1px solid #ddd;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box{width: 510px; max-width: 100%; min-height: 200px; padding: 15px; border:1px solid #ddd; border-radius:8px;margin: 0 auto; }
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit{display: flex;align-items: center; justify-content: center;gap:10px;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit p{font-size: 13px; color: #333; font-weight: 700;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit .dw_btn{display: flex;align-items: center; justify-content: center;width: 22px; height: 22px; background: #e5eff8; border-radius:50%;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit .dw_btn img{width: 10px;}

.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box{margin-top: 20px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box table.tbl01 th{padding: 10px 5px;background: #f1f5f9;font-size: 11px;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box table.tbl01 td{padding: 10px 5px;font-size: 11px;}

/* skin_form */
.skin_form table.skin_tbl02 .col01{width: 70px;}
.skin_form table.skin_tbl02 td{padding: 7px;}
.skin_form table.skin_tbl02 td em{font-weight: 500;}
.skin_form table.skin_tbl02 td input[type="text"]{width: 100%; height: 35px; font-size: 12px ;color: #666; border:1px solid #ddd; border-radius:4px;padding: 0px 10px;}
.skin_form table.skin_tbl02 td select{width: 100%; height: 35px; font-size: 12px ;color: #666;border:1px solid #ddd; padding: 0px 10px; border-radius:4px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/images/kor/sub/select_icon01_pc.png)center right 10px no-repeat; background-size: 8px; }

.skin_form table.skin_tbl02 td .file_wrap{display: flex;gap:10px;align-items: center;}
.skin_form table.skin_tbl02 td .file_btn{position: relative;}
.skin_form table.skin_tbl02 td .file_btn input[type="file"]{position: absolute;top: 0;left: 0;width: 80px;height: 30px;border: 1px solid #ddd;z-index: 10;text-indent: -9999px;border-radius:4px;}
.skin_form table.skin_tbl02 td .file_btn label{display: flex;align-items: center; justify-content: center;width: 80px; height: 32px;font-size: 12px; font-weight: 500;color: #666; cursor:pointer;}
.skin_form table.skin_tbl02 td .file_wrap span{font-size: 11px; color: #999; font-weight: 500;}
.skin_form table.skin_tbl02 td .file_wrap span b{color: var(--co01);font-weight: 500;}
.skin_form table.skin_tbl02 td .file_wrap .upload-name{font-size: 11px; font-weight: 500;color: #666; border:0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  width: 90px;}
.skin_form table.skin_tbl02 td .file_txt{margin-top: 5px;}
.skin_form table.skin_tbl02 td .file_txt p{font-size: 11px; color: #999;font-weight: 500; line-height: 1.8;}

.skin_form table.skin_tbl02 td .cer_wrap{display: flex; align-items: center;gap:5px;flex-wrap:wrap;}
.skin_form table.skin_tbl02 td .cer_wrap input[type="text"]{width: 100px;}
.skin_form table.skin_tbl02 td .cer_wrap .img img{height: 35px;}
.skin_form table.skin_tbl02 td .cer_wrap .btn{display: flex;gap:5px;width: 100%;}
.skin_form table.skin_tbl02 td .cer_wrap .btn a{font-size: 12px; color: #999;border-bottom: 1px solid #999; padding-bottom: 2px;}
.skin_form .btn_wrap{display: flex;align-items: center;gap:5px;justify-content: flex-end; margin-top: 20px;}
.skin_form .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 100px; height: 35px;font-size: 13px; color: #666; font-weight: 500; border-radius:4px; background: #ddd;}
.skin_form .btn_wrap a.btn02{background: #005fb7; color: #fff;}

.skin_form table.skin_tbl02 td .ra_wrap{display: flex;flex-direction: column;gap:5px;align-items: flex-start;	}
.skin_form table.skin_tbl02 td .p_wrap{display: flex;gap:3px;align-items: center;flex-direction: column;}
.skin_form table.skin_tbl02 td .p_wrap input[type="date"]{width: 96px; height: 35px; border:1px solid #ddd; border-radius:4px;font-size: 11px; color: #999;font-weight: 500;padding: 0px 10px;}
.skin_form table.skin_tbl02 td .p_wrap span{font-size: 12px; color: #333; font-weight:500;}

/* 서비스소개_사이트맵 */
.service_wrap .service01 .con01{margin-bottom: 30px;}
.service_wrap .service01 .con01 .img_wrap{display: flex;align-items: center; justify-content: center;background: url(/images/kor/sub/service_bg01.jpg)center right no-repeat; height: auto; background-attachment: fixed; border-radius:16px;background-size: cover;padding: 40px 20px;}
.service_wrap .service01 .con01 .img_wrap p{font-size: 13px; color: #fff ; line-height: 1.6;text-align: center;font-weight: 700;}
.service_wrap .service01 .con01 .img_wrap p i{display: none;}
.service_wrap .service01 .con02 .txt:not(:last-child){margin-bottom: 20px;}
.service_wrap .service01 .con02 .txt strong{position: relative;display: block;padding-left: 16px;font-size: 14px; color: #000; font-weight: 700;}
.service_wrap .service01 .con02 .txt strong::after{content:'';position: absolute;left: 0; top: 50%;transform:translateY(-50%); width: 6px; height: 6px; border:2px solid var(--co01);}
.service_wrap .service01 .con02 .txt p{font-size: 12px; color: #666; line-height: 1.6; margin-top: 10px;padding-left: 16px;}

/* 서비스소개_사이트맵 */
.service_wrap{line-height: 1;}
.service_wrap .site_map{display: flex;flex-wrap:wrap;gap:20px;}
.service_wrap .site_map .site{width: 100%; border-radius:6px; overflow: hidden;}
.service_wrap .site_map .site .tit{display: flex;align-items: center; justify-content: center;height: 40px; background: var(--co01);}
.service_wrap .site_map .site .tit p{font-size:14px; color: #fff; font-weight: 700;}
.service_wrap .site_map .site .menu_wrap{padding: 0px 20px;background: #f8f8f8;}
.service_wrap .site_map .site .menu_wrap .menu:not(:last-child){border-bottom: 1px solid #ddd;}
.service_wrap .site_map .site .menu_wrap .menu > a{position: relative;display: flex;align-items: center;height: 40px;font-size: 14px; color: #333;padding-left: 14px;}
.service_wrap .site_map .site .menu_wrap .menu > a::after{content:'';position: absolute;left: 0; top: 50%;transform:translateY(-50%); width: 3px; height: 3px; background: var(--co01);}
.service_wrap .site_map .site .menu_wrap .menu ul{padding-left: 15px;padding-bottom: 13px;}
.service_wrap .site_map .site .menu_wrap .menu ul li a{font-size: 12px; color: #666; line-height: 2;}

.service_wrap .site_map .site .menu_wrap .menu a{transition:.3s;}
.service_wrap .site_map .site .menu_wrap .menu a:hover{color: var(--co01);}

/* 서비스소개_이용약관 */
.service_wrap .service02{font-size: 12px; color: #666; line-height: 1.6;white-space: pre-wrap; }
.service_wrap .service02 h3{font-size: 14px; color: #333;}
.service_wrap .service02 strong{color: var(--co01) ;}
.service_wrap .service02 p{padding-left: 12px;margin-top: 3px;letter-spacing: 0px;}
.service_wrap .service02 p .ml{display: inline-block; margin-left: 13px;}
.service_wrap .service02 .center{text-align: center;}
.service_wrap .service02 table.tbl01 th{word-break: break-all;}

}