@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

@font-face{font-family:"Noto Sans"; src:url(../resources/font/NotoSans-Regular.ttf) format('truetype');}
@font-face{font-family:"Sansation"; src:url(../resources/font/Sansation_Regular.ttf) format('truetype');}

/*reset*/
*{	font-family: 'Noto Sans', sans-serif; letter-spacing: -1px; background-repeat:no-repeat; background-position:center; margin : 0; padding : 0; border : 0; }
html,body {width: 100%; height: auto; border: none; }
body,div,p,span,table,th,td,ul,li,ol,dl,dt,dd,form,fieldset,input,textarea,select {margin: 0; padding: 0;}
body {line-height: 1;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight:normal;}
span{display:inline-block; width:auto;}
ol,ul,li,dl,dt,dd,p,em {list-style: none;}
fieldset {border: solid 0 transparent;}
button {border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; }
caption,legend,hr {display: none;position:absolute;overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0; line-height: 0;}
img {border: 0; font-size: 0; line-height: 0; vertical-align: top;}
ul {list-style: none;}
table{border-collapse:collapse;}
a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a:link,a:visited,a:active,a:hover {color: #fff; text-decoration: none;}

/*style*/
body { background-size:100% 4600px; }
div.skipNav	{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute; }
#skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute; }
.skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute; }
.Skipul ul li { position:relative; float:left;padding:0;margin:0; }
.skip { display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0; }
.skip:hover,.skip:active,.skip:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important; }



/*common*/
#MainheaderWrap,
.s_wrapper,
/*#Mainvisual	.slider_wrap	.slider_show,
#Mainvisual	.slider_wrap	.slider_list,*/
#Footer_cont										 			{width:100%; max-width:1280px;}

#Cont_wrap_box                       						 { position:relative;width:100%;text-align:center; }

.b_wrapper                    		     						{ position:relative; width:100%; z-index:2; margin:0 auto; margin-bottom:50px;} 
.b_wrapper:last-child      		  						  {margin-bottom:0;} 
.b_wrapper, #Mainvisual								{background-repeat:no-repeat; background-position:center; background-size:cover; }
.s_wrapper                    		 						     { position:relative; z-index:3; margin:0 auto; }
.Contents															{ position:relative; width:100%; margin:0 auto;}

.Contents .cont_topicon 								{width:50px; height:50px; margin-bottom:20px;}

