@charset "euc-kr";

.event_wrap {}
.event_wrap > div { /*font-size:0; line-height:0; clear:both;*/}
.event_wrap > div > div {position:relative; text-align: center; /* width:950px; margin:0 auto;*/}
.event_wrap button { color:transparent;background:transparent;border: 0;padding: 0; font-size: 0; line-height: 0;cursor: pointer;overflow:hidden;}
.event_wrap .section01,
.event_wrap .section02,
.event_wrap .section03,
.event_wrap .section04 {position: relative;}
.event_wrap .inner {/*width:750px;*/} /* ÃÖ¼Ò 750px */


/* background */
.event_wrap .section01 {height:901px; background: url('http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_bg_01.jpg') repeat-x 50% 0;}
.event_wrap .section01 .bg_01_01 {position:absolute; left:0; top:0; width:100%; height:100%; background: url('http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_bg_01_01.jpg') no-repeat 50% 0;}
.event_wrap .section01 .bg_01_02 {position:absolute; left:0; top:0; width:100%; height:100%; background: url('http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_bg_01_02.png') no-repeat 50% 0;}
.event_wrap .section02 {background: url('http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_bg_02.jpg') no-repeat 50% 0;}
.event_wrap .section03 {background:#faedff;}
.event_wrap .section04 {background: url('http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_bg_04.jpg') repeat-x 50% 0;}


/* btn,link */
/*.event_wrap a{background:rgba(240, 47, 13, .5);}ÀÛ¾÷ ¿Ï·á ÈÄ »èÁ¦*/

/* section03 ¸µÅ© */
.event_wrap .elink .ebtn_01,
.event_wrap .elink .ebtn_02,
.event_wrap .elink .ebtn_03 {position: absolute;}
.event_wrap .elink .ebtn_01{left: 15%;top: 12%;width: 70%;height: 26%;}
.event_wrap .elink .ebtn_02{left: 4%;top: 40%;width: 92%;height: 53%;}
.event_wrap .elink .ebtn_02 a{display:inline-block; margin:0 -3px 6% 0; width:50%; height:47%;}
.event_wrap .elink .ebtn_03{left: 3.5%;bottom: 3%;width: 93%;height: 3.5%;}

/* section04 ¸µÅ© */
.event_wrap .elink2 .ebtn_01,
.event_wrap .elink2 .ebtn_02,
.event_wrap .elink2 .ebtn_03 {position: absolute;}
.event_wrap .elink2 .ebtn_01{left: 3.5%;bottom: 25%;width: 93%;height: 3.8%;}
.event_wrap .elink2 .ebtn_02{left: 3.5%;bottom: 20.2%;width: 93%;height: 4.1%;}
.event_wrap .elink2 .ebtn_02 a{display:inline-block; margin-left:-3px; width:50%; height:100%;}
.event_wrap .elink2 .ebtn_03{left: 3.5%;bottom: 16%;width: 93%;height: 3.8%;}

/* section02 Æ˾÷ ³» ¸µÅ© */
.event_wrap .elink3 {position: absolute; left: 14%; bottom: 7%; width: 72%; height: 12%;}


/* slider */ 
.flexslider {border: 0px solid #000; box-shadow: 0 0 0 transparent;}

/* notice */
.e_notice p, .e_notice ul li{color:#000;}
.e_notice ul li:before{background-color:#000;}

/* ¸Þ´º¹Ù À§Ä¡¸¦ À§ÇÑ ID */
#section01 {}/* À̺¥Æ® ÃÖ»ó´Ü */
#section02 {}/* À̺¥Æ®³»¿ë½ÃÀÛ */
#section03 {position:absolute; left:0; top:-110px;}
#section04 {position:absolute; left:0; top:-110px;}

/* ÃÖ»ó´Ü À̹ÌÁö À§Ä¡°ª */
.section01 .tt_txt span {display: block; position:relative; z-index:1;}
.section01 .tt_txt span.e01_03 {margin-top:-40px;}
.section01 .tt_txt span.e01_04 {margin-top:-15px;}
.e01_ballon_01 {position:absolute; left:-44px; top:145px;}
.e01_ballon_02 {position:absolute; right:0; top:0;}

/* menu bar */
.section.menu {position:relative; }
.normal { width: 100%; height: 116px; background: #2f2b32;}
.normal:before {content:""; position:absolute; left:0; top:0; width:50%; height: 116px; z-index:1; }
.normal:after {content:""; position:absolute; right:0; top:0; width:50%; height: 116px; z-index:1; }
.normal.sec_fixed { width: 100%; height: 116px; position: fixed; top:49px; /*top:110px;*/ left: 0; z-index:3;}
.normal ul {position:absolute; left:50%; top:0; width: 750px; margin-left:-375px; z-index:2; }
.normal ul li {width:33.3333%; display:inline-block;}
.normal ul li a { display: block; width:100%; height: 116px; background-position:0 0; background-repeat: no-repeat; }
.normal ul li:nth-child(1) a { background-image: url(http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_menu_01.gif);}
.normal ul li:nth-child(2) a { background-image: url(http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_menu_02.gif);}
.normal ul li:nth-child(3) a { background-image: url(http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_menu_03.gif);}

/* menu bar a tag add ON */
.normal ul li a.on {background-position:0 100%;} 
.normal ul li:nth-child(2) a.on,
.normal ul li:nth-child(3) a.on {margin-left:-2px;}

/* section02 À̹ÌÁö À§Ä¡°ª */
.section02 span {position:absolute;}
/*.section02 .e02_airplane {right:207px;top:385px;}*/
.section02 .e02_flame_01 {left:-128px;bottom:719px;}
.section02 .e02_flame_02 {right:16px;top:404px;}
.section02 .e02_flame_03 {right:-70px;top:388px;}
.section02 .e02_ballon_01 {left:-172px;top:552px;}
.section02 .e02_ballon_02 {right:-70px;bottom:478px;}
.section02 .e02_ballon_03 {right:-128px;bottom:599px;}

/* section02 guide_box À§Ä¡°ª */
.guide_box {position:absolute;}
.guide_box.benefits_01 { left: 9%; top: 28%; width: 36%; height: 23%; }
.guide_box.benefits_02 { right: 7%; top: 40%; width: 31%; height: 24%; }
.guide_box.benefits_03 { left: 9.5%; bottom: 19%; width: 36%; height: 23%; }
.guide_box.benefits_04 { right: 5%; bottom: 4%; width: 36%; height: 22%; }
.guide_box span {/*display: block;width: 100%; height: 100%;*/}

/* section02 tooltip À§Ä¡°ª */
.guide_box div.tooltip_content { opacity:0; position:absolute; top: 0%; transition: all .5s 0s;}
.guide_box.benefits_01 div.tooltip_content { left: -23%; }
.guide_box.benefits_02 div.tooltip_content { right: -23%; }
.guide_box.benefits_03 div.tooltip_content { left: -23%; }
.guide_box.benefits_04 div.tooltip_content { right: -23%; }

/* section02 tooltip hover À§Ä¡°ª */
.guide_box .tooltip_content.on { opacity:1; }
.guide_box.benefits_01 div.tooltip_content.on { top: -21.5%; }
.guide_box.benefits_02 div.tooltip_content.on { top: -23.5%; }
.guide_box.benefits_03 div.tooltip_content.on { top: -34.5%; }
.guide_box.benefits_04 div.tooltip_content.on { top: -37%; }

/* section02 tooltip ³» pops À§Ä¡°ª */
.guide_box div.pops { position:absolute; left:0; top:0; z-index:2; }
.guide_box.benefits_01 div.pops {left: -31%;}
.guide_box.benefits_02 div.pops {left: -207%; top: -50%;}
.guide_box.benefits_03 div.pops {left: -32%; top: -130%;}
.guide_box.benefits_04 div.pops {left: -170%; top: -209%;}
.guide_box div.pops .btn_close { position:absolute; right:76px; top:50px; width: 46px; height: 46px; background: url(http://image.kyobobook.co.kr/ink/images/prom/2022/book/220907_bicof/bnC_btn_close.png) 0 0 no-repeat; }


/* animation */
/* section01 */
.bg_01_01 {opacity:0; transition: all .8s 0s;}
.bg_01_01.on {opacity:1; }
.e01_02 { animation:tilt-in-left .4s .1s ease both; }
.e01_03 { animation:tilt-in-right .4s .2s ease both; }
.e01_04 { animation:tilt-in-left .4s .3s ease both; }
.e01_ballon_01 {animation:bounce1 2s .1s 50;}
.e01_ballon_02 {animation:bounce2 1.5s .1s 50;}

/* section02 */
/*.e02_airplane { animation:15s airplane 0s 30;}*/
.section02 .e02_airplane {right:-200px; top:485px; transition: all 1.8s 0s;}
.section02 .e02_airplane.on {right:207px; top:385px;}
.e02_flame_01 { animation:1s flame 0s infinite;}
.e02_flame_02 { animation:1s flame 0.5s infinite;}
.e02_flame_03 { animation:1s flame 0s infinite;}
.e02_ballon_01 { animation:bounce1 1.8s .0s 50;}
.e02_ballon_02 { animation:bounce2 1.5s 0s 50;}
.e02_ballon_03 { animation:bounce1 1.8s 01s 50;}

/* keyframes */
@keyframes tilt-in-left {
  0%{
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  100%{
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-right {
  0%{
    -webkit-transform: rotateX(30deg) translateX(300px) skewX(30deg);
    transform: rotateX(30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  100%{
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes bounce1 {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(30px);
	}
}
@keyframes bounce2 {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}
@keyframes airplane {
	0% {
		transform: translateX(0) translateY(0);
	}
	100% {
		transform: translateX(-1000%) translateY(-100px);
	}
}
@keyframes flame {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}