@charset "utf-8";


/* common */
/* .df{display: flex;flex-wrap: wrap;justify-content: space-between;} */
.df {display: flex !important;flex-wrap: wrap;}
.no-scroll {
	overflow: hidden !important; 
}

/* slick common */
.slick-slider {width: 100%;height: 100%;overflow: hidden;}
.slick-slider div {width: 100%;float: left;height: 100%;text-align: center;}
.slick-slider div .img img{width: 100%;height: 100%;object-fit: cover;}
.slide_wrap{border: 1px solid #e5e5e5;border-radius: 30px;padding: 35px 40px;position: relative;z-index: 0;overflow: hidden;flex: 60%;}

.nav-container{position:relative}
.nav-img img{cursor: pointer;width: 180px;height: 100px;object-fit: cover;border: 1px solid #e2e2e2;padding: 4%;}
.main-container img {height: 300px;margin-bottom: 30px;}
.con_info .info_text {    flex: 40%;}

.sub_con .slick-arrow{position:absolute;display:block;width: 30px;height: 30px;transition:all .4s!important;z-index:10;top: 50%;}
.sub_con .slick-prev{background:url('../img/sub/arrow01.png') no-repeat center #e5e5e5;border-radius:100%;transform: translateY(-50%) rotate(90deg);left: -33px;}
.sub_con .slick-next{background:url('../img/sub/arrow01.png') no-repeat center #e5e5e5;border-radius:100%;transform: translateY(-50%) rotate(270deg);right: -33px;}
.sub_con .slick-next:hover{background:url('../img/sub/arrow01.png') no-repeat center #b5b5b5;}
.sub_con .slick-prev:hover{background:url('../img/sub/arrow01.png') no-repeat center #b5b5b5;}

@media screen and (max-width:1024px){
.nav-container{/* display:none; */}
}

@media screen and (max-width:768px) {
	.slide_wrap{padding:20px 40px}
	.nav-img img{width:130px;height:80px}
}
@media screen and (max-width:500px) {
	.slider-main img{max-height:160px}
	.nav-img img{width:70px;height:50px}
}


/* layout */
.wr-1500{width: 100%;max-width: 1500px; margin: 0 auto;}
.wr-1770{width: 100%;max-width: 1770px; margin: 0 auto;}

@media (max-width: 1770px){
	/* .wr-1770{paddding:0 20px;} */
}

@media (max-width: 1500px){
	.wr-1500{padding: 0 20px;}
}


/*table */
.info_text .item_table_wr{
    padding-top: 20px;
}
.item_table_wr{width:100%;text-align: left;width: 100%;}
.item_table_wr table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr th{background: #093e7f00;padding: 10px 10px;color: #000;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.item_table_wr thead tr:first-child th{border-top: 1px solid #000000;border-bottom:1px solid #000}
.item_table_wr td{/* background:#eee; */padding: 10px 30px;font-weight: 500;font-size: clamp(16px, 3vw, 20px);border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.item_table_wr td:last-child{border-right:0;}
.item_table_wr tbody{border-bottom:1px solid #000}
.item_table_wr tr:last-child td{border-bottom:0}
.item_table_wr tr:first-child td:first-child{border-bottom:0}
.item_table_wr td.bt{border-bottom: 1px solid #dedede !important;}
.item_table_wr thead tr:first-child th:last-child{border-right:0}

@media screen and (max-width:650px) {
.item_table_wr::-webkit-scrollbar{height:5px}
.item_table_wr::-webkit-scrollbar-thumb{background-color: #24205a;border-radius:10px}
.item_table_wr::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}.item_table_wr td{padding:15px}

}

.item_table_wr3{width:100%;text-align: left;width: 100%;}
.item_table_wr3 table{width:100%;border-spacing: 0;font-size: 20px;text-align: center;}
.item_table_wr3 thead{border-top: 2px solid #000;}
.item_table_wr3 th{background: #093e7f00;padding: 10px 5px;color: #000;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;font-size: 12px;}
.item_table_wr3 thead tr:first-child th{border-top: 2px solid #000000;border-bottom:1px solid #000}
.item_table_wr3 tr{border-bottom: 1px solid #dedede;}
.item_table_wr3 tr:last-child{border-bottom:1px solid #000 }
.item_table_wr3 tr:last-child td{/* border-bottom:0; */}
.item_table_wr3 td{/* background:#eee; */padding: 10px;font-weight: 500;font-size: clamp(16px, 3vw, 20px);border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;font-size: 12px;min-width: 77px;height: 67px;}
.item_table_wr3 td:last-child{border-right:0;}
.item_table_wr3 td.green {color: #007b37;background: #def2e7;}
.item_table_wr3 td.blue{color: #666666;background: #ffffda;}
.item_table_wr3 tbody{border-bottom: 2px solid #000;}
.item_table_wr3 tr:last-child td{/* border-bottom:0; */}
.item_table_wr3 tr:first-child td:first-child{/* border-bottom:0; */}
.item_table_wr3 thead tr:first-child th:last-child{border-right:0}

.item_table_wr3 .ft-16{font-size: 16px;font-weight: 700;}


.sub1_8 .item_table_wr3 table {border-collapse: separate;}
.sub1_8 .item_table_wr3 thead {position: sticky;top: 0;background: #fff;}
.sub1_8 .item_table_wr3 {height: 530px;overflow: auto;}

@media screen and (max-width:650px) {
.item_table_wr3::-webkit-scrollbar{height:5px}
.item_table_wr3::-webkit-scrollbar-thumb{background-color: #24205a;border-radius:10px}
.item_table_wr3::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}.item_table_wr td{padding:15px}

}



/*상단 레이아웃*/
#header.sub_header{background:#fff;/* border-bottom: 1px solid #efefef; *//* box-shadow: 1px 1px 5px #6d6d6d3d; */position: relative;}
.sub_header .gnb__logo-link__item.sub__header{display:block}
.sub_header .gnb__logo-link__item{display:none}
.sub_header .sitemap__btn img:nth-child(2){display:block}
.sub_header .gnb__1depth-link{color:#000}
.sub_header .sitemap__btn img:nth-child(1){display:none}
.sub_header .gnb__line{ display: none;
}
/* sub navigation background */
#sub-nav.nav01{background: url(../img/sub/sub_visual_1.png)no-repeat center;background-size: cover;}
#sub-nav.nav02{background: url(../img/sub/sub_visual_2.png)no-repeat center;background-size: cover;}
#sub-nav.nav03{background: url(../img/sub/sub_visual_3.png)no-repeat center;background-size: cover;}
#sub-nav.nav04{background: url(../img/sub/sub_visual_4.png)no-repeat center;background-size: cover;}
#sub-nav.nav05{background: url(../img/sub/sub_visual_5.png)no-repeat center;background-size: cover;}
#sub-nav.nav06{background: url(../img/sub/sub_visual_6.png)no-repeat center;background-size: cover;}
#sub-nav.nav07{background: url(../img/sub/sub_visual_7.png)no-repeat center;background-size: cover;}


/* navigation */
#sub-nav{position:relative;width: 100%;margin-top: 80px;height: 300px;/* border-radius: 25px; *//* max-width: 1770px; */margin: 0 auto 0;z-index: 1;}
#sub-nav .visual__wrap{width:100%;height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#sub-nav .visual__wrap .nav-title{position: absolute;color: #fff;font-size: 50px;font-weight: 800;letter-spacing: 4px;text-align: left;max-width: 1400px;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#sub-nav .visual__wrap .nav-route{position: absolute;left: 30px;top: 40px;color: #fff;font-size: 20px;}
#sub-nav .visual__wrap .nav-route ul{}
#sub-nav .visual__wrap .nav-route ul li{padding: 0 15px;position: relative;font-size: 20px;color: #fff;}
#sub-nav .visual__wrap .nav-route ul li:after{display:block;content: '·';position:absolute;top: 1px;right: -3px;font-size: 20px;font-weight: 700;}
#sub-nav .visual__wrap .nav-route ul li:last-child:after{display:none;}
#sub-nav .menu-wr{text-align: center;box-shadow: 0 4px 8px -7px #6f6f6f8a;}
#sub-nav .menu-wr ul{justify-content:center;}
#sub-nav .menu-wr ul.eight li  {flex: 0 1 calc(100% / 8 - 50px);}
#sub-nav .menu-wr ul.seven li {flex: 0 1 calc(100% / 7 - 50px);}
#sub-nav .menu-wr ul.four li {flex: 0 1 calc(100% / 4 - 50px);}
#sub-nav .menu-wr ul.five li {flex: 0 1 calc(100% / 5 - 50px);}
#sub-nav .menu-wr li{position:relative;}
#sub-nav .menu-wr li a{position:relative;display:block;width: 100%;padding: 16px 0px;font-size: 22px;color: #bfbfbf;font-weight: 500;transition: all 0.3s;}
/* #sub-nav .menu-wr li a:after{position:absolute;display: none;content:'';width: calc(100% - 80px);height: 3px;left: 40px;bottom: 0;background: #fff;} */
#sub-nav .menu-wr li a:hover{color: #003358;font-weight: 900;}
/* #sub-nav .menu-wr li a:hover:after {display:block;} */
#sub-nav .menu-wr li a.active{color: #003358;font-weight: 900;}
/* #sub-nav .menu-wr li a.active:after{display:block;} */
#sub-nav.nav01 .menu-wr li{}
#sub-nav.nav04 .menu-wr{justify-content: center;}
#sub-nav.nav04 .menu-wr li{}

#sub-nav .fix {position: fixed;top: 10px;width: 100%;left: 0;z-index: 100;padding: 0 20px;box-shadow: unset;}
#sub-nav .fix ul{box-shadow:10px 10px 30px #00000014;background-color:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:0 1rem;height:70px;align-items:center;border-radius:60px;gap:5px;max-width: 1400px;margin: 0 auto;}
#sub-nav .menu-wr.fix li a{color:#000;font-size:clamp(14px,2vh,20px);padding: 0;}
#sub-nav .menu-wr.fix li a.active{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub-nav .menu-wr.fix li a.active:hover{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub-nav .menu-wr.fix li a:hover{color:#fff;background:#00335885;padding:10px;border-radius:30px}
.sub_header .gnb__line:before{display:none}
.sub_header .gnb__line:after{display:none}
.footer__sub{margin: 0 20px;}
.footer__sub .footer__content{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding: 15px 50px;position:relative}
.footer__sub .footer__content:before {position:absolute;content:'';background:#e6e6e6;border-radius:100%;width:10px;height:10px;left:0;top:-6px}
.footer__sub .footer__content:after {position:absolute;content:'';background:#e6e6e6;border-radius:100%;width:10px;height:10px;right:0;top:-6px}
/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{
    position: relative;
}
.m-menu .mnav-ul li .mnav-1a {display:block;background: #202329;font-size: 18px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;top: 50px;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size: 16px;word-break: keep-all;line-height: 25px;}
.m-menu .mnav-ul li ul li a:hover{color: #003358;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub-nav .visual__wrap{/* height: 400px; */}
	#sub-nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
	#sub-nav .visual__wrap{/* height: 350px; */margin-top: 105px !important;}
	#sub-nav .visual__wrap .nav-title{font-size: 46px;text-align: center;}
	#sub-nav .menu-wr li a{padding: 15px 0;}
	#sub-nav .menu-wr ul.eight li{flex: 0 1 calc(100% / 8 - 10px);}
	#sub-nav .menu-wr ul.seven li{flex: 0 1 calc(100% / 7 - 10px);}
	#sub-nav .menu-wr ul.four li{flex: 0 1 calc(100% / 4 - 10px);}
	#sub-nav .menu-wr ul.five li{flex: 0 1 calc(100% / 5 - 10px);}
}

@media (max-width:1300px){
	#sub-nav .visual__wrap{/* height: 260px; */}
	#sub-nav .visual__wrap .nav-title{font-size: 38px;}
}

@media (max-width:1024px){
	#sub-nav{}
	#sub-nav .visual__wrap{height: 300px;}
	#sub-nav .visual__wrap .nav-title{font-size: clamp(28px,3.2vw,42px);}
	#sub-nav .menu-wr li a{padding: 20px 0;font-size: 20px;}
	#sub-nav .menu-wr li a p:after{right: -8px;}

	#sub-nav.nav03{}
}

@media (max-width:960px){
	.footer__sub .footer__content{padding: 20px;}
	#sub-nav .menu-wr li a{}
	#sub-nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
	#sub-nav{border-radius:0}
    .pc-menu{display:none}
    .m-menu{display:block;position: absolute;width: 100%;bottom: 0;}
}

@media (max-width:500px){
	#sub-nav{height: 400px !important;}
}
/* anchor */
.bg_blue { background: #101E5D; color: #fff; }
.bg_blue .s_tit_sub { color: #fff; }
.anchor_area { position: relative; }
.progress_nav_wrap { width: 1440px; z-index: 30; }

.anchor_area .progress_nav a { display: block; position: relative; margin: 0 0 25px 0; padding: 0 0 0 38px; line-height: 26px; letter-spacing: -0.05em; color: #666; transition: .2s ease; }
.anchor_area .progress_nav a:last-child { margin: 0; }
.anchor_area .progress_nav a:before,
.anchor_area .progress_nav span:before,
.anchor_area .progress_nav span:after { position: absolute; box-sizing: border-box; content: ''; }

.anchor_area .progress_nav a:first-child:before { display: none; }
.anchor_area .progress_nav span:before {left: 6px;top: 42%;width: 14px;height: 14px;margin-top: -5px;background: #bfbfbf;border-radius: 100%;}
.anchor_area .progress_nav .active {font-weight: 700;color: #003358;}
.anchor_area .progress_nav .active span:before,
.anchor_area .progress_nav .on span:before {background: #003358;}
.anchor_area .progress_nav .active span:after {left: 0;top: 0;width: 26px;height: 26px;border: 1px solid #003358;border-radius: 100%;}
.anchor_area .list {}
.anchor_area .list:first-of-type {}
.anchor_area .progress_nav_wrap.fixed { position: fixed; top: 120px; }

.sub_con{padding: 80px 40px;position: relative;z-index: 0;/* overflow: hidden; */}
.sub_con{padding: 80px 40px;position: relative;z-index: 0;/* overflow: hidden; */}



@media (min-width: 1024px) {
    .progress_nav_wrap { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transition: opacity .2s ease; }
    .progress_nav_wrap.hidden { opacity: 0; z-index: -1; }
    .anchor_area .progress_nav { position: absolute; }
    .anchor_area .progress_nav a:before {left: 12px;top: calc(-100% - 12px);z-index: -1;width: 2px;height: calc(100% + 28px);background: #bfbfbf;}
    .anchor_area .progress_nav .on:before { background: #0E2071; }
    .anchor_area .progress_nav.light .on:before { background: #fff; }
    .anchor_area .progress_nav.light a, .anchor_area .progress_nav.light .active { color: #fff; }
    .anchor_area .progress_nav.light .active span:before,
    .anchor_area .progress_nav.light .on span:before { background: #fff; }
    .anchor_area .progress_nav.light .active span:after { border-color: #fff; }
    .anchor_area .section_content { width: 74.5%; margin: 0 0 0 auto; }
}


@media (max-width: 1440px) {
    .progress_nav_wrap { width: 100%; padding: 0 14px; }
}

@media (max-width: 1024px) {
    .anchor_area .list {}
    .progress_nav {display: flex;overflow-x: auto;z-index: 30;width: calc(100% + 28px);margin-left: -14px;padding: 12px 14px;background: #fff0;display: none;}
    .progress_nav_wrap.hidden { opacity: 0; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav {position: fixed;top:65px;border-bottom: 1px solid #F4F5F9;background: #fff;}
    .anchor_area .progress_nav_wrap.fixed .progress_nav.fixed {top: 65px;}
    .anchor_area .progress_nav a { flex-shrink: 0; margin: 0 24px 0 0; }
}

@media (min-width: 768px) {
	.anchor_area .progress_nav a { font-size: 1.06rem; }
}

@media (max-width: 768px) {
    .progress_nav_wrap.hidden { opacity: 1; }
    .anchor_area .progress_nav_wrap.fixed { margin-top: 0; position: fixed; top: 65px; }
    .anchor_area .progress_nav_wrap.fixed h3 { display: none; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav { position: relative; top:0; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav.fixed { top: 0; }
    .anchor_area .progress_nav a { margin-right: 10px; padding: 0 0 0 19px; line-height: 20px; }
    .anchor_area .progress_nav a:before { left: 10px; top: -100%; width: 1px; height: calc(100% + 11px); margin-left: 0; }
    .anchor_area .progress_nav span:before { left: 7px; width: 4px; height: 4px; margin-top: -2px; }
    .anchor_area .progress_nav .active span:after { width: 14px; height: 14px; left: 2px; top: 3px; }
}

@media screen and (max-width:768px) {
	.sub_con{padding: 40px 20px;}
}


/*서브 카테고리*/

.info_tit{flex: 38%;}
.info_tit .tit{font-size:20px;font-weight:400}
.info_tit .txt{font-size: clamp(22px,3vw,36px);font-weight:700}
.con_info{display:flex;justify-content: space-between;padding: 40px 0 20px;gap: 80px;}


.prod-fixed {display: flex;align-items: center;position: relative;}
.prod-fixed .prod_name {display: inline-flex;align-items: center;width: 100%;height: 4.625rem;padding: 0 3.125rem;border-radius: 0 55px 55px 0;flex-direction: row-reverse;border: 3px solid #e5e5e5;border-left: 0;}
.prod-fixed .prod_name > p {font-size: clamp(15px, 3vw, 22px);font-weight: 600;color: #cccccc;}
.prod-fixed .prod_list {flex-shrink: 0;position: relative;width: 22rem;height: 4.625rem;border: 3px solid #e5e5e5;border-radius: 60px 0 0 60px;transition: all ease 0.2s;}
.prod-fixed .prod_list_wrap{position:absolute;top:0;left:0;width:100%;height:100%;}
.prod-fixed .prod_list button {width: 100%;height: 4.375rem;padding: 0 4rem 0 2.25rem;font-size: clamp(16px, 3vw, 28px);font-weight: 500;text-align: left;font-family: 'Pretendard','Noto Sans KR';}
.sub2_1 .prod-fixed .prod_list button {background:url(../img/sub/arrow02.png) no-repeat;background-position: calc(100% - 1.688rem) 50%;}
.sub2_2 .prod-fixed .prod_list button {background:url(../img/sub/arrow02.png) no-repeat;background-position: calc(100% - 1.688rem) 50%;}
.sub2_5 .prod-fixed .prod_list button {background:url(../img/sub/arrow02.png) no-repeat;background-position: calc(100% - 1.688rem) 50%;}
.sub4_3 .prod-fixed .prod_list button {background:url(../img/sub/arrow02.png) no-repeat;background-position: calc(100% - 1.688rem) 50%;}
.prod-fixed .prod_list.sub4_3_3 button, .prod-fixed .prod_list.sub4_3_2 button {background: url(../img/sub/arrow02.png) no-repeat; background-position: calc(100% - 1.688rem) 50%;}

.prod-fixed .prod_list .prod_list_wrap > ul {display: none;width: calc(100% + 6px);max-height: 26.625rem;padding: 0 1.875rem 0.625rem;background-color: #fff;border: 3px solid #e5e5e5;/* border-top: 0; */border-radius: 30px 0 30px 30px;margin: 1px -3px;transition: all ease 0.2s;position: relative;z-index: 10;}
.prod-fixed .prod_list.on .prod_list_wrap>ul{border-radius:0 0 30px 30px;border-top:0}
.prod-fixed .prod_list .prod_list_wrap >ul li{border-top:1px solid #ccc}
.prod-fixed .prod_list .prod_list_wrap > ul li:first-child{border-top:0}
.prod-fixed .prod_list .prod_list_wrap >ul li a{display:flex;padding:1.219rem 1.325rem 1.219rem .625rem;font-size: clamp(15px, 3vw, 20px);}

.prod-fixed2 {display: flex;align-items: center;position: relative;}
.prod-fixed2 .prod_name2 {display: inline-flex;align-items: center;flex: 10%;height: 4.625rem;padding: 0 3.125rem;border-radius: 0 55px 55px 0;flex-direction: row-reverse;border: 3px solid #e5e5e5;border-left: 0;}
.prod-fixed2 .prod_name3 {display: inline-flex;align-items: center;flex: 20%;height: 4.625rem;padding: 0 3.125rem;border-radius: 0 55px 55px 0;flex-direction: row-reverse;border: 3px solid #e5e5e5;border-left: 0;}
.prod-fixed2 .prod_name3 > p {font-size: clamp(15px, 3vw, 22px);font-weight: 600;color: #cccccc;}

.prod-fixed2 .prod_name2 > p {font-size: clamp(15px, 3vw, 22px);font-weight: 600;color: #cccccc;}
.prod-fixed2 .prod_list2 {flex-shrink: 0;position: relative;flex: 90%;height: 4.625rem;border: 1px solid #bfbfbf;border-radius: 60px 0 0 60px;transition: all ease 0.2s;}
.prod-fixed2 .prod_list_wrap2{height: 100%;display: flex;align-items: center;justify-content: center;}

.prod-fixed2 .prod_list_wrap2 ul{display:flex;margin:20px 50px;gap:40px;}
.prod-fixed2 .prod_list_wrap2 ul li{font-size: clamp(20px, 2vw, 24px);position:relative}
.prod-fixed2 .prod_list_wrap2 ul li:after{position:absolute;width:2px;height:25px;background: #ababab;content:'';right:-22px;top:50%;transform:translateY(-50%)}
.prod-fixed2 .prod_list_wrap2 ul li:last-child:after{display:none;}
.prod-fixed2 .prod_list_wrap2 ul li.active{color:#000;font-weight: 700;}
.prod-fixed2 .prod_list_wrap2 ul li a{color: #ababab;}
.prod-fixed2 .prod_list_wrap2 ul li.active a{color:#000;font-weight: 700;}

@media screen and (max-width:1300px){
	
	.con_info{gap: 40px;}
}

@media screen and (max-width:1024px){
	.con_info{justify-content:center;flex-wrap:wrap;}
	.item_table_wr{width: 100% !important;}
	.info_text {width: 100%;}
	.info_tit {width: 100%;padding-bottom: 10px;}
}

@media screen and (max-width:768px) {
	
	.prod-fixed .prod_list button{height: 3.3rem;padding: 0 20px;}
	.prod-fixed .prod_list{border: 2px solid #e5e5e5;height:3.6rem;width: 18rem;}
	.prod-fixed .prod_name{height: 3.6rem;border: 2px solid #e5e5e5;border-left: 0;padding: 0 20px;}
	.prod-fixed .prod_list .prod_list_wrap > ul{padding:0 20px;border:2px solid #e5e5e5;width:calc(100% + 4px);margin:1px -2px}
	.prod-fixed .prod_list .prod_list_wrap > ul li a{padding: 10px;}
	.prod-fixed2 .prod_name2{flex:100%;display: none;}
	.prod-fixed2 .prod_list2{flex:100%;border-radius: 20px !important;}
	.prod-fixed2 .prod_list_wrap2 ul{margin:23px 20px}
	.prod-fixed2 .prod_list_wrap2 ul li{font-size: clamp(16px,2vw,18px);flex: 100% !important;border-right: 0 !important;text-align: left !important;}
}

@media screen and (max-width: 500px) {
	.prod-fixed2 .prod_list_wrap2 ul li{flex: 100%;padding-left: 10px;}
	.prod-fixed2 .prod_list_wrap2 ul li:after{left: -10px;height: 1px;width: 10px;}
	.prod-fixed2 .prod_list_wrap2 ul li:last-child:after{display:block}
	.prod-fixed2{flex-wrap:wrap;}
	
	.prod-fixed .prod_list{width:12.6rem}
	.prod-fixed .prod_name{padding:0 10px}
	.prod-fixed2 .prod_list_wrap2 ul{justify-content: center;flex-wrap: wrap;gap: 8px 25px;margin: 10px 40px;}
	.prod-fixed2 .prod_name3{display:none}
	.prod-fixed2 .prod_list2{    height: auto;}
	.prod-fixed2 .prod_list_wrap2{position:unset}
}

.cover_bg {height: 230px;/* margin: 40px 0 0 0; */background-position: center;background-size: cover;background-repeat: no-repeat;}

@media (min-width: 1200px) {
    .cover_bg {background-attachment: fixed;}
}
@media (max-width: 768px) {
    .cover_bg {height: 35vw;}
}


/*ebook*/
.ebook_wr{display:flex;flex-wrap:wrap;gap:10px;padding: 30px 0;}
.ebook-list a{display:contents}
.ebook-list{flex: 0 1 calc(100% / 2 - 10px);background:#f2f2f2;border-radius:20px;transition:all ease .4s;position:relative;height:200px;display:table;overflow:hidden;padding-right: 20px;}
.ebook-txt{display:table-cell;flex: 50%;vertical-align:middle;font-size: 30px;font-weight:700}
.ebook-txt .txt1{display:block}
.ebook-txt .txt2{display:none;color:#fff}
.ebook-list:hover{background:#003358}
.ebook-list:hover .ebook-txt .txt1{display:none}
.ebook-list:hover .ebook-txt .txt2{display:block}
.ebook-list .bg-txt{position:absolute;text-align:right;font-size: 42px;font-weight: 700;color: #03030305;right:0;bottom:0;line-height:1.1em}
.ebook-list:hover .bg-txt{color: #ffffff14;}
.dfg{display:flex;align-items:center;height:100%;flex-wrap: wrap;}
.ebook-img{flex:50%;height: 100%;position: relative;}
.ebook-img img {width: 100%;height: 200px;object-fit: cover;}


@media screen and (max-width:1024px){
	.ebook-list .bg-txt{font-size:36px}
	.ebook-txt{font-size: 34px;}
	.ebook-img{flex:100%;text-align: center;}
	.ebook-txt{flex:100%;text-align: center;padding: 5px 0;}
	.ebook-img img{max-width:215px;height:auto}
	.dfg{height:auto}
	.ebook-list{padding-right:0}
}

@media screen and (max-width: 768px) {
	.ebook_wr{padding-top:0}
	.ebook-list .bg-txt{font-size:30px;right: 50%;transform: translateX(50%);width: 100%;text-align: center;}
	.ebook-txt{font-size:26px}
}

@media screen and (max-width:500px) {
	.ebook-list .bg-txt{font-size:26px;bottom:10px}
	.ebook-txt{padding:10px 0}
	.ebook-list{flex:100%;border:5px solid #00000029;height: 240px;}

}


#container{/* z-index: 1; */height: 100%;position: relative;}

@media screen and (max-width:768px){
	#container{z-index:1}
}


/* 서브 4_1 */
.sub4_1 {margin-top: clamp(40px,4.4vw,80px);margin-bottom: clamp(40px,10vw,140px);}

.bg_img{height:280px;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

.prod-info-line > h1 {font-size: clamp(24px, 1.6vw, 48px);text-align: center;}
.sub_content4_1 > .bg_img {background-image:url(../img/sub/sub_visual4_1.png);margin: clamp(20px,4.8vw,80px) 0 0;}
.sub_content4_1 .content {display: flex;align-items: center;justify-content: space-between;gap: clamp(20px,5.4vw,100px);padding: clamp(40px,4.6vw,80px) 0;flex-wrap: wrap;}
.sub_content4_1 .content .text{flex: 0 1 calc(60% - clamp(10px,5.4vw,50px));}
.sub_content4_1 .content + .content {border-top:1px solid #e1e1e1;}
.sub_content4_1 .content > .text > .title {font-size: clamp(26px, 2.8vw, 50px);font-weight: bold;}
.sub_content4_1 .content > .text > .sub-title {font-size:clamp(30px, 2vw, 32px);color:#3b78c9;font-weight: bold;padding: clamp(20px,4.4vw,100px) 0 clamp(20px,2.8vw,60px) 0;}
.sub_content4_1 .content > .text > p {line-height: 1.6em;font-size:clamp(18px, 2vw, 20px);font-weight: 400;}
.sub_content4_1 .content > .img_box {width: calc(40% - clamp(10px,5.4vw,50px));position: relative;background: url(../img/sub/sub4_1_img_bg.png) no-repeat top center;position: relative;background-position: center;background-size: 84% auto;padding: clamp(20px,3.8vw,60px) 0;}

.sub_content4_1 .sub4_3 .content:before {content:''; background-image: url('../img/sub/sub4_img_bg.png');}


.sub_content4_1 .content .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% - 0px);transform: translateY(-50%);cursor:pointer;max-width: 31px;}
.sub_content4_1 .content .cer__slide-prev {left: calc(0% - 50px);}
.sub_content4_1 .content .cer__slide-next {right: calc(0% - 50px);}
.sub_content4_1 .content .cer__slide-prev2 {left: calc(0% - 50px);}
.sub_content4_1 .content .cer__slide-next2 {right: calc(0% - 50px);}



.sub_content4_1 .content .slick-dots {transition:all 0.2s;display:block;position:absolute;bottom: -50px;width:100%;left:0;text-align:center;}
.sub_content4_1 .content .slick-dots li {display:inline-block;margin: 0 5px;background: #ffffff66;border-radius: 100%;}
.sub_content4_1 .content .slick-dots li button {display:block;width: 15px;height: 15px;font-size:0;background:none;border:0;border-radius: 100%;background: #e9e9e9;}
.sub_content4_1 .content .slick-dots li.slick-active button {background:#fff;width: 15px;border: 0;border-radius: 100%; /* 왼쪽에 4.5px의 여백을 추가 */ /* 오른쪽에 4.5px의 여백을 추가 */position: relative;background: #091a2e;}



@media screen and  (max-width:1460px){
	.sub_content4_1 .content{padding: clamp(40px,2.8vw,50px)  20px;}

	.sub_content4_1 .content .slick-dots{bottom: -20px;}
}

@media screen and (max-width:1024px) {
	.sub_content4_1 .content > .text > p br{display: none;}
	.sub_content4_1 .content .slick-dots{bottom: 0px;}
	.sub_content4 .content > .text > p br{display: none;}
	.prod-info-line > h1 br{display: none;}
	.sub_content4_1 > .bg_img {height: 280px;}
}

@media screen and (max-width:768px) {
	.sub1_4{padding:30px 0}
	.sub1_4 .top-text{padding-top: 0;}
	.sub1_4 .his-box.bg img{display:none;}
	.sub1_4 .bg_sub1_4{margin:0}
	.sub_content4_1 > .bg_img {height: 200px;}

	.sub_content4_1 .content .text{flex: 100%;}
	.sub_content4_1 .content > .img_box{flex: 100%;background-size: 50%;padding: 60px 0;}
	.sub_content4_1 .content:nth-child(2) > .img_box{flex: 100%;background-size: 50%;padding: 60px 0;}
	.sub_content4_1 .content .cer__slide-prev {left: calc(10% - 50px);}
.sub_content4_1 .content .cer__slide-next {right: calc(10% - 50px);}
.sub_content4_1 .content .cer__slide-prev2 {left: calc(10% - 50px);}
.sub_content4_1 .content .cer__slide-next2 {right: calc(10% - 50px);}

.sub_content4_1 .slick-slider div .img img{height: 240px;}

}
@media screen and (max-width:500px) {
	.sub_content4_1 .content:nth-child(2){padding: clamp(30px,2.8vw,50px)  20px clamp(40px,2.8vw,50px);}
	.sub_content4_1 .content > .img_box > img{max-height: 160px;}
	.sub_content4_1 .slick-slider div .img img{height: 220px;}
	.sub_content4_1 .content:nth-child(2) > .img_box{background-size: 70%;}

	.sub_content4_1 .content > .img_box{background-size: 70%;}
}


.sub_content4_2 > .bg_img {background-image: url(../img/sub/sub_visual4_2.png);margin: clamp(20px,4.8vw,80px) 0 0;}
.sub_content4_2 .content {display: flex;align-items: center;justify-content: space-between;gap: clamp(20px,5.4vw,100px);padding: clamp(40px,8vw,160px) 0;}
.sub_content4_2 .content .text{flex: 0 1 calc(60%);}
.sub_content4_2 .content + .content {border-top:1px solid #e1e1e1;}
.sub_content4_2 .content > .text > .title {font-size: clamp(26px, 2.8vw, 50px);font-weight: bold;}
.sub_content4_2 .content > .text > .sub-title {font-size:clamp(30px, 2vw, 32px);color:#3b78c9;font-weight: bold;padding: clamp(20px,4.4vw,100px) 0 clamp(20px,2.8vw,60px) 0;}
.sub_content4_2 .content > .text > p {line-height: 1.6em;font-size:clamp(18px, 2vw, 20px);font-weight: 400;}
.sub_content4_2 .content > .img_box {width: calc(40%);position: relative;background: url(../img/sub/sub4_1_img_bg.png) no-repeat top center;position: relative;background-position: center;background-size: 84% auto;padding: clamp(20px,3.8vw,60px) 0;}

.sub_content4_2 .sub4_3 .content:before {content:''; background-image: url('../img/sub/sub4_img_bg.png');}


.sub_content4_2 .content .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% - 0px);transform: translateY(-50%);cursor:pointer;max-width: 31px;}
.sub_content4_2 .content .cer__slide-prev {left: calc(0% - 50px);}
.sub_content4_2 .content .cer__slide-next {right: calc(0% - 50px);}



.sub_content4_2 .content .slick-dots {transition:all 0.2s;display:block;position:absolute;bottom: 0px;width:100%;left:0;text-align:center;}
.sub_content4_2 .content .slick-dots li {display:inline-block;margin: 0 5px;background: #ffffff66;border-radius: 100%;}
.sub_content4_2 .content .slick-dots li button {display:block;width: 15px;height: 15px;font-size:0;background:none;border:0;border-radius: 100%;background: #e9e9e9;}
.sub_content4_2 .content .slick-dots li.slick-active button {background:#fff;width: 15px;height: 091a2e;font-size: 0;border: 0;border-radius: 100%; /* 왼쪽에 4.5px의 여백을 추가 */ /* 오른쪽에 4.5px의 여백을 추가 */position: relative;background: #091a2e;}



@media screen and  (max-width:1460px){
	.sub_content4_2 .content{padding: clamp(40px,2.8vw,50px)  20px;}
}

@media screen and (max-width:1024px) {
	.sub_content4 .content > .text > p br{display: none;}
	.prod-info-line > h1 br{display: none;}
	.sub_content4_2 > .bg_img{height: 280px;}

}

@media screen and (max-width:768px) {
	.sub_content4_2 > .bg_img{height: 200px;}
	.sub_content4_2 .content{flex-direction: column;}
	.sub_content4_2 .content > .img_box{width: 100%;background-size: 50% auto;padding: 60px 0;}
	.sub_content4_2 .content > .img_box .img img {height: 240px;}

	.sub_content4_2 .content > .text > p > br{display: none;}
	.sub_content4_2 .content .cer__slide-prev{left:calc(10% - 50px)}
	.sub_content4_2 .content .cer__slide-next{right: calc(10% - 50px);}
}

@media screen and (max-width:500px) {
	.sub_content4_2 .content > .img_box{background-size: 60%;}
	/* .sub_content4_2 .content > .img_box > img{max-height: 160px;} */
}

.sub4_3 {margin-top: clamp(40px,4.4vw,80px);margin-bottom: clamp(40px,10vw,140px);}


.sub_content4_3 > .bg_img {background-image:url(../img/sub/sub_visual4_3.png);}
.sub_content4_3 .content {display: flex;align-items: center;justify-content: space-between;gap: clamp(20px,5.4vw,100px);padding: clamp(20px,2.8vw,50px) 0;}
.sub_content4_3 .content .text{flex: 0 1 calc(60%);}
.sub_content4_3 .content + .content {border-top:1px solid #e1e1e1;}
.sub_content4_3 .content > .text > .title {font-size: clamp(26px, 2.8vw, 50px);font-weight: bold;}
.sub_content4_3 .content > .text > .sub-title {font-size:clamp(30px, 2vw, 32px);color:#3b78c9;font-weight: bold;padding: clamp(20px,4.4vw,100px) 0 clamp(20px,2.8vw,60px) 0;}
.sub_content4_3 .content > .text > p {line-height: 1.6em;font-size:clamp(18px, 2vw, 20px);font-weight: 400;}
.sub_content4_3 .content > .img_box {width: 80vmin;flex: 0 1 calc(40%);width: auto;}
.sub_content4_3 .sub4_3 .content:before {content:''; background-image: url('../img/sub/sub4_img_bg.png');}

@media screen and (max-width:1024px) {
	.sub_content4_3 > .bg_img{height: 280px;}
}

@media screen and (max-width:768px) {
	.sub_content4_3 > .bg_img{height: 200px;}
}

/* 서브 4_3 인증서 */
.sub4_3{}
.sub4_3 .cer-info .title {font-size: 30px;font-weight: 800;text-align: center;padding-top: 30px;transition: all ease 0.7s;}
.sub4_3 .certification-wrap{background: url('../img/sub/sub4_img_bg.png') no-repeat top center;padding: 100px 0;position: relative;background-size: 700px;}
.sub4_3 .is-dragging{pointer-events:none}
.sub4_3 .slide_list .slick-slide{margin:0 60px;transition: all ease 0.3s;}
.sub4_3 .slide_list .img {box-sizing: border-box;padding: 0 30px;}
.sub4_3 .slide_list .img img {width: 100%;transform: scale(1); max-height: 490px;box-shadow: 1px 1px 20px #00000021;}
.sub4_3 .slide_list .slick-center .img {padding: 0;}
.sub4_3 .slide_list .slick-center .img img {transform: scale(0.8);}
.sub4_3 .slide_list .slick-center .cer-info .title {font-size: 38px;padding-top: 150px;}
.sub4_3 .slide_list .slick-center .cer-info .title {padding-top: 50px;}
.sub4_3 .certification-wrap .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% - 140px);transform: translateY(-50%);cursor:pointer}
.sub4_3 .certification-wrap .cer__slide-prev {left: calc(0% - 50px);}
.sub4_3 .certification-wrap .cer__slide-next {right: calc(0% - 50px);}

@media screen and (max-width:768px) {
.sub5_1 > div {overflow: scroll;position: relative;}
.sub5_1 .x-scr-view{background: url(../img/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);
	display: block;
	padding-top: 30px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;}
}


.sub5_2 {padding: clamp(40px,5.4vw,100px) 0;position: relative;}

.sub5_2 .sub_content5 .table-style .tbody .tr{    justify-content: space-between;padding: clamp(12px,2vw,25px);}
.sub5_2 .sub_content5 .table-style .tbody .tr > div {min-width: 100px}
.sub5_2 .sub_content5 .table-style .tbody .tr > .td{padding: clamp(8px,2vw,15px) 0; text-align: center;flex: 0 1 calc(100% / 4);}
.sub5_2 .sub_content5 .table-style .tbody .tr.th{padding: clamp(12px,2vw,25px);gap: 0;}
.sub5_2 .sub_content5 .table-style .thead .tr{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.sub5_2 .sub_content5 .table-style:nth-child(2) .thead .tr{border: 0;}
.sub5_2 .sub_content5 .table-style .thead .tr.th > div{    padding-right: clamp(40px,5.4vw,100px);}

@media screen and  (max-width:1460px){ 
	.sub5_2 {padding: clamp(40px,5.4vw,100px) 20px;}
}


@media screen and  (max-width:1024px){
	.sub5_2 .sub_content5 .table-style .thead .tr.th {padding: 0 20px;}
}

@media screen and (max-width:400px) {
	.sub5_2 .sub_content5 .table-style.action .tbody{overflow-x:scroll ;}
}



.sub6_2 {margin-top: clamp(40px,4.4vw,80px);margin-bottom: clamp(40px,10vw,140px);}
.sub6_2 .top_con{padding: clamp(20px,4.4vw,80px) 0;}
.sub6_2 .top_con .top_con_inner > .tit {font-size: clamp(26px,3.4vw,50px);font-weight: 700;padding: 0 0 clamp(20px,3.4vw,50px);}
.sub6_2 .top_con .top_con_inner .df {}

.sub6_2 .top_con .top_con_inner .df > .tit {font-size: clamp(22px,2vw,30px);color: #2b2b2b99;font-weight: 100;flex: 0 1 calc(20%);}

.sub6_2 .top_con .top_con_inner .df > .img {flex: 0 1 calc(80%);}
.sub6_2 .top_con .top_con_inner .df > .tit > p {max-width: 128px;padding: 0 0 clamp(12px,2vw,20px);border-bottom: 4px solid #efefef;}
.sub6_2 .min_con{padding: clamp(20px,4.4vw,80px) 0;}
.sub6_2 .min_con .text {}
.sub6_2 .min_con .text > .tit {font-size: clamp(26px, 3.4vw, 50px);font-weight: 700;padding: 0 0 clamp(20px, 2.8vw, 40px);}
.sub6_2 .min_con .text > .txt {font-size: clamp(18px,2vw,22px);line-height: 1.4em;font-weight: 100;color: #00000099;}
.sub6_2 .min_con .mid_con_menu {}
.sub6_2 .min_con .mid_con_menu > li {list-style: none;flex: 0 1 calc(100% / 5);}




.sub5_1 {display: flex;justify-content: center;margin: 50px auto;}

 
.sub7_3 .background {/* height: 700px; */margin: clamp(20px,4.8vw,80px) 0;display: flex;position: relative;background: url('../../unid/img/sub/sub7_3_background.png') no-repeat center;padding: clamp(40px,5.2vw,120px) clamp(35px,5.2vw,100px);justify-content: space-between;gap: 30px;flex-wrap: wrap;}
.sub7_3 .background .img {flex: 0 1 calc(60% - 15px);display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.sub7_3 .background .text-wrap {display: flex;flex-direction: column;justify-content: space-between;flex: 0 1 calc(40% - 15px);}
.sub7_3 .background .text-wrap .text h1 {font-size: clamp(26px, 3.4vw, 50px);font-weight: 900;margin-bottom: clamp(20px,2vw,40px);}
.sub7_3 .background .text-wrap .text p {font-size: clamp(18px,2vw,22px);font-weight: 400;}
.sub7_3 .background .text-wrap .button {display: flex; flex-direction: column; gap: 24px 0;}
.sub7_3 .background .text-wrap .button button {width: 100%;border: 1px solid #000000;padding: 26px 0px;border-radius: 35px;font-weight: 700;background: #fff;max-width: 310px;}
.sub7_3 .background .text-wrap .button button:hover{background: #091a2e;color: #fff;}


@media screen and (max-width:768px) {
	.sub7_3 .background .text-wrap{flex: 100%; gap: 20px;}
	.sub7_3 .background .img{flex: 100%;}

	.sub7_3 .background{background-size: cover;}
	.sub7_3 .background .text-wrap .button button {padding: 16px 0;}
}




.sub_con > div > .tit {font-size: clamp(32px,2vw,50px);font-family: 'GmarketSans';font-weight: 700;padding: 0 0 clamp(24px,2vw,50px);margin: 0 0 clamp(24px,2vw,50px);position: relative;text-align: center;color: #34124C;}

.sub_con .top_menu {max-width: 768px;margin: 0 auto;padding: 0 0 40px;}
.sub_con .top_menu .df {gap: 6px;justify-content: center;}
.sub_con .top_menu .df .three {width: calc(100% / 3 - 6px);text-align: center;padding: clamp(8px,2vw,20px) 12px;font-weight: 500;font-family: 'GmarketSans';font-size: clamp(12px,2vw,20px);border: 1px solid #dddddd;display: flex;align-items: center;justify-content: center;}
.sub_con .top_menu .df .three a{color: #515151;}
.sub_con .top_menu .df .three.active {background: #602e8e;border: 0;}
.sub_con .top_menu .df .three.active a {color: #fff;}

.sub_con .top_menu .df .four{width: calc(100% / 5 - 6px);text-align: center;padding: clamp(8px,2vw,20px) 12px;font-weight: 500;font-family: 'GmarketSans';font-size: clamp(12px,2vw,20px);border: 1px solid #dddddd;display: flex;align-items: center;justify-content: center;}
.sub_con .top_menu .df .four a{color: #515151;}
.sub_con .top_menu .df .four.active {background: #602e8e;border: 0;}
.sub_con .top_menu .df .four.active a {color: #fff;}


@media screen and (max-width:500px) {
	.sub_con .top_menu .df{}
	.sub_con .top_menu .df .three{}

	.sub_con .top_menu .df .four{width: calc(100% / 2 - 6px);text-align: center;padding: clamp(8px,2vw,20px) 12px;font-weight: 500;font-family: 'GmarketSans';font-size: clamp(12px,2vw,20px);border: 1px solid #dddddd;display: flex;align-items: center;justify-content: center;}
}

.sub1_1 {}
.sub1_1 > .df {max-width: 1400px;margin: 0 auto;width: 100%;}
.sub1_1 > .df .top_con {width: 100%;}
.sub1_1 > .df .top_con img {width: 100%;}
.sub1_1 > .df  .btm_con {border-radius: 0 0 clamp(20px,5.2vw,70px) clamp(20px,5.2vw,70px);background: #f4f4f4;width: 100%;padding: clamp(44px,5vw,90px) 20px clamp(40px,4.8vw,88px);text-align: center;}
.sub1_1 > .df .btm_con .text {font-family: 'GmarketSans';}
.sub1_1 > .df .btm_con .text .tit {font-size: clamp(24px,4.8vw,56px);font-weight: 700;padding: 0 0 clamp(16px,2.8vw,46px);}
.sub1_1 > .df .btm_con .text .txt {font-size: clamp(18px,2vw,32px);font-weight: 500;}
.sub1_1 > .df .btm_con .text span {color: #66228b;}
.sub1_1 > .box_con {max-width: 1400px;margin: 0 auto;width: 100%;border: clamp(2px,2vw,10px) solid #e9e9e9;border-radius: clamp(20px,2vw,40px);padding: clamp(20px,3.6vw,64px) clamp(10px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);margin-top: clamp(20px,2vw,36px);}
.sub1_1 > .box_con .df {flex-direction: column;gap: 8px;}
.sub1_1 > .box_con .df .df {flex-direction: row;align-items: stretch;}
.sub1_1 > .box_con .df .df .tit {width: calc(244px - 4px);text-align: center;border-radius: 35px;background: #66228b;padding: clamp(12px,2vw,20px) 0;font-size: clamp(16px,2vw,22px);color: #fff;}
.sub1_1 > .box_con .df .df .txt {width: calc(100% - 244px - 4px);background: #f4f4f4;border-radius: 35px;display: flex;align-items: center;justify-content: center;font-size: clamp(16px,2vw,22px);font-weight: 500;}


@media screen and (max-width:1024px) {
	.sub1_1 > .box_con .df .df .tit{width: auto;width: calc(20% - 6px);display: flex;align-items: center;justify-content: center;}
	.sub1_1 > .box_con .df .df .txt{width: auto;width: calc(80% - 6px);}
}

@media screen and (max-width:768px) {
	.sub1_1 > .box_con .df .df{flex-direction: column;}
	.sub1_1 > .box_con .df .df .tit,
	.sub1_1 > .box_con .df .df .txt{width: 100%;}
	.sub1_1 > .box_con .df .df .txt{padding: clamp(12px,2vw,20px) 10px;text-align: center;}
}

.sub1_2 .poster {max-width: 1400px;margin: 0 auto;gap: clamp(20px,2vw,38px);justify-content: space-between;}
.sub1_2 .poster img {width: calc(100% / 2 - clamp(20px,2vw,38px));}

@media screen and (max-width:500px) {
	.sub1_2 .poster img{width: 100%;}
}


.sub1_6 .poster {max-width: 1400px;margin: 0 auto;gap: clamp(20px,2vw,38px);justify-content: space-between;}
/* .sub1_6 .poster img {width: calc(100% / 2 - clamp(20px,2vw,38px));} */

@media screen and (max-width:500px) {
	.sub1_6 .poster img{width: 100%;}
}

.sub_con > div > .tit {font-size: clamp(32px,2vw,50px);font-family: 'GmarketSans';font-weight: 700;padding: 0 0 clamp(24px,2vw,50px);margin: 0 0 clamp(24px,2vw,50px);position: relative;text-align: center;color: #34124C;}

.sub_con .top_menu {max-width: 1024px;margin: 0 auto;padding: 0 0 40px;}
.sub_con .top_menu .df {gap: 6px;justify-content: center;}
.sub_con .top_menu .df .three {width: calc(100% / 3 - 6px);text-align: center;padding: clamp(8px,2vw,20px) 12px;font-weight: 500;font-family: 'GmarketSans';font-size: clamp(12px,2vw,20px);border: 1px solid #dddddd;display: flex;align-items: center;justify-content: center;}
.sub_con .top_menu .df .three a{color: #515151;}
.sub_con .top_menu .df .three.active {background: #602e8e;border: 0;}
.sub_con .top_menu .df .three.active a {color: #fff;}

@media screen and (max-width:500px) {
	.sub_con .top_menu .df{}
	.sub_con .top_menu .df .three{}
}

.sub1_1 {}
.sub1_1 > .df {max-width: 1400px;margin: 0 auto;width: 100%;}
.sub1_1 > .df .top_con {width: 100%;}
.sub1_1 > .df .top_con img {width: 100%;}
.sub1_1 > .df  .btm_con {border-radius: 0 0 clamp(20px,5.2vw,70px) clamp(20px,5.2vw,70px);background: #f4f4f4;width: 100%;padding: clamp(44px,5vw,90px) 20px clamp(40px,4.8vw,88px);text-align: center;}
.sub1_1 > .df .btm_con .text {font-family: 'GmarketSans';}
.sub1_1 > .df .btm_con .text .tit {font-size: clamp(24px,4.8vw,56px);font-weight: 700;padding: 0 0 clamp(16px,2.8vw,46px);}
.sub1_1 > .df .btm_con .text .txt {font-size: clamp(18px,2vw,32px);font-weight: 500;}
.sub1_1 > .df .btm_con .text span {color: #66228b;}
.sub1_1 > .box_con {max-width: 1400px;margin: 0 auto;width: 100%;border: clamp(2px,2vw,10px) solid #e9e9e9;border-radius: clamp(20px,2vw,40px);padding: clamp(20px,3.6vw,64px) clamp(10px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);margin-top: clamp(20px,2vw,36px);}
.sub1_1 > .box_con .df {flex-direction: column;gap: 8px;}
.sub1_1 > .box_con .df .df {flex-direction: row;align-items: stretch;}
.sub1_1 > .box_con .df .df .tit {width: calc(244px - 4px);text-align: center;border-radius: 35px;background: #66228b;padding: clamp(12px,2vw,20px) 0;font-size: clamp(16px,2vw,22px);color: #fff;}
.sub1_1 > .box_con .df .df .txt {width: calc(100% - 244px - 4px);background: #f4f4f4;border-radius: 35px;display: flex;align-items: center;justify-content: center;font-size: clamp(16px,2vw,22px);font-weight: 500;}


@media screen and (max-width:1024px) {
	.sub1_1 > .box_con .df .df .tit{width: auto;width: calc(20% - 6px);display: flex;align-items: center;justify-content: center;}
	.sub1_1 > .box_con .df .df .txt{width: auto;width: calc(80% - 6px);}
}

@media screen and (max-width:768px) {
	.sub1_1 > .box_con .df .df{flex-direction: column;}
	.sub1_1 > .box_con .df .df .tit,
	.sub1_1 > .box_con .df .df .txt{width: 100%;}
	.sub1_1 > .box_con .df .df .txt{padding: clamp(12px,2vw,20px) 10px;text-align: center;}
}

.sub1_2 .poster {max-width: 1400px;margin: 0 auto;gap: clamp(20px,2vw,38px);justify-content: space-between;}
.sub1_2 .poster img {width: calc(100% / 2 - clamp(20px,2vw,38px));}

@media screen and (max-width:500px) {
	.sub1_2 .poster img{width: 100%;}
}


.sub1_3 {}

.sub1_3 .inner_wr {
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.sub1_3 .inner_wr > .tit {
    padding: 0 0 28px;
    font-family: 'GmarketSans';
    font-weight: 500;
    width: fit-content;
    margin: 0 auto 40px;
    font-size: clamp(20px,2vw,28px);
    position: relative;
    text-align: center;
}

.sub1_3 .inner_wr > .tit:before{content:'';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 24px;height: 2px;background: #aaa;}

.sub1_3 .inner_wr .map {}

.sub1_3 .inner_wr .map .text {
    background: #f4f4f4;
    padding: clamp(28px,2vw,38px) 20px;
    border-radius: 0 0 clamp(40px,4.2vw,70px) clamp(40px,4.2vw,70px);
    text-align: center;
    font-size: clamp(18px,2vw,32px);
    font-family: 'GmarketSans';
    font-weight: 500;
}

.sub1_3 .inner_wr .map .text span {
    color: #874098;
}

.sub1_3 .inner_wr:last-child {
    padding: clamp(40px,4.8vw,70px) 0 0;
}
.sub1_3 .inner_wr .schedule {width: 100%;overflow: scroll;}
.sub1_3 .inner_wr table {
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
}

.sub1_3 .inner_wr table thead {
}

.sub1_3 .inner_wr table thead th {
    padding: clamp(12px,2vw,18px);
    background: #f4f4f4;
    border-top: 2px solid;
    border-right: 1px solid #00000020;
}

.sub1_3 .inner_wr table thead th:last-child {
    border-right: 0;
}

.sub1_3 .inner_wr table tbody td {
    padding: clamp(12px, 2vw, 18px);
    border-right: 1px solid #00000020;
    border-top: 1px solid #00000020;
}

.sub1_3 .inner_wr table tbody td:first-child {
    background: #f7ebfa;
}

.sub1_3 .inner_wr table tbody td:last-child {
    border-right: 0;
}

.sub1_3 .inner_wr table tbody tr:last-child td {
    border-bottom: 1px solid #00000020;
}

.sub1_4 {text-align: center;}
.sub1_4 .cont {display: none;}
.sub_con > div > .tit:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #34124C;width: 40px;height: 5px;}
.sub_con > div > .tit:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #34124C;width: 40px;height: 5px;}
.sub1_4 .root_daum_roughmap_landing {width: 100%;height: clamp(320px,28vw,800px);margin: 0 0 clamp(40px,4.8vw,80px);}
.sub1_4 .root_daum_roughmap_landing .wrap_map {height: 100% !important;}
.sub1_4 .text {font-family: 'GmarketSans';}
.sub1_4 .text .tit {font-size: clamp(28px,2.8vw,40px);font-weight: 700;color: #5c3194;}
.sub1_4 .text .txt {font-size: clamp(24px,2vw,32px);font-weight: 500;}


.sub_con .sub1_5 {text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;}
.sub_con .sub1_5 .tit {}
.sub_con .sub1_5 > .txt {font-size: clamp(22px,2vw,27px);font-family: 'GmarketSans';font-weight: 500;color: #1d1d1d;padding: 0 0 clamp(40px,4.8vw,80px);}
.sub_con .sub1_5 .video_inner {position: relative;width: 100%;max-width: 900px;}
.sub_con .sub1_5 .video_bg {position: relative;padding-bottom: 56%;}
.sub_con .sub1_5 .video_inner .txt {background: #fff;color: #1d1d1d;font-size: clamp(22px,2vw,27px);font-family: 'GmarketSans';font-weight: 700;position: relative;padding: 0 0 20px;}
.sub_con .sub1_5 .tit.df {flex-direction: column;align-items: center;gap: 16px;color: #1d1d1d;font-size: clamp(22px, 2vw, 27px);font-family: 'GmarketSans';font-weight: 700;padding: 0 0 clamp(12px,2vw,24px);margin: 0 0 clamp(12px,2vw,24px);position: relative;}
.sub_con .sub1_5 .tit.df:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #34124c;width: 24px;height: 2px;}
.sub_con .sub1_5 .list {padding: clamp(40px,3.2vw,60px) 0 0;}
.sub_con .sub1_5 .list .text {padding: 0 0 clamp(20px,2vw,30px);font-size: clamp(16px,2vw,18px);font-family: 'GmarketSans';font-weight: 500;}

.sub1_6 > .box_con {max-width: 1400px;margin: 0 auto;width: 100%;border: clamp(2px,2vw,10px) solid #e9e9e9;text-align: center;margin-bottom: clamp(20px,2vw,36px); border-radius: clamp(20px,2vw,40px);padding: clamp(20px,3.6vw,38px) clamp(10px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);) clamp(40px,4.8vw,84px);margin-top: clamp(20px,2vw,36px); }
.sub1_6 .box_con .pdf_button {padding: 22px;background: #5c3194;color: #fff;font-size: clamp(14px, 2vw, 22px);width: 100%;max-width: 400px;font-weight: 700; text-align: center;}



.sub2_1 {max-width: 1400px;margin: 0 auto;}
.sub2_1 .top_con {text-align: center;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
.sub2_1 .top_con > .tit {width: fit-content;background: #f4f4f4;border-radius: 32px;padding: clamp(12px,2vw,16px) clamp(30px,2vw,52px);margin: 0 0 20px;font-size: clamp(20px,2vw,24px);color: #34124c;font-family: 'GmarketSans';font-weight: 700;}
.sub2_1 .top_con .box_con {flex-direction: column;}
.sub2_1 .top_con .box_con {margin: 0 auto;width: 100%;border: clamp(2px, 2vw, 10px) solid #e9e9e9;border-radius: clamp(20px, 2vw, 40px);padding: clamp(20px, 3.6vw, 64px) clamp(10px, 4.8vw, 84px);margin-top: clamp(20px, 2vw, 36px);gap: 8px;margin-bottom: clamp(40px,4.8vw,80px);}
.sub2_1 .top_con .box_con .df {flex-direction: row;align-items: stretch;gap: 8px;}
.sub2_1 .top_con .box_con .df .tit {width: calc(404px - 4px);text-align: center;border-radius: 35px;background: #66228b;padding: clamp(12px, 2vw, 20px) 4px;font-size: clamp(16px, 2vw, 22px);color: #fff;font-weight: 500;}
.sub2_1 .top_con .box_con .df .txt {width: calc(100% - 404px - 4px);background: #f4f4f4;border-radius: 35px;display: flex;align-items: center;justify-content: center;font-size: clamp(16px, 2vw, 22px);font-weight: 500;padding: 0 4px;}
.sub2_1 .top_con .box_con .df .txt span {font-weight: 600;color: #66228b;}

.sub2_1 .btm_con {}
.sub2_1 .btm_con .btm_con_list {margin-bottom: clamp(30px,2vw,50px);border-bottom: 5px solid #f4f4f4;}
.sub2_1 .btm_con .btm_con_list > .tit {font-family: 'GmarketSans';font-weight: 700;font-size: clamp(16px,2vw,26px);display: flex;align-items: center;background: #f4f4f4;width: fit-content;border-radius: 0px 30px 30px 0px;}
.sub2_1 .btm_con .btm_con_list .tit .tit {background: #34124c;color: #fff;border-radius: 30px;padding: 18px clamp(20px,2vw,50px);display: flex;align-items: center;justify-content: center;}
.sub2_1 .btm_con .btm_con_list .tit .txt {padding: 18px clamp(20px,2vw,50px) 18px clamp(20px,2vw,32px);}
.sub2_1 .btm_con .btm_con_list .df {gap: 20px;margin-top: clamp(20px,2vw,34px);text-align: center;}
.sub2_1 .btm_con .btm_con_list .df .four {flex: 0 1 calc(100% / 4 - 15px);}
.sub2_1 .btm_con .btm_con_list .df .four img {width: 100%;object-fit: cover;}
.sub2_1 .btm_con .btm_con_list .df .four .text {line-height: 1.4em;padding: clamp(20px,2vw,40px) 0;font-family: 'GmarketSans';}
.sub2_1 .btm_con .btm_con_list .df .four .text .tit {padding: 0 0 clamp(12px,2vw,24px);color: #34124c;font-weight: 700;font-size: clamp(20px,2vw,26px);}
.sub2_1 .btm_con .btm_con_list .df .four .text .txt {font-size: clamp(14px,1.8vw,18px);font-weight: 500;}

@media screen and (max-width:1024px) {
	.sub2_1 .top_con .box_con .df .tit{flex: 0 1 calc(40% - 4px);}
	.sub2_1 .top_con .box_con .df .txt{flex: 0 1 calc(60% - 4px);}
	
	.sub2_1 .btm_con .btm_con_list .df .four .text .txt br{display: none;}
}

@media screen and (max-width:768px) {
	.sub2_1 .btm_con .btm_con_list .df .four{flex: 0 1 calc(100% / 2 - 20px);}
}

@media screen and (max-width:600px) {
	.sub2_1 .top_con .box_con .df{flex-direction: column;}
	.sub2_1 .top_con .box_con .df .tit,
	.sub2_1 .top_con .box_con .df .txt{flex: none;width: 100%;padding: clamp(12px, 2vw, 20px) 4px;}
	.sub2_1 .btm_con .btm_con_list .tit .tit{width: 100%;}

	.sub2_1 .btm_con .btm_con_list > .tit{flex-direction: column;border-radius: 30px;width: 100%;}
}

@media screen and (max-width:500px) {
	.sub2_1 .btm_con .btm_con_list .df .four{flex: 0 1 calc(100%);}
}


.sub2_2 {max-width: 1400px;margin: 0 auto;}
.sub2_2 .top_con {text-align: center;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
.sub2_2 .top_con > .tit {width: fit-content;background: #f4f4f4;border-radius: 32px;padding: clamp(12px,2vw,16px) clamp(30px,2vw,52px);margin: 0 0 20px;font-size: clamp(20px,2vw,24px);color: #34124c;font-family: 'GmarketSans';font-weight: 700;}
.sub2_2 .top_con .box_con {margin: 0 auto;width: 100%;border: clamp(2px, 2vw, 10px) solid #e9e9e9;border-radius: clamp(20px, 2vw, 40px);padding: clamp(20px, 3.6vw, 64px) clamp(10px, 4.8vw, 84px);margin-top: clamp(20px, 2vw, 36px);gap: clamp(20px,3.8vw,60px);justify-content: space-between;}
.sub2_2 .top_con .box_con .half{width: calc(100% / 2 - clamp(20px,2vw,60px));display: flex;flex-wrap: wrap;flex-direction: column;gap: 10px;}
.sub2_2 .top_con .box_con .df {flex-direction: row;align-items: stretch;gap: 8px;align-items: center;}
.sub2_2 .top_con .box_con .df .tit {width: calc(54px - 4px);height: 50px;text-align: center;border-radius: 100%;background: #66228b;padding: clamp(12px, 2vw, 20px) 4px;font-size: clamp(16px, 2vw, 22px);color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.sub2_2 .top_con .box_con .df .txt {width: calc(100% - 54px - 4px);background: #f4f4f4;border-radius: 35px;display: flex;align-items: center;justify-content: center;font-size: clamp(16px, 2vw, 22px);font-weight: 500;padding: clamp(8px,2vw,12px) 4px;}
.sub2_2 .top_con .box_con .df .txt span {font-weight: 600;color: #66228b;}


@media screen and (max-width:768px) {
	.sub2_2 .top_con .box_con{flex-direction: column;gap: 8px;}
	.sub2_2 .top_con .box_con .half{width: 100%; gap: 4px;}

	.sub2_2 .top_con .box_con .df .tit{width: calc(40px - 4px);height: 36px;}
	.sub2_2 .top_con .box_con .df .txt{width: calc(100% - 40px - 4px);}
}

.sub2_3.sub_con{padding: 80px 0 0;}
.sub2_3.sub_con > .tit {font-size: clamp(32px, 2vw, 50px);font-family: 'GmarketSans';font-weight: 700;padding: 0 0 clamp(24px, 2vw, 50px);margin: 0 0 clamp(24px, 2vw, 50px);position: relative;text-align: center;color: #34124C;}
.sub2_3.sub_con > .tit::before {content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #34124C;
	width: 40px;
	height: 5px;}

.sub2_3.sub_con .top_con{background: #33114b; color: #fff;}
.sub2_3.sub_con .top_con > div{max-width: 784px;margin: 0 auto;text-align: center;}
.sub2_3.sub_con .top_con > div .tit{padding: clamp(40px,5.2vw,100px) 0 clamp(20px,2vw,36px);}
.sub2_3.sub_con .top_con > div > .txt {text-align: left;padding: 6px 0;line-height: 1.2em;}
.sub2_3.sub_con .top_con > div:last-child{padding:0 0 80px}
.sub2_3 .slide_inner a {padding: 22px;background: #5c3194;color: #fff;font-size: clamp(18px,2vw,22px);width: 100%;max-width: 400px;margin: clamp(20px,2vw,50px) 0 0;font-weight: 700;text-align: center;}

.sub2_3 .tit {text-align: center;padding: 0px 0 clamp(20px,2vw,36px);font-family: 'GmarketSans';font-size: clamp(22px,3.2vw,55px);font-weight: 700;}
.sub2_3 .date {background: url('../img/section02_btm_con_bg.png') no-repeat center;position: relative;background-size: contain;height: auto;padding: 20px 0;font-family: 'GmarketSans';font-weight: 700;font-size: clamp(16px,2vw,27px);margin: 0 0 clamp(20px,2.8vw,56px);text-align: center;color: #fff;}
.sub2_3 .slide_wr {position: relative;}
.sub2_3 .slide_wr .slick-slider{max-width: 780px;width: 100%;margin: 0 auto;padding: 0 0 50px;display: flex;justify-content: center;}
.sub2_3 .schedule {border-top: 2px solid;align-items: stretch;}
.sub2_3 .schedule:nth-child(2n){background: #ffffff09;}
.sub2_3 .schedule:last-of-type{border-bottom: 2px solid;}
.sub2_3 .schedule .time {flex: 0 1 calc(30%);font-family: 'GmarketSans';font-weight: 700;padding: clamp(12px,2vw,18px) 0;display: flex;justify-content: center;align-items: center;height: auto;background: #ffffff20;font-size: clamp(14px,2vw,18px);}
.sub2_3 .schedule .txt {flex: 0 1 calc(70%);font-family: 'GmarketSans';font-weight: 500;padding: clamp(12px,2vw,18px) clamp(12px,2vw,32px);font-size: clamp(14px,2vw,18px);border-left: 1px solid;text-align: left;line-height: 1.4em;}
.sub2_3 .schedule .txt span{color: #ffe400;}

.sub2_3 .sub_tit {text-align: left;padding: clamp(20px,2vw,34px) 0 12px;font-family: 'GmarketSans';font-weight: 700;font-size: clamp(20px,2vw,24px);}

.sub2_3 .btm_inner {overflow: hidden;}
.sub2_3 .btm_inner table {width: 100%;}
.sub2_3 .btm_inner table thead {background: #ffffff20;}
.sub2_3 .btm_inner table th, .sub2_3 .btm_inner table td {padding: 10px 8px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;font-family: 'GmarketSans';font-weight: 500;font-size: clamp(12px,2vw,18px);}
.sub2_3 .btm_inner table th {border-top: 1px solid #fff;font-weight: 700;}
.sub2_3 .btm_inner table th:last-child, .sub2_3 .btm_inner table td:last-child {border-right: 0;}
.sub2_3 .btm_inner table th:nth-child(3), .sub2_3 .btm_inner table td:nth-child(3) {}
.sub2_3 .btm_inner table td:first-child {font-weight: 700;background: #ffffff20;}
.sub2_3 .btm_inner .txt {text-align: left;padding: clamp(18px,2vw,26px) 0 0;line-height: 1.4em;font-size: clamp(12px,2vw,18px);}

@media screen and (max-width:1024px){
	.sub2_3.sub_con .top_con{padding: 0 20px;}
}

@media screen and (max-width:768px) {
	.sub2_3 .tit{padding: 0 20px;}
	.sub2_3.sub_con .top_menu{padding: 0 20px 40px;}
	.sub2_3.sub_con{padding: 40px 0 0;}
	.sub2_3.sub_con .top_con > div:last-child{padding: 0 0 40px;}
}



.sub2_4{text-align: center;}
.sub2_5{text-align: center;}