.Contents h1 													{margin-bottom:40px;}
.Contents h3 													{margin-bottom:15px; color:#000000;}
.Contents h5 													{margin-bottom:50px; color:#666666;}

.text_hidden 				{display:none; overflow:hidden; visibility:hidden; font-size:0; width:0; height:0; margin:0; padding:0; position:absolute; }
.mqs_br 					{display:none; }

.font_Sansation 		{font-family: 'Sansation', sans-serif; }
.fweight_b 					{font-weight:bold;}
.fweight_n 					{font-weight:normal;}
.flh_15 						{line-height:1.5em;}
.fsize_13 						{font-size:13px;}
.fsize_14 						{font-size:14px;}
.fsize_15 						{font-size:15px;}
.fsize_16 						{font-size:16px;}
.fsize_18 						{font-size:18px;}
.fsize_20 						{font-size:20px;}
.fsize_22 						{font-size:22px;}
.fsize_25 						{font-size:25px;}
.fsize_30 						{font-size:30px;}
.fsize_40 						{font-size:40px;}



/*header*/
#Mainheader																			{ position:fixed; width:100%; height:150px;top:0;left:0;z-index:1000; background-color:#F0F8FF; /*background:linear-gradient(45deg, #fff 0%, #EEF8FF 100%);*/ box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
#Mainheader::after																{content:''; position:absolute; display:block; width:100%; height:1px; background:#ddd; bottom:5px; z-index:1001;}
#MainheaderWrap																		{display:flex; justify-content: space-between; align-items: center; margin:0 auto; height:100%;}
#MainheaderWrap *                                                                     {transition:all 0.2s;}
#MainheaderWrap 	#logo																	{width:341px; height:60px;}
#MainheaderWrap 	#logo a																	{display:inline-block; width:100%; height:100%; background-image:url(../resources/img/layout/logo_color.png); }
#MainheaderWrap 	#menulist															{ width:auto; height:auto;}
#MainheaderWrap 	#menulist .Gnb													{display:flex; width:100%; z-index:120; flex-wrap: wrap;}
#MainheaderWrap 	#menulist .Gnb li,
#MainheaderWrap 	#menulist .Gnb .dropdown                                {display:inline-block; width:auto; min-width:100px; max-width:110px; height:100px; text-align:center; border-radius:10px; margin-left:10px; margin-right:10px; }
#MainheaderWrap 	#menulist .Gnb li:last-child 								{margin-right:0;}
#MainheaderWrap 	#menulist .Gnb li a 											{display:flex; flex-direction:column; justify-content: center; align-items: center; width:100%; height:100%; background-size:100%; background-position:center top; background-repeat:no-repeat;}
#MainheaderWrap 	#menulist .Gnb li a .imgbox							    {width:50px; height:50px;}
#MainheaderWrap 	#menulist .Gnb li a b                                        {width:100%; margin-top:10px; color:#0860A8; letter-spacing: 0;}

#MainheaderWrap 	#menulist .Gnb li.hd_link_relay a div.imgbox						{background-image:url(../resources/img/layout/hd_link_relay.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_link_tbl a div.imgbox						{background-image:url(../resources/img/layout/hd_link_tbl.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_btn_teacher a div.imgbox						{background-image:url(../resources/img/layout/hd_btn_teacher.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_btn_student a div.imgbox						{background-image:url(../resources/img/layout/hd_btn_student.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_btn_remocon a div.imgbox						{background-image:url(../resources/img/layout/hd_btn_remocon.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_btn_manual a div.imgbox						{background-image:url(../resources/img/layout/hd_btn_manual.png);}
#MainheaderWrap 	#menulist .Gnb li.hd_link_sub a div.imgbox					           {background-image:url(../resources/img/layout/hd_link_sub.png);}

#MainheaderWrap 	#menulist .Gnb li:hover,
#MainheaderWrap 	#menulist .Gnb .dropbtn:hover,
#MainheaderWrap 	#menulist .Gnb .dropdown-content li:hover         {background-color:#DDF1FF;}
#MainheaderWrap 	#menulist .Gnb li:active,
#MainheaderWrap 	#menulist .Gnb .dropbtn:active,
#MainheaderWrap 	#menulist .Gnb .dropdown-content li:active         {background-color:#C0E4FF;}



/*드롭다운 버튼+내용 전체*/
#MainheaderWrap 	#menulist .Gnb .dropdown{
    position : relative;
    transition:all 1s;
}

/*드롭다운 header쪽 버튼*/
#MainheaderWrap 	#menulist .Gnb .dropdown .dropbtn{
    width:100%;
    height:100%;
    border-radius:10px;
    cursor : pointer;
}
#MainheaderWrap 	#menulist .Gnb .dropdown .dropbtn b{
    color:#0860A8;
    letter-spacing: 0;
}

