@charset "utf-8";

html {overflow-x: hidden;}
.l_wrapper.hnav { max-width: 1064px; height: 35px; }
/* visual */
#visual { position: relative; z-index: 0; }
#visual .visual { border-radius: 20px; overflow: hidden; max-height: 500px; width: 1064px; margin: 0 10px; position: relative; }
#visual .visual.vis1 { background-color: #BF00FF; }
#visual .visual.vis2 { background-color: #230f34; }
#visual .visual.vis3 { background-color: #029bfb; }
#visual .visual.vis4 { background-color: #009857; }
#visual .visual.vis5 { background-color: #6b191b; }

.slick-slide img{ max-width:100%; height: auto; margin: 0 auto;}
.slick-next.slick-arrow{  right: 0; }
.vs-prev, .vs-next { font-size: 0; width: 37px; height: 70px; position: absolute; top: 45%; z-index: 9999; }
.vs-prev { background: url(../img/vis-prev.png) no-repeat; background-size: contain; right: 50%; margin-right: 560px; cursor: pointer; }
.vs-next { background: url(../img/vis-next.png) no-repeat; background-size: contain; left: 50%; margin-left: 560px; cursor: pointer; }
.roll .slick-dots { bottom: -35px; }
.slick-dots li img:nth-child(1) { display: block; }
.slick-dots li img:nth-child(2) { display: none; }
.slick-dots li.slick-active img:nth-child(1) { display: none; }
.slick-dots li.slick-active img:nth-child(2) { display: block; }

