/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

   @font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/font/Pretendard-Black.woff2') format('woff2');
}
/* 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; word-break:keep-all;}
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 */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */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: 1024px;}
.inner{width: 1200px; margin: 0 auto; max-width:100%;}


#header{position: relative;line-height: 1; background-color: rgba(0, 0, 0, 0.25);z-index: 2999;}
#header.on{position: relative;line-height: 1; background-color: rgba(255, 255, 255, 1);z-index: 2999;}
#header .inner{display: flex;height: 100px;align-items:center;justify-content: space-between;}
#header .lang_box{display: flex;gap:30px;align-items:center;}
#header .lang_box .a_box{display: flex;gap:19px;}
#header .lang_box .a_box a{position: relative; font-size: 12px;color: #9e9e9e; line-height: 90%; border: 1px solid #9e9e9e; border-radius: 10px; min-width: 48px; padding: 5px; text-align: center;}
#header .lang_box .btn_box .pc_btn{width: 30px;height: 20px;background:url(/assets/main/hamburger.svg)center no-repeat;background-size:cover ;}
#header .lang_box .btn_box .tab_btn{display: none;}
#header button.logo_pc_btn {width: 144px;height: 22px;background:url(/assets/main/logo.svg)center no-repeat;background-size:cover ;}


/* gnb */
.gnb{ display: flex;gap:60px;}
.gnb li a{font-size: 18px;color: #F5F5F5;height: 100%;line-height: 100px;font-weight: 700;}

#header.on{
    .gnb {display: flex;gap:60px;}
    .gnb li a{font-size: 18px;color: #222;height: 100%;line-height: 100px;font-weight: 700;}
    button.logo_pc_btn {width: 144px;height: 22px;background:url(/assets/main/logo_black.svg)center no-repeat;background-size:cover ;}
}
#header.on .pc_btn {width: 30px;height: 20px;background:url(/assets/main/hamburger_black.svg)center no-repeat !important;background-size:cover ;}

/* all_menu */
.gnb_wrap { display:none; position:absolute; left:0; right:0; top:100px; background:#fff; border-top:1px solid #ddd;z-index: 3000;}
.all_menu { display:flex; line-height:1; height:415px; margin-left: 220px; margin-right: 200px;}
.all_menu > li { flex:1; padding-top: 30px;padding-left: 0px; justify-content: center}
.all_menu li p{margin-bottom: 22px;}
.all_menu li p a{font-size: 20px;font-weight: 500;color: #222;}
.all_menu > li:first-child { text-align: center; }
.all_menu > li:hover,
.all_menu > li.on{ border-top: 2px solid #FF9124;}
.all_menu .all_sub_menu {}
.all_menu .all_sub_menu li { margin-top:22px; text-align: center;}
.all_menu .all_sub_menu li a { font-size:16px; color:#757575; }
.all_menu .all_sub_menu li:hover a,
.all_menu .all_sub_menu li.on a { color:#555; font-weight:500;}


.navigation{display: none;}

/* #visual_wrap{position: relative;line-height: 1.1;padding: 50px 0 25px;background: #f5f5f5;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .text_box{position: absolute;top: 50%; left:	50%;transform:translate(-50%, -50%); text-align: center;color: #fff;width:100%;}
#visual_wrap ul li .text_box p{font-size: 25px;margin-bottom: 20px;}
#visual_wrap ul li .text_box strong{display: block;font-size: 42px;font-weight: 800; display:block; line-height:1.1;text-align: center;}
#visual_wrap .slick-dots{position: absolute;bottom: 37px;display: flex;gap:25px;width: 100%;justify-content: center;}
#visual_wrap .slick-dots li{position: relative;width: 5px;height: 5px;border-radius:50%;background: #fff;text-indent: -9999px;}
#visual_wrap .slick-dots li:after{display: none;content:'';position: absolute;top: -7px;left: -7px;width: 19px;height: 19px;border-radius:50% ;border:1px solid #fff ;}
#visual_wrap .slick-dots li.slick-active:after{display: block;}



#section01{line-height: 1;background: #f5f5f5;padding-bottom: 50px;}
#section01 .box01{display: flex;gap:25px;}
#section01 .box01 li{width: calc((100% - 50px)/3);}
#section01 .box01 li a{position: relative;display: block;width: 100%;height: 260px;}
#section01 .box01 li a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid #f08013;opacity: 0;transition:ease all .3s}
#section01 .box01 li a:hover:after{opacity: 1;}
#section01 .text_box01{position: absolute;bottom: 40px;left: 0px;width: 100%;padding: 0 40px;}
#section01 .text_box01 span{display: block;font-size: 15px;color: #f08013;font-weight: 500;margin-bottom: 20px;}
#section01 .text_box01 .txt{display: flex;align-items:center;justify-content: space-between;width: 100%;}
#section01 .text_box01 .txt p{font-size: 30px;font-weight: 800;color: #fff;}
#section01 .box02{display: flex;gap:25px;margin-top: 25px;}
#section01 .box02 li{width: calc((100% - 25px)/2);}
#section01 .box02 li a{position: relative;display: block;width: 100%;height: 260px;}
#section01 .box02 li:nth-child(1) a span{color: #fff;}
#section01 .box02 li:nth-child(1) a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid #666;opacity: 0;transition:ease all .3s}
#section01 .box02 li:nth-child(2) a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid #f08013;opacity: 0;transition:ease all .3s}
#section01 .box02 li a:hover:after{opacity: 1;} */

#visual_wrap{position: relative;line-height: 1;overflow: hidden;height: 100vh;;background: #111;margin-top: -100px;}
.video_container{position: relative;width: 100%;height: 100%;overflow: hidden;}
.video_container video{width: 100%;height: 100%;object-fit:cover;}
/* #visual_wrap .video_wrap { overflow:hidden; position:relative; width:100%; height:980px;}
#visual_wrap .video_wrap video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} */
#visual_wrap .video_wrap { overflow:hidden; position:relative; width:100%;height: height: 100vh;width: 1920px;margin: 0 auto;}
#visual_wrap .video_wrap .video { position:absolute;width:100%; height:100%; }
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .text_box{position: absolute;/* animation:ani04 ease 1s forwards;opacity: 0;animation-delay: .5s; */top: 44.5%;left: 50%;transform:translate(-50% , -50% ); text-shadow: 2px 2px 5px #222;}
#visual_wrap ul li .text_box em{display:block; font-size:54px; color:#FD8204; font-weight:600; margin-bottom:35px; animation:ani03 ease 1s forwards; filter: drop-shadow(4px 5px 4px #222);}
#visual_wrap ul li .text_box .visual_logo_wrap{margin-bottom:35px; animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box .visual_logo_wrap img{}
#visual_wrap ul li .text_box strong{display: block;font-size: 55px;	color: #fff;font-weight: 700;line-height: 70px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box strong b{display: block;}
#visual_wrap ul li .text_box p{font-size: 20px;color: #fff;font-weight: 300;line-height: 30px;transform:translateY(0px);opacity: 1;animation:ani03 ease 1s forwards; -webkit-animation-delay: .3s; }
#visual_wrap ul li .text_box p.p01 {font-size:25px;}
#visual_wrap ul li .text_box p span{display: block;}
#visual_wrap ul li .text_box div.visual_txt_list{display:flex;flex-wrap: wrap; justify-content: space-between;text-align: center;}
#visual_wrap ul li .text_box div.visual_txt_list p{width:21%; font-size: 45px;color: #fff;font-weight: 700;line-height: 70px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box .a_box{margin-top: 100px;}
#visual_wrap ul li .text_box .a_box a{display: block;width: 170px;height: 50px;font-size:20px;/* color: #FD8204; */color:#fff; text-align: center;line-height: 48px;border: 1px solid #fff;}

#visual_wrap ul li .text_box .visual_logo_wrap img {filter: drop-shadow(4px 5px 4px #000);}
#visual_wrap ul li .text_box .visual_logo_wrap img.techl_main_logo{filter: drop-shadow(4px 5px 4px #fff);}

#visual_wrap ul li.dkt .text_box strong{font-size:55px;}
#visual_wrap ul li.dkt .text_box .a_box{margin-top:47px;}

#visual_wrap ul li .img_box p{animation:ani02 linear 5s forwards;animation-delay: .5s;}

#visual_wrap ul li .visu_right_wrap{position: absolute;top: 0px;right: 0;z-index: 2000;}
#visual_wrap ul li .visu_right_wrap p{font-size:30px; color:#FD8204; width:330px; height:80px; background:#fff;line-height:80px; text-align:center; font-weight:700;  text-shadow: none; opacity:.8; display: none;}


@keyframes ani01 {
	0%{width: 0;}
	100%{width: 100%;}
}


#footer{line-height: 1;padding: 30px 0;background: #212121;}
#footer .inner {display: flex; justify-content: space-between; flex-direction: row-reverse; padding-top: 30px;}
#footer .text_box p {font-size: 14px;color: #E0E0E0; margin-bottom: 10px;}
#footer .text_box a {font-size: 14px;color: #E0E0E0; display: block; margin-top: 5px; margin-bottom: 20px; margin-right: 10px; display: inline-block;}
#footer .text_box em a {font-size: 17px;color: #fff; display: block; margin-top: 5px; font-weight: bold;}
#footer .inner .logo_box {  display: flex; align-items: center; }
/* #footer .text_box p:nth-child(3){margin-bottom: 25px;} */
/* #footer .text_box p:nth-child(4){color: #666;margin-bottom: 0 ;} */



/* sub */

#sub_visual_wrap { position:relative; margin-top: -100px;}
#sub_visual_wrap .txt_wrap { position:absolute; left:50%; right:0; top:50%; transform:translate(-600px, -50%); text-align: left; line-height:1; }
#sub_visual_wrap .txt_wrap h2 { position:relative;margin-bottom: 35px;font-size:50px; color:#fff; font-weight:700;  font-family:'Noto Sans KR';}
#sub_visual_wrap .txt_wrap .sub_list { display:flex; align-items:center;justify-content: left;gap:50px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative;font-size:16px; color:#fff;font-family:'Noto Sans KR';}
#sub_visual_wrap .txt_wrap .sub_list li:after{content:'';position: absolute;top: 4px;right: -31px;width: 8px;height: 11px;background:url(/images/sub/sub-ico01_pc.png)center no-repeat;background-size:cover ;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child:after{display: none;}

#sub_visual_wrap .txt_wrap h2.black { position:relative;margin-bottom: 35px;font-size:50px; color:#212121; font-weight:700;  font-family:'Noto Sans KR';}
#sub_visual_wrap .txt_wrap .sub_list li.black { position:relative;font-size:16px; color:#212121;font-family:'Noto Sans KR';}
/* tab_menu */
.tab_menu { display: flex; position:relative; width:100%; border-bottom: 1px solid #ddd; font-size:0; height:70px;}
.tab_menu .inner{position:relative; display: flex; height:70px;}
.tab_menu a.home{display: block; width: 70px; height:100%; background:#f08013 url(/images/sub/sub-ico02_pc.png) center no-repeat;}
.tab_menu .menu {display: flex; width:calc(100% - 70px);}
.tab_menu .menu > li {position:relative; display: flex; min-width:240px; border-right:1px solid #ddd; background:url("/images/sub/sub-ico03_pc.png") center right 20px no-repeat;}
.tab_menu .menu > li.on {background-image:url("/images/sub/sub-ico04_pc.png");}
.tab_menu .menu > li > a {display:flex; align-items:center; width:100%; height:100%; font-size: 17px; color:#555; padding:0 50px 0 20px;font-family:'Noto Sans KR';font-weight: 500;}
.tab_menu .menu > li ul li.on a{color: #f08013;}
.tab_menu .menu > li ul {display:none; position:absolute; left:-1px; top:100%; padding:15px 0; width:calc(100% + 2px); border:1px solid #ddd; background:#fff; z-index:100;}
.tab_menu .menu > li ul li ~ li{ margin-top: 12px;}
.tab_menu .menu > li ul li a {display:block; font-size:17px; color:#555; padding:0 20px;font-family:'Noto Sans KR';}


/* sub_contents */
#sub_contents{padding: 0px 0;background: #ffffff; min-height: 1078px; }
#sub_contents .model_num_wrap {text-align:center; background:#f5f5f5; padding:20px; margin-bottom:40px; border:1px dashed #ddd;}
/* #sub_contents .model_num_wrap strong {display:block; font-size:30px; color:#f08013;} */
#sub_contents .model_num_wrap strong {display: block; font-size: 40px;font-weight: 700;color: #222;text-align: center; line-height: 1; margin-bottom: 15px;}
#sub_contents .model_num_wrap img {margin:25px 0;}
#sub_contents .model_num_wrap p {font-size:18px; color:#222;}
#sub_contents h3{font-size: 40px;font-weight: 700;color: #222;text-align: center;margin-bottom: 60px;line-height: 1;}
#sub_contents h3.white{font-size: 40px;font-weight: 700;color: #ffffff;text-align: center;margin-bottom: 60px;line-height: 1;}
#sub_contents.gray{background: #f5f5f5;}

#sub_contents {
    position: relative;
}

#toTopBtn {
    display: none;              /* 기본은 숨김 */
    position: fixed;             /* 화면에 고정 */
    bottom: 20px;                /* 하단에서 20px */
    right: 20px;                 /* 우측에서 20px */
    padding: 10px 15px;
    background-color: transparent;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    z-index: 999;                /* 다른 요소 위에 표시 */
}

#toTopBtn:hover {
    background-color: transparent;
}



.depth03{display: none;}

/* 공통 */
h5.h5_tit {position:relative; margin-bottom:40px; padding-left:40px; font-size:24px; color:#222; word-break:keep-all;  }
h5.h5_tit::before {position:absolute; content:''; background: url('/assets/img/contents/title_dot.png') center no-repeat; width:28px; height:26px; left:0; top:9px;
     background-size: contain;}

h6.sub_tit {position: relative; font-size: 20px; color: #222; padding-left: 15px; margin-bottom:30px; }
h6.sub_tit::before {position: absolute; content: ""; width: 3px; height: 20px; left: 0; top: 5px; display: inline-block; background:#ff932a;}

ul.dot_list li {font-size: 16px;display:block;line-height: 30px;margin-top: 15px;position: relative;padding-left: 20px;color: #222;word-break: keep-all;}
ul.dot_list li:first-child {margin-top:0;}
ul.dot_list li::before {content: '';width: 4px;height: 4px;display: block;background: #5d5d5d;border-radius: 50%;position: absolute;left: 0;top: 12px;}

.sticky-box {
    background-color: #ffffff;
    width: 100%;
    z-index: 9999;
}

.sub_tabs { height: 65px; border-bottom: 1px solid #eeeeee;}
    /* 서브 컨텐츠 상단 탭 */
.sub_tabs ul {
        list-style: none; /* 기본 점 제거 */
        padding: 0;
        margin: 0;
        display: flex; /* 가로 정렬 */
        align-items: center;
        gap: 20px; /* 항목 간 간격 */
    }
.sub_tabs li.active {
    background-color: #ffffff; /* 활성화된 탭 배경 */
    border-bottom: 3px solid #ff9124; /* 강조선 */
}

.sub_tabs li {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    height: 64px;
    display: flex; /* 가로 정렬 */
    align-items: center;
    justify-content: center;
    min-width: 100px;
}
.sub_tabs li a {
    text-decoration: none;
    color: #757575;
    font-size: 16px;
    font-weight: normal;
    vertical-align: center;
}

.sub_tabs li.active a {
    text-decoration: none;
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    vertical-align: center;
}

.sub0102bg1 {
    position: relative;
    z-index: 1;
    color: white;
    min-height: 90vh;
    display: flex;
    align-items: center;
}

.sub0102bg1::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/assets/img/contents/52d4390a904c9eb81a58f64dd67da3c30dbe36e7.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.5; /* 배경만 투명하게 */
    z-index: -1;

}
.sub0102bg2 {
    position: relative;
    z-index: 1;
    color: white;
    min-height: 90vh;
    display: flex;
    align-items: center;
}
.sub0102bg2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/assets/img/contents/d5d4c9c484831c21dc30000dfcfa70b5a36cfe59.png');
    background-size: cover;
    background-position: center;
    opacity: 0.5; /* 배경만 투명하게 */
    z-index: -1;

}

.sub0102bg3 {
    position: relative;
    z-index: 1;
    color: white;
    min-height: 90vh;
    display: flex;
    align-items: center;
}

.sub0102bg3::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/assets/img/contents/949497996acb80cb7c7bd38274b5924a4139f7b0.jpg');
    background-size: cover;
    background-position: center;
    opacity: 1; /* 배경만 투명하게 */
    z-index: -1;

}
/* sub0101_wrap */
.sub0101_wrap{line-height: 1;text-align: center; padding-top: 150px; background-color: transparent;}
.sub0101_wrap .con {display:flex; align-items: top;}
.sub0101_wrap .con .txt_wrap {margin-left:60px;}
.sub0101_wrap .text_box01{margin-bottom: 40px;}
.sub0101_wrap .text_box01 p{position: relative;font-size: 25px;font-weight: 700;color: #222;line-height: 42px;}
.sub0101_wrap .text_box01 p:after{content:'';position: absolute;right: -70px;top: -20px;width: 80px;height: 51px;background:url(/images/sub/sub-ico06_pc.png)center no-repeat;background-size:cover ;}
.sub0101_wrap .text_box01 p:before{content:'';position: absolute;left: -70px;top: -20px;width: 80px;height: 51px;background:url(/images/sub/sub-ico05_pc.png)center no-repeat;background-size:cover ;}
.sub0101_wrap .text_box01 p span{color: #f08013;}
.sub0101_wrap .text_box02{margin-bottom: 45px; text-align: left;}
.sub0101_wrap .text_box02 p{font-size: 16px;color: #222;line-height: 26px;margin-bottom: 25px;}
.sub0101_wrap .text_box02 p span{color: #f08013;}
.sub0101_wrap .text_box02 p:last-child{margin-bottom: 0; text-align: right;}
/* .sub0101_wrap .text_box02 p:last-child span{position: relative;padding-right: 60px;margin-bottom: 0;color: #222;} */
/* .sub0101_wrap .text_box02 p:last-child span:after{content:'';position: absolute;right: 0;top: -6px;width: 50px;height: 25px;background:url(/images/sub/sub-ico07_pc.png)center no-repeat;background-size:cover ;} */
.sub0101_wrap .text02{display: none;}

.sub0102_wrap .con01 { padding-top: 100px; padding-bottom:100px;}
.sub0102_wrap .con01 .con_box {position:relative; margin-bottom:40px;  height: 300px; background-size:cover;}
.sub0102_wrap .con01 .tit_wrap {position:absolute; top: 50%; left:50%;transform:translate(-50%, -50%);text-align:center;  color:#fff; width:100%; }
.sub0102_wrap .con01 .tit_wrap strong {font-size:28px;}
.sub0102_wrap .con01 .txt_wrap {padding:0 80px;}
.sub0102_wrap .con01 .txt_wrap p {color:#222; font-size:16px; text-align:center; margin-bottom:20px; word-break:keep-all;}
.sub0102_wrap .con01 .txt_wrap p b {color:#ee7e0c;}
.sub0102_wrap .con01 ul {display:flex;}
.sub0102_wrap .con01 ul li {margin: 20px; text-align:center; width:calc(25% - 20px);}

.sub0102_wrap .con02 { padding-top: 200px; padding-bottom:100px; min-height: 951px;}
.sub0102_wrap .con02 ul {display:flex;}
.sub0102_wrap .con02 ul li {border:1px solid #ddd; border-radius:0px; padding:40px 0; width:calc(33.33% - 20px); margin-right:40px;  text-align:center;
background:#fff;}
.sub0102_wrap .con02 ul li:last-child {margin-right:0;}
.sub0102_wrap .con02 ul li span { display: inline-block; width: 3rem; !important; height: 3rem; !important; line-height: 1.9; font-size:1.5rem; font-weight:600; background:#eeeeee; border-radius:50%; color:#212121;}
.sub0102_wrap .con02 ul li .img_wrap { min-height: 150px; display: flex; align-items: center; justify-content: center}
.sub0102_wrap .con02 ul li .img_wrap img {margin:20px 0; width: 88px;}
.sub0102_wrap .con02 ul li p {font-size:16px; font-weight:700; color:#424242; word-break:keep-all;}

.sub0102_wrap .con03 { height: 90vh; display: flex; flex-direction: column; align-items: center; justify-content: center }
.sub0102_wrap .con03 .partner ul {display:flex; flex-wrap:wrap; gap:17px;}
.sub0102_wrap .con03 .partner ul li {width: calc((100% - 119px) / 8); background: #fff; height: 100px; border-radius: 10px; box-shadow: 2px 2px 20px rgb(0 0 0 / 5%);}

.sub0102_wrap .con04 { padding-top: 200px; padding-bottom:100px; min-height: 951px;}
.sub0102_wrap .con04 h3 { height: auto; margin-bottom: 20px !important;}
.sub0102_wrap .con04 h4 {font-size:20px;color:#ffffff;text-align:center;}
.sub0102_wrap .con04 h4 span {color:#f08013;}
.sub0102_wrap .con04 ul {   display: flex;
    flex-wrap: wrap;       /* 여러 줄 허용 */
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub0102_wrap .con04 ul li {
    border:1px solid #ffffff; border-radius:0px; padding:40px;
    width:calc(31.33% - 20px); margin-right:40px;
    background:transparent;
    display: flex;
    flex-direction: column;
    align-items: center;    /* 가로 중앙 */
    text-align: center;     /* 텍스트 중앙 */
    color: #ffffff;
}
.sub0102_wrap .con04 ul li:last-child {margin-right:0;}
.sub0102_wrap .con04 ul li strong { width: 52px; height: 52px; font-size:20px; font-weight:600; background:#eeeeee; border-radius:50%;padding:10px; color:#ffffff;}
.sub0102_wrap .con04 ul li .img_wrap { min-height: 150px; display: flex; align-items: center; justify-content: center}
.sub0102_wrap .con04 ul li .img_wrap img {margin:20px 0; width: 88px;}
.sub0102_wrap .con04 ul li p {font-size:16px; font-weight:700; color:#ffffff; word-break:keep-all;}
.sub0102_wrap .con04 ul li .ul_tit {
    position:relative;background:rgba(255,255,255,0.2);border-radius:50%;
    width:206px;height:206px;
    display:flex;flex-direction: column;justify-content:center;align-items:center;justify-content: center;
    color: #ffffff;
    margin-bottom: 50px;
}
.sub0102_wrap .con04  .tit {text-align:left;margin-top:60px; margin-bottom: 40px; display: flex; align-items: center}
.sub0102_wrap .con04  .tit h5 {position:relative;font-size:40px;color:#ffffff; margin-right: 30px;}

/* sub0103_wrap */
.sub0103_wrap .con {align-items: center; justify-content: center; padding-top: 100px; padding-bottom: 100px; display: none;}
.sub0103_wrap .con.active {
    display: flex;  /* 선택된 탭만 보임 */
    lign-items: center; justify-content: center; padding-top: 100px; padding-bottom: 100px;
}


.sub0103_wrap .con h4 {font-size:20px;color:#222;text-align:center;}
.sub0103_wrap .con h4 span {color:#f08013;}
.sub0103_wrap .con .tit {text-align:center;margin-top:60px;}
.sub0103_wrap .con .tit h5 {position:relative;padding-bottom:12px;font-size:25px;color:#222;}
.sub0103_wrap .con .tit h5:before {position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:'';width:30px;height:3px;background:#f08013;}
.sub0103_wrap .con .tit p {font-size:18px;color:#222;font-weight:500;padding-top:20px;}
.sub0103_wrap .con ul {
    display: flex;
    flex-wrap: wrap;       /* 여러 줄 허용 */
    list-style: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

/* sub0103_2_wrap */
.sub0103_2_wrap .box {margin-top:100px;display:flex;}
.sub0103_2_wrap .box:first-child {margin-top:0;}
.sub0103_2_wrap .box:nth-child(2) {flex-direction: row-reverse;}
.sub0103_2_wrap .box .img_wrap {position:relative;}
.sub0103_2_wrap .box .img_wrap:before {position:absolute;right:-80px;top:25%;content:'';width:120px;height:3px;background:#f08013;}
.sub0103_2_wrap .box .img_wrap01:before {left:-80px;}
.sub0103_2_wrap .box .txt_wrap {margin-left:40px;margin-top:90px;}
.sub0103_2_wrap .box:nth-child(2) .txt_wrap {margin-right:40px;text-align:right;}
.sub0103_2_wrap .box .txt_wrap h6{font-size:25px;color:#222;}
.sub0103_2_wrap .box .txt_wrap p {font-size:18px;color:#222;padding-top:20px;}

/* sub0103_3 */
.sub0103_3_wrap .con01 {margin-bottom:100px;}
.sub0103_3_wrap .con01 .txt_wrap {margin-top:50px;}
.sub0103_3_wrap .con01 .txt_wrap strong {text-align:center; display:block; font-size:24px; color:#222;}
.sub0103_3_wrap .con01 .txt_wrap p {text-align:center; display:block; font-size:24px; color:#222;}
.sub0103_3_wrap .con01 .txt_wrap p br {display:none;}
.sub0103_3_wrap .con01 .txt_wrap strong b {color:#ff7f00;}
/* .sub0103_3_wrap .con01 .con_box01 {border:1px solid #ddd; height:200px; color:#222; background: url(/images/sub/sub0103_3_bg.png) bottom left no-repeat;
margin-bottom:50px;}
.sub0103_3_wrap .con01 .con_box01 .txt_wrap {text-align:center; padding:50px 0;}
.sub0103_3_wrap .con01 .con_box01 .txt_wrap strong {font-size:28px; margin-bottom:20px; display:inline-block; color:#f08013;}
.sub0103_3_wrap .con01 .con_box01 .txt_wrap p {font-size:20px; font-weight:500;}
.sub0103_3_wrap .con01 .con_box01 .txt_wrap p b {color:#f08013;}

.sub0103_3_wrap .con01 .con_box02 {display:flex; }
.sub0103_3_wrap .con01 .con_box02 li {font-size: 20px; color: #fff; background: #efb984; border-bottom-right-radius: 40px; border-top-left-radius: 40px;
width:calc(33.33% - 20px); margin-right:40px; padding:20px 0; text-align:center; font-weight:500;}
.sub0103_3_wrap .con01 .con_box02 li:nth-child(2) {background: #eb9f55;}
.sub0103_3_wrap .con01 .con_box02 li:nth-child(3) {margin-right:0px; background: #f08013;}

.sub0103_3_wrap .con01 .con_box03 {margin-top:80px;display:flex;}
.sub0103_3_wrap .con01 .con_box03 > li {width:calc(25% - 10px); margin-right:20px;display:flex;flex-direction:column;align-items:center;}
.sub0103_3_wrap .con01 .con_box03 li:last-child {margin-right:0;}
.sub0103_3_wrap .con01 .con_box03 li .ul_tit {border:1px solid #ddd; width:100%;overflow: hidden;}
.sub0103_3_wrap .con01 .con_box03 li .ul_tit strong {overflow: hidden;display:inline-block; font-weight:700; font-size: 90px;color: #f4e9de;margin: -18px 0;vertical-align: middle;line-height:1;}
.sub0103_3_wrap .con01 .con_box03 li .ul_tit p {font-size:18px;color:#444;font-weight:600; display:inline-block; margin-left:15px;}
.sub0103_3_wrap .con01 .con_box03 li .dot_list {position:relative;width:100%; padding:20px;background:#f4e9de;border-radius:10px;margin-top:20px;}
.sub0103_3_wrap .con01 .con_box03 li .dot_list:before {position:absolute;left:50%;top:-20px;transform:translateX(-50%);content:'';width:1px;height:20px;background:#ddd;}
.sub0103_3_wrap .con01 .con_box03 li .dot_list:after {position:absolute;left:50%;top:-25px;transform:translateX(-50%);content:'';width:10px;height:10px;background:#f08013;border-radius:50%;}
.sub0103_3_wrap .con01 .con_box03 li .dot_list span {font-size:16px;color:#f08013;font-weight:500;}
.sub0103_3_wrap .con01 .con_box04{display:none;} */

.sub0103_3_wrap .con02 {margin-bottom:100px;}
.sub0103_3_wrap .con02 .pc_ver {display:flex; justify-content: center;}
.sub0103_3_wrap .con02 li {margin-right:50px;}
.sub0103_3_wrap .con02 li:last-child {margin-right:0;}
.sub0103_3_wrap .con02 li p {font-size:18px; color:#fff; background:#878786; width:405px; padding:10px; border-radius:10px; text-align:center; margin-top:10px;}
.sub0103_3_wrap .con03 .txt_wrap {padding:60px 40px; border:1px solid #ddd;  color:#222; /* background: url(/images/sub/sub0103_3_logo.png) 98% 95% no-repeat */;
margin-bottom:50px;}
.sub0103_3_wrap .con03 .txt_wrap p {font-size:20px; font-weight:500; text-align:center;}
.sub0103_3_wrap .con03 .img_wrap img {margin:0 auto;}
.sub0103_3_wrap .con03 .txt_wrap p span{display:block;}

/* sub0103_4 */
.sub0103_4_wrap .con01 {color:#fff; background: url(/images/sub/sub0103_04_bg.jpg) top center no-repeat; height: 300px; margin-bottom:50px;}
.sub0103_4_wrap .con01 .txt_wrap {text-align:center; padding:50px 0;}
.sub0103_4_wrap .con01 .txt_wrap strong {font-size:30px; margin-bottom:20px; display:inline-block; background:#f08013;
opacity:0.8; padding:10px 20px; border-radius:50px;}
.sub0103_4_wrap .con01 .txt_wrap p {font-size:22px; font-weight:500;}

.sub0103_4_wrap .con02 {margin-bottom:100px;}
.sub0103_4_wrap .con02 .con_box {display:flex; font-size:0;}
.sub0103_4_wrap .con02 .con_box .txt_wrap {margin-left:70px;}
.sub0103_4_wrap .con02 .con_box .txt_wrap p {font-size:18px; margin-bottom:20px;}
.sub0103_4_wrap .con02 .con_box .txt_wrap p:last-child {margin-bottom:0;}
.sub0103_4_wrap .con02 .con_box .txt_wrap p b {color:#f08013;}

.sub0103_4_wrap .con03 {margin-bottom:100px;}
.sub0103_4_wrap .con03 .con_box {display:flex; justify-content: space-between;}
.sub0103_4_wrap .con03 .con_box li { background:#f4e8dc; border-radius:30px; width:calc(33.33% - 20px); height:235px; } 
.sub0103_4_wrap .con03 .con_box li div {display:inline-block; text-align:center; background:#fff; border-radius:30px; height:70px; width:95%; border:1px solid #ff932a;margin:10px 10px 15px 10px;}
.sub0103_4_wrap .con03 .con_box li div span {font-size:22px; color:#f6b37f; font-weight:700; display:block; margin-bottom:-15px;}
.sub0103_4_wrap .con03 .con_box li div strong {font-size:18px;}
.sub0103_4_wrap .con03 .con_box li div strong b {font-size:24px; color:#f08013;}
.sub0103_4_wrap .con03 .con_box li div strong br {display:none;}
.sub0103_4_wrap .con03 .con_box li p {text-align:center; font-size:16px; line-height:30px; color:#222;}

.sub0103_4_wrap .con04 {margin-bottom:100px;}
.sub0103_4_wrap .con04 .step_wrap {padding:30px 0; display: flex; border: 1px solid #ddd; margin-bottom:30px; border-radius:25px; align-items:center;}
.sub0103_4_wrap .con04 .step_wrap:last-child {margin-bottom:0;}
.sub0103_4_wrap .con04 .step_wrap .img_wrap {width:300px;text-align:center;}
.sub0103_4_wrap .con04 .step_wrap .img_wrap b {font-size:18px; font-weight:700; text-align:center;display:block;margin-bottom:15px; color:#ff932a;}
.sub0103_4_wrap .con04 .step_wrap .img_wrap b br {display:none;}
.sub0103_4_wrap .con04 .step_wrap .img_wrap img {display:inline-block; width:100px; height:100px;}
.sub0103_4_wrap .con04 .step_wrap .step li strong {font-size:18px; color:#13b5b1; word-break:keep-all;}
.sub0103_4_wrap .con04 .step_wrap .step li p {font-size:16px;  margin-top:15px; word-break:keep-all; color:#222;}

.sub0103_4_wrap .con05 {margin-bottom:100px;}
.sub0103_4_wrap .con05 .con_box01 {margin-bottom:40px;}
.sub0103_4_wrap .con05 .process_wrap{display:flex;flex-wrap;align-items: center; }
.sub0103_4_wrap .con05 .process_wrap li {position:relative;display:inline-block;width:17.33%;height:60px;font-size:15px;color:#fff;background:#84ccc9;
margin-right:3.33%;border-radius:10px;padding:20px 0;}
.sub0103_4_wrap .con05 .process_wrap li:last-child{margin-right:0;}
.sub0103_4_wrap .con05 .process_wrap li p{position:absolute;display:block;width:100%;top:50%;transform: translateY(-50%);text-align:center;padding:0 10px; font-size:16px;}
.sub0103_4_wrap .con05 .process_wrap li:after{position:absolute;content:"";display:inline-block;width: 0px; height: 0px; border-top: 8px solid transparent;border-left: 16px solid #c7c7c7;border-bottom: 8px solid transparent;right:-13%;top: 50%;transform: translateY(-50%);}
.sub0103_4_wrap .con05 .process_wrap li:last-child:after{display:none;}
.sub0103_4_wrap .con05 .con_wrap .con_box02 > ul.dot_list {background:#fff; width:100%;  padding:40px; }

.sub0103_4_wrap .con06 .con_box01 {margin-bottom:40px;}
.sub0103_4_wrap .con06 .txt_wrap {background:#fff; padding:45px 0; text-align:center;}
.sub0103_4_wrap .con06 .txt_wrap p {font-size:18px; color:#222;}
.sub0103_4_wrap .con06 .con_wrap {display:flex;}
.sub0103_4_wrap .con06 .con_box02 {margin-bottom:40px;}
.sub0103_4_wrap .con06 .con_wrap .con_box02 > ul.dot_list {background:#fff; height:285px; width:680px; margin-right:40px; padding:35px; }
.sub0103_4_wrap .con06 .con_wrap .con_box02 span {font-size:16px; word-break:keep-all; color:#ff932a;	}
.sub0103_4_wrap .con06 .con_wrap .con_box02:first-child > ul.dot_list {padding:78px 40px; }

/* sub0104 */
.sub0104_wrap .con{display: flex; background: #fff; padding: 150px;}
.sub0104_wrap .con01{ display: flex; align-items: center; justify-content: center;}
.sub0104_wrap .con01 img{width: 70%;}
.sub0104_wrap .frame {
    display: flex;
    flex-direction: column;
    width: 1196px;
    align-items: flex-start;
    gap: 10px;
    padding: 145px 220px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #bdbdbd;
}

.sub0104_wrap .frame .group {
    position: relative;
    width: 756px;
    height: 668px;
}

.sub0104_wrap .frame .div {
    height: 180px;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: flex-start;
    gap: 45px;
    position: absolute;
}

.sub0104_wrap .frame .text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Pretendard-Bold", Helvetica;
    font-weight: 700;
    color: #424242;
    font-size: 20px;
    text-align: right;
    letter-spacing: 0;
    line-height: 28.0px;
}

.sub0104_wrap .frame .element {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Pretendard-Regular", Helvetica;
    font-weight: 400;
    color: #ff9124;
    font-size: 60px;
    text-align: center;
    letter-spacing: 0;
    line-height: 54.0px;
}

.sub0104_wrap .frame .span {
    font-family: "Pretendard-Regular", Helvetica;
    font-weight: 400;
    color: #ff9124;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 54.0px;
}

.sub0104_wrap .frame .text-wrapper-2 {
    font-family: "Pretendard-Black", Helvetica;
    font-weight: 900;
}

.sub0104_wrap .frame .div-2 {
    height: 108px;
    top: 560px;
    left: 10px;
    display: inline-flex;
    align-items: flex-start;
    gap: 45px;
    position: absolute;
}

.sub0104_wrap .frame .div-3 {
    height: 280px;
    top: 230px;
    left: 418px;
    display: inline-flex;
    align-items: flex-start;
    gap: 45px;
    position: absolute;
}

.sub0104_wrap .frame .iso-iatf {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Pretendard-Bold", Helvetica;
    font-weight: 700;
    color: #424242;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28.0px;
}

.sub0104_wrap .frame .group-2 {
    position: absolute;
    top: 52px;
    left: calc(50.00% - 3px);
    width: 11px;
    height: 565px;
}

.sub0104_wrap .frame .rectangle {
    position: absolute;
    top: 11px;
    left: 50.00%;
    width: 1px;
    height: 550px;
    background-color: #ffc892;
}

.sub0104_wrap .frame .ellipse {
    top: 0;
    position: absolute;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #ff9124;
    border-radius: 5.5px;
}

.sub0104_wrap .frame .ellipse-2 {
    top: 229px;
    position: absolute;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #ff9124;
    border-radius: 5.5px;
}

.sub0104_wrap .frame .ellipse-3 {
    top: 554px;
    position: absolute;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #ff9124;
    border-radius: 5.5px;
}



/* sub0105 */
.sub0105_wrap .con01 {margin-top: 60px; margin-bottom:100px;}
.sub0105_wrap .con02 {margin-bottom: 60px;}

/* sub0106 */
.sub0106_wrap .con .img_wrap {margin-top: 60px; margin-bottom:120px;}
.sub0106_wrap .con .img_wrap img{width:100%;}
.sub0106_wrap .con .tit strong {font-size:30px; display:block; color:#222; text-align:center; margin-bottom:70px;}

/* sub0107 */
.sub0107_wrap .con01 {margin-bottom:100px; margin-top: 100px;}
.sub0107_wrap .con01 strong {color:#222; text-align:center; display:block; font-size:30px; margin-bottom:40px; display: none;}
.sub0107_wrap .con01 strong b {color:#ffac1b;}
.sub0107_wrap .con01 strong b:nth-child(2) {color:#FF7F00;}
.sub0107_wrap .con01 .txt_wrap p {text-align:center; font-size:17px; color:#222; margin-bottom:20px; }
.sub0107_wrap .con01 .logo_wrap {display:flex; justify-content: space-between; margin-top:50px;}
.sub0107_wrap .con02 .color_wrap {display:flex; }
.sub0107_wrap .con02 .color_wrap .con_box {display:flex; width:calc(50% - 20px); margin-right:40px;}
.sub0107_wrap .con02 .color_wrap .con_box:last-child {margin-right:0;}
.sub0107_wrap .con02 .color_wrap .con_box .color_orange {width:50%; height:200px; background:#FF7F00;}
.sub0107_wrap .con02 .color_wrap .con_box .color_gray {width:50%; height:200px; background:#98989A;}
.sub0107_wrap .con02 .color_wrap .con_box .txt_wrap {width:50%; height:200px; border:1px solid #ddd; position:relative;}
.sub0107_wrap .con02 .color_wrap .con_box .txt_wrap .p_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sub0107_wrap .con02 .color_wrap .con_box .txt_wrap .p_wrap p {font-size:18px; margin-bottom:18px; font-weight:600; color:#222; }
.sub0107_wrap .con02 .color_wrap .con_box .txt_wrap p:last-child {margin-bottom:0;}
.sub0107_wrap .con02 { margin-bottom: 60px;}

/* sub0108 */
.sub0108_wrap .con_wrap {margin-top:60px;}
.sub0108_wrap .con_wrap:last-child {margin-top:60px; margin-bottom: 60px;}
.sub0108_wrap .h5_tit {margin-bottom:40px;}
.sub0108_wrap .map_wrap iframe{margin-top:40px; width:100%; height:400px;}
.sub0108_wrap .con {display:flex; margin-top:40px; align-items: center}
.sub0108_wrap .con .img_wrap {width:300px;margin-right:20px; display: flex; align-items: center; justify-content: center; background-color: #e0e0e0}
.sub0108_wrap .con .txt_wrap {width:calc(100% - 320px);}
.sub0108_wrap .con:last-child .txt_wrap {width:100%;}
.sub0108_wrap .con .txt_wrap .txt_box {margin-bottom:20px;}
.sub0108_wrap .con .txt_wrap .txt_box strong {font-size:18px;} 
.sub0108_wrap .con .txt_wrap .txt_box strong img {padding-right:20px; }
.sub0108_wrap .con .txt_wrap .txt_box span {display:block; margin-left:42px; font-size:16px;}
table.tbl01{border:1px solid #ddd; font-size:16px; border-top: 1px solid #dddddd;}
.tbl01 {width:100%; height:300px; font-size:16px; text-align:center; }
.tbl01 th {color:#222;  font-size:16px; border-bottom:1px solid #ddd; text-align:center; background:#ffffff;  font-weight:600;}
.tbl01 td {height:150px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; }

.sub0109_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0109_wrap ul {
    display: flex;
    flex-wrap: wrap;       /* 여러 줄 허용 */
    list-style: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.sub0109_wrap ul li{
    width:calc(31.33% - 20px) !important;
}
.news_card{
    box-sizing: border-box;

    width: 360px;
    height: 360px;

    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    padding: 30px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    gap: 10px;
}
.news_card h5 { font-size: 20px; font-weight: 700; color: #212121 }
.news_card p { font-size: 18px; font-weight: 400; color: #616161; margin-top: 50px;  margin-bottom: 40px;  display: -webkit-box;
    -webkit-line-clamp: 3;      /* 최대 2줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_card p.date { font-size: 14px; font-weight: 400; color: #616161; position: relative; bottom: 0;}


/* sub0201 */
.sub0201_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0201_wrap > p{text-align: center; font-size: 25px; font-weight: 500; color: #222; margin-bottom: 50px;}
.sub0201_wrap > p span{color: #ff932a;}
.sub0201_wrap .sec{display: flex; align-items: center; background: #fff; padding-top: 50px; padding-bottom: 50px; justify-content: space-between}
.sub0201_wrap .sec:last-child{margin-bottom: 0;}
.sub0201_wrap .sec .img{ width: 50%; order: 2;}
.sub0201_wrap .sec .img.img1{ height: 500px;
    background-image: url("/assets/img/contents/sub02/intro_1.png");
    background-size: cover;
    background-repeat: no-repeat;

}
.sub0201_wrap .sec .img.img2{ height: 500px;
    background-image: url("/assets/img/contents/sub02/intro_2.png");
    background-size: cover;
    background-repeat: no-repeat;

}
.sub0201_wrap .sec .img.img3{  height: 500px;
    background-image: url("/assets/img/contents/sub02/intro_3.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_1{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_1.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_2{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_2.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_3{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_3.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_4{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_4.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_5{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_5.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_6{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_6.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.sub0201_wrap .sec .img.img_7{  height: 500px;
    background-image: url("/assets/img/contents/sub05/sub04_7.png");
    background-size: cover;
    background-repeat: no-repeat;
}





.sub0201_wrap .sec:nth-child(even) .img{ width: 50%; order: 1;}
.sub0201_wrap .sec:nth-child(even) .txt{ width: 50%; order: 2 ; padding:0 60px;}

.sub0201_wrap .sec .txt{ width: 50%; order: 1 ; padding:0 60px;}
.sub0201_wrap .sec .txt.right{
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* 모든 자식 요소를 오른쪽 끝으로 */

}
.sub0201_wrap .sec .txt h6{font-size: 20px; color: #222; position: relative; padding-left: 12px; margin-bottom: 15px;}
.sub0201_wrap .sec .txt h6:before{position: absolute; content: ''; width: 4px; height: 17px; background: #ff932a; margin-left: -12px; top: 7px;}
.sub0201_wrap .sec .txt p{font-size: 16px; 	color: #222; width: 500px;}

.sub0201_wrap .sec .txt.right h6{ text-align: right;}
.sub0201_wrap .sec .txt.right p{font-size: 16px; 	color: #222; width: 500px; text-align: right;}
.sub0201_wrap .sec .txt a{display: block; width: 170px; height: 50px; border: 1px solid #ff932a; text-align: center; color: #ff932a; line-height: 48px; font-size: 16px; margin-top: 30px; transition:all 0.2s;}
.sub0201_wrap .sec .txt a:hover{background: #ff932a; color: #fff;}

/* sub0202 */
.sub0202_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0202_wrap > p{text-align: center; font-size: 23px; font-weight: 500; color: #222; margin-bottom: 50px;}
.sub0202_wrap > p span{color: #ff932a;}
.sub0202_wrap .sec{display: flex; justify-content: center; margin-top: 5rem; margin-bottom: 5rem;}
.sub0202_wrap .sec .con{width:32.57%; margin-right:1.14%; background: #fff; text-align: center;}
.sub0202_wrap .sec .con:last-child{margin-right: 0;}
.sub0202_wrap .sec .con h6{background: #f08013; color: #fff; font-size: 20px; font-weight: 500; padding: 10px;}
.sub0202_wrap .sec .con .box{padding: 15px;}
.sub0202_wrap .sec .con .box img{width: 100%; margin-bottom: 10px;}
.sub0202_wrap .sec .con .box p{font-size: 16px; color: #222;}
.sub0202_wrap .sec .tab_con{display: none;}

/* sub0202_2 */
.sub0202_2_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0202_2_wrap .sec01{margin-bottom: 100px;}
.sub0202_2_wrap .sec01 h6.sub_tit a{background: #ff932a; padding: 10px 15px; font-size: 16px; font-weight: 500; color: #fff; border-radius: 20px; margin-left: 10px;} 
.sub0202_2_wrap .sec01 h6.sub_tit a img{vertical-align: text-top; margin-right: 10px;}
.sub0202_2_wrap .sec01 .box_wrap{display: flex; gap:2%;}
.sub0202_2_wrap .sec01 .box_wrap .box{background: #fff; width: 50%; padding: 35px; font-size: 16px; color: #222; border: 1px solid #bdbdbd;}
.sub0202_2_wrap .sec01 .box_wrap .box p{margin-bottom: 15px;}
.sub0202_2_wrap .sec02 .txt_wrap {background:#fff; padding:45px 0; text-align:center; margin-bottom: 40px; border: 1px solid #bdbdbd}
.sub0202_2_wrap .sec02 .txt_wrap p {font-size:18px; color:#222;}
.sub0202_2_wrap .sec02 ul{display: flex; text-align: center; gap:20px;}
.sub0202_2_wrap .sec02 ul li{padding: 30px; background: #ffffff; border-radius: 0px; width: 25%;border: 1px solid #bdbdbd}
.sub0202_2_wrap .sec02 ul li p.tit{font-size: 20px; font-weight: 500; color: #f08013; margin: 10px 0;}
.sub0202_2_wrap .sec02 ul li span{font-size: 16px; color: #222; line-height: 1.5;}


.sub0301_wrap { margin-top: 60px; margin-bottom: 60px;}
/* sub0401 */
.sub0401_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0401_wrap .online_form_wrap{border: 1px solid #eaeaea; padding: 60px; background: #fff;}
.sub0401_wrap .online_form_wrap table{width: 100%;}
.sub0401_wrap .online_form_wrap table.pc_tbl{display: table;}
.sub0401_wrap .online_form_wrap table.mob_tbl{display: none;}
.sub0401_wrap .online_form_wrap table td{padding: 15px 25px; }
.sub0401_wrap .online_form_wrap table input{width: 100%; border: 0; height: 50px; padding: 0px 20px; font-size: 16px; background: none; border-bottom: 1px solid #ddd; outline: 0;}
.sub0401_wrap .online_form_wrap table input[type="checkbox"]{position: relative;top: -2px;width: auto;margin-right: 5px;}
.sub0401_wrap .online_form_wrap table input:focus, .sub0401_wrap .online_form_wrap table textarea:focus {border-color: #f08013; outline: none; }
.sub0401_wrap .online_form_wrap table textarea{width: 100%; border: 1px solid #ddd; height: 150px; padding: 20px; font-size: 16px;}
.sub0401_wrap .btn_wrap{width: 200px; background: #f08013; text-align: center; height: 60px; font-size: 16px; line-height: 60px; margin: 0 auto; margin-top: 20px;}
.sub0401_wrap .btn_wrap a{color: #fff; display: block;}
.sub0401_wrap .txt_box{display: flex; gap:20px; margin-top: 40px;}
.sub0401_wrap .txt_box .box{width: 50%; padding: 20px; background: #f4e9de; border-radius:20px ;}
.sub0401_wrap .txt_box .box:nth-child(2){background: #e1e1e1;}
.sub0401_wrap .txt_box .box .con{border: 1px solid #f08013; background: #fff; border-radius:20px ; padding: 50px; text-align: center;}
.sub0401_wrap .txt_box .box:nth-child(2) .con{border: 1px solid #444;}
.sub0401_wrap .txt_box .box .con h6{font-size: 20px; color: #f08013;}
.sub0401_wrap .txt_box .box:nth-child(2) .con h6{color: #888;}
.sub0401_wrap .txt_box .box .con p.tit{font-size: 30px; color: #222; font-weight: 700; margin-bottom: 15px;}
.sub0401_wrap .txt_box .box .con span{font-size: 16px; color: #222; display: block; margin-bottom: 20px;}
.sub0401_wrap .txt_box .box .con ul li{font-size: 15px; margin-bottom: 5px; color: #222;}
.sub0401_wrap .txt_box .box .con ul li:last-child{margin-bottom: 0px;}
.sub0401_wrap .txt_box .box .con ul li em{display: inline-block; background: #f08013; padding: 3px 15px; color: #fff; border-radius:20px ; margin-right: 10px;}
.sub0401_wrap .txt_box .box:nth-child(2) .con ul li em{background: #888;}

.sub0401_wrap .online_form_wrap table td p.p_st01{font-size:18px; color:#333; font-weight:700; margin-bottom:15px;}
.sub0401_wrap .online_form_wrap button span{font-size:15px; padding-right:5px;}
.sub0401_wrap .online_form_wrap button span:hover{font-size:15px; padding-right:5px; color:#444;}
.sub0401_wrap .online_form_wrap table input#captcha_key{width:30%;}
/* sub0402 */

.sub0402_wrap .input_box {margin-bottom:40px; display:flex; justify-content: center}
.sub0402_wrap .input_box input {width: 500px; height: 60px; background-color:#fff; padding: 0 30px; border-radius:50px; box-shadow: 0.868px 4.924px 8.1px 0.9px;
border:none; font-size:16px; background: url(/images/sub/sub0402_search.png)top 10px right 20px no-repeat; margin-right:30px; background-size:34px;}
.sub0402_wrap .input_box select {width: 500px; height: 60px; padding: 0 30px; border-radius:50px; box-shadow: 0.868px 4.924px 8.1px 0.9px;
border:none; font-size:16px; background: url(/images/sub/sub0402_choose.png)top 20px right 20px no-repeat; margin-right:30px; -webkit-appearance:none;
background-size:30px;}
.sub0402_wrap .input_box button.search_button {background:#ff7f00;padding:10px 30px; color:#fff; font-size:16px; border-radius:10px; }

/*.sub0402_wrap .input_box {margin-bottom:40px; text-align:center;}
.sub0402_wrap .input_box input {width: 700px; height: 80px; background:#fff; padding: 0 30px; border-radius:50px; box-shadow: 0.868px 4.924px 8.1px 0.9px;
border:none; font-size:16px; background: url(/images/sub/sub0402_search.png)top 25px right 30px no-repeat; background-size:34px;}
.sub0402_wrap .input_box button.search_button {background:#ff7f00;padding:20px 30px; color:#fff; font-size:16px; border-radius:10px;margin-left:50px;}*/


.sub0402_wrap .result {text-align:right; font-size:16px; margin-bottom:5px;}
.sub0402_wrap .con_tab {display:none;}
.tbl_source_pc {width:100%; }
.tbl_source_pc tr{border-bottom:1px solid #ddd; }
.tbl_source_pc tr:hover {background: #fff;}
.tbl_source_pc th{padding:18px 0; color:#222;background:#f8d1ab;font-size:16px;}
.tbl_source_pc td{padding:18px 0; text-align:center; font-size:16px;}
.tbl_source_pc td p {font-size:14px; margin-top:8px;}
.tbl_source_pc tr td:nth-child(5) p {margin-top:12px;}
.tbl_source_pc td:nth-child(3){text-align:left; padding:0 20px;}
.paging_wrap {text-align:center; box-sizing:border-box; margin-top: 40px;}
ul.paging{display: flex; justify-content: center; font-size:0; }
ul.paging li{display:block; margin:0 2px; width:40px; height:40px;  border:1px solid #ddd; vertical-align:middle; background:#fff;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:14px; color:#555555; line-height:38px; font-weight: 700;}
ul.paging li a img{display: block; }
ul.paging li.on {background:#ff7f00;  border:1px solid #ddd; }
ul.paging li.on a{color:#ffffff; font-weight: 700;}

/* sub0402_2 */
.sub0402_2_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0402_2_wrap .input_box {margin-bottom:40px; display:flex; justify-content: center}
.sub0402_2_wrap .input_box input {width: 500px; height: 60px; background-color:#fff; padding: 0 30px; border-radius:50px; box-shadow: 0.868px 4.924px 8.1px 0.9px;
border:none; font-size:16px; background: url(/images/sub/sub0402_search.png)top 10px right 20px no-repeat; margin-right:30px; background-size:34px;}
.sub0402_2_wrap .input_box select {width: 500px; height: 60px; padding: 0 30px; border-radius:50px; box-shadow: 0.868px 4.924px 8.1px 0.9px;
border:none; font-size:16px; background: url(/images/sub/sub0402_choose.png)top 20px right 20px no-repeat; margin-right:30px; -webkit-appearance:none;
background-size:30px;}
.sub0402_2_wrap .input_box button.search_button {background:#ff7f00;padding:10px 30px; color:#fff; font-size:16px; border-radius:10px; }

.sub0402_2_wrap .result {text-align:right; font-size:16px; margin-bottom:5px;}

.sub0402_2_wrap .con_tab {display:none;}
.tbl_source_pc {width:100%; }
.tbl_source_pc tr{border-bottom:1px solid #ddd; }
.tbl_source_pc tr:hover {background: #fff;}
.tbl_source_pc th{padding:18px 0; color:#222;background:#f8d1ab;font-size:16px;}
.tbl_source_pc td{padding:18px 0; text-align:center; font-size:16px;}
.tbl_source_pc td .file_wrap:first-child {margin-bottom:10px;}
.tbl_source_pc td .file_wrap p {margin-bottom:10px;}
.tbl_source_pc td .file_wrap p img{display: block; margin-right:10px;}

.paging_wrap {text-align:center; box-sizing:border-box; margin-top: 40px;}
ul.paging{display: flex; justify-content: center; font-size:0; }
ul.paging li{display:block; margin:0 2px; width:40px; height:40px;  border:1px solid #ddd; vertical-align:middle; background:#fff;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:14px; color:#555555; line-height:38px; font-weight: 700;}
ul.paging li a img{display: block; }
ul.paging li.on {background:#ff7f00;  border:1px solid #ddd; }
ul.paging li.on a{color:#ffffff; font-weight: 700;}

/* sub0501 */
.sub0501_wrap { margin-top: 100px; margin-bottom: 100px;}
.sub0501_wrap .tit_wrap{text-align: center;}
.sub0501_wrap .tit_wrap p{position:relative;padding-bottom:12px;font-size:25px;color:#222; font-weight: 600;}
/* .sub0501_wrap .tit_wrap p:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:'';width:30px;height:3px;background:#f08013;} */
.sub0501_wrap .tit_wrap p span{color: #f08013;}
.sub0501_wrap .tit_wrap em{font-size:18px;color:#222;font-weight:500;padding-top:20px; display: inline-block; position: relative; z-index: 1;}
.sub0501_wrap .tit_wrap em:before{position: absolute; content: ''; background: #f08013; opacity: 0.2; width: 100%; height: 12px; z-index: 0; bottom: 0;}
.sub0501_wrap ul{margin-top: 40px; display:none;}
.sub0501_wrap ul li{background: #fff; border-radius:15px; display: flex; margin-bottom: 20px; padding: 40px 60px; align-items: center; transition:all 0.3s; border: 1px solid #fff;}
.sub0501_wrap ul li:last-child{margin-bottom: 0;}
.sub0501_wrap ul li:hover{border: 1px solid #f08013;}
.sub0501_wrap ul li .left{text-align: center;}
.sub0501_wrap ul li .left strong{display: block; font-size: 18px; color: #f08013; margin-top: 10px;}
.sub0501_wrap ul li .right{padding-left: 80px;}
.sub0501_wrap ul li .right p.tit{font-size: 25px; font-weight: 700; color: #222; margin-bottom: 10px;}
.sub0501_wrap ul li .right span{font-size: 16px; color: #222;}

/* sub0502 */
.sub0502_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0502_wrap .con01 {margin-bottom:100px;}
.sub0502_wrap .con01 > h5.h5_tit {font-size:28px;}
.sub0502_wrap .con01 .con_wrap {display:flex; flex-wrap:wrap; gap:70px;}
.sub0502_wrap .con01 .con_wrap .con_box {position: relative; display:flex;}
.sub0502_wrap .con01 .con_wrap .con_box .txt_wrap {position:absolute; padding:45px; color:#fff;}
.sub0502_wrap .con01 .con_wrap .con_box .txt_wrap strong {position:relative; font-size:26px;}
.sub0502_wrap .con01 .con_wrap .con_box .txt_wrap strong:before {position:absolute; left:16px; top:50px; transform:translateX(-50%);content:'';width:30px;height:3px;background:#f08013;}
.sub0502_wrap .con01 .con_wrap .con_box .txt_wrap p {font-size:18px; margin-top:40px;}
/* .sub0502_wrap .con02 ul {display:flex; }
.sub0502_wrap .con02 ul li {border:1px solid #ddd; width:calc(25% - 20px); margin-right:40px; border-radius:10px; text-align:center; padding:20px;}
.sub0502_wrap .con02 ul li main {display:block; margin:0 auto; margin-bottom:20px;}
.sub0502_wrap .con02 ul li strong {font-size:18px; color:#222;}
.sub0502_wrap .con02 ul li:last-child {margin-right:0;}*/
.sub0502_wrap .con02 > h5.h5_tit {font-size:28px;}
.sub0502_wrap .con02 .txt_wrap {border:1px solid #ddd; background:#fff; border-radius:10px; padding:30px 50px; }
.sub0502_wrap .con02 .txt_wrap p {font-size:22px;  color:#222;}

.sub0601_wrap { margin-top: 60px; margin-bottom: 60px;}
.sub0601_wrap .img_wrap { margin-top: 60px;}
.sub0601_wrap .content_center {
    margin-top: 60px;
    display: flex;
    justify-content: center; /* 가로 중앙 */
    align-items: center;     /* 세로 중앙 */
    flex-direction: column;
}
.sub0602_wrap { margin-top: 60px; margin-bottom: 60px;}

#main_section3 {
    position: relative;
    width: 100%;
    height: 100vh;
}

@media (min-width: 768px) {
    #main_section3 {
        min-height: 800px;
    }
}

#main_section3 > .background-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

#main_section3 .background-layer .bg-overlay {
    position: absolute;
    inset: 0;
    background-color: #000158;
}

#main_section3 .background-layer img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    opacity: 0.8;
    max-width: none;
}

#main_section3 .content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 48px;
    padding-right: 48px;
}

@media (min-width: 768px) {
    #main_section3 .content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

#main_section3 .inner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start !important;
    padding-top: 86px;
    padding-bottom: 86px;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    #main_section3 .inner {
        align-items: center;
        padding-top: 254px;
        padding-bottom: 254px;
        max-width: 1201px;
    }
}

#main_section3 .section-block {
    display: flex;
    flex-direction: column;
    gap: 74px;
    align-items: flex-start !important;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    #main_section3 .section-block {
        align-items: center;
    }
}

#main_section3 .headline {
    display: flex;
    flex-direction: column;
    gap: 13px;
    color: white;
    width: 100%;
    position: relative;
    font-style: normal;
}

@media (min-width: 768px) {
    #main_section3 .headline {
        gap: 15px;
        max-width: 769px;
    }
}

#main_section3 .headline .label {
    font-size: 14px;
    line-height: normal;
}

@media (min-width: 768px) {
    #main_section3 .headline .label {
        font-size: 24px;
    }
}

#main_section3 .headline .title {
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
}

@media (min-width: 768px) {
    #main_section3 .headline .title {
        font-size: 46px;
    }
}

#main_section3 .values-section {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    #main_section3 .values-section {
        gap: 81px;
        padding-top: 56px;
        align-items: center;
    }
}

#main_section3 .values-section::before {
    content: "";
    position: absolute;
    inset: 0;
    border-top: 1px solid white;
    pointer-events: none;
}

@media (min-width: 768px) {
    #main_section3 .values-section::before {
        border-color: #d9d9d9;
    }
}

#main_section3 .value-items {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: flex-start;
    padding-top: 60px;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    #main_section3 .value-items {
        flex-direction: row;
        gap: 118px;
        padding-top: 0;
        width: auto;
    }
}

#main_section3 .value-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: white;
    font-style: normal;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    #main_section3 .value-item {
        gap: 20px;
    }
}

#main_section3 .value-item h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
}

@media (min-width: 768px) {
    #main_section3 .value-item h3 {
        font-size: 34px;
    }
}

#main_section3 .value-item p {
    font-size: 12px;
    line-height: 1.5;
}

@media (min-width: 768px) {
    #main_section3 .value-item p {
        font-size: 18px;
        line-height: 1.4;
    }
}

#main_section3 .arrow-button {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 32px;
    width: 87px;
    height: 40px;
    position: relative;
    transition: background-color 0.3s;
    display: none;
}

@media (min-width: 768px) {
    #main_section3 .arrow-button {
        display: block;
        width: 126px;
        height: 60px;
    }

    #main_section3 .arrow-button:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

#main_section2 {
    min-height: 1px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


#main_section2 .product-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1201px;
    margin: 0 auto;
}

#main_section2 .product-title {
    font-weight: bold;
    font-size: 2rem;
    color: #212121;
    margin-bottom: 40px;
    text-align: center;
}

#main_section2 .product-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


#main_section2 .product-block.reverse {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

#main_section2 .product-image {
    position: relative;
    width: 50%;
    height: 25vh;
    overflow: hidden;
}

#main_section2 .product-image img {
    position: absolute;
    max-width: none;
    height: 126.18%;
    width: 115.67%;
    left: -7%;
    top: -21.09%;
}

#main_section2 .product-image.sensor img {
    height: 146.04%;
    width: 117.14%;
    left: -7.82%;
    top: -42.18%;
}

#main_section2 .product-image.battery img {
    height: 131.68%;
    width: 110.57%;
    left: -5.29%;
    top: -19.95%;
}

#main_section2 .product-info {
    display: flex;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    color: #424242;
    text-align: right;
    padding: 3rem;
}

#main_section2 .product-info.right {
    flex-direction: column;
    align-items: flex-end;
}

#main_section2 .product-info h3 {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.3;
}

#main_section2 .product-button,
#main_section2 .product-button:focus-visible {
    display: none;
    position: relative;
    width: 87px;
    height: 40px;
    border-radius: 32px;
    transition: background-color 0.3s;
    overflow: hidden;
    border: 1px solid #ff5600;
}

#main_section2 .product-button,
#main_section2 .product-button:focus-visible{
    background-color: #ffffff;
    color: #212121;
    pointer-events: auto;
    transition: background-color .25s ease, color .25s ease;
}

#main_section2 .product-button:hover,
#main_section2 .product-button:focus-visible {
    background-color: #ff9124;
    color: #ffffff;
}

#main_section2 .arrow-icon {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    width: 6px;
    height: 12px;
    pointer-events: none;
}

#main_section2 .arrow-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

#main_section2 .product-button .arrow-icon svg path {
    stroke: currentColor !important;;
    stroke-width: 1.8;                /* 필요시 1.2~2.5 사이로 조정 */
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    transition: stroke .2s ease, stroke-width .2s ease;
}

#research-section {
    height: 100vh;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#research-section .research-container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: 100%;
    max-width: 1201px;
    margin: 0 auto;
}

#research-section .research-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

#research-section .research-label {
    font-size: 1.5rem;
    color: #424242;
}

#research-section .research-title {
    font-size: 2rem;
    color: #212121;
    line-height: 1.3;
}

#research-section .research-title .bold {
    font-weight: bold;
}

#research-section .research-items {
    display: flex;
    gap: 4rem;
}

#research-section .research-item {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 80%;
    height: 50%;
    max-width: 30%;
}

#research-section .research-image {
    position: relative;
    aspect-ratio: 426 / 512;
    overflow: hidden;
}

@media (max-width: 1366px) {

    #research-section .research-container {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 100%;
        max-width: 1201px;
        margin: 0 auto;
    }
    #research-section .research-image {
        max-width: 360px;
        aspect-ratio: 1/1;
    }
}


#research-section .research-image img {
    position: absolute;
    width: 171.0%;
    height: 100.08%;
    max-width: none;
}

#research-section .research-content {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    color: #424242;
}

#research-section .research-content h3 {
    font-size: 1.5rem;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.3;
}

#research-section .research-content p {
    font-size: 1rem;
    color: #757575;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* 최대 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(14px * 1.5 * 2);
}



#research-section .research-button,
#research-section .research-button:focus-visible {
    position: relative;
    width: 5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    transition: background-color 0.3s;
    overflow: hidden;
    border: 1px solid #ff5600;
}

#research-section .research-button,
#research-section .research-button:focus-visible{
    background-color: #ffffff;
    color: #212121;
    pointer-events: auto;
    transition: background-color .25s ease, color .25s ease;
}

#research-section .research-button:hover,
#research-section .research-button:focus-visible {
    background-color: #ff9124;
    color: #ffffff;
}

#research-section .arrow-icon {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 1rem;
    pointer-events: none;
}

#research-section .arrow-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

#research-section .research-button .arrow-icon svg path {
    stroke: currentColor !important;;
    stroke-width: 1.8;                /* 필요시 1.2~2.5 사이로 조정 */
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    transition: stroke .2s ease, stroke-width .2s ease;
}

section {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
}

section.show {
    opacity: 1;
    transform: translateY(0);
}


/* Slide Up */
.slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
}
.slide-up.show {
    opacity: 1;
    transform: translateY(0);
}

/* Rotate In */
.rotate-in {
    opacity: 0;
    transform: rotate(-10deg) scale(0.9);
    transition: all 0.6s ease-out;
}
.rotate-in.show {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}