/* Common **********************************************************************/
/* @import url(http://assets_2024/fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/assets_2024/fonts/earlyaccess   */
  @font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets_2024/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets_2024/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets_2024/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets_2024/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets_2024/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets_2024/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets_2024/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets_2024/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets_2024/font/Pretendard-Black.woff2') format('woff2');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 200;
	src: url('/assets_2024/font/NotoSansCJKkr-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 300;
	src: url('/assets_2024/font/NotoSansCJKkr-Light.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 400;
	src: url('/assets_2024/font/NotoSansCJKkr-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 500;
	src: url('/assets_2024/font/NotoSansCJKkr-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 700;
	src: url('/assets_2024/font/NotoSansCJKkr-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: 800;
	src: url('/assets_2024/font/NotoSansCJKkr-Black.otf') format('opentype');
}


@font-face { 
  font-family: 'Impact'; 
  font-style: normal; 
  font-weight: 700; 
  src: url('/assets_2024/font/impact2.ttf') format('truetype');
 }

 /* #### Generated By: http://assets_2024/font.download #### */

    @font-face {
    font-family: 'Arial-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('ARIAL.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Arial-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium'), url('ArialMdm.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Arial-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('ARIALBD 1.woff') format('woff');
    }

    @font-face {
    font-family: 'Arial-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('ARIALBD.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Arial-Black';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black'), url('ARIBLK.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Arial-Light-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Regular'), url('ARIALLGT.woff') format('woff');
    }

/* Common **********************************************************************/ 
html,body {width:100%; }
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;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */assets_2024/font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */assets_2024/font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */assets_2024/font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */assets_2024/font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.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;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden;min-width: 1800px;}
.inner{width: 1720px; margin: 0 auto; max-width:100%;}



#header{position: relative;z-index: 2000;border-bottom: 1px solid #ddd;padding-top: 40px;}
#header .inner{display: flex;width: 1720px;justify-content: space-between;}
#header .btn_box{display: none;}

/* gnb */

#header .gnb{position: relative;display: flex;/* gap:163px; */align-items:center;}
#header .gnb > li{position: relative;width: 270px;}
#header .gnb > li:after{content:'';position: absolute;right: 0px;top: 50%;transform:translateY(-50%);width: 3px;height: 20px;background: #000;}
#header .gnb > li:last-child:after{display: none;}
#header .gnb li span a{position: relative;transition:.3s;display: block;padding-top: 20px;height: 114px;;text-align: center;line-height: 30px;font-size: 24px; color: #000; font-weight: 600;transition:.2s;}
#header .gnb li span a em{font-size: 21px;}
#header .gnb .lnb_sub{display: none;position: absolute;z-index: 100;left: 50%; transform: translateX(-50%); top: 100%;}
#header .gnb .lnb_sub .sub_menu{position: relative;background: rgba(0,0,0,.6);width: 270px;padding: 30px 0;}
#header .gnb .lnb_sub li{margin-bottom: 20px;}
#header .gnb .lnb_sub li:last-child{margin-bottom: 0;}
#header .gnb .lnb_sub li a{display: block;font-size: 18px; color: #fff;font-weight: 500;transition:.3s;line-height: 1;text-align: center;word-break:keep-all;}


.navigation{display: none;}

/* ---------------------------------2024 메인 ----------------------------------------*/
#header.main_header{position: absolute;left: 0;top: 0;width: 100%;}

#wrap .bg_wrap{padding-top: 200px;background:url(/assets_2024/images/main/main24_bg01_pc.jpg)center no-repeat;background-size:cover ; font-family: 'Impact'; background-position: top;}


/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;margin-bottom: 240px;}
#visual_wrap .con01{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 50;}
#visual_wrap .con01 .box01{margin-bottom: 4px;}
#visual_wrap .con01 .box01 ul{display: flex;width: 106px;flex-wrap:wrap;justify-content: space-between;transform: translateX(0px);gap:10px 0;}
#visual_wrap .con01 .box01 ul li{width: calc((100% - 25px)/2);}
#visual_wrap .con01 .box01 ul li img{width:50px;}
#visual_wrap .con01 .box02 {margin-bottom: 25px; margin-top: 20px;}
#visual_wrap .con01 .box02 img{height: 150px;}
#visual_wrap .con01 .box03{position: relative;}
#visual_wrap .con01 .box03 p{font-family: 'NotoSansCJKkr';font-size: 60px;font-weight: 800;color: #261957;text-align: center;margin-bottom: 5px; line-height: 1.2;}
#visual_wrap .con01 .box03 p:last-child{margin-bottom: 0;}

#visual_wrap .con02{position: relative;padding:260px 0 460px;}
#visual_wrap .con02 .bg_box{position: absolute;top: 20px;left: 50%;transform:translateX(-50%);}
#visual_wrap .con02 .bg_box ul li:not(:last-child){margin-bottom: 10px;}
#visual_wrap .con02 .bg_box ul li:nth-child(2){margin-bottom: 58px;}
#visual_wrap .con02 .bg_box ul li:nth-child(3){margin-bottom: 102px;}
#visual_wrap .con02 .bg_box ul li:last-child{display: flex;justify-content: flex-end;}
#visual_wrap .con02 .bg_box ul li img{width: 120px;}
#visual_wrap .con02 .bg_box ul li:nth-child(6) img{width: 50px;}
#visual_wrap .con02 .bg_box ul li:nth-child(7) img{width: 50px;}
#visual_wrap .con02 p{font-size: 50px;color: #8167ab;text-align: center;}

#visual_wrap .con03{position: relative;margin-bottom:200px;z-index: 1;opacity: 0;transform:scale(1.2);}
#visual_wrap .con03:after{content:'';position: absolute;top:50%;left:50%;transform:translate(-50% , -50% );z-index: -1;width: 2400px;height: 736px;background:url(/assets_2024/images/main/main24_logo_bg01_pc_new.png)center no-repeat;background-size:cover ; }
#visual_wrap .con03 p{font-size: 45px;line-height: 60px;text-align: center;color: #2e3091;margin-bottom: 10px;}
#visual_wrap .con03 a{display: block;margin: 0 auto;width: 300px;height: 103px;text-align:center;line-height: 101px;font-size: 45px;color: #e94741;background:url(/assets_2024/images/main/main24_btn01_pc.png)center no-repeat;background-size:contain ;  }

#visual_wrap .con04{position: relative;z-index: 20;}
#visual_wrap .con04 strong{position: relative;display: block;font-size: 60px;text-align: center;color: #ff5d0a;margin-bottom: 40px;letter-spacing: 5px;}
#visual_wrap .con04 .line{position: absolute;top:80px;left: 50%;transform:translateX(-50%);width: 557px;height: 6px;border-radius: 6px;background: #ff2e00;transform-origin: center;}
#visual_wrap .con04 p{font-size: 40px;color: #2e3090;text-align: center;letter-spacing: 2px;}
#visual_wrap .con04 p span{font-family: 'Arial-Bold';}


/* 공통 */
.section{line-height: 1;}
.section .tit_box01{padding-left: 60px;transform: skewX(10deg) translateX(100px) translateY(50px);opacity: 0;}
.section .tit_box02{padding-right: 60px;transform: skewX(-10deg) translateX(-100px) translateY(50px);opacity: 0; }
.section .tit_box .txt01{position: relative;display: flex;align-items: flex-end;gap:54px;padding-bottom: 30px;margin-bottom: 20px;color: #fff;}
.section .tit_box02 .txt01{justify-content: flex-end;}
.section .tit_box .txt01:after{content:'';position: absolute;width: 900px;height: 6px;border-radius: 11px;background: #182a86;}
.section .tit_box01 .txt01:after{left: -45px;bottom: 0;}
.section .tit_box02 .txt01:after{right: -45px;bottom: 0;}
.section .tit_box .txt01 strong{font-size: 50px;letter-spacing: 3px;}
.section .tit_box .txt01 p{display: flex;overflow:hidden;font-size:65px;gap:5px;}
.section .tit_box .txt02{font-size: 70px;font-family: 'Arial-Bold';color: #182a86;}
.section .tit_box02 .txt02{text-align: right;}


/* section01 */
#section01{margin-bottom:180px;}
#section01 .tit_box{margin-bottom: 70px;}
#section01 .tit_box .txt01{color: #182a86;}
#section01 .box{display: block;overflow:hidden;width: 0px;}
#section01 .box .hide01{position: relative;width: max-content;}
#section01 .box img{width: 100%;}
#section01 .box p{position: absolute;right: 60px;font-size: 60px;color: #1d2086;bottom:30px;}
#section01 .box02 p{bottom: auto;top: 40px;color: #00a3ff;} 

/* section02 */
#section02{position: relative;padding-bottom:300px;}
#section02 .tit_box{margin-bottom: 120px;}
#section02 .tit_box .txt01:after{width: 900px;}
#section02 .txt_box{position: relative;padding-left: 60px;opacity: 0;z-index: 20;}
#section02 .txt_box p{position: relative;z-index: 20;font-size: 75px;color: #57247f;margin-bottom: 15px;}
#section02 .txt_box p:last-child{margin-bottom: 0;}
#section02 .bg_box{position: absolute;top:450px; left: -200px;width: 100%;transform: rotatez(30deg);}
#section02 .bg_box .bg_txt{display: flex;gap:80px;width:max-content;animation:ani01 linear infinite 70s;}
#section02 .bg_txt li{font-size: 200px;color: #fff;letter-spacing: 10px;opacity: .5;}


@keyframes ani01{
0%{transform:translateX(0)}
100%{transform:translate(-60%);}
}

/* section03 */
#section03{margin-bottom: 200px;}
#section03 .tit_box{margin-bottom: 70px;}
#section03 .tit_box .mr01{margin-right: 20px;}
#section03 .tit_box .txt01:after{width: 1318px;}
#section03 .video_box{overflow:hidden;transform:scale(.8);}
#section03 .video_box img{width: 100%;}
#section03 .video_box  p{position: absolute;top: 80px;right: 60px;font-size: 70px;color: #d8c63f;}


/* section04 */
#section04{margin-bottom: 300px;overflow:hidden;}
#section04 h2{font-size: 100px;color: #fff;text-align: center;letter-spacing: 13px;}
#section04 ul{padding: 25px 0;background: radial-gradient(circle, rgba(81,185,234,.7), rgba(255,255,255,.2));margin-bottom: 25px;}
#section04 ul li:not(:last-child){margin-bottom: 20px;}
#section04 ul li a{position: relative;display: block;font-size: 60px;color: #2e3090;text-align: center;transition:.3s;z-index: 1;letter-spacing: 5px;}
#section04 ul li a:after{content:'';position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.3s;background: radial-gradient(circle, rgba(243,234,14,.8), transparent);}
#section04 ul li a:hover{color: #008fd4;}
#section04 ul li a:hover:after{opacity: 1;}
#section04 p{font-size: 62px;text-align: center;color: #369c00;}

/* footer24 */
#footer24{padding-bottom: 70px;line-height: 1;}
#footer24 .link_box{display: block;text-align: center;color: #2f36d5;font-size: 35px;font-family: 'Arial-Bold';margin-bottom: 70px;}
#footer24 ul{display: flex;padding: 0 60px;justify-content: space-between;align-items: center;}

/* ---------------------------------2024 메인 끝----------------------------------------*/


#footer {position: relative;line-height: 1;color: #000;z-index: 2000;background: #f1f1f1;}
#footer .inner{width: 1680px;}
#footer .top{border-bottom: 1px solid #ddd;}
#footer .top ul{display: flex;gap:35px;height: 120px;align-items:center;justify-content: center;}
#footer .top ul li{position: relative;}
/* #footer .top ul li:after{content:'';position: absolute;right: -50px;top: 50%;transform:translateY(-50%);width: 1px;height: 40px;background: #ddd;} */
#footer .top ul li:last-child:after{display: none;}

#footer .top ul li:last-child a {pointer-events: none; cursor: default;}

#footer .bottom{padding: 40px 0 60px;}
#footer .bottom .inner{display: flex;align-items:flex-end; justify-content: space-between;}
#footer .bottom .left ul{display: flex;gap:40px;margin-bottom: 20px;}
#footer .bottom .left ul li a{font-size: 16px;font-weight: 600;color: #000;}
#footer .bottom .left address p{font-size: 15px;font-weight: 300;}
#footer .bottom .left address p:nth-child(1){margin-bottom: 10px;}

#footer .bottom .copy{font-size: 15px;font-weight: 300;}


/* ========================================================= */
/* #wrap.wrap_bg01{background: #fffcb4;}
#wrap.wrap_bg02{background: #e4b4ff;}
#wrap.wrap_bg03{background: #b4e9ff;}
#wrap.wrap_bg04{background: #D5FFD5;} */
#wrap.wrap_bg01 {background:linear-gradient(180deg, rgba(253,194,145,1) 0%,rgba(234,164,133,1) 50%,rgba(242,133,112,1) 100%);} /*살구-핑크*/
#wrap.wrap_bg02 {background:linear-gradient(180deg, rgba(129,203,176,1) 0%,rgba(82,191,111,1) 50%,rgba(26,171,138,1) 100%);} /*하늘-파랑*/
#wrap.wrap_bg03 {background:linear-gradient(180deg, rgba(237,183,176,1) 0%,rgba(175,117,163,1) 50%,rgba(100,87,168,1) 100%);} /*핑크-보라*/
#wrap.wrap_bg04  {background:linear-gradient(180deg, rgba(102,154,201,1) 0%,rgba(69,96,171,1) 50%,rgba(63,62,131,1) 100%);} /*연두-초록*/
#wrap.wrap_bg05 {background:linear-gradient(180deg, rgba(121,206,198,1) 0%,rgba(26,183,239,1) 50%,rgba(26,149,222,1) 100%);} /*메인*/

/* #sub_contents{background:linear-gradient(180deg, rgba(102, 154, 201, 1) 0%, rgba(69, 96, 171, 1) 50%, rgba(63, 62, 131, 1) 100%);} */
/* #sub_contents{background: url(/assets_2024/images/main/main24_bg01_pc.jpg) center no-repeat; background-position:top;} */
/* #wrap{background: url(/assets_2024/images/main/main24_bg01_pc.jpg) center no-repeat; background-position:top;} */
#wrap{background: linear-gradient(180deg, rgba(102, 154, 201, 1) 0%, rgba(69, 96, 171, 1) 50%, rgba(63, 62, 131, 1) 100%);}

#header.sub_header{border-bottom: 1px solid #000;}
#footer.sub_footer .top{border-bottom: 1px solid #000;}
#footer.sub_footer .top ul li a img{filter: brightness(0);}
#footer.sub_footer .top ul li:after{background: #000;}

#footer.sub_footer {background: none;}

.conbody{/* position: relative; */}
#sub_contents{position: relative;display: flex; padding: 170px 0px 220px;min-height: 100vh;}
#sub_contents .sub_inner{width: 1300px; }
#sub_contents .sub_icon_wrap p{position: fixed;z-index: 0;transition:.7s;}
#sub_contents .sub_icon_wrap p:nth-child(1){position: absolute;left: 50%; transform:translateX(-50%); top: 40px;z-index: 100;}
#sub_contents .sub_icon_wrap p:nth-child(2){left: 40px;top: 70%;}
#sub_contents .sub_icon_wrap p:nth-child(3){right: 40px;top: 70%;}
#sub_contents .sub_icon_wrap p:nth-child(4){left: 50%; transform:translateX(-50%); bottom: 60px;}

#sub_contents .sub_icon_wrap p:nth-child(1).rel{position: fixed;top: 40px;}
#sub_contents .sub_icon_wrap p:nth-child(2).rel{position: absolute; top: calc(100% - 300px); }
#sub_contents .sub_icon_wrap p:nth-child(3).rel{position: absolute; top: calc(100% - 300px); }
#sub_contents .sub_icon_wrap p:nth-child(4).rel{position: absolute; bottom: 60px;}


.sub_menu_box{position: fixed;width: 210px;margin-left: 40px; line-height: 1;transition:.7s;bottom: 330px;}
.sub_menu_box h2.sub_menu_tit{font-size: 28px; color: #000; font-weight: 800;margin-bottom: 25px;}
.sub_menu_box .lnb h3 a{display: block;font-size: 18px; color: #000; font-weight: 500;line-height: 24px;margin-bottom: 20px;}
.sub_menu_box .lnb h3 a i{display: block;}
.sub_menu_box .lnb h3.on a{font-weight: 800;}
.sub_menu_box.rel{position: absolute; bottom: 350px;}
.sub_meun_box{display:none;}

/* 공통 */
h3.h3_tit{font-size: 50px; color: #000; font-weight: 700;margin-bottom: 30px;}

/* intro */
.intro_wrap ul li a {display :inline-block; font-size: 30px; color :#000; font-weight: 600; border-bottom: 1px solid #000; height: 70px; line-height: 68px; width: 100%; padding: 0 20px; }
.intro_wrap ul li a:hover {color: #fff; background: #000;  font-weight: 700; }

.intro_wrap01{margin-bottom: 80px;}
.intro_wrap01 ul {display: flex; justify-content:center;align-items: center;}
.intro_wrap01 ul li {width: 25%; text-align:center;}
.intro_wrap01 ul li a {font-size: 30px; font-weight: 600; line-height: 1.2; color: #006bb5; display: block; width: 100%;}
.intro_wrap01 ul li:nth-child(2) a {color: #652c90;}
.intro_wrap01 ul li:nth-child(3) a {color: #f27557;}
.intro_wrap01 ul li:nth-child(4) a {color: #2e3091;}

/* list_st01 */
.list_st01_wrap{line-height: 1;}
.list_st01_wrap .top_txt{margin-bottom: 50px;}
.list_st01_wrap .top_txt p{font-size: 40px; color: #000; line-height: 50px;text-align: center;}
.list_st01_wrap ul{display: flex;flex-wrap:wrap;gap:80px;}
.list_st01_wrap ul li{width: calc((100% - 80px) / 2);}
.list_st01_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:54.878%;border:1px solid #000;}
.list_st01_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%;}
.list_st01_wrap ul li .txt_wrap{display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;}
.list_st01_wrap ul li .txt_wrap .txt{width: calc(100% - 180px);}
.list_st01_wrap ul li .txt_wrap .txt p{font-size: 40px; color: #000; font-weight: 700; line-height: 50px;}
.list_st01_wrap ul li .txt_wrap .txt span{display: block;font-size: 20px; color: #000; line-height: 1.5;margin-top: 15px;}
.list_st01_wrap ul li .txt_wrap .icon img{filter:brightness(0);}

/*view_st01*/
.view_st01_wrap{line-height: 1;}
.view_st01_wrap .tit_wrap{margin-bottom: 85px;}
.view_st01_wrap .tit_wrap p{font-size: 60px;	color: #000; font-weight: 700;}
.view_st01_wrap .tit_wrap span{display: flex;gap:75px;margin-top: 30px;}
.view_st01_wrap .tit_wrap span em{position: relative;font-size: 24px; color: #000;font-weight: 400;}
.view_st01_wrap .tit_wrap span em:not(:last-child)::after{content:'|';position: absolute; right: -41px; top: 50%; transform:translateY(-50%);}

.view_st01_wrap .view_wrap .img_con{position: relative;width: 1130px; margin: 0 auto 80px;}
.view_st01_wrap .view_wrap .img_con .play_btn{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%);}
.view_st01_wrap .view_wrap .img_con .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #000;background: #000;}
.view_st01_wrap .view_wrap .img_con .img_wrap img,
.view_st01_wrap .view_wrap .img_con .img_wrap video,
.view_st01_wrap .view_wrap .img_con .img_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;}

.view_st01_wrap .view_wrap .slide_con{width: 1350px;margin: 0 auto 80px;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #000;background: #000;}
.view_st01_wrap .view_wrap .slide_con 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%;}
.view_st01_wrap .view_wrap .slide_con .slick-prev{position: absolute;left: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/prev01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}
.view_st01_wrap .view_wrap .slide_con .slick-next{position: absolute;right: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/next01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}

.view_st01_wrap .view_wrap .txt_con{border-top: 1px solid #000;}
.view_st01_wrap .view_wrap .txt_con .txt{padding: 50px;border-bottom: 1px solid #000;}
.view_st01_wrap .view_wrap .txt_con .txt strong{display: block;font-size: 32px; color: #000; font-weight: 700;margin-bottom: 20px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con{display: flex;gap:40px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con img{width: 160px; height: 160px;}
.view_st01_wrap .view_wrap .txt_con .txt p{font-size: 18px; color: #000; line-height: 32px;}
.view_st01_wrap .view_wrap .txt_con .txt p b{display: block;font-size: 22px; color: #000; font-weight: 700; line-height: 32px;margin-bottom: 15px;}
.view_st01_wrap .view_wrap .txt_con .txt p b em{font-size: 20px;font-weight: 700; }
.view_st01_wrap a.list_btn{display: flex;align-items: center; justify-content: center;width: 200px; height: 54px; font-size: 18px;color: #000; border:1px solid #000;margin: 60px auto 0;}


/* sub0101 */
.sub0101_wrap {padding: 0 0 0 30px;}
.sub0101_wrap i {display: block;}
.sub0101_wrap p,span,b {word-break: keep-all;}
.sub0101_wrap span.tit {font-size: 40px; color: #000; font-weight: 700; display: block; border-bottom: 2px solid #000; margin-bottom: 40px; padding-bottom: 40px;}
.sub0101_wrap span.con_tit {font-size: 20px; color: #000; font-weight: 700; display: block; }
.sub0101_wrap .txt_wrap {margin-bottom: 100px;}
.sub0101_wrap .txt_wrap p.p_con {font-size: 16px; color: #000; font-weight: 400; margin-bottom: 30px;}
.sub0101_wrap .txt_wrap p.p_con:last-child {margin-bottom: 0;}
.sub0101_wrap span.tit02 {font-size: 30px; color: #000; font-weight: 700; display: block; border-bottom: 2px solid #000; margin-bottom: 30px; padding-bottom: 30px;}
.sub0101_wrap .txt_wrap02 {}
.sub0101_wrap .txt_wrap02 p.p_con02 {font-size: 20px; color: #000; font-weight: 400; margin-bottom: 10px;}
.sub0101_wrap .txt_wrap02 p.p_con02:last-child {margin-bottom: 0;}
.sub0101_wrap .txt_wrap02 p.p_con02 b {font-weight: 700;}
.sub0101_wrap i.font_st {display: inline-block; font-weight: 700;}

/* sub0102 */
.sub0102_wrap{line-height: 1;background: #fff;padding: 50px;border: 1px solid #000;}
.sub0102_wrap .con{display: flex;gap:100px;}
.sub0102_wrap .con:not(:last-child){margin-bottom: 150px;}
.sub0102_wrap .con .img_wrap{width: 250px;}
.sub0102_wrap .con .img_wrap img{width: 100%;}
.sub0102_wrap .con .txt_wrap{width: calc(100% - 350px);}
.sub0102_wrap .con .txt_wrap .tit{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #222;}
.sub0102_wrap .con .txt_wrap .tit p{font-size: 60px; color: #222; font-weight: 700;}
.sub0102_wrap .con .txt_wrap .tit span{display: block;font-size: 30px; color: #222;margin-top: 25px;line-height: 42px;}
.sub0102_wrap .con .txt_wrap .txt p{font-size: 20px; color: #222; line-height: 32px;}
.sub0102_wrap .con .txt_wrap .txt > p:not(:last-child){margin-bottom: 30px;}

/* sub0104 */
.sub0104_wrap {}
.sub0104_wrap th,td {word-break: keep-all;}
.sub0104_wrap .table_wrap {}
.sub0104_wrap .table_wrap_tm {display: none;}
.sub0104_wrap .table_wrap table {border: 2px solid #000; width: 100%;}
.sub0104_wrap .table_wrap table th.th_tit {font-size: 26px; padding: 10px; font-weight: 500; color: #fff;  background: #000; border-right: 1px solid #fff; text-align: center;}
.sub0104_wrap .table_wrap table th.th_tit:last-child {border-right: 0;}
.sub0104_wrap .table_wrap table th.ct {font-size: 20px; padding: 10px; font-weight: 600; color: #000; border-bottom: 1px solid #000; text-align: center; border-right: 1px solid #000;}
.sub0104_wrap .table_wrap table td {font-size: 16px; padding: 10px; font-weight: 400; color: #000; border-bottom: 1px solid #000; text-align: center; border-right: 1px solid #000;}
.sub0104_wrap .table_wrap table td a {color: #000;}
.sub0104_wrap .table_wrap table td.td_con {text-align: left;}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .tit_wrap{margin-bottom: 60px;}
.sub0201_wrap .tit_wrap p{text-align: center;font-size: 18px; color: #000; font-weight: 600; line-height: 32px; word-break: keep-all;}
.sub0201_wrap .tit_wrap p i{display: block;}
.sub0201_wrap .tab_menu_wrap{display: flex;gap:94px; justify-content:center;margin-bottom: 30px;}
.sub0201_wrap .tab_menu_wrap a{display: block; width: 200px; height: 45px; line-height: 40px;font-size: 16px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0201_wrap .tab_menu_wrap a.on{background: #fff;}
.sub0201_wrap .tab_menu_wrap a:hover{background: #fff;}
.sub0201_wrap .con_wrap{display: flex; flex-wrap:wrap;gap:40px 20px;}
.sub0201_wrap .con_wrap .con{width: calc((100% - 20px) / 2); border:2px solid #000;background: #fff;}
.sub0201_wrap .con_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:55.072%;background: #000;}
.sub0201_wrap .con_wrap .con .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%;}
.sub0201_wrap .con_wrap .con .txt_wrap{/* height: 90px; */background: #fff; padding: 17px 19px;}
.sub0201_wrap .con_wrap .con .txt_wrap p{font-size: 32px; color: #000; font-weight: 900;margin-bottom: 10px;}
.sub0201_wrap .con_wrap .con .txt_wrap span{font-size: 16px; color: #000; font-weight: 500;}

/* sub0201_view */
.sub0201_view_wrap{line-height: 1;}
.sub0201_view_wrap .view_tit{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #000;}
.sub0201_view_wrap .view_tit p{font-size: 50px; color: #000; font-weight: 700;}
.sub0201_view_wrap .con{width: 100%;}
.sub0201_view_wrap .img_slide .img_wrap{position:relative; width:100%; padding-bottom:53.571%;background: #000;}
.sub0201_view_wrap .img_slide .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%;}
.sub0201_view_wrap .slick-prev{position: absolute; top: 50%; transform:translateY(-50%); left: 0; background: url(/images/sub/sub0201_view_prev_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 10; text-indent: -9999px;}
.sub0201_view_wrap .slick-next{position: absolute; top: 50%; transform:translateY(-50%); right: 0; background: url(/images/sub/sub0201_view_next_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 10; text-indent: -9999px;}
.sub0201_view_wrap .txt_con{padding: 30px;background: #fff; border:1px solid #000;}
.sub0201_view_wrap .txt_con .top{border-bottom: 2px solid #000;}
.sub0201_view_wrap .txt_con .top p{font-size: 40px; color: #000; font-weight: 600;margin-bottom: 15px;}
.sub0201_view_wrap .txt_con .top strong{display: flex;gap:40px;margin-bottom: 27px;}
.sub0201_view_wrap .txt_con .top span{position: relative;font-size: 18px;color: #000; font-weight: 400;}
.sub0201_view_wrap .txt_con .top span:not(:last-child)::after{content:'';display: block;position: absolute; top: 50%; transform:translateY(-50%); right: -20px; width: 1px; height: 14px; background: #000;}
.sub0201_view_wrap .txt_con .bot{}
.sub0201_view_wrap .txt_con .bot .bot_con{padding: 30px 0px;}
.sub0201_view_wrap .txt_con .bot .bot_con:last-child{padding-bottom: 0; border-top: 1px solid #000;}
.sub0201_view_wrap .txt_con .bot .bot_con p{font-size: 24px; color: #000; font-weight: 700;margin-bottom: 20px;}
.sub0201_view_wrap .txt_con .bot .bot_con span{font-size: 16px; color: #000; font-weight: 300;line-height: 30px;word-break: keep-all;word-wrap: break-word;}

/* sub0202 */
.sub0202_wrap th,td {word-break: keep-all;}
.sub0202_wrap .tab_menu_wrap{display: flex;gap:94px; justify-content:center;margin-bottom: 30px;}
.sub0202_wrap .tab_menu_wrap a{display: block; width: 200px; height: 45px; line-height: 40px;font-size: 16px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0202_wrap .tab_menu_wrap a.on{background: #fff;}
.sub0202_wrap .tab_menu_wrap a:hover{background: #fff;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 {width: 100%; border: 2px solid #000; margin-bottom: 60px;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02:last-child {margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_tit {font-size: 40px; padding: 10px; font-weight: 700; color: #000; text-align: center; border-right: 2px solid #000; border-left: 2px solid #000;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub {font-size: 26px; padding: 10px; font-weight: 500; color: #fff; background: #000; text-align: center; border-right: 1px solid #fff;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub:last-child {border-right: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td {padding: 10px; font-size: 18px; background: rgba(255,255,255,0.4); text-align: center; font-weight: 500; color: #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td:last-child {border-right: 0;}

.sub0202_wrap .tab-con .tb_wrap table.tbl03 {width: 100%; border: 2px solid #000; margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03:last-child {margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_tit {color: #fff; text-align: center; border-bottom: 1px solid #fff; border-right: 2px solid #000; border-left: 2px solid #000; background: #000;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_sub {color: #fff; background: #222;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td {background: none;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td a {color:#000; font-weight: 700;transition:.3s;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td a:hover{color: #fff;}

/* sub0202_view */
.sub0202_view_wrap .view_video_wrap {position: relative; width: 100%; height: 0; padding-bottom: 46%; overflow: hidden; margin-bottom: 20px;}
.sub0202_view_wrap .view_video_wrap iframe {position: absolute; max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; top:0; left:0; bottom:0; right:0; margin: auto;}
.sub0202_view_wrap .txt_con {background: none; border: 0;}
.sub0202_view_wrap .txt_con .top {border-bottom: 0; padding: 30px; border: 1px solid #000; background: #000;}
.sub0202_view_wrap .txt_con .top p {color:#fff;}
.sub0202_view_wrap .txt_con .top strong {margin-bottom: 0; color:#fff;}
.sub0202_view_wrap .txt_con .top strong > span {color:#fff;}
.sub0202_view_wrap .txt_con .bot .bot_con {padding: 30px; }
.sub0202_view_wrap .txt_con .bot .bot_con:last-child {border-top:1px solid #000; border-bottom:1px solid #000; padding-bottom: 30px;}

/* sub0302 */
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .con_wrap{/* gap:30px; */}
.sub0302_wrap .con_wrap .con{/* width: 100%; */}
.sub0302_wrap .con_wrap .con .img_wrap{/* padding-bottom: 28.571%; */}
.sub0302_wrap .con_wrap .con .txt_wrap span{display: flex;gap:40px;}
.sub0302_wrap .con_wrap .con .txt_wrap span strong{position: relative;font-weight: 500;}
.sub0302_wrap .con_wrap .con .txt_wrap span strong:not(:last-child)::after{content:'';display: block;position: absolute; top: 50%; transform:translateY(-50%); right: -20px; width: 1px; height: 14px; background: #000;}

/* sub0302_view */
.sub0302_view_wrap .view_tit{border:none;margin-bottom: 0;}
.sub0302_view_wrap .view_tit p{font-size: 24px; }
.sub0302_view_wrap .txt_con{min-height: 750px;}
.sub0302_view_wrap .txt_con .top02{margin-bottom: 15px;}
.sub0302_view_wrap .txt_con .top02 .tit p{font-size: 24px; color: #000; font-weight: 700;margin-bottom: 20px;}
.sub0302_view_wrap .txt_con .top02 .txt{display: flex; gap:40px;align-items:center;margin-bottom: 20px;}
.sub0302_view_wrap .txt_con .top02 .txt .img_box{width: 170px;}
.sub0302_view_wrap .txt_con .top02 .txt .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden;border-radius: 50%;}
.sub0302_view_wrap .txt_con .top02 .txt .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%;}
.sub0302_view_wrap .txt_con .top02 .txt p{font-size: 16px; color: #000; font-weight: 300;}
.sub0302_view_wrap .txt_con .top02 .txt02 p{font-size: 16px; color: #000; font-weight: 500; margin-bottom: 15px;}
.sub0302_view_wrap .img_slide .img_wrap{background: transparent;padding-bottom: 50%;}
.sub0302_view_wrap .img_con{border:1px solid #000; border-bottom: none;}

/* sub0303_view */
.sub0303_view_wrap .view_tit{border:none;margin-bottom: 0;}
.sub0303_view_wrap .view_tit p{font-size: 24px; }
.sub0303_view_wrap .img_slide .img_wrap{padding-bottom: 50%;border: 1px solid #000;}
.sub0303_view_wrap .txt_con .top p{font-size: 24px; color: #000; font-weight: 600;margin-bottom: 10px;}
.sub0303_view_wrap .txt_con .top strong{font-size: 18px; color: #000; font-weight: 400;}

/* sub04 */
.sub04_tab{display: none;}

/* sub0401 */
.sub0401_wrap .tab_menu_wrap{display: flex;gap:94px; justify-content:center;margin-bottom: 30px;}
.sub0401_wrap .tab_menu_wrap a{display: block; width: 200px; height: 45px; line-height: 40px;font-size: 16px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0401_wrap .tab_menu_wrap a.on{background: #000;color: #fff;}
.sub0401_wrap .tab_menu_wrap a:hover{background: #000;color: #fff;}
.sub0401_wrap .con ul.li_04 {}
.sub0401_wrap .con ul.li_04 li:nth-child(1) {border-top: 2px solid #000;}
.sub0401_wrap .con ul.li_04 li {border-bottom: 1px solid #000; padding: 0 20px; width: 100%; height: 70px; }
.sub0401_wrap .con ul.li_04 li a {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; line-height: 2.2;}
.sub0401_wrap .con ul.li_04 li a p.p_tit {width: 70%; font-size: 30px; color: #000; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub0401_wrap .con ul.li_04 li a p.p_con {width: 30%; font-size: 16px; color: #000; font-weight: 600; text-align: right;}
.sub0401_wrap .con .paging_wrap ul.paging04 {display: flex; gap: 40px; justify-content: center;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a {font-size: 17px; color: #000;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a.on {font-weight: 700; position: relative; display: inline-block;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a.on:before {position: absolute; content: ''; width: 100%; height: 2px; background: #000; top: 34px; left:0;}
.sub0401_wrap .con .paging_wrap ul.paging04 li.page_arrow a {display: block;}
.sub0401_wrap .con .paging_wrap ul.paging04 li.page_arrow a img {vertical-align: middle;}

/* sub0402_view */
.sub0402_view_wrap .txt_con .bot .bot_con {padding-bottom: 30px; border-top: 1px solid #000;}
.sub0402_view_wrap .txt_con .bot .bot_con ul.bot_li {margin: 30px 0;}
.sub0402_view_wrap .txt_con .bot .bot_con ul.bot_li:last-child {margin-bottom: 0;}
.sub0402_view_wrap .txt_con .bot .bot_con ul.bot_li li.bot_tit {font-size: 18px; color: #000; font-weight: 600; margin-bottom: 20px;}
.sub0402_view_wrap .txt_con .bot .bot_con ul.bot_li li.bot_con2 {font-size: 16px; color: #222; font-weight: 300;line-height: 30px;word-break: keep-all; padding-left: 20px;}
.sub0402_view_wrap .txt_con01 {padding: 30px; background: #fff; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;}
.sub0402_view_wrap .txt_con01 .top01 {}
.sub0402_view_wrap .txt_con01 .top01 p {font-size: 40px; color: #000; font-weight: 600; margin-bottom: 15px;}
.sub0402_view_wrap .txt_con01 .top01 strong {}
.sub0402_view_wrap .txt_con01 .top01 span {font-size: 18px; color: #000; font-weight: 400;}
.sub0402_view_wrap .img_slide .img_wrap{background: transparent;padding-bottom: 50%;}
.sub0402_view_wrap .img_con{border:1px solid #000; border-bottom: none;}

/* sub0404 */
.sub0404_wrap .sub04_slide li{width: 353px; margin-right: 120px;}
.sub0404_wrap .sub04_slide li .img_wrap{position:relative; width:100%; padding-bottom:141.643%;cursor:pointer;}
.sub0404_wrap .sub04_slide 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%;}
.sub0404_wrap .sub04_slide li .img_wrap .img_hover{opacity: 0;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/assets_former_poster/images/sub/sub0404_icon01_pc.png)center no-repeat rgba(0,0,0,.7); background-size: 50px;transition:.4s;}
.sub0404_wrap .sub04_slide li .img_wrap .img_hover:hover{opacity: 1;}
.sub0404_wrap .sub04_slide .slick-prev{position: absolute; top: 50%; left: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_prev_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_wrap .sub04_slide .slick-next{position: absolute; top: 50%; right: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_next_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_wrap .progress { position:relative; width:calc(100%); height:2px; background:#e5e5e5;top: 60px;}
.sub0404_wrap .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#000; transition:0.5s;}
.sub0404_pop{display: none;position: absolute; top: 0; left: 0; z-index: 9999;background: rgba(0,0,0,.9); width: 100%; height: 100%;padding-top: 175px;}
.sub0404_pop .sub_inner{margin: 0 auto;}
.sub0404_pop .pop_x{position: absolute; top: 95px; right: 260px; display: block; background: url(/assets_former_poster/images/sub/sub0404_icon02_pc.png)center no-repeat;width: 32px; height: 32px;}
.sub0404_pop .pop_big_slide{margin-bottom: 100px;}
.sub0404_pop .pop_big_slide .txt_wrap{text-align: center; padding-bottom: 65px;}
.sub0404_pop .pop_big_slide .txt_wrap p{font-size: 40px; color: #fff;font-weight: 700;}
.sub0404_pop .pop_big_slide .img_wrap{position:relative; width:100%; padding-bottom:47.143%;}
.sub0404_pop .pop_big_slide .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%;}
.sub0404_pop .pop_big_slide .slick-prev{position: absolute; top: 60%; left: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_prev_pc.png)center no-repeat #fff; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_big_slide .slick-next{position: absolute; top: 60%; right: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_next_pc.png)center no-repeat #fff; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_sm_slide .slick-list{width: calc(100% + 20px);}
.sub0404_pop .pop_sm_slide li{margin-right: 20px;}
.sub0404_pop .pop_sm_slide .img_wrap{position:relative; width:100%; padding-bottom:70.588%;transition:.2s;}
.sub0404_pop .pop_sm_slide .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%;}
.sub0404_pop .pop_sm_slide .slick-current .img_wrap{border: 4px solid #fff;}

/* background-img */



/* sub0405 */
.sub0405_wrap .tab_menu_wrap{display: flex;gap:94px; justify-content:center;margin-bottom: 30px;}
.sub0405_wrap .tab_menu_wrap a{display: block; width: 200px; height: 45px; line-height: 40px;font-size: 16px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0405_wrap .tab_menu_wrap a.on{background: #000;color: #fff;}
.sub0405_wrap .tab_menu_wrap a:hover{background: #000;color: #fff;}