@charset "utf-8";
 *{
	 margin:0px;
	 padding:0px;
 }
 
 a
 {
	 color:inherit;
	 text-decoration:none;
 }
 
 img
 {
	 width:100%;
 }
 
 /*A*/
 
 #a_maintop
 {
	 position:relative;

 }
 
.a_maintop_center
 {
	 position:absolute;
	 width:100%;
	 height:140px;
	visibility:hidden;
	 margin:0px auto;
	 left:0px;
	 right:0px;
	 top:0px;
 }
 
 .phone_menu
 {
	position: absolute;
    width: 60px;
        height: 60px;
        top: 10px;
        right: 10px;
        background-image: url(../19image/index/phone_open.png);
        background-repeat: no-repeat;
        background-size: cover;
 }
 

 
 .a_lefttop
 {
	 position:absolute;
	 left:10px;
	 top:10px;
	 padding:10px;
 }
 
 .a_lefttop > ul
 {
	 position:relative;
 }
 
 .a_lefttop > ul > li
 {
	 display:inline-block;
	 font-size:0.9rem;
	 color:#ffffff;
	 padding:0px 10px;
 }
 
  .a_lefttop > ul > li > a
  {
	  display:inline-block;
	  width:100%;
	  height:100%;
  }
 
 
 .a_righttop
 {
	 position:absolute;
	 right:10px;
	 top:10px;
	 padding:10px;
 }
 
[class ^="pc"]
{
	display:none;
}
 
[class $="_pic"]
{
	display:none;
}
 
 
.a_righttop > ul
  {
	  position:relative;
  }
 
 .a_righttop > ul > li
   {
	 display:inline-block;
	 font-size:0.9rem;
	 color:#ffffff;	   
	 padding:0px 10px;
   }
   
.a_righttop > ul > li > a
{
	display:inline-block;
	width:100%;
	height:100%;
}

.a_maintop_bottom
{
	position: relative;
    top: 80px;
}

.a_mainmenu_include
{
	position:fixed;
	width:100%;
	z-index:10;
	height:80px;
}
 
.a_mainmenu
{
	position: relative;
    
    z-index: 1;
}

 .a_menu_area
 {
		background-color: rgba(255, 255, 255, 0.9);
 }

.a_menu_left_logo
{
	font-size:1rem;
	position:relative;
	height:80px;
}

.a_menu_left_logo >div 
{
	display: flex;
    justify-content: center;
    align-items: center;
}

/****/


.phone_menu_toparea
{
	position: relative;
    height: 105px;
    background-color: #282828;
    border-bottom: 5px solid #dddddd;
}



.phone_menu_close
{
	position:absolute;
	width:50px;
	height:50px;
	top:20px;
	right:20px;
	background-image:url('../19image/index/phone_close.png');
	background-repeat:no-repeat;
	background-size:cover;
	z-index:110;
}

.phone_menu_toparea > ul
{
	position:relative;
	padding:6px;
}

.phone_menu_toparea li
{
	display: inline-block;
    box-sizing: border-box;
}

.phone_menu_toparea li img
{
	width:100%;
}

.phone_menu_toparea li>a
{
	
	width:100%;
	height:100%;
}

/****/

.a_menu_right_select
{
	position: fixed;
     margin-right: -100%;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background-color: #535353;
        z-index: 110;
        color: #ffffff;
		font-size:1rem;
}


.a_menu_right_select > div > ul
{
	position:relative;
	list-style-type:none;
}

.a_menu_right_select > div > ul > li
{
	position: relative;
    vertical-align: top;
    font-size:1.125rem;
    font-weight: bold;
    padding: 20px 0px 20px 0px;
	border-top: 2px solid #121212;
}

.a_menu_right_select > div > ul > li > span
{
	position:relative;
	display:inline-block;
	padding-left:10px;
	word-break: keep-all;
	font-size:1.3rem;
}


.a_menu_right_select > div
{
	position:relative;
}
 





.sub_menu_block
{
	position:absolute;
	top:100px;
	height:190px;
	display:none;
	z-index:10;
	width:100%;
	margin:0px auto;
	background-color:#b6a49a;
} 




.sub_menu > li
{
    padding: 10px 0px 10px 20px;
    font-weight: normal;
    word-break: keep-all;
    font-size: 1.2rem;
}

.sub_menu
{
	display:none;
	list-style-type:none;
	padding-top:10px;
}


.sub_menu_2line
{
	line-height:1.2;
}

.sub_menu > li:hover
{
	 background-color:rgba(60,75,44,0.5);
	 color:#ffd950;
}


.sub_menu > li > a
{
	display:inline-block;
	width:100%;
	height:100%;
}

