@media screen and (max-width:1400px) {

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

/* === Main === */
#wrap {position:relative; width:100%; max-width:1400px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

/*header */
#header{position: absolute; top: 0; left: 0; width: 100%; z-index: 7000; line-height: 1;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 80px;}
#header h1 a{display: block;background: url(/assets/images/main/main_logo01_tab.png)center no-repeat; width: 148px; height: 38px; background-size: cover;transition:.3s;}

#header .right_wrap{display: flex;align-items: center;gap:0;}
#header ul.gnb{display: none;gap:80px;transition:.4s;}
#header ul.gnb li{position: relative;padding: 38px 0;}
#header ul.gnb li::after{content:'';position: absolute; left: 50%;bottom: 0;transform:translateX(-50%);width: 0; height: 3px;background: var(--co01);transition:.4s;}
#header ul.gnb li.on::after{width: 40px;}
#header ul.gnb li a{font-size: 18px; color: #fff; font-weight: 500;}
#header .gnb_wrap{display: none; align-items:center; gap:50px;}
#header .all_btn{display: none;background: url(/assets/images/main/nav_btn_tab.png)center no-repeat;background-size: cover;width: 22px; height: 22px; }
#header .right_wrap .lang{width:80px; height:30px; border-radius:15px; border:1px solid #Fff; margin:0 20px 0 0;}
#header .right_wrap .lang a{display:flex; align-items:center; justify-content:center; gap:5px; color:#fff; font-size:15px; font-weight:600;}
#header .right_wrap .lang a .g{display:none;}
#header .right_wrap .lang a .w{display:block}

#header.on{background: #fff;}
#header.on h1 a{background: url(/assets/images/main/sec01_logo01_tab.png)center no-repeat; background-size: cover;}
#header.on ul.gnb{gap:150px;}
#header.on ul.gnb li a{color: #333;}
#header.on .all_btn{background: url(/assets/images/main/nav_x_btn_tab.png)center no-repeat;background-size: cover;width: 24px; height: 25px;}
.all_wrap{display: none;position: absolute;top: 90px; left: 0; width: 100%; background: #f5f5f5;z-index: 6000;padding: 30px 0 110px;}
.all_wrap .inner{display: flex;justify-content: flex-end; padding-right:29px;}
.all_wrap ul{width: 210px;}
.all_wrap ul:nth-child(3){transform: translateX(3px);}
.all_wrap ul:nth-child(4){transform: translateX(8px);}
.all_wrap ul:nth-child(5){transform: translateX(-3px);}
.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);}

