@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;margin:0;padding:0;}
		#contents_wrap, .w_custom {max-width:1280px;width:calc(100% - 60px);margin:0 auto;padding:0;box-sizing:border-box;position: relative;}
        #contents_wrap{padding-bottom:100px;margin-top:80px;}

	@media only screen and (max-width:640px) {
        #contents_wrap{padding-bottom:80px;margin-top:60px;}
		#contents_wrap, .w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap{margin-top:50px;padding-bottom:60px;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap, .w_custom {width:calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

	#header{position: sticky;top:0;left:0;width:100%;background:var(--point-white);z-index:10;transition:all 0.5s;}
	#header .hd_top{background: #f5f5f5;}
	#header .hd_top .w_custom{display: flex;align-items: center;justify-content: space-between;}
	#header .hd_top .hd_link,
	#header .hd_top .hd_gnb{display: flex;align-items: center;}
	/* #header .hd_top .hd_link{margin-left:47px;} */
	#header .hd_top .hd_link li{}
	#header .hd_top .hd_link li + li{margin-left:35px;}
	#header .hd_top .hd_link li.active {margin-left: 47px; margin-right: 21px;}
	#header .hd_top .hd_link li a{font-size:16px;color:var(--black-color03);font-weight:600;display: block;position: relative;line-height:44px;}
	#header .hd_top .hd_link li a span{font-size:inherit;color:var(--point-color01);font-weight:inherit;position: relative;}
	#header .hd_top .hd_link li .svg{position: absolute;bottom:-4px;left:-40px;height:100%;}
		#header .hd_top .hd_link li:last-child .svg {left: -32px;}
	#header .hd_top .hd_gnb li + li{margin-left:30px;}
	#header .hd_top .hd_gnb li a{font-size:15px;color:var(--black-color06);font-weight:400;}

	#header .header_cont{height:100px;}
	#header .header_cont .w_custom{display: flex;align-items: center;justify-content: space-between;height:100%;}
	#header .header_cont .hd_logo{width:158px;height:48px;position: relative;z-index:3;margin-left:8px;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('/data/skin/respon_default/images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;font-size:0;}
	#header .header_cont .hd_lnb{position: absolute;top:0;left:0;z-index:2;display: flex;align-items: center;justify-content: center;width:100%;box-sizing:border-box;padding-left:144px;}
	#header .header_cont .hd_lnb > li{position: relative;padding:0 20px;}
	#header .header_cont .hd_lnb > li > a{font-size:20px;color:var(--black-color02);font-weight:500;line-height:100px;font-family:var(--font-type02);display: block;}
	#header .header_cont .hd_lnb > li > a img{margin-top:-4px;}
	#header .header_cont .hd_lnb .lnb_dep2_box{position: absolute;display: none;top:100%;left:50%;transform:translate(-50%);background:var(--point-white);box-shadow:0 7px 10px 0 rgba(0,0,0,0.2);min-width:170px;}
	#header .header_cont .hd_lnb .lnb_dep2_box .flex_wrap{position: relative;display: flex;}
	#header .header_cont .hd_lnb .lnb_dep2{box-sizing:border-box;padding:15px 10px;position: relative;z-index:3;background: var(--point-white);}
	#header .header_cont .hd_lnb > li:nth-child(3) .lnb_dep2,
	#header .header_cont .hd_lnb > li:nth-child(4) .lnb_dep2{width:340px;display: flex;flex-wrap:wrap;flex-direction: column;height:200px;}
	#header .header_cont .hd_lnb > li .dep2_book{height:200px;background:var(--point-white);padding:20px 20px;display:block;box-sizing:border-box;width:170px;position: relative;}
	#header .header_cont .hd_lnb > li .dep2_book ul{width:100%;height:100%;}
	#header .header_cont .hd_lnb > li .dep2_book ul li{display: none;height:100%;}
	#header .header_cont .hd_lnb > li .dep2_book ul li.on{display: block;}

	#header	.header_cont .hd_lnb .lnb_dep2 li{margin-bottom:10px;}
	#header	.header_cont .hd_lnb .lnb_dep2 li a{font-size:16px;color:var(--black-color05);font-weight:400;}
	#header	.header_cont .hd_lnb > li:nth-child(3) .lnb_dep2_box,
	#header	.header_cont .hd_lnb > li:nth-child(4) .lnb_dep2_box{left:calc(50% + 85px);}

    #header .header_cont .hd_lnb .lnb_dep3{display: block; padding:12px 0;}
    #header .header_cont .hd_lnb .lnb_dep3 li a{display: block; font-size:14px;color:var(--black-color08);font-weight:400;}

	#header	.header_cont .hd_right{width:22px;height:18px;position: relative;z-index: 3;}
	#header	.header_cont .hd_right a{display: block;width:100%;height:100%;position: relative;}
	#header	.header_cont .hd_right a span{display: inline-block;width:100%;height:2px;background:var(--black-color02);position: absolute;left:0;transition:all 0.5s;}
	#header	.header_cont .hd_right a span:nth-child(1){top:0;}
	#header	.header_cont .hd_right a span:nth-child(2){top:8px;}
	#header	.header_cont .hd_right a span:nth-child(3){bottom:0;}

	#header	.header_cont .hd_right .active-1 span:nth-child(1){top:50%;transform:rotate(45deg);}
	#header	.header_cont .hd_right .active-1 span:nth-child(2){top:50%;transform:rotate(-45deg);}
	#header	.header_cont .hd_right .active-1 span:nth-child(3){display: none;}

	/*on*/
	#header.on {transform:translateY(-44px);box-shadow:0 7px 10px 0 rgba(0,0,0,0.2);}

	@media only screen and (min-width:1024px)	{
		#header	.header_cont .hd_lnb > li:hover > a{color:var(--point-color01);}	
		#header	.header_cont .hd_lnb .lnb_dep2 > li:hover > a{color:var(--point-color01);}
	}
	@media only screen and (max-width:1400px)	{
		#header .header_cont .hd_logo{margin-left:0;width:135px;height:40px;}
		#header .header_cont .hd_lnb > li > a{font-size:18px;}
		#header .header_cont .hd_lnb > li > a img{height:26px;}
	}
	@media only screen and (max-width:1250px)	{
		#header .header_cont .hd_lnb > li{padding:0 10px;}
		#header	.header_cont .hd_lnb .lnb_dep2 li a{font-size:14px;}
	}
	@media only screen and (max-width:1100px)	{
		#header .header_cont .hd_lnb > li > a{font-size:16px;}
		#header .header_cont .hd_lnb > li > a img{height:22px;}
	}
	@media only screen and (max-width:1024px)	{
		#header .hd_top .hd_link li.active{margin-right:14px;}
		#header .hd_top .hd_link li + li{margin-left:26px;}
		#header .hd_top .hd_link li a{font-size:14px;}
		#header .hd_top .hd_link li .svg{bottom:-4px;left:-45px;height:100%;}
			#header .hd_top .hd_link li:last-child .svg {left: -35px;}
		#header .hd_top .hd_gnb li a{font-size:14px;}
		
		#header .header_cont{height:80px;}
		#header .header_cont .hd_logo{margin-left:0;height:40px;}
		
		#header .header_cont .hd_lnb{display: none;}
	}
	@media only screen and (max-width:767px)	{
		#header .hd_top .hd_link li.active{margin-left:37px;}
		#header .hd_top .hd_link li a{font-size:13px;line-height:38px;}
			#header .hd_top .hd_link li:last-child .svg {left: -37px;}
		#header .header_cont{height:70px;}
		#header .header_cont .hd_logo{height:32px;}

		/*on*/
	#header.on {transform:translateY(-38px);}
	}
	@media only screen and (max-width:640px)	{
		#header .hd_top .hd_gnb{display: none;}

	}
	@media only screen and (max-width:500px)	{
		#header .hd_top .hd_link li.active{margin-left:25px; margin-right:22px;}
		#header .hd_top .hd_link li + li{margin-left:16px ;}
		#header .hd_top .hd_link li .svg{bottom:-1px;left:-34px;}
		#header .hd_top .hd_link li .svg svg{width:104px;}
			#header .hd_top .hd_link li:last-child .svg {left: -27px;}
		#header .header_cont{height:60px;}
		#header .header_cont .hd_logo{width:90px;height:26px;}

		#header .header_cont .hd_right{width:18px;}
	}
	
	@media only screen and (max-width:320px)	{
		#header .hd_top .hd_link li a{font-size:12px;}
	}
		
/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {top:-100%;right:0;width:100%;transition:0.8s;height:auto;box-sizing:border-box;position:fixed;background:#fff;z-index:99;border-top:1px solid #ddd;padding:0 0 20px;border-bottom:1px solid #ddd;opacity:0;}
		#aside.on {top:144px;opacity:1;}
		#header.on + #aside.on{top:100px;}

		#aside .aside_box{max-height:570px;overflow-y:auto;}
		#aside .aside_box::-webkit-scrollbar{width:4px;background: #ddd;}
		#aside .aside_box::-webkit-scrollbar-thumb{width:4px;background:var(--black-color00);}

		#aside .aside_box .aside_top {display: none;}
		#aside .aside_box .pc_hd{display: flex;align-items: center;justify-content: center;box-sizing:border-box;width:100%;height:60px;background:var(--point-color01);}
		#aside .aside_box .pc_hd p{font-size:var(--title-20);color:var(--point-white);font-weight:500;}
		#aside .aside_box .aside_menu{}
		#aside .aside_box .aside_menu > ul{display: flex;flex-wrap:wrap;width:calc(100% + 50px);margin-left:-25px;padding:40px 0 0;}
		#aside .aside_box .aside_menu > ul > li{width:calc(100% / 7 - 50px);margin:0 25px 30px;}
		#aside .aside_box .aside_menu > ul > li > a{font-size:22px;color:var(--black-color03);font-weight:500;display: block;border-bottom:2px solid var(--black-color00);padding-bottom:10px;}
		#aside .aside_box .aside_menu > ul > li > a span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;}
		#aside .aside_box .aside_menu .depth{margin-top:20px;}
		#aside .aside_box .aside_menu .depth li + li{margin-top:10px;}
		#aside .aside_box .aside_menu .depth li a{display: block;font-size:18px;color:var(--black-color05);font-weight:500;}
		#aside .aside_box .aside_menu > ul > li.menu_te img.ver_m{display: none;}
        #aside .aside_box .aside_menu .depth .depth3{padding: 12px 0;}
        #aside .aside_box .aside_menu .depth .depth3 li + li{margin-top:10px;}
        #aside .aside_box .aside_menu .depth .depth3 li a{display: block;font-size: 15px;color:var(--black-color08);font-weight:400;}

	@media only screen and (max-width:1200px) {
		#aside .aside_box .aside_menu > ul{margin-left:-20px;width:calc(100% + 40px);}
		#aside .aside_box .aside_menu > ul > li{margin:0 20px 30px;width:calc(100% / 5 - 40px);}
	} 
	@media only screen and (max-width:1024px) {
		#aside.on{top:124px;}
		#header.on + #aside.on{top:80px;}

		#aside .aside_box .pc_hd{height:50px;}
		#aside .aside_box .aside_menu > ul{padding:30px 0 0;}
		#aside .aside_box .aside_menu > ul > li > a{font-size:20px;}
		#aside .aside_box .aside_menu .depth{margin-top:10px;}
		#aside .aside_box .aside_menu .depth li a{font-size:16px;}
		#aside .aside_box .aside_menu .depth li + li{margin-top:6px;}
	}
	@media only screen and (max-width:767px) {
		#aside.on{top:108px;}
		#header.on + #aside.on{top:70px;}
		#aside .aside_box .aside_menu > ul > li{margin:0 20px 30px;width:calc(100% / 4 - 40px);}
	}
	@media only screen and (max-width:640px) {
		#aside{padding:0;height:calc(100vh - 108px);top:108px;right:-100%;}
		#aside.on{right:0;}
		#aside:before{width:30%;height:100%;content:"";background: #f8f8f8;position: absolute;top:0;left:0;}
		#header.on + #aside{height:calc(100vh - 70px);top:70px;}
		#aside .aside_box{max-height:100%;}
		#aside .aside_box .aside_top{display: block;background:#F1F5FA;box-sizing:border-box;padding:20px 15px;position: relative;}
		#aside .aside_box .aside_top .login_txt{font-size:18px;color:var(--black-color02);font-weight:500;}
		#aside .aside_box .aside_top .login_txt strong{font-size:inherit;color:var(--point-color01);font-weight:700;}
		#aside .aside_box .aside_top ul{display: flex;margin-top:15px;}
		#aside .aside_box .aside_top ul li{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:8px;background:var(--point-white);border:1px solid #ddd;width:150px;height:45px;}
		#aside .aside_box .aside_top ul li + li{margin-left:15px;}
		#aside .aside_box .aside_top ul li a{display: flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:15px;color:var(--black-color03);font-weight:500;}
		#aside .aside_box .pc_hd{display: none;}

		#aside .aside_box .aside_menu{width:100%;height:calc(100vh - 114px);}
		#aside .aside_box .aside_menu > ul{width:100%;margin-left:0;display: block;box-sizing:border-box;position: relative;padding:30px 0;}
		#aside .aside_box .aside_menu > ul:before{}
		#aside .aside_box .aside_menu > ul > li{margin:0;width:30%;box-sizing:border-box;padding-left:25px;}
		#aside .aside_box .aside_menu > ul > li + li{margin-top:25px;}
		#aside .aside_box .aside_menu > ul > li > a{font-size:16px;color:var(--black-color03);font-weight:500;border:none;padding:0;position: relative;display: inline-block;}
		#aside .aside_box .aside_menu > ul > li > a.on:before{width:140px;;height:45px;content:"";box-sizing:border-box;border-radius:45px;background:var(--point-color01);box-shadow: 1px 2px 7.5px 0px rgba(0, 0, 0, 0.20);position: absolute;left:-10px;top:50%;transform:translateY(-50%);}
		#aside .aside_box .aside_menu > ul > li.menu_te > a.on:before{background:var(--point-color03);}
		#aside .aside_box .aside_menu > ul > li > a.on{color:var(--point-white);padding-left:10px;}
		#aside .aside_box .aside_menu > ul > li.menu_te .ver_pc{display: none;}
		#aside .aside_box .aside_menu > ul > li.menu_te img.ver_m{display: block;height:100%;position: relative;}
		#aside .aside_box .aside_menu > ul > li.menu_te > a{display:inline-block;width:100px;height:20px;}
		#aside .aside_box .aside_menu > ul > li.menu_te .on img.ver_m{filter:var(--filter-white);}
		#aside .aside_box .aside_menu .depth{position: absolute;left:30%;display: none;top:0;box-sizing:border-box;padding-left:30px;margin-top:30px;}
		#aside .aside_box .aside_menu .depth.on{display: block;}
		#aside .aside_box .aside_menu .depth li + li{margin-top:20px;}
		#aside .aside_box .aside_menu .depth li a{color:var(--black-color06);}
        #aside .aside_box .aside_menu .depth .depth3 li a{font-size: 14px;}
	}
	@media only screen and (max-width:500px) {
		#aside{top:98px;height:calc(100vh - 98px)}
		#aside:before{width:140px;}
		#aside.on{top:98px;}
		#header.on + #aside.on{top:60px;}
		#header.on + #aside{top:60px;height:calc(100vh - 60px);}

		#aside .aside_box .aside_top .login_txt{font-size:16px;}
		#aside .aside_box .aside_top ul li{height:35px;width:calc(50% - 5px);}
		#aside .aside_box .aside_top ul li + li{margin-left:10px;}

		#aside .aside_box .aside_menu > ul > li{width:140px;}
		#aside .aside_box .aside_menu > ul > li > a{font-size:15px;}
		#aside .aside_box .aside_menu .depth{left:140px;width:calc(100% - 140px);}
		#aside .aside_box .aside_menu .depth li a{font-size:14px;}

	}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/*메인 푸터*/
	.main_footer{box-sizing:border-box;border-top:1px solid #ddd;padding:40px 0;}
	.main_footer .w_custom{display: flex;}
	.main_footer .contact_info{box-sizing:border-box;}
	.main_footer .contact_info + .contact_info{border-left:1px solid #ddd;}
	.main_footer .contact_info dt{font-size:24px;color:var(--black-color03);font-weight:500;margin-bottom:22px;}	
	.main_footer .contact_info dt span{font-size:inherit;color:inherit;font-weight:inherit;}
	.main_footer .cs_info{width:20.5%}
	.main_footer .cs_info .cs_num{font-size:32px;color:var(--point-color01);font-weight:700;line-height:1;}
	.main_footer .cs_info .cs_mail{display: block;font-size:18px;color:var(--black-color03);font-weight:400;margin-top:16px;}
	.main_footer .cs_info .cs_hours{font-size:15px;color:var(--black-color07);font-weight:400;font-family:var(--font-type01);line-height:1.7;margin-top:16px;}
	.main_footer .buy_info{width:37.5%;padding:0 60px;}
	.main_footer .buy_info .buy_bnr{box-sizing:border-box;border-radius:10px;border:1px solid #ddd;display: flex;align-items: center;justify-content: space-between;padding:27px 32px 31px 35px;position: relative;}
	.main_footer .buy_info .buy_bnr > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.main_footer .buy_info .buy_bnr .txt{}
	.main_footer .buy_info .buy_bnr .txt p{font-size:22px;color:var(--black-color03);font-weight:500;}
	.main_footer .buy_info .buy_bnr .txt a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;position: relative;border-radius:8px;border:1px solid var(--black-color05);width:120px;height:46px;font-size:17px;color:var(--black-color03);font-weight:500;margin-top:19px;}
	.main_footer .buy_info .buy_bnr .txt a:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:8px;background:var(--point-color01);position: absolute;top:0;left:0;z-index:2;opacity:0;transition:all 0.5s;}
	.main_footer .buy_info .buy_bnr .txt a:after{width:8px;height:8px;content:"";border:1px solid var(--black-color05);border-width:1px 1px 0 0;transform:rotate(45deg);display: inline-block;margin-left:13px;position: relative;z-index:3;}
	.main_footer .buy_info .buy_bnr .txt a span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;z-index:3;}
	.main_footer .notice_info{width:41.6%;padding-left:60px;}
	.main_footer .notice_info dt{display: flex;justify-content: space-between;align-items: center;}
	.main_footer .notice_info dt a{display: inline-block;position: relative;width:20px;height:20px;font-size:0;}
	.main_footer .notice_info dt a:before, .main_footer .notice_info dt a:after{content:"";position: absolute;background:var(--black-color02);}
	.main_footer .notice_info dt a:before{width:100%;height:1px;top:50%;left:0;}	
	.main_footer .notice_info dt a:after{width:1px;height:100%;top:0;left:50%;}
	.main_footer .notice_info .board_ul{margin-top:-1px;}
	.main_footer .notice_info .board_ul li{position: relative;box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding-left:7px;text-align:left;line-height:2;}
	.main_footer .notice_info .board_ul li:before{width:2px;height:2px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color05);position: absolute;top:16px;;left:0;}
	.main_footer .notice_info .board_ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
	.main_footer .notice_info .board_ul li strong{display: block;font-size:16px;color:var(--black-color05);font-weight:400;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.main_footer .notice_info .board_ul li p{font-size:16px;color:var(--black-color10);font-weight:400;}

	@media only screen and (min-width:1024px){
		.main_footer .buy_info .buy_bnr:hover{border-color:var(--point-color01);}
		.main_footer .buy_info .buy_bnr:hover .txt a{color:var(--point-white);border:none;}
		.main_footer .buy_info .buy_bnr:hover .txt a:before{opacity:1;}
		.main_footer .buy_info .buy_bnr:hover .txt a:after{border-color:var(--point-white);}
	}
	@media only screen and (max-width:1300px){
		.main_footer .buy_info{padding:0 40px;}
		.main_footer .notice_info{padding-left:40px;}
		.main_footer .contact_info dt{font-size:20px;}
		.main_footer .cs_info .cs_num{font-size:28px;}
		.main_footer .cs_info .cs_mail{font-size:16px;}
		.main_footer .cs_info .cs_hours{font-size:14px;}
		.main_footer .buy_info .buy_bnr{padding:20px 15px 20px 15px;}
		.main_footer .buy_info .buy_bnr .txt p{font-size:18px;}
		.main_footer .buy_info .buy_bnr .txt a{font-size:15px;}
		.main_footer .buy_info .buy_bnr .img{width:28%;}
		.main_footer .notice_info .board_ul li strong{font-size:14px;max-width:70%;}

	}
	@media only screen and (max-width:1024px){
		.main_footer .w_custom{flex-wrap:wrap;}
		.main_footer .cs_info{width:40%;}
		.main_footer .buy_info{width:60%;}
		.main_footer .w_custom .notice_info{width:100%;border:none;margin-top:30px;padding:30px 0 0 0;}
	}
	@media only screen and (max-width:640px){
		.main_footer .cs_info,
		.main_footer .buy_info{width:100%;}
		.main_footer .w_custom .buy_info{border:none;margin-top:30px;padding:30px 0 0 0;}
	}
	@media only screen and (max-width:500px){
		.main_footer{padding:20px 0 40px;}
		.main_footer .contact_info dt{font-size:18px;margin-bottom:10px;}
		.main_footer .cs_info .cs_num{font-size:24px;}	
		.main_footer .cs_info .cs_mail{font-size:15px;margin-top:8px;}
		.main_footer .cs_info .cs_hours{font-size:13px;margin-top:10px;}
		.main_footer .w_custom .buy_info,
		.main_footer .w_custom .notice_info{margin-top:20px;padding-top:20px;}
		.main_footer .buy_info .buy_bnr .txt a{font-size:14px;width:100px;height:38px;margin-top:12px;}
		.main_footer .buy_info .buy_bnr .txt a:after{width:6px;height:6px;margin-left:5px;}
		.main_footer .notice_info dt a{width:16px;height:16px;}
		.main_footer .notice_info .board_ul li:before{top:13px;}
		.main_footer .notice_info .board_ul li strong{font-size:13px;}
		.main_footer .notice_info .board_ul li p{font-size:13px;}
	}


	#footer{box-sizing:border-box;background: #f5f5f5;padding:40px 0 52px;}
	#footer .ft_top_content{display: flex;align-items: center;justify-content: space-between;}
	#footer .ft_gnb, #footer .ft_sns{display: flex;align-items: center;}
	#footer .ft_gnb{}
	#footer .ft_gnb li + li{margin-left:40px;}
	#footer .ft_gnb li a{font-size:17px;color:var(--black-color04);font-weight:400;}
	#footer .ft_gnb li a strong{font-size:inherit;color:var(--black-color00);font-weight:500;}
	#footer .ft_sns li + li{margin-left:10px;}
	#footer .ft_sns li a{display: flex;align-items: center;justify-content: center;box-sizing:border-box;width:40px;height:40px;border-radius:100%;background:var(--point-white);border:1px solid #ddd;}

	#footer .info_box{display: flex;justify-content: space-between;margin-top:33px;}
	#footer .info_box .ft_info{width:calc(100% + 16px);margin-left:-8px;}
	#footer .info_box .ft_info span{font-size:15px;color:var(--black-color08);font-weight:400;font-family:var(--font-type01);line-height:1.8;letter-spacing:-0.03em;margin:0 8px;display: inline-block;}
	#footer .info_box .ft_info span.com_name{color:var(--black-color03);}
	#footer .info_box .ft_info span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}	
	#footer .info_box .copyright{font-size:16px;color:var(--black-color09);font-weight:400;font-family:var(--font-type02);letter-spacing:-0.03em;margin-top:30px;}
	#footer .info_box .copyright a{display: inline-block;font-size:inherit;color:var(--black-color10);font-weight:inherit;margin-left:20px;}

	#footer .ft_family{position: relative;display: inline-block; margin-top:-3px;}
	#footer .ft_family dt{color:var(--black-color06);background:var(--point-white);border: 1px #ddd solid;outline: 0;padding: 0;width:200px;line-height:48px;font-size:15px;font-weight:400;box-sizing: border-box;position: relative;z-index: 1;cursor:pointer;text-align: left;padding-left:19px;}	
	#footer .ft_family dt:before{width:8px;height:8px;content:"";border:1px solid var(--black-color08);border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;right:20px;top:17px;}	
	#footer .ft_family dt.on:before{transform:rotate(-45deg);top:23px;}	
	#footer .ft_family dd{position: absolute;bottom:100%;left:0;width:100%;display: none;z-index:10;border:1px solid #ddd;box-sizing:border-box;border-bottom:none;}	
	#footer .ft_family dd ul{background:#fff;box-sizing:border-box;padding:10px 10px;}	
	#footer .ft_family dd ul li a{display:block; font-size:13px;color:#21242d;font-weight:400;line-height:30px;}
	
	@media only screen and (max-width:1200px) {
		#footer .info_box{flex-direction: column;}
		#footer .info_box .ft_info br{display: none;}
		#footer .ft_family{margin-top:20px;}
		#footer .ft_family dd{width:200px;}
	}	
	@media only screen and (max-width:767px) {
		#footer{padding:30px 0 50px;}	
		#footer .ft_gnb li + li{margin-left:20px;}
		#footer .ft_gnb li a{font-size:14px;}
		#footer .info_box .ft_info span{font-size:14px;}
		#footer .info_box .copyright{font-size:14px;}
	}	
	@media only screen and (max-width:640px) {
		#footer .ft_top_content{align-items: flex-start;flex-direction: column;}
		#footer .ft_sns{margin-top:20px;}
		#footer .info_box .copyright a{display: block;margin:5px 0 0 0;}
	}
	@media only screen and (max-width:500px) {
		#footer .ft_gnb li + li{margin-left:10px;}
		#footer .ft_gnb li a{font-size:13px;}
		#footer .ft_sns{margin-top:12px;}
		#footer .ft_sns li + li{margin-left:5px;}
		#footer .ft_sns li a {width:32px;height:32px;}
		#footer .ft_sns li a img{max-width:45%;}
		
		#footer .info_box{margin-top:20px;}
		#footer .info_box .ft_info{width:calc(100% + 10px);margin-left:-5px;}
		#footer .info_box .ft_info span{font-size:13px;line-height:1.6;margin:0 5px;}
		#footer .info_box .copyright{margin-top:16px;font-size:13px;}

		#footer .ft_family dt{width:150px;line-height:40px;font-size:13px;padding-left:12px;}
		#footer .ft_family dt:before{width:6px;height:6px;right:12px;top:14px;}
		#footer .ft_family dt.on:before{top:17px;}
		#footer .ft_family dd{width:150px;}
		#footer .ft_family dd ul li a{font-size:12px;}
	}	

	/*quick*/
	.ft_quick{opacity:0;z-index:-1;transition:all 0.5s;position: fixed;top:14%;right:55px;}
	.ft_quick.on{opacity:1;z-index:15;}
	.ft_quick ul{}
	.ft_quick ul li{width:110px;box-sizing:border-box;border-radius:10px;background:var(--point-white);position: relative;display: flex;flex-direction: column;text-align: center;justify-content: center;height:140px;border:1px solid #ddd;}
	.ft_quick ul li:before{width:100%;height:100%;content:"";border:1px solid var(--point-color01);border-radius:10px;position: absolute;top:0;left:0;opacity:0;transition:all 0.5s;}
	.ft_quick ul li + li{margin-top:10px}	
	.ft_quick ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;}
	.ft_quick ul li .icon{padding-top:13px;}
	.ft_quick ul li p{font-size:20px;color:var(--point-color01);font-weight:500;letter-spacing:-0.03em;}
	.ft_quick ul li p span{display: block;color:inherit;font-weight:inherit;font-size:82%;}
	.ft_quick ul li p em{display: block;color:inherit;font-weight:inherit;font-size:95%;font-family:var(--font-type02);}

	.ft_top{opacity:0;z-index:-1;transition:all 0.5s;position: fixed;bottom:50px;right:75px;}
	.ft_top.on{opacity:1;z-index:15;}
	.ft_top .btn_quick{display: none;}
	.ft_top span{width:60px;height:60px;display: flex;align-items: center;justify-content: center;box-sizing:border-box;border-radius:100%;background:var(--point-white);border:1px solid #ddd;position: relative;cursor:pointer;transition:all 0.5s;}

	/*bottom quick*/
	.bot_quick{display: none;}

	@media only screen and (min-width:1024px) {
		.ft_quick ul li:hover:before{opacity:1;}
		.ft_top:hover span{background:var(--point-color01);border-color:var(--point-color01);}
		.ft_top:hover span img{filter:var(--filter-white);}
	}
	@media only screen and (max-width:1300px) {
		.ft_quick{right:15px;}
		.ft_quick ul li{width:100px;height:125px;}
		.ft_quick ul li p{font-size:18px;}
		.ft_top{right:22px;}
	}
	@media only screen and (max-width:1024px) {
		.ft_quick ul li{width:80px;height:100px;}
		.ft_quick ul li p{font-size:15px;}
		.ft_quick ul li .icon{padding-top:6px;}
		.ft_quick ul li .icon img{max-width:80%;}
	}
	@media only screen and (max-width:640px) {
		.ft_quick{right:-55px;top:auto;bottom:130px;}
		.ft_quick.open{right:15px;}
		.ft_quick ul li p{display: none;}
		.ft_quick ul li{width:40px;height:40px;border-radius:100%;}
		.ft_quick ul li .icon{width:100%;height:100%;display: flex;align-items: center;justify-content: center;padding:0;}
		.ft_quick ul li .icon img{max-width:42%;}

		.ft_top{right:15px;bottom:75px;}
		.ft_top span{width:40px;height:40px;}
		.ft_top .btn_quick{display:flex;margin-bottom:10px;background:var(--point-white);}
		.ft_top .btn_quick img{height:25%;}
		.ft_top .btn_quick.open img{transform:scaleX(-1);}
		.ft_top span img{height:40%;}

		.bot_quick{display: block;position: fixed;bottom:0;left:0;width:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);z-index:5;background:var(--point-white);}
		.bot_quick ul{display: flex;}
		.bot_quick ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;width:25%;height:60px;}
		.bot_quick ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.bot_quick ul li p{font-size:13px;color:var(--black-color03);font-weight:400;margin-top:5px;}
	}
	@media only screen and (max-width:500px) {

	}

/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_content{padding-bottom:160px;overflow:hidden;}
	/* visual */
		#wrap .main_visual {position:relative;width:100%;margin:0;/* height:500px; */background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;/*height:500px;*/border:none;height:auto;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;}
		.main_visual .slick-slide img{width:100%;}

	/*book*/
		.main_book{margin-top:60px;}
		.main_book .title{display: flex;justify-content: space-between;}
		.main_book .title h3{font-size:var(--title-40);color:var(--black-color02);font-weight:600;font-family:var(--font-type01);letter-spacing:-0.04em;}
		.main_book .title h3 span{display: inline-flex;box-sizing:border-box;position: relative;width:72px;height:40px;border-radius:16px;align-items: center;justify-content: center;font-size:20px;color:var(--point-white);font-weight:600;font-family:var(--font-type02);background: #F05F82;vertical-align:top;margin-left:14px;margin-top:5px;}
		.main_book .title h3 span:before{width:20px;height:18px;content:"";background:url('/data/skin/respon_default/images/skin/quote_icon.svg')no-repeat center;background-size:auto 100%;position: absolute;left:-15px;top:16px;}
		.main_book .title a{display: inline-block;position: relative;width:28px;height:28px;font-size:0;margin-top:9px;}
		.main_book .title a:before, .main_book .title a:after{content:"";position: absolute;background:var(--black-color02);}
		.main_book .title a:before{width:100%;height:2px;top:calc(50% - 1px);left:0;}	
		.main_book .title a:after{width:2px;height:100%;top:0;left:calc(50% - 1px);}

		.main_book .list{display: flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;margin-top:30px;}
		.main_book .list li{box-sizing:border-box;position: relative;margin:0 20px 43px;width:calc(100% / 3 - 40px);}
		.main_book .list li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_book .list li .thumb{position: relative;}
		.main_book .list li .thumb:before, .main_book .list li .thumb:after{content:"";position: absolute;box-sizing:border-box;border-radius:100%;transition:all 0.5s;opacity:0;z-index:-1;}
		.main_book .list li .thumb:before{width:20px;height:20px;background:var(--point-color01);bottom:20%;left:40px;}
		.main_book .list li .thumb:after{width:50px;height:50px;background:var(--point-color02);top:8%;right:20%;}
		.main_book .list li .thumb .img_box{width:100%;height:0;padding-bottom:100%;position: relative;overflow:hidden;background: #f4f4f4;border-radius:40px;transition:all 0.5s; box-sizing: border-box;}
		.main_book .list li .thumb .img_box img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow: 14px 15px 19.4px 0px rgba(0, 0, 0, 0.12);transition:all 0.5s; width: 54.5%;}
		.main_book .list li .thumb .ov_box{width:0;height:0;box-sizing:border-box;border-radius:100%;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--black-color05);transition:all 0.5s;opacity:0;z-index:-1;}
		.main_book .list li .thumb .ov_box:before, .main_book .list li .thumb .ov_box:after{content:"";position: absolute;background:var(--point-white);}
		.main_book .list li .thumb .ov_box:before{width:28px;height:2px;top:calc(50% - 1px);left:50%;transform:translate(-50%);}
		.main_book .list li .thumb .ov_box:after{width:2px;height:28px;top:50%;left:calc(50% - 1px);transform:translateY(-50%);}
		.main_book .list li .thumb .btn_icon_wrap{width:46px;height:46px;position: absolute;top:10%;left:10%;opacity:0;z-index:-1;transition:all 0.5s;}
		.main_book .list li .thumb .btn_icon_wrap .btn_icon.book{background-image: url(../images/sub/bookmark_ico_w.png);background-size: 16px auto;background-color: var(--point-color01);border-color: var(--point-color01);}

		.main_book .txt_box{text-align: center;position: relative;margin-top:-14px;z-index:3;}
		.main_book .txt_box span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:14px;min-width:50px;height:28px;font-size:17px;font-weight:500;border:1px solid #fff;background:var(--point-white); color:var(--point-color02);border-color:var(--point-color02);padding:0 10px;}
            .main_book .txt_box :is(span[title="융합"], span[title="고등"]){border-color: var(--point-color03); color: var(--point-color03);}
            .main_book .txt_box span[title="전문"]{border-color: var(--point-color04); color: var(--point-color04);}
		.main_book .txt_box p{font-size:26px;color:var(--black-color02);font-weight:500;font-family:var(--font-type01);margin-top:11px;letter-spacing:-0.03em;}

	/*bnr*/
		.main_cs{position: relative;box-sizing:border-box;padding:140px 0;margin-top:69px;}
		.main_cs:before, .main_cs:after{width:58%;height:100%;content:"";box-sizing:border-box;position: absolute;}
		.main_cs:before{border-radius:140px 0 0 40px;background: #E3F5FF;top:60px;right:0;}
		.main_cs:after{border-radius:0 140px 40px 0;background: #79D7FF;top:0;left:0;}

		.main_cs .obj img{position: absolute;z-index:4;}
		.main_cs .obj .obj01{top:-27px;left:7%;}
		.main_cs .obj .obj02{bottom:31%;left:10%;}
		.main_cs .obj .obj03{top:27px;right:14%;}
		.main_cs .obj .obj04{bottom:38%;right:10%;}
		.main_cs .obj .obj05{bottom:3%;right:14%;}

		.main_cs .w_custom{z-index:5;}
		.main_cs .bnr_box{display: flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;position: relative;z-index:5;}
		.main_cs .bnr{background-color:var(--point-white) !important;box-sizing:border-box;width:calc(50% - 40px);margin:0 20px;border-radius:30px;position: relative;display: flex;align-items: center;padding:48px 45px 50px;border:1px solid transparent;}
		.main_cs .bnr:nth-child(1){background:url('/data/skin/respon_default/images/skin/main_cs_bnr01.svg')no-repeat right 45px bottom -1px;}
		.main_cs .bnr:nth-child(2){background:url('/data/skin/respon_default/images/skin/main_cs_bnr02.svg')no-repeat right top 67%;}
		.main_cs .bnr a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_cs .bnr .txt{min-width:32%;}
		.main_cs .bnr .txt span{display: block;font-size:20px;color:var(--point-color01);font-weight:600;}
		.main_cs .bnr .txt strong{display: block;font-size:40px;color:var(--black-color01);font-weight:500;font-family:var(--font-type03);margin:22px 0 20px;letter-spacing:-0.03em;}
		.main_cs .bnr .txt p{font-size:18px;color:var(--black-color06);font-weight:400;letter-spacing:-0.03em;}
		.main_cs .bnr .txt .more{width:34px;height:34px;content:"";box-sizing:border-box;border-radius:100%;background: #eee;position: relative;margin-top:41px;}
		.main_cs .bnr .txt .more:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s}
		.main_cs .bnr .txt .more:after{width:7px;height:7px;content:"";border:2px solid var(--black-color02);border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;top:12px;left:11px;transition:all 0.5s;}

	@media only screen and (min-width:1024px) {
		/*book*/
		.main_book .list li:hover .thumb:before{opacity:1;left:5%;bottom:25%;z-index:3;}
		.main_book .list li:hover .thumb:after{width:36px;height:36px;top:12%;right:6%;z-index:3;opacity:1;}
		.main_book .list li:hover .thumb .img_box{border-radius:100%;}
		.main_book .list li:hover .thumb .img_box img{transform:translate(-50%, calc(-50% - 10px));}
		.main_book .list li:hover .thumb .ov_box{z-index:3;opacity:1;width:80px;height:80px;}
		.main_book .list li:hover .thumb .btn_icon_wrap{z-index:3;opacity:1;}

		/*bnr*/
		.main_cs .bnr:hover{border-color:var(--point-color01);}
		.main_cs .bnr:hover .txt .more:before{width:100%;height:100%;}
		.main_cs .bnr:hover .txt .more:after{border-color:var(--point-white);}
	}
	@media only screen and (max-width:1750px) {
		/*bnr*/
		.main_cs .obj .obj02{left:4%;}
		.main_cs .obj .obj04{right:1%;}
	}
	@media only screen and (max-width:1300px) {
		/*book*/
		/* .main_book .list li .thumb .img_box img{max-height:70%;} */

		/*bnr*/
		.main_cs .bnr_box{width:calc(100% + 20px);margin-left:-10px;}
		.main_cs .bnr{padding:48px 25px 50px;margin:0 10px;width:calc(50% - 20px);}
		.main_cs .bnr:nth-child(1){background-size:46% auto;background-position: right 20px bottom -1px;}
		.main_cs .bnr:nth-child(2){background-size:64% auto;}
		.main_cs .bnr .txt span{font-size:18px;}
		.main_cs .bnr .txt strong{font-size:32px;}
		.main_cs .bnr .txt p{font-size:16px;}
		.main_cs .bnr .txt .more{margin-top:30px;}
	}
	@media only screen and (max-width:1024px) {
		.main_content{padding-bottom:100px;}
		/* #wrap .main_visual, #wrap .main_visual .slick-slide{height:50vw;} */

		/*book*/
		.main_book .list{width:calc(100% + 20px);margin-left:-10px;}
		.main_book .list li{margin:0 10px 43px;width:calc(100% / 3 - 20px);}
		.main_book .txt_box p{font-size:20px;}
		.main_book .list li .thumb .btn_icon_wrap{opacity:1;z-index:3;width:40px;height:40px;top:25px;left:25px;}

		/*bnr*/
		.main_cs{padding:100px 0;}
		.main_cs:before{border-radius:80px 0 0 30px;top:30px;}
		.main_cs:after{border-radius:0 80px 30px 0;}
		.main_cs .obj .obj01{width:15px;}
		.main_cs .obj .obj03{top:10px;width:38px;}
		.main_cs .obj .obj05{width:70px;}
		.main_cs .bnr:nth-child(1){background-size:52% auto;}
	}
	@media only screen and (max-width:860px) {
		.main_content{padding-bottom:80px;}
		/*book*/
		.main_book .title h3 span{width:60px;height:32px;font-size:16px;margin-left:9px;margin-top:7px;}		
		.main_book .title h3 span:before{width:11px;height:12px;left:-9px;top:13px;}
		.main_book .txt_box{margin-top:-13px;}
		.main_book .txt_box span{min-width:44px;height:26px;font-size:14px;}
		.main_book .txt_box p{margin-top:5px;}
		.main_book .list li .thumb .btn_icon_wrap{top:15px;left:15px;}

		/*bnr*/
		.main_cs .obj .obj02{left:2%;bottom:49%;width:20px;}
		.main_cs .bnr_box{width:100%;margin-left:0;}
		.main_cs .bnr{margin:20px 0;width:100%;}
		.main_cs .bnr:nth-child(1){background-size:auto 90%;}
		.main_cs .bnr:nth-child(2){background-size:auto 64%;}
	}
	@media only screen and (max-width:767px) {
		/* #wrap .main_visual, #wrap .main_visual .slick-slide{height:55vw;} */

	}
	@media only screen and (max-width:640px) {
		/*book*/
		.main_book{margin-top:50px;}
		.main_book .list{width:calc(100% + 15px);margin-left:-7.5px;}
		.main_book .list li{margin:0 7.5px 30px;width:calc(100% / 2 - 15px);}
		.main_book .list li .thumb .img_box{border-radius:20px;}

		/*bnr*/
		.main_cs{margin-top:40px;padding:50px 0;}
		.main_cs:before{top:25px;border-radius:60px 0 0 30px;}
		.main_cs:after{border-radius:0 60px 30px 0;}
		.main_cs .bnr{margin:10px 0;border-radius:15px;}
		.main_cs .bnr .txt span{font-size:16px;}
		.main_cs .bnr .txt strong{font-size:28px;margin:12px 0 16px;}
		.main_cs .bnr .txt p{font-size:15px;}
		.main_cs .bnr .txt .more{width:28px;height:28px;}
		.main_cs .bnr .txt .more:after{width:6px;height:6px;top:10px;left:9px;}
	}
	@media only screen and (max-width:500px) {
		/* #wrap .main_visual, #wrap .main_visual .slick-slide{height:65vw;} */

		/*book*/
		.main_book .title h3 span{width:50px;height:25px;font-size:12px;margin-left:4px;margin-top:6px;}		
		.main_book .title h3 span:before{width:9px;height:9px;left:-6px;top:11px;}
		.main_book .txt_box{margin-top:-12px;}
		.main_book .txt_box span{min-width:38px;height:24px;font-size:12px;}
		.main_book .txt_box p{font-size:16px;}
		.main_book .list li .thumb .btn_icon_wrap{width:35px;height:35px;}
		.main_book .list li .thumb .btn_icon_wrap .btn_icon.book{background-size:11px auto;}

		/*bnr*/
		.main_cs{padding: 50px 0 40px;}
		.main_cs .obj .obj01{width:10px;top:-20px;left:5%;}	
		.main_cs .obj .obj02{width:15px;bottom:47%;}
		.main_cs .obj .obj03{width:26px;}
		.main_cs .obj .obj04{width:8px;}
		.main_cs .obj .obj05{width:35px;}
	}
	@media only screen and (max-width:440px) {
		/*bnr*/
		.main_cs .bnr{padding:20px 20px 20px;}
		.main_cs .bnr:nth-child(1){background-size:auto 74%;background-position:right 10px bottom -1px}
		.main_cs .bnr:nth-child(2){background-size:auto 52%;}
		.main_cs .bnr .txt span{font-size:14px;}
		.main_cs .bnr .txt strong{font-size:24px;}
		.main_cs .bnr .txt p{font-size:14px;}
		.main_cs .bnr .txt .more{margin-top:20px;}
	}
	@media only screen and (max-width:360px) {
		/*bnr*/	
		.main_cs .bnr:nth-child(2){background-size:auto 47%;}
	}
	@media only screen and (max-width:310px) {
		/*bnr*/
		.main_cs .bnr:nth-child(1){background-size:auto 68%;}
		.main_cs .bnr:nth-child(2){background-size:auto 42%;}
		.main_cs .bnr .txt .more{margin-top:18px;}
	}




/*───────────────────────────────────────────────────────────

	 INTRO | intro.html

───────────────────────────────────────────────────────────*/
    #wrap:has(.intro_wrap) :is(#header, .sub_visual, .ft_quick, .bot_quick, .ft_top, .main_footer, #footer){display: none;}
    #wrap:has(.intro_wrap) #contents_wrap{padding:0;margin: 0;width: 100%;max-width: 100%;}
	.intro_wrap * {font-family:var(--font-type03);}
	.intro_wrap {text-align:center;width:100%;box-sizing:border-box;}
	.intro_wrap .intro_content {padding:0 0 178px;position:relative;z-index:1;overflow:hidden;}
	.intro_wrap .intro_content:before {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(103deg, #102079 20%, #4194A0 70%);opacity:0.1;z-index:-2;}
	.intro_wrap .intro_content .intro_title {padding:100px 0 60px;}
	.intro_wrap .intro_content .intro_title h1 {display:block;}
	.intro_wrap .intro_content .intro_title h1 img {}
	.intro_wrap .intro_content .intro_title h2 {font-size:var(--title-26);line-height:1.23;font-weight:400;color:var(--black-color01);font-family:var(--font-type05);letter-spacing:-0.05em;display:block;padding-bottom:30px;}
	.intro_wrap .intro_content .intro_title h2 strong {font-size:inherit;line-height:inherit;font-weight:600;color:var(--point-color01);font-family:inherit;}
	.intro_wrap .intro_content .intro_cont {}
	.intro_wrap .intro_content .intro_cont ul {font-size:0;display:flex;}
	.intro_wrap .intro_content .intro_cont ul + ul {margin-top:40px;}
	.intro_wrap .intro_content .intro_cont ul li {width:calc(50% - 20px);border:1px solid var(--border-color02);border-radius:10px;box-sizing:border-box;background:#fff;padding:60px 50px;text-align:left;box-shadow:6px 6px 12px 0px rgba(0, 0, 0, 0.06);position:relative;}
	.intro_wrap .intro_content .intro_cont ul li + li {margin-left:40px;}
	.intro_wrap .intro_content .intro_cont ul li > a {position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;}
	.intro_wrap .intro_content .intro_cont ul.book {}
	.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(1) {background:#fff url('../images/skin/intro_deucation.png') no-repeat center right 45px;background-size:auto 240px;}
	.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(2) {background:#fff url('../images/skin/intro_textbook.png') no-repeat center right 80px;background-size:auto 240px;}
	.intro_wrap .intro_content .intro_cont ul.book li .txt_wrap {}
	.intro_wrap .intro_content .intro_cont ul.book li .txt_wrap h3 {font-size:var(--title-40);font-weight:500;color:var(--black-color01);letter-spacing:-0.04em;}
	.intro_wrap .intro_content .intro_cont ul.book li .txt_wrap h4 {font-size:var(--title-20);line-height:1.9;font-weight:600;color:var(--point-color01);display:block;}
	.intro_wrap .intro_content .intro_cont ul.book li .btn_more {margin-top:28px;}
	.intro_wrap .intro_content .intro_cont ul.book li .btn_more a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;position: relative;border-radius:8px;border:1px solid var(--black-color05);width:120px;height:46px;font-size:var(--title-17);color:var(--black-color03);font-weight:500;}
	.intro_wrap .intro_content .intro_cont ul.book li .btn_more a:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:8px;background:var(--point-color01);position: absolute;top:0;left:0;z-index:2;opacity:0;transition:all 0.5s;}
	.intro_wrap .intro_content .intro_cont ul.book li .btn_more a:after{width:8px;height:8px;content:"";border:1px solid var(--black-color05);border-width:1px 1px 0 0;transform:rotate(45deg);display: inline-block;margin-left:13px;position: relative;z-index:3;}
	.intro_wrap .intro_content .intro_cont ul.book li .btn_more a span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;z-index:3;}
	.intro_wrap .intro_content .intro_cont ul.info {}
	.intro_wrap .intro_content .intro_cont ul.info li {display:flex;align-items:center;justify-content:space-between;padding:30px 40px;}
	.intro_wrap .intro_content .intro_cont ul.info li strong {display:block;font-size:var(--title-24);line-height:1.58;font-weight:500;color:var(--black-color01);padding-left:50px;letter-spacing:-0.04em;position:relative;z-index:1;}
	.intro_wrap .intro_content .intro_cont ul.info li strong:before {content:'';display:block;position:absolute;width:30px;height:30px;top:50%;transform:translateY(-50%);left:0;}
	.intro_wrap .intro_content .intro_cont ul.info li:nth-of-type(1) strong:before {background:url('../images/skin/intro_info_icon.svg') no-repeat center;background-size:auto 30px;}
	.intro_wrap .intro_content .intro_cont ul.info li:nth-of-type(2) strong:before {background:url('../images/skin/intro_book_icon.svg') no-repeat center;background-size:auto 28px;}
	.intro_wrap .intro_content .intro_cont ul.info li .more{width:34px;height:34px;content:"";box-sizing:border-box;border-radius:100%;background: #eee;position: relative;}
	.intro_wrap .intro_content .intro_cont ul.info li .more:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s}
	.intro_wrap .intro_content .intro_cont ul.info li .more:after{width:7px;height:7px;content:"";border:2px solid var(--black-color02);border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;top:12px;left:11px;transition:all 0.5s;}
	.intro_wrap .intro_content .intro_bg {}
	.intro_wrap .intro_content .intro_bg span {position:absolute;z-index:-1;animation-delay: 1ms;animation-timing-function: linear;animation-duration: 2500ms;}
	.intro_wrap .intro_content .intro_bg span.bg1 {animation: bg1 5s linear infinite;width:420px;height:420px;border-radius:100%;top:-100px;left:-100px;background:var(--point-color01);filter: blur(100px);opacity:0.15;}
	.intro_wrap .intro_content .intro_bg span.bg2 {animation: bg2 5s linear infinite;width:20px;height:69px;background:url('../images/skin/intro_bg2.svg') no-repeat center;background-size:100% auto;top:42.55%;left:170px;}
	.intro_wrap .intro_content .intro_bg span.bg3 {animation: bg3 5s linear infinite;width:300px;height:300px;background:url('../images/skin/intro_bg3.svg') no-repeat center;background-size:100% auto;bottom:-50px;left:130px;}
	.intro_wrap .intro_content .intro_bg span.bg4 {animation: bg4 5s linear infinite;width:220px;height:220px;border:45px solid #AEE4FC;top:-80px;right:21.875%;opacity:0.3;box-sizing:border-box;border-radius:100%;}
	.intro_wrap .intro_content .intro_bg span.bg5 {animation: bg5 5s linear infinite;width:100px;height:82px;background:url('../images/skin/intro_bg5.svg') no-repeat center;background-size:100% auto;top:210px;right:8.8%;}
	.intro_wrap .intro_content .intro_bg span.bg6 {animation: bg6 5s linear infinite;width:56px;height:64px;background:url('../images/skin/intro_bg6.svg') no-repeat center;background-size:100% auto;bottom:27.23%;right:124px;}
	.intro_wrap .intro_content .intro_bg span.bg7 {animation: bg7 5s linear infinite;width:150px;height:150px;border-radius:100%;background:linear-gradient(180deg, #4194A0 0%, #FFF 100%);bottom:60px;right:34.84%;opacity:0.15;transform: rotate(-90deg);}
	.intro_wrap .intro_content .intro_bg span.bg8 {animation: bg8 5s linear infinite;width:420px;height:420px;border-radius:100%;bottom:-100px;right:-100px;background:#4194A0;filter: blur(100px);opacity:0.15;}
	.intro_wrap .intro_footer {background: var(--point-white);padding: 67px 0 40px;text-align:left;}
	.intro_wrap .intro_footer .w_custom {display:flex;}
	.intro_wrap .intro_footer .ft_logo {width: 115px;flex-shrink: 0;}
	.intro_wrap .intro_footer address {font-size:15px;line-height:1.86;font-weight:400;color: var(--black-color05);letter-spacing:-0.03em;padding-left:50px;font-style:inherit;margin-top: -0.2vw;}
	.intro_wrap .intro_footer address span {display:inline-block;margin:0 13px;}
	.intro_wrap .intro_footer address a {font-size:inherit;font-weight:inherit;color:inherit;}
	.intro_wrap .intro_footer address .copyright {font-size:14px;line-height:inherit;font-weight: 300;color: var(--black-color08);padding-top: 4px;display: flex;flex-wrap: wrap;gap: 0 20px;}
	.intro_wrap .intro_footer address .copyright a {display:inline-block;}

	@keyframes bg1 { 0% {left:-100px;} 50% {left:40px;} 100% {left:-100px;} }
	@keyframes bg2 { 0% {left:8.8%;} 50% {left:11.4%;} 100% {left:8.8%;} }
	@keyframes bg3 { 0% {bottom:-50px;} 50% {bottom:-100px;} 100% {bottom:-50px;} }
	@keyframes bg4 { 0% {top:-8.5%;} 50% {top:-11.7%;} 100% {top:-8.5%;} }
	@keyframes bg5 { 0% {top:22%;} 50% {top:18%;} 100% {top:22%;} }
	@keyframes bg6 { 0% {right:6.4%;} 50% {right:8%;} 100% {right:6.4%;} }
	@keyframes bg7 { 0% {transform:rotate(-90deg);} 50% {transform:rotate(0);} 100% {transform:rotate(-90deg);} }
	@keyframes bg8 { 0% {right:-100px;} 50% {right:40px;} 100% {right:-100px;} }

	@media only screen and (min-width:1024px){
		.intro_wrap .intro_content .intro_cont ul li:hover{border-color:var(--point-color01);}
		.intro_wrap .intro_content .intro_cont ul li:hover .btn_more a{color:var(--point-white);border:none;}
		.intro_wrap .intro_content .intro_cont ul li:hover .btn_more a:before{opacity:1;}
		.intro_wrap .intro_content .intro_cont ul li:hover .btn_more a:after{border-color:var(--point-white);}
		.intro_wrap .intro_content .intro_cont ul.info li:hover .more:before{width:100%;height:100%;}
		.intro_wrap .intro_content .intro_cont ul.info li:hover .more:after{border-color:var(--point-white);}
	}
	@media only screen and (max-width:1760px){
		@keyframes bg2 { 0% {left:6%;} 50% {left:9%;} 100% {left:6%;} }
		@keyframes bg6 { 0% {right:5%;} 50% {right:7%;} 100% {right:5%;} }
	}
	@media only screen and (max-width:1660px){
		@keyframes bg2 { 0% {left:4%;} 50% {left:7%;} 100% {left:4%;} }
		@keyframes bg6 { 0% {right:3%;} 50% {right:5%;} 100% {right:3%;} }
	}
	@media only screen and (max-width:1560px){
		@keyframes bg2 { 0% {left:3%;} 50% {left:6%;} 100% {left:3%;} }
		@keyframes bg6 { 0% {right:2%;} 50% {right:4%;} 100% {right:2%;} }
	}
	@media only screen and (max-width:1470px){
		@keyframes bg2 { 0% {left:2%;} 50% {left:3%;} 100% {left:2%;} }
		@keyframes bg6 { 0% {right:1%;} 50% {right:2%;} 100% {right:1%;} }
	}
	@media only screen and (max-width:1280px){
		.intro_wrap .intro_content .intro_cont ul + ul {margin-top:30px;}
		.intro_wrap .intro_content .intro_cont ul li {width:calc(50% - 15px);}
		.intro_wrap .intro_content .intro_cont ul li + li {margin-left:30px;}
	}
	@media only screen and (max-width:1200px){
		.intro_wrap .intro_content {padding:0 0 158px;}
		.intro_wrap .intro_content .intro_bg span.bg1 {width:320px;height:320px;}
		.intro_wrap .intro_content .intro_bg span.bg3 {bottom:-50px;left:80px;width:250px;height:250px;left:-5%;}
		.intro_wrap .intro_content .intro_bg span.bg4 {right:10%;width:170px;height:170px;border-width:35px;}
		.intro_wrap .intro_content .intro_bg span.bg5 {right:5%;}
		.intro_wrap .intro_content .intro_bg span.bg7 {width:130px;height:130px;bottom:30px;right:25%;}
		.intro_wrap .intro_content .intro_bg span.bg8 {width:320px;height:320px;}
		@keyframes bg3 { 0% {bottom:-50px;} 50% {bottom:-100px;} 100% {bottom:-50px;} }
	}
	@media only screen and (max-width:1024px){
		.intro_wrap .intro_content {padding:0 0 138px;}
		.intro_wrap .intro_content .intro_title {padding:90px 0 50px;}
		.intro_wrap .intro_content .intro_cont ul li {width:calc(50% - 15px);padding:50px 40px;}
		.intro_wrap .intro_content .intro_cont ul li + li {margin-left:30px;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(1) {background-position:center right 30px;background-size:auto 60%;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(2) {background-position:center right 40px;background-size:auto 60%;}
		.intro_wrap .intro_content .intro_cont ul.info li {padding:30px;}
        .intro_wrap .intro_footer address{padding-left: clamp(30px, 5vw, 50px);}
	}
	@media only screen and (max-width:860px){
		.intro_wrap .intro_content {padding:0 0 118px;}
		.intro_wrap .intro_content .intro_title {padding:80px 0 40px;}
		.intro_wrap .intro_content .intro_cont ul li {padding:40px 30px;}
		.intro_wrap .intro_content .intro_cont ul.info li {padding:25px;}
	}
	@media only screen and (max-width:768px){
		.intro_wrap .intro_content {padding:0 0 98px;}
		.intro_wrap .intro_content .intro_title {padding:70px 0 35px;}
		.intro_wrap .intro_content .intro_cont ul + ul {margin-top:20px;}
		.intro_wrap .intro_content .intro_cont ul li {width:calc(50% - 10px);padding:30px;}
		.intro_wrap .intro_content .intro_cont ul li + li {margin-left:20px;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(1) {background-position:center right 25px;background-size:auto 50%;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(2) {background-position:center right 30px;background-size:auto 50%;}
	}
	@media only screen and (max-width:768px){
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(1) {background-position:center right 20px;background-size:auto 50%;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(2) {background-position:center right 25px;background-size:auto 50%;}
	}
	@media only screen and (max-width:640px){
		.intro_wrap .intro_content {padding:0 0 88px;}
		.intro_wrap .intro_content .intro_title {padding:50px 0 30px;}
		.intro_wrap .intro_content .intro_cont ul {display:block;}
		.intro_wrap .intro_content .intro_cont ul + ul {margin-top:15px;}
		.intro_wrap .intro_content .intro_cont ul li {width:100%;padding:50px 25px;}
		.intro_wrap .intro_content .intro_cont ul li + li {margin-left:0;margin-top:15px;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(1) {background-position:center right 20px;background-size:auto 70%;}
		.intro_wrap .intro_content .intro_cont ul.book li:nth-of-type(2) {background-position:center right 25px;background-size:auto 70%;}
		.intro_wrap .intro_content .intro_cont ul.info li {padding:20px 25px;}
		.intro_wrap .intro_content .intro_cont ul.info li strong {padding-left:40px;}
		.intro_wrap .intro_content .intro_cont ul.info li strong:before {width:25px;height:25px;}
		.intro_wrap .intro_content .intro_cont ul.info li:nth-of-type(1) strong:before {background-size:auto 25px;}
		.intro_wrap .intro_content .intro_cont ul.info li:nth-of-type(2) strong:before {background-size:auto 23px;}
		.intro_wrap .intro_content .intro_cont ul.info li .more {width:28px;height:28px;}
		.intro_wrap .intro_content .intro_cont ul.info li .more:after {width:6px;height:6px;top:10px;left:9px;}
		.intro_wrap .intro_content .intro_bg span.bg3 {width:200px;height:200px;}
		.intro_wrap .intro_content .intro_bg span.bg5 {width:80px;height:70px;right:3%;}
		@keyframes bg5 { 0% {top:12%;} 50% {top:8%;} 100% {top:12%;} }
        .intro_wrap .intro_footer .w_custom{flex-direction: column; gap: 25px;}
        .intro_wrap .intro_footer .ft_logo{width: 100px;}
        .intro_wrap .intro_footer address{padding-left: 0;}
	}
	@media only screen and (max-width:500px) {
		.intro_wrap .intro_content .intro_cont ul.book li .btn_more a {width:100px;height:38px;}
		.intro_wrap .intro_content .intro_cont ul.book li .btn_more a:after {width:6px;height:6px;margin-left:5px;}
	}


    .introSwiper{position: relative; overflow: hidden;}
    .introSwiper .swiper-slide{position: relative;height: 720px;padding-top: 80px;overflow: hidden;background: var(--point-white);opacity: 0; pointer-events: none; transition: all 0.4s;box-sizing: border-box;}
        .introSwiper .swiper-slide:before{position: absolute; content:''; width:  190px; height: 190px; border-radius: 100%; top:-26px; left:-39px; background: var(--point-color02);}
        .introSwiper .swiper-slide:after{position: absolute; content:''; width:  30px; height: 30px; border-radius: 100%; top:162px; left:153px; background: var(--point-color01);}
		.introSwiper .swiper-slide[data-swiper-slide-index="0"]:before{background: #102079;}
		.introSwiper .swiper-slide[data-swiper-slide-index="0"]:after{background: #4ABEFF;}
		.introSwiper .swiper-slide[data-swiper-slide-index="1"]:before{background: #FA6F7E;}
		.introSwiper .swiper-slide[data-swiper-slide-index="1"]:after{background: #FE9FB0;}
		.introSwiper .swiper-slide[data-swiper-slide-index="2"]:before{background: #F9A43C;}
		.introSwiper .swiper-slide[data-swiper-slide-index="2"]:after{background: #008DD4;}
        .introSwiper .swiper-slide.swiper-slide-duplicate-active{opacity: 1; pointer-events: all;}
    .introSwiper .txt_wrap{position: relative;font-size: var(--title-20);text-align:left;z-index: 3;padding-top: 60px;}
    .introSwiper .txt_wrap h2{font-size: 290%;font-weight: 600;color: var(--black-color01);line-height: 1.31;letter-spacing: -0.04em;}
    .introSwiper .txt_wrap h2 + h6{margin-top: 30px;}
    .introSwiper .txt_wrap h5{font-size: 140%; font-weight: 500; color: var(--black-color01); line-height: 1.35;}
        .introSwiper .txt_wrap h5 + h2{margin-top: 20px;}
    .introSwiper .txt_wrap h5 em{font-weight: inherit; color: var(--point-color01);}
        .introSwiper [data-swiper-slide-index="1"] .txt_wrap h5 em{color: var(--point-color08);}
        .introSwiper [data-swiper-slide-index="2"] .txt_wrap h5 em{color: var(--point-color09);}
    .introSwiper .txt_wrap h6{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.7;letter-spacing: -0.04em;}
    .introSwiper .txt_wrap span{color: var(--black-color06);}
    .introSwiper .txt_wrap .btn_list{margin-top: 40px;}
    .introSwiper .btn_list{display: flex; flex-wrap: wrap; gap: 15px; font-size: var(--title-20);}
    .introSwiper .btn_list a{display: flex;align-items: center;justify-content: center;min-width: 220px;height: 64px;padding: 0 20px;box-sizing: border-box;font-size: 90%;font-weight: 500;color: var(--black-color03);border-radius: 8px;background: var(--point-white);border:1px solid var(--black-color05);overflow: hidden;letter-spacing: -0.04em;}
    .introSwiper .thumb{position: absolute;bottom:0;right:0;max-width: 70%;display: flex;align-items: flex-end;justify-content: flex-end;} 
    .introSwiper .swiper-pagination{position: absolute;left:50%;bottom: 110px;transform: translateX(-50%);display: flex;flex-wrap: wrap;gap: 14px;}
    .introSwiper .swiper-pagination span{width: 10px; height: 10px; border-radius: 100%; background: var(--black-color10); opacity: 0.5; transform: scale(0.8); transition: all 0.4s;}
    .introSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--black-color05); opacity: 1; transform: scale(1);}

    .intro_cont{position: relative; z-index: 5;}

    .intro_link{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0 10px 0;height: 120px;box-sizing: border-box;background: var(--point-color10);border-radius: 20px;overflow: hidden;margin-top: -60px;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15);}
    .intro_link > li{position: relative;width: calc(100% / 4);padding: 0 clamp(25px, 2.2vw, 40px);box-sizing: border-box;}
	.intro_link > li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
    .intro_link > li + li:before{position: absolute; content:''; width: 1px; height: 40px; background: rgba(238, 238, 238, 0.3); top:50%; left:0; margin-top: -20px;}
    .intro_link .desc{display: flex;align-items: center;font-size: var(--title-20);text-align: left;}
    .intro_link .desc dt{font-size:0;width: 70px;padding-right: 10px;box-sizing: border-box;}
    .intro_link .desc dd{font-size: 110%;font-weight: 300;color: var(--point-white);line-height: 1.72;letter-spacing: -0.04em;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;width: calc(100% - 70px);}
    .intro_link .desc dd:after{display: inline-flex;content:'';width: 8px;height: 8px;border:solid var(--point-white);border-width: 2px 2px 0 0;transform: rotate(45deg);}

    .intro_footer .addr_list{display: flex; flex-wrap: wrap; gap:0 30px;}
    .intro_footer .addr_list .desc{display: flex; gap: 0 4px; font-size: var(--title-20);}
    .intro_footer .addr_list .desc :where(dt, dd){font-size: clamp(13px, 75%, 15px);font-weight: 300;color: var(--black-color05);line-height: 1.86;}
    .intro_footer .addr_list .desc dt{flex-shrink: 0;}
    .intro_footer .copy{display: flex;flex-wrap: wrap;gap: 0 25px;font-size: var(--title-20);margin-top: 5px;}
    .intro_footer .copy :where(dt, dd){font-size: clamp(13px, 70%, 14px);font-weight: 300;color: var(--black-color08);line-height: 1.86;}

    @media screen and (max-width:1600px){
        .introSwiper .swiper-slide:before{width: 150px; height: 150px; top:-50px; left:-50px;}
        .introSwiper .swiper-slide:after{width: 25px; height: 25px; top:100px; left:100px;}
    }
    @media screen and (max-width:1023px){
        .introSwiper .swiper-slide:before{width: 120px; height: 120px; }
        .introSwiper .swiper-slide:after{width: 20px; height: 20px; top:70px; left:70px;}
        .introSwiper .txt_wrap{padding-top: 40px;}
        .introSwiper .txt_wrap h2 + h6{margin-top: clamp(15px, 3vw, 30px);}
        .introSwiper .txt_wrap h5 + h2{margin-top: clamp(10px, 2vw, 20px);}
        .introSwiper .txt_wrap .btn_list{margin-top: clamp(20px, 4vw, 40px);}
        .introSwiper .btn_list a{min-width: 200px; height: 60px;}
        
        .intro_link{height: auto;gap: 25px 0;padding: 25px 0;margin-top: -45px;}
        .intro_link > li{width: calc(100% / 2);}
        .intro_link .desc dt{padding-right: 20px;}

        .intro_footer .addr_list{column-gap: clamp(20px, 3vw, 30px);}
        .intro_footer .copy{column-gap: clamp(15px, 2.5vw, 25px);}
    }
    @media screen and (max-width:860px){
        .introSwiper .swiper-slide{height: auto;padding-bottom: clamp(220px, 55vw, 450px);}
        .introSwiper .thumb{max-width: 85%;}
        .introSwiper .btn_list a{min-width: 180px; height: 55px;}
    }
    @media screen and (max-width:640px){
        .introSwiper .swiper-slide:before{width: 100px;height: 100px;}
        .introSwiper .swiper-slide:after{width: 15px;height: 15px;top: 50px;left: 50px;}
        .introSwiper .txt_wrap{padding-top: 15px;}
        .introSwiper .txt_wrap h2{font-size: 250%;}
        .introSwiper .txt_wrap h5{font-size: 130%;}
        .introSwiper .btn_list a{min-width: 160px;height: 50px;border-radius: 4px;}
        .introSwiper .swiper-pagination{gap: 10px;}
        .introSwiper .swiper-pagination span{width: 8px; height: 8px;}

        .intro_link{border-radius: 10px;box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);margin-top: -30px;}
        .intro_link .desc dt{width: 60px;height: 40px;}
        .intro_link .desc dd{width: calc(100% - 60px); font-size: 100%;}
    }
    @media screen and (max-width:479px){
        .introSwiper .txt_wrap h2{font-size: 210%;}
        .introSwiper .txt_wrap h5{font-size: 120%;}
        .introSwiper .txt_wrap h6{font-size: 90%;}
        .introSwiper .btn_list a{min-width: 140px;height: 45px;}

        .intro_link > li{width: 100%;}
        .intro_link .desc dt{width: 55px;height: 35px;}
        .intro_link .desc dd{width: calc(100% - 60px); font-size: 100%;}
    }