#a_push
{
	position:relative;
	top:80px;
}

 
  /*B*/
 
 #b_quickmenu
 {
	 position:relative;
	 background-color:#212326;
	 color:#ffffff;
 }
 
  #b_quickmenu > ul
  {
	  position:relative;
	  display:flex;
	  height: 100%;
      align-content: center;
      flex-wrap: wrap;
	  list-style-type:none;
	  justify-content: space-around;
  }
  
 #b_quickmenu > ul > li
	{
padding: 10px 0px;
        width: 50%;
        text-align: center;
        border: 1px solid #dadada;
        box-sizing: border-box;
	}

 #b_quickmenu > ul > li > a
 {
	 display:inline-block;
	 width:100%;
	 height:100%;
 }
  
 
  /*C*/
 
 #c_promotion_banner
 {
	 position:relative;
	 background-color:#f3f3f3;
	 display: flex;
      justify-content: center;
      align-items: center;	 
	  gap:10px;
	padding: 80px 0px 80px 0px;
        flex-direction: column;
 }
 
 #c_promotion_banner > h2
 {
	 position:relative;
	 padding:20px 0px;
	 text-align:center;
 }
 
  #c_promotion_banner > h2>span
  {
	  display:block;
  }
 
 #c_promotion_banner>div
 {
	 position:relative;
	display:flex;
	width: 100%;
flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
 }
 
  #c_promotion_banner>div>div
  {
	 position:relative;
	 border-radius:20px;
	transition:all 0.2s;
	overflow:hidden;
  }
  
  #c_promotion_banner>div>div:hover
  {
	  transform:scale(1.02);
	  opacity:0.9;
	  
  }	  
 
/*D*/
 #d_show_seedlearn
 {
	 position:relative;
 }
 
 .d_show_result
 {
	 position:relative;
	 text-align:center;
	 font-size:0px;
	 padding-top: 20px;
 }
 
 .d_show_certificate
 {
	 	 position:relative;
	 text-align:center;
	 font-size:0px;
	 padding: 20px 0px;
 }
 
 .d_show_left
 {
	 position:relative;
background-color: #212326;
        color: #ffffff;
		padding:25px 0px;
 }
 
  .d_show_left_certi
  {
	 position:relative;
	 padding:25px 0px;
	background-color: #212326;
        color: #ffffff;
  }
 
  .d_show_left>div
  {
	position:relative;
  }
  

  
    .d_show_left>div>h4, .d_show_left_certi>div>h4
	{
		position: relative;

        font-size: 1.5rem;
	}
	.d_show_left>div>h3, .d_show_left_certi>div>h3
	{
		position: relative;

        font-size: 0.9rem;
		
	}
	
	.d_show_left>div>h3>div, .d_show_left_certi>div>h3>div
	{
		font-size:0.8rem;
		padding-top:10px;
	}
	
	.d_show_left>div>h3>div>div
	{
		display:inline-block;
	}
  
.d_show_right
{
	position:relative;
	background-color: #e9e9ea;
    text-align: left;
	padding:20px 0px;
}

.d_show_right_certi
{
	position:relative;
	padding:25px 0px;
	background-color: #e9e9ea;
    text-align: left;	
	justify-content: center;
}

.d_show_right>div
{
	position:relative;
	font-size:1rem;
	display: flex;
flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
}

.d_show_right_certi>div
{
	position:relative;
	height:140px;	
	font-size:1rem;
	display: flex;
        flex-direction: row;
        flex-wrap: wrap;
		justify-content: space-around;
        align-items: center;
}

.d_show_result_talk
{
        position: relative;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        height: 45%;
}

.d_show_result_talk > a
{
	      display: flex;
		  width:100%;
		  height:100%;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
}

.d_show_result_talk:hover
{
	border:1px solid #aaaaaa;
	background-color:rgba(255,255,255,0.9);
	cursor:pointer;
}

.d_show_result_cont
{
	position:relative;
        white-space: wrap;
        text-overflow: ellipsis;
		        overflow: hidden;
}

.d_show_result_certi
{
	position:relative;
	text-align:center;
}
.d_show_result_certi>a
{
	width:100%;
	height:100%;
}

.d_show_notice
{
	position:relative;
	padding-top:20px;
	padding-bottom:100px;
}

.d_show_notice>h3
{
	position:relative;
	border-top:2px solid #212326;
	padding:10px 10px;
	display:flex;
	        justify-content: space-between;
			padding-left:10px;
}

.d_show_notice>h3>span
{
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#dadada;
	display:flex;
	justify-content: center;
        align-items: center;
}

