/****** VIDEO STORY ******/
#world_wrap{width:100%;}
.class_contentWrap{border:1px solid #ffd765; margin-top:20px; padding-bottom:80px}
.world_tit{width:100%; height:235px; position:relative; display:inline-block; background:#8ddafe url(/images/bg/world_bg.png)no-repeat center top}
.world_t_con{width:1000px; margin:0 auto; padding-top:85px;}
.world_t_con p{display:inline-block; padding-right:12px; vertical-align:middle; color:#b64500; line-height:1.7}

.world_content{width:1000px; margin:0 auto; /*border:1px solid green;*/ box-sizing:border-box; padding-bottom:100px}
.world_content_why{width:1000px; margin:0 auto; /*border:1px solid green;*/ box-sizing:border-box; /*padding-bottom:40px*/}
.world_content h1{font-size:28px; color:#222; text-align:center; padding-top:75px}

.world_name{text-align:center; margin:75px 0 35px 0}
.world_name a{font-size:28px; font-weight:700; display:inline-block; color:#aaaaaa}
.world_name span{font-size:36px; vertical-align:middle; color:#aaa}
.world_name .active{color:#222; border-bottom:2px solid #222; /*padding-bottom:1px*/}
.world_name a p:hover{color:#222}

.world_contentWrap .video_box1{ height:730px; /*background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/ overflow:hidden}
.world_contentWrap .video_box2{ height:730px; /*background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/overflow:hidden}
.world_contentWrap .video_box3{ height:730px; /*background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/overflow:hidden}
.world_contentWrap .video_box4{ height:730px; /*background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/overflow:hidden}
.world_contentWrap .video_box5{ height:730px; /*background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/overflow:hidden}
.world_contentWrap .video_box6{height:730px;/* background:url(/images/bg/big_video_bg.png)no-repeat center 22px*/}
.world_contentWrap .youtube{margin-left:0; margin-top:25px; width:575px; height:280px; border:none}
.world_contentWrap .single-item p{color:#fff; font-size:17px; display:inline-block; margin:200px 0 0 80px}
.world_contentWrap .single-item{width:575px;margin-top:0px}
.world_contentWrap .single-item .slick-next{right:-130px; top:54%}
.world_contentWrap .single-item .slick-prev{left:-130px; top:54%}
.world_contentWrap .single_content{width:auto; /*margin-top:65px;*/background:url(/images/bg/letsgo/big_video_bg.png)no-repeat center 0px}
.world_contentWrap .video_slide{padding-bottom:55px; border-bottom:1px solid #c5c5c5}
.world_contentWrap .slide_desc{width:85%; margin:0 auto; margin-top:90px; text-align:center}
.world_contentWrap .slide_desc h6{font-size:16px; color:#000; padding-bottom:5px}
.v_more_btn{text-align:center}
.v_more_btn button{width:198px; height:40px; background-image:url(/images/btn/video_btn.png); background-repeat:no-repeat; color:#fff; font-weight:700; font-size:16px}
.v_more_btn button img{vertical-align:middle; margin-top:-3px; padding-left:9px}

.videoLisr_wrap{margin-top:45px; padding-bottom:25px; border-bottom:1px solid #666}
.videoLisr_wrap .page_btn_wrap a{margin-bottom:20px; margin-right:30px; display:inline-block}
.videoLisr_wrap .page_btn_wrap a:nth-of-type(3), .videoLisr_wrap .page_btn_wrap a:nth-of-type(6){margin-right:0}
.videoLisr_wrap .page_btn_wrap .v_thumb_1{width:310px; height:174px; background:url(/images/btn/letsgo/v_thumb_00_off.png)no-repeat center;}
.videoLisr_wrap .page_btn_wrap .v_thumb_1:hover{width:310px; height:174px; background:url(/images/btn/letsgo/v_thumb_00_on.png)no-repeat center;}
.videoLisr_wrap .page_btn_wrap .v_thumb_2{width:310px; height:174px; background:url(/images/btn/v_thumb_01_off.png)no-repeat center;}
.videoLisr_wrap .page_btn_wrap .v_thumb_2:hover{width:310px; height:174px; background:url(/images/btn/v_thumb_01_on.png)no-repeat center;}
.videoLisr_wrap .page_num ul{padding-top:25px; margin-bottom:35px}
.friends_link{margin:40px 0}
.video_pad{margin-bottom:0}


/****** STORY BOOK ******/
#story_book{width:965px; height:634px}
#story_book .story_cancel{text-align:right}
.story_wrap{padding-left:30px; box-sizing:border-box; width:965px; height:585px; background:url(/images/bg/story_bg.png)no-repeat right 0}
.story_content{/*background:url(/images/bg/book_in_bg.png)no-repeat 0 31px;*/ position:relative; /*margin-top:29px;*/ margin-left:51px; width:870px; height:520px; z-index:100}

.story_wrap .page_btn_wrap{position:absolute; top:99px; left:27px}
.story_wrap .page_btn_wrap div{margin-bottom:4px}

.story_wrap .page_btn_wrap .page_1{color:rgba(0,0,0,0.0); font-size:20px; font-weight:700; display:block; margin-left:12px}/*동영상 늘어나면 주석처리하기*/
.story_wrap .page_btn_wrap button{color:rgba(0,0,0,0.0); font-size:20px; font-weight:700; display:block; margin-left:14px}
.story_wrap .page_btn_wrap button p{text-align:left; padding-left:7px; color:#fff; font-size:15.5px}
/*.story_wrap .page_btn_wrap button:hover{margin-left:-15px}*/
.story_wrap .page_btn_wrap a .selected, .story_wrap .page_btn_wrap a .active{margin-left:2px}
.story_wrap .page_btn_wrap a .selected p, .story_wrap .page_btn_wrap a .active p{margin-left:2px; color:#222; font-size:18.5px}
.story_wrap .page_btn_wrap a{color:#fff}
.story_wrap .page_btn_wrap .page_1{width:46px; height:52px; margin-bottom:2px; background-image:url(/images/btn/yellow.png); background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_2{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/l_orange.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_3{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/orange.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_4{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/red.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_5{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/purple.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_6{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/blue.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_7{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/skyblue.png);background-repeat:no-repeat}
.story_wrap .page_btn_wrap .page_8{width:65px; height:52px; margin-bottom:2px; background-image:url(/images/btn/green.png);background-repeat:no-repeat}


.page_line_1{width:32px;  position:absolute; height:506px; border-radius:20px; background:#ffbb08; top:-34px; left:45px; opacity:0}
.page_line_2{width:32px;  position:absolute; height:506px; border-radius:20px; background:#ff9000; top:-34px; left:45px; opacity:0}
.page_line_3{width:32px;  position:absolute; height:506px; border-radius:20px; background:#ff5d15; top:-34px; left:45px; opacity:0}
.page_line_4{width:32px;  position:absolute; height:506px; border-radius:20px; background:#ff4040; top:-34px; left:45px; opacity:0}
.page_line_5{width:32px;  position:absolute; height:506px; border-radius:20px; background:#ab4df3; top:-34px; left:45px; opacity:0}
.page_line_6{width:32px;  position:absolute; height:506px; border-radius:20px; background:#0086cb; top:-34px; left:45px; opacity:0}
.page_line_7{width:32px;  position:absolute; height:506px; border-radius:20px; background:#0dc8c1; top:-34px; left:45px; opacity:0}
.page_line_8{width:32px;  position:absolute; height:506px; border-radius:20px; background:#73d21e; top:-34px; left:45px; opacity:0}
.p_on1{opacity:1}
/*.active{margin-left:-16px}*/

.story_tit{display:inline-block; color:#222; margin-top:18%; margin-left:6%}
.story_tit h1{font-size:17px}
.story_tit h2{font-size:28px; padding-top:10px; padding-left:27px}
.story_desc{display:inline-block; width:100%; margin-top:4%}
.story_desc div{vertical-align:top}
.story_desc p{color:#666; font-size:13px !important; line-height:2; letter-spacing:-1}
.story_desc .story_l{display:inline-block; width:46.5%; margin-left:4.5%}
.story_desc .story_r{display:inline-block; width:41.5%; margin-left:2.5%}
.story_desc .story_r h5{color:#222; font-size:17px; padding-top:10px}

.story_wrap .story_content .single-item{width:871px; max-width:none; height:513px; margin-top:0px; padding-top:19px;/*margin-left:40px;*/ z-index:100}

.story_wrap .story_content .story_1{/*font-size:0;*/ background:url(/images/bg/book_in_bg_f.png)no-repeat; position:relative; /*margin-top:29px; margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_2{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /* margin-top:29px;margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_3{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /*margin-top:29px; margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_4{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /*margin-top:29px; margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_5{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /* margin-top:29px;margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_6{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /*margin-top:29px; margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_7{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /*margin-top:29px; margin-left:39px;*/ width:870px; height:520px; z-index:100}
.story_wrap .story_content .story_8{font-size:0; background:url(/images/bg/book_in_bg_2.png)no-repeat; position:relative; /* margin-top:29px;margin-left:39px;*/ width:870px; height:520px; z-index:100}

.story_wrap .story_content .slick-prev:before{content:url(/images/btn/left_btn_off.png); width:50px; height:50px}
.story_wrap .story_content .slick-prev:hover:before{content:url(/images/btn/left_btn_on.png); width:50px; height:50px}
[dir='rtl'] .story_wrap .story_content .slick-prev:before{content:url(/images/btn/left_btn_off.png)}
.story_wrap .story_content .slick-next:before{content: url(/images/btn/right_btn_off.png); width:50px; height:50px}
.story_wrap .story_content .slick-next:hover:before{content: url(/images/btn/right_btn_on.png); width:50px; height:50px}
[dir='rtl'] .story_wrap .story_content .slick-next:before{content:url(/images/btn/right_btn_off.png)}
.story_wrap .story_content .slick-prev, .story_wrap .story_content .slick-next{width:36px; height:42px; top:53%}
.story_wrap .story_content .slick-prev{left:-15px; z-index:500}
.story_wrap .story_content .slick-next{right:-4px}
.story_wrap .story_content .slick-slider .slick-list{border-radius:20px}
.story_wrap .story_content .slick-slider .slick-track, .story_wrap .story_content .slick-slider .slick-list{background:url(/images/bg/book_in_bg.png)no-repeat -4px; width:860px}


/****** CHARACTER INTRODUCE ******/
.char_container{width:1000px; margin:0 auto; box-sizing:border-box}
.char_container ul li{display:inline-block; margin-right:3px; margin-bottom:8px; cursor:pointer; vertical-align:top}
.char_container ul li:nth-of-type(4), .char_container ul li:nth-of-type(8), .char_container ul li:nth-of-type(10){margin-right:0}

.char_container ul #lao{width:243px; height:113px; background:url(/images/char/lao_off.png)no-repeat}
/*.char_container ul #lao:hover{width:243px; height:113px; background:url(/images/char/lao_on.png)no-repeat}*/
.char_container ul #bao{width:243px; height:113px; background:url(/images/char/bao_off.png)no-repeat}
/*.char_container ul #bao:hover{width:243px; height:113px; background:url(/images/char/bao_on.png)no-repeat}*/
.char_container ul #ted{width:243px; height:113px; background:url(/images/char/ted_off.png)no-repeat}
/*.char_container ul #ted:hover{width:243px; height:113px; background:url(/images/char/ted_on.png)no-repeat}*/
.char_container ul #kiya{width:243px; height:113px; background:url(/images/char/kiya_off.png)no-repeat}
/*.char_container ul #kiya:hover{width:243px; height:113px; background:url(/images/char/kiya_on.png)no-repeat}*/
.char_container ul #sally{width:243px; height:113px; background:url(/images/char/sally_off.png)no-repeat}
/*.char_container ul #sally:hover{width:243px; height:113px; background:url(/images/char/sally_on.png)no-repeat}*/
.char_container ul #ben{width:243px; height:113px; background:url(/images/char/ben_off.png)no-repeat}
/*.char_container ul #ben:hover{width:243px; height:113px; background:url(/images/char/ben_on.png)no-repeat}*/
.char_container ul #coco{width:243px; height:113px; background:url(/images/char/coco_off.png)no-repeat}
/*.char_container ul #coco:hover{width:243px; height:113px; background:url(/images/char/coco_on.png)no-repeat}*/
.char_container ul #fredy{width:243px; height:113px; background:url(/images/char/fredy_off.png)no-repeat}
/*.char_container ul #fredy:hover{width:243px; height:113px; background:url(/images/char/fredy_on.png)no-repeat}*/
.char_container ul #hope{width:243px; height:113px; background:url(/images/char/hope_off.png)no-repeat}
/*.char_container ul #hope:hover{width:243px; height:113px; background:url(/images/char/hope_on.png)no-repeat}*/




.char_d_contaner{width:1000px; margin:0 auto; box-sizing:border-box}
.char_d_contaner ul li{position:relative; width:100%; height:250px; margin-top:105px}
.char_d_contaner ul li a{display:block}
.char_d_contaner ul li .char_img{display:inline-block; width:42%; height:100%; vertical-align:bottom; text-align:center}
.char_d_contaner ul li .char_desc{display:inline-block; width:50%; padding-left:75px; vertical-align:top; margin-top:3%}
.char_d_contaner ul li h6{font-size:15px; color:#333; margin-bottom:15px}
.char_d_contaner ul li h6 img{vertical-align:bottom; padding-right:10px}
.char_d_contaner ul li h5{font-size:20px; color:#333; margin-bottom:8px}
.char_d_contaner ul li p{font-size:15px; color:#666; line-height:1.5}
.char_d_contaner ul li .divider{width:100%; height:1px; background:#d2d2d2; border:none; position:absolute; bottom:-2px; z-index:-10}
.char_d_contaner ul li .divider_b{width:100%; height:1px; background:#d2d2d2; border:none; position:absolute; bottom:-6px; z-index:-10}
.char_d_contaner ul li .bao_c{margin-top:25px}
.char_d_contaner ul li .ted_c{margin-top:50px}
.char_d_contaner ul li .sally_c{margin-top:88px}
.char_d_contaner ul li .ben_c{margin-top:140px}
.char_d_contaner ul li .coco_c{margin-top:105px}
.char_d_contaner ul li .fredy_c{margin-top:75px}
.char_d_contaner ul li .hope_c{margin-top:105px}

.friends_logo{width:1000px; margin:0 auto; margin-top:50px}


/****** WORLD STORY ******/
.wroldStory_wrap{width:100%; text-align:center}
.wroldStory_wrap .story_1{width:100%; height:805px; margin-top:10px; background:url(/images/story/bg_2.png)no-repeat center top}
/*.wroldStory_wrap .story_3{margin-top:40px}*/
.wroldStory_wrap .story_4{ width:100%; height:775px; background-image:url(/images/story/story_04_bg.png); background-repeat:no-repeat; background-position:center -200px}
.wroldStory_wrap .story_7{background:#f3f3f3; width:100%; margin-bottom:30px}
/*.wroldStory_wrap .story_7 img{margin-left:-22px; margin-top:-1.4px}*/
.wroldStory_wrap .story_1 .story_1_bg{width:100%; height:100%; background:url(/images/story/letsgo/bg_3.png)no-repeat center}



/****** WHY 영어독서 ******/
.why_wrap{width:1000px; margin:0 auto; text-align:center; padding-bottom:100px}
.why_1{width:100%; height:286px; background:url(/images/why/why_01_bg.png) repeat-x; text-align:center}
.why_wrap .world_btn{text-align:right; margin-right:60px}
.why_wrap .curri_btn{margin-right:40px; margin-top:20px}
.curri_toggle{display:none}
.why_3 button{margin-top:15px}


/****** COMPANY ******/
.company_wrap{width:100%; text-align:center; padding-top:80px}