/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}


/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}


:root {
  --co01: #2067a7;
  --co02: #1ba67d;
}

::selection{background: var(--co01); color: #fff;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; /* min-width: 1500px;  */ margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 1440px; margin: 0 auto; max-width:100%;}

#header{position: relative; line-height: 1;border-bottom: 1px solid #ddd;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 100px;}

#header .left_wrap{display: flex;align-items: center;gap:35px;}
#header ul.gnb{display: flex;}
#header ul.gnb li a{display: block;font-size: 18px; color: #333; font-weight: 700;padding: 41px 35px;}

#header .right_wrap{display: flex;align-items: center;gap:40px;}
#header .right_wrap .sns_wrap{display: flex;gap:20px;}
#header .right_wrap .sns_wrap a{position: relative;}
#header .right_wrap .sns_wrap a img.on{position: absolute;left: 0;top: 0;opacity: 0;transition:.3s;}
#header .right_wrap .sns_wrap a:hover img.on{opacity: 1;}

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

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

/* all_menu */
.all_menu_wrap{display: none;position: absolute;left: 0; top: 101px;width: 100%; background: url(/assets/images/main/all_bg.png)bottom left 20px no-repeat #fff;z-index: 4000; box-shadow:6px 6px 12px rgba(0,0,0,.15);}
.all_menu_wrap .inner{position: relative;min-height: 250px;}
.all_menu_wrap .all_menu{position: absolute;display: flex;/* background: #fff; */width: 100%;}
.all_menu_wrap .all_menu .tit{width: 280px;padding-top: 50px;border-right: 1px solid #ddd;}
.all_menu_wrap .all_menu .tit p{font-size: 35px; color: #333; font-weight: 700;}
.all_menu_wrap .all_menu .menu_wrap{width: calc(100% - 280px);padding: 40px 50px 80px;}
.all_menu_wrap .all_menu .menu_wrap ul{display: flex;flex-wrap:wrap;gap:20px;}
.all_menu_wrap .all_menu .menu_wrap ul li{width: calc((100% - 60px) / 4);padding: 0px 20px;background: #f5f5f5; border-radius:8px;}
.all_menu_wrap .all_menu .menu_wrap ul li a{position: relative;display: flex;align-items: center;width: 100%;height: 54px; padding-left: 15px;font-size: 16px; color: #666;}
.all_menu_wrap .all_menu .menu_wrap ul li a::after{content:'·';position: absolute;top: 7px; left: 0;font-size: 24px; color: #999;font-weight: 800;}


/* navi */
.nav_btn{display: none;}
.navigation{display: none;}

/*section*/
.section{padding: 80px 0;line-height: 1;}

/* visual_wrap */
#visual_wrap .inner{display: flex;gap:20px;}
#visual_wrap .visual01_wrap{position: relative;width: 1080px;}
#visual_wrap .visual01_wrap ul.visual01{border-radius:20px;overflow: hidden;}
#visual_wrap .visual01_wrap ul.visual01 .img_wrap img{width: 100%;}
#visual_wrap .visual01_wrap .slick-dots{display: flex;gap:22px;position: absolute;bottom: 25px;left: 50%;transform:translateX(-50%);z-index: 100;}
#visual_wrap .visual01_wrap .slick-dots li{position: relative;width: 8px; height: 8px; background: #fff; border-radius:50%;text-indent: -9999px;}
#visual_wrap .visual01_wrap .slick-dots li::after{content:'';opacity: 0;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 20px; height: 20px; background: var(--co01); border-radius:50%;transition:.3s;}
#visual_wrap .visual01_wrap .slick-dots li.slick-active{background: var(--co01);}
#visual_wrap .visual01_wrap .slick-dots li.slick-active::after{opacity: .3;}
#visual_wrap .visual01_wrap .slide_items{display: flex;align-items: center;gap:20px;position: absolute;bottom: 0; right: 0; width: 260px; height: 60px; background: #fff;padding: 0 30px;z-index: 100;border-radius:20px 0 0 0;}
#visual_wrap .visual01_wrap .slide_items::after{content:'';position: absolute;left: -20px;bottom: 0;background: url(/assets/images/main/vis_bg01_pc.png)center no-repeat; width: 20px; height: 20px; background-size: cover;}
#visual_wrap .visual01_wrap .slide_items::before{content:'';position: absolute;right: 0;top: -20px;background: url(/assets/images/main/vis_bg01_pc.png)center no-repeat; width: 20px; height: 20px; background-size: cover;}
#visual_wrap .visual01_wrap .slide_items .numcount{display: flex;align-items: center;gap:20px;}
#visual_wrap .visual01_wrap .slide_items .numcount span{font-size: 20px; font-weight: 700;color: rgba(51,51,51,.5);}
#visual_wrap .visual01_wrap .slide_items .numcount span.now{color: var(--co01);}
#visual_wrap .visual01_wrap .slide_items .numcount span.total{position: relative;}
#visual_wrap .visual01_wrap .slide_items .numcount span.total::after{content:'/';position: absolute;left: -13px;top: 50%;transform:translateY(-50%);}
#visual_wrap .visual01_wrap .slide_items .line{width: 60px; height: 1px; background: #ddd;}
#visual_wrap .visual01_wrap .slide_items .arr_wrap{display: flex;align-items: center;gap:10px;}


#visual_wrap .visual02_wrap{position: relative;width: 340px;}
#visual_wrap .visual02_wrap ul.visual02{border-radius:20px;overflow: hidden;}
#visual_wrap .visual02_wrap ul.visual02 .img_wrap img{width: 100%;}
#visual_wrap .visual02_wrap .slide_items{display: flex;align-items: center;justify-content: center;gap:10px;position: absolute;bottom: 20px; left: 50%;transform:translateX(-50%); width: 120px; height: 34px; background: rgba(0,0,0,.7);padding: 0 24px;z-index: 100;border-radius:50px;}
#visual_wrap .visual02_wrap .slide_items .numcount{display: flex;align-items: center;gap:15px;}
#visual_wrap .visual02_wrap .slide_items .numcount span{font-size: 14px; font-weight: 700;color: rgba(255,255,255,.5);}
#visual_wrap .visual02_wrap .slide_items .numcount span.now{color: #fff;}
#visual_wrap .visual02_wrap .slide_items .numcount span.total{position: relative;}
#visual_wrap .visual02_wrap .slide_items .numcount span.total::after{content:'/';position: absolute;left: -10px;top: 50%;transform:translateY(-50%);}
#visual_wrap .visual02_wrap .slide_items .arr_wrap{display: flex;align-items: center;gap:10px;}

/*section01*/
#section01{padding-top: 0;}
#section01 .inner{display: flex;gap:40px;}
#section01 .con_wrap{display: flex;gap:40px;width: calc(100% - 360px);}
#section01 .con_wrap .con{width: calc((100% - 40px) / 2);}
#section01 .con_wrap .con .tit_wrap{display: flex; align-items: flex-end;justify-content: space-between;margin-bottom: 30px;}
#section01 .con_wrap .con .tit_wrap p{font-size: 28px; color: #333; font-weight: 700;}
#section01 .con_wrap .con .tit_wrap a{display: flex;align-items: center;gap:12px;font-size: 16px; color: #666;}
#section01 .con_wrap .con .box{padding: 25px 30px;border:1px solid #ddd; border-radius:12px;}
#section01 .con_wrap .con .box .top{padding-bottom: 25px; margin-bottom: 30px;border-bottom: 1px dashed #ddd;}
#section01 .con_wrap .con .box .top a{display: flex;align-items: center;gap:20px;}
#section01 .con_wrap .con .box .top .date{display: flex; align-items: center;justify-content: center;flex-direction: column;gap:6px;width: 80px; height: 80px; background: #e8f0f6; border-radius:12px;}
#section01 .con_wrap .con .box .top .date p{font-size: 26px; color: var(--co01);text-align: center;font-weight: 700;}
#section01 .con_wrap .con .box .top .date span{display: block;font-size: 14px;color: var(--co01);text-align: center;font-weight: 700;}
#section01 .con_wrap .con .box .top .txt{width: calc(100% - 100px);}
#section01 .con_wrap .con .box .top .txt p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section01 .con_wrap .con .box .top .txt span{display: block;font-size: 16px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 16px;}
#section01 .con_wrap .con .box ul li{position: relative;padding-left: 20px;}
#section01 .con_wrap .con .box ul li:hover{text-decoration:underline;}
#section01 .con_wrap .con .box ul li:not(:last-child){margin-bottom: 18px;}
#section01 .con_wrap .con .box ul li::after{content:'·';position: absolute;left: 0; top: -4px;font-size: 24px;color: var(--co01); font-weight: 800;}
#section01 .con_wrap .con .box ul li a{display: flex;}
#section01 .con_wrap .con .box ul li p{font-size: 18px; color: #333; font-weight: 700;width: calc(100% - 125px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section01 .con_wrap .con .box ul li span{display: block;font-size: 16px; color: #999;width: 125px;text-align: right;}

#section01 .con_wrap .con01 ul{border-top: 2px solid #333;}
#section01 .con_wrap .con01 ul li{border-bottom: 1px solid #ddd;}
#section01 .con_wrap .con01 ul li a{display: flex;align-items: center;justify-content: space-between;height: 68px;padding: 0px 10px 0px 20px;}
#section01 .con_wrap .con01 ul li p{position: relative;font-size: 18px; color: #333; font-weight: 700;padding-left: 20px;width: calc(100% - 50px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section01 .con_wrap .con01 ul li p::after{content:'·';position: absolute;left: 0; top: 50%; transform:translateY(-50%);font-size: 24px; color: var(--co01); font-weight: 900;}
#section01 .con_wrap .con01 ul li:hover p{text-decoration:underline;}
#section01 .con_wrap .con01 ul li em{display: flex;align-items: center; justify-content: center;width: 30px; height: 30px; background: var(--co01); border-radius:8px; }

#section01 .btn_wrap{display: flex;flex-wrap:wrap;gap:20px;width: 320px;}
#section01 .btn_wrap a{display: flex;align-items: center; justify-content: center;flex-direction: column;gap:25px;width: calc((100% - 20px) / 2); height: 120px; background: #e8f0f6; border-radius:12px; box-shadow:6px 6px 12px rgba(0,0,0,.15);}
#section01 .btn_wrap a p{font-size: 16px; color: #333; font-weight: 700;text-align: center;}
#section01 .btn_wrap a.btn01{background: var(--co01);}
#section01 .btn_wrap a.btn01 p{color: #fff;}
#section01 .btn_wrap a.btn02{position: relative;display: block;padding: 30px 20px;width: 100%;height: 128px;background: url(/assets/images/main/sec01_bg01_pc.png)right bottom #1ba67d no-repeat;}
#section01 .btn_wrap a.btn02 img{position: absolute;top: 30px; right: 30px;}
#section01 .btn_wrap a.btn02 p{color: #fff;text-align: left;}
#section01 .btn_wrap a.btn02 span{display: block;font-size: 16px; color: #fff; line-height: 26px;margin-top: 12px;}

#section01 .pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3);z-index: 9000;}
#section01 .pop_wrap .pop_con{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);width: 800px;}
#section01 .pop_wrap .pop_con .x_btn{ display: block;width: fit-content;margin-bottom: 20px;margin-left: auto;}
#section01 .pop_wrap .pop_box{padding: 40px;background: #fff; border-radius:12px;}
#section01 .pop_wrap .pop_box .tit{display: flex;align-items: flex-end; justify-content: space-between; margin-bottom: 20px;}
#section01 .pop_wrap .pop_box .tit p{font-size: 24px; color: #333; font-weight: 700;}
#section01 .pop_wrap .pop_box .tit span{font-size: 16px; color: #666;}
#section01 .pop_wrap .pop_box .tit span b{color: var(--co01);}
#section01 .pop_wrap .pop_box table.tbl02 .col01{width: 180px;}
#section01 .pop_wrap .pop_box table.tbl02 td input[type="text"]{font-size: 16px; color: #999;border:1px solid #ddd; border-radius:4px; width: 100%; height: 38px;padding: 0 13px;}
#section01 .pop_wrap .pop_box table.tbl02 td input[type="text"]:focus{outline:0;}
#section01 .pop_wrap .pop_box table.tbl02 td input[type="text"]::placeholder{font-size: 16px; color: #999;}
#section01 .pop_wrap .pop_box a.btn{display: flex; align-items: center; justify-content: center; width: 160px; height: 46px; font-size: 16px; color: #fff; font-weight: 700; background: var(--co01); border-radius:23px;margin: 40px auto 0;}

#section01 .pop_wrap .pop_box table.tbl02 td textarea{font-size: 16px; color: #999;border:1px solid #ddd; border-radius:4px; width: 100%; height: 120px;padding: 13px;resize:none;}
#section01 .pop_wrap .pop_box table.tbl02 td textarea:focus{outline:0;}
#section01 .pop_wrap .pop_box table.tbl02 td textarea::placeholder{font-size: 16px; color: #999;}

#section01 .pop_wrap .pop_box table.tbl02 td .filebox_wrap{position: relative;}
#section01 .pop_wrap .pop_box table.tbl02 td input[type="file"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
#section01 .pop_wrap .pop_box table.tbl02 td input.upload-name:focus{outline:0;}
#section01 .pop_wrap .pop_box table.tbl02 td .filebox{display: flex;gap:5px;align-items: center;}
#section01 .pop_wrap .pop_box table.tbl02 td .filebox:not(:last-child){margin-bottom: 5px;}
#section01 .pop_wrap .pop_box table.tbl02 td .filebox .upload-name{font-size: 16px; color: #999;border:1px solid #ddd; border-radius:4px; width: calc(100% - 135px); height: 38px;padding: 0 13px;}
#section01 .pop_wrap .pop_box table.tbl02 td .filebox label{display: flex;align-items: center; justify-content: center;width: 100px; height: 38px;font-size: 15px; color: #fff; background: #666; border-radius:4px; cursor:pointer;}
#section01 .pop_wrap .pop_box table.tbl02 td .filebox_wrap a.add_btn{position: absolute;bottom: 6px;right: 0px;}

/* section02 */
#section02{background: #f3faf8;}
#section02 .tit{margin-bottom: 45px;}
#section02 .tit p{font-size: 35px; color: #333;font-weight: 700;text-align: center;}
#section02 .cal_wrap{display: flex;gap:20px; margin-bottom: 30px;}
#section02 .cal_wrap .year{position: relative;display: flex;align-items: center;gap:30px;padding-right: 140px;}
#section02 .cal_wrap .year::after{content:'';position: absolute;top: 50%;right: 0; transform:translateY(-50%);width: 120px; height: 1px; background: #ddd;}
#section02 .cal_wrap .year strong{font-size: 24px; color: #333; font-weight: 700;}
#section02 .cal_wrap .date{display: flex; align-items: center;width: calc(100% - 350px);}
#section02 .cal_wrap .date a{position: relative;display: flex;align-items: center; justify-content: center;flex:1;font-size: 16px; color: #666;z-index: 10;}
#section02 .cal_wrap .date a.today{color: #fff; font-weight: 700;}
#section02 .cal_wrap .date a.today::after{content:'';position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%); background: var(--co02);width: 30px; height: 30px; border-radius:50%;z-index: -1;}	

#section02 .slide_wrap{padding: 50px 0;border-top: 2px solid #333;border-bottom: 1px solid #ddd;}
#section02 .slide_wrap ul{position: relative;padding: 0 50px;}
#section02 .slide_wrap ul::after{content: '';position: absolute;top: 0;right: 45px; background: #f3faf8;width: 10px;height: 100%;}
#section02 .slide_wrap ul li a{display: block;padding: 20px 30px;border-right: 1px solid #ddd;}
#section02 .slide_wrap ul li em{display: flex;align-items: center; justify-content: center;width: 90px; height: 30px; border-radius:15px; font-size: 16px; color: #fff; background: var(--co02);font-weight: 700;margin-bottom: 20px;}
#section02 .slide_wrap ul li em.off{background: #999;}
#section02 .slide_wrap ul li p{font-size: 20px; color: #333; font-weight: 700; height: 64px; line-height: 32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 .slide_wrap ul li:hover p{text-decoration: underline;}
#section02 .slide_wrap ul li span{position: relative;display: block;font-size: 18px; color: #999;padding-left: 30px; margin-top: 55px;}
#section02 .slide_wrap ul li span::after{content:'';position: absolute;top: 0;left: 0;background: url(/assets/images/main/cal_icon01_pc.png)center no-repeat; width: 19px; height: 17px; background-size: cover;}
#section02 .slide_wrap ul .slick-prev{position: absolute;top: 50%;left: 0; transform:translateY(-50%);background: url(/assets/images/main/cal_prev_pc.png)center no-repeat; width: 30px; height: 24px; background-size: cover;text-indent: -9999px;}
#section02 .slide_wrap ul .slick-next{position: absolute;top: 50%;right: 0; transform:translateY(-50%);background: url(/assets/images/main/cal_next_pc.png)center no-repeat; width: 30px; height: 24px; background-size: cover;text-indent: -9999px;}

/* section03 */
#section03 .con_wrap{display: flex;gap:70px;}
#section03 .con{width: calc((100% - 70px) / 2);}
#section03 .con .tab-menu-wrap{display: flex;align-items: flex-end;gap:22px; margin-bottom: 30px;}
#section03 .con .tab-menu-wrap a{position: relative;display: block;font-size: 18px; color: #999; font-weight: 700;/* transition:.3s ease; */}
#section03 .con .tab-menu-wrap a.on{font-size: 28px; color: #333; font-weight: 700;}
#section03 .con .tab-menu-wrap a:not(:last-child)::after{content:'|';position: absolute; bottom: 3px;right: -13px;font-size: 12px; color: #ddd;font-weight: 700;}

#section03 .con01 .sec03_slide .slick-list{width: calc(100% + 20px);}
#section03 .con01 .sec03_slide li{margin-right: 20px;}
#section03 .con01 .sec03_slide .img_box{position: relative;overflow: hidden;}
#section03 .con01 .sec03_slide .img_wrap{position:relative; width:100%; padding-bottom:56.418%;overflow: hidden; border-radius:12px;}
#section03 .con01 .sec03_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;}
#section03 .con01 .sec03_slide .img_box .more{display: flex;align-items: center; justify-content: center;position: absolute;bottom: -1px; right: 0; transform: translate(60px, 60px); width: 50px; height: 50px; background: #fff; padding: 10px; border-radius:12px 0 0 0 ;transition:.3s ease;}
#section03 .con01 .sec03_slide .img_box .more::after{content:'';position: absolute;left: -12px;bottom: 0;background: url(/assets/images/main/sec02_bg01_pc.png)center no-repeat; width: 12px; height: 12px; background-size: cover;}
#section03 .con01 .sec03_slide .img_box .more::before{content:'';position: absolute;right: 0;top: -12px;background: url(/assets/images/main/sec02_bg01_pc.png)center no-repeat; width: 12px; height: 12px; background-size: cover;}
#section03 .con01 .sec03_slide .img_box .more em{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius:8px; background: var(--co01);}
#section03 .con01 .sec03_slide li:hover .img_box .more{transform: translate(0px, 0px); }

#section03 .con01 .sec03_slide .txt_wrap{padding: 20px 12px;}
#section03 .con01 .sec03_slide .txt_wrap p{font-size: 18px; color: #333; font-weight: 700; line-height: 30px; height: 60px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .con01 .sec03_slide .txt_wrap span{display: block;position: relative;font-size: 16px;padding-left: 22px; color: #999; margin-top: 18px;}
#section03 .con01 .sec03_slide .txt_wrap span::after{content:'';position: absolute;left: 0; top: 0;background: url(/assets/images/main/cal_icon01_pc.png)center no-repeat; width: 14px; height: 14px; background-size: cover;}

#section03 .con01 .sec03_item01{display: flex;align-items: center; justify-content: space-between; margin-top: 40px;}
#section03 .con01 .sec03_item01 .progress{ position:relative; width:calc(100% - 90px); height:3px; background:#ddd;}
#section03 .con01 .sec03_item01 .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:var(--co01); transition:0.5s;}
#section03 .con01 .sec03_item01 .arr_wrap{display: flex;align-items: center; justify-content: flex-end;gap:10px;}

#section03 .con02 ul{border-top: 2px solid #333;}
#section03 .con02 ul li{position: relative;border-bottom: 1px solid #ddd;}
#section03 .con02 ul li a{display: block;padding: 25px 50px 25px 16px;}
#section03 .con02 ul li strong{display: block;font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section03 .con02 ul li p{font-size: 16px; height: 52px; color: #666; line-height: 26px;margin: 15px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .con02 ul li span{display: block;position: relative;font-size: 16px;padding-left: 22px; color: #999; margin-top: 18px;}
#section03 .con02 ul li span::after{content:'';position: absolute;left: 0; top: 0;background: url(/assets/images/main/cal_icon01_pc.png)center no-repeat; width: 14px; height: 14px; background-size: cover;}
#section03 .con02 ul li .more{opacity: 0;position: absolute;right: 10px; top: 50%;transform:translateY(-50%);display: flex;align-items: center; justify-content: center; width: 30px; height: 30px; background: var(--co01); border-radius:8px;transition:.3s;}
#section03 .con02 ul li:hover .more{opacity: 1;}

#banner_wrap{line-height: 1;border-top: 1px solid #ddd; }
#banner_wrap ul{display: flex;justify-content: center;gap:134px;}
#banner_wrap ul li{width: 260px;}
#banner_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:30.769%;}
#banner_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%;}

/* pri_pop */
.pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;}
.pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);}
.pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 24px; color: #fff;font-weight: 700;margin-bottom: 20px;padding-right: 30px; margin-left: auto;}
.pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 20px; height: 3px; background: #fff;}
.pri_pop_wrap .pop_box{width: 1000px; height: 397px;background: #fff; border-radius:12px;padding: 40px 35px;}
.pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;}
.pri_pop_wrap .pop_box .txt p{font-size: 18px; color: #999;line-height: 30px;white-space:pre-wrap;}

.pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0);  /*스크롤바 뒷 배경 색상*/}

#footer{padding: 40px 0px;line-height: 1; border-top: 1px solid #ddd;}
#footer .inner{display: flex;justify-content: space-between;}
#footer .f_left .a_wrap{display: flex;gap:30px; margin-bottom: 50px;}
#footer .f_left .a_wrap a{font-size: 18px; color: #999;}
#footer .f_left strong{display: block;font-size: 24px; color: #333; font-weight: 700;margin-bottom: 25px;}
#footer .f_left address p{font-size: 16px; color: #666; line-height: 26px;}
#footer .f_left address p b{display: inline-block;font-size: 12px; color: #ddd; font-weight: 700;margin: 0px 20px;}
#footer .f_left address span{display: block;font-size: 16px; color: #999; margin-top: 15px;}

#footer .f_right .site{position: relative;}
#footer .f_right .site em{display: flex;align-items: center; justify-content: space-between;width: 220px; height: 40px;font-size: 18px; color: #333;border-bottom: 1px solid #333; cursor:pointer;}
#footer .f_right .site .site_slide{display: none;position: absolute;bottom:calc(100% + 7px); width: 100%; border:1px solid #ddd; border-radius:12px; background: #fff;padding: 30px 20px;}
#footer .f_right .site ul{height: 195px;overflow-y: scroll;}
#footer .f_right .site ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
#footer .f_right .site ul::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #bbb; /* 스크롤바의 색상 */border-radius: 10px;}
#footer .f_right .site ul::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
#footer .f_right .site ul li:not(:last-child){margin-bottom: 15px;}
#footer .f_right .site ul li a{font-size: 15px; color: #999;}
#footer .f_right .f_logo{display: block;margin: 40px 0px 45px;}
#footer .f_right .f_logo img{margin-left: auto;}
#footer .f_right .sns_wrap{display: flex;justify-content: flex-end;gap:20px;}

/*=======sub=================================*/
#sub_visual_wrap{position: relative; line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap ul.sub_nav{display: flex;justify-content: center;gap:35px;margin-bottom: 40px;}
#sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;	font-size: 22px; color: #333; font-weight: 500;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:not(:last-child)::after{content:'';position: absolute;top: 50%; right: -22px;transform:translateY(-50%); background: url(/assets/images/sub/sub_nav_arr_pc.png)center no-repeat; width: 8px; height: 14px; background-size: cover;}
#sub_visual_wrap .txt_wrap h3{font-size: 60px; color: #333; font-weight: 700; text-align: center;}

#sub_contents{padding: 80px 0;}
#sub_contents.no_pb{padding-bottom: 0;}

.tab_menu_pc{margin-top: 80px;}
.tab_menu_pc ul{display: flex;align-items: center;gap:70px;padding: 0px 70px;height: 80px; border:1px solid #e8f0f6; background: #fff; border-radius:40px;width: max-content;}
.tab_menu_pc ul li a{font-size: 20px; color: #999; font-weight: 500;border-bottom: 1px solid transparent;}
.tab_menu_pc ul li.on a{color: var(--co01); font-weight: 700;border-bottom: 1px solid var(--co01);}

.tab_menu_mob{display: none;}

/* 공통 */
#sub_contents img{max-width: 100%;}

.tit_st01{margin-bottom: 40px;}
.tit_st01.flex{display: flex;gap:20px;}
.tit_st01.center{text-align:center;}
.tit_st01 em{display: block;font-size: 18px; color: var(--co01); font-weight: 700; margin-bottom: 20px;}
.tit_st01 p{display: inline-flex;align-items: center;gap:20px;font-size: 35px; color: #333; font-weight: 700;}
.tit_st01 p a.more_btn{display: flex;align-items: center;justify-content: center;gap:10px;width: 120px; height: 36px; background: var(--co01);font-size: 16px; color: #fff; font-weight: 500; border-radius:18px;}
.tit_st01 span{display: block;font-size: 18px; color: #666; line-height: 32px; font-weight: 500; margin-top: 25px;}
.tit_st01 span b{color: #333;font-weight: 500;}

h4.h4_tit01{position: relative;font-size: 30px; color: #333; font-weight: 700;padding-left: 27px; margin-bottom: 30px;}
h4.h4_tit01::after{content:'';position: absolute;left: 0; top: 10px; width: 10px; height: 10px; background: var(--co01); border-radius:50%;}

table.tbl01{width: 100%;table-layout: fixed;}
table.tbl01 th{font-size: 18px; color: #333; background: #e8f0f6; border:1px solid #ddd;padding: 20px;}
table.tbl01 td{font-size: 18px; color: #666;font-weight: 500; background: #fff; border:1px solid #ddd;padding: 20px;}
table.tbl01 td.center{text-align: center;}

table.tbl02{width: 100%;border-top: 2px solid #666;table-layout: fixed;}
table.tbl02 th{padding: 15px;font-size: 16px; color: #333;font-weight: 600; background: #f7f7f7; border:1px solid #ddd;}
table.tbl02 th em{color: var(--co01); font-weight: 700; }
table.tbl02 td{padding: 15px;border:1px solid #ddd;}

ul.depth03{display: flex;justify-content: center; border-radius:35px; background: #f5f5f5;width: max-content;margin: 0 auto 80px;}
ul.depth03 li a{display: flex;align-items: center; justify-content: center;width: 270px;height: 72px;border-radius:35px;font-size: 18px; color: #333; font-weight: 700;}
ul.depth03 li.on a{background: var(--co01);color: #fff;}

input.ra_st01{display: none;}
input.ra_st01 + label{position: relative;font-size: 16px; color: #666; padding-left: 27px; line-height: 1;}
input.ra_st01 + label::after{content:'';position: absolute;left: 0; top: -1px;width: 16px; height: 16px; border-radius:50%; border:1px solid #ddd;}
input.ra_st01:checked + label::after{border:5px solid var(--co01);}

input.chk_st01{display: none;}
input.chk_st01 + label{position: relative;font-size: 16px; color: #666; padding-left: 27px; line-height: 1;}
input.chk_st01 + label::after{content:'';position: absolute;left: 0; top: 1px;width: 16px; height: 16px; border-radius:2px; border:1px solid #ddd;color: #fff; text-align: center; line-height: 14px;}
input.chk_st01:checked + label::after{content:'✓';background: var(--co01); border:1px solid var(--co01)}

/*sub0101*/
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con{padding: 80px 0;}
.sub0101_wrap .con01{padding-top: 0;}
.sub0101_wrap .con01 .img_wrap img{max-width: 100%;}

.sub0101_wrap .con02{background: #f8f8f8;}
.sub0101_wrap .con02 .img_wrap{position: relative;display: flex;flex-wrap:wrap;gap:40px;}
.sub0101_wrap .con02 .img_wrap .img{width: calc((100% - 40px) / 2);}
.sub0101_wrap .con02 .img_wrap .img img{max-width: 100%;}
.sub0101_wrap .con02 .img_wrap .txt_wrap{display: flex;align-items: center; gap:15px; justify-content: center;flex-direction: column;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 280px; height: 280px;background: url(/assets/images/sub/sub0101_cir01.png)center no-repeat #fff; border-radius:50%;}
.sub0101_wrap .con02 .img_wrap .txt_wrap p{font-size: 20px; color: #333; font-weight: 700; text-align: center; line-height: 28px;}

.sub0101_wrap .con03{background: #fff;}

.sub0101_wrap .con04{background: #f3f7fa;}
.sub0101_wrap .con04 .inner{display: flex;gap:40px;}
.sub0101_wrap .con04 .left{display: flex;flex-direction: column;justify-content: space-between;width: calc((100% - 40px) / 2);}
.sub0101_wrap .con04 .left .txt_box{padding: 60px 40px;background: #fff; border-radius:16px;}
.sub0101_wrap .con04 .left .txt_box .tit_st01{margin-bottom: 0;}
.sub0101_wrap .con04 .left .arr_wrap{display: flex;gap:20px;}

.sub0101_wrap .con04 .right{width: calc((100% - 40px) / 2);}
.sub0101_wrap .con04 .con04_slide li .img_wrap{}
.sub0101_wrap .con04 .con04_slide li .img_wrap img{width: 100%;}

.sub0101_wrap .con05 .con05_slide li .img_wrap{}
.sub0101_wrap .con05 .con05_slide li .img_wrap img{width: 100%;}

.sub0101_wrap .con04_new{background: #f3f7fa;}

.sub0101_wrap .con05_new{background: #fff;}

.sub0101_wrap .con06{background: #f8f8f8;}
.sub0101_wrap .con06 .info_box{display: flex;align-items: center;height: 128px; padding: 40px; background: #fff; border-radius:16px; margin-top: 50px;}
.sub0101_wrap .con06 .info_box .tit{width: 455px;}
.sub0101_wrap .con06 .info_box .tit p{font-size: 24px; color: #333; font-weight: 700;text-transform:uppercase;}
.sub0101_wrap .con06 .info_box ul{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 455px);}
.sub0101_wrap .con06 .info_box ul li{display: flex;align-items: center;align-items: center;gap:20px;}
.sub0101_wrap .con06 .info_box ul li p{font-size: 18px; color: #333; font-weight: 500;}

/*sub0102*/
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{padding: 80px 0;}

.sub0102_wrap .con01{padding-top: 0;}
.sub0102_wrap .con01 .slide_wrap{position: relative;}
.sub0102_wrap .con01 .slide_wrap ul{filter: brightness(0.7);}
.sub0102_wrap .con01 .slide_wrap p{position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%); font-size: 40px;color: #fff;font-weight: 700;width: 100%;text-align: center;}
.sub0102_wrap .con01 .slide_wrap ul li img{width: 100%;height: 400px;object-fit: cover;border-radius: 20px;}

.sub0102_wrap .con02 .box_wrap{display: flex;justify-content: center;}
.sub0102_wrap .con02 .box_wrap .box{position: relative;display: flex;align-items: center; justify-content: center;flex-direction: column;gap:60px;width: 480px; height: 480px; border:1px solid #9abad6; border-radius:50%;overflow: hidden;}
.sub0102_wrap .con02 .box_wrap .box::after{content:'';opacity: 0;position: absolute;top: 0;left: 0;width: 100%; height: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 40%, rgba(31, 103, 165, .3) 100%);z-index: -1;transition:.4s;}
.sub0102_wrap .con02 .box_wrap .box:hover::after{opacity: 1;}
.sub0102_wrap .con02 .box_wrap .box p{font-size: 20px; color: #333; line-height: 32px; font-weight: 700;text-align: center;}
.sub0102_wrap .con02 .box_wrap .box:nth-child(1){transform:translateX(60px);}
.sub0102_wrap .con02 .box_wrap .box:nth-child(3){transform:translateX(-60px);}

.sub0102_wrap .con03 .box_wrap{display: flex;gap:30px;}
.sub0102_wrap .con03 .box_wrap .box{position: relative;display: flex;align-items: center; justify-content: center;width: calc((100% - 60px) / 3); height: 240px; background: #f5f5f5;}
.sub0102_wrap .con03 .box_wrap .box p{font-size: 20px; color: #333; font-weight: 700; line-height: 32px;text-align: center;}
.sub0102_wrap .con03 .box_wrap .box em{position: absolute;right: 0; bottom: -18px; font-size: 120px; color: #fff; font-weight: 700;}

.sub0102_wrap .bot_img{margin-top: 70px;}
.sub0102_wrap .bot_img img{display: block;margin: 0 auto;}

.sub0102_wrap .con04 .tit_st01{margin-bottom: 100px;}
.sub0102_wrap .con04 .box_wrap{display: flex;flex-wrap:wrap;gap:60px 40px;}
.sub0102_wrap .con04 .box_wrap .box{width: calc((100% - 40px) / 2);}
.sub0102_wrap .con04 .box_wrap .box .img{display: flex;align-items: center;justify-content: center;width: 100%; height: 200px; border:1px solid #ddd; border-radius:20px;}
.sub0102_wrap .con04 .box_wrap .box .img img{max-width: 100%;}
.sub0102_wrap .con04 .box_wrap .box .tit{margin-bottom: 25px;}
.sub0102_wrap .con04 .box_wrap .box .tit strong{display: block;padding-top: 20px;margin-bottom: 25px;font-size: 20px; color: #333; font-weight: 700;}

.sub0102_wrap .con04 .box_wrap .box .txt p{font-size: 18px; color: #666; line-height: 32px;letter-spacing: -0.6px;}
.sub0102_wrap .con04 .box_wrap .box .img02{display: flex;align-items: center; justify-content: center;margin-top: 30px;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap{display: flex;gap:15px;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color{width: calc((100% - 45px) / 4); height: 214px; padding: 20px; border-radius:12px;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color.co01{background: #1ba67e;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color.co02{background: #96d9b9;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color.co03{background: var(--co01);}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color.co04{background: #5e92bf;}
.sub0102_wrap .con04 .box_wrap .box .color_wrap .color p{font-size: 20px; color: #fff; font-weight: 700;}

/*sub0103*/
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con01{margin-bottom: 80px;}
.sub0103_wrap .con01 .txt_box{padding: 60px;background: #f3f7fa; border-radius:16px;}
.sub0103_wrap .con01 .txt_box ul li{display: flex;}
.sub0103_wrap .con01 .txt_box ul li:not(:last-child){margin-bottom: 10px;}
.sub0103_wrap .con01 .txt_box ul li p{width: 155px;font-size: 18px; color: var(--co01); font-weight: 500;line-height: 32px;}
.sub0103_wrap .con01 .txt_box ul li span{width: calc(100% - 155px);font-size: 18px; color: #333;font-weight: 500;line-height: 32px;}

.sub0103_wrap .con02 .year_tab{display: flex;flex-wrap:wrap;gap:10px;margin-bottom: 60px;}
.sub0103_wrap .con02 .year_tab a{display: flex; align-items: center; justify-content: center; width: 110px; height: 56px;font-size: 18px; color: #333; font-weight: 700; border:1px solid rgba(31,103,165,.5); border-radius:28px;}
.sub0103_wrap .con02 .year_tab a.on{background: var(--co01);color: #fff;}

.sub0103_wrap .con02 .his_con{display: flex;}
.sub0103_wrap .con02 .his_con .left{display: flex;width: 50%;padding-right: 40px;}
.sub0103_wrap .con02 .his_con .left .year{width: 320px;font-size: 35px; color: #333; font-weight: 700;}
.sub0103_wrap .con02 .his_con .left .img_box{width: calc(100% - 320px);}
.sub0103_wrap .con02 .his_con .left .img_box .img:not(:last-child){margin-bottom: 30px;}

.sub0103_wrap .con02 .his_con .right{width: 80%;}
.sub0103_wrap .con02 .his_con .right ul li{display: flex;}
.sub0103_wrap .con02 .his_con .right ul li:not(:last-child){margin-bottom: 15px;}	
.sub0103_wrap .con02 .his_con .right ul li p{width: 120px;font-size: 18px; color: var(--co01); font-weight: 500; line-height: 1.6;}
.sub0103_wrap .con02 .his_con .right ul li span{display: block;width: calc(100% - 120px);font-size: 18px; color: #666; font-weight: 500; line-height: 1.6;}

/*sub0104*/
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .con01{margin-bottom: 80px;}
.sub0104_wrap .con01 img{margin: 0 auto;}

/*sub0105*/
.sub0105_wrap{line-height: 1;}
.sub0105_wrap .con .txt_wrap{position: relative;display: flex;padding: 40px 60px;background: var(--co01); border-radius:16px;width: calc(100% - 200px);margin: 0 auto;z-index: 1;}
.sub0105_wrap .con .txt_wrap .logo{width: 50%;}
.sub0105_wrap .con .txt_wrap ul{display: flex;flex-wrap:wrap;gap:20px 30px;width: 50%;}
.sub0105_wrap .con .txt_wrap ul li{display: flex;align-items: center;gap:12px;}
.sub0105_wrap .con .txt_wrap ul li.li01{width: 100%;}
.sub0105_wrap .con .txt_wrap ul li span{display: flex;align-items: center;justify-content: center; width: 50px; height: 20px; font-size: 16px; color: var(--co01); font-weight: 500; background: #fff; border-radius:4px;}
.sub0105_wrap .con .txt_wrap ul li p{font-size: 18px; color: #fff; font-weight: 500;}
.sub0105_wrap .con .map_wrap{position:relative; width:100%; padding-bottom:38.889%;margin-top: 60px;}
.sub0105_wrap .con .map_wrap iframe{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;}

/*sub0202*/
.sub0202_wrap{line-height: 1;}
.sub0202_wrap .img_wrap{padding: 60px;background: #f5f5f5; border-radius:16px;}
.sub0202_wrap .img_wrap img{display: block;margin: 0 auto;}

.sub0202_wrap .txt_wrap{margin-top: 50px;}
.sub0202_wrap .txt_wrap p{font-size: 18px; color: #666; line-height: 32px; font-weight: 500;}
.sub0202_wrap .txt_wrap p:not(:last-child){margin-bottom: 30px;}

/*sub0203*/
.sub0203_wrap{line-height: 1;}
.sub0203_wrap .tab01{display: flex;justify-content: center;margin: 0 auto 40px; width: 100%; border-radius:35px; background: #f5f5f5;}
.sub0203_wrap .tab01 a{display: flex; align-items: center; justify-content: center;flex:1; height: 72px; border-radius:35px;font-size: 18px; color: #333; font-weight: 700;}
.sub0203_wrap .tab01 a.on{color: #fff; background: var(--co01);}

.sub0203_wrap .tab02{display: flex; justify-content: center; margin-bottom: 50px;}
.sub0203_wrap .tab02 a{display: flex;align-items: center;justify-content: center;flex:1; height: 50px;font-size: 18px; color: #999; font-weight: 700;border-bottom: 1px solid #ddd;}
.sub0203_wrap .tab02 a.on{color: var(--co01); border-bottom: 3px solid var(--co01);}

.sub0203_wrap .tab02-con ul li{display: flex;}
.sub0203_wrap .tab02-con ul li:not(:last-child){margin-bottom: 5px;}
.sub0203_wrap .tab02-con ul li p{width: 145px;font-size: 18px; color: #333; font-weight: 500;letter-spacing:2px;line-height: 32px;}
.sub0203_wrap .tab02-con ul li span{display: block;width: calc(100% - 145px);font-size: 18px; color: #666; font-weight: 500; line-height: 32px;}

/*sub0204*/
.sub0204_wrap{line-height: 1;}
.sub0204_wrap .con:not(:last-child){margin-bottom: 80px;}
.sub0204_wrap .con .tit{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.sub0204_wrap .con .tit p{font-size: 30px; color: #333; font-weight: 700;}

.sub0204_wrap .con ul.list{display: flex;flex-wrap:wrap;gap:50px 30px;}
.sub0204_wrap .con ul.list li{width: calc((100% - 150px) / 6);}
.sub0204_wrap .con ul.list li .img_wrap{position:relative; width:100%; padding-bottom:130.233%;border:1px solid #cbe5ff; border-radius:12px; overflow: hidden;}
.sub0204_wrap .con ul.list 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;}
.sub0204_wrap .con ul.list li .txt_wrap{margin-top: 20px;}
.sub0204_wrap .con ul.list li .txt_wrap p{font-size: 20px; color: #333; font-weight: 500; text-align: center;}

/*sub0204_view*/
.sub0204_view_wrap{line-height: 1;}
.sub0204_view_wrap .con01 .tit{display: flex;align-items: flex-end;gap:30px;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.sub0204_view_wrap .con01 .tit p{font-size: 30px; color: #333; font-weight: 700;}
.sub0204_view_wrap .con01 .tit span{display: block;font-size: 20px; font-weight: 600; color: var(--co01);}

.sub0204_view_wrap .con01 .box_wrap{display: flex;gap:30px;}
.sub0204_view_wrap .con01 .img_box{width: 344px;}
.sub0204_view_wrap .con01 .img_box .img_wrap{position:relative; width:100%; padding-bottom:130.233%;border:1px solid #cbe5ff; border-radius:12px; overflow: hidden;}
.sub0204_view_wrap .con01 .img_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;}
.sub0204_view_wrap .con01 .txt_box{width: calc(100% - 374px);}
.sub0204_view_wrap .con01 .txt_box ul li{display: flex;}
.sub0204_view_wrap .con01 .txt_box ul li:not(:last-child){margin-bottom: 12px;}
.sub0204_view_wrap .con01 .txt_box ul li p{width: 90px;font-size: 18px; color: #333; font-weight: 500; letter-spacing:4px; line-height: 1.5;}
.sub0204_view_wrap .con01 .txt_box ul li span{display: block;width: calc(100% - 90px);font-size: 18px; color: #666; font-weight: 500; line-height: 1.5;}

.sub0204_view_wrap .con01 .txt_box02{margin-top: 50px;background: #f3f7fa; border-radius:16px;padding: 50px;}
.sub0204_view_wrap .con01 .txt_box02 p{font-size: 30px; color: #333; font-weight: 700;}
.sub0204_view_wrap .con01 .txt_box02 span{display: block;font-size: 18px; color: #666; font-weight: 500; line-height: 32px;margin-top: 35px;}

.sub0204_view_wrap .con02{padding: 50px; margin-top: 50px; border:1px solid #ddd; border-radius:16px;}
.sub0204_view_wrap .con02 .tit{margin-bottom: 40px;}
.sub0204_view_wrap .con02 .tit p{font-size: 30px; color: #333; font-weight: 700;}
.sub0204_view_wrap .con02 .img_box img{display: block;margin: 0 auto; max-width: 100%;}

/*sub0205*/
.sub0205_wrap{line-height: 1;}
.sub0205_wrap .top{display: flex;gap:20px;}
.sub0205_wrap .top select{border:1px solid #bbb; width: 242px; height: 72px; border-radius:35px;font-size: 18px; color: #333; font-weight: 700;padding: 0px 30px; background: url(/assets/images/sub/sub_tab_mob.png)center right 30px no-repeat ; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}	 
.sub0205_wrap .top select:focus{outline:0;}
.sub0205_wrap .cate_wrap{display: flex;justify-content: center;margin: 0 auto 50px; width: max-content; border-radius:35px; background: #f5f5f5;}
.sub0205_wrap .cate_wrap a{display: flex; align-items: center; justify-content: center;width: 100px; height: 72px; border-radius:35px;font-size: 18px; color: #333; font-weight: 700;}
.sub0205_wrap .cate_wrap a.on{color: #fff; background: var(--co01);width: 120px; }

.sub0205_wrap ul.list{display: flex;flex-wrap:wrap;gap:50px 20px;}
.sub0205_wrap ul.list li{width: calc((100% - 60px) / 4);}
.sub0205_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; border-radius:16px; overflow: hidden;}
.sub0205_wrap ul.list 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;}
.sub0205_wrap ul.list li .txt_wrap{margin-top: 20px;}
.sub0205_wrap ul.list li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub0205_wrap ul.list li .txt_wrap .bot{display: flex;align-items: center;gap:20px; margin-top: 13px;}
.sub0205_wrap ul.list li .txt_wrap .bot span{display: flex;align-items: center;gap:5px;font-size: 16px; color: #999; font-weight: 500;}

/*sub0301*/
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .con:not(:last-child){margin-bottom: 80px;}

.sub0301_wrap .con01{border:1px solid #ddd; border-radius:16px;padding-bottom: 60px;}
.sub0301_wrap .con01 .txt_wrap{display: flex; padding: 60px; background: #fafafa;border-radius:16px; margin-bottom: 60px;}
.sub0301_wrap .con01 .txt_wrap .txt01{width: 770px;}
.sub0301_wrap .con01 .txt_wrap .txt01 p{font-size: 24px; color: #333; font-weight: 700; line-height: 36px;}
.sub0301_wrap .con01 .txt_wrap .txt01 strong{position: relative;display: block;color: var(--co01); margin-top: 20px;width: fit-content;font-weight: 700;}
.sub0301_wrap .con01 .txt_wrap .txt01 strong::after{content:'';position: absolute; bottom: -5px; left: 50%;transform:translateX(-50%); width: calc(100% + 20px); height: 24px; background: rgba(32,103,167,.1);}
.sub0301_wrap .con01 .txt_wrap .txt02{width: calc(100% - 770px);}
.sub0301_wrap .con01 .txt_wrap .txt02 ul li{font-size: 18px; color: #666; line-height: 32px;}

.sub0301_wrap .con01 .img_wrap{display: flex;}
.sub0301_wrap .con01 .img_wrap .img{display: flex;align-items: center; justify-content: center;width: 50%;}
.sub0301_wrap .con01 .img_wrap .img img{display: block; max-width: 100%;}

.sub0301_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap;gap:40px;position: relative;}
.sub0301_wrap .con02 .box_wrap .box{display: flex;align-items: center; justify-content: center;flex-direction: column;gap:20px;width: calc((100% - 40px) / 2); height: 240px; background: #f3f7fa; border-radius:16px;}
.sub0301_wrap .con02 .box_wrap .box strong{display: block;font-size: 20px; color: var(--co01);text-align: center;}
.sub0301_wrap .con02 .box_wrap .box p{font-size: 18px; color: #666; line-height: 32px;text-align: center;}
.sub0301_wrap .con02 .box_wrap .center{display: flex;align-items: center; justify-content: center;position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); width: 260px; height: 260px; background: url(/assets/images/sub/sub0101_cir01.png)center no-repeat #fff; border-radius:50%;}
.sub0301_wrap .con02 .box_wrap .center p{font-size: 24px; color: #333; font-weight: 700; line-height: 32px;}

.sub0301_wrap .con03 .top{position: relative;display: flex;align-items: center; justify-content: center;width: 600px; height: 60px; background: #1ba67e; border-radius:12px;font-size: 20px; color: #fff; margin-bottom: 55px;margin-left: calc(((100% - 80px) / 5) + 40px);}
.sub0301_wrap .con03 .top img{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.sub0301_wrap .con03 .box_flex{display: flex;gap:20px;}
.sub0301_wrap .con03 .box_flex .box{flex:1;}
.sub0301_wrap .con03 .box_flex .box .txt_wrap{border:1px solid #bfe2ff; border-radius:12px; overflow: hidden;}
.sub0301_wrap .con03 .box_flex .box .tit{display: flex;align-items: center; justify-content: center; height: 60px; background: var(--co01);}
.sub0301_wrap .con03 .box_flex .box .tit p{font-size: 20px; color: #fff;font-weight: 700;}
.sub0301_wrap .con03 .box_flex .box .txt{height: 250px;padding: 15px;}
.sub0301_wrap .con03 .box_flex .box .txt p{font-size: 18px; color: #666; line-height: 32px;text-align: center;}
.sub0301_wrap .con03 .box_flex .box .bot{display: flex;align-items: center; justify-content: center;width: 100%; height: 60px; background: #bfe2ff; border-radius:12px; margin-top: 10px;}
.sub0301_wrap .con03 .box_flex .box .bot p{font-size: 18px; color: #333;}

.sub0301_wrap .con03 .box_flex .box02{width: 200px;flex:initial;}
.sub0301_wrap .con03 .box_flex .box02 .txt_wrap{border:1px solid #ddd;}
.sub0301_wrap .con03 .box_flex .box02 .txt_wrap .tit{background: #f5f5f5;}
.sub0301_wrap .con03 .box_flex .box02 .txt_wrap .tit p{color: #666;}

.sub0301_wrap .con04{padding: 80px 60px;background: url(/assets/images/sub/sub0301_bg01.png);}
.sub0301_wrap .con04 .box_wrap{display: flex;gap:50px;}
.sub0301_wrap .con04 .box_wrap .box{display: flex;align-items: center; justify-content: center;position: relative;flex:1; height: 120px; background: #fff;}
.sub0301_wrap .con04 .box_wrap .box p{font-size: 20px; color: var(--co01); font-weight: 700;transform: translateX(15px);}
.sub0301_wrap .con04 .box_wrap .box02::before,
.sub0301_wrap .con04 .box_wrap .box03::before,
.sub0301_wrap .con04 .box_wrap .box04::before{content:'';position: absolute;top: 0; left: 0; background: url(/assets/images/sub/sub0301_arr03.png)center no-repeat; width: 28px; height: 120px; background-size: cover;}
.sub0301_wrap .con04 .box_wrap .box02::after,
.sub0301_wrap .con04 .box_wrap .box01::after,
.sub0301_wrap .con04 .box_wrap .box03::after{content:'';position: absolute;top: 0; left: 100%; background: url(/assets/images/sub/sub0301_arr02.png)center no-repeat; width: 28px; height: 120px; background-size: cover;}

.sub0301_wrap .con05 .txt_wrap{background: url(/assets/images/sub/sub0301_bg02.png) right -60px bottom no-repeat;}
.sub0301_wrap .con05 .txt_wrap .txt{display: flex;gap:20px;}
.sub0301_wrap .con05 .txt_wrap .txt:not(:last-child){margin-bottom: 10px;}
.sub0301_wrap .con05 .txt_wrap .txt strong{display: flex;align-items: center; justify-content: center; width: 200px; height: 40px; background: #fafafa; border-radius:20px;font-size: 16px; color: #333; font-weight: 700; border:1px solid #ddd;}
.sub0301_wrap .con05 .txt_wrap .txt p{width: calc(100% - 220px);font-size: 16px; color: #333; line-height: 26px;transform: translateY(9px);}

.sub0301_wrap .con06 .tab-menu-wrap{display: flex;}
.sub0301_wrap .con06 .tab-menu-wrap a{display: flex;align-items: center; justify-content: center; flex:1;height: 80px; font-size: 20px; font-weight: 700; background: #ddd; color: #fff; border-radius:16px 16px 0 0; transition:.3s;}
.sub0301_wrap .con06 .tab-menu-wrap a.on{background: var(--co01);}

.sub0301_wrap .con06 .tab-con{padding: 40px;border:1px solid var(--co01); border-radius:0 0 16px 16px; border-top: 0;}
.sub0301_wrap .con06 .tab-con p{font-size: 16px; color: #333; line-height: 28px;font-weight: 700;}
.sub0301_wrap .con06 .tab-con p:not(:last-child){margin-bottom: 20px;}
.sub0301_wrap .con06 .tab-con p span{line-height: 40px;}

.sub0301_wrap .con07 .box_wrap{display: flex;}
.sub0301_wrap .con07 .box_wrap .img_box{position: relative;display: flex;align-items: center; justify-content: center;width: 50%; background: #fafafa; border-radius:20px;padding: 50px;}
.sub0301_wrap .con07 .box_wrap .img_box img{max-width: 100%;}

.sub0301_wrap .con07 .box_wrap .img_box .tag_box{display: flex;align-items: center; justify-content: center;position: absolute; left: 0; top: 0;width: 120px;height: 60px; background: var(--co01); border-radius:20px 0 20px 0;}
.sub0301_wrap .con07 .box_wrap .img_box .tag_box em{font-size: 20px; color: #fff; font-weight: 700;}

.sub0301_wrap .con07 .box_wrap .txt_box{width: 50%;padding-left: 50px;}
.sub0301_wrap .con07 .box_wrap .txt_wrap{padding: 40px;border:1px solid #ddd; border-radius:20px;}
.sub0301_wrap .con07 .box_wrap .txt_wrap .tit{margin-bottom: 40px;}
.sub0301_wrap .con07 .box_wrap .txt_wrap .tit p{font-size: 20px; color: #333; font-weight: 700;}
.sub0301_wrap .con07 .box_wrap .txt_wrap .txt:not(:last-child){margin-bottom: 40px;}
.sub0301_wrap .con07 .box_wrap .txt_wrap ul li{display: flex;}
.sub0301_wrap .con07 .box_wrap .txt_wrap ul li:not(:last-child){margin-bottom: 15px;}
.sub0301_wrap .con07 .box_wrap .txt_wrap ul li p{width: 130px;font-size: 18px; color: #666;line-height: 1.4;}
.sub0301_wrap .con07 .box_wrap .txt_wrap ul li span{display: block;width: calc(100% - 130px);font-size: 16px; color: #333;line-height: 1.4;}
.sub0301_wrap .con07 .box_wrap .txt_wrap ul li span em{display: inline-block;font-size: 18px; color: #ddd;margin: 0 14px;}

/*sub0302*/
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .box_wrap{display: flex;flex-wrap:wrap;gap:60px 40px;}
.sub0302_wrap .box_wrap .box{width: calc((100% - 80px) / 3); border:1px solid #ddd; border-radius:12px; overflow: hidden;}
.sub0302_wrap .box_wrap .box .tit{display: flex;align-items: center;justify-content: center;height: 78px;background: var(--co01);padding: 0 20px;}
.sub0302_wrap .box_wrap .box .tit p{font-size: 18px; color: #fff; line-height: 30px;text-align: center;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0302_wrap .box_wrap .box .txt{padding: 30px;display: flex;flex-direction: column;justify-content: space-between;height: calc(100% - 80px);}
.sub0302_wrap .box_wrap .box ul li{position: relative;font-size: 16px; color: #666; line-height: 24px;padding-left: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0302_wrap .box_wrap .box ul li:not(:last-child){margin-bottom: 12px;}
.sub0302_wrap .box_wrap .box ul li::after{content:'';position: absolute;left: 0; top: 9px; width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
.sub0302_wrap .box_wrap .box .bot{margin-top: 25px;padding-top: 30px;border-top: 1px solid #ddd;}
.sub0302_wrap .box_wrap .box .bot p{font-size: 16px; font-weight: 700; color:var(--co01);text-align: center;}
.sub0302_wrap .box_wrap .box .bot a{display: flex; align-items: center; justify-content: center; margin: 20px auto 0; width: 160px; height: 46px; font-size: 16px; color: #fff; font-weight: 700; border-radius: 23px; background: var(--co01);}

/* sub0302_view */
.sub0302_view_wrap{line-height: 1;margin-top: 70px;}
.sub0302_view_wrap .con:not(:last-child){margin-bottom: 80px;}
.sub0302_view_wrap .con .tit_wrap{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;}
.sub0302_view_wrap .con .tit_wrap p{font-size: 24px; color: #333; font-weight: 600;}
.sub0302_view_wrap .con .tit_wrap span{font-size: 16px; color: #666;}
.sub0302_view_wrap .con .tit_wrap span em{color: var(--co01);font-weight: 700;}

.sub0302_view_wrap .con01 .tit{padding: 25px 30px;margin-bottom: 20px; border-radius:12px; background: var(--co01);}
.sub0302_view_wrap .con01 .tit p{font-size: 24px; color: #fff; font-weight: 600; line-height: 1.6;}
.sub0302_view_wrap .con01 .txt{padding: 35px 30px;border:1px solid #ddd; border-radius:12px;}
.sub0302_view_wrap .con01 .txt ul li{position: relative;font-size: 18px; color: #666;font-weight: 500; line-height: 28px; padding-left: 20px;}
.sub0302_view_wrap .con01 .txt ul li:not(:last-child){margin-bottom: 20px;}
.sub0302_view_wrap .con01 .txt ul li::after{content:'';position: absolute;left: 0; top: 10px; width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
.sub0302_view_wrap .con01 .txt em{display: flex;align-items: center; justify-content: center;margin-top: 10px;margin-left: auto; border-radius:50px; border:1px solid #cbe5ff;padding: 0 20px; background: #e8f0f6;font-size: 16px; color: var(--co01); font-weight: 600; height: 46px; width: fit-content;}

.sub0302_view_wrap .con02 table.tbl02 .col01{width: 180px;}
.sub0302_view_wrap .con02 table.tbl02 input[type="text"]{width: 100%;height: 38px;border:1px solid #ddd; border-radius:4px;padding: 0 12px;font-size: 16px; color: #999;}
.sub0302_view_wrap .con02 table.tbl02 input[type="text"]::placeholder{font-size: 16px; color: #999;}
.sub0302_view_wrap .con02 table.tbl02 input[type="text"]:focus{outline:0;}
.sub0302_view_wrap .con02 table.tbl02 .ra_wrap{display: flex;gap:30px;align-items: center;}

.sub0302_view_wrap .con02 table.tbl02 input[type="text"].input01{width: 200px;}
.sub0302_view_wrap .con02 table.tbl02 input[type="text"].input02{width: 300px;}
.sub0302_view_wrap .con02 table.tbl02 .addr_wrap{display: flex;gap:5px;}
.sub0302_view_wrap .con02 table.tbl02 .addr_wrap a.addr_btn{display: flex;align-items: center; justify-content: center; width: 100px; height: 38px; font-size: 15px; color: #fff; background: #666; border-radius:4px;}
.sub0302_view_wrap .con02 table.tbl02 textarea{width: 100%;height: 150px;border:1px solid #ddd; border-radius:4px;padding: 12px;font-size: 16px; color: #999;resize:none;}
.sub0302_view_wrap .con02 table.tbl02 textarea::placeholder{font-size: 16px; color: #999;}
.sub0302_view_wrap .con02 table.tbl02 textarea:focus{outline:0;}
.sub0302_view_wrap .con02 table.tbl02 .pri_wrap{width: 100%;height: 150px;border:1px solid #ddd; border-radius:4px;padding: 12px;font-size: 16px; color: #999; overflow-y: scroll;white-space: pre-wrap;}
.sub0302_view_wrap .con02 table.tbl02 .chk_wrap{margin-top: 10px;}

.sub0302_view_wrap .con02 a.btn01{display: flex;align-items: center; justify-content: center; margin: 50px auto 0; width: 160px; height: 46px; background: var(--co01);font-size: 16px;font-weight: 700; color: #fff; border-radius:23px;}

.sub0302_view_wrap .con03 .list_wrap{border-top: 2px solid #666;}
.sub0302_view_wrap .con03 .list_wrap .list{display: flex;padding: 30px;border-bottom: 1px solid #ddd;min-height: 100px;}
.sub0302_view_wrap .con03 .list_wrap .list strong{position: relative;display: block;width: 200px;font-size: 18px; color: #333; font-weight: 600;line-height: 24px;padding-left: 20px;word-break: break-word;}
.sub0302_view_wrap .con03 .list_wrap .list strong::after{content:'';position: absolute;left: 0; top: 9px; width: 4px; height: 4px;background: var(--co01); border-radius:50%; }
.sub0302_view_wrap .con03 .list_wrap .list p{width: calc(100% - 200px);font-size: 18px; color: #999; line-height: 24px;word-break: break-word;}