.d_show_notice>h3>span>a
{
	width:100%;
	height:100%;
	display:inline-block;
	text-align:center;
}

.d_show_notice>h3>span:hover
{
	color:#ffffff;
	background-color:#212326;
}

.d_show_notice>ul
{
	position:relative;
	padding:10px 0px;
	list-style-type:none;
}

.d_show_notice>ul>li
{
	padding:10px 10px
}

.d_show_notice>ul>li:hover
{
	text-decoration:underline;
	font-weight:bold;
	
}


.d_show_real_movie
{
	position:relative;
	height:150px;
	background-color:mintcream;
}
 
 /*E*/
 #e_seedlearn_holdings
 {
	 position:relative;

	 background-color:#2c2f34;
	 padding:20px 0px;
 }
 
  #e_seedlearn_holdings>div
  {
	position:relative;
	display:flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    height: 100%;
	flex-direction: column;
  }
  
#e_seedlearn_holdings>div>div
{
	padding:20px 0px;
	color:#ffffff;
}
 

  
 
 /*F*/
 #f_info_bottom
 {
	 position:relative;
	 background-color:#212326;
 }
 
  #f_info_bottom > div
  {
	  position:relative;
	  font-size:0px;
	  display: flex;
        justify-content: center;
        align-items: center;
		flex-direction: column;
        flex-wrap: wrap;
  }

.f_info_left
{
	position:relative;
	font-size:1rem;
	display:inline-block;
	padding:20px 10px;
}

.f_info_left>h3
{
	position:relative;
	color: #b0e577;
    font-size: 1.5rem;
    letter-spacing: 5px;
}

.f_info_left>div
{
	position:relative;
	font-size:3rem;
	color:#ffffff;
}

.f_info_left>h4
{
	position:relative;
	color:#adadad;
}


.f_info_right
{
	position:relative;
	font-size:1rem;
	display:inline-block;
	
	padding: 30px 0px;
    color: #dadada;
}


.addr
{
	position:relative;
	font-size:0.75rem;
	padding:10px 0px;
	font-weight:bold;
	text-align: center;
}

.addr > div > span
{
	position:relative;
	display:block;
}

.addr > div > span::after
{
	content:"|";
	color:#dddddd;
	padding:0px 20px;
}


.addr > div > span::after
{
	content:none;
}

/**/

.a_main_notfirst
{
	height:80px!important;
	background-image:none!important;
	background-color:#212326;
}


/*de B*/
#b_de_sort_title_area
{
	position:relative;

}

#b_de_sort_title_area > div:first-child
{
	position:relative;
	border-bottom:1px solid #dadada;
}

.b_de_sort_view
{
	position:relative;
	display:flex;
	flex-direction: row;
        flex-wrap: wrap;
		        justify-content: center;
}

.b_de_sort_title
{
        position: relative;
        display: inline-block;
        padding: 15px 30px;
        /* font-size: 0.9rem; */
        background-color: #2c2f34;
        color: white;
        border: 1px solid #7c7c7c;
		width: 50vw;
        box-sizing: border-box;
}

.b_de_sort_selected_title
{
	position:relative;

	text-align:center;
	background-image:url("../19image/index/main_movie_talk.jpg");
	background-size: cover;
	background-position:center;
	padding: 90px 0px;
    font-size: 3rem;
	border-bottom: 2px solid #8f6a00;
	color:#ffffff;
}

/*de C*/
#c_de_contents_main
{
	position:relative;
}

.c_de_seedlearn_example
{
	position:relative;
	padding:30px 0px;
	border-top:1px solid #3d4a2d;
	border-bottom:1px solid #3d4a2d;
}

.c_de_seedlearn_example>div
{
	position:relative;
}

.c_de_seedlearn_example>div>ul
{
	position:relative;
	list-style-type:none;
	display:flex;
	justify-content: space-around;
    text-align: center;
	border-bottom:1px solid #3d4a2d;
}

.c_de_seedlearn_example>div>ul:first-child
{
		background-color:#efefef;
}

.c_de_seedlearn_example>div>ul>li
{
	display:flex;
	align-items: center;
        justify-content: center;
        padding: 10px 0px;
}


.c_de_seedlearn_example>div>ul>li:nth-child(1)
{
	width:50px;
}

.c_de_seedlearn_example>div>ul>li:nth-child(2)
{
	width:200px;
}

.c_de_seedlearn_example>div>ul>li:nth-child(3)
{
	width:350px;
}

.c_de_seedlearn_example>div>ul>li:nth-child(4)
{
	width:450px;
}

.c_de_seedlearn_example>div>ul>li:nth-child(5)
{
	width:100px;
}