/* contents */
.contents { padding: 37px 0 67px 0; }
.contents a { display: block; height: 72px; }
.contents_cover { float: left; display: inline-block; color: #fff; width: 72px; height: 72px; border-radius: 50px; overflow: hidden; }
.contents .l_col p { display: inline-block; vertical-align: middle; }
.contents_youtube .contents_cover { background-color: #61aff1; }
.contents em { padding-left: 90px; }
.contents img.title_youtube { padding-top: 13px; width: 40px; }
.contents .l_row li { box-sizing: border-box;}
.contents .l_row .l_col:nth-child(2) { border-left: 2px solid #e8e8e8; border-right: 2px solid #e8e8e8; }
.contents_catalog .contents_cover { background-color: #f4811f; }
.contents_catalog img { padding-top: 20px; width: 49px; }
.contents_chart img { padding-top: 15px; width: 41px; }
.contents_chart .contents_cover { background-color: #aeb81d; }
.contents img { display: block; margin: 0 auto; }
.contents a em { display: block; text-align: left; color: #282625; }
.contents a span, .contents a strong { display: block; }
.contents a span { font-family: mr, sans-serif; font-size: 1.8rem; padding: 5% 0 2% }
.contents a strong { font-family: noto-sans-extracondensed, sans-serif; font-size: 2.45rem; margin-top: -5px; font-weight: 700; font-style: normal; display: inline; }
.contents a q { display: inline-block; background-image: url(../img/contents_arrow.svg); background-repeat: no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-left: 3px; margin-top: -8px; }


/*팝업*/
.pop .btn_pop_close{position:absolute; top:7px; right:7px; background:none; border:none;z-index:9;cursor:pointer;}
.pop .txt_wrap{text-align:center;position:relative;}
.pop .txt_wrap img{width:100%;vertical-align:top;}
.pop .pop_close_chk{background:#412176; color:#FFF; /*position:absolute; bottom:0;*/ width:100%; font-size:13px; text-align:right; padding:4px 0;}
.pop .pop_close_chk input[type="checkbox"]{background:#FFF; border:none; width:12px; height:12px; border-radius:0;}

.pop1{position:absolute;top:110px;/*left:0;margin-left:-500px;*/z-index:998;box-sizing:border-box;width:auto;height:auto;background:#fff;left:0;margin-left:180px;}
.pop1 .pop_close_chk label{padding-right:10px;}
.pop1 .pop_close_chk{background:#30d1db;}


/*CATALOG 버튼추가*/
.new_layout .l_col{padding:0 10px 0 25px}

.contents div.contents_catalog{height:72px;}
.contents div.contents_catalog a{display:inline-block; height:auto;}

.contents div.contents_catalog em {display:block; text-align:left; color:#282625;}
.contents div.contents_catalog span {font-family:mr, sans-serif; padding:0 0 2%; display:block;}
.contents div.contents_catalog strong {font-family: noto-sans-extracondensed, sans-serif; font-size: 2.45rem; margin-top: -5px; font-weight: 700; font-style: normal; display: inline;}

.contents div.contents_catalog .catalog_link_wrap{margin:0.5em 0 0 90px;}
.contents div.contents_catalog .catalog_link_wrap a{display:inline-block; font-size:0.95em; color:initial; background:url('../img/contents_arrow.svg') no-repeat right center; height:20px; line-height:18px; padding-right:25px;}
.contents div.contents_catalog .catalog_link_wrap a:hover{color:#000;}
.contents div.contents_catalog .catalog_link_wrap a + a{margin-left:2%;}

@media screen and (max-width: 768px){
.new_layout .l_col{padding:0 10px}
}
@media screen and (max-width:1010px) and (min-width:768px) {
.contents div.contents_catalog .catalog_link_wrap a + a{margin-left:0; margin-top:0.3em;}
.contents div.contents_catalog .catalog_link_wrap a{margin-top:0.3em;}
}

/******************responsive******************/

/*1400*/

@media screen and (max-width:890px) {
    .contents a span { font-size: 1.6rem; line-height: 1.2 ; padding: 1% 0; }
    .contents a strong { font-size: 2.25rem; margin-top: 0; }
    
    /*팝업*/
	.pop{width:90%; left:50%; margin-left:-45%; max-width:420px; height:auto;}
	.pop .txt_wrap img.img_pc{display:none;}
	.pop .txt_wrap img.img_mo{width:auto; height:auto; max-width:100%; max-height:100%; display:inline;}
}
/*Tablet*/
@media screen and (max-width:768px) {
    .l_col_t_12_12 { width: 100%; }
    .l_col_t_10_12 { width: 83.33333333%; }
    .l_col_t_9_12  { width: 75%; }
    .l_col_t_8_12  { width: 66.66666667%; }
    .l_col_t_7_12  { width: 58.33333333%; }
    .l_col_t_6_12  { width: 50%; }
    .l_col_t_5_12  { width: 41.66666667%; }
    .l_col_t_4_12  { width: 33.33333333%; }
    .l_col_t_3_12  { width: 25%; }
    .l_col_t_2_12  { width: 16.66666667%; }
    .l_col_t_1_12  { width: 8.33333333%; }

    .contents { padding: 37px 0 47px 0; }
    .contents .l_row .l_col:nth-child(2) { border-left: none; border-right: none; padding: 0 10px; }
	.contents .l_row .l_col:nth-child(2){}
    .contents_catalog:before, .contents_chart:before { content: ' '; display: block; border-top: 1px solid #e8e8e8; width: 90%; margin: 0 auto;  padding: 10px 0; }
	div.contents_catalog:before{padding: 10px 0; }
	.contents div.contents_catalog .catalog_link_wrap a{font-size:1.2em;}

    .contents em{ padding-top: 10px; } 
	.contents div.contents_catalog em{padding-top: 0px;}
    
}/*768*/

/*Mobile*/
@media screen and (max-width:480px) {

    .l_col_m_12_12 { width: 100%; }
    .l_col_m_10_12 { width: 83.33333333%; }
    .l_col_m_9_12  { width: 75%; }
    .l_col_m_8_12  { width: 66.66666667%; }
    .l_col_m_7_12  { width: 58.33333333%; }
    .l_col_m_6_12  { width: 50%; }
    .l_col_m_5_12  { width: 41.66666667%; }
    .l_col_m_4_12  { width: 33.33333333%; }
    .l_col_m_3_12  { width: 25%; }
    .l_col_m_2_12  { width: 16.66666667%; }
    .l_col_m_1_12  { width: 8.33333333%; } 

    #visual .visual .btn { display: none; }
    #visual .visual { height: 250px; position: relative; }
    .slick-slide img { max-width: 380px;width: 100%; height: 100%; display: block; margin: 0px auto;}
    
    .contents { margin: 20px 0;  padding: 37px 0 27px 0;}
    .contents_cover { width: 55px; height: 55px; }
    .contents img.title_youtube { width: 33px; padding-top: 10px; }
    .contents_catalog img { width: 39px; padding-top: 15px; }
    .contents_chart img { width: 31px; padding-top: 12px; }
    .contents a { height: auto; }
    .contents em { padding-left: 100px; }
	.contents div.contents_catalog .catalog_link_wrap{margin-left:100px; margin-top: 0.7em;}
    .contents a span { font-size: 1.4rem; }
    .contents a strong { font-size: 22px; }   
    .contents a q { width: 15px; margin-top: 0px; }
	.contents div.contents_catalog .catalog_link_wrap a{height:15px; padding-right:17px; line-height:13px;}
    
    /*팝업*/
    .pop .pop_close_chk{position:relative;}
    .pop .btn_pop_close img{width:18px;}

}/*480*/

@media screen and (max-width:360px) { 
    .subcontent .l_wrapper { padding: 5px; }
    .subcontent .cont-books { padding: 10px; }
    .subcontent .cont-books h3 { margin-top: 12px; }
}





/********************************************sub_products********************************************/
.subcontent , .el-subcontent , .ab-subcontent , .vi-subcontent , .tou-subcontent { padding-bottom: 80px; min-height: 750px; }
.subcontent { overflow: hidden; }

.nav-pc { position: absolute; top: 10px; right: 3%; }
.about .nav-pc, .vi-subcontent .nav-pc { top: 5px; } 
.nav-pc a { color: #666; font-size: 1.5rem; }
.nav-pc img { vertical-align: middle; }
.nav-pc span img { margin: 0 10px; } 
.e-learning .nav-tit { margin-right: 10px; }
.nav-depth { margin-right: 10px; }
.nav-depth.ab { display: inline-block; margin-right: 0; }
.nav-depth select { width: 140px; padding-left: 5px; border: none; font-size: 1.5rem; background: url(../img/triangle.png) no-repeat 95%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }

/*
.nav-pc { width: 100%; height: 32px; background: #fff; font-size: 1.5rem; border: 1px solid #ddd; max-height: 32px; box-sizing: border-box; -webkit-box-sizing: border-box; border-top: none; }
.nav-pc .nav-wrap { text-align: right; }
.nav-home { border-left: 1px solid #ddd; display: inline-block; position: relative; width: 40px; height: 32px; }
.nav-home img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.nav-tit { padding: 0 2.5%; display: inline-block; text-align: center; position: relative; border-left: 1px solid #ddd; height: 32px; line-height: 32px; box-sizing: border-box; margin-left: -5px; vertical-align: top; }
.nav-depth { overflow: hidden; cursor: pointer; display: inline-block; text-align: left; position: relative; border-left: 1px solid #ddd; height: 32px; line-height: 32px; box-sizing: border-box; margin-left: -5px; }
.nav-depth select { width: 170px; padding-left: 20px; border: none; font-size: 1.5rem; background: url(../img/triangle.png) no-repeat 90%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.nav-last, .nav-last-el { border-left: 1px solid #ddd; height: 32px; line-height: 32px; box-sizing: border-box; vertical-align: top; text-align: center; position: relative; display: inline-block; padding: 0 3%; color: #535353; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
*/
select::-ms-expand { display: none; }
.nav-mob { display: none; }
.mo-cont-sereis { display: none; }


/*left-tabbox menu*/
.e-cont-tabbox, .cont-tabbox, .ab-cont-tabbox{ max-width: 212.41px; position: absolute; top: 0px; bottom: 0; width: 20%; background: #fff; font-size: 1.6rem; }
.sub-tit { font-size: 3.2rem; text-align: center; color: #333333; padding: 42px 0px; font-weight: 600; margin: 0 auto; width: 100%; font-weight: 600; text-align: center; box-sizing: border-box; display: block;}
/*.e-cont-tabbox li, .cont-tabbox li, .ab-cont-tabbox li{ margin-bottom: 2px; }*/
.cont-tab { text-decoration: none; display: block; width: 100%; min-height: 40px; margin-top: -1px; padding: 10px 33px 10px 18px; background: url(../img/tab.jpg) no-repeat #ececec; color: #878787; font-size: 1.6rem; text-align: left; line-height: 1.3; font-weight: 500; box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; }
.cont-tab a { color: #878787; display: block; }
.cont-tab:after{ width: 20px; height: 20px; margin: 0px 0 0 10px; background: url(../img/tab_arrow.png) 95% 50% / contain no-repeat #ececec; content: ' '; display: inline-block; position: absolute; top: 10px; right: 13px; }
.cont-tab.on { background: url(../img/tab_on.jpg) no-repeat #ffcc00; color: #1f1f1f; font-weight: 700; }
.cont-tab.on a { color: #1f1f1f; }
.cont-tab.on:after { background: url(../img/tab_arrow_on.png) 95% 50% / contain no-repeat #ffcc00; }
.products .cont-tab.on:after { background: url(../img/tab_arrow_dw.png) 95% 50% / contain no-repeat #ffcc00; }
#left_submenu li { position:relative;}
#left_submenu li ul{ display: none; padding: 5px 0 10px 0; }
#left_submenu li .cont-tab.on ~ ul{ display: block; }
#left_submenu ul a { display: block; font-size: 1.4rem; padding: 5px 0 5px 15px; background-color: #fff; font-weight: 400; }
#left_submenu ul a span { padding-left: 20px; background: url(../img/depth_non.png) left center no-repeat; color: #565656; line-height: 1.2; display: inline-block; }

#left_submenu ul a:hover span, #left_submenu ul a.on span {
    text-decoration: underline; 
    background: url(../img/depth.gif) left center no-repeat; 
    color: #f48120; 
    font-weight: 400;
    text-decoration: underline;
}

/*right search box*/

.cont-wrap { float: right; width: 75%; margin-top: 10px; }
.e-learning .cont-wrap { margin-top: 40px; }
.about .cont-wrap { margin-top: 60px; } .vi-subcontent .cont-wrap { margin-top: 50px; }
.cont-wrap .cont-series { margin-bottom: 12px; }
.cont-wrap .cont-series ul { margin: 0 -0.1% 15px -0.1%; }
.cont-wrap .cont-series li { text-align: center; float: left; padding: 0 0.5%; box-sizing: border-box; margin-bottom: 5px; /*width: 33.33%;*/ }
.cont-wrap .cont-series li a { font-size: 1.6rem; color: #878787; /* min-width: 33.3333%; */ height: 35px; text-align: center; border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box; display: block; line-height: 35px; overflow: hidden; padding: 0 10px;}
.cont-wrap .cont-series li.on a { color: #403f3f; font-weight: 500; background: #ffd83c; border: 1px solid #efc007; }

.tab-content { display: none; width: 100%; height: 10.125em; text-align: left; background-origin: content-box; }
.tab-content .wrapper { position: relative; width: 100%; display: flex; align-items: center;}
.tab-content .wrapper .booklogos { background-repeat: no-repeat; background-position: center; background-size: 8em; width: 30%; padding: 0 5vh; height: 10.125em; float: left; min-width: 130px; max-width: 150px; }

.tab-content.Littlestar { background-color: #fef896; border: 1px solid #ded872; }
.tab-content.Littlestar .booklogos{ background-image: url(/img/series/logo/Little_Star.png); }

.tab-content.LittleStoryTown { background-color: #ffefcb; border: 1px solid #fbcdb8; }
.tab-content.LittleStoryTown .booklogos{ background-image: url(/img/series/logo/Little_Story_Town.png); }

.tab-content.OpenUp { background-color: #fedf65; border: 1px solid #ffcc00; }
.tab-content.OpenUp .wrapper .booklogos { background-image: url(/img/series/logo/Open_Up.png); }

.tab-content.SuperStar { background-color: #abe5fb; border: 1px solid #8dd6f2; }
.tab-content.SuperStar .wrapper .booklogos{background-image: url(/img/series/logo/Super_Star.png); }

.tab-content.Awesome { background-color: #bae25d; border: 1px solid #a0c942; }
.tab-content.Awesome .wrapper .booklogos{ background-image: url(/img/series/logo/Awesome.png); }

.tab-content.ReadySetSing { background-color: #fedf65; border: 1px solid #ffcc00; }
.tab-content.ReadySetSing .wrapper .booklogos { background-image: url(/img/series/logo/Ready,Set,Sing.png); }

.tab-content.ReadySetCreate { background-color: #fff; border: 1px solid #be2242; }
.tab-content.ReadySetCreate .wrapper .booklogos{ background-image: url(/img/series/logo/Ready,Set,Create.png); }

.tab-content.ReadySetCook { background-color: #fff; border: 1px solid #be2242; }
.tab-content.ReadySetCook .wrapper .booklogos { background-image: url(/img/series/logo/Ready,Set,Cook.png); }

.tab-content.ReadySetDiscover { background-color: #fff; border: 1px solid #be2242; }
.tab-content.ReadySetDiscover .wrapper .booklogos{ background-image: url(/img/series/logo/Ready,Set,Discover.png); }

.tab-content.ReadyActionClassic { background-color: #fcf5d1; border: 1px solid #fde56b; }
.tab-content.ReadyActionClassic .wrapper .booklogos { background-image: url(/img/series/logo/Ready,Action_Classic.png); }

.tab-content.ReadyAction { background-color:#fff; border: 1px solid #000; }
.tab-content.ReadyAction .wrapper .booklogos { background-image: url(/img/series/logo/Ready,Action.png); }

.tab-content.BestPhonics { background-color:#f3e9d9; border: 1px solid #dabc8b; }
.tab-content.BestPhonics .wrapper .booklogos { background-image:url(/img/series/logo/Best_Phonics.png); }

.tab-content.PhonicsRace2nd { background-color:#fac3b4; border: 1px solid #f2a38d; }
.tab-content.PhonicsRace2nd .wrapper .booklogos { background-image: url(/img/series/logo/Phonics_Race.png); }

.tab-content.PhonicsCue { background-color:#ebf2fa; border: 1px solid #b4c9e2; }
.tab-content.PhonicsCue .wrapper .booklogos{ background-image: url(/img/series/logo/Phonics_Cue.png); }

.tab-content.PhonicsMonster { background-color:#ebe0fc; border: 1px solid #c9b4ea; }
.tab-content.PhonicsMonster .wrapper .booklogos{ background-image: url(/img/series/logo/Phonics_Monster.png); }

.tab-content.ReadingRookieStarter { background-color:#fff; border: 1px solid #3d2400; }
.tab-content.ReadingRookieStarter .wrapper .booklogos{ background-image: url(/img/series/logo/Reading_Rookie_Starter.png); }

.tab-content.ReadingRookie { background-color:#fff; border: 1px solid #3d2400; }
.tab-content.ReadingRookie .wrapper .booklogos{ background-image: url(/img/series/logo/Reading_Rookie.png);}

.tab-content.EnglishTrophy { background-color:#b4e0f8; border: 1px solid #79bbdf; }
.tab-content.EnglishTrophy .wrapper .booklogos { background-image: url(/img/series/logo/English_Trophy.png); }

.tab-content.ReadingMonster { background-color:#dff2b9; border: 1px solid #c0dc89; }
.tab-content.ReadingMonster .wrapper .booklogos{ background-image: url(/img/series/logo/Reading_Monster.png); }

.tab-content.ReadingTrophy { background-color:#fbeea9; border: 1px solid #e4d37b; }
.tab-content.ReadingTrophy .wrapper .booklogos { background-image: url(/img/series/logo/Reading_Trophy.png); }

.tab-content.ReadingCue { background-color:#fbd2a9; border: 1px solid #d47517; }
.tab-content.ReadingCue .wrapper .booklogos { background-image: url(/img/series/logo/Reading_Cue.png); }

.tab-content.ReadingCuePlus { background-color:#fde2c7; border: 1px solid #dab692; }
.tab-content.ReadingCuePlus .wrapper .booklogos { background-image: url(/img/series/logo/Reading_Cue_Plus.png); }

.tab-content.ReadingJuiceforKids { background-color:#fde2c7; border: 1px solid #deb489; }
.tab-content.ReadingJuiceforKids .wrapper .booklogos{ background-image: url(/img/series/logo/Reading_Juice_for_Kids.png); }

.tab-content.ReadingJuicePlus { background-color:#fde2c7; border: 1px solid #e4b588; }
.tab-content.ReadingJuicePlus .wrapper .booklogos{ background-image: url(/img/series/logo/Reading_Juice_Plus.png); }

.tab-content.InteractiveScience2nd { background-color:#b7e58e; border: 1px solid #9ad367; }
.tab-content.InteractiveScience2nd .wrapper .booklogos{ background-image: url(/img/series/logo/Interactive_Science.png); }

.tab-content.InteractiveSciencePlus2nd { background-color:#b7e58e; border: 1px solid #9ad367; }
.tab-content.InteractiveSciencePlus2nd .wrapper .booklogos{ background-image: url(/img/series/logo/Interactive_Science_Plus.png); }

.tab-content.WritingMonster { background-color:#fdfbc7; border: 1px solid #e5e28c; }
.tab-content.WritingMonster .wrapper .booklogos { background-image: url(/img/series/logo/Writing_Monster.png); }

.tab-content.TheBestGrammar { background-color: #e9fdc7; border: 1px solid #cae895;}
.tab-content.TheBestGrammar .wrapper .booklogos { background-image: url(/img/series/logo/The_Best_Grammar.png); }

.tab-content.TheBestGrammarPlus { background-color: #e9fdc7; border: 1px solid #cae895; }
.tab-content.TheBestGrammarPlus .wrapper .booklogos { background-image: url(/img/series/logo/The_Best_Grammar_Plus.png); }

.tab-content.GrammarCue2nd { background-color: #fbf08b; border: 1px solid #e6d960; }
.tab-content.GrammarCue2nd .wrapper .booklogos{ background-image: url(/img/series/logo/Grammar_Cue.png); }

.tab-content.GrammarCuePlus2nd { background-color: #9ecb4c; border: 1px solid #8bbc33; }
.tab-content.GrammarCuePlus2nd .wrapper .booklogos{ background-image: url(/img/series/logo/Grammar_Cue_Plus.png); }

.tab-content.GrammarJuiceforKids { background-color: #fff; border: 1px solid #89bd2a; }
.tab-content.GrammarJuiceforKids .wrapper .booklogos { background-image: url(/img/series/logo/Grammar_Juice_for_Kids.png); }

.tab-content.GrammarJuiceforJunior { background-color: #fff; border: 1px solid #89bd2a; }
.tab-content.GrammarJuiceforJunior .wrapper .booklogos{ background-image: url(/img/series/logo/Grammar_Juice_for_Junior.png); }

.tab-content.ListeningCue { background-color: #fef2f2; border: 1px solid #eac2c2; }
.tab-content.ListeningCue .wrapper .booklogos{ background-image: url(/img/series/logo/Listening_Cue.png); }

.tab-content.ListeningJuice { background-color: #eeddf3; border: 1px solid #91689d; }
.tab-content.ListeningJuice .wrapper .booklogos{ background-image: url(/img/series/logo/Listening_Juice.png); }

.tab-content.ListeningJuiceJump { background-color: #f9caa4; border: 1px solid #ecb78c; }
.tab-content.ListeningJuiceJump .wrapper .booklogos { background-image: url(/img/series/logo/Listening_Juice_Jump.png); }

.tab-content.LiteningJuiceforJunior { background-color: #dbe8fd; border: 1px solid #a9c1e6; }
.tab-content.LiteningJuiceforJunior .wrapper .booklogos { background-image: url(/img/series/logo/Litening_Juice_for_Junior.png); }

.tab-content.SpeakingCue { background-color: #fdfbd8; border: 1px solid #ebe8a7; }
.tab-content.SpeakingCue .wrapper .booklogos{ background-image: url(/img/series/logo/Speaking_Cue.png); }

.tab-content.SpeakingJuice { background-color: #d2ddf1; border: 1px solid #99b2e0; }
.tab-content.SpeakingJuice .wrapper .booklogos{ background-image: url(/img/series/logo/Speaking_Juice.png); }


.tab-content.on { display: block;}
.txt-bx { word-break: keep-all; padding-right: 2.5%; margin: auto; }
.txt-bx .age { font-weight: bold; display: inline-block; margin-bottom: 8px; margin-right: 10px; }
.txt-bx .series-txt { line-height: 1.3; font-size: 1.5rem; }
.cont-books { max-width: 100%; vertical-align: middle; text-align: center; position: relative; padding: 18px 20px; border: 1px solid #ddd; height: 330px;}
.cont-books .booksbox { position: relative;  max-width: 180px;  width: 100%;   max-height: 239px; margin: 0 auto;  display: block; text-align: center; height: 215px; line-height: 215px; }
.cont-books .books-cover { position: relative; /*max-width: 180px;*/ max-height: 215px; width: auto; margin: 0 auto; vertical-align: middle; line-height: 215px; zoom: 1; }
.cont-books .books-label { position: absolute; top: 0px; left: 0px; z-index: 9999; }
.cont-books h3 { color: #424242; font-size: 1.6rem; letter-spacing: -0.02rem; margin: 18px 0 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cont-books p { margin-bottom:18px; font-size:1.4rem; font-weight: 300; color: #4d4d4d; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; white-space: nowrap; }
.cont-books p span:after { content:':'; display:inline-block; padding:0 3px; }
.cont-books .cont-sample { color: #FFF; font-size: 1.4rem; line-height: 30px; font-weight: 300; background: #1f2a68; border-radius: 5px; cursor: pointer; max-width: 180px; margin: 0 auto; display: block; }
.mob-swipe-arrow { display: none; }

/******************responsive******************/

@media screen and (max-width:890px) {
    .sub .header-menu li a:hover, 
    .sub .header-menu li a:active ,
    .nav-mob { white-space: nowrap; -ms-overflow-style: none;  } 
    .nav-mob { background-color: #ececec; }
    .nav-mob::-webkit-scrollbar {display:none;}
    .nav-mob ul { background-color: #ececec; }
    .nav-mob li { display: inline-block; padding: 15px 15px; width: auto !important; background-color: #ececec;}
    
    .nav-mob .nav-tab.on a { font-weight: 700; color: #1f1f1f; }
}
@media screen and (max-width:768px) {
    .subcontent .l_wrapper.hnav { padding: 0; }
    .e-cont-tabbox, .cont-tabbox, .ab-cont-tabbox { display: none; }
    .cont-wrap , .vi-subcontent .cont-wrap { clear: both; width: 100%; margin-top: 25px; }
    .nav-mob .nav-tab  a { color: #1f1f1f; }
    .header-menu li.menu-tab05-mob a { padding: 13px 0; }
    .sub-tit { font-size: 3.6rem; }
    .cont-sch { display: none; }
    .nav-pc {right: 0px;}
    .nav-home { width: 30px; }
    .nav-home a { background-position: 10px center; }
    .nav-home:after { padding-left: 32px; }
    .subcontent .nav-pc { display: none; }
    .subcontent .nav-mob { display: block; width: 100%; }
    .series-tabbox { display: none; }
    .mo-cont-sereis { display: block; width: 100%; margin-bottom: 20px; padding: .8em .5em; border: 1px solid #999; background: url(../img/triangle.png) no-repeat 97%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
/*    .tab-content .wrapper .booklogos { padding: 0 1vh; }*/
/*    .tab-content .wrapper .booklogos { width: 30%; padding-right: 0%; padding-left: 20%; }*/
    
}
@media screen and (max-width:480px) {
    .header-menu li.menu-tab05-mob a { padding: 15px 0; }
    .sub .menu-tab05-mob a { padding: 8px 0; }
    .mob-swipe-arrow { display: block; position: fixed; width: 100%; z-index: 99999; opacity: 0.5; }
    .mob-right { position: absolute; top: 250px; width: 50px; right: -5px; }
    .mob-left { position: absolute; top: 250px; width: 50px; left: -5px; }
    .cont-books { height: 280px; padding: 15px; }
    .cont-books .booksbox { height: 165px; max-width: 130px; }
    .cont-books .books-cover { height: 165px; max-height:165px; line-height: 165px; vertical-align: baseline;  width: 100%; }
    .tab-content { height: auto;  }
    .txt-bx .age { display: block; margin-right: 0; }
    .txt-bx {padding: 1em;}
    .tab-content .wrapper .booklogos { min-width: 100px; max-width: 100%; padding: 0 2vh; background-size: 6em;}
}
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    .mob-swipe-arrow { display: block; position: fixed; width: 100%; z-index: 99; opacity: 0.5;}
    .mob-right, .mob-left { position: absolute; top: 30%; width: 50px; right: -5px; }
    .mob-left { left: -5px; }
}




/********************************************sub_view-page********************************************/


.container-top { margin: 30px 0; }
.container-top .top-cover { display: inline-block; float: left; padding: 25px 30px; border: 1px solid #ddd; margin: 0 auto; width: 160px; line-height: 1.5; }
.top-cover-sample{ text-align: center; width: 160px; border: 1px solid #1f2a68; font-size: 1.4rem; border-radius: 3px; margin-top: 13px; padding: 10px 0; }
.top-cover a { width: 100%; display: block; color: #1F2A69; }
.container-top .top-cover a span {   display: inline-block; width: 27px; height: 17px; background: url(../img/icon_sample.gif) 50% 50% / contain no-repeat; transition: all 0.2s ease-out; vertical-align: middle; margin: -2px 8px 0 0; }
.container-top ul { float: right; width: 70%; }
.container-top ul li:first-child { padding-top: 0; }
.container-top ul li { padding: 12.5px 0; background-image: linear-gradient(to right, #464646 33%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; }
.container-top ul li:nth-child(n+5) { background: none; }
.container-top ul li:last-child { overflow: hidden; padding-bottom: 0; }
.container-top ul h1 { font-size: 3.2rem; font-weight: 500; margin-top: -3px; color: #424242;  font-weight: 600; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
.container-top ul li span{  padding: 0 0 0 16px; background: url(../img/emphasis.gif) no-repeat 0px 6px; color:#3b3b3b; }
.container-top ul li:last-child span { display: block; padding-bottom: 13px; background: url(../img/emphasis.gif) no-repeat 0px 3px; }
.container-top ul li .tip { width: 100px; display: inline-block; }
.container-top ul li p {  display: inline-block;  font-weight: 300; }

.container-top .ico-box {background-color:#f9f9f9; border:1px solid #eee; margin:0 0 15px; padding: 0 20px; border-radius:2px;}
.container-top .ico-box div { width: 10%; min-width: 50px; float: left; margin-left: 1.14%; padding: 15px 0; text-align:center;}
.container-top .ico-box div:first-child { margin-left: 0; }
.container-top .ico-box input { margin: 0 auto; border: 1px solid #ddd; line-height: 16px; vertical-align: top; box-sizing: border-box; }
.container-top .sc-icon { background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 60%; font-size: 1.4rem; text-align: center; margin-top: 5px; letter-spacing: -0.05em; padding-top: 110%; }

.container-top .sc-icon label   { width: 100%; height: 100%; max-width: 75px; max-height: 75px; display: block; background-repeat: no-repeat; background-size: contain; margin: 0 auto; cursor: pointer; position: relative; padding-top: 8px; }
.container-top .sc-icon.syilabus  { background-image: url(../img/ico-data2_2.gif); color: #7b2377; }
.container-top .sc-icon.answer    { background-image: url(../img/ico-data9_2.gif); color: #87bd05; }
.container-top .sc-icon.test      { background-image: url(../img/ico-data3_2.gif); color: #03954a; }
.container-top .sc-icon.mp3       { background-image: url(../img/ico-data5_2.gif); color: #e18033; }
.container-top .sc-icon.flashcards { background-image: url(../img/ico-data4_2.gif); color: #7aa7e0; }
.container-top .sc-icon.worksheet { background-image: url(../img/ico-data7_2.gif); color: #925857; }
.container-top .sc-icon.th_guide  { background-image: url(../img/ico-data10_2.gif);color: #df9f01;  }
.container-top .sc-icon.others    { background-image: url(../img/ico-data8_2.gif); color: #3f3b3a; }
.container-top #selec {background-image: url(../img/down.svg); background-position-x: 2%; background-size: 21% 100%; width: 150px; float: right; height: 35px; padding: 0; border: 1px solid #1f2a68; overflow: hidden; position: relative; margin: auto; color: #1f2a68; border-radius: 2rem; font-size: 1.2em; max-width: 100%; vertical-align: middle; letter-spacing: 0.1em; text-indent: 25px; font-weight: 600; line-height: 35px; }


.container h5 { padding: 0 0 0 22px; background: url(../img/icon_chk.svg) 0% 50% no-repeat; background-size: 15px 15px; margin-bottom: 23px; font-size: 20px; font-weight: 500; }
.container-features, .container-lookinside { background-color: #f0f0f0; padding: 40px 0; margin-bottom: 40px; margin-bottom: 40px; font-size: 13px; }
.container-features p { padding: 5px 0; font-size: 13px; font-weight: 400; }
.container-features p span { line-height: 1.2; }
.container-components, .container-seemore { margin-bottom: 40px; }
.box-area .lt-side { float: left; width: 72%; border: 1px solid #c3ce23; }
.box-area .rt-side { float: right; width: 24%; }
.box-area .rt-side a{ display: block; margin-top:20px;  }
.box-area .rt-side a.active { display: block; margin: 0; border: 1px solid #c3ce23; }

.seemore { padding-bottom: 20px; position: relative; border: 1px solid #ddd; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; }
.seemore .swiper-container { position: relative; padding-top: 20px; max-height: 290px; }
.seemore .swiper-container .thumbnail { height: 186px; max-width: 160px; vertical-align: middle; position: static; margin: 0 auto; text-align: center; }
.seemore .multiline { width: 100%; max-width: 140px; color: #2c2c2c; line-height: 1.2; bottom: 0; font-weight: 500; height: 65px; overflow: hidden; margin: 10px auto; text-overflow: ellipsis; -webkit-line-clamp: 3; }
.seemore .prev, .seemore .next,
.seemore .sec2-prev, .seemore .sec2-next { width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; z-index: 2; opacity: 0.8; }
.seemore li { text-align: center; }

.seemore.sec1 { float: left; width: 36%;  max-width: 100%; }
.seemore.sec1 li.swiper-slide { min-width: 180px; max-width: 180px; }

.seemore .prev, .seemore .sec2-prev { left: 0px; background: url(../img/seemore_lt.gif) no-repeat 0 0; }
.seemore .next, .seemore .sec2-next { right: 0px; background: url(../img/seemore_rt.gif) no-repeat 0 0; }

.seemore .bullet, .seemore .sec2-bullet { width: 100%; text-align: center; }
.seemore .bullet span,
.seemore .sec2-bullet span { opacity: 1; width: 10px; height: 10px; vertical-align: middle; margin: 0 2px; cursor: pointer; background: #fff; border: 1px solid #969696; }
.seemore .swiper-pagination-bullet-active { background-color: #1f2a68 !important; margin-top: 20px; }


.container-back { margin: 50px 0; }
.container-back button { padding: 16px 80px; font-size: 1.8rem; border-radius: 3px; background: #565656; margin: 0 auto; display: block; color: #fff; cursor: pointer; }
 
 
@media screen and (max-width:890px) {
    .container-top ul { width: 67%; }
    .seemore-slide .thumbnail, .sec1-seemore-slide .thumbnail, .sec2-seemore-slide .thumbnail { height: 132px; }
}
@media screen and (max-width:768px){
    .container-top .top-cover {  float: none; border: none; display: block; width: 180px; padding: 0; text-align: center; padding-bottom: 20px; }
    .top-cover-sample { width: 180px; margin: auto; margin-top: 13px; }
    .container-top { margin: 30px 0; }
    .container-top ul { width: 100%; }
    .container-top ul h1 { text-align: center; }
    .container-top .sc-icon { font-size: 12px; }
    .container-top .ico-box { padding: 0 3%; }
    .container-top .ico-box input { width: 1.5rem; height: 1.5rem; }
    .box-area .lt-side, .box-area .rt-side{ width: 100%; clear: both; float: none; margin-bottom: 20px; border: 1px solid #c3ce23; }
    .box-area .rt-side a { margin-top: 0; }
    .box-area .rt-side a.active{ display: none; }
    .components-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; }
    .container-features p { line-height: 1.5; font-size: 13px; }
    .components-img { width: 800px;  margin-bottom: 10px; }
    .seemore.sec1 li.swiper-slide { min-width: inherit;  max-width: inherit; }
    .seemore.sec1 { float: none; width: 100%;  }
    .seemore , .seemore.sec2 { width: 100%; }
    .seemore .swiper-container { padding-top: 20px; }
    .seemore .multiline { height: 45px; }
    .container-back { margin: 36px 0 39px 0; }
    .container-back button { padding: 10px 80px; }
    .container .nav-pc { display: none; }
}

@media screen and (max-width:480px) {
    .container-top ul h1 { line-height: 1.5; }
    .container-top ul li p { font-size: 14px; }
    .seemore .bullet, .seemore .sec2-bullet { bottom: 15px; }
    .container-top ul li .tip{ width: auto; }
    .container-top .sc-icon {font-size: 10px; }

}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    body {-webkit-text-size-adjust: none;}
}
@media screen and (max-width:360px) {
    .container-top ul li a { width: 45px; }
    .container-top .sc-icon { font-size: 10px; }
    .container-top .ico-box input { top: 10px; }
}

/********************************************Resources********************************************/
.rs-subcontent { position: relative; height: 100%; overflow: hidden; }
#notice{ text-align: center; background: #fbd53f;  display: none; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;  z-index: 9999; }
#notice:after { background-image: url(../img/exclamation2.svg); top: 0; left: 0; position: absolute; background-size: 15%; background-position: 50% 37%; background-repeat: no-repeat; opacity: 0.1!important; filter: alpha(opacity=50); z-index: -1; content: ' '; width: 100%; height: 100%; }
#notice>p { font-size: 1.6rem; color: #272727; position: relative; top: 50%; line-height: 2; font-weight: 600; }

/*cont-resources*/
.cont-resources { padding: 0 0 30px 0; margin-bottom: 20px; max-height: 130px; position: relative; width: 95%; margin: 0 auto; }
.source-icon { width: 12.5%; min-width: 50px; float: left; padding: 1%; text-align: center; border-right: 1px solid #eee; box-sizing: border-box; }
.rs-subcontent label { 
    background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 60%; font-size: 1.4rem; text-align: center; margin-top: 5px; letter-spacing: -0.05em; padding-top: 110%;
}
.rs-subcontent #ico-data8 { margin-right: 0; border:none; }
#ico-data1 label { background-image: url(../img/ico-data2_1.gif); }
#ico-data1 input:checked + label { background-image: url(../img/ico-data2_2.gif); }
#ico-data2 label { background-image: url(../img/ico-data9_1.gif); }
#ico-data2 input:checked + label { background-image: url(../img/ico-data9_2.gif); }
#ico-data3 label { background-image: url(../img/ico-data3_1.gif); }
#ico-data3 input:checked + label { background-image: url(../img/ico-data3_2.gif); }
#ico-data4 label { background-image: url(../img/ico-data5_1.gif); }
#ico-data4 input:checked + label { background-image: url(../img/ico-data5_2.gif); }
#ico-data5 label { background-image: url(../img/ico-data4_1.gif); }
#ico-data5 input:checked + label { background-image: url(../img/ico-data4_2.gif); }
#ico-data6 label { background-image: url(../img/ico-data7_1.gif); }
#ico-data6 input:checked + label { background-image: url(../img/ico-data7_2.gif); }
#ico-data7 label { background-image: url(../img/ico-data10_1.gif); }
#ico-data7 input:checked + label { background-image: url(../img/ico-data10_2.gif); }
#ico-data8 label { background-image: url(../img/ico-data8_1.gif); }
#ico-data8 input:checked + label { background-image: url(../img/ico-data8_2.gif); }


.source-icon p { font-size: 12px; color: #353535; position: relative; }

/*cont-sch*/
.cont-sch { background-color: #f3f3f3; text-align: center; box-sizing: border-box; margin-bottom: 20px; height: 80px; position: relative; padding: 20px 0; }
.cont-schbox { position: relative; width: 534px; height: 41px; overflow: hidden; box-sizing: border-box; text-align: left; margin: 0 auto; }
.sch-sch {  background-color: #fff;  border: 3px solid #b2b2b2; width: 80%; height: 100%; box-sizing: border-box; color: #5c6067; font-size: 13px; float: left; }
.cont-schbox select { min-width: 90px; padding-left: 15px; border: none; background: #fff url(../img/icon_select.jpg) no-repeat 100% 50%; -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none;  appearance: none; }
.cont-schbox .keyword { line-height: 30px; width: 280px; border: none; text-indent: 10px; }
.cont-schbox .btnA { width: 100px; height: 100%; line-height: 38px; text-align: center; padding: 0; background-color: #1f2a68; color: #fff; display: inline-block; border: none; border-radius: 3px; position: absolute; right: 0; top: 0; margin-left: 10px; }

.cont-re-sch { background-color: #e8e8e8; text-align: center; height: 100px; margin-top: 25px; margin-bottom: 50px; }
.cont-re-schbox { top: 30%; position: relative; display: block; background: #fff; width: 70%; margin: 0 auto; }
.cont-re-schbox input { position: absolute; top: 0; left: 0; display: block; width: 100%; line-height: 15px;  margin: 0; border: 0; height: 40px; font-family: inherit; font-size: 15px; color:#989494; outline: 0; -webkit-appearance: none; box-shadow: none; text-indent: 8px; direction: ltr; }
.btnS{ background-image: url(../img/re-search.svg); background-repeat: no-repeat; background-size: 25px; background-position: 50%; display: inline-block; vertical-align: middle; position: relative; right: 0; text-align: right; float: right; background-color: #f7c600; width: 45px; height: 42px; }
.rs-subcontent input::placeholder { color: #b2b2b2; }

/*cont-re-list*/
.cont-re-list li:first-child {  border-top-width: 1px; border-style:  dotted; border-color: #969696; }
.cont-re-list li { padding: 15px ; border-bottom-width: 1px; border-style:  dotted; border-color: #969696; }
.cont-re-list li:last-child { margin-bottom: 20px; }
.cont-re-list .book-list-thumb { float: left; width: 135px; height: 180px; max-height: 200px; margin-right: 4%; width:20%; }
.book-list-thumb .img a { display: block; position: relative; height: 180px;  }
.book-list-thumb .img a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 155px; }
.cont-re-list .book-list-detail { float: left; width: 76%; }
.cont-re-list .book-list-detail .txt-wrap { padding-top: 3%; }
.cont-re-list .tit a { padding: 10px 0; font-size: 2.4rem; max-height: 62px; height: auto; font-weight: 600; text-overflow: ellipsis; overflow: hidden; color: #242424; white-space: normal; text-align: left; word-wrap: break-word; display: inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.add-service .source-icon { height: 70px; background-repeat: no-repeat; cursor: pointer; border: none; background-size: 85%; background-position: 50% 0%; width: 11.11%; min-width: 50px; margin: 0; }
.add-service .cont-resources { width:100%; padding: 0; background: none; border: none; text-align: inherit; margin-bottom: 0; height: auto; margin-left: -5px; }
.add-service #ico-data1 { background-image: url(../img/ico-data2_2.gif); }
.add-service #ico-data2 { background-image: url(../img/ico-data9_2.gif); }
.add-service #ico-data3 { background-image: url(../img/ico-data3_2.gif); }
.add-service #ico-data4 { background-image: url(../img/ico-data5_2.gif); }
.add-service #ico-data5 { background-image: url(../img/ico-data4_2.gif); }
.add-service #ico-data6 { background-image: url(../img/ico-data7_2.gif); }
.add-service #ico-data7 { background-image: url(../img/ico-data10_2.gif); }
.add-service #ico-data8 { background-image: url(../img/ico-data8_2.gif); }
.add-service .source-icon p { margin-top: 100%; }
.rs-subcontent .cont-schbox select{ display: none; }


@media screen and (max-width:768px) { 
    .rs-subcontent { display: none; }
    #notice { display: block; }
}

/********************************************index-Result********************************************/

 
.result-hd{ top: auto; background-color: #a0a0a0; position: relative; border-bottom: none; height: 140px; }
.result-hd .sch-input-wrap .sch-input input { background-color: #a0a0a0; }
.result-hd button.btn-search-close { display: none; }
.result-hd input::placeholder { color: #fff; }
.result-depth { display: none; position: absolute; top: 90px; right: 30px;}
#result-header-search { top: -300px; height: 150px; background-color: #a0a0a0; border-bottom: 1px solid; position: absolute; left: 0; width: 100%; z-index: 99; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; transition: all 0.55s ease; }
.result .result-sch-input-wrap { border-bottom: none; }
.result .result-sch-input-wrap .result-sch-input { position: relative; width: 65%; min-width: 500px; margin: 0 auto; padding-top: 35px; box-sizing: border-box; text-align: left; border-bottom: 1px solid #fff; }
.result-sch-input:after { content: ''; display: block; position: absolute; top: 60%; right: 0px; width: 19px; height: 21px; background: url(../img/header-inner-search.svg); background-repeat: no-repeat; cursor: pointer; }
.result-sch-input-close { font-size: 0; background: url(../img/header-inner-close.svg); background-size: cover; width: 15px; height: 15px; display: inline-block; top: 55px; right: 28px; position: absolute; cursor: pointer; }
.result input::placeholder { color: #fff; }
.result .result-sch-input-wrap .result-sch-input input.result-hd-search { width: 100%; height: 45px; border: none; margin: 0 auto; color: #fff; background-color: #a0a0a0; font-size: 22px; line-height: 1.3; text-indent: 0;  -webkit-transition: margin 0.30s ease; -moz-transition: margin 0.30s ease; -o-transition: margin 0.30s ease; transition: margin 0.30s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }

.result-bd { margin-top: 150px; }

.result .autoComplete_wrap { position: relative; width: 65%; min-width: 500px; margin: 0 auto; margin-top: -1px; padding-top: 0; box-sizing: border-box; text-align: left; top: auto; }
.result .autoComplete_wrap ul { line-height: 30px; padding: 0 23px 10px; padding-left: 0; border: 1px solid #272f64; background: #fff; width: auto;  margin: 0 auto; }
.result-tab {  text-align: center; margin: 40px auto; display: table; }
.result-tab a.on{  border-right: none; background-color: #f7c600; color: #302702; font-weight: 500; }
.result-tab a {  border: 1px solid #e1e1e1; padding: 0px 80px; display: table-cell; vertical-align: middle; height: 50px; font-size: 1.6rem; color: #a0a0a0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.result-txt { padding-bottom: 10px; font-size: 1.8rem; }
.txt-bold { font-weight: 600; }
.result-lv-tab { padding-bottom: 10px; }
.result-lv-tab a { display: block; float: left; font-size: 1.4rem; color: #bbb; height: 26px; line-height: 26px; padding:0 0 10px 0; letter-spacing: -0.02em; }
.result-lv-tab a:first-child { color: #565656; }
.result-lv-tab a:hover,
.result-lv-tab a:active { color: #565656; }
.result-lv-tab a:after { content: 'l'; display: inline-block; padding: 0 10px; }
.result-lv-tab a:last-child:after { display: none; }
.result .cont-books { box-shadow: 0px 5px 5px #cac9c9; }
.result .l_col { margin-bottom: 0; padding: 0 10px 20px; }
.result-box { margin-bottom: 50px;  }
.result .cont-re-list li { background: none; border: 1px solid #cac9c9; margin-bottom: 20px; box-shadow: 0px 5px 5px #cac9c9; }
.result .cont-re-list li:last-child { margin-bottom: 70px; }
.result .cont-re-list span { padding: 13px 0px 8px 16px; width: 45%; }
.result-box.on { display: block; }
.result-box { display: none; }

@media screen and (max-width:946px) {
    .l_col_t_4_12 { width: 33.3333%; }  
    .result .cont-re-list span { width: 35%; top: 25%; max-height: 100px; }

	.contents div.contents_catalog  > span{padding-top:5%;}
}

@media screen and (max-width:768px) {
    .result .l_wrapper.hnav { background: #a0a0a0;padding: 0; }
    .result .result-sch-input-wrap .result-sch-input , .result .autoComplete_wrap { width: 80%; min-width: 0; }
    .result .autoComplete_wrap ul { left: 0; position:inherit;}
    .result-tab { width: 80%; margin: 44px auto 44px auto; }
    .result-tab a { padding: 0; }

	.contents div.contents_catalog  > span{padding-top:0;}

}
@media screen and (max-width:640px) {
    .result-lv-tab { display: none; }
    .result-depth { display: block; } 
    .result .cont-re-list li { padding: 10px; }
}
@media screen and (max-width:480px){
    .result-hd { height: 120px; }
    .result .cont-re-list .source-icon { width: 30px; }
    
}

/********************************************e-learning********************************************/
.nav-last-el{ background: none; font-weight: 400 !important; }
.atit { color: #4c4c96; font-size: 2.4rem; font-weight: 500; padding: 10px 0 30px 0; background: url(../img/atit_top.png) no-repeat 0% 0%; }
/*.el-subcontent .nav-tit { width: 145px; }*/
/* TEXT */
.atxt { color:#6b6b6b; font-size:1.6rem; line-height:24px; letter-spacing:-0.03em; }
.atxt span { color:#444; font-weight: 500;}
.esuper .area .box { position:relative; margin-top:45px; }
.esuper .area .box .img { float: left; }
.esuper .area .box:first-child { margin-top:0; }
.esuper .area .box .txt { letter-spacing:-0.03em; overflow: hidden; padding-left: 20px; margin-top: 15px;}
.esuper .area .box .txt dt { color:#6773b3; font-size: 1.8rem; font-weight: 500; padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid #e3dede; }
.esuper .area .box .txt dd { font-size:16px; line-height:22px; color:#888; padding-left:14px; text-indent:-14px; margin-top:10px; }
.esuper .area .box .txt dt + dd { margin-top:0; }
.esuper .area .box .txt dd span { color:#444; }
.fort { margin-bottom: 50px; }
.bbtn { display:inline-block; line-height:46px; height:46px; text-align:center; color:#fff; font-size:18px; background:#1f2a68; border-radius:3px; padding:0 25px; }
.bbtn.last { display: block; width: 150px; margin: 0 auto; }
.el-subcontent .cont-tab.active a {  font-size: 1.6rem;  text-indent: 5px; background: url(../img/tab_on.jpg) no-repeat #ffcc00; color: #1f1f1f; font-weight: 700; text-decoration: none !important; }
.el-subcontent .cont-tab.active a:after { background: url(../img/tab_arrow_on.png) 95% 50% / contain no-repeat #ffcc00; }
.el-subcontent .cont-tab a {  font-size: 1.4rem;  text-indent: 30px; padding-left: 15px; background: url(../img/depth_non.png) 25px center no-repeat; color: #565656; background-color: #eee; font-weight: 400; }
.el-subcontent .cont-tab.on a { text-decoration: underline; background: url(../img/depth.gif) 25px center no-repeat; color: #f48120; background-color: #eee; padding: 12px 0px 12px 15px; }
.el-subcontent .cont-tab a:after { content: ' '; display: inline-block; background: none; }

@media screen and (max-width:768px) {
    .el-subcontent .l_wrapper.hnav { padding: 0; }
    .esuper .area .box .img { float: none; }
    .esuper .area .box .txt dt { padding-top: 30px; }
}
@media screen and (max-width:480px){
    .nav-last-el { padding: 10px 5px; }
}
@media screen and (max-width:360px){

    .sub-tit { font-size: 33px; }
    .nav-last-el { padding: 10px 0px; }
}

/********************************************About us********************************************/
.nav-last.ab { background: none; }
.intro .atit { padding-bottom: 15px; }
.ab-subcontent .line { border-bottom: 1px solid #eee; }
.intro h3 { font-weight: 500; font-size: 1.8rem; line-height: 30px; color: #333; background: url(../img/intro_back.png) left 36% no-repeat; padding: 20px 0 15px 15px; }
.intro .atxt { padding: 20px 15px; }
/*.ab-cont-tabbox { float: left; width: 200px; margin-right: 50px; }*/
.ab-cont-tabbox .ab-cont-tab.active a { position: relative; font-size: 1.6rem; text-indent: 5px; background: url(../img/tab_on.jpg) no-repeat #ffcc00; color: #1f1f1f; font-weight: 700; text-decoration: none !important;
display: block; width: 100%; min-height: 45px; margin-top: -1px; padding: 12px 33px 12px 18px; text-align: left; margin-bottom: 2px; line-height: 1.3; box-sizing: border-box; -webkit-box-sizing: border-box; }
.ab-cont-tabbox #cont-h1>a:after { width: 20px; height: 20px; margin: 0px 0 0 10px; content: ' '; display: inline-block; position: absolute; top: 13px; right: 13px;
background: url(../img/tab_arrow_dw.png) 95% 50% / contain no-repeat #ffcc00; }
.ab-cont-tabbox #cont-h1 a { position: relative; font-size: 1.6rem; text-indent: 5px; background: url(../img/tab_on.jpg) no-repeat #ffcc00; color: #1f1f1f; font-weight: 700; text-decoration: none !important; display: block; width: 100%; min-height: 40px; margin-top: -1px; padding: 10px 33px 10px 18px; text-align: left; margin-bottom: 2px; line-height: 1.3; box-sizing: border-box; -webkit-box-sizing: border-box;}
.ab-cont-tabbox .cont-tab a { font-size: 1.4rem;  text-indent: 30px; padding-left: 15px; background: url(../img/depth_non.png) 25px center no-repeat; color: #565656; background-color: #eee; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ab-cont-tabbox .cont-tab a:after { display: none; }
.ab-cont-tabbox .cont-tab.on a{ text-decoration: underline; background: url(../img/depth.gif) 25px center no-repeat; color: #f48120; background-color: #eee; }
.ab-cont-tabbox .cont-tab.on a:after {content: ' '; display: inline-block; background: none; }
.tbl-list { width:100%; display: none; margin-bottom: 50px; }
.tbl-list table { margin-bottom: 20px; } 
.tbl-list thead { background: #fff3c5; border-top: 2px solid #ffcc00;  }
.tbl-list tbody { border-bottom: 1px solid #ddd; }
.tbl-list tr:nth-child(even) { background-color: #eee; }
.tbl-list th strong { display:block; font-size:16px; padding:15px 0; color:#000; text-align:center; font-weight:600; }
.tbl-list td:first-child { border-left: none; padding: 15px 0px; }
.tbl-list td { text-align:center; font-size:1.4rem; padding:15px 10px;  }
.tbl-list .subject { text-align:left; }
.tbl-list .subject span { color:#444; }


/* TABLE VIEW */

.contact { display: none; }
.inform { background-color: #f7f5ea; }
.inform article { padding: 30px;  margin: auto;}
.inform article p { line-height: 1.4; font-size: 1.4rem; }
.inform article em { font-weight: 600; font-size: 1.4rem; width: 65px; display: inline-block; }
form#reg1{ padding-bottom: 30px; border: 1px solid #c7c5bb; margin-top: 15px;  }
fieldset#personal {  margin: auto; padding: 30px; }
fieldset#personal p { padding: 5px; }
fieldset#personal label { float: left; width: 85px; height: auto; }
fieldset#buttons { text-align: center; }
fieldset #submit { line-height: 46px; height: 46px; color: #fff; font-size: 1.8rem; border: none; background: #1f2a68; border-radius: 3px; padding: 0 40px; cursor: pointer; }
fieldset #name{ width: 320px; }
fieldset #email{ width: 320px; }
fieldset #subject{ width: calc(100% - 95px); }
fieldset #message { overflow-y: scroll; width: calc(100% - 91px); height: 200px; }
fieldset input { -webkit-appearance: none; -webkit-border-radius: 0; border-width: 1px; }

.tbl-list-page {text-align: center;}
.pagination {display: inline-block;}
.pagination a { color: black; float: left; padding: 8px 12px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; }
.pagination a.active { background-color: #4c4c96; color: white; border: 1px solid #4c4c96; }
.pagination a:hover:not(.active) {background-color: #ddd;}

@media screen and (max-width:768px) {
    .ab-subcontent .l_wrapper.hnav { padding: 0; }
    .vi-subcontent .l_wrapper.hnav { padding: 0; }
    .atit { background-size: 22px 2px; }
    fieldset#personal label { width: 100%; padding-bottom: 5px; } 
    fieldset#personal input, fieldset #message { width: 100%; }
    .inform article em { width: auto; }
    .about .cont-wrap {margin-top: 25px;}
}

@media screen and (max-width :480px){
    .nav-depth select { width: 155px; }
    .intro .alogo span{ margin: 0 !important; }
    .intro h3 { background-position: left 15px; }
    .pagination a { padding: 8px 10px; }
}

.faqs { display: none; }
.vi-subcontent .nav-depth .dropdown { padding-right: 20px; } 
.vi-subcontent .nav-depth select { /*width: 100%; min-width: inherit; padding: 0 20px;background: url(../img/triangle.png) no-repeat 100%;*/ width:170px; } 
.faq_list { width:100%; margin-top:0; border-top:2px solid #444; border-bottom:2px solid #444; }
.faq_list li { font-size: 1.6rem; border-bottom:1px solid #ddd; }
.faq_list li div.q { padding:0 12px 0 18px;}
.faq_list li div.q a { display:block; width:100%; height:100%; padding:12px 0; line-height:150%; }
.faq_list li strong { font-weight:bold; color:#666; font-size: 1.6rem; }
.faq_list li div.q span { color:#777;}
.faq_list li div.a { position: relative; background: #f2f2f2; padding: 20px 40px 20px 18px; border-top:1px dashed #ccc; word-wrap:break-word; font-size: 1.4rem; color: #565656; line-height: 22px;}
.faq_list .fold div.a { display:none; }
.faq_list li div.a strong { color: #d03e10; }
.faq_list li div.a span { display: inline-block; position: relative; right: -25px; top: -22px; }
.faq_list .unfold div.a { display:block; }
.faq_view { font-size:14px; }
.faq_view span { font-weight:bold; color:#950693; }

.faqs-page { text-align: center; margin-top: 30px; }  
    
    
/********************************************Home-learning********************************************/

.homeln .cont-books h3 { white-space: normal; overflow: hidden;  text-overflow: ellipsis; line-height: 1.3; min-height: 2.5em; max-height: 4em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.homeln .cont-books p { white-space: normal; }
.homeln .cont-books{ height: auto; min-height: 380px; }

@media screen and (max-width:768px) {
    .homeln .l_wrapper.hnav { display: none; }
    
}
@media screen and (max-width :480px){
    .homeln .cont-books{ height: auto; min-height: 330px; }
    
}

/********************************************Video********************************************/

    .videolist_Box { text-align: left; }
    .videolist_Box .video_List h3 { font-size: 20px; font-size: 20px; }
    .videolist_Box .video_List ul { overflow: hidden; display: table; table-layout: fixed; width: auto; min-width: 100%; }    
    .videolist_Box .video_List ul li { width: 20%; padding: 0.8em; border: 1px solid #cacaca; margin-right: -1px; background: #fff; text-align: center; display: table-cell; }
    .videolist_Box .video_List ul li a { font-size: 20px; display: block; }
    .videolist_Box .video_List ul li:hover a { color: #235FB0; }    /*.videolist_Box .video_List ul li:hover { border-color: #235FB0; }*/
    .videolist_Box .video_List ul li.on { border-color: #235FB0; border-bottom: 4px solid #235FB0; }
    .videolist_Box .video_List ul li.on a { color: #235FB0; font-weight: bold; border-color: #235fb0; }
    .videolist_Box .video_box { display: none; }
    .videolist_Box .video_boxul { overflow: hidden; margin: 0 -10px; }
    .videolist_Box .video_boxul li { width: 33.3333%; float: left; box-sizing: border-box; padding: 0 10px; }    
    .videolist_Box .video_boxul li a:hover { color: inherit; }
    .videolist_Box .video { overflow: hidden; margin-bottom: 20px; border: 1px solid #b1b1b1; }
    .videolist_Box .video:hover { border-color: #3a80c7; }
    .videolist_Box .text { margin: 10px; text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 1em; line-height: 1.2; height: 2.8em; color: #4d4d4d; }
    .videolist_Box .text span { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em;}

    .videolist_Box .cover { position: relative; }
    .videolist_Box .video:hover .ytp-large-play-button-bg { -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); fill: #f00; fill-opacity: 1;}
    .videolist_Box .ytp-button { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 63; background: transparent;     cursor: pointer; }
    .videolist_Box .cover svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }    
    
    .videolist_Box .video_box.on { display: block; }    

	/*상세페이지 동영상목록 추가*/
	.videolist_Box .video_list{margin:40px auto; padding:0 2rem;}
	.videolist_Box .video_list .slick-track{min-width:100%;}
	.videolist_Box .video_list .slick-slide{padding:0 0.7rem;}
	.videolist_Box .video_list .slick-arrow{background:no-repeat center / auto 100%; width:1.6rem; height:30px; margin-top:-20px;}
	.videolist_Box .video_list .slick-arrow.slick-disabled{opacity:0.3;}
	.videolist_Box .video_list .slick-prev{background-image:URL('/img/bg_video_prev.png'); left:0; z-index:2;}
	.videolist_Box .video_list .slick-next{background-image:URL('/img/bg_video_next.png')}
	.videolist_Box .video_list .slick-prev:before, .videolist_Box .video_list .slick-next:before{color:transparent;}
	.videolist_Box .video_list .video{border:none; margin-bottom:0;}
	
	
    @media screen and (max-width:480px) { 
        .videolist_Box .video_boxul li { width: 50%; }
        .videolist_Box .ytp-button { width: 58px; height: 38px; }
        }
  @media screen and (max-width:640px) { 
		.videolist_Box .video_list .slick-slide{opacity:0.5;}
		.videolist_Box .video_list .slick-slide.slick-center{opacity:1;}
	}

/********************************************termofuse********************************************/
.tou-subcontent .cont-wrap { float: none; width: 100%; }
.tou-subcontent .sub_contents { color: #666; border-top: 1px solid #ededed; padding-top: 10px; }
.tou-subcontent h3 { font-weight: 600; font-size: 1.6rem; line-height: 2; }
.tou-subcontent p { line-height: 1.2; }
   @media screen and (max-width:768px) { 
        .tou-subcontent .l_wrapper.hnav {
            padding: 0;
        }
}