/*드롭다운 내용 틀*/
#MainheaderWrap 	#menulist .Gnb .dropdown .dropdown-content{
    display:none;
    visibility: hidden;
    opacity:0;
    height:0;
}
/*.act {
    display: block;
    visibility: visible;
    opacity:1;
    height:100%;
}*/
#MainheaderWrap 	#menulist .Gnb .dropdown:hover .dropdown-content,
#MainheaderWrap 	#menulist .Gnb .dropdown.act .dropdown-content{
    display: block;
    visibility: visible;
    opacity:1;
    height:100%;
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content,
#MainheaderWrap 	#menulist .Gnb .dropdown:hover .dropdown-content{
    z-index : 10000; /*다른 요소들보다 앞에 배치*/
    position : absolute;
    top:100px;
    right:0;
    width:170px;
    padding:20px 0 0;
    background-color:transparent; 
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box{
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:calc(100% - 20px);
    padding:10px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
    background:#fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*드롭다운 내용 각각 상세*/
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box li{
  display : flex;
    flex-direction:row;
    margin:0 0 10px;
    width:100%;
    min-width:100%;
    height:auto;
  text-decoration : none;
    background-color:#F0F8FF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box li:last-child{
    margin-bottom:0;
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box li a{
    display : flex;
    flex-direction:row;
    justify-content: flex-start;
    width:calc(100% - 40px);
    height:100%;
    min-height:100%;
    padding:10px 20px;
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box li a .imgbox{
    width:25px;
    height:25px;
    background-size:100%;
    margin-right:10px;
}
#MainheaderWrap 	#menulist .Gnb .dropdown-content-box li a b{
    width:auto;
    margin:0;
}




/* 메인 이미지 슬라이드*/
#Mainvisual													{ position:relative; left:0; top:150px; width:100%; height:900px; max-height:900px; text-align:center; background-image:url(../resources/img/contents/s0_bg.png); }
#Mainvisual	.slider_wrap							{ width:100%; max-height:900px; margin:0 auto;}


#Mainvisual	.slider_wrap .prev,
#Mainvisual	.slider_wrap .next 					{display:block; position:absolute; width:49px; height:91px; top:50%;margin-top:-32px;padding:5px;z-index:10;}
#Mainvisual	.slider_wrap .prev 					{ left:20px;}
#Mainvisual	.slider_wrap .next 					{ right:20px;}

#Mainvisual	.slider_wrap	.slider_show								{width:100%; max-width:1250px; height:900px; position:relative; margin:0 auto; overflow:hidden;}
#Mainvisual	.slider_wrap	.slider_box									{width: 3600px; margin-left: -1250px; height:900px;/*margin-left:0;*/}
#Mainvisual	.slider_wrap	.slider_list									{ width:100%; max-width:1250px;position:relative; float:left; height:600px; overflow:hidden; margin-top:50px;}
#Mainvisual	.slider_wrap	.slider_list .custom_pic			{ float:left; width:1250px; height:600px; text-align:center; margin-top:0;}
#Mainvisual	.slider_wrap	.slider_list .custom_pic img 	{width:100%; height:100%;}

#Mainvisual	.slider_wrap	.slider_nav									{position:absolute; left:45%; bottom:155px; width:auto; max-width:100px; text-align:center;}
#Mainvisual	.slider_wrap	.slider_nav a 								{background:url(../resources/img/main/visual_off.png) left top no-repeat; display:inline-block; width:25px;height:25px; margin:0 2px; }
#Mainvisual	.slider_wrap	.slider_nav a.on 						{background:url(../resources/img/main/visual_on.png) left top no-repeat;}

#Mainvisual	.slider_wrap	.btns											{ position:absolute; left:53%; bottom:155px; width:80px; z-index:100;}
#Mainvisual	.slider_wrap	.btns a											{display:inline-block;  width:25px; height:25px; margin:0; border:0;}
/*
#Mainvisual	.slider_wrap	.btns a.play 								{background:url(../resources/img/main/visual_play.png) left top no-repeat;}
#Mainvisual	.slider_wrap	.btns a.stop 								{background:url(../resources/img/main/visual_stop.png) left top no-repeat;}
*/



/*팝업창 스타일*/
.popLayer 														{z-index:1002; display: none;position:absolute;	background-color: #AA2F36; width:670px; height:355px; background-position:center top; background-repeat: no-repeat; background-image:url(../resources/img/layout/popup_bg.jpg); 
}
.popLayer 	* 													{background-position:center top; background-repeat: no-repeat; }
.popLayer   .popBtnClose							{width:63px; height:58px; float:right;}
.popLayer   .popBtnClose a 							{display:inline-block; width:100%; height:100%; background:url(../resources/img/layout/popup_btn_close.png);}

.popLayer   .popCont									{display:inline-block; position:relative; text-align:center; width:650px; height:280px; margin:10px; background-size:100%;}
.popLayer   .popCont#popC_teacher		{background-image:url(../resources/img/layout/popup_cont_teaher.png?v=1000);}
.popLayer   .popCont#popC_student		{background-image:url(../resources/img/layout/popup_cont_student.png);}
.popLayer   .popCont#popC_remocon		{background-image:url(../resources/img/layout/popup_cont_remocon.png);}
.popLayer   .popCont#popC_manual		{background-image:url(../resources/img/layout/popup_cont_manual.png);}

.popLayer   .popCont	.popBtns 			{width:90%; height:85%; display:flex; align-items: flex-end; align-content: flex-end;  justify-content: center; margin:0 auto;}
.popLayer   .popCont	.popBtns li 			{width:100%; display:flex;  justify-content: space-around;}
.popLayer   .popCont	.popBtns #teacher_download_id_form 			{display:flex; align-items: center; justify-content: center; height:55px;}
.popLayer   .popCont	.popBtns #teacher_download_id_form .text 			{font-weight:bold; color:#0376BB; margin-right:10px; font-size:15px; }
.popLayer   .popCont	.popBtns #teacher_download_id_form .input{width:250px; height:inherit; border:1px solid #aaa !important; border-radius: 5px; text-align:center; font-size:17px; padding:0 5px; letter-spacing: 1px; box-shadow:0 3px 0 0 #eee; font-weight: bold;}
.popLayer   .popCont	.popBtns #teacher_download_id_form .input::placeholder 			{color:#ccc;}

.popLayer   .popCont	.popBtns a 				{color:#000; border-radius:50px; width:30%; height:55px;}
.popLayer   .popCont	.popBtns a .img_box 				{display:inline-block; width:100%; height:100%; background-size:auto; background-position:center; background-repeat:no-repeat;}

.popLayer   .popCont	.popBtns a.md_win .img_box			{background-image:url(../resources/img/layout/menu_d_win.png);}
.popLayer   .popCont	.popBtns a.md_win 							{background-color:#E4F3FF; border:2px solid #0376BB;}
.popLayer   .popCont	.popBtns a.md_win:hover 				{background-color:#B2DDFF;}

.popLayer   .popCont	.popBtns a.md_and .img_box 			{background-image:url(../resources/img/layout/menu_d_and.png);}
.popLayer   .popCont	.popBtns a.md_and 							{background-color:#F8FFEC; border:2px solid #6A971F;}
.popLayer   .popCont	.popBtns a.md_and:hover 				{background-color:#CADCAB;}

.popLayer   .popCont	.popBtns a.md_ios .img_box			{background-image:url(../resources/img/layout/menu_d_ios.png);}
.popLayer   .popCont	.popBtns a.md_ios 							{background-color:#F3F3F3; border:2px solid #666666;}
.popLayer   .popCont	.popBtns a.md_ios:hover 				{background-color:#C7C7C7;}

.popLayer   .popCont	.popBtns a.md_etc .img_box			{background-image:url(../resources/img/layout/menu_d_etc.png);}
.popLayer   .popCont	.popBtns a.md_etc 							{background-color:#F3F3F3; border:2px solid #666666;}
.popLayer   .popCont	.popBtns a.md_etc:hover 				{background-color:#C7C7C7;}



/*  Section1 제품 다운로드  */
#sc1_mainwrap 														{z-index:100; height:auto; min-height:300px;}
#sc1_mainwrap .Contents 									{background:#fff; padding:0; border-radius: 30px; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.Contents	#Section1												{display:inline-block; position:relative; width:90%; letter-spacing:-1px;}
.Contents	#Section1   ul											{display:flex; justify-content: space-between; width:100%; margin:0 auto; }
.Contents	#Section1   li											{flex-grow: 1; margin:50px 5%;}
.Contents	#Section1   li.s1_cont								{ width:30%; height:auto; background-position:left top; background-repeat:no-repeat;}

.Contents	#Section1	#s1_m1								{background-image:url(../resources/img/contents/s1_teacher_icon.png);}
.Contents	#Section1	#s1_m2								{background-image:url(../resources/img/contents/s1_student_icon.png);}
.Contents	#Section1	#s1_m3								{background-image:url(../resources/img/contents/s1_remocon_icon.png);}

.Contents	#Section1   li dl.s1_text						{ position:relative; width:auto; left:120px; text-align:left;}
.Contents	#Section1   li dl.s1_text * 					{display:inline-block; width:100%; }
.Contents	#Section1   li dl.s1_text dt					{margin-bottom:10px;}
.Contents	#Section1   li dl.s1_text dd				{color:#888;}

.Contents	#Section1   li dl.s1_btn						{background:linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%); border:1px solid #ddd; border-radius:50px; position:relative; left:0; right:0; bottom:0; margin-top:20px; }
.Contents	#Section1   li dl.s1_btn:hover 				{background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 100%); }
.Contents	#Section1   li dl.s1_btn a 						{display:inline-block; width:100%; height:50px;  background-position:center; background-repeat:no-repeat;  }
.Contents	#Section1	#s1_m1 dl.s1_btn a 			{background-image:url(../resources/img/contents/s1_btn_os1_w.png);}
.Contents	#Section1	#s1_m2 dl.s1_btn a 			{background-image:url(../resources/img/contents/s1_btn_os3_all.png);}
.Contents	#Section1	#s1_m3 dl.s1_btn a 			{background-image:url(../resources/img/contents/s1_btn_os3_all.png);}




/*  Section2 제품소개1  */
#sc2_mainwrap 														{z-index:99; display:block; margin:-200px auto 0; padding-bottom:200px; background-image:url(../resources/img/contents/s2_bg.png); height:100%;}

#sc2_mainwrap .s_wrapper 									{position:relative; top:200px; padding-bottom:100px;}

.Contents	#Section2	h1 											{color:#0860A8;}
.Contents	#Section2	ul											{display:flex; justify-content: space-between; width:100%; height:450px; min-height:450px;}
.Contents	#Section2	li											{position:relative;  width:100%;  height:90%;  margin:0 2%; border-radius: 30px; overflow:hidden; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.Contents	#Section2	li:first-child 							{margin-left:0;}
.Contents	#Section2	li:last-child 							{margin-right:0;}

.Contents	#Section2	li .img_box								{width:100%; height:100%;  background-size:cover;}
.Contents	#Section2	#s2_m1 .img_box 				{background-image:url(../resources/img/contents/s2_ct1.png);}
.Contents	#Section2	#s2_m2 .img_box 				{background-image:url(../resources/img/contents/s2_ct2.png);}
.Contents	#Section2	#s2_m3 .img_box 				{background-image:url(../resources/img/contents/s2_ct3.png);}

.Contents	#Section2	li .text_box 							{position:absolute; top:0; left:0; right:0; height:auto; background:linear-gradient(90deg, rgba(3,138,223,0.8) 0%, rgba(33,51,254,0.8) 100%);}
.Contents	#Section2	li .text_box *							{width:100%; text-align:center; color:#fff;}
.Contents	#Section2	li .text_box dt 					{padding:15px 0;}
.Contents	#Section2	li .text_box dd 					{display:none;}
.Contents	#Section2	li:hover .text_box 				{height:100%;}
.Contents	#Section2	li:hover .text_box div 			{display:flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; width:90%; height:90%; margin:5%; padding:0; border-radius:20px; border:1px solid #fff;
	/*아악*/
	/*
	border-radius:50%; border: 5px solid transparent; background-image: linear-gradient(#8CD1C8, #8CD1C8), linear-gradient(#8ACFC6, #6DB8B6,#58A8AB,#4C9EA4, #489BA2); background-origin: border-box; background-clip: content-box, border-box
	*/
 }
.Contents	#Section2	li:hover  .text_box div * 		{display:inline-block; width:90%;}
.Contents	#Section2	li:hover  .text_box dt 			{margin-bottom:15px;}



/* Section3 제품소개2 */
#sc3_mainwrap 											{padding:120px 0; margin:0 auto; background:linear-gradient(124deg, rgba(96,170,238,1) 0%, rgba(81,91,208,1) 100%);}

.Contents	#Section3	h1,
.Contents	#Section3	h3,
.Contents	#Section3	h5 							{color:#fff;}

.Contents	#Section3	ul							{display:flex; justify-content: space-between; width:100%; height:auto; min-height:300px;}
.Contents	#Section3	li								{display:flex; flex-direction: column; align-items: center; align-content: center; position:relative;  width:100%;  height:100%;  margin:0 1%; border-radius: 30px; overflow:hidden; box-shadow: 0 5px 10px rgba(0,0,0,0.2); background:#fff;}
.Contents	#Section3	li:first-child 				{margin-left:0;}
.Contents	#Section3	li:last-child 				{margin-right:0;}

.Contents	#Section3	li .icon_box								{width:70px; height:70px; background-size:100%; margin:35px auto;}
.Contents	#Section3	#s3_m1 .icon_box 				{background-image:url(../resources/img/contents/s3_ct1.png);}
.Contents	#Section3	#s3_m1:hover .icon_box 		{background-image:url(../resources/img/contents/s3_ct1_hover.png);}
.Contents	#Section3	#s3_m2 .icon_box 				{background-image:url(../resources/img/contents/s3_ct2.png);}
.Contents	#Section3	#s3_m2:hover .icon_box 		{background-image:url(../resources/img/contents/s3_ct2_hover.png);}
.Contents	#Section3	#s3_m3 .icon_box 				{background-image:url(../resources/img/contents/s3_ct3.png);}
.Contents	#Section3	#s3_m3:hover .icon_box 		{background-image:url(../resources/img/contents/s3_ct3_hover.png);}
.Contents	#Section3	#s3_m4 .icon_box 				{background-image:url(../resources/img/contents/s3_ct4.png);}
.Contents	#Section3	#s3_m4:hover .icon_box 		{background-image:url(../resources/img/contents/s3_ct4_hover.png);}
.Contents	#Section3	#s3_m5 .icon_box 				{background-image:url(../resources/img/contents/s3_ct5.png);}
.Contents	#Section3	#s3_m5:hover .icon_box 		{background-image:url(../resources/img/contents/s3_ct5_hover.png);}

.Contents	#Section3	li .text_box 	{width:100%; height:100%; margin:0 auto;}
.Contents	#Section3	li h4 						{background:linear-gradient(125deg, rgba(2,100,168,1) 0%, rgba(21,48,187,1) 100%); border-radius:50px; width:90%; padding:10px 0; color:#fff; margin:0 auto;}
.Contents	#Section3	li h6 						{margin:20px auto; color:#4473D0; }

.Contents	#Section3	li:hover 				{background:linear-gradient(125deg, rgba(2,100,168,1) 0%, rgba(21,48,187,1) 100%);}
.Contents	#Section3	li:hover h4 		{background:#fff; color:#4473D0;}
.Contents	#Section3	li:hover h6 		{color:#fff;}



/*  Section4 제품의 특징  */
#sc4_mainwrap	 										{padding:150px 0; background-image:url(../resources/img/contents/s4_bg.png); margin-bottom:0;}

.Contents	#Section4	h1 							{color:#1BAAAA;}

.Contents	#Section4	#s4_boardbg			{width:100%; height:auto;  background-image:url(../resources/img/contents/s4_bg_board.png); background-position:top center; background-size:100% 100%;}

.Contents  #Section4 #sc4_cont{display:flex; width:100%; flex-direction: column; }

.Contents  #Section4 .tab_menu{position:relative;}
.Contents  #Section4 .tab_menu .list{display:flex; width:100%; flex-grow:1;  padding-bottom:20px; border-radius:10px; overflow:hidden;}
.Contents  #Section4 .tab_menu .list .tabtitle{width:100%; flex-glow:1; }
.Contents  #Section4 .tab_menu .list .tabtitle:hover{background:rgba(200,200,200,0.2);}
.Contents  #Section4 .tab_menu .list .tabtitle .tabbtn{display:inline-block; color:#ccc; width:100%; padding:20px 0; border-bottom:1px solid #ccc;}
.Contents  #Section4 .tab_menu .list .tabtitle.is_on .tabbtn{font-weight:bold; color:#000; border-color:#000;}

.Contents  #Section4 .tab_menu .tabcont     {display:none; position:relative; top:25px; left:0; flex-grow:1; width:auto; padding-bottom:56.20%; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.Contents  #Section4 .tab_menu .tabcont .video_play     {position:absolute; width:100%; height:100%; top:0; left:0; right:0; background:transparent;}
.Contents  #Section4 .tab_menu .tabcont .video_play video{width:100%;}








/*  Section5 안내 */
#sc5_mainwrap 												{position:relative;  margin:0 auto; background:#004D8C;}
#sc5_mainwrap  .s_wrapper 							{padding:120px 0;}
#sc5_mainwrap  .s_wrapper:after 				{content:''; display:block; position:absolute; bottom:0; right:0; width:300px; height:450px; background-image:url(../resources/img/contents/s5_img.png); background-size:auto 100%; background-repeat:no-repeat; background-position:top center;}

#sc5_mainwrap * 											{text-align:left;}


.Contents	#Section5	h3 								{color:#ffffff;}
.Contents	#Section5	h2 								{color:#90F8FF;}

.Contents	#Section5	#s5_btns 					{margin-top:60px;}
.Contents	#Section5	#s5_btns a 					{padding:10px 20px; margin-right:10px; border-radius:50px; border:2px solid #fff;}
.Contents	#Section5	#s5_btns a:hover 		{background:rgba(0,0,0,0.2);}
.Contents	#Section5	#s5_btns a span{height:auto;}



/*sub*/
#sub_mainwrap 										{top:120px; padding:100px 0 200px;; background-image:url(../resources/img/contents/sub_bg.png); margin-bottom:0;}

.Contents	#SectionSub h1 						{color:#333; margin-bottom:20px;}
.Contents	#SectionSub h6 						{color:#B10002; margin-bottom:20px;}


.Contents	#SectionSub ul 						{border:1px solid #0860A8; border-left:0; border-right:0;}
.Contents	#SectionSub li 						{display:flex; align-items: center; padding:20px; border-bottom:1px solid #ccc;}
.Contents	#SectionSub li:last-child 		{border-bottom:0;}

.Contents	#SectionSub li h4	 													{flex-shrink: 0; width: 130px; position:relative;}
.Contents	#SectionSub li h4.Essential_info::after 				{content:'*'; display:inline-block; position:absolute; top:3px; color:#B10002; margin-left:10px; font-size:15px;}
.Contents	#SectionSub li div.ip_box											{flex-grow: 1;}
.Contents	#SectionSub li div.ip_box *											{width:auto; max-width:98%; min-width:50%}
.Contents	#SectionSub li div.ip_box input,
.Contents	#SectionSub li div.ip_box textarea 								{border:1px solid #ccc; padding:15px 2%;}
.Contents	#SectionSub li div.ip_box input::placeholder,
.Contents	#SectionSub li div.ip_box textarea::placeholder 	{color:#aaa;}

.Contents	#SectionSub #sub_m4 input 	 								{width:98%;}
.Contents	#SectionSub #sub_m5 textarea 							{width:98%; height:200px; resize: none;}

.Contents	#SectionSub	#sub_btns												{display:flex; justify-content: flex-end; margin-top:50px;}
.Contents	#SectionSub	#sub_btns a												{padding:15px 50px; border-radius:50px; border:1px solid #0860A8;}
.Contents	#SectionSub	#sub_btns a:first-child 							{background:#fff; color:#002442; margin-right:20px;}
.Contents	#SectionSub	#sub_btns a:first-child:hover 				{background:#eee;}
.Contents	#SectionSub	#sub_btns a:last-child 						{background:#0860A8; color:#fff; }
.Contents	#SectionSub	#sub_btns a:last-child:hover 				{background:#004278;}

.Contents	#SectionSub	#sub_kakao_img{display:flex; width:100%; height:auto; justify-content: center; align-items: center;}
.Contents	#SectionSub	#sub_kakao_img img{width:60%;}


/*footer*/
#Footer																{position:relative; height:100px; margin:0 auto; padding:30px 0; background:#F0F8FF; z-index:250;}
#Footer_cont												{position:relative; margin:0 auto; height:100%; }

#Footer #Copyright 															{float:left;}
#Footer #Copyright 	.bottommenu								{display:flex; margin-bottom:20px;}
#Footer #Copyright 	.bottommenu li							{padding:0 10px; }
#Footer #Copyright 	.bottommenu li::after 					{content:'|'; display:inline-block; position:relative; top:0; left:10px; color:#333;}
#Footer #Copyright 	.bottommenu li:last-child::after  {content:''; display:none;}
#Footer #Copyright 	.bottommenu li:first-child			{padding-left:0; }
#Footer #Copyright 	.bottommenu li a 						{color:#666;}
#Footer #Copyright 	.bottommenu li a:hover				{color:#000;}

#Footer #Copyright address 											{font-style:normal; font-size:13px; line-height:1.8em; color:#888; text-align:left; font-weight:normal;}

#Footer #Remote 															{float:right;}





/*반응형*/

@media(max-width:1249px){

	/*common*/
	#MainheaderWrap,
	.s_wrapper,
	/*#Mainvisual	.slider_wrap	.slider_show,
	#Mainvisual	.slider_wrap	.slider_list,*/
	#Footer_cont										 			{width:90%; max-width:1024px;}
	.mqs_br 					{display:block; width:0; height:10px;}
    
    
.fsize_13 						{font-size:11px;}
.fsize_14 						{font-size:12px;}
.fsize_15 						{font-size:13px;}
.fsize_16 						{font-size:14px;}
.fsize_18 						{font-size:16px;}
.fsize_20 						{font-size:18px;}
.fsize_22 						{font-size:20px;}
.fsize_25 						{font-size:23px;}
.fsize_30 						{font-size:27px;}
.fsize_40 						{font-size:35px;}
    
	
	/*header*/
	#Mainheader																			{ height:250px;}
	#MainheaderWrap																		{display:flex; flex-direction: column; margin:0 auto;}
	#MainheaderWrap 	#logo																	{margin-top:30px;}
	#MainheaderWrap 	#menulist															{ margin-bottom:20px; width:100%; justify-content: center;}
	#MainheaderWrap 	#menulist .Gnb{justify-content: space-around;}
	#MainheaderWrap 	#menulist .Gnb li,
    #MainheaderWrap 	#menulist .Gnb .dropdown												{display:inline-block; width:auto; min-width:13%; max-width:13%; margin-left:0.5%; margin-right:0.5%; }
	#MainheaderWrap 	#menulist .Gnb li a 											{max-width:100%; background-size:auto 100%;}
    #MainheaderWrap 	#menulist .Gnb li a b.fsize_18											{font-size:14px;}
    #MainheaderWrap 	#menulist .Gnb .dropbtn_icon.fsize_16												{font-size:13px;}
	
	/* 메인 이미지 슬라이드*/
	#Mainvisual													{top:215px;}
	#Mainvisual	.slider_wrap .prev,
	#Mainvisual	.slider_wrap .next 					{display:none; }
    
	
	/*s1*/
	.Contents	#Section1 {width:100%;}
	.Contents	#Section1   li {margin:30px 3%;}
	.Contents	#Section1   li.s1_cont{background-position:center top;}
	.Contents	#Section1   li dl.s1_text						{left:0; top:110px;}
	.Contents	#Section1   li dl.s1_text * {text-align:center;}
	.Contents #Section1 li dl.s1_btn {margin-top:120px;}
	
	/*s3*/
	#sc3_mainwrap {padding: 80px 0;}
	.Contents #Section3 ul {flex-wrap: wrap; justify-content: center;}
	.Contents #Section3 li {flex-grow: 0; flex-shrink: 1; flex-basis:30%; margin-bottom:10px;}
	
	/*s4*/
	#sc4_mainwrap {padding: 80px 0;}
	
	/*s5*/
	#sc5_mainwrap  .s_wrapper 							{padding:80px 0;}
	#sc5_mainwrap  .s_wrapper:after 				{width:250px; height:400px;}
	
	/*sub*/
	#sub_mainwrap 										{top:220px; padding:100px 0 300px;; background-image:url(../resources/img/contents/sub_bg.png); margin-bottom:0;}
	.Contents	#SectionSub h1,
	.Contents	#SectionSub h5 						{text-align:center;}
	.Contents	#SectionSub h6 						{text-align:right;}
	.Contents	#SectionSub li div.ip_box *											{max-width:94%; min-width:50%}
	.Contents	#SectionSub li div.ip_box input,
	.Contents	#SectionSub li div.ip_box textarea 								{padding:15px 3%;}
	.Contents	#SectionSub	#sub_btns		{justify-content: center;}
    .Contents	#SectionSub	#sub_kakao_img img{width:80%;}

    /*youtubeplay*/
    /*.Contents  #Section4 .youtubemovieplay iframe {width:100%; height:auto; min-height:600px;}*/
	
	/*footer*/
	#Footer																{height:auto; padding:50px 0 20px; text-align:center;}
	#Footer_cont::after												{content:''; display:block; clear:both; margin:0 auto; text-align:center;}
	#Footer #Copyright,
	#Footer #Remote{width:100%;}	
	#Footer #Copyright 	.bottommenu								{justify-content: center;}
	#Footer #Copyright address 											{ text-align:center;}
	#Footer #Remote 															{margin-top:30px;}
}


@media(max-width:700px){
		/*s3*/
	.Contents	#Section3	li 				{flex-direction: row;flex-grow: 1; flex-basis:100%; margin: 0 0 10px; width:90%;}
	.Contents	#Section3	li div 		{ width:100%;}
	.Contents	#Section3	li .icon_box 				{margin-left:20px;}	
	.Contents	#Section3	li .text_box h6 		{margin:10px auto;}
	
		/*  Section5 안내 */
	#sc5_mainwrap  .s_wrapper 							{padding:80px 0 30px;}
	#sc5_mainwrap  .s_wrapper:after 				{position:relative; top:30px; margin:0 auto; width:200px; height:300px;}
	#sc5_mainwrap * 											{text-align:center;}

	/*sub*/
	.Contents	#SectionSub li div.ip_box *											{max-width:90%; min-width:50%}
	.Contents	#SectionSub li div.ip_box input,
	.Contents	#SectionSub li div.ip_box textarea 								{padding:15px 5%;}
	.Contents	#SectionSub	#sub_btns		{justify-content: space-between;}
    .Contents	#SectionSub	#sub_kakao_img img{width:100%;}
    
    /*s4*/
	#sc4_mainwrap {padding: 80px 0 100px;}
    
    /*youtubeplay*/
    /*.Contents  #Section4 .youtubemovieplay iframe {min-height:300px;}*/
	
}