.review_cont
{
	width:1100px!important;
	padding:10px 30px!important;
}

.review_name
{
	width:150px!important;
}

.c_de_notice_no
{
	width:100px!important;
}

.c_de_notice_title
{
	width:850px!important;
}

.c_de_notice_date
{
	width:200px!important;
}


.c_de_notice_title:hover
{
	text-decoration:underline;
}

.notice_cont_titleline
{
	position:relative;
	border-top:1px solid #000000;
	border-bottom:1px solid #dadada;
	padding:20px 0px;
	color:#232323;
	display: flex;
	justify-content: space-between;
}

.notice_cont_contentline
{
	position:relative;
	border-bottom:1px solid #dadada;
	padding:20px 0px;
}

.notice_cont_bottomline
{
	position: relative;
    display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        align-content: center;
}

.notice_cont_bottomline>div
{
	position:relative;
}


/**/

.c_de_student_contents_work
{
	position:relative;
	padding:30px 0px;
	border-top:1px solid #3d4a2d;
	border-bottom:1px solid #3d4a2d;
}

.c_de_student_contents_work_view
{
	position:relative;
	display:flex;
	flex-wrap: wrap;
    flex-direction: row;
	justify-content: flex-start;
    gap: 15px;
}

.c_de_student_contents_work_view > div
{
	position:relative;
	width:590px;
	height:650px;
	background-color:#212326;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1rem;
	transition:all 0.3s;
}

.c_de_student_contents_work_view > div:hover
{
	transform:scale(1.02);
	background-color:#353d30;
}

/**/
.c_de_brand_area_each
{
	position:relative;
}

.c_de_brand_area_each > ul
{
	position: relative;
    list-style-type: none;

    border: 1px solid #dadada;
    padding: 10px;
    box-sizing: border-box;
	background-color: #212326;
        color: #f1f1f1;
}

.c_de_brand_area_each > ul > li
{
		display:flex;
		padding:20px 0px;
}

.c_de_brand_area_each > ul > li>div:nth-child(1)
{
	width:200px;
	display:flex;
	justify-content: center;
    color: #787878;
    font-size: 1rem;
    align-items: center;
}
.c_de_brand_area_each > ul > li>div:nth-child(2)
{
	display: flex;
    font-size: 1.2rem;
    align-items: center;
}

.brand_channel_link > span
{
	display:inline-block;
	padding:0px 12px 0px 0px;
	color:#464646;
}

.brand_channel_link > span>a[href]
{
	text-decoration:underline;
	color:#b0e577
}


/**/

#intro
{	
	position:relative;
	text-align:center;
}

#intro>img
{
	width:100%;
}

#intro_bg
{
	position:relative;
	background-color:#1b1b1b;
	color:#e3e3e3;
}

#history
{
	position:relative;
	text-align:center;
}

#history img
{
	width:95%;
}

#core_introduce
{
	position:relative;
	text-align:center;
	top:50px;
	line-height:2;
}

.core_ment
{
	position:relative;
	
}

.core_ment > ul
{
	position:relative;
	list-style-type:none;
	color:#ffce6c;
}

.core_ment > ul > li
{
	font-weight:bold;
	font-size:1.33rem;
	padding:70px 0px;
	
}

.core_real_img
{
	box-shadow:0 0 17px 9px #ddb97f;
}

.core_ment img
{
	width:80%;
}

.core_curriculum
{
	position:relative;
	padding:70px 0px;
}


#core_introduce hr
{
	box-shadow:10px 10px 6px #222000;
}

#core_introduce h1	
{
	position:relative;
	color:#ffbbc2;
}

#core_introduce h2	
{
	position:relative;
	margin:15px 0px;
	color:#ede040;
}

#core_introduce h3
{
	position:relative;
	border-bottom:1px dashed #ffffff;
}

#core_introduce h4	
{
	position:relative;
	margin:15px 0px;	
	color:#cdffbb;
}

#naver_view
{
	position:relative;
	height:1200px;	
	font-size:0px;
	padding-top:25px;
}

#computer_naver
{
	position:relative;
	width:450px;
	margin:0px auto;
	overflow:hidden;
	height:1200px;	
	display:inline-block;
}

.iframe_div
{
	position:absolute;
	width:450px;
	height:1200px;	
	/*
	margin-top:-76px;
	margin-left:-60px;
	*/
}

.naver_iframe
{
	position:relative;
	width:450px;
	height:1200px;
}

#comemethod
{
	position:relative;
	text-align:left;
}

#comemethod hr
{
	position:relative;
	margin:30px 0px;
}

.google_map
{
	text-align:center;
	position:relative;
	padding-bottom:20px;
}

/***/