/* navi */
.nav_btn{display: block;background: url(/assets/images/main/nav_btn_tab.png)center no-repeat;background-size: cover;width: 22px; height: 22px; }
.navigation{position:absolute;top: 0px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 9500;line-height: 1;}
.navigation .nav_header{display: flex;align-items: center; justify-content: flex-end;height: 80px;padding-right: 20px; gap:20px;}
.navigation .nav_header .nav_btn{background: url(/assets/images/main/nav_x_btn_tab.png)center no-repeat;background-size: cover;width: 21px; height: 22px;}
.navigation .lnb{padding: 60px ;}
.navigation h3{margin-bottom: 27px;transition:.3s;}
.navigation h3.on,
.navigation h3.active{margin-bottom: 20px;}
.navigation h3 a{position: relative;width:100%;color:#333;font-size:18px;font-weight: 500;}
.navigation ul{display: block; padding:0 10px 27px 10px;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#666;font-size:16px;border:none;font-weight: 400;word-break:keep-all;}
.navigation ul li.on a{color: var(--co01);}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 8000;}
.navigation .nav_header .lang{border:1px solid #999; width:80px; height:30px; border-radius:15px; margin:0;}
.navigation .nav_header .lang a{display:flex; align-items:center; justify-content:center; gap:5px; color:#999; font-size:15px; font-weight:600;}
.navigation .nav_header .lang a .g{display:block;}
.navigation .nav_header .lang a .w{display:none}

/* visual_wrap */
#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .txt_wrap{position: absolute;left: 0; top: 50%;transform:translateY(-50%);width: 100%;}
#visual_wrap .txt_wrap span{display: block;font-size: 20px; color: var(--co01); margin-bottom: 25px;text-transform:uppercase;}
#visual_wrap .txt_wrap p{font-size: 50px; color: #fff; line-height: 62px;font-weight: 700;}
#visual_wrap .slide_items{position: absolute;left: 0;width: 100%;bottom: 80px;}
#visual_wrap .slide_items .inner{display: flex;align-items: center;gap:12px;}
#visual_wrap .slide_items .progress_wrap{position: relative;}
#visual_wrap .slide_items .progress_wrap .dots_wrap{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);}
#visual_wrap .slide_items .numcount{position: relative;display: flex; align-items: center; gap:120px;}
#visual_wrap .slide_items .numcount span{font-size: 14px; font-weight: 700; color: rgba(255,255,255,.5);}
#visual_wrap .slide_items .numcount span.now{color: #fff;}

#visual_wrap .slide_items .arr_wrap{display: flex;align-items: center;gap:10px;}
#visual_wrap .slide_items .arr_wrap img{height: 11px;}

#visual_wrap .slide_items .dots_wrap ul{position: relative;width: 100px; height: 2px; background: rgba(255,255,255,.5);}
#visual_wrap .slide_items .dots_wrap ul li{position: absolute; left: 0; top: 0;width: 0; height: 100%;text-indent: -9999px; background: var(--co01);}
#visual_wrap .slide_items .dots_wrap ul li.slick-active{animation: dotsAni01 8s linear forwards;}
@keyframes dotsAni01{
0%{width: 0;}
100%{width: 100%;}
}

/* section */
.section{padding: 100px 0;line-height: 1;}
.sec_tit{display: flex;align-items: center; justify-content: space-between;margin-bottom: 40px;}
.sec_tit p{font-size: 50px; color: #333; font-weight: 700;}
.sec_tit span{display: block;font-size: 16px; color: #666; line-height: 25px; margin-top: 20px;}

a.more_btn01{display: flex; align-items: center;gap:13px;font-family: "Play", sans-serif;font-size: 14px; color: #666; }
a.more_btn01 em{display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius:50%; background: var(--co01);}
a.more_btn01 em img{width: 13px;}

/* section01 */
#section01{background: url(/assets/images/main/sec01_logo01_tab.png)bottom 50px right 20px no-repeat , url(/assets/images/main/sec01_bg01_tab.png)center right 0px no-repeat ; background-size: 163px,768px;}
#section01 .sec_tit em{display: block;font-size: 20px; color: #333;font-weight:  700; margin-top: 30px;}
#section01 .sec_tit em b{color: var(--co01);font-weight:  700;}
#section01 .sec_tit span i{display: block;}

/* section02 */
#section02{background: #f5f5f5;}
#section02 .box_wrap{display: flex;gap:30px;flex-wrap:wrap;}
#section02 .box_wrap .box{position: relative;width: 100%;}
#section02 .box_wrap .box::after{content:'';position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);z-index: 100; border:1px solid rgba(255,255,255,.5);width: calc(100% - 20px);height: calc(100% - 20px);opacity: 0;transition:.3s;}
#section02 .box_wrap .box:hover::after{opacity: 1;}
#section02 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:24.708%;}
#section02 .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;}
#section02 .box_wrap .box .txt_wrap{position: absolute;left: 0; bottom: 0;width: 100%;padding: 30px;display: flex;align-items: flex-end;justify-content: space-between;}
#section02 .box_wrap .box .txt_wrap .txt p{font-size: 24px; color: #fff; font-weight: 700;margin-bottom: 20px;}
#section02 .box_wrap .box .txt_wrap .txt span{display: block;font-size: 14px; color: #fff; line-height: 1;}
#section02 .box_wrap .box .txt_wrap .txt span br{display:none;}
#section02 .box_wrap .box .txt_wrap .icon img{width: 36px;}

/* section03 */
#section03 .box_wrap{position: relative;transform:translate(-20px);}
#section03 .box_wrap::after{content:'';position: absolute;top: 0; left: -100%;background: #fff;height: 100%;width: 100%;}
#section03 .box_wrap::before{content:'';position: absolute;top: 0; right: -100px;background: rgba(255,255,255,.5);height: 100%;width: calc(100% - 600px);z-index: 100;}
#section03 .box_wrap .slick-list{overflow: visible;}
#section03 .box_wrap .box{width: 350px;padding: 0px 20px;border-right: 1px solid #ddd;}
#section03 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:65%;overflow: hidden;}
#section03 .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;transition:.4s ease;}
#section03 .box_wrap .box:hover .img_wrap img{transform:scale(1.05);}
#section03 .box_wrap .box .txt_wrap{margin-top: 35px;}
#section03 .box_wrap .box .txt_wrap .txt p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section03 .box_wrap .box .txt_wrap .txt span{display: block;font-size: 12px; color: #666; line-height: 18px; margin-top: 10px;height: 54px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .box_wrap .box .txt_wrap .bot{display: flex;align-items: center; justify-content: space-between; margin-top: 35px;}
#section03 .box_wrap .box .txt_wrap .bot span{font-size: 12px; color: #999;}

/* section04 */
#section04{padding: 100px 0;background: url(/assets/images/main/sec04_bg01_tab.jpg)center no-repeat; background-size: cover;}
#section04 .inner{display: flex;flex-wrap:wrap;align-items: center; justify-content: center;}
#section04 .sec_tit{width: 100%;margin-bottom: 90px;}
#section04 .sec_tit p{color: #fff;}
#section04 .sec_tit span{color: #fff;}
#section04 .sec_tit span br{display: none;}
#section04 .box_wrap{position: relative;display: flex;width: 100%;justify-content: space-around;}
#section04 .box_wrap::after{content:'';position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 1px; height: 100px; background: rgba(255,255,255,.5);}
#section04 .box_wrap .box{width: auto;padding: 0px ;}
#section04 .box_wrap .box:nth-child(1){border-right: 0;padding-right: 0px;}
#section04 .box_wrap .box em{font-size: 14px; color: #fff;font-weight: 700;text-transform:uppercase;}
#section04 .box_wrap .box p{font-size: 24px; color: #fff;font-weight: 700;margin: 15px 0px 25px;}
#section04 .box_wrap .box a{display: flex;align-items: center; justify-content: center;font-size: 12px; color: #fff; width: 113px; height: 27px; border:1px solid #fff; border-radius:50px;}

.f_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3);z-index: 9999;}
.f_pop .x_btn{position: fixed;top: 50px;right: 2.6%;color: #fff;font-size: 40px;}
.f_pop .pop_box{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 95%; height: 600px; background: #fff; border-radius: 20px;padding: 30px;}
.f_pop .pop_box02{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 95%; background: #fff; border-radius: 20px;padding: 30px;}
.pop_box h2{font-size:24px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box .txt_box{overflow-y:scroll; height:450px;}
.pop_box .txt_box h4.member_guide_tit{font-size:17px; margin-top: 20px; color:#222; font-weight:600;}
.pop_box .guide_type1 {padding-left: 10px; margin-top: 5px;}
.pop_box .guide_type2 {padding-left: 15px; margin-top: 5px;}
.pop_box .txt_box .guide_type1 > li{margin-bottom: 5px; font-size: 17px; color: #555; line-height: 1.4;}
.pop_box .guide_type2 > li {margin-bottom: 3px; font-size: 17px; color: #555; line-height: 1.4;}
.pop_box02 h2{font-size:24px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box02 .txt_box p{font-size:17px; color:#555;}

/* footer */
#footer{padding: 40px 0;line-height: 1; background: #222;}
#footer .f_top{display: flex;align-items: center; justify-content: space-between;padding-bottom: 25px; margin-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,.2);}
#footer .f_top .f_logo img{width: 163px;}
#footer .f_top .a_wrap{display: flex;gap:27px;}
#footer .f_top .a_wrap a{font-size: 12px;color: #666;}
#footer .f_top .a_wrap a.top_btn{color: #fff;}
#footer .f_bot{display: flex;align-items: flex-end; justify-content: space-between;}
#footer .f_bot p{font-size: 12px; color: #777;}
#footer .f_bot address p{line-height: 20px;}
#footer .f_bot address p i{display: inline-block;width: 20px;}

/* ===sub========================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute; left: 50%; top: 38%;transform:translate(-50%);width: 100%;}
#sub_visual_wrap .txt_wrap span{display: block;text-transform:uppercase; font-size: 20px; color: var(--co01);text-align: center; margin-bottom: 30px;}
#sub_visual_wrap .txt_wrap h3{font-size: 50px; color: #fff;font-weight: 700;text-align: center;}

.tab_menu{position: absolute;bottom: 0;left: 0;display: flex;width:100%; height:70px; line-height: 1;z-index: 10;}
.tab_menu .menu {position: relative;display: flex;gap:20px; width:580px; height:100%; background: #fff;}
.tab_menu .menu::after{content:'';position: absolute; width: 100%; height: 100%; background: #fff;right: 100%;}
.tab_menu .menu > li {position:relative;display: flex;align-items: center;width: 180px;height:100%;}
.tab_menu .menu > li.home{min-width: auto; width: auto;padding-right: 25px;}
.tab_menu .menu > li.home img{width: 30px;}
.tab_menu .menu > li.home::after{display: none;}
.tab_menu .menu > li.home::before{content:'';position: absolute; right: 0px; top: 50%; transform:translateY(-50%);width: 7px; height: 9px; background: url(/assets/images/sub/sub_arr01_pc.png)center no-repeat; background-size: cover;}
.tab_menu .menu > li.home a{display: flex;align-items: center;gap:20px;border: 0;padding: 0;}
.tab_menu .menu > li::before{content:'';position: absolute; right: 10px; top: 50%; transform:translateY(-50%);width: 9px; height: 7px; background: url(/assets/images/sub/sub_arr02_pc.png)center no-repeat; background-size: cover;}
.tab_menu .menu > li.menulink02::before{background: url(/assets/images/sub/sub_arr03_pc.png)center no-repeat; background-size: cover;}
.tab_menu .menu > li > a {display:flex; align-items:center; width: 100%; height:auto; border-bottom: 2px solid #333; padding: 10px 0; font-size: 14px; color:#333; font-weight: 700; line-height:1.2; box-sizing:border-box; word-break:keep-all;}
.tab_menu .menu > li.menu_l{width:280px;}
.tab_menu .menu > li.menulink02 > a{border-bottom: 2px solid var(--co01); }
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:62px; left:0px; padding:20px 0; box-sizing:content-box; background-color:#fff; z-index:10;}
.tab_menu .menu > li ul li ~ li { margin-top:15px;}
.tab_menu .menu > li ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:14px; color:#333; padding:0 20px ; font-weight: 400;box-sizing:border-box; }
.tab_menu .menu > li ul li.on a{color: var(--co01);}

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

/* 공통 */
.sub_tit01{margin-bottom: 80px;}
.sub_tit01 p{font-size: 16px; color: #666; line-height: 1.6; margin-top: 20px;}
.sub_tit01 p.co01{color: var(--co01);}
h3.h3_tit01{font-size: 38px; color: #333; font-weight: 700; line-height: 1.4;font-family: "Play", sans-serif;}
h3.h3_tit01 b.gr{background-image: linear-gradient(0deg,rgba(221, 102, 61, 1) 0%, rgba(253, 185, 77, 1) 100%);;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.sub_tit02{margin-bottom: 30px;}
.sub_tit02 p{font-size: 15px; color: #666; line-height: 1.6;}
.sub_tit02 h4.h4_tit01{margin-bottom: 20px;}
h4.h4_tit01{position: relative;font-size: 30px; color: #333; font-weight: 700;padding-left: 35px; margin-bottom: 25px;}
h4.h4_tit01::after{content:'';position: absolute;left: 0; top: 9px;background: url(/assets/images/sub/txt_icon01.png); width: 23px;height: 14px;background-size: cover;}

ul.ul_st01 li{position: relative;padding-left: 16px;font-size: 16px; line-height: 1.6;color: #666;}
ul.ul_st01 li::after{content:'';position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background: var(--co01);}

/*sub0101*/
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{background: url(/assets/images/sub/sub0101_bg01.png)top right no-repeat; padding-bottom: 80px;background-size: 200px;}
.sub0101_wrap .con01 ul{display: flex;flex-wrap:wrap;border-top: 1px solid #ddd;}
.sub0101_wrap .con01 ul li{display: flex;padding: 20px 25px;width: 50%;border-bottom: 1px solid #ddd;}
.sub0101_wrap .con01 ul li.li02{width: 100%;}
.sub0101_wrap .con01 ul li p{width: 90px;font-size: 16px; color: #333; font-weight: 700;}
.sub0101_wrap .con01 ul li span{display: block;width: calc(100% - 90px);font-size: 16px; color: #666;}

@media screen and (max-width:1024px) {
.sub0101_wrap .con01 ul li{width: 100%;}
}

.sub0101_wrap .con02 img{width: calc(100% - 20px);object-fit:cover ;height: 300px;}
.sub0101_wrap .con02 .box_wrap{position: relative;}
.sub0101_wrap .con02 .box_wrap::after{content:'';position: absolute; right: 0;bottom: 0;width: calc(100% - 20px); height: calc(100% + 100px); background: #fffaf1;z-index: -1;}
.sub0101_wrap .con02 .box_wrap .inner{padding: 50px 20px 50px 40px;background: transparent;}
.sub0101_wrap .con02 .box_wrap .box{display: flex;}
.sub0101_wrap .con02 .box_wrap .box:not(:last-child){margin-bottom: 60px;}
.sub0101_wrap .con02 .box_wrap .box p{font-size: 18px; line-height: 1.6; color: #333;font-weight: 700;}

.sub0101_wrap .con02 .box_wrap .box .tit{width: 140px;}
.sub0101_wrap .con02 .box_wrap .box .tit b{font-size: 14px; color: var(--co01);font-weight: 400;line-height: 26px;}

.sub0101_wrap .con02 .box_wrap .box .txt{width: calc(100% - 140px);transform: translateY(25px);}
.sub0101_wrap .con02 .box_wrap .box .txt ul{display: flex;gap:20px;}
.sub0101_wrap .con02 .box_wrap .box .txt ul li{position: relative;width: calc((100% - 40px) / 3); height: 180px; padding: 20px; border:1px solid rgba(245,130,31,.4);}
.sub0101_wrap .con02 .box_wrap .box .txt ul li span{display: block;position: absolute;left: 20px; bottom: 20px;width: calc(100% - 40px);font-size: 14px; line-height: 1.6;margin-top: 40px;}
.sub0101_wrap .con02 .box_wrap .box .txt ul li span br{display: none;}
.sub0101_wrap .con02 .box_wrap .box .txt ul li em{position: absolute;bottom: 15px;right: 20px;font-size: 60px;color: var(--co01); font-weight: 700; opacity: .1;}
.sub0101_wrap .con02 .box_wrap .box02 .txt{transform: translateY(10px);}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .box_wrap{padding: 80px 0 0 0;background: url(/assets/images/sub/sub0102_bg01.jpg)right bottom no-repeat #fafafa;background-size:500px;}
.sub0102_wrap .box_wrap .inner{position: relative;display: flex;}
.sub0102_wrap .box_wrap .txt{width: calc(100% - 400px);}
.sub0102_wrap .box_wrap .txt p{font-size: 16px; color: #333; line-height: 1.8;font-weight: 500;}
.sub0102_wrap .box_wrap .txt p br{display: none;}
.sub0102_wrap .box_wrap .txt p:not(:last-child){margin-bottom: 20px;}
.sub0102_wrap .box_wrap .txt p:last-child{margin-top: 30px;}
.sub0102_wrap .box_wrap .txt p b{font-size: 22px;font-weight: 700;}
.sub0102_wrap .box_wrap .img{position: absolute;bottom: -8px; right: 0;}
.sub0102_wrap .box_wrap .img img{width: 400px;}

@media screen and (max-width:1024px) {
.sub0102_wrap .box_wrap .inner{flex-wrap:wrap;justify-content: center;gap: 20px;}
.sub0102_wrap .box_wrap .txt{width: 100%;}
.sub0102_wrap .box_wrap .img{position: relative;bottom: -8px;}
}

/* sub0103 */
.sub0103_wrap{line-height: 1;background: url(/assets/images/sub/sub0103_bg01.jpg)center bottom no-repeat; background-size: 100%;padding-bottom: 80px;}
.sub0103_wrap .his_wrap{padding: 0;}
.sub0103_wrap .his_wrap .his{display: flex;	}
.sub0103_wrap .his_wrap .his:not(:last-child){margin-bottom: 120px;}
.sub0103_wrap .his_wrap .his .year{position: relative;width: 200px;font-size: 30px;color: #333;font-weight: 700;}
.sub0103_wrap .his_wrap .his .year::before{content:'';position: absolute; top: 40px; right: 15px; width: 1px;	height: 100px;background: linear-gradient(0deg,transparent 0%, rgba(221, 221, 221, 1) 100%);}
.sub0103_wrap .his_wrap .his .year::after{content:'';position: absolute; right: 0; top: 0; width: 30px; height: 31px; background: url(/assets/images/sub/sub0103_icon01.png)center no-repeat; background-size: cover;}	
.sub0103_wrap .his_wrap .his:last-child .year::before{display: none;}
.sub0103_wrap .his_wrap .his .txt{display: flex;width: calc(100% - 200px);padding-left: 40px;}
.sub0103_wrap .his_wrap .his .txt p.date{width: 45px;font-size: 20px; color: var(--co01);font-weight: 700;line-height: 1.4;}
.sub0103_wrap .his_wrap .his .txt ul{width: calc(100% - 45px);}
.sub0103_wrap .his_wrap .his .txt ul li{font-size: 16px; color: #333; line-height: 1.6;font-weight: 500;}

.sub0103_wrap .img_wrap{display: flex;flex-wrap:wrap;gap:30px;padding-top: 80px;width: 1010px;margin: 0 auto;}
.sub0103_wrap .img_wrap img:nth-child(3),
.sub0103_wrap .img_wrap img:nth-child(4){transform:translateX(100px);}

@media screen and (max-width:1024px) {
.sub0103_wrap .img_wrap{width: 750px;}
.sub0103_wrap .img_wrap img{height: 250px;}
.sub0103_wrap .img_wrap img:nth-child(3),
.sub0103_wrap .img_wrap img:nth-child(4){transform:translateX(30px);}
}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .sub_tit01 p br{display: none;}
.sub0201_wrap .img_wrap{display: flex;gap:10px;}
.sub0201_wrap .img_wrap img{width: calc((100% - 10px) / 2);flex:initial;border:1px solid #ddd; border-radius:10px;}
.sub0201_wrap .con02{padding: 100px 0;background: #f5f5f5;}
.sub0201_wrap .con03{padding-top: 100px;}
.sub0201_wrap .con03 .img_wrap img{width: calc((100% - 10px) / 3);}

/* sub_list */
.sub_list_wrap{line-height: 1;}
.sub_list_wrap ul.sub_list{display: flex;flex-wrap:wrap;gap:50px 30px;}
.sub_list_wrap ul.sub_list li{width: calc((100% - 60px) / 3);}
.sub_list_wrap ul.sub_list li .img_wrap{position:relative; width:100%; padding-bottom:67.4%;border:1px solid #ddd; border-radius:12px;overflow: hidden;}
.sub_list_wrap ul.sub_list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;padding: 20px;}
.sub_list_wrap ul.sub_list li .txt_wrap{display: flex;align-items: flex-end; gap: 15px; justify-content: space-between;flex-direction: column;position: relative;margin-top: 20px;padding-top: 15px;}
.sub_list_wrap ul.sub_list li .txt_wrap::after{content:'';position: absolute; top: 0; left: 0;width: 20px; height: 2px; background: var(--co01);}
.sub_list_wrap ul.sub_list li .txt_wrap p{width: 100%;font-size: 20px; color: #333; font-weight: 700;}
.sub_list_wrap ul.sub_list li .txt_wrap span{display: flex;align-items: center; gap:10px; font-size: 16px;color: #999;}
.sub_list_wrap ul.sub_list li .txt_wrap span img{transition:.3s;width: 16px;}
.sub_list_wrap ul.sub_list li:hover .txt_wrap span img{transform:rotate(90deg);}

/* sub_view */
.sub_view_wrap{line-height: 1;}
.sub_view_wrap .con{margin-bottom: 80px;}
.sub_view_wrap .con p{font-size: 16px; color: #666; line-height: 1.6;}

.sub_view_wrap a.back_btn{display: flex; align-items: center; justify-content: space-between; width: 180px; height: 50px; background: var(--co01);font-size: 16px; color: #fff;padding: 0 15px; margin: 0 auto;}

.sub_view_wrap .con01{display: flex; align-items: center; justify-content: flex-end;gap:60px;}
.sub_view_wrap .con01 .img_box{width:  calc((100% - 60px)/2);border:1px solid #ddd;border-radius:10px;}
.sub_view_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:67.4%;}
.sub_view_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

.sub_view_wrap .con01 .txt_box{width: calc((100% - 60px)/2);}
.sub_view_wrap .con01 .txt_box .tit{position: relative;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.sub_view_wrap .con01 .txt_box .tit::after{content:'';position: absolute; left: 0; bottom: -2px; width: 50px; height: 3px; background: var(--co01);}
.sub_view_wrap .con01 .txt_box .tit span{display: block;font-size: 16px; color: var(--co01); font-weight: 700;margin-bottom: 15px;text-transform:uppercase;}
.sub_view_wrap .con01 .txt_box .tit p{font-size: 35px; color: #333; font-weight: 700; line-height:1;} 
.sub_view_wrap .con01 .txt_box .txt{margin-bottom:15px;}
.sub_view_wrap .con01 .txt_box .txt p{text-align:center; background: var(--co01); width:90px; height:26px; border-radius:13px; color:#fff; font-weight:700; font-size:14px; line-height:26px; margin-bottom:10px;}

@media screen and (max-width:1024px) {
.sub_view_wrap .con01{display: flex;flex-direction: column; align-items: center; justify-content: flex-end;gap:30px;}
.sub_view_wrap .con01 .img_box{width: 100%;border:1px solid #ddd;border-radius:10px;}
.sub_view_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:67.4%;}
.sub_view_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub_view_wrap .con01 .txt_box{width: 100%;}
}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .con01{padding: 30px 0px 100px;}
.sub0401_wrap .con01 .box_wrap{display: flex;gap:20px;}
.sub0401_wrap .con01 .box_wrap .box{position: relative;flex:1;}
.sub0401_wrap .con01 .box_wrap .box img{width: 100%;}
.sub0401_wrap .con01 .box_wrap .box em{position: absolute;top: -40px; right: 20px;font-size: 80px; font-weight: 700; color: var(--co01);}
.sub0401_wrap .con01 .box_wrap .box .txt_wrap{position: absolute; left: 0; bottom: 0;padding: 20px;}
.sub0401_wrap .con01 .box_wrap .box .txt_wrap p{font-size: 18px; color: #fff;font-weight: 700;}
.sub0401_wrap .con01 .box_wrap .box .txt_wrap span{display: block;font-size: 15px; line-height: 1.6; margin-top: 12px;color: #fff;}

.sub0401_wrap .con02{padding: 120px 0;background: url(/assets/images/sub/sub0401_bg01.png)center no-repeat;background-size: cover;}
.sub0401_wrap .con02 .inner{display: flex;}
.sub0401_wrap .con02 .left{width: 50%;}
.sub0401_wrap .con02 .left .sub_tit01{margin-bottom: 0;}
.sub0401_wrap .con02 .left .sub_tit01 h3.h3_tit01{color: #fff;}
.sub0401_wrap .con02 .left .sub_tit01 p{color: #fff; margin-top: 10px;}

.sub0401_wrap .con02 .right{width: 50%;}
.sub0401_wrap .con02 .right p{font-size: 16px; color: #fff; line-height: 1.6;}
.sub0401_wrap .con02 .right p:not(:last-child){margin-bottom: 20px;}
.sub0401_wrap .con02 .right p br{display: none;}

/* sub0402 */
.sub0402_wrap{line-height: 1;padding-bottom: 100px;background: url(/assets/images/sub/sub0402_bg01.png)right 20px bottom no-repeat;background-size: 650px;}
.sub0402_wrap .tit_wrap{position: relative;margin-bottom: 40px;padding-top: 50px;}
.sub0402_wrap .tit_wrap::after{content:'';position: absolute; left: 50%; top: 0; transform:translateX(-50%); width: 30px; height: 25px; background: url(/assets/images/sub/sub0402_icon01.png)center no-repeat; background-size: cover;}
.sub0402_wrap .tit_wrap p{font-size: 30px; line-height: 1.6; color: #333;text-align: center;font-weight: 700;}
.sub0402_wrap .tit_wrap p b{color: var(--co01); font-weight: 700;}

.sub0402_wrap .box_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.sub0402_wrap .box_wrap .box{padding: 60px 30px 40px;width: calc((100% - 20px) / 2); background: #f5f5f5;}
.sub0402_wrap .box_wrap .box .tit{position: relative;margin-bottom: 20px;}
.sub0402_wrap .box_wrap .box .tit em{position: absolute; bottom: -5px;left: -15px;font-size: 60px; color: rgba(245,130,31,.1);font-weight: 700;}
.sub0402_wrap .box_wrap .box .tit p{font-size: 20px;color: #333;font-weight: 700;}
.sub0402_wrap .box_wrap .box .tit p b{color: var(--co01);font-weight: 700;}
.sub0402_wrap .box_wrap .box ul li:not(:last-child){margin-bottom: 5px;}
.sub0402_wrap .box_wrap .box ul li br{display: none;}

/*  sub0501  */
.catalog_wrap{display:flex; flex-wrap:wrap; gap:60px;}
.catalog{width:calc((100% - 60px)/2);}
.catalog .img_area{position: relative; width: 100%; padding-bottom: 70.7%; /*이미지사이즈 > 가로:세로=100:x */  overflow: hidden;}	
.catalog .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; background:#f5f5f5;}
.catalog .btn_down{width:150px; height:44px; display:flex; align-items:center; justify-content:center; gap:0 10px; border:1px solid #ddd; cursor:pointer; margin: 30px auto 0; font-size:14px; color:#333; border-radius:22px;}
.catalog .btn_down img{width:14px;}
.catalog .btn_down img.off{display:block;}
.catalog .btn_down img.on{display:none;}
.catalog .btn_down:hover{background:var(--co01); color:#fff; border:1px solid var(--co01);}
.catalog .btn_down:click{background:var(--co01); color:#fff; border:1px solid var(--co01);}
.catalog .btn_down:hover img.off{display:none;}
.catalog .btn_down:hover img.on{display:block;}
.catalog .btn_down:click img.off{display:none;}
.catalog .btn_down:click img.on{display:block;}

/* sub0601 */
.sub0601_wrap{line-height: 1;}
.sub0601_wrap .tit_wrap{margin-bottom: 30px;}
.sub0601_wrap .tit_wrap p{font-size: 30px;color: #333; font-weight: 700;}
.sub0601_wrap .tit_wrap ul{display: flex;gap:20px 40px;flex-wrap:wrap;margin-top: 30px; padding-top: 30px;border-top: 2px solid #333;}
.sub0601_wrap .tit_wrap ul li{display: flex;}
.sub0601_wrap .tit_wrap ul li p{width: 40px;font-size: 16px; color: #333;font-weight: 700;}
.sub0601_wrap .tit_wrap ul li span{}
.sub0601_wrap .map_wrap{position:relative; width:100%; padding-bottom:42.857%;}
.sub0601_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;}

/*sub0603*/
.sub0603_wrap{line-height: 1;}
.sub0603_wrap .box_wrap{gap:20px;}
.sub0603_wrap .box_wrap .box{width: calc((100% - 20px) / 2);padding: 20px;border: 1px solid #ddd;}
.sub0603_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:65%;overflow: hidden;}
.sub0603_wrap .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;transition:.4s ease;}
.sub0603_wrap .box_wrap .box:hover .img_wrap img{transform:scale(1.05);}
.sub0603_wrap .box_wrap .box .txt_wrap{margin-top: 35px;}
.sub0603_wrap .box_wrap .box .txt_wrap .txt p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0603_wrap .box_wrap .box .txt_wrap .txt span{display: block;font-size: 12px; color: #666; line-height: 18px; margin-top: 10px;height: 54px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0603_wrap .box_wrap .box .txt_wrap .bot{display: flex;align-items: center; justify-content: space-between; margin-top: 35px;}
.sub0603_wrap .box_wrap .box .txt_wrap .bot span{font-size: 12px; color: #999;}


/* sub0701 */
.sub0701_wrap .sitemap{padding:45px 0; border-bottom:1px solid #ddd; display:flex; align-items:flex-start; flex-wrap:wrap;}
.sub0701_wrap .sitemap:first-child{border-top:2px solid #222;}
.sub0701_wrap .sitemap h4{font-size:28px; color:#222; width:240px;}
.sub0701_wrap .sitemap ul{width:calc(100% - 240px); display:flex; gap:15px 0; flex-wrap:wrap; padding-top:12px;}
.sub0701_wrap .sitemap ul li{position:relative; width:50%; padding-left:10px; }
.sub0701_wrap .sitemap ul li::before{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 3px; height: 3px; background: var(--co01); border-radius:50%;}
.sub0701_wrap .sitemap ul li a{font-size:15px; font-weight:300; width:100%; color:#222;}
.sub0701_wrap .sitemap ul li a:hover{color:var(--co01);}


}