@charset "utf-8";

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

	index

───────────────────────────────────────────────────────────*/
	.book_index{position: relative;padding-top:44px;overflow:hidden;}	
	.book_index .book_header{text-align: center;}
	.book_index .book_header .hd_cont{display: flex;align-items: center;justify-content: center;}
	.book_index .book_header .hd_cont .logo{width:128px;height:52px;display: inline-flex;align-items: center;justify-content: center;margin-right:30px;}
	.book_index .book_header .hd_cont span{display: inline-block;position: relative;font-size:20px;color:#fff;font-weight:600;}	
	.book_index .book_header .hd_cont span + span{font-weight:400;margin-left:20px;padding-left:20px;}
	.book_index .book_header .hd_cont span + span:before{width:1px;height:12px;content:"";background:rgba(255,255,255,0.3);position: absolute;left:0;top:6px;}

	.book_index .obj img{position: absolute;}
	
	.book_index .part_box{margin-top:45px;padding-bottom:120px;position: relative;}
	.book_index .part_box ol{}
	.book_index .part_box ol > li + li{margin-top:30px;}
	.book_index .part_box ol > li .title_box{display: flex;align-items: center;}
	.book_index .part_box ol > li .title_box .title{display: flex;align-items: center;width:calc(100% - 100px);position: relative;}
	.book_index .part_box ol > li .title_box .title dt{display: inline-flex;box-sizing:border-box;align-items: center;justify-content:center;width:208px;height:96px;text-align: center;font-size:var(--title-30);color:var(--point-white);font-weight:400;position: relative;}
	.book_index .part_box ol > li .title_box .title dt em{font-size:inherit;color:inherit;font-weight:inherit;}
	
	.book_index .part_box ol > li .title_box .title dd{font-size:26px;color:var(--point-white);font-weight:600;width:calc(100% - 208px);box-sizing:border-box;padding-left:40px;}
	.book_index .part_box ol > li .title_box .title dd p{font-size:inherit;color:inherit;font-weight:inherit;}
	.book_index .part_box ol > li .title_box .icon{width:100px;height:96px;position: relative;cursor:pointer;}
	
	.book_index .part_box ol > li .title_box .icon:before, .book_index .part_box ol > li .title_box .icon:after{content:"";background:var(--point-white);position: absolute;}
	.book_index .part_box ol > li .title_box .icon:before{width:26px;height:2px;top:calc(50% - 1px);left:50%;transform:translate(-50%);}
	.book_index .part_box ol > li .title_box .icon:after{width:2px;height:26px;top:50%;left:calc(50% - 1px);transform:translateY(-50%);}

	.book_index .part_box ol > li .lesson{box-sizing:border-box;padding:30px 40px;filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));display: none;position: relative;}
	.book_index .part_box ol > li .lesson > li + li{margin-top:10px;}
	.book_index .part_box ol > li .lesson .lesson_li .border_box{background:var(--point-white);padding:18px 20px 18px 40px;display: flex;flex-wrap:wrap;align-items: center;}
	.book_index .part_box ol > li .lesson .sub_title{width:calc(100% - 44px);display: flex;align-items: center;box-sizing:border-box;padding-right:20px;}
	.book_index .part_box ol > li .lesson .sub_title dt{font-size:var(--title-20);font-weight:600;width:230px;}
	
	.book_index .part_box ol > li .lesson .sub_title dd{width:calc(100% - 230px);position: relative;display: flex;justify-content: space-between;flex-wrap:wrap;align-items: center;}
	.book_index .part_box ol > li .lesson .sub_title dd:before{width:100%;height:1px;content:"";border-top:1px dashed var(--border-color01);position: absolute;left:0;top:50%;}
	.book_index .part_box ol > li .lesson .sub_title dd .des{font-size:var(--title-20);color:var(--black-color03);font-weight:500;padding-right:20px;background: #fff;width:auto;max-width:calc(100% - 160px);position: relative;letter-spacing:0;}
	.book_index .part_box ol > li .lesson .sub_title dd .page{position: relative;background: #fff;padding-left:20px;}
	.book_index .part_box ol > li .lesson .sub_title dd .page span{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;background:var(--gray-bg02);width:70px;height:28px;font-size:16px;color:var(--black-color06);font-weight:400;border-radius:14px;}
	
	.book_index .part_box ol > li .lesson .icon{width:44px;height:44px;box-sizing:border-box;position: relative;}
	.book_index .part_box ol > li .lesson .icon a{display: block;width:100%;height:100%;position: relative;}
	.book_index .part_box ol > li .lesson .icon a:before{width:8px;height:8px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(135deg);position: absolute;z-index:3;top:15px;left:18px;}
	.book_index .part_box ol > li .lesson .icon a.btn_link:before{transform:rotate(45deg);top:16px;left:16px;}
	
	.book_index .part_box ol > li .lesson .sub_lesson{width:calc(100% - 20px);box-sizing:border-box;background:var(--gray-bg02);padding:30px 40px;margin-top:18px;margin-bottom:22px;display: none;}
	.book_index .part_box ol > li .lesson .sub_lesson li{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
	.book_index .part_box ol > li .lesson .sub_lesson li + li{margin-top:12px;}
	.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title{width:calc(100% - 64px);position: relative;display: flex;justify-content: space-between;flex-wrap:wrap;align-items: center;box-sizing:border-box;}
	.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title:before{width:100%;height:1px;content:"";border-top:1px dashed var(--border-color01);position: absolute;left:0;top:50%;}
	.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title p{font-size:var(--title-20);color:var(--black-color05);font-weight:400;padding-right:20px;background: #f5f5f5;width:auto;max-width:calc(100% - 70px);position: relative;letter-spacing:0;}
	.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title .page{position: relative;background: #f5f5f5;padding-left:20px;}
	.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title span{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;background:var(--point-white);width:60px;height:28px;font-size:16px;color:var(--black-color06);font-weight:400;border-radius:14px;}
	.book_index .part_box ol > li .lesson .sub_lesson li .link{width:44px;height:44px;box-sizing:border-box;position: relative;background: #fff;}
	.book_index .part_box ol > li .lesson .sub_lesson li .link a{display: block;width:100%;height:100%;position: relative;}
	.book_index .part_box ol > li .lesson .sub_lesson li .link a:before{width:8px;height:8px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;z-index:3;top:17px;left:15px;}

    /* 240508 Update */
    .book_index .part_box ol > li .lesson .sub_lesson li .sub_link{width:44px;height:44px;box-sizing:border-box;position: relative;background: #fff;}
    .book_index .part_box ol > li .lesson .sub_lesson li .sub_link a{display: block;width:100%;height:100%;position: relative;}
    .book_index .part_box ol > li .lesson .sub_lesson li .sub_link a:before{width:8px;height:8px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;z-index:3;top:17px;left:15px;}

	.book_index .part_box ol > li .lesson .dep4{width:100%;display: none;}
	
	.book_ft{background: #333;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.3);padding:41px 0 57px;}
	.book_ft p{font-size:16px;color:var(--point-white);font-weight:300;margin-bottom:14px;letter-spacing:0.01em;word-break:keep-all;}
	.book_ft p strong{font-size:inherit;color:inherit;font-weight:600;}
	.book_ft ul li{font-size:14px;color:rgba(255,255,255,0.8);font-weight:300;position: relative;padding-left:9px;letter-spacing:0.01em;}
	.book_ft ul li + li{margin-top:9px;}
	.book_ft ul li:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:rgba(255,255,255,0.8);position: absolute;left:0;top:7px;}

	/*관광영어*/
	.book1_index{background:url('//ezentextbook.design-art.co.kr/data/skin/respon_default/images/sub/main_bg.png')no-repeat center top;background-size:100% auto;}
	.book1_index:before{width:538px;height:538px;content:"";background:rgba(255,255,255,0.1);box-sizing:border-box;border-radius:100%;position: absolute;top: -288px;left: -5.5%;}
	.book1_index:after{width:197px;height:197px;content:"";box-sizing:border-box;border-radius:100%;border:50px solid rgba(255,255,255,0.1);position: absolute;right:5%;top:34px;}

	.book1_index .obj{}
	.book1_index .obj .obj01{top:73px;left:12%;}
	.book1_index .obj .obj02{top:110px;right:11.5%;}
	.book1_index .obj .obj03{top:483px;left:4%;}
	.book1_index .obj .obj04{width:86px;top:638px;right:7%;}

	.book1_index .book_header h2{font-size:var(--title-76);color:var(--point-white);font-weight:400;font-family:var(--font-type02);text-align: center;margin-top:20px;letter-spacing:0;}

	.book1_index .part_box:before{width:348px;height:372px;content:"";background:url('//ezentextbook.design-art.co.kr/data/skin/respon_default/images/sub/main_ft_obj.png')no-repeat center;position:absolute;bottom:0;right:-22%;}

	.book1_index .part_box ol > li{position: relative;filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));}
	.book1_index .part_box ol > li .border_box{clip-path:polygon(19px 0%, 80% 0%, 100% 0, 100% 93%, 98% 100%, 20% 100%, 0 100%, 0% 22px);}
	.book1_index .part_box ol > li:nth-child(1) .border_box{background: #FFBB00;}
	.book1_index .part_box ol > li:nth-child(2) .border_box{background: #A0C20B;}
	.book1_index .part_box ol > li:nth-child(3) .border_box{background: #44CDE4;}
	.book1_index .part_box ol > li:nth-child(4) .border_box{background: #FF9EC4;}
	.book1_index .part_box ol > li:nth-child(5) .border_box{background: #FDA367;}
	.book1_index .part_box ol > li:nth-child(6) .border_box{background: #BF8CFF;}
	.book1_index .part_box ol > li:nth-child(7) .border_box{background: #6CD8EB;}

	.book1_index .part_box ol > li .title_box .title dt{font-family:var(--font-type02);clip-path:polygon(22px 0%, 80% 0%, 100% 0, 100% 83%, 91% 100%, 20% 100%, 0 100%, 0% 22px);}
	.book1_index .part_box ol > li .title_box .title dt em{font-family: "Noto Serif KR", serif;}
	.book1_index .part_box ol > li:nth-child(1) .title_box .title dt{background:#F4B300;}
	.book1_index .part_box ol > li:nth-child(2) .title_box .title dt{background:#96B70B;}
	.book1_index .part_box ol > li:nth-child(3) .title_box .title dt{background:#42BBCF;}
	.book1_index .part_box ol > li:nth-child(4) .title_box .title dt{background:#F18FB5;}
	.book1_index .part_box ol > li:nth-child(5) .title_box .title dt{background:#ED955B;}
	.book1_index .part_box ol > li:nth-child(6) .title_box .title dt{background:#B27FF1;}
	.book1_index .part_box ol > li:nth-child(7) .title_box .title dt{background:#4DC5DA;}

	.book1_index .part_box ol > li:nth-child(1) .title_box .icon{background:#F4B300;}
	.book1_index .part_box ol > li:nth-child(2) .title_box .icon{background:#96B70B;}
	.book1_index .part_box ol > li:nth-child(3) .title_box .icon{background:#42BBCF;}
	.book1_index .part_box ol > li:nth-child(4) .title_box .icon{background:#F18FB5;}
	.book1_index .part_box ol > li:nth-child(5) .title_box .icon{background:#ED955B;}
	.book1_index .part_box ol > li:nth-child(6) .title_box .icon{background:#B27FF1;}
	.book1_index .part_box ol > li:nth-child(7) .title_box .icon{background:#4DC5DA;}

	.book1_index .part_box ol > li:nth-child(1) .lesson .sub_title dt{color:#FFBB00;}
	.book1_index .part_box ol > li:nth-child(2) .lesson .sub_title dt{color:#A0C20B;}
	.book1_index .part_box ol > li:nth-child(3) .lesson .sub_title dt{color:#44CDE4;}
	.book1_index .part_box ol > li:nth-child(4) .lesson .sub_title dt{color:#FF9EC4;}
	.book1_index .part_box ol > li:nth-child(5) .lesson .sub_title dt{color:#FDA367;}
	.book1_index .part_box ol > li:nth-child(6) .lesson .sub_title dt{color:#BF8CFF;}
	.book1_index .part_box ol > li:nth-child(7) .lesson .sub_title dt{color:#6CD8EB;}

	.book1_index .part_box ol > li .lesson .icon{clip-path:polygon(11px 0%, 80% 0%, 100% 0, 100% 81%, 77% 100%, 20% 100%, 0 100%, 0% 11px);}
	.book1_index .part_box ol > li:nth-child(1) .lesson .icon a:before{border-color:#FFBB00;}
	.book1_index .part_box ol > li:nth-child(2) .lesson .icon a:before{border-color:#A0C20B;}
	.book1_index .part_box ol > li:nth-child(3) .lesson .icon a:before{border-color:#44CDE4;}
	.book1_index .part_box ol > li:nth-child(4) .lesson .icon a:before{border-color:#FF9EC4;}
	.book1_index .part_box ol > li:nth-child(5) .lesson .icon a:before{border-color:#FDA367;}
	.book1_index .part_box ol > li:nth-child(6) .lesson .icon a:before{border-color:#BF8CFF;}
	.book1_index .part_box ol > li:nth-child(7) .lesson .icon a:before{border-color:#6CD8EB;}

	.book1_index .part_box ol > li .lesson .sub_lesson{clip-path:polygon(19px 0%, 80% 0%, 100% 0, 100% 91%, 98% 100%, 20% 100%, 0 100%, 0% 19px);}
	.book1_index .part_box ol > li:nth-child(1) .lesson .sub_lesson li .link a:before{border-color:#FFBB00;}
	.book1_index .part_box ol > li:nth-child(2) .lesson .sub_lesson li .link a:before{border-color:#A0C20B;}
	.book1_index .part_box ol > li:nth-child(3) .lesson .sub_lesson li .link a:before{border-color:#44CDE4;}
	.book1_index .part_box ol > li:nth-child(4) .lesson .sub_lesson li .link a:before{border-color:#FF9EC4;}
	.book1_index .part_box ol > li:nth-child(5) .lesson .sub_lesson li .link a:before{border-color:#FDA367;}
	.book1_index .part_box ol > li:nth-child(6) .lesson .sub_lesson li .link a:before{border-color:#BF8CFF;}
	.book1_index .part_box ol > li:nth-child(7) .lesson .sub_lesson li .link a:before{border-color:#6CD8EB;}

	.book1_index .part_box ol > li .lesson .sub_lesson li .link{clip-path:polygon(11px 0%, 80% 0%, 100% 0, 100% 81%, 77% 100%, 20% 100%, 0 100%, 0% 11px);}

		/*on*/
		.book_index .part_box ol > li.on .title_box .icon{background:none;}
		.book_index .part_box ol > li.on .title_box .icon:after{display: none;}
		
		.book1_index .part_box ol > li:nth-child(1) .lesson > li.on .icon{background: #FFBB00;}
		.book1_index .part_box ol > li:nth-child(2) .lesson > li.on .icon{background: #A0C20B;}
		.book1_index .part_box ol > li:nth-child(3) .lesson > li.on .icon{background: #44CDE4;}
		.book1_index .part_box ol > li:nth-child(4) .lesson > li.on .icon{background: #FF9EC4;}
		.book1_index .part_box ol > li:nth-child(5) .lesson > li.on .icon{background: #FDA367;}
		.book1_index .part_box ol > li:nth-child(6) .lesson > li.on .icon{background: #BF8CFF;}
		.book1_index .part_box ol > li:nth-child(7) .lesson > li.on .icon{background: #6CD8EB;}
		.book_index .part_box ol > li .lesson > li.on .icon a:before{transform:rotate(-45deg);border-color:#fff;top:20px;}

	/*직무영어*/
	.book7_index{background:url('//ezentextbook.design-art.co.kr/data/skin/respon_default/images/sub/main7_bg.png')no-repeat center top;background-size:100% auto;}
	.book7_index:before{width:242px;height:242px;content:"";box-sizing:border-box;border-radius:100%;background:#98C2EE;position: absolute;top:-120px;left:0;}
	.book7_index .obj .obj01{top:60px;left:8%;}
	.book7_index .obj .obj02{right:0;top:0;}

	.book7_index .book_header .hd_cont span{color:var(--black-color02);}
	.book7_index .book_header h2{font-size:var(--title-60);color:var(--point-color05);font-weight:500;font-family:var(--font-type03);text-align: center;margin-top:20px;letter-spacing:0;}

	.book7_index .part_box ol > li .border_box{border-radius:0 48px 48px 0;}
	.book7_index .part_box ol > li:nth-child(1) .border_box{background: #0C4A9B;}
	.book7_index .part_box ol > li:nth-child(2) .border_box{background: #379316;}
	.book7_index .part_box ol > li:nth-child(3) .border_box{background: #D83447;}
	.book7_index .part_box ol > li:nth-child(4) .border_box{background: #4E2588;}
	.book7_index .part_box ol > li:nth-child(5) .border_box{background: #A60C94;}
	.book7_index .part_box ol > li:nth-child(6) .border_box{background: #E55300;}

	.book7_index .part_box ol > li .title_box .title{width:calc(100% - 95px);}
	.book7_index .part_box ol > li .title_box .title dt{font-family:var(--font-type03);font-weight:500;}
	.book7_index .part_box ol > li .title_box .title > svg{position: absolute;top:-35px;left:0;}
	.book7_index .part_box ol > li .book_link_box{position: relative;width:96px;height:96px;box-sizing:border-box;border-radius:100%;background: #fff;}
	.book7_index .part_box ol > li .title_box .icon{display: block;width:calc(100% - 26px);height:calc(100% - 26px);position: absolute;top:calc(50% - 35px);left:calc(50% - 35px);z-index:5;box-sizing: border-box;border-radius: 100%;background: #fff;}
	.book7_index .part_box ol > li.on .title_box .icon{background: #fff;}
	.book7_index .part_box ol > li:nth-child(1) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(1) .title_box .icon:after{background: #0C4A9B;}	
	.book7_index .part_box ol > li:nth-child(2) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(2) .title_box .icon:after{background: #379316;}	
	.book7_index .part_box ol > li:nth-child(3) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(3) .title_box .icon:after{background: #D83447;}	
	.book7_index .part_box ol > li:nth-child(4) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(4) .title_box .icon:after{background: #4E2588;}	
	.book7_index .part_box ol > li:nth-child(5) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(5) .title_box .icon:after{background: #A60C94;}	
	.book7_index .part_box ol > li:nth-child(6) .title_box .icon:before, .book7_index .part_box ol > li:nth-child(6) .title_box .icon:after{background: #E55300;}	
	.book7_index .part_box ol > li .book_link_box svg{position: absolute;top:0;right:0;z-index:4;}

	.book7_index .part_box ol > li .title_box .book_link_box:after{width:48px;height:48px;content:"";box-sizing:border-box;position: absolute;bottom:0;right:0;z-index:3;}
	.book7_index .part_box ol > li:nth-child(1).on .title_box .book_link_box:after{background:#E0F0FF;}
	.book7_index .part_box ol > li:nth-child(1) .lesson{background:#E0F0FF;}

	.book7_index .part_box ol > li .lesson .icon a{border-radius:100%;}
	.book7_index .part_box ol > li:nth-child(1) .lesson > li.on .icon a{background:#2660AD;}
	.book7_index .part_box ol > li:nth-child(2) .lesson > li.on .icon a{background:#379316;}
	.book7_index .part_box ol > li:nth-child(3) .lesson > li.on .icon a{background:#D83447;}
	.book7_index .part_box ol > li:nth-child(4) .lesson > li.on .icon a{background:#4E2588;}
	.book7_index .part_box ol > li:nth-child(5) .lesson > li.on .icon a{background:#A60C94;}
	.book7_index .part_box ol > li:nth-child(6) .lesson > li.on .icon a{background:#E55300;}

	.book7_index .part_box ol > li:nth-child(1) .lesson .icon a:before{border-color: #2660AD;}
	.book7_index .part_box ol > li:nth-child(2) .lesson .icon a:before{border-color: #379316;}
	.book7_index .part_box ol > li:nth-child(3) .lesson .icon a:before{border-color: #D83447;}
	.book7_index .part_box ol > li:nth-child(4) .lesson .icon a:before{border-color: #4E2588;}
	.book7_index .part_box ol > li:nth-child(5) .lesson .icon a:before{border-color: #A60C94;}
	.book7_index .part_box ol > li:nth-child(6) .lesson .icon a:before{border-color: #E55300;}

	.book7_index .part_box ol > li .lesson .sub_lesson li .link a{border-radius:100%;box-sizing:border-box;}
	.book7_index .part_box ol > li:nth-child(1) .lesson .sub_lesson li .link a:before{border-color: #2660AD;}
	.book7_index .part_box ol > li:nth-child(2) .lesson .sub_lesson li .link a:before{border-color: #379316;}
	.book7_index .part_box ol > li:nth-child(3) .lesson .sub_lesson li .link a:before{border-color: #D83447;}
	.book7_index .part_box ol > li:nth-child(4) .lesson .sub_lesson li .link a:before{border-color: #4E2588;}
	.book7_index .part_box ol > li:nth-child(5) .lesson .sub_lesson li .link a:before{border-color: #A60C94;}
	.book7_index .part_box ol > li:nth-child(6) .lesson .sub_lesson li .link a:before{border-color: #E55300;}

    /* 240508 Update */
    .book7_index .part_box ol > li .lesson .sub_lesson li .sub_link a{border-radius:100%;box-sizing:border-box;}
	.book7_index .part_box ol > li:nth-child(1) .lesson .sub_lesson li .sub_link a:before{border-color: #2660AD;}
	.book7_index .part_box ol > li:nth-child(2) .lesson .sub_lesson li .sub_link a:before{border-color: #379316;}
	.book7_index .part_box ol > li:nth-child(3) .lesson .sub_lesson li .sub_link a:before{border-color: #D83447;}
	.book7_index .part_box ol > li:nth-child(4) .lesson .sub_lesson li .sub_link a:before{border-color: #4E2588;}
	.book7_index .part_box ol > li:nth-child(5) .lesson .sub_lesson li .sub_link a:before{border-color: #A60C94;}
	.book7_index .part_box ol > li:nth-child(6) .lesson .sub_lesson li .sub_link a:before{border-color: #E55300;}

	@media only screen and (min-width:1024px){
		/*관광영어*/
		.book1_index .part_box ol > li:nth-child(1) .lesson .icon:hover{background: #FFBB00;}
		.book1_index .part_box ol > li:nth-child(2) .lesson .icon:hover{background: #A0C20B;}
		.book1_index .part_box ol > li:nth-child(3) .lesson .icon:hover{background: #44CDE4;}
		.book1_index .part_box ol > li:nth-child(4) .lesson .icon:hover{background: #FF9EC4;}
		.book1_index .part_box ol > li:nth-child(5) .lesson .icon:hover{background: #FDA367;}
		.book1_index .part_box ol > li:nth-child(6) .lesson .icon:hover{background: #BF8CFF;}
		.book1_index .part_box ol > li:nth-child(7) .lesson .icon:hover{background: #6CD8EB;}
		.book1_index .part_box ol > li .lesson .icon:hover a:before{border-color:#fff;}

		.book1_index .part_box ol > li:nth-child(1) .lesson .sub_lesson li .link:hover{background: #FFBB00;}
		.book1_index .part_box ol > li:nth-child(2) .lesson .sub_lesson li .link:hover{background: #A0C20B;}
		.book1_index .part_box ol > li:nth-child(3) .lesson .sub_lesson li .link:hover{background: #44CDE4;}
		.book1_index .part_box ol > li:nth-child(4) .lesson .sub_lesson li .link:hover{background: #FF9EC4;}
		.book1_index .part_box ol > li:nth-child(5) .lesson .sub_lesson li .link:hover{background: #FDA367;}
		.book1_index .part_box ol > li:nth-child(6) .lesson .sub_lesson li .link:hover{background: #BF8CFF;}
		.book1_index .part_box ol > li:nth-child(7) .lesson .sub_lesson li .link:hover{background: #6CD8EB;}
		.book1_index .part_box ol > li .lesson .sub_lesson li .link:hover a:before{border-color:#fff;}
	}

	@media only screen and (max-width:1400px){
		.book_index .book_header .hd_cont .logo{width:102px;height:auto;margin-right:20px;}
		.book_index .book_header .hd_cont span{font-size:16px;}
		.book_index .book_header .hd_cont span + span{margin-left:10px;padding-left:10px;}
		.book_index .book_header .hd_cont span + span:before{top:4px;height:9px;}

		.book_index .part_box:before{width:300px;height:320px;right:-40px;background-size:100% auto;}

		/*관광영어*/
		.book1_index:before{width:34%;height:0;padding-bottom:34%;top:-200px;}
		.book1_index:after{width:12%;border-width:30px;height:0;padding-bottom:calc(12% - 60px);}

		.book1_index .obj .obj01{left:0;}	
		.book1_index .obj .obj02{right:0;}
		.book1_index .obj .obj03{top:410px;left:1%;}
		.book1_index .obj .obj04{top:560px;right:2%;}
	}
	@media only screen and (max-width:1200px){
		.book_index .part_box ol > li .title_box .title{width:calc(100% - 80px);}
		.book_index .part_box ol > li .title_box .title dt{width:180px;height:70px;}
		.book_index .part_box ol > li .title_box .title dd{font-size:22px;width:calc(100% - 180px);padding-left:25px;}
		.book_index .part_box ol > li .title_box .icon{width:80px;height:70px;}

		.book_index .part_box ol > li .lesson{padding:30px 25px;}
		.book_index .part_box ol > li .lesson .border_box{padding:18px 20px 18px 20px;}
		.book_index .part_box ol > li .lesson .sub_title dt{width:140px;}
		.book_index .part_box ol > li .lesson .sub_title dd{width:calc(100% - 140px);}

		.book_index .part_box ol > li .lesson .sub_lesson{padding:20px 20px;margin-bottom:12px;}

		/*관광영어*/
		.book1_index .obj .obj01{width:17%;}
		.book1_index .obj .obj02{width:10%;}
		.book1_index .obj .obj03,
		.book1_index .obj .obj04{display: none;}
	}
	@media only screen and (max-width:860px){
		.book_index .part_box ol > li + li{margin-top:20px;}
		.book_index .part_box ol > li .title_box .title dt{width:145px;}
		.book_index .part_box ol > li .title_box .icon:before{width:20px;}
		.book_index .part_box ol > li .title_box .icon:after{height:20px;}
		.book_index .part_box ol > li .title_box .title dd{font-size:18px;width:calc(100% - 145px);}

		.book_index .part_box ol > li .lesson{padding:20px 15px;}
		.book_index .part_box ol > li .lesson .sub_title{width:calc(100% - 36px);padding-right:10px;}
		.book_index .part_box ol > li .lesson .sub_title dt{width:100px;}
		.book_index .part_box ol > li .lesson .sub_title dd{width:calc(100% - 100px);}
		.book_index .part_box ol > li .lesson .sub_title dd .des{padding-right:10px;width:calc(100% - 120px);}
		.book_index .part_box ol > li .lesson .sub_title dd .page{padding-left:10px;}
		.book_index .part_box ol > li .lesson .sub_title dd .page span{width:55px;font-size:14px;}
		.book_index .part_box ol > li .lesson .icon{width:36px;height:36px;}
		.book_index .part_box ol > li .lesson .icon a:before{top:10px;left:14px;}
		.book_index .part_box ol > li .lesson .icon a.btn_link:before{top:12px;left:12px;}
		.book_index .part_box ol > li .lesson > li.on .icon a:before{top:15px;}

		.book_index .part_box ol > li .lesson .sub_lesson{width:100%;}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title{width:calc(100% - 50px);}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title p{padding-right:10px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title .page{padding-left:10px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title span{width:55px;font-size:14px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .link{width:36px;height:36px;;}
		.book_index .part_box ol > li .lesson .sub_lesson li .link a:before{top:13px;left:12px;}

        /* 240508 Update */
        .book_index .part_box ol > li .lesson .sub_lesson li .sub_link{width:36px;height:36px;;}
		.book_index .part_box ol > li .lesson .sub_lesson li .sub_link a:before{top:13px;left:12px;}

		.book_ft{padding:30px 0 40px;}
		.book_ft p{font-size:14px;}
		.book_ft ul li{font-size:13px;}
		.book_ft ul li:before{top:5px;}

		/*관광영어*/
		.book1_index .part_box:before{width:220px;height:236px;}
	}
	@media only screen and (max-width:640px){
		/*관광영어*/
		.book1_index{background-size:150% auto;padding-top:30px;}
	}
	@media only screen and (max-width:500px){
		.book_index .book_header .w_custom{display: flex;align-items: center;flex-direction: row-reverse;justify-content: space-between;}
		.book_index .book_header .hd_cont{display: flex;align-items: center;justify-content: flex-end;}
		.book_index .book_header .hd_cont .logo{margin:0;width:75px;}
		.book_index .book_header .hd_cont span{display: none;}
		.book_index .book_header h2{font-size:22px;margin:0;}

		.book_index .obj{display: none;}

		.book_index .part_box{margin-top:25px;padding-bottom:90px;}
		.book_index .part_box:before{width:150px;height:160px;right:-10px;}
		.book_index .part_box ol > li .title_box .title dt{width:100px;height:50px;font-size:18px;}
		.book_index .part_box ol > li .title_box .title{width:calc(100% - 50px);}
		.book_index .part_box ol > li .title_box .title dd{width:calc(100% - 105px);font-size:16px;padding-left:10px;}
		.book_index .part_box ol > li .title_box .icon{width:50px;height:50px;}

		.book_index .part_box ol > li .lesson .lesson_li .border_box{padding:15px 10px 15px 10px;}
		.book_index .part_box ol > li .lesson .sub_title{flex-wrap:wrap;}
		.book_index .part_box ol > li .lesson .sub_title dt{width:100%;}
		.book_index .part_box ol > li .lesson .sub_title dd{width:100%;margin-top:5px;}
		.book_index .part_box ol > li .lesson .sub_title dd:before{display: none;}
		.book_index .part_box ol > li .lesson .sub_title dd .des{width:100%;max-width:100%;padding:0;}
		.book_index .part_box ol > li .lesson .sub_title dd .page{margin:0;padding:0;position: absolute;top: -35px;right: -48px;}
		.book_index .part_box ol > li .lesson .sub_title dd .page span{font-size:12px;width:45px;height:24px;}

		.book_index .part_box ol > li .lesson .icon{height:30px;margin-top:15px;}
		.book_index .part_box ol > li .lesson .icon a:before{top:7px;}
		.book_index .part_box ol > li .lesson > li.on .icon a:before{top:13px;}

		.book_index .part_box ol > li .lesson .sub_lesson{padding:15px 15px;margin:10px 0 0;}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title{width:calc(100% - 40px);}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title span{width:50px;font-size:12px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .link{width:30px;height:30px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .link a:before{width:6px;height:6px;top:11px;left:11px;}

        /* 240508 Update */
        .book_index .part_box ol > li .lesson .sub_lesson li .sub_link{width:30px;height:30px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .sub_link a:before{width:6px;height:6px;top:11px;left:11px;}

		.book_ft{padding:20px 0 30px;}
		.book_ft p{font-size:13px;line-height:1.4;}
		.book_ft ul li{font-size:12px;}
		.book_ft ul li + li{margin-top:6px;}

		/*관광영어*/
		.book1_index:before, .book1_index:after{display: none;}
		.book1_index .part_box ol > li .lesson .border_box{clip-path:polygon(10px 0%, 80% 0%, 100% 0, 100% 93%, 98% 100%, 20% 100%, 0 100%, 0% 12px);}
	}
	@media only screen and (max-width:335px){
		.book_index .book_header .hd_cont .logo{width:68px;}
		.book_index .book_header h2{font-size:20px;}

		.book_index .part_box ol > li .title_box .title dd{font-size:14px;}

		.book_index .part_box ol > li .lesson .sub_title dd .des{font-size:13px;}
		.book_index .part_box ol > li .lesson .sub_lesson li .lesson_title p{font-size:13px;}
	}
	@media only screen and (max-width:285px){
		.book_index .book_header h2{font-size:18px;}
		
		.book_index .part_box ol > li .title_box .title dt{font-size:15px;width:84px;}
		.book_index .part_box ol > li .title_box .title dd{width:calc(100% - 89px);}
	}

	

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

	sub

───────────────────────────────────────────────────────────*/
	/*공통*/
		.sub_lesson_content{position: relative;box-sizing:border-box;padding-bottom:15%;overflow:hidden;}
		.sub_lesson_content:before{width:538px;height:0;padding-bottom:538px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;bottom:-250px;left:-284px;opacity:0.1;}
		.sub_lesson_content:after{width:197px;height:0;padding-bottom:calc(197px - 100px);content:"";box-sizing:border-box;border-radius:100%;border:50px solid var(--point-color02);position: absolute;bottom:25%;right:-3%;opacity:0.1;z-index:1;}
		.sub_lesson_content .obj img{position: absolute;}
		.sub_lesson_content .obj .obj01{bottom:6%;left:40px;}
		.sub_lesson_content .obj .obj02{bottom:18%;right:40px;z-index:3;}
		.en_header{}
		.en_header .title{display: flex;align-items: center;box-sizing:border-box;width:100%;background:var(--point-color01);position: relative;}
		.en_header .title:before{width:170px;height:100%;content:"";clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%);position: absolute;right:0;top:0;background:var(--point-color03);}
		.en_header .title a{width:80px;height:100px;position: relative;}
		.en_header .title a:before{width:10px;height:10px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(-135deg);position: absolute;left:37px;top:43px;}
		.en_header .title_box{width:calc(100% - 80px);z-index:1;}
		.en_header .title_box .part{display: flex;align-items: center;}
		.en_header .title_box .part span{display: inline-block;position: relative;font-size:var(--title-20);color:rgba(255,255,255,0.6);font-weight:400;}
		.en_header .title_box .part span em{font-size:inherit;color:inherit;font-weight:inherit;font-family: "Noto Serif KR", serif;}
		.en_header .title_box .part .part_num{font-family:var(--font-type02);}
		.en_header .title_box .part .part_name{}
		.en_header .title_box .part .part_name:before{width:1px;height:12px;content:"";background:var(--point-white);opacity:0.3;display: inline-block;margin:0 15px 0 10px;}
		.en_header .title_box p{font-size:26px;color:var(--point-white);font-weight:700;}

		.en_header .sup_part{box-sizing:border-box;background:var(--point-color02);padding-left:40px;}
		.en_header .sup_part p{font-size:28px;color:var(--point-white);font-weight:700;padding:24px 0;}

	.sub_content > .sub_lesson{margin-top:40px;}
	.sub_content > .sub_lesson.w_custom{z-index:3;}
	.sub_content > .sub_lesson .lesson_title{}
	.sub_content > .sub_lesson .lesson_title p{font-size:32px;color:var(--black-color01);font-weight:600;margin-bottom:20px;}
	.sub_content > .sub_lesson .lesson_title p em{font-size:inherit;color:var(--point-color04);font-weight:inherit;}

	.total_audio{width:100%;box-sizing:border-box;border:4px solid var(--border-color01);display: flex;align-items: center;justify-content: center;padding:50px 40px;margin-bottom:30px;background:var(--point-white);}
	.total_audio .audio_box{position: relative;width:100%;}
	.total_audio .audio_box:before{}
	/* .total_audio .audio_box:after{width:22px;height:67%;content:"";background: #f1f3f4;position: absolute;right:14px;top:7px;} */
	.audio_box audio{width:100%;}

	.sub_lesson .script_box{text-align: center;}
	.sub_lesson .script_box .btn_box{display: inline-block;}
	.sub_lesson .script_box .btn_box span{display: inline-flex;align-items: center;justify-content:space-between;box-sizing:border-box;width:300px;height:75px;background:var(--point-color04);font-size:26px;color:var(--point-white);font-weight:500;padding:0 30px;cursor:pointer;}
	.sub_lesson .script_box .btn_box span:after{width:10px;height:10px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(135deg);display: inline-block;}
	.sub_lesson .script_box .btn_box.on span:after{transform:rotate(-45deg);margin-top:10px;}
	.sub_lesson .script_box .script_txt{box-sizing:border-box;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15);padding:50px 50px;margin-top:30px;counter-reset:paragraphNum;display: none;background:var(--point-white);}

	.sub_lesson .script_box .script_txt .audio_ring{position: relative;max-width:100%;box-sizing:border-box;text-align:left;}
	.sub_lesson .script_box .script_txt .audio_ring span{font-size:24px;color:var(--black-color06) !important;font-weight:400;cursor:pointer;line-height:1.5;font-style:italic;}
	.sub_lesson .script_box .script_txt .audio_ring span.on{color:var(--point-color04);font-weight:600;}	
	.sub_lesson .script_box .script_txt .audio_ring audio{width:100%;visibility:hidden;position: absolute;top:0;left:0;}

	.sub_lesson .script_box .script_txt .paragraph{position: relative;padding-left:38px;text-align:left;}
	.sub_lesson .script_box .script_txt .paragraph + .paragraph{margin-top:40px;}
	.sub_lesson .script_box .script_txt .paragraph:before{counter-increment: paragraphNum 1;content: counter(paragraphNum) '.';font-size:24px;color:var(--black-color01);font-weight:700;position: absolute;left:0;top:0;line-height:1.5;}
	.sub_lesson .script_box .script_txt .paragraph .txt{display: flex;flex-wrap:wrap;}
	.sub_lesson .script_box .script_txt .paragraph .txt + .txt{margin-top:10px;}
	.sub_lesson .script_box .script_txt .paragraph .txt em{font-size:24px;color:var(--black-color03);font-weight:600;line-height:1.5;}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_wrap{}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_box{position: relative;max-width:calc(100% - 35px);padding-left:5px;box-sizing:border-box;}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_box span{font-size:24px;color:var(--black-color03);font-weight:400;cursor:pointer;line-height:1.5;}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_box span.on{color:var(--point-color04);font-weight:600;}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_box span em{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;font-style: italic;}
	.sub_lesson .script_box .script_txt .paragraph .txt .audio_box audio{width:100%;visibility:hidden;position: absolute;top:0;left:0;}
	.sub_lesson .script_box .script_txt .paragraph .txt .txt_line_box{width:50%;}
	.sub_lesson .script_box .script_txt .paragraph .txt .txt_line_box .txt_line{border-bottom:1px solid var(--black-color01);width:100%;height:100%;}

	.sub_lesson .script_box .script_txt .paragraph .choice_list{counter-reset: item; padding-top:15px;}
	.sub_lesson .script_box .script_txt .paragraph .choice_list > li{position: relative;padding-left: 35px;box-sizing:border-box;}
	.sub_lesson .script_box .script_txt .paragraph .choice_list > li + li{margin-top:8px;}
	.sub_lesson .script_box .script_txt .paragraph .choice_list > li:before{position:absolute;content: counter(item, lower-alpha);counter-increment: item;top: 7px;left:0;width: 20px;height: 20px;display: inline-flex;color: var(--black-color06);border: 1px solid var(--black-color06);border-radius: 100%;align-items: center;justify-content: center;font-size: 15px;font-weight: 300;}
		.sub_lesson .script_box .script_txt .paragraph .choice_list .btn_play.on:before{color:inherit; border-color:inherit;}
	.sub_lesson .script_box .script_txt .paragraph .choice_list .audio_box{max-width:100%; padding-left:0;}


	/*typeB*/
		.type_b_box{}
		.type_b_box + .type_b_box{margin-top:60px;}
		.type_b_box > p{font-size:28px;color:var(--black-color03);font-weight:400;margin-bottom:20px;}
		.type_b_box > p em{font-size:inherit;color:inherit;font-weight:600;}
		.type_b_box > p span{font-size:inherit;color:inherit;font-weight:inherit;font-style: italic;}

	@media only screen and (max-width:1550px){
		.sub_lesson_content{padding-bottom:20vw;;}
	}
	@media only screen and (max-width:1200px){
		.sub_lesson_content:before{width:300px;padding-bottom:300px;bottom:-120px;left:-130px;}
		.sub_lesson_content:after{width:12vw;padding-bottom:calc(12vw - 40px);border-width:20px;bottom:15%;}
	}
	@media only screen and (max-width:1024px){
		.sub_lesson_content{padding-bottom:30vw;}
		.sub_lesson_content .obj .obj01{width:25vw;}
		.sub_lesson_content .obj .obj02{width:10vw;}

		.en_header .title:before{width:25vw;}
		.en_header .title a{width:55px;}
		.en_header .title a:before{left:25px;}
		.en_header .title_box{width:calc(100% - 55px);}
		.en_header .sup_part{padding-left:20px;}

		.total_audio{padding:50px 40px;}
		.sub_lesson .script_box .btn_box span{width:230px;height:60px;font-size:22px;padding:0 15px;}

		.sub_lesson .script_box .script_txt .audio_ring span{font-size:20px;}

		.sub_lesson .script_box .script_txt{padding:35px 25px;}
		.sub_lesson .script_box .script_txt .paragraph{padding-left:28px;}
		.sub_lesson .script_box .script_txt .paragraph:before{font-size:20px;top:0;}
		.sub_lesson .script_box .script_txt .paragraph .txt em,
		.sub_lesson .script_box .script_txt .paragraph .txt .audio_box span{font-size:20px;}

		.sub_lesson .script_box .script_txt .paragraph .choice_list > li:before{top: 5px;width:19px;height:19px;font-size:14px;}
		.sub_lesson .script_box .script_txt .paragraph .choice_list > li{padding-left:32px;}

	}
	@media only screen and (max-width:640px){
		.en_header .title_box p{font-size:20px;}
		.en_header .sup_part{padding-left:15px;}
		.en_header .sup_part p{font-size:22px;}

		.sub_content > .sub_lesson.w_custom{width:calc(100% - 30px);}
		.sub_content > .sub_lesson .lesson_title p{font-size:26px;margin-bottom:15px;}
		.total_audio{padding:50px 20px;}

		.sub_lesson .script_box .script_txt .audio_ring span{font-size:18px;}

		.sub_lesson .script_box .btn_box span{width: 180px;height: 56px;font-size: 20px;}
		.sub_lesson .script_box .btn_box span:after{width:8px;height:8px;}
		.sub_lesson .script_box .btn_box.on span:after{margin-top:6px;}

		.sub_lesson .script_box .script_txt .paragraph + .paragraph{margin-top:25px;}
		.sub_lesson .script_box .script_txt .paragraph:before{font-size:18px;}
		.sub_lesson .script_box .script_txt .paragraph .txt + .txt{margin-top:9px;}
		.sub_lesson .script_box .script_txt .paragraph .txt em, .sub_lesson .script_box .script_txt .paragraph .txt .audio_box span{font-size:18px;}
		.sub_lesson .script_box .script_txt .paragraph .txt .txt_line_box{width:100%;}

		.sub_lesson .script_box .script_txt .paragraph .choice_list > li:before{width:18px; height:18px; font-size:13px;}
		.sub_lesson .script_box .script_txt .paragraph .choice_list > li{padding-left:30px;}

		/*typeB*/
			.type_b_box > p{font-size:22px;}
	}
	@media only screen and (max-width:500px){
		.sub_lesson_content .obj .obj01{width:auto;left:15px;height:54px;}
		.sub_lesson_content .obj .obj02{width:80px;right:15px;bottom:27%;}

		.sub_lesson_content:before{width:240px;padding-bottom:240px;bottom:-111px;left:-123px;}
		.sub_lesson_content:after{width:130px;padding-bottom:calc(130px - 60px);border-width:30px;bottom:18%;right:-55px;}

		.en_header .title{padding-right:15px;}
		.en_header .title:before{width:35vw;}
		.en_header .title a{width:40px;height:100%;}
		.en_header .title a:before{left:18px;top:-4px;}
		.en_header .title_box{width:calc(100% - 40px);padding:20px 0;}
		.en_header .title_box p{font-size:18px;margin-top:5px;}
		.en_header .sup_part p{font-size:18px;padding:16px 0;}

		.sub_content > .sub_lesson{margin-top:26px;}
		.sub_content > .sub_lesson .lesson_title p{font-size:22px;margin-bottom:10px;}
		.total_audio{padding:30px 15px;border-width:2px;margin-bottom:20px;}
		.total_audio .audio_box{height:40px;}
		.total_audio .audio_box audio{height:100%;}

		.sub_lesson .script_box .btn_box{width:100%;}
		.sub_lesson .script_box .btn_box span{width: 100%;height:52px;font-size: 17px;padding:0 22px;}
		.sub_lesson .script_box .btn_box span:after{width:7px;height:7px;margin-top:-5px;}
		.sub_lesson .script_box .btn_box.on span:after{margin-top:4px;}

		.sub_lesson .script_box .script_txt{margin-top:20px;padding:30px 22px;}

		/*typeB*/
			.type_b_box + .type_b_box{margin-top:40px;}
			.type_b_box > p{font-size:18px;margin-bottom:16px;}
	}