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

@font-face {
	font-family: 'SpecialGothic_Expanded';
	font-weight: 400;
	src: url('/assets/font/SpecialGothic_Expanded-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'SpecialGothic_Expanded';
	font-weight: 500;
	src: url('/assets/font/SpecialGothic_Expanded-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'SpecialGothic_Expanded';
	font-weight: 600;
	src: url('/assets/font/SpecialGothic_Expanded-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'SpecialGothic_Expanded';
	font-weight: 700; 
	src: url('/assets/font/SpecialGothic_Expanded-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* 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: "SpecialGothic_Expanded", sans-serif;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: #3960c0;
}

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

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

@media screen and (max-width:1700px) {
.inner{padding: 0 20px;}
}

.fp{font-family: 'Pretendard';}

/* header */
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 7000; line-height: 1;transition:.4s;}
#header .inner{display: flex;align-items: center; justify-content: space-between; height: 120px;}
#header h1 a{position: relative;}
#header h1 a img{transition:.4s;}
#header h1 a img.on{position: absolute;left: 0; top: 0; opacity: 0;}

#header .lan_wrap{position: relative;}
#header .lan_wrap em{display: block;position: relative;font-size: 17px; color: #fff; font-weight: 500;padding-right: 26px;transition:.4s; cursor:pointer;}
#header .lan_wrap em::after{content:'';position: absolute; right: 0;top: 50%; transform:translateY(-50%); background: url(/assets/images/main/lan_arr_pc.png)center no-repeat; width: 13px; height: 8px; background-size: cover;transition:.4s;}
#header .lan_wrap em.on::after{transform:translateY(-50%) rotate(180deg); }
#header .lan_wrap ul{display: none;position: absolute; left: 50%; top: 27px; transform:translateX(-50%); background: rgba(255,255,255,.4); padding: 20px; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);backdrop-filter: blur(1px);}
#header .lan_wrap ul li:not(:last-child){margin-bottom: 15px;}
#header .lan_wrap ul li a{font-size: 15px; color: #fff;transition:.4s;}

#header .gnb{display: flex;}
#header .gnb > li{position: relative;padding: 41px 50px;}
#header .gnb span a{position: relative;display: block;font-size: 17px; color: #fff; font-weight: 500;transition:.4s;text-align: center; line-height: 1.2;}
#header .gnb span a::after{content:'';position: absolute;left: 0;bottom: -12px; width: 100%; height: 2px; background: var(--co01);opacity: 0;transition:.4s;}
#header .gnb .lnb_sub{position: absolute; top: 120px; left: 50%; transform:translateX(-50%);z-index: 100;  width: 270px;}
#header .gnb .lnb_sub ul{display: none;padding: 30px 0px;}
#header .gnb .lnb_sub ul li a{display: block;justify-content: center;color: #666;font-size: 16px;text-align: center;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 26px;}

#header .gnb li.lnb_menu.on span a {color: var(--co01);}
#header .gnb li.lnb_menu.on span a::after{opacity: 1;}

#header .gnb_bg{display: none;position: absolute;top: 121px;left: 0;width: 100%; height: 380px; background: #fff;z-index: -1;}

#header.on{background: #fff;border-bottom: 1px solid #ddd;}
#header.on h1 a img.on{opacity: 1;}
#header.on .gnb span a{color: #333;}

#header.on .lan_wrap em{color: #333;}
#header.on .lan_wrap em::after{background: url(/assets/images/main/lan_arr02_pc.png)center no-repeat; background-size: cover;}
#header.on .lan_wrap ul li a{color: #333;}

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

#visual_wrap{position: relative;line-height: 1;width: 100%; height: 100vh;}
#visual_wrap .video_wrap{width: 100%; height: 100%;filter: brightness(0.8);}
#visual_wrap .video_wrap video{width: 100%; height: 100%; object-fit:cover;}
#visual_wrap .txt_wrap{position: absolute;width: 100%;left: 0; bottom: 120px;}
#visual_wrap .txt_wrap p{font-size: 80px; font-weight: 600; line-height: 100px;  color: #fff;}

#visual_wrap .swiper-paging{position: absolute; bottom: 120px; right: 50px; z-index: 1000; display: flex;gap: 20px;}
#visual_wrap .swiper-paging .swiper-pagination-bullet{position: relative;width: 50px;height: 50px;display: inline-block;border-radius: 50%;background: transparent;opacity: 1;}
#visual_wrap .swiper-paging .swiper-pagination-bullet::after{opacity: 0;content:'';position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);border: 3px solid rgba(255, 255, 255, .3);border-radius: 50%;width: 50px;height: 50px;transition:.3s;}
#visual_wrap .swiper-paging .swiper-pagination-bullet-active::after{opacity: 1;}
#visual_wrap .swiper-paging svg{width: 50px; height: 50px;}
#visual_wrap .swiper-paging span.dots{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 16px; color: rgba(255,255,255,.3);text-align: center;}
#visual_wrap .swiper-paging span.dots::before{content:'0';}
#visual_wrap .circle{opacity: 0;}
#visual_wrap .swiper-pagination-bullet-active .circle{animation: draw 10s linear forwards;stroke-dashoffset: 146px; stroke-dasharray: 146px;opacity: 1;}
#visual_wrap .swiper-pagination-bullet-active .circle.on{animation-delay:1s;}
#visual_wrap .swiper-paging .swiper-pagination-bullet-active span.dots{color: #fff;}
@keyframes draw {
    to {stroke-dashoffset: 0;}
}

/* section */
.section{line-height: 1;}
.sec_tit.center{text-align: center;}
.sec_tit span{display: block;font-size: 24px; color: var(--co01);line-height: 1.4;margin-bottom: 40px;}
.sec_tit p{font-size: 65px; color: #333; font-weight: 600; line-height: 86px;}

.more_btn_st01{position: relative;display: flex;align-items: center; justify-content: space-between;width: 190px; height: 60px; padding: 10px 10px 10px 20px; background: #f5f5f5; border-radius:30px;}
.more_btn_st01 p{font-size: 16px; color: #333;transition:.4s;}
.more_btn_st01 em{position: absolute;top: 50%;transform:translateY(-50%);right: 10px;display: flex;align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; border-radius:50%;transition:.4s;}
.more_btn_st01:hover p{padding-left: 50px;}
.more_btn_st01:hover em{right: calc(100% - 50px);}

/* section01 */
#section01{padding: 320px 0;}
#section01 a.more_btn_st01{margin: 50px auto 0;}

/* section02 */
#section02{line-height: 1;background: url(/assets/images/main/sec01_bg01_pc.jpg)center bottom no-repeat; background-size: cover;}
#section02 .con_wrap{position: relative;padding-bottom: 485px;}
#section02 .video_wrap{width: 550px; height: 550px; border-radius:30px; margin: 0 auto; overflow: hidden;}
#section02 .video_wrap video{width: 100%; height: 100%; object-fit:cover;}

#section02 .txt{position: absolute;mix-blend-mode: multiply;}
#section02 .txt01{top: 150px;left: 0;}
#section02 .txt02{left: 50%;transform:translateX(-50%);bottom: 200px;}
#section02 .txt03{top: 46%; transform:translateY(-50%);right: 0;}

/* section03 */
#section03{padding: 200px 0;line-height: 1;}
#section03 .tit_wrap{display: flex;align-items: flex-end; justify-content: space-between;margin-bottom: 60px;}
#section03 .tit_wrap .tit p{font-size: 120px; color: #333; font-weight: 500;}
#section03 .tit_wrap .tit span{display: block;font-size: 20px; color: #999; line-height: 32px;margin-top: 30px;}
#section03 .tit_wrap .btn_wrap{display: flex;gap:10px;}

#section03 .box_wrap{border-top: 1px solid #ddd;}
#section03 .box_wrap .box{display: flex;padding: 60px 0;border-bottom: 1px solid #ddd;}
#section03 .box_wrap .box .txt_box{display: flex;flex-direction: column;justify-content: space-between;width: 760px;padding: 15px 0;}
#section03 .box_wrap .box .txt_box p{font-size: 60px; color: #333; font-weight: 600;}
#section03 .box_wrap .box .txt_box span{font-size: 20px; line-height: 32px;color: #999;}

#section03 .box_wrap .box .img_box{position: relative;width: calc(100% - 760px);}
#section03 .box_wrap .box .img_box .tab-menu-wrap{position: absolute;bottom: 0; left: 0;display: flex;gap:10px; flex-wrap:wrap;padding: 30px;}
#section03 .box_wrap .box .img_box .tab-menu-wrap a{display: flex;align-items: center; height: 40px; padding: 0px 14px; border-radius:6px;font-size: 16px; color: #333; background: #fff;transition:.3s;}
#section03 .box_wrap .box .img_box .tab-menu-wrap a.on{color: #fff; background: var(--co01);}
#section03 .box_wrap .box .img_box .img{width: 100%;height: 100%;overflow: hidden; border-radius:12px;}
#section03 .box_wrap .box .img_box .img img{width: 100%; height: 100%; object-fit:cover;}

/* section04 */
#section04{line-height: 1;padding-bottom: 100px;}
#section04 .con{padding: 135px 100px;border-radius:30px;background: url(/assets/images/main/sec03_bg01_pc.png)center no-repeat; background-size: cover; background-attachment: fixed;}
#section04 .con .sec_tit span{color: rgba(255,255,255,.5);}
#section04 .con .sec_tit p{color: #fff;}
#section04 .con .btn_wrap{display: flex;gap:10px; margin-top: 50px;}
#section04 .con .btn_wrap a{background: rgba(245,245,245,.5);}

a.top_btn{position: fixed; bottom: 80px; right: 50px;z-index: 1000;display: none;width: 60px; height: 60px; border-radius:12px; border:1px solid #fff;mix-blend-mode: exclusion;}
a.top_btn img{filter:brightness(100);position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);}
a.top_btn.rel{position: absolute;bottom: 336px;}

#footer{padding: 60px 0;border-top: 1px solid #ddd;}
#footer .f_top{display: flex;align-items: flex-start; justify-content: space-between;}
#footer .f_top address p{font-size: 24px; color: #333; font-weight: 600; line-height: 36px;}
#footer .f_top .btn_wrap{display: flex;gap:20px;margin-top: 35px;}
#footer .f_top .lo_btn{display: flex;align-items: center; justify-content: space-between;width: 160px; height: 55px; font-size: 16px; color: #333;border-bottom: 1px solid #333;}
#footer .f_top .lo_btn img{transition:.4s ease-in-out ;}
#footer .f_top .lo_btn:hover img{transform: rotate(180deg);}
#footer .f_top .a_wrap{display: flex;gap:20px;}
#footer .f_top .a_wrap a{font-size: 18px; color: #333; text-transform:uppercase;}
#footer .f_top .a_wrap a:hover{text-decoration:underline;}

#footer .f_bot{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 110px;}
#footer .f_bot .txt p{font-size: 18px; color: #999; line-height: 32px;text-align: right;}
#footer .f_bot .txt p em{display: inline-block;margin: 0px 10px;}

/* ===sub======================================= */
#header.sub_header{position: relative;bdackground: #fff;border-bottom: 1px solid #ddd;}
#header.sub_header h1 a img.on{opacity: 1;}
#header.sub_header .gnb span a{color: #333;}

#header.sub_header .lan_wrap em{color: #333;}
#header.sub_header .lan_wrap em::after{background: url(/assets/images/main/lan_arr02_pc.png)center no-repeat; background-size: cover;}
#header.sub_header .lan_wrap ul li a{color: #333;}

#sub_visual_wrap{position: relative;}
#sub_visual_wrap .txt_wrap{position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 100%;}
#sub_visual_wrap .txt_wrap .inner{padding: 0 150px;}
#sub_visual_wrap .txt_wrap ul.sub_nav{display: flex;gap:40px;}
#sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;font-size: 18px; color: #ddd;font-weight: 500;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:not(:last-child)::after{content:'·';position: absolute;right: -21px; top: 50%;transform:translateY(-50%);}
#sub_visual_wrap .txt_wrap h3{font-size: 60px; color: #fff; font-weight: 600; margin-top: 25px;}

.tab_menu_pc{margin-top: 40px;}
.tab_menu_pc em{display: none;}
.tab_menu_pc ul{display: flex;flex-wrap:wrap;gap:10px;}
.tab_menu_pc ul li a{display: flex;align-items: center;height: 60px; font-size: 18px; color: #333;padding: 0 20px; background: rgba(221,221,221,.7); border-radius:8px;} 
.tab_menu_pc ul li.on a{background: var(--co01); color: #fff;font-weight: 600;}

ul.depth03{display: flex;gap:10px; flex-wrap:wrap;margin: 0 auto 100px; padding: 10px; background: #f5f5f5; border-radius:12px;width: fit-content;max-width: calc(100% - 300px);}
ul.depth03 li a{display: flex; align-items: center;padding: 0 25px; height: 64px; border-radius:12px;font-size: 20px; color: #333; font-weight: 600;}
ul.depth03 li.on a{background: #333; color: #fff;}

#sub_contents{padding: 200px 0;}
#sub_contents .inner{padding: 0 150px;}
#sub_contents.no_p{padding: 0;}
#sub_contents.pt02{padding-top: 140px;}

@media screen and (max-width:1600px) {
#sub_contents .inner{padding: 0 2.6%;}
}

/* 공통 */
.sub_tit01{margin-bottom: 100px;}
.sub_tit01.cetner{text-align: center;}
.sub_tit01 span{display: block;font-size: 24px; color: var(--co01);font-weight: 600; margin-bottom: 30px;}
.sub_tit01 p{font-size: 48px;line-height: 60px;font-weight: 600;color: #333;}
.sub_tit01 p.co01{color: var(--co01);}
.sub_tit01 p b{display: inline-block;font-size: 24px;font-weight: 400;color: var(--co01);margin-left: 40px;}
.sub_tit01 em{font-size: 36px;font-weight: 600;-webkit-text-fill-color: rgba(51, 51, 51, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, #333 0%, #333 50%, transparent 50.1%);background-size: 0% 100%;}
.sub_tit01 .txt{font-size: 24px; color: #333; line-height: 40px;font-weight: 600; margin-top: 25px;letter-spacing: -0.1px;}

ul.ul_st01 li{position: relative;padding-left: 30px;font-size: 20px; line-height: 40px;}
ul.ul_st01 li::after{content:'▪';position: absolute;top: 0;left: 0;color: var(--co01);}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{padding: 200px 0; background: url(/assets/images/sub/sub0101_bg01.jpg)center top no-repeat; background-size: 100%;}
.sub0101_wrap .con01 .img_box{position: relative;height: 525px;}
.sub0101_wrap .con01 .img_box .img{position: absolute;width: 600px; height: 440px; border-radius:30px; overflow: hidden;}
.sub0101_wrap .con01 .img_box .img img{width: 100%; height: 100%; object-fit:cover;}

.sub0101_wrap .con01 .img_box .img01{top: 70px;left: 0; transform:rotate(-8deg);}
.sub0101_wrap .con01 .img_box .img02{top: 0; left: 50%;transform:translateX(-50%);z-index: 10;}
.sub0101_wrap .con01 .img_box .img03{top: 70px;right: 0; transform:rotate(8deg);}

.sub0101_wrap .con02{padding: 140px 0;background: url(/assets/images/sub/sub0101_bg02.jpg)center no-repeat; background-size: cover;}
.sub0101_wrap .con02 .box_wrap{display: flex;justify-content: center;gap:60px;}
.sub0101_wrap .con02 .box_wrap .box{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;width: 500px; background: #fff; border-radius:30px;padding: 90px 0;transition:.3s;}
.sub0101_wrap .con02 .box_wrap .box p{font-size: 24px; color: #333; line-height: 40px; font-weight: 600;text-align: center;margin-top: 40px;}
.sub0101_wrap .con02 .box_wrap .box::after{content:'';opacity: 0;position: absolute;bottom: -35px;width: 350px; height: 10px; background: rgba(0,0,0,.1);filter: blur(3px); border-radius:50%;transition:.5s;}
.sub0101_wrap .con02 .box_wrap .box:hover{transform:translateY(-20px);}
.sub0101_wrap .con02 .box_wrap .box:hover::after{opacity: 1;}

.sub0101_wrap .con03{padding: 200px 0;background: url(/assets/images/sub/sub0101_bg03.jpg)center bottom no-repeat; background-size: 100%;}
.sub0101_wrap .con03 .box_wrap{display: flex;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub0101_wrap .con03 .box_wrap .box{flex:1;padding: 60px 0px 60px 80px;}
.sub0101_wrap .con03 .box_wrap .box .icon img{width: 100px;}
.sub0101_wrap .con03 .box_wrap .box .txt_wrap{margin-top: 40px;}
.sub0101_wrap .con03 .box_wrap .box .txt_wrap p{font-size: 36px; color: #333; font-weight: 600;}
.sub0101_wrap .con03 .box_wrap .box .txt_wrap ul{margin-top: 25px;}
.sub0101_wrap .con03 .box_wrap .box .txt_wrap ul li{position: relative;font-size: 18px; color: #333; line-height: 36px;padding-left: 22px;font-weight: 600;}
.sub0101_wrap .con03 .box_wrap .box .txt_wrap ul li::after{content:'▪';position: absolute;left: 0;top: 0;color: var(--co01);}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con01{padding: 200px 0;}
.sub0102_wrap .con01 .sub_tit01{margin-bottom: 0;}

.sub0102_wrap .con02{padding-bottom: 200px; background: url(/assets/images/sub/sub0102_bg04.jpg)bottom right no-repeat; background-size: 100%;}
.sub0102_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0102_wrap .con02 .box_wrap .box01{padding: 60px;width: calc(((100% - 40px) / 4) * 2);}
.sub0102_wrap .con02 .box_wrap .box01 p{font-size: 36px; color: #333; font-weight: 600;margin-bottom: 45px;}
.sub0102_wrap .con02 .box_wrap .box{padding: 40px;width: calc((100% - 120px) / 4); height: 350px; border:1px solid #e0e9f9; border-radius:30px; background: url(/assets/images/sub/sub0102_bg02.png)right bottom no-repeat #fff;}
.sub0102_wrap .con02 .box_wrap .box .tit p{font-size: 20px; color: #333; line-height: 32px;font-weight: 600;}
.sub0102_wrap .con02 .box_wrap .box .tit p em{color: var(--co01);font-weight: 600;}

.sub0102_wrap .con02 .box_wrap .box ul{margin-top: 25px;}
.sub0102_wrap .con02 .box_wrap .box ul li{position: relative;font-size: 16px; color: #333; line-height: 24px;font-weight: 600;}
.sub0102_wrap .con02 .box_wrap .box ul li em{color: var(--co01);margin-right: 5px;}
.sub0102_wrap .con02 .box_wrap .box ul li span{display: block;font-weight: 500;}

.sub0102_wrap .con02 .box_wrap .box .img{width: fit-content;margin-top: 40px;margin-left: auto;}

.sub0102_wrap .con02 .box_wrap .box.bg01{background: url(/assets/images/sub/sub0102_bg01.png)right bottom no-repeat #fff;}
.sub0102_wrap .con02 .box_wrap .box.bg02{background: url(/assets/images/sub/sub0102_bg04.png)right bottom no-repeat #fff;}
.sub0102_wrap .con02 .box_wrap .box.bg03{background: url(/assets/images/sub/sub0102_bg05.png)right bottom no-repeat #fff;}

.sub0102_wrap .con02 .box_wrap .box02{width: calc(((100% - 40px) / 4) * 2); border:1px solid #f9ece0;background: url(/assets/images/sub/sub0102_bg03.png)right bottom no-repeat #fff;}
.sub0102_wrap .con02 .box_wrap .box02 .tit p em{color: #dc852e;}
.sub0102_wrap .con02 .box_wrap .box02 .tit p em b{display: inline-block;font-weight: 600;color: #bbb;margin: 0 12px;}
.sub0102_wrap .con02 .box_wrap .box02 ul li em{color: #dc852e;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con01{padding: 200px 0 100px;}
.sub0103_wrap .con01 .img_wrap{height: 300px;background: url(/assets/images/sub/sub0103_bg01.jpg)center no-repeat; background-size: cover; background-attachment: fixed; border-radius:30px;}

.sub0103_wrap .his_con{padding-bottom: 240px;}
.sub0103_wrap .his_con .his_wrap{display: flex;}
.sub0103_wrap .his_con .his_wrap:not(:last-child){margin-bottom: 240px;}
.sub0103_wrap .his_con .his_wrap .year{width: 740px;font-size: 48px; color: var(--co01); font-weight: 600;}
.sub0103_wrap .his_con .his_wrap .txt_wrap{width: calc(100% - 740px);}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt:not(:last-child){margin-bottom: 35px;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt strong{display: block; font-size: 24px; color: #333; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt ul li{position: relative;font-size: 18px; line-height: 24px; color: #666;padding-left: 24px;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt ul li::after{content:'▪';position: absolute;left: 0; top: 0; color: var(--co01);}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt ul li img{display: block;margin-top: 10px;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .con01{padding: 200px 0px 60px;}
.sub0104_wrap .con01 img{max-width: 100%;}

.sub0104_wrap .con02{padding-bottom: 200px;}
.sub0104_wrap .con02 .box:not(:last-child){margin-bottom: 100px;}
.sub0104_wrap .con02 .box .tit{display: flex; align-items: center;gap:20px; margin-bottom: 30px;}
.sub0104_wrap .con02 .box .tit .icon{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: rgba(57,96,192,.1); border-radius:8px;}
.sub0104_wrap .con02 .box01 .tit .icon{background: rgba(192,98,57,.1);}
.sub0104_wrap .con02 .box .tit p{font-size: 36px; color: #333; font-weight: 600;}
.sub0104_wrap .con02 .box .txt_wrap{padding: 40px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub0104_wrap .con02 .box .txt_wrap .txt{display: flex;font-size: 18px; color: #333;}
.sub0104_wrap .con02 .box .txt_wrap .txt:not(:last-child){margin-bottom: 20px;}
.sub0104_wrap .con02 .box .txt_wrap .txt p{width: 360px;font-weight: 500;}
.sub0104_wrap .con02 .box .txt_wrap .txt p em{font-weight: 500;margin: 0 8px;}
.sub0104_wrap .con02 .box .txt_wrap .txt span{display: block;width: calc(100% - 360px);}
.sub0104_wrap .con02 .box .txt_wrap .txt span em{display: inline-block;color: #999;margin: 0 12px;}

/* sub0105 */
.sub0105_wrap{padding: 200px 0; line-height: 1;}
.sub0105_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:80px;}
.sub0105_wrap .list_wrap .list{width: calc((100% - 160px) / 3);}
.sub0105_wrap .list_wrap .list .top{display: flex;align-items: center; margin-bottom: 20px;}
.sub0105_wrap .list_wrap .list .top p{width: calc(100% - 120px);font-size: 24px; color: #000033; font-weight: 600;}
.sub0105_wrap .list_wrap .list .top .icon{position: relative;width: 120px;}
.sub0105_wrap .list_wrap .list .top .icon::before{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%); width: 4px; height: 20px; background: #ddd; border-radius:2px;}
.sub0105_wrap .list_wrap .list .top .icon img{display: block; margin-left: auto;max-width: 100px;}
.sub0105_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:106.996%;background: #f5f5f5; border-radius:30px;}
.sub0105_wrap .list_wrap .list .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%; }
.sub0105_wrap .list_wrap .list .more_btn_st01{margin: 40px auto 0;transition:.3s;}
.sub0105_wrap .list_wrap .list .more_btn_st01 em img.on{position: absolute;opacity: 0;}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover{background: var(--co01);}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover p{color: #fff;}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover em img.off{opacity: 0;}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover em img.on{opacity: 1;}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover p{padding-left: 0;}
.sub0105_wrap .list_wrap .list .more_btn_st01:hover em{right: 10px;}

/* sub0106 */
.sub0106_wrap{line-height: 1;}
.sub0106_wrap .con01{padding: 200px 0;}
.sub0106_wrap .con01 .box_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0106_wrap .con01 .box_wrap .box{width: calc((100% - 40px) / 2); padding: 60px;background: #f5f5f5; border-radius:30px;}
.sub0106_wrap .con01 .box_wrap .box .tit{display: flex;align-items: center;justify-content: space-between;}
.sub0106_wrap .con01 .box_wrap .box .tit p{font-size: 24px;color: #333; font-weight: 600;}
.sub0106_wrap .con01 .box_wrap .box .tit p span{display: inline-block; font-size: 18px; margin-left: 20px;font-weight: 400;}
.sub0106_wrap .con01 .box_wrap .box ul{display: flex;flex-wrap:wrap;gap:25px 60px; margin-top: 30px;}
.sub0106_wrap .con01 .box_wrap .box ul li{display: flex;gap:20px;align-items: center;font-size: 18px; color: #333;}
.sub0106_wrap .con01 .box_wrap .box ul li p{font-weight: 500;}
.sub0106_wrap .con01 .box_wrap .box ul li span{display: block;}

.sub0106_wrap .con02{background: url(/assets/images/sub/sub0106_bg01.jpg)center no-repeat; height: 350px; background-size: cover; background-attachment: fixed;}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .box_wrap{display: flex;gap:60px;}
.sub0201_wrap .box_wrap .box{position: relative;display: flex;align-items: center;flex-direction: column;justify-content: flex-end;gap:60px;width: calc((100% - 120px) / 3); height: 560px; padding-bottom: 90px;border-radius:30px; border:1px solid #ddd;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 65%, rgba(241, 241, 241, 1) 100%);}
.sub0201_wrap .box_wrap .box .img{display: flex;align-items: center;justify-content: center;height: 285px;}
.sub0201_wrap .box_wrap .box .img img{max-width: 100%;max-height: 100%;}
.sub0201_wrap .box_wrap .box .txt p{font-size: 36px; color: #333; font-weight: 600;text-align: center;}
.sub0201_wrap .box_wrap .box:last-child{background: linear-gradient(180deg,rgba(255, 255, 255, 1) 65%, rgba(229, 236, 248, 1) 100%);}
.sub0201_wrap .box_wrap .box:not(:last-child)::after{content:'';position: absolute;right: -40px; top: 50%; transform:translateY(-50%); background: url(/assets/images/sub/sub_arr01.png)center no-repeat; width: 17px; height: 27px; background-size: cover;}

/* sub0202 */
.sub0202_wrap{line-height: 1;}
.sub0202_wrap .box_wrap{display: flex;gap:40px;flex-wrap:wrap;}
.sub0202_wrap .box_wrap .box{width: calc((100% - 40px) / 2) ;}
.sub0202_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:68.354%;border-radius: 30px; border:1px solid #ddd; overflow: hidden;}
.sub0202_wrap .box_wrap .box .img_wrap::after{content:'';position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: var(--co01); opacity: 0;transition:.4s;}
.sub0202_wrap .box_wrap .box .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%;}
.sub0202_wrap .box_wrap .box .img_wrap .more_btn_st01{opacity: 0;position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%); background: var(--co01);transition:.4s;z-index: 10;}
.sub0202_wrap .box_wrap .box .img_wrap .more_btn_st01 p{color: #fff;}
.sub0202_wrap .box_wrap .box .txt_wrap{margin-top: 30px;}
.sub0202_wrap .box_wrap .box .txt_wrap p{font-size: 36px; color: #333; font-weight: 600;}

.sub0202_wrap .box_wrap .box:hover .img_wrap::after{opacity: .2;}
.sub0202_wrap .box_wrap .box:hover .img_wrap .more_btn_st01{opacity: 1;}

/* sub0202_view */
.sub0202_view_wrap{line-height: 1;}
.sub0202_view_wrap .con01{margin-bottom: 100px;}
.sub0202_view_wrap .con01 .box_wrap{display: flex;gap:60px;align-items: flex-start;}
.sub0202_view_wrap .con01 .img_box{width: 53%;border-radius:30px; border:1px solid #ddd;}
.sub0202_view_wrap .con01 .img_wrap{ position:relative; width:100%; padding-bottom:68.354%;}
.sub0202_view_wrap .con01 .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%;}
.sub0202_view_wrap .con01 .txt_box{width: 51%;padding: 20px 0;}
.sub0202_view_wrap .con01 .txt_box .txt{display: flex;font-size: 20px; color: #333; }
.sub0202_view_wrap .con01 .txt_box .txt:not(:last-child){margin-bottom: 30px;}
.sub0202_view_wrap .con01 .txt_box .txt p{width: 280px; font-weight: 600;}
.sub0202_view_wrap .con01 .txt_box .txt span{display: block;width: calc(100% - 280px);}

.sub0202_view_wrap .con02  h4{font-size: 24px; color: #333; font-weight: 600;margin-bottom: 25px;}
.sub0202_view_wrap .con02 .edit_wrap{padding: 60px 135px;background: #f5f5f5; border-radius:30px;}
.sub0202_view_wrap .con02 .edit_wrap img{width: 100%;}

/* sub0301 */
.sub0301_wrap{padding: 200px 0;line-height: 1; background: url(/assets/images/sub/sub0301_bg01.jpg)center bottom no-repeat; background-size: 100%;}
.sub0301_wrap .sub_tit01 .txt{letter-spacing: -0.6px;}
.sub0301_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:40px;padding: 0 70px;}
.sub0301_wrap .list_wrap .list{width: calc((100%  - 80px) / 3);} 
.sub0301_wrap .list_wrap .list a{display: block; height: 400px;border:1px solid #ddd;border-radius:30px;background: #fff;transition:.3s;}
.sub0301_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:72.556%; }
.sub0301_wrap .list_wrap .list .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%;}
.sub0301_wrap .list_wrap .list .txt_wrap p{font-size: 24px; color: #333; font-weight: 600;text-align: center;}

.sub0301_wrap .list_wrap .list a:hover{border:1px solid #b4caff; box-shadow:0px 0px 30px rgba(57,96,192,.2);}

/* sub0401 */
.sub0401_wrap{line-height: 1; }
.sub0401_wrap .box_con{display: flex;gap:100px;}
.sub0401_wrap .box_con .box_wrap{display: flex;flex-wrap:wrap;gap:60px;position: relative; border:1px solid #ddd; border-radius:50px; padding: 120px 80px;}
.sub0401_wrap .box_con .box_wrap .tit{position: absolute;top: 0; left: 50%; transform:translate(-50%);display: flex;align-items: center;justify-content: center;width: 300px; height: 40px; background: var(--co01); border-radius:0 0 20px 20px ;font-size: 18px; color: #fff; font-weight: 600;}

.sub0401_wrap .box_con .box_wrap .img_wrap{position:relative; width:100%; padding-bottom:61.538%;}
.sub0401_wrap .box_con .box_wrap .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%;}
.sub0401_wrap .box_con .box_wrap .txt{margin-top: 55px;}
.sub0401_wrap .box_con .box_wrap .txt p{font-size: 20px; color: #333;text-align: center;font-weight: 600;line-height: 1.3;}

.sub0401_wrap .box_con .box_wrap01{width: 500px;}
.sub0401_wrap .box_con .box_wrap01 .box{width: 100%;}

.sub0401_wrap .box_con .box_wrap02{position: relative;width: calc(100% - 600px);}
.sub0401_wrap .box_con .box_wrap02 .box{width: calc((100% - 120px) / 3);}
.sub0401_wrap .box_con .box_wrap02::before{content:'';position: absolute;top: 50%;left: -65px;transform:translateY(-50%); background: url(/assets/images/sub/plus_icon01.png)center no-repeat; width: 27px; height: 27px; background-size: cover;}

/* sub0402 */
.sub0402_wrap{line-height: 1; }
.sub0402_wrap .img_wrap{display: flex;align-items: center;justify-content: center;gap:40px;flex-direction: column;position: relative;height: 400px;background: url(/assets/images/sub/sub0402_bg01.png)center no-repeat; background-size: cover; background-attachment: fixed; border-radius:30px; overflow: hidden; margin-bottom: 40px;}
.sub0402_wrap .img_wrap img.bg{position: absolute;opacity: .2;}
.sub0402_wrap .img_wrap img.bg01{right: 90px; top: -70px;}
.sub0402_wrap .img_wrap img.bg02{left: 70px;bottom: -140px;}
.sub0402_wrap .img_wrap p{font-size: 36px; color: #fff;font-weight: 600;}

.sub0402_wrap .box_wrap{display: flex;gap:40px;}
.sub0402_wrap .box_wrap .box{padding: 45px 19px 50px;width: calc((100% - 120px) / 4); border:1px solid #ddd; border-radius:30px; }
.sub0402_wrap .box_wrap .box .icon{margin: 0 auto 30px;width: fit-content;}
.sub0402_wrap .box_wrap .box p{font-size: 24px; color: var(--co01); font-weight: 600;text-align: center;}
.sub0402_wrap .box_wrap .box ul{margin-top: 50px;padding: 0px 40px;}
.sub0402_wrap .box_wrap .box ul li{font-size: 20px; color: #666; line-height: 40px;}

.sub0402_wrap .box_wrap .box.on{box-shadow:0px 0px 30px rgba(57,96,192,.2); border:1px solid #b4caff;}

/* sub0406 */
.sub0406_wrap{line-height: 1; }
.sub0406_wrap .box_wrap{display: flex;gap:60px;}
.sub0406_wrap .box_wrap .box{position: relative;width: calc((100% - 120px) / 3);height: 400px; border:1px solid #ddd; border-radius:50px; padding: 0 60px 0;}
.sub0406_wrap .box_wrap .box .tit{display: flex;align-items: center;justify-content: center;width: 300px;height: 50px;background: #999; border-radius:0 0 20px 20px;font-size: 18px; color: #fff;font-weight: 600;margin: 0 auto;}
.sub0406_wrap .box_wrap .box .txt_wrap{display: flex;flex-direction: column;justify-content: center;height: calc(100% - 50px);}
.sub0406_wrap .box_wrap .box .txt_wrap p{font-size: 18px; color: #333; font-weight: 500;line-height: 40px;}
.sub0406_wrap .box_wrap .box .img_wrap{display: flex;gap:35px;justify-content: center;}
.sub0406_wrap .box_wrap .box .img_wrap .logo{display: flex;height: 110px;}
.sub0406_wrap .box_wrap .box .img_wrap .img p{font-size: 16px; color: #333; font-weight: 500;text-align: center;line-height: 1;margin-top: 30px;}

.sub0406_wrap .slide_wrap{margin-top: 60px;margin-left: 150px;}
.sub0406_wrap .slide_wrap ul li{position: relative;width: 900px;margin-right: 40px;}
.sub0406_wrap .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:66.667%;}
.sub0406_wrap .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;}
.sub0406_wrap .slide_wrap ul li .txt_wrap{position: absolute;bottom: 0; left: 0;padding: 60px;}
.sub0406_wrap .slide_wrap ul li .txt_wrap p{font-size: 24px; color: #fff;font-weight: 600;}

.sub0406_wrap .slide_wrap .progress{position:relative; width:calc(100%); height:2px; background:#ddd;margin-top: 60px;}
.sub0406_wrap .slide_wrap .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:var(--co01); transition:0.5s;}

/* sub0502 */
.sub0502_wrap .box_wrap{position: relative;display: flex;gap:120px;padding: 80px 120px;}
.sub0502_wrap .box_wrap::after{content:'';position: absolute;top: 0; left: 0;width: 100%; height: 588px; background: #f5f5f5; border-radius:30px;z-index: -1;}
.sub0502_wrap .box_wrap .img_box{width: 460px;}
.sub0502_wrap .box_wrap .img_wrap{position:relative; width:100%; padding-bottom:141.304%;}
.sub0502_wrap .box_wrap .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;}
.sub0502_wrap .box_wrap .sub_tit01 .txt{font-size: 18px; color: #666; line-height: 30px;font-weight: 400;}

.sub0502_wrap .txt_box .more_btn_st01{transition:.3s; background: #fff;}
.sub0502_wrap .txt_box .more_btn_st01 em{background: #f5f5f5;}
.sub0502_wrap .txt_box .more_btn_st01 em img.on{position: absolute;opacity: 0;}
.sub0502_wrap .txt_box .more_btn_st01:hover{background: var(--co01);}
.sub0502_wrap .txt_box .more_btn_st01:hover p{color: #fff;}
.sub0502_wrap .txt_box .more_btn_st01:hover em img.off{opacity: 0;}
.sub0502_wrap .txt_box .more_btn_st01:hover em img.on{opacity: 1;}
.sub0502_wrap .txt_box .more_btn_st01:hover p{padding-left: 0;}
.sub0502_wrap .txt_box .more_btn_st01:hover em{right: 10px;}

/* sub0502_2 */
.sub0502_2_wrap{padding: 0;}

/*sub0603*/
.sub0603_wrap .cate_wrap{display: flex;margin-bottom: 30px;background: #f5f5f5; border-radius:12px; padding: 10px 15px; width: fit-content; margin-left: auto;}
.sub0603_wrap .cate_wrap a{font-size: 16px; color: #333;padding: 5px 20px;}
.sub0603_wrap .cate_wrap a.on{color: #fff; background: var(--co01); border-radius:10px;}