@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_img img{display:block;}
.mobile_href{cursor:default;}
.responsive.is-pc{overflow: hidden;}

/* 폰트 */
.we{font-family: 'Wemakeprice-Regular';}
.webo{font-family: 'Wemakeprice-Bold';}
.wesmbo{font-family: 'Wemakeprice-SemiBold';}
.suit-bo{font-family: 'SUIT-Bold';}

@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width:1850px){
	.container_img img{width:100%; margin:0 auto;}
}
@media(max-width: 991px){
	.at-wrapper.not_main{padding-top: 51px; overflow: hidden}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
퀵메뉴 shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.quick{position:fixed; right:0; top:50%; z-index:99; transform:translateY(-50%); padding:30px 11px; background:#1d59ac;}
.quick a{display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff; text-align:center;}
.quick a:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.quick a p{margin-top:11px; font-size:12px; font-weight:400;}
.quick a:last-child p{margin-top:12px;}
@media(max-width:991px){
	.quick{top:auto; bottom:97px; transform:translateY(0); padding:17px 11px;}
	.quick a{margin-bottom:12px; padding-bottom:12px;}
	.quick a p{margin-top:7px; font-size:10px;}
	.quick a:last-child p{line-height:12.5px;}
	.quick img{width:auto;}
	.quick a:first-child img{height:18px;}
	.quick a:last-child img{height:19px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.at-header{width:100%; position:fixed; top:0; left:0; z-index:101; transition:all ease .3s;}
header.at-header::before{content:""; width:100%; height:1px; position:absolute; top:51px; background:rgba(255,255,255,0.2);}
header.at-header::after{content:""; width:100%; height:50px; position:absolute; opacity:0; visibility:hidden; background:#fff;}
header.at-header .top{/* width:90.886%; */ line-height:50px; margin:0 auto; padding-right:90px; display:flex; place-items:center; justify-content:flex-end; transition:all ease .3s;}
header.at-header .top a{line-height:49px; font-size:14px; font-weight:400; color:#fff;}
header.at-header .top .search{display:flex; place-items:center; margin:1px 24px 0;}
header.at-header .top .search > span{width:17px; height:17px; display:block; position:relative; margin-top:-2px; cursor:pointer;}
header.at-header .top .search > span:before,
header.at-header .top .search > span:after{content:""; position:absolute;}
header.at-header .top .search > span:before{width:14px; height:14px; top:1px; border:2px solid #fff; border-radius:50%;}
header.at-header .top .search > span:after{width:7px; height:2px; right:-1px; bottom:2px; transform:rotate(45deg); background:#fff;}
header.at-header .top .search > span.active{margin-top:1px;}
header.at-header .top .search .search_box{}
header.at-header .top .search .inner{width:160px; line-height:30px; position:relative; margin-left:9px;}
header.at-header .top .search .inner input{width:100%; padding:0 15px; font-size:14px; font-weight:400; background:rgba(255,255,255,0.1); border-radius:15px; border:none; color:#fff;}
header.at-header .top .search .inner input::placeholder{color:#fff;}
header.at-header .top .search .inner span{width:8px; height:8px; display:flex; place-items:center; justify-content:center; position:absolute; right:15px; top:13px; opacity:1;}
header.at-header .top .search .inner span:before,
header.at-header .top .search .inner span:after{content:""; width:100%; height:1px; position:absolute; background:#fff;}
header.at-header .top .search .inner span:before{transform:rotate(45deg)}
header.at-header .top .search .inner span:after{transform:rotate(-45deg)}
header.at-header .top .menu_btn{width:20px; cursor:pointer;}
header.at-header .top .menu_btn span{width:100%; height:2px; display:block; background:#fff;}
header.at-header .top .menu_btn span:nth-child(2){margin:5px 0;}
header.at-header .mid{width:100%; height:81px; line-height:82px; display:flex; justify-content:space-between; /* place-items:center; */ margin:0 auto; padding:0 90px 0 85px; transition:all ease .3s;}
header.at-header .mid > a{display:flex; place-items:center;}
header.at-header .mid > a img{display:none; margin:3px 0 0 0;}
header.at-header .mid > a img:first-child{display:block;}
header.at-header .mid > ul{display:flex; /* place-items:center */;}
header.at-header .mid ul .menu-li{position:relative; padding: 0 26px;}
header.at-header .mid ul .menu-li:after{content:""; width:0; height:1px; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); background:#dbe3ed; transition:all ease .3s;}
header.at-header .mid ul .menu-li .menu-a{font-size:19px; font-weight:500; color:#fff;}
header.at-header .mid ul .menu-li .menu-a:hover{font-weight:bold;}
header.at-header .mid ul .menu-li .sub-slide{width:155px; line-height:42px; position:absolute; top:120px; left:50%; transform:translateX(-50%); padding:10px; opacity:0; visibility:hidden; background:#fff; text-align:center; transition:all ease .3s;}
header.at-header .mid ul .menu-li:hover .sub-slide{top:80px; opacity:1; visibility:visible}
header.at-header .mid ul .menu-li .sub-slide::after{content:""; width:100%; height:1px; position:absolute; top:0; left:0; opacity:0; visibility:hidden; background:#dbe3ed;}
header.at-header .mid ul .menu-li:hover .sub-slide::after{opacity:1; visibility:visible;}
header.at-header .mid ul .menu-li .sub-slide ul li a{font-size:17px; font-weight:400; color:#222; transition:all ease .3s;}
header.at-header .mid ul .menu-li .sub-slide ul li a:hover{font-weight:500; color:#1d59ac;}

header.at-header.not_main::before{background:#f1f1f1;}
header.at-header.not_main .top a,
header.at-header.not_main:hover .top a{color:#999;}
header.at-header.not_main .top .search > span:before,
header.at-header.not_main:hover .top .search > span:before{border-color:#999;}
header.at-header.not_main .top .search > span:after,
header.at-header.not_main:hover .top .search > span:after{background:#999;}
header.at-header.not_main .top .menu_btn span,
header.at-header.not_main:hover .top .menu_btn span{background:#999;}
header.at-header.not_main .mid{border-bottom:1px solid #eee; background:#fff;}
header.at-header.not_main .mid ul .menu-li .menu-a{color:#333;}
header.at-header.not_main .mid > a{display:flex; place-items:center;}
header.at-header.not_main .mid > a img:first-child{display:none}
header.at-header.not_main .mid > a img:last-child{display:block;}
header.at-header.not_main .top .search .inner input,
header.at-header.not_main:hover .top .search .inner input{color:#333; background:rgba(1,1,1,0.1);}
header.at-header.not_main .top .search .inner input::placeholder{color:#333;}
header.at-header.not_main .top .search .inner span:before, 
header.at-header.not_main .top .search .inner span:after{background:#333;}
header.at-header.not_main:hover::before{background:#f1f1f1;}
/* 전체메뉴 */
header.at-header .all_menu{width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; visibility:hidden; background:url(/img/all_menu_bg.jpg); background-size:cover; transition:all ease .5s;}
header.at-header .all_menu .container_fix{width:62.828%; height:100%; padding:0;}
header.at-header .all_menu .all_ul{width:100%; display:flex; position:absolute; top:50%; transform:translateY(-50%);}
header.at-header .all_menu .all_ul .all_li{flex:1; position:relative; padding-left:30px;}
header.at-header .all_menu .all_ul .all_li .all_a{display:block; position:relative; padding-bottom:42px; margin-bottom:15px; font-size:30px; font-weight:bold; color:#aec7ec; transition:all ease .2s;}
header.at-header .all_menu .all_ul .all_li:hover .all_a{color:#222}
header.at-header .all_menu .all_ul .all_li:hover .all_a::after{background:#444;}
header.at-header .all_menu .all_ul .all_li:hover .all_sub_div ul li a{color:#444;}
header.at-header .all_menu .all_ul .all_li .all_sub_div ul li a:hover{font-weight:bold; color:#222;}
header.at-header .all_menu .all_ul .all_li .all_a::after{content:""; width:38px; height:2px; position:absolute; bottom:0; left:3px; background:#6e90c0;}
header.at-header .all_menu .all_ul .all_li .all_sub_div ul li a{line-height:45px; font-size:19px; font-weight:400; color:#7091c0;}
header.at-header .all_menu .bg-box{width:100%; height:100%; display:flex;}
header.at-header .all_menu .bg-box li{flex:1; opacity:0; background:#fff; transition:all ease .3s;}
header.at-header .all_menu .bg-box li.active{opacity:1; visibility:visible;}
header.at-header .all_menu .close_btn{width:21px; height:21px; position:absolute; top:75px; right:90px; z-index:99; cursor:pointer;}
header.at-header .all_menu .close_btn span{width:100%; height:100%; display:flex; place-items:center; position:relative;}
header.at-header .all_menu .close_btn span::before,
header.at-header .all_menu .close_btn span::after{content:""; width:100%; height:2px; position:absolute; background:#fff;}
header.at-header .all_menu .close_btn span::before{transform:rotate(45deg)}
header.at-header .all_menu .close_btn span::after{transform:rotate(-45deg)}

header.at-header .all_menu.active{opacity:1; visibility:visible;}
header.at-header:hover::before{background:rgba(1,1,1,0.2)}
header.at-header:hover .top,
header.at-header:hover .mid{background:#fff;}
header.at-header:hover .top a{color:#333;}
header.at-header:hover .top .search > span:before{border-color:#333;}
header.at-header:hover .top .search > span:after{background:#333;}
header.at-header:hover .top .menu_btn span{background:#333;}
header.at-header:hover .top .search .inner input{color:#333; background:rgba(1,1,1,0.1);}
header.at-header:hover .top .search .inner input::placeholder{color:#333;}
header.at-header:hover .top .search .inner span:before, 
header.at-header:hover .top .search .inner span:after{background:#333;}
header.at-header:hover .mid > a img:first-child{display:none}
header.at-header:hover .mid > a img:last-child{display:block}
header.at-header:hover .mid .menu-li .menu-a{color:#333;}

header.at-header.scroll{top:-52px; background:#fff; box-shadow:0 1px 20px rgba(1,1,1,0.05);}
header.at-header.scroll .mid > a img:first-child{display:none}
header.at-header.scroll .mid > a img:last-child{display:block}
header.at-header.scroll .mid ul .menu-li .menu-a{color:#333;}
header.at-header.scroll .mid .menu_btn{width:20px; display:flex; flex-flow:column; justify-content:center; margin:2px 0 0 23px; cursor:pointer;}
header.at-header.scroll .mid .menu_btn span{width:100%; height:2px; display:block; background:#333;}
header.at-header.scroll .mid .menu_btn span:nth-child(2){margin:5px 0;}
header.at-header.scroll .mid:hover .menu_btn span{background:#222;}

/* 모바일 시 메뉴 */
header.at-header .top.hidden-md{justify-content:space-between; padding:0 15px;}
header.at-header .top.hidden-md .logo_box img{width:252px; height:22px; display:none;}
header.at-header .top.hidden-md .logo_box img:first-child{display:block;}
header.at-header .top.hidden-md > div{display:flex;}
header.at-header:hover .top.hidden-md .logo_box img:first-child{display:none;}
header.at-header:hover .top.hidden-md .logo_box img:last-child{display:block;}
header.at-header.scroll .top.hidden-md .logo_box img:first-child{display:none;}
header.at-header.scroll .top.hidden-md .logo_box img:last-child{display:block;}
header.at-header.scroll .top.hidden-md .search > span:before{border-color:#333;}
header.at-header.scroll .top.hidden-md .search > span:after{background:#333;}
header.at-header.scroll .top.hidden-md .menu_btn span{background:#333;}
header.at-header.not_main .top.hidden-md .logo_box img:first-child{display:none;}
header.at-header.not_main .top.hidden-md .logo_box img:last-child{display:block;}

@media(max-width:1919px){
	header.at-header .top{padding-right:45px;}
	header.at-header .mid{padding: 0 0 0 45px}
	header.at-header .mid > ul{margin-right:19px;}
	header.at-header .all_menu .container_fix{width:100%; padding:0 15px;}
}
@media(max-width:1300px){
	header.at-header .all_menu .all_ul .all_li .all_a{padding-bottom:35px; margin-bottom:11px; font-size:26px;}
	header.at-header .all_menu .all_ul .all_li .all_sub_div ul li a{line-height:40px; font-size:16px}
	header.at-header .all_menu .close_btn{top:60px; right:60px;}
}
@media(max-width:1200px){
	header.at-header .mid > a img{width:auto; height:28px;}
	header.at-header .mid ul .menu-li{padding:0 23px;}
	header.at-header .mid ul .menu-li .menu-a{font-size:16px;}
	header.at-header .mid ul .menu-li .sub-slide{width:135px;}
	header.at-header .mid ul .menu-li .sub-slide ul li a{font-size:14px;}
	header.at-header .mid ul .menu-li:hover .sub-slide{top:82px;}
}
@media(max-width:991px){
	header.at-header{height:50px; line-height:50px;}
	header.at-header::before{top:50px;}
	header.at-header .top{height:50px; }
	header.at-header .top .search{margin:-1px 17px 0 0;}
	header.at-header .top .search > span:before{width:15px; height:15px;}
	header.at-header .top .search > span:after{width:9px; right:-2px; bottom:0;}
	header.at-header .mid{display:none;}
	header.at-header.scroll{top:0;}

	header.at-header .all_menu .container_fix{padding:79px 15px; overflow-y:scroll;}
	header.at-header .all_menu .all_ul{flex-flow:column; position:static; transform:translateY(0);}
	header.at-header .all_menu .all_ul .all_li{padding-left:17px;}
	header.at-header .all_menu .all_ul .all_li .all_a{line-height:56px; padding-bottom:0; margin-bottom:0; font-size:21px;}
	header.at-header .all_menu .all_ul .all_li .all_a::after{width:27px; height:1px; left:1px; opacity:0; visibility:hidden; transition:all 250ms linear;}
	header.at-header .all_menu .all_ul .all_li .all_a.active{padding-bottom:12px; margin-bottom:10px;}
	header.at-header .all_menu .all_ul .all_li .all_a.active::after{opacity:1; visibility:visible}
	header.at-header .all_menu .all_ul .all_li:hover .all_a{color:#fff;}
	header.at-header .all_menu .all_ul .all_li:hover .all_a::after{background:#fff;}
	header.at-header .all_menu .all_ul .all_li .all_sub_div{max-height:0; opacity:0; visibility:hidden; transition:all 250ms linear;}
	header.at-header .all_menu .all_ul .all_li .all_sub_div.showcon{max-height:12em; opacity:1; visibility:visible;}
	header.at-header .all_menu .all_ul .all_li .all_sub_div ul li{line-height:32px;}
	header.at-header .all_menu .all_ul .all_li .all_sub_div ul li a{line-height:1; font-size:14px;}
	header.at-header .all_menu .all_ul .all_li:hover .all_sub_div ul li a{color:#fff;}
	header.at-header .all_menu .close_btn{width:24px; height:24px; top:15px; right:15px;}

	header.at-header.not_main .top .search > span:before, 
	header.at-header.not_main:hover .top .search > span:before{border-color:#222;}
	header.at-header.not_main .top .search > span:after, 
	header.at-header.not_main:hover .top .search > span:after{background:#222;}
	header.at-header.not_main .top .menu_btn span, 
	header.at-header.not_main:hover .top .menu_btn span{background:#222;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
첫 접속 시
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.container_wide{position:relative;}
.container_wide .background{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:#000; transition:all 1s cubic-bezier(.35,.41,.78,.03);}
.container_wide .background.load{top:-100%;}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션01 메인배너
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section01{position:relative; background:#1d59ac;}
.section01 .sc01{}
.section01 .sc01 .txt-box{position:absolute; top:50%; left:150px; transform:translateY(-50%); color:#fff;}
.section01 .sc01 .txt-box h1{position:relative; transform:translateY(80px); opacity:0; visibility:hidden; font-size:62px; transition:all 700ms linear}
/* .section01 .sc01 .txt-box h1::after,
.section01 .sc01 .txt-box h1::before{content:attr(data-text); width:100%; height:100%; position:absolute; bottom:-50px; left:0;} */
.section01 .sc01 .txt-box p{margin-top:24px; transform:translateY(50px); opacity:0; visibility:hidden; font-size:25px; font-weight:400; transition:all 700ms linear;}
.section01 .sc01_container{}
.section01 .sc01_container .banner_btn{width:440px; height:90px; line-height:90px; display:flex; justify-content:center; position:absolute; right:0; bottom:0; clip-path: polygon(21% 0, 100% 0%, 100% 100%, 0% 100%); background:#1d59ac;}
.section01 .sc01_container .banner_btn a{width:auto; height:100%; display:flex; justify-content:center; place-items:center; position:relative; top:auto; right:auto; left:auto; bottom:auto; opacity:1; font-size:17px; color:#a3badb; text-shadow:none; transition:all ease .3s;}
.section01 .sc01_container .banner_btn a:first-child{margin-right:53px; padding:0 53px 0 60px}
.section01 .sc01_container .banner_btn a:first-child::after{content:""; width:1px; height:18px; position:absolute; right:0; background:#537dba}
.section01 .sc01_container .banner_btn a:hover{color:#fff;}
.section01 .sc01_container .banner_btn a span{width:12px; height:2px; display:block; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; margin-top:-3px; padding:0; background:#a3badb}
.section01 .sc01_container .banner_btn a span:before,
.section01 .sc01_container .banner_btn a span:after{content:""; width:6px; height:2px; position:absolute; background:#a3badb; transition:all ease .3s;}
.section01 .sc01_container .banner_btn a span:before{transform:rotate(45deg)}
.section01 .sc01_container .banner_btn a span:after{transform:rotate(-45deg)}
.section01 .sc01_container .banner_btn a.left span{margin-right:25px;}
.section01 .sc01_container .banner_btn a.right span{margin-left:25px;}
.section01 .sc01_container .banner_btn a.left span:before,
.section01 .sc01_container .banner_btn a.left span:after{left:0;}
.section01 .sc01_container .banner_btn a.left span:before{top:2px;}
.section01 .sc01_container .banner_btn a.left span:after{bottom:2px;}
.section01 .sc01_container .banner_btn a.right span:before,
.section01 .sc01_container .banner_btn a.right span:after{right:0;}
.section01 .sc01_container .banner_btn a.right span:before{top:-2px;}
.section01 .sc01_container .banner_btn a.right span:after{bottom:-2px;}
.section01 .sc01_container .banner_btn a:hover span:before,
.section01 .sc01_container .banner_btn a:hover span:after{background:#fff;}

.section01.ani .sc01 .txt-box h1{transform:translateY(0); opacity:1; visibility:visible; transition-delay:1.6s;}
.section01.ani .sc01 .txt-box p{transform:translateY(0); opacity:1; visibility:visible; transition-delay:1.9s;}

@media(max-width:1710px){
	.section01 .sc01 .txt-box h1{font-size:50px;}
	.section01 .sc01 .txt-box p{font-size:20px;}
}
@media(max-width:1430px){
	.section01 .sc01 .txt-box{left:80px;}
	.section01 .sc01 .txt-box h1{font-size:45px;}
	.section01 .sc01 .txt-box p{margin-top:22px; font-size:18px;}
}
@media(max-width:1210px){
	.section01 .sc01 .txt-box h1{font-size:35px;}
	.section01 .sc01 .txt-box p{margin-top:19px; font-size:16px;}
}
@media(max-width:991px){
	.section01 .sc01 .txt-box{top:125px; left:15px; transform:translateY(0);}
	.section01 .sc01 .txt-box h1{line-height:48px; font-size:38px}
	.section01 .sc01 .txt-box p{margin-top:17px; font-size:14px;}
	.section01 .sc01_container .banner_btn{width:231px; height:50px; line-height:50px; clip-path:polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);}
	.section01 .sc01_container .banner_btn a{font-size:13px;}
	.section01 .sc01_container .banner_btn a:first-child{margin-right:23px; padding:0 23px 0 43px;}
	.section01 .sc01_container .banner_btn a:first-child::after{height:12px;}
	.section01 .sc01_container .banner_btn a span{width:9px; height:1px;}
	.section01 .sc01_container .banner_btn a.left span{margin:-3px 17px 0 0}
	.section01 .sc01_container .banner_btn a.right span{margin:-3px 0 0 17px;}
	.section01 .sc01_container .banner_btn a span:before, 
	.section01 .sc01_container .banner_btn a span:after{width:5px; height:1px;}

	.section01.ani .sc01 .txt-box h1{transform:translateY(0); opacity:1; visibility:visible; transition-delay:0s;}
	.section01.ani .sc01 .txt-box p{transform:translateY(0); opacity:1; visibility:visible; transition-delay:0.3s;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션02 사업단 소개
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section02{position:relative; z-index:1; padding:7.854% 0; }
.section02::after{content:""; width:0; height:29.688vw; position:absolute; top:0; left:0; z-index:5; background:#1d59ac; transition:all 1s cubic-bezier(.17,.67,.47,.81)}
.section02 .txt-box{width:62.828%; display:flex; position:relative; z-index:6; margin:0 auto; color:#fff;}
.section02 .txt-box span{display:block; margin:0 0 18px 7px; transform:translateX(-100px); opacity:0; visibility:hidden; font-size:16px; text-transform:uppercase; transition:all 700ms linear}
.section02 .txt-box h1{transform:translateX(-100px); opacity:0; visibility:hidden; font-size:42px; font-weight:bold; transition:all 700ms linear}
.section02 .txt-box h5{margin-bottom:35px; opacity:0; visibility:hidden; transform:translateX(150px); font-size:28px; font-weight:bold; transition:all 1s cubic-bezier(.33,1.21,.94,.97)}
.section02 .txt-box p{line-height:34px; opacity:0; visibility:hidden; transform:translateX(150px); font-size:28px; font-weight:400; transition:all 1s cubic-bezier(.33,1.21,.94,.97); font-size:17px;}
.section02 .txt-box .inner > div{display:flex;}
.section02 .txt-box .inner > div div{margin-left:266px;}
.section02 > .swiper-container{width:81.676%; z-index:99; margin:0 auto; margin-right:0; overflow:visible; opacity:0; visibility:hidden; transition-property:opacity;transition:opacity 500ms linear;}
.section02 .arrow{display:flex; position:absolute; top:-146px; left:6px; z-index:5; transform:translateY(100px); opacity:0; visibility:hidden; transition:all 1s cubic-bezier(.33,1.21,.94,.97);}
.section02 .swiper-button-next,
.section02 .swiper-button-prev{width:65px; height:65px; position:static; margin:0; padding:0; border:1px solid #fff; border-radius:50%;}
.section02 .swiper-button-next{margin-left:20px;}
.section02 .swiper-button-next::after,
.section02 .swiper-button-prev::after{display:none;}
.section02 .swiper-button-next span,
.section02 .swiper-button-prev span{width:17px; height:2px; display:block; position:relative; background:#fff;}
.section02 .swiper-button-prev span{margin-left:3px;}
.section02 .swiper-button-next span::before,
.section02 .swiper-button-next span::after,
.section02 .swiper-button-prev span::before,
.section02 .swiper-button-prev span::after{content:""; width:10px; height:2px; position:absolute; background:#fff;}
.section02 .swiper-button-prev span::before{top:3px; left:-2px; transform:rotate(45deg)}
.section02 .swiper-button-prev span::after{bottom:3px; left:-2px; transform:rotate(-45deg)}
.section02 .swiper-button-next span::before{top:-3px; right:-2px; transform:rotate(45deg)}
.section02 .swiper-button-next span::after{bottom:-3px; right:-2px; transform:rotate(-45deg)}
.section02 .swiper-button-next.swiper-button-disabled, 
.section02 .swiper-button-prev.swiper-button-disabled{opacity:1;}
.section02 .sc02{margin:7% 0 0 9px;  }
/* .section02 .sc02::after{content:""; width:100%; height:100%; position:absolute; z-index:1; opacity:1; visibility:visible; background:#fff; transition:opacity 700ms linear, visibility 700ms linear, z-index 3s linear;} */
.section02 .sc02 .swiper-slide{width:37.18%; cursor:pointer;}
.section02 .sc02 .swiper-slide img{width:100%;}
.section02 .sc02 .swiper-slide .img-box{position:relative;}
.section02 .sc02 .swiper-slide .img-box::after{content:""; width:100%; height:100%; position:absolute; bottom:0; left:0; box-shadow:inset 0 -141px 91px -27px rgb(0 0 0 / 46%), inset 0 -59px 29px -20px rgb(0 0 0 / 35%), inset 0 -18px 29px -20px rgb(0 0 0 / 4%)}
.section02 .sc02 .swiper-slide .inner-txt{position:absolute; bottom:35px; left:43px; font-size:22px; font-weight:bold; color:#fff;}

.section02.ani::after{width:100%; z-index:-1;}
.section02.ani .txt-box span{transform:translateX(0); opacity:1; visibility:visible; transition-delay:1s}
.section02.ani .txt-box h1{transform:translateX(0); opacity:1; visibility:visible; transition-delay:1s}
.section02.ani .txt-box h5{transform:translateX(0); opacity:1; visibility:visible; transition-delay:1.5s}
.section02.ani .txt-box p{transform:translateX(0); opacity:1; visibility:visible; transition-delay:1.8s}
.section02.ani .arrow{transform:translateY(0); opacity:1; visibility:visible; transition-delay:1.8s}
.section02.ani > .swiper-container{opacity:1; visibility:visible; transition-delay:2.3s;}
/* .section02.ani .sc02::after{opacity:0; visibility:hidden; z-index:0; transition-delay:3s;} */

@media(max-width:1919px){
	.section02 .txt-box{width:91%; margin:0 auto; margin-right:0; padding-left:9px;}
	.section02 > .swiper-container{width:91%;}
}
@media(max-width:1745px){
	.section02::after{height:34vw;}
	.section02 .arrow{top:-110px;}
	.section02 .swiper-button-next, 
	.section02 .swiper-button-prev{width:55px; height:55px;}
	.section02 .swiper-button-next{margin-left:10px;}
	.section02 .swiper-button-next span, 
	.section02 .swiper-button-prev span{width:14px;}
	.section02 .swiper-button-next span::before, 
	.section02 .swiper-button-next span::after, 
	.section02 .swiper-button-prev span::before, 
	.section02 .swiper-button-prev span::after{width:7px;}
	.section02 .swiper-button-prev span::before{top:2px;}
	.section02 .swiper-button-prev span::after{bottom:2px;}
	.section02 .swiper-button-next span::before{top:-2px;}
	.section02 .swiper-button-next span::after{bottom:-2px;}
	.section02 .sc02 .swiper-slide .inner-txt{font-size:19px;}
}
@media(max-width:1540px){
	.section02 .txt-box h1{font-size:35px;}
	.section02 .txt-box span{font-size:14px;}
	.section02 .txt-box h5{margin-bottom:22px; font-size:25px;}
	.section02 .txt-box p{line-height:28px; font-size:15px;}
}
@media(max-width:1290px){
	.section02 .txt-box h1{font-size:30px;}
}
@media(max-width:991px){	
	.section02{padding:75px 0}
	.section02::after{height:/* 118.92vw */440px;}
	.section02 .txt-box{width:100%; padding:0 0 50px 15px;}
	.section02 .txt-box .inner > div{flex-flow:column}
	.section02 .txt-box .inner > div div{margin:0; margin-top:38px;}
	.section02 .txt-box span{margin:0 0 9px 4px; font-size:12px;}
	.section02 .txt-box h1{font-size:28px;}
	.section02 .txt-box h5{margin-bottom:20px; font-size:18px;}
	.section02 .txt-box p{line-height:24px; font-size:13px; font-weight:400;}
	.section02 > .swiper-container{width:100%;}
	.section02 .sc02{margin:50px 0 0 15px;}
	.section02 .arrow{top:-60px; left:15px;}
	.section02 .swiper-button-next, 
	.section02 .swiper-button-prev{width:39px; height:39px; border:1px solid rgba(255,255,255, 0.7)}
	.section02 .swiper-button-next{margin-left:12px;}
	.section02 .swiper-button-next span, 
	.section02 .swiper-button-prev span{width:100%; height:100%;}
	.section02 .swiper-button-prev span{background:url(/img/m_sc02_left_arrow.png); background-size:39px; background-repeat:no-repeat; background-position:center;}
	.section02 .swiper-button-next span{background:url(/img/m_sc02_right_arrow.png); background-size:39px; background-repeat:no-repeat; background-position:center;}

	.section02 .swiper-button-next span::before, 
	.section02 .swiper-button-next span::after, 
	.section02 .swiper-button-prev span::before, 
	.section02 .swiper-button-prev span::after{display:none;}
	.section02 .swiper-button-prev span::before, 
	.section02 .swiper-button-prev span::after{left:-1px;}
	.section02 .swiper-button-prev span::before{top:1.5px;}
	.section02 .swiper-button-next span{margin:0 0 0 -1px;}
	.section02 .sc02 .swiper-slide .inner-txt{bottom:17px; left:17px; font-size:15px;}
	.section02 .sc02 .swiper-slide .img-box::after{box-shadow:inset 0 -60px 91px -13px rgb(0 0 0 / 46%), inset 0 -39px 29px -20px rgb(0 0 0 / 35%), inset 0 -18px 29px -20px rgb(0 0 0 / 4%);}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션03 대학원 교육과정
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section03{position:relative; }
.section03 .sc03{}
.section03 .sc03 .inner{display:flex}
.section03 .sc03 .inner > div{flex:1;}
.section03 .sc03 .inner .img-box{transform:translateX(-300px); opacity:0; visibility:hidden; transition:all 1.3s cubic-bezier(.33,1.21,.94,.97);}
.section03 .sc03 .inner .txt-box{padding:120px 0 0 88px; transform:translateX(300px); opacity:0; visibility:hidden; transition:all 1.3s cubic-bezier(.33,1.21,.94,.97); background:url(/img/section03_bg.png) #fff; background-position:right bottom; background-repeat:no-repeat;}
.section03 .sc03 .inner .txt-box > div:first-child{margin-bottom:60px;}
.section03 .sc03 .inner .txt-box span.txt{display:block; margin-bottom:18px; font-size:16px; color:#555; text-transform:uppercase;}
.section03 .sc03 .inner .txt-box h1{font-size:42px; font-weight:bold; color:#222;}
.section03 .sc03 .inner .txt-box p{display:flex; margin-bottom:17px; font-size:20px; font-weight:bold; color:#222;}
.section03 .sc03 .inner .txt-box p span{width:20px; height:20px; display:flex; position:relative; margin-left:26px; border-radius:50%; background:#1d59ac; cursor:pointer;}
.section03 .sc03 .inner .txt-box p span::before,
.section03 .sc03 .inner .txt-box p span::after{content:""; position:absolute; background:#fff;}
.section03 .sc03 .inner .txt-box p span::before{width:8px; height:2px; top:9px; left:6px;}
.section03 .sc03 .inner .txt-box p span::after{width:2px; height:8px; top:6px; left:9px;}
.section03 .sc03 .inner .txt-box h5{line-height:28px; font-size:16px; font-weight:400; color:#666;}
.section03 .swiper-container{overflow:visible;}
.section03 .swiper-pagination{width:62.828% !important; display:flex; justify-content:flex-end; left:50% !important; bottom:-99px !important; transform:translateX(-50%); transition:all 300ms linear}
.section03 .swiper-pagination span{width:11.459vw !important; height:11.459vw; display:flex; place-items:flex-end; justify-content:center; margin:0 !important; padding-bottom:65px; opacity:1; font-size:20px; font-weight:400; background:none; box-shadow:0 1px 12px 6px rgb(0 0 0 / 2%), 0 3px 16px 0px rgb(0 0 0 / 1%); border-radius:0; transition:background ease .15s, color ease .15s}
.section03 .swiper-pagination span:hover{color:#fff;}
.section03 .swiper-pagination span.swiper-pagination-bullet-active{color:#fff;}
.section03 .swiper-pagination span:first-child{background:url(/img/sc03_icon01.png) #fff; background-size:cover;}
.section03 .swiper-pagination span:first-child:hover{background:url(/img/sc03_icon01_active.png) #1d59ac; background-size:cover;}
.section03 .swiper-pagination span.swiper-pagination-bullet-active:first-child{background:url(/img/sc03_icon01_active.png) #1d59ac; background-size:cover;}
.section03 .swiper-pagination span:nth-child(2){margin:0 30px !important; background:url(/img/sc03_icon02.png) #fff; background-size:cover;}
.section03 .swiper-pagination span:nth-child(2):hover{background:url(/img/sc03_icon02_active.png) #1d59ac; background-size:cover;}
.section03 .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2){background:url(/img/sc03_icon02_active.png) #1d59ac; background-size:cover;}
.section03 .swiper-pagination span:last-child{background:url(/img/sc03_icon03.png) #fff; background-size:cover;}
.section03 .swiper-pagination span:last-child:hover{background:url(/img/sc03_icon03_active.png) #1d59ac; background-size:cover;}
.section03 .swiper-pagination span.swiper-pagination-bullet-active:last-child{background:url(/img/sc03_icon03_active.png) #1d59ac; background-size:cover;}

.section03.ani .sc03 .inner .img-box{transform:translateX(0); opacity:1; visibility:visible;}
.section03.ani .sc03 .inner .txt-box{transform:translateX(0); opacity:1; visibility:visible; transition-delay:0.4s;}
/* .section03 .swiper-pagination{visibility:visible; transition-property:visibility; transition-delay:0.8s;} */

@media(max-width:1919px){
	.section03 .sc03 .inner .img-box img{width:100%;}
	.section03 .swiper-pagination{width:68% !important;}
}
@media(max-width:1785px){
	.section03 .sc03 .inner .txt-box{padding:80px 0 0 78px; background-size:59%;}
	.section03 .swiper-pagination span{padding-bottom:55px;}
}
@media(max-width:1540px){
	.section03 .sc03 .inner .txt-box > div:first-child{margin-bottom:38px;}
	.section03 .sc03 .inner .txt-box h1{font-size:35px;}
	.section03 .sc03 .inner .txt-box p{font-size:18px;}
	.section03 .sc03 .inner .txt-box h5{line-height:25px; font-size:15px;}
	.section03 .sc03 .inner .txt-box span.txt{font-size:14px;}
	.section03 .swiper-pagination span{padding-bottom:45px; font-size:17px;}
	.section03 .sc03 .inner .txt-box p span{width:17px; height:17px;}
	.section03 .sc03 .inner .txt-box p span::before{width:7px; height:1px; top:8px; left:5px;}
	.section03 .sc03 .inner .txt-box p span::after{width:1px; height:7px; top:5px; left:8px;}
}
@media(max-width:1290px){
	.section03 .sc03 .inner .img-box{flex:1.2;}
	.section03 .sc03 .inner .txt-box h1{font-size:30px;}
	.section03 .sc03 .inner .txt-box p{font-size:16px;}
	.section03 .sc03 .inner .txt-box h5{line-height:23px; font-size:14px; }
}
@media(max-width:1260px){
	.section03 .swiper-pagination span{padding-bottom:4%; font-size:15px;}
}
@media(max-width:991px){
	.section03 .sc03 .inner{flex-flow:column;}
	.section03 .sc03 .inner .img-box{order:2; padding-right:65px;}
	.section03 .sc03 .inner .txt-box{padding:0 0 45px 15px; background:#fff;}
	.section03 .sc03 .inner .txt-box > div:first-child{margin-bottom:39px;}
	.section03 .sc03 .inner .txt-box span.txt{margin-bottom:11px; font-size:12px;}
	.section03 .sc03 .inner .txt-box h1{font-size:28px;}
	.section03 .sc03 .inner .txt-box h5{line-height:21px; font-size:13px;}
	.section03 .sc03 .inner .txt-box p{margin-bottom:13px;}
	.section03 .sc03 .inner .txt-box p span{margin-left:14px;}
	.section03 .swiper-pagination{width:100% !important; bottom:-75px !important; padding:0 15px;}
	.section03 .swiper-pagination span{width:auto !important; height:27vw; flex:1; padding-bottom:22px; font-size:12px;}
	.section03 .swiper-pagination span:first-child{background:url(/img/m_sc03_icon01.png) #fff; background-size:cover;}
	.section03 .swiper-pagination span:nth-child(2){margin:0 13px !Important; background:url(/img/m_sc03_icon02.png) #fff; background-size:cover;}
	.section03 .swiper-pagination span:last-child{background:url(/img/m_sc03_icon03.png) #fff; background-size:cover;}
	.section03 .swiper-pagination span:first-child:hover{background:url(/img/m_sc03_icon01_active.png) #1d59ac; background-size:cover;}
	.section03 .swiper-pagination span.swiper-pagination-bullet-active:first-child{background:url(/img/m_sc03_icon01_active.png) #1d59ac; background-size:cover;}
	.section03 .swiper-pagination span:nth-child(2):hover{background:url(/img/m_sc03_icon02_active.png) #1d59ac; background-size:cover;}
	.section03 .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2){background:url(/img/m_sc03_icon02_active.png) #1d59ac; background-size:cover;}
	.section03 .swiper-pagination span:last-child:hover{background:url(/img/m_sc03_icon03_active.png) #1d59ac; background-size:cover;}
	.section03 .swiper-pagination span.swiper-pagination-bullet-active:last-child{background:url(/img/m_sc03_icon03_active.png) #1d59ac; background-size:cover;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션04 사업 성과
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section04{padding:13.0895% 0 7.854% 0}
.section04 .sc04{width:62.828%; margin:0 auto;}
.section04 .sc04 .tit-box{margin:0 0 60px -3px}
.section04 .sc04 .tit-box span{display:block; margin:0 0 18px 7px; transform:translateY(50px); opacity:0; visibility:hidden; font-size:16px; color:#555; text-transform:uppercase; transition:all 500ms linear}
.section04 .sc04 .tit-box h1{transform:translateY(50px); opacity:0; visibility:hidden; font-size:42px; font-weight:bold; color:#222; transition:all 500ms linear}
.section04 .sc04 ul{display:flex; gap:34px;}
.section04 .sc04 ul li{flex:1; opacity:0; visibility:hidden; transform:translateY(100px); transition:all 1s cubic-bezier(.38,.85,1,.96);}
.section04 .sc04 ul li h5{display:flex; justify-content:space-between; place-items:center; padding-bottom:22px; margin-bottom:26px; font-size:25px; font-weight:500; color:#222; border-bottom:2px solid #222;}
.section04 .sc04 ul li h5 span{width:16px; height:2px; display:block; position:relative; margin-right:1px; background:#222; }
.section04 .sc04 ul li h5 span::before,
.section04 .sc04 ul li h5 span::after{content:""; width:10px; height:2px; position:absolute; right:-3px; background:#222;}
.section04 .sc04 ul li h5 span::before{top:-3px; transform:rotate(45deg);}
.section04 .sc04 ul li h5 span::after{bottom:-3px; transform:rotate(-45deg);}
.section04 .sc04 ul li p{line-height:30px; font-size:17px; font-weight:400; color:#666;}
.section04 .sc04 ul li img{display:none; margin-top:28px;}
.section04 .sc04 ul li img:nth-child(3){display:block;}
.section04 .sc04 ul li:hover span{animation-name: moveRight; animation-duration: .4s; animation-timing-function: ease-in-out; background:#1b509d}
.section04 .sc04 ul li:hover span::before,
.section04 .sc04 ul li:hover span::after{background:#1b509d}
.section04 .sc04 ul li:hover h5{color:#1b509d; border-color:#1b509d}
.section04 .sc04 ul li:hover img:nth-child(3){display:none;}
.section04 .sc04 ul li:hover img:last-child{display:block}
@keyframes moveRight{
	50%{
		transform: translateX(50px);
	}
	51%{
		opacity: 0;
		transform: translateX(-50px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
	
.section04.ani .sc04 .tit-box span{transform:translateY(0); opacity:1; visibility:visible; }
.section04.ani .sc04 .tit-box h1{transform:translateY(0); opacity:1; visibility:visible; transition-delay:.5s;}
.section04.ani .sc04 ul li:first-child{transform:translateY(0); opacity:1; visibility:visible; transition-delay:1s}
.section04.ani .sc04 ul li:nth-child(2){transform:translateY(0); opacity:1; visibility:visible; transition-property:transform, opacity, visibility; transition-delay:1.3s}
.section04.ani .sc04 ul li:nth-child(3){transform:translateY(0); opacity:1; visibility:visible; transition-property:transform, opacity, visibility; transition-delay:1.6s }
.section04.ani .sc04 ul li:last-child{transform:translateY(0); opacity:1; visibility:visible; transition-property:transform, opacity, visibility;  transition-delay:1.9s}

@media(max-width:1919px){
	.section04 .sc04{width:100%; padding:0 15px;}
}
@media(max-width:1540px){
	.section04 .sc04 .tit-box h1{font-size:35px;}
	.section04 .sc04 .tit-box span{margin:0 0 13px 5px; font-size:14px;}
	.section04 .sc04 ul li h5{font-size:21px;}
	.section04 .sc04 ul li p{line-height:25px; font-size:15px; }
}
@media(max-width:1290px){
	.section04 .sc04 .tit-box h1{font-size:30px;}
	.section04 .sc04 ul li h5{font-size:18px;}
	.section04 .sc04 ul li p{line-height:23px; font-size:14px;}
}
@media(max-width:1200px){
	.section04 .sc04 ul{display: grid; grid-template-columns: repeat(2,1fr);}
}
@media(max-width:991px){
	.section04{padding:150px 0 75px 0;}
	.section04 .sc04 ul{gap:0; row-gap:40px; column-gap:30px;}
	.section04 .sc04 .tit-box{margin:0 0 45px -3px}
	.section04 .sc04 .tit-box span{margin:0 0 9px 5px; font-size:12px;}
	.section04 .sc04 .tit-box h1{font-size:28px;}
	.section04 .sc04 ul li h5{padding-bottom:17px; margin-bottom:17px; font-size:18px;}
	.section04 .sc04 ul li h5 span{width:13px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section04 .sc04 ul li h5 span::before, 
	.section04 .sc04 ul li h5 span::after{width:8px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section04 .sc04 ul li h5 span::before{top:-2.3px; }
	.section04 .sc04 ul li h5 span::after{bottom:-2.3px;}
	.section04 .sc04 ul li p{line-height:20px; font-size:13px;}
	.section04 .sc04 ul li img{width:auto; height:35px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션05 영상자료, 사업단 소식
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section05{position:relative;}
.section05 .sc05{width:62.828%; height:570px; display:flex; margin:0 auto;}
.section05 .sc05 > div{width:52.88%; height:480px; position:absolute;}
.section05 .sc05 .inner{margin:0 auto;}
.section05 .sc05 .inner h1{display:flex; place-items:center; justify-content:space-between; font-size:32px; font-weight:bold;}
.section05 .sc05 .inner h1 span{width:17px; height:2px; display:block; position:relative;}
.section05 .sc05 .inner h1 span::before,
.section05 .sc05 .inner h1 span::after{content:""; width:10px; height:2px; position:absolute; right:-2px; }
.section05 .sc05 .inner h1 span::before{top:-3px; transform:rotate(45deg)}
.section05 .sc05 .inner h1 span::after{bottom:-3px; transform:rotate(-45deg)}
.section05 .sc05 .img_wid{display:flex; place-items:center; left:0; z-index:1; transform:translateX(-300px);  padding-right:200px; opacity:0; visibility:hidden; background:#f1f3f5; transition:all 1.3s cubic-bezier(.33,1.21,.94,.97);}
.section05 .sc05 .img_wid .inner{width:55.556%; margin-right:0;}
.section05 .sc05 .img_wid .inner h1{margin-bottom:25px; color:#222;}
.section05 .sc05 .img_wid .inner h1 span{background:#222; cursor:pointer;}
.section05 .sc05 .img_wid .inner h1 span::before,
.section05 .sc05 .img_wid .inner h1 span::after{background:#222}
.section05 .sc05 .img_wid .inner ol{width:auto; display:flex; left:auto; right:23px; margin:0;}
.section05 .sc05 .img_wid .inner ol li{width:9px; height:9px; display:block; margin:0; margin-right:11px; background:rgba(27,80,157,0.2); border-radius:4px; border:none;}
.section05 .sc05 .img_wid .inner ol li:last-child{margin-right:0;}
.section05 .sc05 .img_wid .inner ol li.active{background:#1b509d;}
.section05 .sc05 .img_wid .carousel{width:450px; position:relative; background:#dedfe0;}
.section05 .sc05 .img_wid .carousel::after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; box-shadow:inset -57px 0px 46px -12px rgb(0 0 0 / 8%)}
.section05 .sc05 .img_wid .webo{position:absolute; left:85px; top:50%; transform:rotate(180deg) translateY(50%); white-space:nowrap; writing-mode:vertical-rl; font-size:20px; color:rgba(27,80,157, .15);}
.section05 .sc05 .post_wid{right:0; bottom:0; z-index:2; transform:translateX(300px); opacity:0; visibility:hidden; background:url(/img/section05_bg.png) #1b509d; background-repeat:no-repeat; background-position:right 35px bottom 35px; transition:all 1.3s cubic-bezier(.33,1.21,.94,.97);}
.section05 .sc05 .post_wid .inner{width:/* 54.456% */65%; margin-left:0; padding:100px 0 0 100px;}
.section05 .sc05 .post_wid .inner h1{padding-bottom:25px; color:#fff; border-bottom:1px solid #fff;}
.section05 .sc05 .post_wid .inner h1 span{background:#fff; cursor:pointer;}
.section05 .sc05 .post_wid .inner h1 span::before,
.section05 .sc05 .post_wid .inner h1 span::after{background:#fff;}
.section05 .sc05 .post_wid .inner ul li{display:flex; justify-content:space-between; padding:18px 25px 18px 20px; border-bottom:1px solid #537dba;}
.section05 .sc05 .post_wid .inner ul li a{font-size:15px; font-weight:400; color:#fff;}
.section05 .sc05 .post_wid .inner ul li span.date{font-size:15px; font-weight:300; color:#fff;}

.section05.ani .sc05 .img_wid{transform:translateX(0); opacity:1; visibility:visible}
.section05.ani .sc05 .post_wid{transform:translateX(0); opacity:1; visibility:visible; transition-delay:0.4s}

@media(max-width:1600px){
	.section05 .sc05 .img_wid{padding-right:280px;}
	.section05 .sc05 .img_wid .webo{left:55px;}
}
@media(max-width:1540px){
	.section05 .sc05 .inner h1{font-size:27px;}
	.section05 .sc05 .post_wid{background-size:31%;}
	.section05 .sc05 .post_wid .inner{width:76%; padding:90px 0 0 90px;}
}
@media(max-width:1460px){
	.section05 .sc05{height:500px;}
	.section05 .sc05 .img_wid{padding-right:350px;}
	.section05 .sc05 .post_wid{height:400px;}
	.section05 .sc05 .post_wid .inner{width:85%; padding:60px 0 0 60px;}
}
@media(max-width:1330px){
	.section05 .sc05 > div{height:450px;}
	.section05 .sc05 .inner h1{font-size:23px;}
	.section05 .sc05 .img_wid .webo{left:35px; font-size:17px;}
	.section05 .sc05 .img_wid .inner{width:70%;}
}
@media(max-width:1160px){
	.section05 .sc05 .img_wid .webo{left:15px; font-size:14px;}
	.section05 .sc05 .inner h1{font-size:20px;}
	.section05 .sc05 .post_wid{right:-40px;}
	.section05 .sc05 .post_wid .inner ul li{padding:15px 20px 15px 15px;}
	.section05 .sc05 .post_wid .inner ul li a{font-size:14px;}
	.section05 .sc05 .post_wid .inner ul li span.date{font-size:13px;}
}
@media(max-width:991px){
	.section05 .sc05{width:100%; height:auto; flex-flow:column;}
	.section05 .sc05 > div{width:100%; height:auto; position:static;}
	.section05 .sc05 .inner h1{font-size:23px;}
	.section05 .sc05 .inner h1 span{width:15px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section05 .sc05 .inner h1 span::before, 
	.section05 .sc05 .inner h1 span::after{width:8px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section05 .sc05 .inner h1 span::before{top:-2.3px;}
	.section05 .sc05 .inner h1 span::after{bottom:-2.3px;}
	.section05 .sc05 .post_wid .inner h1 span::before{top:-2.2px;}
	.section05 .sc05 .post_wid .inner h1 span::after{bottom:-2.1px;}
	.section05 .sc05 .img_wid{width:91%; padding:50px 45px 50px 0}
	.section05 .sc05 .img_wid .inner{width:100%; padding:0 15px;}
	.section05 .sc05 .img_wid .inner h1{margin-bottom:33px;}
	.section05 .sc05 .img_wid .inner ol{right:15px; bottom:10px !important;}
	.section05 .sc05 .img_wid .inner ol li{width:6px; height:6px; margin-right:9px;}
	.section05 .sc05 .img_wid .carousel{width:auto;}
	.section05 .sc05 .img_wid .carousel .img-wrap img{width:100%;}
	.section05 .sc05 .img_wid .webo{display:none;}
	.section05 .sc05 .post_wid{height:auto; padding:48px 15px; background:#1b509d;}
	.section05 .sc05 .post_wid .inner{width:100%; padding:0;}
	.section05 .sc05 .post_wid .inner ul li{padding:13px 8px;}
	.section05 .sc05 .post_wid .inner ul li a{font-size:12.5px;}
	.section05 .sc05 .post_wid .inner ul li span.date{font-size:12.5px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
섹션06 세미나
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section06{padding:7.854% 0}
.section06 .sc06{width:62.828%; margin:0 auto;}
.section06 .sc06 .tit-box{display:flex; justify-content:space-between; place-items:flex-end; transform:translateY(80px); margin-bottom:40px; opacity:0; visibility:hidden; transition:all 400ms linear}
.section06 .sc06 .tit-box h1{font-size:42px; font-weight:bold; color:#222;}
.section06 .sc06 .tit-box a{display:flex; place-items:center; font-size:17px; color:#222; transition:all 100ms linear}
.section06 .sc06 .tit-box a:hover{color:#1b509d}
.section06 .sc06 .tit-box a span{width:12px; height:2px; display:block; position:relative; margin-left:18px; background:#000022; transition:all 100ms linear}
.section06 .sc06 .tit-box a span::before,
.section06 .sc06 .tit-box a span::after{content:""; width:7px; height:2px; position:absolute; right:-2px; background:#000022; transition:all 100ms linear}
.section06 .sc06 .tit-box a:hover span,
.section06 .sc06 .tit-box a:hover span::before, 
.section06 .sc06 .tit-box a:hover span::after{background:#1b509d}
.section06 .sc06 .tit-box a span::before{top:-2px; transform:rotate(45deg)}
.section06 .sc06 .tit-box a span::after{bottom:-2px; transform:rotate(-45deg)}
.section06 .sc06 .miso-post-gallery .post-row{transform:translateY(100px); opacity:0; visibility:hidden; transition:all 1s cubic-bezier(.38,.85,1,.96);}
.section06 .sc06 .miso-post-gallery .post-row img{height:100%; object-fit:cover;}
.section06 .sc06 .miso-post-gallery .post-content{padding:0; margin-top:35px;}
.section06 .sc06 .miso-post-gallery a span{display:block}
.section06 .sc06 .miso-post-gallery a span.subject{font-size:20px; font-weight:500; color:#222;}
.section06 .sc06 .miso-post-gallery a span.content{margin:16px 0 24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:400; color:#666;}
.section06 .sc06 .miso-post-gallery a span.date{font-size:15px; font-weight:400; color:#666;}
.section06 .sc06 .miso-post-gallery .post-row:hover a span.subject{font-weight:bold; color:#1b509d;}

.section06.ani .sc06 .tit-box{transform:translateY(0); opacity:1; visibility:visible;}
.section06.ani .sc06 .miso-post-gallery .post-row:first-child{transform:translateY(0); opacity:1; visibility:visible; transition-delay:0.5s;}
.section06.ani .sc06 .miso-post-gallery .post-row:nth-child(2){transform:translateY(0); opacity:1; visibility:visible; transition-delay:0.8s;}
.section06.ani .sc06 .miso-post-gallery .post-row:last-child{transform:translateY(0); opacity:1; visibility:visible; transition-delay:1.1s;}

@media(max-width:1919px){
	.section06 .sc06{width:100%; padding:0 15px;}
}
@media(max-width:1540px){
	.section06 .sc06 .tit-box h1{font-size:35px;}
	.section06 .sc06 .tit-box a{font-size:14px;}
	.section06 .sc06 .miso-post-gallery a span.subject{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:17px;}
}
@media(max-width:1290px){
	.section06 .sc06 .tit-box h1{font-size:30px;}
	.section06 .sc06 .miso-post-gallery .post-content{margin-top:25px;}
	.section06 .sc06 .miso-post-gallery a span.content{margin:10px 0 18px; font-size:14px;}
	.section06 .sc06 .miso-post-gallery a span.date{font-size:13px;}
}
@media(max-width:991px){
	.section06{padding:75px 0;}
	.section06 .sc06 .tit-box{place-items:center; margin-bottom:22px;}
	.section06 .sc06 .tit-box h1{font-size:28px;}
	.section06 .sc06 .tit-box a{font-size:13px;}
	.section06 .sc06 .tit-box a span{margin-left:14px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section06 .sc06 .tit-box a span::before,
	.section06 .sc06 .tit-box a span::after{border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.section06 .sc06 .tit-box a span::before{top:-1.8px}
	.section06 .sc06 .miso-post-gallery .post-row{width:100% !important;}
	.section06 .sc06 .miso-post-gallery .post-content{margin-top:28px;}
	.section06 .sc06 .miso-post-gallery a span.content{margin:10px 0 14px; font-size:13px;}
	.section06 .sc06 .miso-post-gallery a span.date{font-size:12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
풋터
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.footer{padding:45px 0; background:#252525;}
.footer .inner{width:62.828%; margin:0 auto;}
.footer .inner ul li{font-size:15px; font-weight:400; color:#d5d5d5}
.footer .top{display:flex; justify-content:space-between;}
.footer .top ul{display:flex}
.footer .top ul li{line-height:28px; position:relative; margin-right:12px; padding-right:12px;}
.footer .top ul li:after{content:""; width:1px; height:11px; position:absolute; top:9px; right:-1px; background:#525252;}
.footer .top ul li:last-child::after{display:none;}
.footer .top ul li a{ font-size:15px; font-weight:400; color:#d5d5d5}
.footer .top h4{margin-top:23px; font-size:15px; font-weight:400; color:#d5d5d5}
.footer .top > div:last-child ul li{margin-right:23px; padding:0;}
.footer .top > div:last-child ul li:last-child{margin-right:0;}
.footer .top > div:last-child ul li::after{display:none;}
.footer .top > div:last-child ul li a{font-weight:500; color:#fff;}
.footer .bot{display:flex; justify-content:space-between; place-items:center; margin-top:21px;}
.footer .bot .family_site{width:210px; position:relative;}
.footer .bot .family_site > a{display:flex; place-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid #515151;}
.footer .bot .family_site > a span{display:block;}
.footer .bot .family_site > a span.text{font-size:14px; font-weight:300; color:#d5d5d5}
.footer .bot .family_site > a span.arrow{width:11px; height:2px; display:block; position:relative; background:#909090; transition:all ease .3s;}
.footer .bot .family_site > a span.arrow::before,
.footer .bot .family_site > a span.arrow::after{content:""; width:6px; height:2px; position:absolute; right:0; background:#909090;}
.footer .bot .family_site > a span.arrow::before{top:-2px; transform:rotate(45deg);}
.footer .bot .family_site > a span.arrow::after{bottom:-2px; transform:rotate(-45deg);}
.footer .bot .family_site ul{width:100%; height:250%; position:absolute; bottom:40px; opacity:0; visibility:hidden; padding:10px 20px; overflow-y:auto; background:#252525; border:1px solid #515151; transition:all ease .5s;}
.footer .bot .family_site ul li{line-height:23px;}
.footer .bot .family_site ul li a{font-size:13px; font-weight:300; color:#d5d5d5}
.footer .bot .family_site.active ul{bottom:50px; opacity:1; visibility:visible;}
.footer .bot .family_site.active a span.arrow{transform:rotate(-45deg);}

@media(max-width:1919px){
	.footer .inner{width:100%; padding:0 15px;}
}
@media(max-width:1300px){
	.footer .inner ul li{font-size:13px;}
	.footer .top h4{font-size:13px;}
	.footer .top ul li a{font-size:13px;}
	.footer .bot .family_site > a span.text{font-size:13px;}
	.footer .bot .family_site ul li{line-height:25px;}
	.footer .bot .family_site ul li a{font-size:12px;}
}
@media(max-width:1070px){
	.footer .top{flex-flow:column; place-items:center;}
	.footer .top > div:first-child{order:2;}
	.footer .top h4{margin-top:14px; text-align:center;}
	.footer .top ul{justify-content:center;}
}
@media(max-width:991px){
	.footer{padding:22px 0 40px 0}
	.footer .top{place-items:flex-start;}
	.footer .top ul li{line-height:22px; margin:0; padding:0; font-size:12px;}
	.footer .top ul li:after{display:none;}
	.footer .top ul li a{font-size:12px;}
	.footer .top > div:first-child ul{flex-flow:column;}
	.footer .top > div:last-child ul{margin-bottom:12px;}
	.footer .top > div:last-child ul li{margin-right:19px;}
	.footer .top h4{font-size:12px; text-align:left;}
	.footer .bot{flex-flow:column; place-items:flex-start;}
	.footer .bot > div:first-child img{width:auto; height:35px;}
	.footer .bot .family_site{width:150px; margin-top:28px;}
	.footer .bot .family_site > a{padding-bottom:12px;}
	.footer .bot .family_site > a span.text{font-size:12px;}
	.footer .bot .family_site > a span.arrow{width:9px; height:1px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.footer .bot .family_site > a span.arrow::before, 
	.footer .bot .family_site > a span.arrow::after{width:5px; height:1px; right:-1px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.footer .bot .family_site > a span.arrow::before{top:-1.5px;}
	.footer .bot .family_site > a span.arrow::after{bottom:-1.5px;}
	.footer .bot .family_site ul{height:400%;}
	.footer .bot .family_site.active ul{bottom:40px;}
}

/* 탑버튼 */
.top_btn{width:65px; height:65px; display:flex; justify-content:center; place-items:center; flex-flow:column; position:fixed; bottom:90px; right:90px; z-index:100; opacity:0; visibility:hidden; font-size:12px; font-weight:300; color:#fff; background:#1b509d; cursor:pointer; transition:all 700ms linear}
.top_btn span.arrow{width:2px; height:10px; display:block; position:relative; margin-bottom:7px; background:#d7d7d7;}
.top_btn span.arrow::before,
.top_btn span.arrow::after{content:""; width:7px; height:2px; position:absolute; top:1px; background:#d7d7d7;}
.top_btn span.arrow::before{left:0; transform:rotate(45deg)}
.top_btn span.arrow::after{right:0; transform:rotate(-45deg)}
.top_btn img{margin-bottom:4px;}
.top_btn.active{opacity:1; visibility:visible;}
@media(max-width:1560px){
	.top_btn{right:40px; bottom:40px;}
}
@media(max-width:1300px){
	.top_btn{width:55px; height:55px; right:20px; bottom:20px; font-size:11px;}
}
@media(max-width:991px){
	.top_btn{width:42px; height:42px; right:15px; bottom:30px; font-size:10px;}
	.top_btn img{width:auto; height:16px;}
	.top_btn span.arrow{width:1px; height:9px; margin-bottom:4px;}
	.top_btn span.arrow::before, 
	.top_btn span.arrow::after{width:5px; height:1px; top:1.7px;}
	.top_btn span.arrow::before{left:0.1px;}
	.top_btn span.arrow::after{right:-0.1px;}
}


/* 230118 피드백 수정사항 */
header.at-header .mid .logo_box > div{display:none;}
header.at-header .mid .logo_box > div:first-child{display:block;}
header.at-header .mid .logo_box img{cursor:pointer;}
header.at-header .mid .logo_box img:first-child{margin-right:30px;}
header.at-header:hover .mid .logo_box > div:first-child{display:none;}
header.at-header:hover .mid .logo_box > div:last-child{display:block;}
header.at-header.scroll .mid .logo_box > div:first-child{display:none;}
header.at-header.scroll .mid .logo_box > div:last-child{display:block;}
header.at-header.not_main .mid .logo_box .first_logo{display:none;}
header.at-header.not_main .mid .logo_box .second_logo{display:block;}
header.at-header .top.hidden-md .mlogo_box > div{display:none;}
header.at-header .top.hidden-md .mlogo_box > div img{width:auto; height:20px;}
header.at-header .top.hidden-md .mlogo_box > div img:first-child{margin-right:10px;}
header.at-header .top.hidden-md .mlogo_box > div:first-child{display:block;}
header.at-header:hover .top.hidden-md .mlogo_box > div:first-child{display:none;}
header.at-header:hover .top.hidden-md .mlogo_box > div:last-child{display:block;}
header.at-header.scroll .top.hidden-md .mlogo_box > div:first-child{display:none;}
header.at-header.scroll .top.hidden-md .mlogo_box > div:last-child{display:block;}
header.at-header.not_main .top.hidden-md .mlogo_box > div:first-child{display:none;}
header.at-header.not_main .top.hidden-md .mlogo_box > div:last-child{display:block;}

/* 240418 msh 유지보수 */
header.at-header .mid ul .menu-li .sub-slide{width:195px;}