.main {width: 100%;  text-align:center; }

/* main_shop_category */
.main .main_shop_category   { float:left; position:absolute; z-index:52; padding:0; width:100%;  font-family: 'Nanum Gothic', 'sans-serif';  }
.main .main_shop_category .inner { width: 1150px; margin: 0 auto; }
.main .main_shop_category .inner .category { width:186px; background-color:#424242; height:497px; color:#ffffff;text-align:left; padding:2px 0;  line-height:1.8em; box-sizing:border-box; }
.main .main_shop_category .inner .category .category_title  {color:#ffff00; font-weight:bold;  padding:4px 0; padding-left:18px;  }
.main .main_shop_category .inner .category li { padding-left:20px; cursor:pointer; list-style:none; }

.main .main_shop_category .inner .shopVisualNav  { margin-left: 260px; margin-top: -120px;  background-color: #ffffff;  height: 96px; }
.main .main_shop_category .inner .shopVisualNav .visualBtn {width:96px; }
.main .main_shop_category .inner .shopVisualNav .on { background-color: #d6d6d6; box-sizing:border-box;  }
.main .main_shop_category .inner .shopVisualNav  button {height:96px;  background-color:#ffffff;  }
.main .main_shop_category .inner .shopVisualNav  button:hover  { background-color: #d6d6d6; box-sizing:border-box; }


/*  main_visual  */
.main .main_visual { position:relative; width:1624px; left:50%; margin-left:-812px; text-align:center; }
.main .main_visual .visual_list li {position: relative;}
.main .main_visual .visual_list li >div{width: 100%; height: 100%; }
.main .main_visual .inner { width: 100%; max-width:1150px; margin-top:150px;  margin:0 auto}

.main .main_visual .visual_list .txt-area-container { width:1150px; margin:0 auto; }
.main .main_visual .visual_list .txt-area { position: absolute; text-align: left; margin:30px 20px;  font-family: "Nanum Gothic", "Arial";}

.main .main_visual .visual_list .txt-area .txt { font-size:1.4em; color:#3d3d3d;   font-weight:bold;}
.main .main_visual .visual_list .txt-area .tit { font-size:4em; color:#6d5d4d; font-weight:700; letter-spacing:-0.05em;}
.main .main_visual .visual_list .txt-area .desc  {  }


.main .main_visual .bx-controls.bx-has-pager .bx-pager { z-index: 88;}
.main .main_visual .bx-controls-btn {  position: absolute;  width: 100%; max-width:1150px; height:1px; z-index: 89; left:-25%; margin-left: 1000px;}
.main .main_visual .bx-controls-btn .btn_prev_web, .btn_prev_mob {  display: block; width: 24px; height: 57px; position: relative; float:left; top: 350px; margin-left:10px; background: url('../img/common/btn-arrow_24-57.png') no-repeat 0 0;   font: 0/0 serif;   z-index: 90;}
.main .main_visual .bx-controls-btn .btn_next_web, .btn_next_mob {  display: block; width: 24px; height: 57px; position: relative; float:right; top: 350px;  font: 0/0 serif;  background: url('../img/common/btn-arrow_24-57.png') no-repeat -24px 0;   z-index: 90;}
.main .main_visual .bx-controls-btn .btn_prev_web:hover { background-position: 0 -57px }
.main .main_visual .bx-controls-btn .btn_next_web:hover { background-position: -24px -57px }


/*  main_visual  

.main .main_visual .bx-controls.bx-has-pager .bx-pager { z-index: 60; bottom:18%; }
.main .main_visual .bx-controls-btn {  position: absolute;  width: 100%; max-width:1150px; height:1px; z-index: 89; left:-25%; margin-left: 1000px;}
.main .main_visual .bx-controls-btn .btn_prev_web, .btn_prev_mob {  display: block; width: 24px; height: 57px; position: relative; float:left; top: 350px; margin-left:10px; background: url('../img/common/btn-arrow_24-57.png') no-repeat 0 0;   font: 0/0 serif;   z-index: 90;}
.main .main_visual .bx-controls-btn .btn_next_web, .btn_next_mob {  display: block; width: 24px; height: 57px; position: relative; float:right; top: 350px;  font: 0/0 serif;  background: url('../img/common/btn-arrow_24-57.png') no-repeat -24px 0;   z-index: 90;}
.main .main_visual .bx-controls-btn .btn_prev_web:hover { background-position: 0 -57px }
.main .main_visual .bx-controls-btn .btn_next_web:hover { background-position: -24px -57px }
*/


/* section_zoom_banner  */
.main .section_zoom_banner  {  position: relative; background-color:#ffffff; text-align:center; padding:50px 0 50px 0; width:100%;  font-family: 'Nanum Gothic', 'sans-serif';  color: #252525; margin-top:20px; }
.main .section_zoom_banner .inner  { width: 100%; max-width:1150px; margin-top:150px;  margin:0 auto}
.main .section_zoom_banner  ul { overflow: hidden; }
.main .section_zoom_banner  li { overflow: hidden; }
.main .section_zoom_banner  ul .zoombg { position: relative; } 
.main .section_zoom_banner  ul img { width: 100%; } 
.main .section_zoom_banner  li { position: relative; float: left;   }
.main .section_zoom_banner  li.d33 { width: 33%;  }
.main .section_zoom_banner  li.d50 { width: 50%;}
.main .section_zoom_banner  ul.d50  { width: 50%; position: relative; float: left;   } 
  

.main .section_zoom_banner .photo_m_list { background-color:#e6e6e6; }
.main .section_zoom_banner .photo_m_list .mobile_banner { width: 100%;  margin:5px 10px; background-color:#ffffff; width:95%;}
.main .section_zoom_banner .photo_m_list .mobile_banner img { width:100%; }
.main .section_zoom_banner .photo_m_list .mobile_banner .box_l { float:left; width: 49%; }
.main .section_zoom_banner .photo_m_list .mobile_banner .box_r { float:right; width: 49%;  }


.over-area { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.01); }
.over-area .overinner { position:absolute; width: 100%; top:50%; margin-top:-60px; }
.over-area p { position: relative; text-align: center;  color:#fff; }
.over-area .name { margin:20px 0 10px; font-weight: bold; font-size: 1.4em; font-family: 'Nanum Gothic', 'sans-serif';  font-weight:800; }
.over-area .notice { margin:20px 0 24px; font-weight:normal; font-size:1.2em; font-family: 'Nanum gothic', 'sans-serif'; opacity: 0; filter:alpha(opacity=0);}
.over-area .link{ margin:20px 0 0; width: 100%; text-align: center; color:#fff;  opacity: 0; filter:alpha(opacity=0); }


/* every title text css for main section */
.main .tit {  font-size: 4em; margin:0; font-family: 'Nanum Gothic', 'sans-serif';  padding: 10px 0;}

 
  
/* section_middle .inner */
.main .section_middle   {  position: relative; background-color:#ffffff; text-align:center; padding:0; width:100%;color: #252525; margin-bottom:20px;  }
.main .section_middle .inner { width: 100%; max-width:1150px; margin-top:150px;  margin:0 auto}
.main .section_middle .title_under {clear: both;border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; width: 40px; height: 0px;}
.main .section_middle .section_title {clear: both;  margin-top: 30px;  margin-bottom: 20px; width: 100%; font-family:"Arial"; font-size: 1.3em;  font-weight: 500;}


/* 20181109 추가 메인 우하단 페이커스페이스 추가 모바일레이아웃 조정 */
.main_bn_right_bottom { clear:both;}


/* first_line */
.main .section_middle .inner .first_line { width:100%; padding: 40px 5px 0 5px; box-sizing:border-box;}
.main .section_middle .inner .first_line li {float:left; box-sizing:border-box;  }
.main .section_middle .inner .first_line .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:10px; }
.main .section_middle .inner .first_line .box_more { float:right; text-align:right;  font-family:'Dotum', 'Arial';  font-size:0.9em; margin-right:20px; }

.main .section_middle .inner .first_line .news { width: 45%; text-align: left;}
.main .section_middle .inner .first_line .news .thumb {width: 32%;min-width: 172px; height:105px;float:left; border: 1px solid #d6d6d6; }
.main .section_middle .inner .first_line .news .thumb img { width:100%; height:100%; }

.main .section_middle .inner .first_line .news li { float:left; padding:0;  margin-bottom:10px;height:125px; width:100%; border:0px;   font-family:'Dotum', 'Arial'; }
.main .section_middle .inner .first_line .news li:last-child { padding-bottom:0px;}

.main .section_middle .inner .first_line .news .desc_line  {  float:left;  text-align:left;   width:59%; padding-left:10px; }
.main .section_middle .inner .first_line .news .desc_line .subject { font-weight:bold;  }
.main .section_middle .inner .first_line .news .desc_line .date {  font-size:0.9em; color:#aeaeae; }
.main .section_middle .inner .first_line .news .desc_line .desc { font-size:0.9em; margin-top:5px;}
.main .section_middle .inner .first_line .news .desc_line .desc img { display:none;}

.main .section_middle .inner .first_line .middle_slide { width: 32%;}
.main .section_middle .inner .first_line .first_right_end {  width: 22%; margin-left: 5px;  cursor:pointer;}
.main .section_middle .inner .first_line .first_right_end .banner { float:left; height: 172px; width: 100%; margin-bottom:5px;  box-sizing: border-box;  text-align: left;  font-weight:bold; color:#fff; font-family:'Arial';line-height: 1.5em; font-size:1.2em; }

.main .section_middle .inner .first_line .first_right_end .m40 { background: url(../img/main/main_left_1.png) no-repeat 0 0;background-size: cover; padding:18px;}
.main .section_middle .inner .first_line .first_right_end .m40 .title { font-size: 1.2em;}
.main .section_middle .inner .first_line .first_right_end .m40 .desc { font-size:0.9em; font-weight:normal; } 

.main .section_middle .inner .first_line .first_right_end .m60 {  padding:18px;}
.main .section_middle .inner .first_line .first_right_end .m60 .title {  font-family:'Nanum Gothic'; color:#000; }
.main .section_middle .inner .first_line .first_right_end .m60 .desc {} 



/* flagship_list */
.main .section_middle .inner .flagship_list { width:100%;overflow: hidden;}
.main .section_middle .inner .flagship_list li {float:left;width:31%;  box-sizing:border-box; margin: 10px 1% 0 1%; overflow: hidden; }
.main .section_middle .inner .flagship_list li:last-child {margin-right:0;}
.main .section_middle .inner .flagship_list .flagship_item {width:100%; max-width:365px; height:365px; box-sizing:border-box;  margin:0; padding:0; cursor:pointer; }
.main .section_middle .inner .flagship_list .flagship_title { float:left; text-align:left; position: relative; background-color: #ffffff; width:100%; font-size:1em; font-weight:bold; font-family:'Dotum', 'Arial';     line-height: 1.6em; padding: 10px;}
.main .section_middle .inner .flagship_list .flagship_title img {width:100%; max-width:234px;}



/* contents_line */
.main .section_middle .inner .contents_line { width:100%; padding: 0; box-sizing:border-box;}
.main .section_middle .inner .contents_line .box { float:left; box-sizing:border-box; padding:15px; margin-right:10px; height:240px; border: 1px solid #d6d6d6 }
.main .section_middle .inner .contents_line .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:10px; }
.main .section_middle .inner .contents_line .box_more { float:right; text-align:right;  font-family:'Dotum', 'Arial';  font-size:0.9em; margin-right:0px; }

.main .section_middle .inner .contents_line .forum { width: 32%; text-align: left;}
.main .section_middle .inner .contents_line .forum .desc_line  {  float:left;  text-align:left; width:100%;  }
.main .section_middle .inner .contents_line .forum .desc_line .icon {width: 40px;    height: 80px;  float:left; font-weight: bold; font-size: 2em;  font-family: 'Arial';}
.main .section_middle .inner .contents_line .forum .desc_line .red{color: #f84949;}
.main .section_middle .inner .contents_line .forum .desc_line .blue{color: #9b93f5;}
.main .section_middle .inner .contents_line .forum .desc_line .desc { font-size:0.9em; }

.main .section_middle .inner .contents_line .poweruser { width: 32%; text-align:left; }
.main .section_middle .inner .contents_line .poweruser .thumb { margin-bottom:10px; width:100%; } 
.main .section_middle .inner .contents_line .poweruser .thumb img { width: 100%; max-width:343px;}
.main .section_middle .inner .contents_line .poweruser .subject { font-weight:bold; }
.main .section_middle .inner .contents_line .poweruser .desc { font-size:0.9em; margin-top:5px;}

.main .section_middle .inner .contents_line .education { width: 32%;}
.main .section_middle .inner .contents_line .education li { float:left; padding:0; width:100%; line-height:2em; font-family:'Dotum', 'Arial';  font-size:0.9em; text-align:left;}
.main .section_middle .inner .contents_line .education .subject {float:left; width:80% }
.main .section_middle .inner .contents_line .education .state {float:right; width:20% }



.main .section_middle .inner .contents_line .tutorial { width: 32%; text-align:left; }
.main .section_middle .inner .contents_line .tutorial .subject { font-weight:bold; }
.main .section_middle .inner .contents_line .tutorial .desc { font-size:0.9em; margin-top:5px;}
.main .section_middle .inner .contents_line .tutorial .vod_short_thumb {width:100%; float:left; height:150px; max-width:165px;  }
.main .section_middle .inner .contents_line .tutorial .vod_short_cover {width:100%; float:left; height:150px; max-width:165px; background:url(../img/common/vod_cover.png) no-repeat center; position: absolute; }

.main .section_middle .inner .contents_line .tutorial .FL {float:left; width: 50%;box-sizing: border-box; height: 160px; cursor:pointer; }
.main .section_middle .inner .contents_line .tutorial .FR {float:right; width: 45%;box-sizing: border-box; height: 160px; cursor:pointer; }


/* section_middle : quicktask */
.main .section_middle .quicktask { width: 100%; max-width:1150px; margin:0 auto; cursor:pointer; }
.main .section_middle .quicktask  li {float:left;box-sizing:border-box; padding:10px; width:16%; text-align: -webkit-center;   text-align:center; cursor:pointer;  }
.main .section_middle .quicktask  li:last-child {margin-right:0px;   }
.main .section_middle .quicktask  .icon_bg  { width:86px; height:86px; border-radius:50%; margin:0 auto;  }
.main .section_middle .quicktask  .name  { margin-top:5px; font-size:1em; font-family: 'Nanum Gothic' , 'Arial'; font-weight: bold; }




/* pop up */
#hd_pop {z-index:20000; position:relative; margin:0 auto; width:970px; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* shop */
.main .shop_main_items .inner  { width: 100%; max-width:1150px;  margin:0 auto}
.main .shop_main_items .inner .sct_wrap { text-align:left; }
.main .shop_main_items .inner .sct_wrap header {  margin:20px 0 10px 0; }
.main .shop_main_items .inner .sct_wrap header h2{  float:left; font-size:1.5em;  font-weight:bold; font-family: "Nanum gothic", "Arial";}
.main .shop_main_items .inner .sct_wrap header span{  font-family: "Dotum";  color:#9c9c9c;  padding-top:5px; font-size:1em; font-weight: bold; margin-left: 10px; margin-top: 6px;}




@media screen and ( max-width:1150px ) { 

	.main .main_visual .bx-controls-btn .btn_prev_web {top: 400px;}
	.main .main_visual .bx-controls-btn .btn_next_web {top: 400px;}
	
}



	
@media screen and (max-width:1024px) {

	.main .main_visual .bx-controls-btn .btn_prev_web {top: 300px;}
	.main .main_visual .bx-controls-btn .btn_next_web {top: 300px;}

	.main .tit {  font-size: 4em;} 

	
	.main .section_middle .inner .flagship_list li {width:23%; max-width:273px; }
	.main .section_middle .inner .first_line .news .desc_line  {width:55%; }

	.main .section_middle .inner .contents_line .box {height:100%; }

}

@media screen and (max-width:768px) {

	.main .main_visual  {  width:100%; left:0%; margin-left:0px; margin-top:0; }
	.main .main_visual .bx-controls-btn {  width: 100%; left:0%; margin-left: 0px;}
	.main .main_visual .bx-controls-btn .btn_prev_mob {top: 100px;}
	.main .main_visual .bx-controls-btn .btn_next_mob {top: 100px;}
    
	.main .tit {  font-size: 2em; padding:0 0 10px 10px;}

	.main .section_zoom_banner  {  padding:0;  margin-top:0; }
	.main .section_zoom_banner .notice { font-family: 'Nanum gothic', 'sans-serif';  }
  
	.main .shop_main_items .inner .sct_wrap  header h2{  float:left; font-size:1.2em;  font-family: "Nanum gothic", "Arial"; margin-left:5px; }
	.main .shop_main_items .inner .sct_wrap  header span{ margin-left: 5px; margin-top: 0px;   padding-top: 5px; font-size:0.9em;}

	/* section_dynamixel */
	.main .section_dynamixel   {   }
	.main .section_dynamixel  img { width:100%;  }
	.main .section_dynamixel .inner_left {  width:100%; }
	.main .section_dynamixel .inner_left .desc { font-size: 1em;   } 
	.main .section_dynamixel .inner_left .youtube_wrap  { width: 100%;  }
	.main .section_dynamixel .inner_left .youtube_wrap  iframe { height: 200px; }
	.main .section_dynamixel .inner_right { width: 82%;  padding:30px;}
	.main .section_dynamixel .inner_right .slider-for img {width:50%; }
	.main .section_dynamixel .inner_right .slider-nav img {width:70%; padding:0;}
 

	.main .thumb_list { width:95%; margin:0 auto;}
	.main .thumb_list li { width:33%;  float:left; }
 


	/* section_stemcup */ 
	.main .section_stemcup .inner .desc { font-size: 1em;    } 
	.main .section_stemcup .inner .d25 { float:left; width: 50%; box-sizing:border-box;}
	.main .section_stemcup .inner .d50 { float:left; width: 100%; box-sizing:border-box;}
 
	/* section_cs */ 
	.main .section_cs .inner .banner_list { width:100%; margin-top:20px; }
	.main .section_cs .inner .banner_list li { width:48%; float:left;  margin:5px 2px;;}
	.main .section_cs .inner .banner_list li .box_desc { height:30px; padding: 0 ; }

	/* section_middle */ 
	.main .section_middle .inner .banner_list li {float:left;width:100%; max-width:1000px; height:183px; padding:20px; margin-right:0px; margin-top:10px;  }
	.main .section_middle .inner .banner_list li:last-child {margin-right:0px;   }

	

	.main .section_middle .inner .first_line .news {width:100%;  }
	.main .section_middle .inner .first_line .news .thumb {width: 30%;min-width: 100px; height:85px;float:left; border: 1px solid #d6d6d6; }
	.main .section_middle .inner .first_line .news .desc_line  {width:65%; }

	.main .section_middle .inner .first_line .middle_slide { width: 100%; margin-top:5px; padding:5px; }
	.main .section_middle .inner .first_line .middle_slide img { width: 100%;}
	.main .section_middle .inner .first_line .first_right_end {  width: 100%; margin:0px;  } 
	
	.main .section_middle .inner .first_line .first_right_end .m40 { height: 150px; width: 38%; margin:5px; }
	.main .section_middle .inner .first_line .first_right_end .m60 { height: 150px; width: 56%;  margin:5px;}


	.main .section_middle .inner .flagship_list li {width:32%; max-width:273px; height:280px; margin:5px 5px 0 0;  }
	.main .section_middle .inner .flagship_list .flagship_item { height:200px;  }



	.main .section_middle .inner .contents_line {padding:5px; }
	.main .section_middle .inner .contents_line .forum { width: 100%; margin-bottom:5px; }
	.main .section_middle .inner .contents_line .poweruser  { width: 100%;margin-bottom:5px; }
	.main .section_middle .inner .contents_line .education  { width: 100%;margin-bottom:5px; }
	.main .section_middle .inner .contents_line .tutorial { width: 100%;margin-bottom:5px; }
	.main .section_middle .inner .contents_line .tutorial .vod_short_thumb {height:120px; max-width:140px;  }
	.main .section_middle .inner .contents_line .tutorial .vod_short_cover {height:120px; max-width:140px; }
	.main .section_middle .inner .contents_line .tutorial .FL {width: 45%;}
	.main .section_middle .inner .contents_line .tutorial .FR { width: 55%;}


	.main .section_middle .quicktask  li {width:32%;    height: 120px; }


/* 20181109 추가 메인 우하단 페이커스페이스 추가 모바일레이아웃 조정 */
.main_bn_right_bottom { clear: none; height:155px; padding-top:5px; overflow:hidden;}
.main_bn_right_bottom  img { width:100%;}



}

@media screen and (max-width:640px) {  

	.main .section_middle .inner .flagship_list li {width:48%; max-width:280px; height:280px; margin:5px 1% 0 1%;  }
}