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

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

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

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

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

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

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

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

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

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

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

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

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

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

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

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


:root {
  --co01: #ff7f00;
}

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

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

.fp{ font-family: "Play", sans-serif;}

/* header */
#header{line-height: 1; z-index: 9000;background: #fff;line-height: 1;border-bottom: 2px solid rgba(221,221,221,.2);}
#header .inner{display: flex; align-items: center; justify-content: space-between; height: 90px;}
#header ul.gnb{display: flex;	gap:100px;transition:.4s;}
#header ul.gnb li{position: relative;padding: 38px 0;}
#header ul.gnb li::after{content:'';position: absolute;bottom: 0; left: 50%;transform:translateX(-50%); width: 0px; height: 2px; background: url(/assets/images/main/gnb_bg01.png)center no-repeat;transition:.4s;}
#header ul.gnb li.on::after{width: 156px;}
#header ul.gnb li a{font-size: 18px; color: #333; font-weight: 500;}
#header.on ul.gnb{gap:150px;}
#header .gnb_wrap{display:flex; align-items:center; gap:50px;}
.lang_tab{display:none;}
.lang{width:80px; height:36px; border-radius:18px; border:1px solid #ddd; transition: 0.5s ease;}
.lang a{display:flex; font-size:16px; width:100%; height:100%; align-items:center; justify-content:center; text-align:center;}
.lang:hover{background-color:var(--co01); border:1px solid var(--co01);}
.lang:hover a{color:#fff;}

.all_wrap{display: none;position: absolute;top: 92px; left: 0; width: 100%; background: #fff;z-index: 6000;padding: 30px 0 60px;}
.all_wrap .inner{display: flex;justify-content: flex-end; padding-right:130px;}
.all_wrap ul{width: 170px;}
.all_wrap ul:nth-child(2){width: 260px;}
.all_wrap ul li:not(:last-child){margin-bottom: 20px;}
.all_wrap ul li a{display: block;font-size: 18px; color: #666;text-align: center;transition:.3s;}
.all_wrap ul li:hover a{color: var(--co01);}

.nav_btn{display: none;}
.navigation{display: none;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .vis_con{position: absolute;width: 100%; position: absolute;top: 55%;transform:translateY(-50%)}
#visual_wrap .vis_con .inner{display: flex;align-items: center;justify-content: space-between;}
#visual_wrap .vis_con p{font-size: 68px; color: #fff; line-height: 88px; font-weight: 700; }
#visual_wrap .vis_con span{display: block;font-size: 28px; color: #fff;margin-top: 30px;}
#visual_wrap .vis_con span b{color: var(--co01); color: var(--co01);}
#visual_wrap .vis_con a{display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; width: 200px; height: 56px; border:1px solid rgba(255,255,255,.2); margin-top: 80px;transition:.3s;}
#visual_wrap .vis_con a:hover{background: var(--co01);}
#visual_wrap .vis_con .img_wrap{opacity: 0; transform:translateY(100px);transition:1.5s;}
#visual_wrap ul li.slick-active .img_wrap{opacity: 1; transform:translateY(0px);}

/* section */
.section{padding: 130px 0;line-height: 1;}
.section .sec_tit{margin-bottom: 60px;}
.section .sec_tit span{display: block;font-size: 22px; color: var(--co01);margin-bottom: 15px;text-align: center; font-family: "Play", sans-serif;text-transform:uppercase;}
.section .sec_tit p{text-align: center;font-size: 50px;color: #333; line-height: 64px;font-weight: 700;} 

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

/* section01 */
#section01 .box_wrap{display: flex;}	
#section01 .box_wrap .box{position: relative;width: calc(100% / 4);}
#section01 .box_wrap .box .num{display: flex;align-items: center; justify-content: center;position: absolute;top: 30px; right: 30px; width: 36px; height: 36px; background: var(--co01); border:1px solid var(--co01); font-size: 18px; color: #fff;transition:.4s;}
#section01 .box_wrap .box .txt_wrap{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%;transition:.4s;}
#section01 .box_wrap .box .txt_wrap::before{content:'';position: absolute;left: 0; top: 50%;transform:translateY(-50%); width: 0px; height: 1px; background: rgba(255,255,255,.3);transition:.4s ease-in;}
#section01 .box_wrap .box .txt_wrap::after{content:'';position: absolute;right: 0; top: 50%;transform:translateY(-50%); width: 0px; height: 1px; background: rgba(255,255,255,.3);transition:.4s ease-in;}
#section01 .box_wrap .box .txt_wrap .txt{position: absolute;left: 40px; top: calc(100% - 110px);transition:.4s;}
#section01 .box_wrap .box .txt_wrap span{display: block;font-size: 20px; color: var(--co01); margin-bottom: 15px;transition:.4s;}
#section01 .box_wrap .box .txt_wrap p{font-size: 35px; color: #fff; font-weight: 700;transition:.4s;}
#section01 .box_wrap .box .txt_wrap a.more_btn{opacity: 0;display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;transform:translateX(-50%); bottom: 40px;font-size: 18px; color: #fff;width: 160px; height: 56px; border:1px solid rgba(255,255,255,.3);transition:.4s;}

#section01 .box_wrap .box.on .num{border:1px solid rgba(255,255,255,.3);background: transparent;}
#section01 .box_wrap .box.on .txt_wrap{background: rgba(151,40,0,.5);}
#section01 .box_wrap .box.on .txt_wrap .txt{left: 50%;top: 50%;transform:translate(-50%,-50%);}
#section01 .box_wrap .box.on .txt_wrap .txt span{text-align: center;color: #fff;}
#section01 .box_wrap .box.on .txt_wrap .txt p{text-align: center;}
#section01 .box_wrap .box.on .txt_wrap a.more_btn{opacity: 1;}
#section01 .box_wrap .box.on .txt_wrap::before{width: 60px;}
#section01 .box_wrap .box.on .txt_wrap::after{width: 60px;}

/* section02 */
#section02{background: url(/assets/images/main/sec02_bg01_pc.jpg)center no-repeat; background-size: cover;}
#section02 .inner{display: flex;gap:160px;align-items: flex-end;}
#section02 .sec_tit span{text-align: left;}
#section02 .sec_tit p{text-align: left;}
#section02 .left{width: 50%;}
#section02 .online_wrap .input_wrap{display: flex;flex-wrap:wrap;gap:10px;}
#section02 .online_wrap .input{position: relative;width: calc((100% - 10px) / 2);}
#section02 .online_wrap .input02{width: 100%;}
#section02 .online_wrap .input input[type="text"]{width: 100%; height: 60px; background: #fff;border:0;padding: 0px 20px;font-size: 16px; color: #999;}
#section02 .online_wrap .input input[type="text"]:focus{outline:0;}
#section02 .online_wrap .input input[type="text"] + label{opacity: 1;position: absolute; top: 50%; left: 20px;transform:translateY(-50%);font-size: 16px; color: #999;transition:.3s;}
#section02 .online_wrap .input input[type="text"] + label em{color: #fe7800;}
#section02 .online_wrap .input input[type="text"]:focus + label{opacity: 0;}
#section02 .online_wrap .input input[type="text"]:valid + label{opacity: 0;}

#section02 .online_wrap .input textarea{width: 100%; height: 130px; background: #fff;border:0;padding: 20px;font-size: 16px; color: #999;resize:none;}
#section02 .online_wrap .input textarea:focus{outline:0;}
#section02 .online_wrap .input textarea + label{opacity: 1;position: absolute; top: 20px; left: 20px;font-size: 16px; color: #999;transition:.3s;}
#section02 .online_wrap .input textarea + label em{color: #fe7800;}
#section02 .online_wrap .input textarea:focus + label{opacity: 0;}
#section02 .online_wrap .input textarea:valid + label{opacity: 0;}

#section02 .online_wrap .input select{width: 100%; height: 60px; border:0;padding: 0px 20px;font-size: 16px; color: #222;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/main/select_icon01.png)center right 20px no-repeat #f5f5f5; background-size: 11px;}
#section02 .online_wrap .input select:focus{outline:0;}

#section02 .online_wrap .pri_wrap{display: flex;align-items: center;gap:5px;margin: 15px 0;}
#section02 .online_wrap .pri_wrap em.pri_pop_btn{font-size: 16px; color: #222; font-weight: 500; cursor:pointer;}
#section02 .online_wrap .pri_wrap em.pri_pop_btn span{text-decoration:underline;text-underline-position: under;}
#section02 .online_wrap a.submit_btn{display: flex;align-items: center; justify-content: center;width: 100%;height: 60px; background: var(--co01);font-size: 20px; color: #fff;}

#section02 .right{width: calc((100% - 160px) / 2);}
#section02 .right .box_wrap{display: flex;flex-wrap:wrap;gap:20px; flex-wrap:wrap;}
#section02 .right .box_wrap .box{display: flex;align-items: center; justify-content: center; flex-direction: column; width: calc((100% - 20px) / 2); height: 260px; background: #fff; border-radius:12px;}
#section02 .right .box_wrap .box p{font-size: 20px; color: #222; font-weight: 700;text-align: center;margin: 30px 0px 15px;}
#section02 .right .box_wrap .box span{display: block;font-size: 18px; color: #666;text-align: center;line-height: 28px;}

#section02 .right .box_wrap .box01{background: #333;}
#section02 .right .box_wrap .box01 p{color: #fff;}
#section02 .right .box_wrap .box01 span{color: #fff;}

/* footer */
#footer{padding: 50px 0;line-height: 1;background: #333;}
#footer .inner{display: flex;justify-content: space-between;}
#footer .left{display: flex;gap:100px;}
#footer .f_con .sitemap{margin-bottom: 40px;margin-top: 30px;}
#footer .f_con .sitemap a{display: block;font-size: 18px; color: #fff;}
#footer .f_con .sitemap a:not(:last-child){margin-bottom: 20px;}
#footer .f_con .sitemap a.pri{color: var(--co01);}
#footer .f_con address p{font-size: 16px; color: #999; line-height: 28px;}
#footer .f_con address p i{display: inline-block;width: 15px;}
#footer .f_con address p.copy{margin-top: 10px;}
#footer .top_btn{display: flex;align-items: center; justify-content: center;gap:10px;width: 240px; height: 56px; border-radius:28px;font-size: 18px; color: #fff; border:1px solid rgba(255,255,255,.3);margin-top: 30px;}

/* ======sub=============================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .vis_con{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
#sub_visual_wrap ul.sub_nav{display: flex;align-items: center;gap:40px;margin-top: 50px;}
#sub_visual_wrap ul.sub_nav li{position: relative;font-size: 14px;color: #ddd;font-weight: 500;}
#sub_visual_wrap ul.sub_nav li:not(:last-child)::after{content:'';position: absolute; right: -22px; top: 50%; transform:translateY(-50%);background: url(/assets/images/sub/sub_nav_arr_pc.png)center no-repeat; width: 5px; height: 7px; background-size: cover;}
#sub_visual_wrap .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap h2{font-size: 60px; color: #fff;font-weight: 700;text-align: center;}
#sub_visual_wrap .txt_wrap p{font-size: 24px; color: #fff;text-align: center;font-weight: 500; margin-top: 30px;}
#sub_visual_wrap .txt_wrap p b{color: var(--co01);font-weight: 500;}

#sub_contents{padding: 70px 0px 150px;}
#sub_contents .contop{display: flex;align-items: flex-end; justify-content: space-between;margin-bottom: 70px;line-height: 1;}
#sub_contents .contop .tit{display: flex; align-items: center;justify-content: center;gap:20px;}
#sub_contents .contop .tit h2{font-size: 50px; color: #333;font-weight: 700;}
#sub_contents .contop .tit p{font-size: 18px; color: #ddd;text-transform:uppercase;}
#sub_contents .contop .tit p.mob_txt{display: none;}

.tab_menu{line-height: 1;border-bottom: 1px solid #ddd;}
.tab_menu .inner ul{display: flex;height: 60px;}
.tab_menu .inner ul li{position: relative;flex:1;}
.tab_menu .inner ul li::after{content:'';position: absolute; left: 50%; bottom: -1px; transform:translateX(-50%);width: 0%; height: 2px;background: var(--co01);transition:.4s;}
.tab_menu .inner ul li.on::after{width: 100%;}
.tab_menu .inner ul li:hover::after{width: 100%;}
.tab_menu .inner ul li a{display: flex; align-items: center; justify-content: center;font-size: 18px; color: #999;font-weight: 500;height: 100%;}
.tab_menu .inner ul li.on a{color: #333; font-weight: 600;}

ul.depth03{display: flex;gap:20px;}
ul.depth03 li a{display: flex; align-items: center; justify-content: center;font-size: 18px; color: #bbb;width: 240px; height: 50px; border:1px solid #ddd; border-radius:25px;transition:.3s;}
ul.depth03 li.on a{background: var(--co01); color: #fff; border:1px solid var(--co01);}
ul.depth03 li:hover a{background: var(--co01); color: #fff; border:1px solid var(--co01);}

.sub_tit01{margin-bottom: 65px;}
.sub_tit01 span{display: block;text-align: center;font-size: 22px;color: var(--co01); text-transform:uppercase; margin-bottom: 15px;}
.sub_tit01 p{font-size: 40px; line-height: 56px; color: #333; font-weight: 700;text-align: center;}

h3.h3_tit01{font-size: 40px; color: #333; font-weight: 700; margin-bottom: 40px;text-transform:uppercase;}

table.tbl01{width: 100%;}
table.tbl01 th{padding: 15px;font-size: 18px; color: #333;background: #ddd;border:1px solid #fff;}
table.tbl01 td{padding: 15px;font-size: 18px; color: #666;text-align: center;border:1px solid #ddd;}
table.tbl01 td:first-child{border-left: 0;}
table.tbl01 td:last-child{border-right: 0;}
table.tbl01 td.bg01{color: #333; font-weight: 700;background: #f5f5f5;}
.tbl_sub_txt{margin-top: 20px;}
.tbl_sub_txt p{font-size: 18px; color: #666;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{padding-bottom: 130px;}
.sub0101_wrap .con01 .box_wrap{display: flex;gap:40px;}
.sub0101_wrap .con01 .box_wrap .box{position: relative;width: calc((100% - 40px) / 2);transition:.5s; overflow: hidden;}
.sub0101_wrap .con01 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:54.795%;}
.sub0101_wrap .con01 .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0101_wrap .con01 .box_wrap .box .txt{position: absolute; left: 0; top: 0;display: flex;align-items: center; justify-content: center; flex-direction: column;width: 100%; height: 100%;backdrop-filter: brightness(0.4);transition:.5s;}
.sub0101_wrap .con01 .box_wrap .box .txt p{font-size: 35px; color: #ddd; font-weight: 700; text-align: center;}
.sub0101_wrap .con01 .box_wrap .box .txt span{display: block;font-size: 18px; color: #ddd;text-align: center;margin-top: 20px;text-transform:uppercase;}
.sub0101_wrap .con01 .box_wrap .box:hover{border-radius:24px;}
.sub0101_wrap .con01 .box_wrap .box:hover .txt{backdrop-filter: brightness(1);}

.sub0101_wrap .con02{position: relative;padding: 0px 0px 130px ;}
.sub0101_wrap .con02 .box_wrap{position: relative;}
.sub0101_wrap .con02 .box{width: 100%; height: 438px; border-radius:24px;}
.sub0101_wrap .con02 .box .txt_wrap{display: flex;padding: 70px;}
.sub0101_wrap .con02 .box .txt_wrap strong{display: block;font-size: 30px; color: #fff;font-weight: 700;width: 50%;}
.sub0101_wrap .con02 .box .txt_wrap p{width: 51%;font-size: 22px; color: #fff;font-weight: 600; line-height: 1.6;}
.sub0101_wrap .con02 .box01{background: url(/assets/images/sub/sub0101_img03.png)center no-repeat; background-size: cover; }
.sub0101_wrap .con02 .box02{margin-top: 20px;/* position: absolute; left: 0; top: 0; */background: url(/assets/images/sub/sub0101_img03-2.png)center no-repeat; background-size: cover; }
.sub0101_wrap .con02 .box03{margin-top: 20px;/* position: absolute; left: 0; top: 0; */background: url(/assets/images/sub/sub0101_img03-3.png)center no-repeat; background-size: cover; }

.sub0101_wrap .con02_bak{padding-top: 100px;overflow: hidden;}
.sub0101_wrap .con02_bak .box02{margin-top: 0px;position: absolute; left: 0; top: 0;background: url(/assets/images/sub/sub0101_img03-2.png)center no-repeat; background-size: cover; }
.sub0101_wrap .con02_bak .box03{margin-top: 0px;position: absolute; left: 0; top: 0;background: url(/assets/images/sub/sub0101_img03-3.png)center no-repeat; background-size: cover; }

.sub0101_wrap .con03{background: url(/assets/images/sub/sub0101_bg01.png)bottom 80px right -150px no-repeat;padding-top: 130px;}
.sub0101_wrap .con03 .box_wrap{display: flex;gap:60px;}
.sub0101_wrap .con03 .box_wrap .box{position: relative;width: calc((100% - 120px) / 3); height: 600px; padding: 60px; background: #333;transition:.4s;}
.sub0101_wrap .con03 .box_wrap .box em.tag{display: flex; align-items: center; width: fit-content; height: 40px; font-size: 20px; color: #ddd; font-weight: 700; padding: 0px 30px; border-radius:50px; border:1px solid #ddd;transition:.4s;text-transform:uppercase;}
.sub0101_wrap .con03 .box_wrap .box p{font-size: 35px; color: #fff; font-weight: 700;transition:.4s;}
.sub0101_wrap .con03 .box_wrap .box .img{position: absolute; bottom: 30px; left: 50%;transform:translateX(-50%);}
.sub0101_wrap .con03 .box_wrap .box:hover{background: var(--co01); border-radius:24px;}
.sub0101_wrap .con03 .box_wrap .box:hover em.tag{background: #fff; color: var(--co01);}
.sub0101_wrap .con03 .box_wrap .box:hover p{color: #fff;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con{display: flex;}
.sub0103_wrap .con .tab-menu-wrap{display: flex;gap:10px;justify-content: flex-end; flex-direction: column-reverse;width: 510px;}
.sub0103_wrap .con .tab-menu-wrap a{display: flex;align-items: center; justify-content: center; font-size: 20px;font-weight: 700; color: #999;width: 280px; height: 60px; background: #f5f5f5;}
.sub0103_wrap .con .tab-menu-wrap a.on{background: var(--co01);color: #fff;}
.sub0103_wrap .con .tab-container{width: calc(100% - 510px);}

.sub0103_wrap .con .his_wrap .his_box{display: flex;}
.sub0103_wrap .con .his_wrap .his_box:not(:last-child){margin-bottom: 130px;}
.sub0103_wrap .con .his_wrap .his_box .year{position: relative;width: 240px;font-size: 40px; color: #333; font-weight: 700;}
.sub0103_wrap .con .his_wrap .his_box .year::after{content:'';position: absolute; right: 0; top: 20px;width: 100px; height: 1px; background: #bbb;}
.sub0103_wrap .con .his_wrap .his_box ul{width: calc(100% - 240px);padding-left: 50px;transform: translateY(7px);}
.sub0103_wrap .con .his_wrap .his_box ul li{display: flex;}
.sub0103_wrap .con .his_wrap .his_box ul li:not(:last-child){margin-bottom: 20px;}
.sub0103_wrap .con .his_wrap .his_box ul li em{display: block; width: 45px;font-size: 18px; color: #333; font-weight: 700;line-height: 28px;}
.sub0103_wrap .con .his_wrap .his_box ul li p{width: calc(100% - 45px);font-size: 18px; color: #666; font-weight: 500;line-height: 28px;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .map_wrap{position:relative; width:100%; padding-bottom:26.667%;}
.sub0104_wrap .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0104_wrap .txt_wrap{position: relative;margin-top: 75px;}
.sub0104_wrap .txt_wrap strong{position: relative;display: block;font-size: 35px; color: #333; font-weight: 700;padding-left: 40px;margin-bottom: 50px;}
.sub0104_wrap .txt_wrap strong::after{content:'';position: absolute; left: 0; top: 0; background: url(/assets/images/sub/pin_icon01.png)center no-repeat; width: 25px; height: 33px; background-size: cover;}
.sub0104_wrap .txt_wrap ul li{display: flex;}
.sub0104_wrap .txt_wrap ul li:not(:last-child){margin-bottom: 25px;}
.sub0104_wrap .txt_wrap ul li span{display: block; width: 75px;font-size: 20px; color: #333; font-weight: 700;}
.sub0104_wrap .txt_wrap ul li p{font-size: 20px; color: #666; font-weight: 500;}
.sub0104_wrap .txt_wrap .bg_txt{position: absolute; bottom: -35px; right: 0;font-size: 240px; color: var(--co01);opacity: 0.05;font-weight: 700;}

/*sub0202*/
.sub0202_wrap{line-height: 1;}
.sub0202_wrap .con01{display: flex;align-items: center;gap:80px;}
.sub0202_wrap .con01 .img_box{width: 710px; overflow: hidden; border-radius:24px; background: #f5f5f5;}
.sub0202_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:70.423%;}
.sub0202_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0202_wrap .con01 .txt_box{width: calc(100% - 790px);}
.sub0202_wrap .con01 .txt_box .tit{position: relative;margin-bottom: 40px; padding-bottom: 40px;border-bottom: 1px solid #ddd;}
.sub0202_wrap .con01 .txt_box .tit::after{content:'';position: absolute; left: 0; bottom: -2px; width: 70px; height: 3px; background: var(--co01);}
.sub0202_wrap .con01 .txt_box .tit strong{display: block;font-size: 40px; color: #333; font-weight: 700;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt01 ul li{position: relative;padding-left: 20px;font-size: 18px; color: #666;line-height: 1.6;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt01 ul li:not(:last-child){margin-bottom: 8px;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt01 ul li::after{content:'';position: absolute;left: 0; top: 11px;width: 5px; height: 5px; background: var(--co01); border-radius:50%;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt02{margin-top: 55px;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt02 strong{display: block;font-size: 22px; color: #333; font-weight: 700;margin-bottom: 25px;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt02 ul li{position: relative;padding-left: 15px;font-size: 18px; color: #666;line-height: 1.6;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt02 ul li:not(:last-child){margin-bottom: 8px;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt02 ul li::after{content:'-';position: absolute; left: 0; top: 0; }

.sub0202_wrap .con02{padding-top: 130px;}
.sub0202_wrap .con02 table.tbl01 .col01{width: 500px;}
.sub0202_wrap .con02 table.tbl01 .col02{width: calc(100% - 500px);}

.sub0202_wrap .video_wrap{width: 1000px;margin: 130px auto 0;}
.sub0202_wrap .video_wrap .video{position:relative; width:100%; padding-bottom:56.25%;}
.sub0202_wrap .video_wrap .video iframe,
.sub0202_wrap .video_wrap .video video{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

/* sub0205 */
.sub0205_wrap{line-height: 1;}
.sub0205_wrap .tbl_scroll{overflow-x: scroll;}
.sub0205_wrap .tbl_scroll::-webkit-scrollbar {width: auto; /* 기본 크기 유지 */height: auto;}
.sub0205_wrap .tbl_scroll::-webkit-scrollbar-thumb {background-color: #666; /* 스크롤 손잡이 색상 */ border-radius:50px;}
.sub0205_wrap .tbl_scroll::-webkit-scrollbar-thumb:hover {background-color: var(--co01); /* 호버 시 색상 */}
.sub0205_wrap .tbl_scroll::-webkit-scrollbar-track {background-color: #f5f5f5; /* 트랙(바닥) 색상 */}
.sub0205_wrap .tbl_scroll table.tbl01{width: max-content;min-width: 100%;}
.sub0205_wrap .tbl_scroll table.tbl01 th,
.sub0205_wrap .tbl_scroll table.tbl01 td{width: 374px;border:1px solid #ddd}
.sub0205_wrap .tbl_scroll table.tbl01 td:first-child,
.sub0205_wrap .tbl_scroll table.tbl01 th:first-child{position: -webkit-sticky; position: sticky; left: 0;width: 377px;}

.sub0205_wrap .con:not(:last-child){margin-bottom: 90px;}