.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: 'Sans-serif', 'Arial'; }
.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; border-bottom:1px solid #d6d6d6; }
.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:'Sans-serif', '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 }
*/

 


.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: 'Sans-serif', 'Arial'; font-weight:800; }
.over-area .notice { margin:20px 0 24px; font-weight:normal; font-size:1.2em; font-family: 'Sans-serif', 'Arial'; 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:'Sans-serif', 'Arial'; padding: 10px 0;}

 
 
/* section_middle */
.main .section_middle  { position: relative; background-color:#ffffff; text-align:center; padding:0; width:100%;color: #252525; max-width:1150px; 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;}


/* inner */
.main .section_middle .inner { width: 100%; max-width:1150px; margin-top:150px; margin:0 auto}
.main .section_middle .inner .inner_row { width:100%; padding:0; box-sizing:border-box;}
.main .section_middle .inner .inner_row .box_L { float:left; box-sizing:border-box; height:200px; width: 34%; padding-right:20px; }
.main .section_middle .inner .inner_row .box_C { float:left; box-sizing:border-box; height:200px; width: 32%; padding-right:20px; }
.main .section_middle .inner .inner_row .box_R { float:left; box-sizing:border-box; height:200px; width: 34%; }

.main .section_middle .inner .inner_row .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:5px; }
.main .section_middle .inner .inner_row .box_more { float:right; text-align:right; font-family:'Sans-serif', 'Arial'; }




/* 20180810 추가 */

.main .section_middle .box_L_con { display:block; float:left; box-sizing:border-box;  width: 34%; padding-right:20px; }
.main .section_middle .box_L_con  .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:5px; }
.main .section_middle .box_L_con  .box_more { float:right; text-align:right; font-family:'Sans-serif', 'Arial'; }
/** thumbline */
.main .section_middle .box_L_con  .thumbline { float:left; text-align:left; width:100%;   }
.main .section_middle .box_L_con  .thumbline .icon {width: 10%;   float:left; font-weight: bold; font-size: 2em; font-family: 'Arial';}
.main .section_middle .box_L_con  .thumbline .desc { float:left; width: 85%;   }
.main .section_middle .box_L_con  .thumbline .red{color: #f84949;}
.main .section_middle .box_L_con  .thumbline .blue{color: #9b93f5;}
/** list */
.main .section_middle .box_L_con  .list { text-align: left; }
.main .section_middle .box_L_con  .list li { width: 100%; height:24px; } 
.main .section_middle .box_L_con  .list .subject  {float:left; width:75%;}
.main .section_middle .box_L_con  .list .date  { float:right;  text-align:right; color:#c6c6c6; font-size:0.9em; }



.main .section_middle .box_M_con { float:left; box-sizing:border-box; width: 32%; padding-right:20px; }
/* dis_web dis_mob */
.main .section_middle .box_M_con .dis_web { }
.main .section_middle .box_M_con .dis_mob { display:none;}
/** new_product */
.main .section_middle .box_M_con .new_product  { position:relative;float: left;width: 100%;}
.main .section_middle .box_M_con .new_product .next { right: 0;  background: url(../img/common/m_right.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .prev { left: 0;  background: url(../img/common/m_left.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .next.on { background: url(../img/common/m_right_on.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .prev.on { background: url(../img/common/m_left_on.png) no-repeat  center 50px; }



.main .section_middle .box_R_con { float:right; box-sizing:border-box;  width: 34%; }
/** new_product */
.main .section_middle .box_M_con .new_product  { position:relative;float: left;width: 100%;}
.main .section_middle .box_M_con .new_product .next { right: 0;  background: url(../img/common/m_right.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .prev { left: 0;  background: url(../img/common/m_left.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .next.on { background: url(../img/common/m_right_on.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .prev.on { background: url(../img/common/m_left_on.png) no-repeat  center 50px; }
.main .section_middle .box_M_con .new_product .prev, 
.main .section_middle .box_M_con .new_product .next { width: 20px; height: 100%;  font-size: 0px !important;  color: #666;  position: absolute;   z-index: 1;  cursor: pointer;}
.main .section_middle .box_M_con .new_product .article {float:left; width: 50%;box-sizing: border-box; cursor:pointer; }
.main .section_middle .box_M_con .new_product .article.R { padding:0 5px 0 25px;  }
.main .section_middle .box_M_con .new_product .article.L { padding:0 25px 0 5px;}
.main .section_middle .box_M_con .new_product .article .thumb { width: 100%; height:130px; border:1px solid #e6e6e6;}
.main .section_middle .box_M_con  .article .subject {width: 100%; padding: 5px 0;}
.main .section_middle .inner .inner_row	.new_product .article .desc { width: 100%; color:#c7c7c7; font-size:0.9em; text-align:left;  }
.main .section_middle .box_M_con .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:5px; }
/** full_banner */
.main .section_middle .box_R_con  .full_banner { float:left; height: 200px; width: 100%; color:#ffffff;  box-sizing: border-box; text-align: left; background: url(../img/main/main_left_1.png) no-repeat 0 0;background-size: cover; padding:30px; }
.main .section_middle .box_R_con  .full_banner .title { font-size: 1.4em;  margin-bottom:10px; }
/** grid */
.main .section_middle .box_R_con .grid  {padding:0 ; }
.main .section_middle .box_R_con .grid li {float:left; width: 50%;box-sizing: border-box;  cursor:pointer;}
.main .section_middle .box_R_con .grid .grid_L {float:left; width: 49%;box-sizing: border-box;  cursor:pointer; }
.main .section_middle .box_R_con .grid .grid_R {float:right; width: 49%;box-sizing: border-box;  cursor:pointer; }
.main .section_middle .box_R_con .grid .subject {width: 100%; color:#fff;  text-align: left; padding: 15px;  box-sizing: border-box;  font-size: 1.2em;}
.main .section_middle .box_R_con .grid .thumb { width: 100%; height:80px; margin-bottom:10px; }
.main .section_middle .box_R_con .grid .desc { width: 100%; color:#c7c7c7; font-size:0.9em; text-align:left;  }
.main .section_middle .box_R_con .box_title { float:left; text-align:left;font-size:1.2em; font-weight:bold; font-family:'Arial'; margin-bottom:5px; }

.h200 { height:230px;}

/* 20180810 끝 */







/** list */
.main .section_middle .inner .inner_row	.list { text-align: left; }
.main .section_middle .inner .inner_row	.list li { width: 100%; height:24px; } 
.main .section_middle .inner .inner_row	.list .subject  {float:left; width:75%;}
.main .section_middle .inner .inner_row	.list .date  { float:right;  text-align:right; color:#c6c6c6; font-size:0.9em; }

/** thumbline */
.main .section_middle .inner .inner_row .thumbline { float:left; text-align:left; width:100%;   }
.main .section_middle .inner .inner_row .thumbline .icon {width: 10%;   float:left; font-weight: bold; font-size: 2em; font-family: 'Arial';}
.main .section_middle .inner .inner_row	.thumbline .desc { float:left; width: 85%;   }
.main .section_middle .inner .inner_row .thumbline .red{color: #f84949;}
.main .section_middle .inner .inner_row .thumbline .blue{color: #9b93f5;}

/** full_banner */
.main .section_middle .inner .inner_row .full_banner { float:left; height: 200px; width: 100%; color:#ffffff;  box-sizing: border-box; text-align: left; background: url(../img/main/main_left_1.png) no-repeat 0 0;background-size: cover; padding:30px; }
.main .section_middle .inner .inner_row .full_banner .title { font-size: 1.4em;  margin-bottom:10px; }

/** new_product */
.main .section_middle .inner .inner_row	.new_product  { position:relative;float: left;width: 100%;}
.main .section_middle .inner .inner_row	.new_product .next { right: 0;  background: url(../img/common/m_right.png) no-repeat  center 50px; }
.main .section_middle .inner .inner_row	.new_product .prev { left: 0;  background: url(../img/common/m_left.png) no-repeat  center 50px; }
.main .section_middle .inner .inner_row	.new_product .next.on { background: url(../img/common/m_right_on.png) no-repeat  center 50px; }
.main .section_middle .inner .inner_row	.new_product .prev.on { background: url(../img/common/m_left_on.png) no-repeat  center 50px; }

.main .section_middle .inner .inner_row	.new_product .prev,
.main .section_middle .inner .inner_row	.new_product .next {
     width: 20px; height: 100%;  font-size: 0px !important;  color: #666;  position: absolute;   z-index: 1;  cursor: pointer;
	}


.main .section_middle .inner .inner_row	.new_product .article {float:left; width: 50%;box-sizing: border-box; cursor:pointer; }
.main .section_middle .inner .inner_row	.new_product .article.R { padding:0 5px 0 25px;  }
.main .section_middle .inner .inner_row	.new_product .article.L { padding:0 25px 0 5px;}
.main .section_middle .inner .inner_row	.new_product .article .thumb { width: 100%; height:130px; border:1px solid #e6e6e6;}
.main .section_middle .inner .inner_row	.new_product .article .subject {width: 100%; padding: 5px 0;}
.main .section_middle .inner .inner_row	.new_product .article .desc { width: 100%; color:#c7c7c7; font-size:0.9em; text-align:left;  }

/** grid */
.main .section_middle .inner .inner_row	.grid  {padding:0 ; }
.main .section_middle .inner .inner_row	.grid li {float:left; width: 50%;box-sizing: border-box;  cursor:pointer;}
.main .section_middle .inner .inner_row	.grid .grid_L {float:left; width: 49%;box-sizing: border-box;  cursor:pointer; }
.main .section_middle .inner .inner_row	.grid .grid_R {float:right; width: 49%;box-sizing: border-box;  cursor:pointer; }
.main .section_middle .inner .inner_row	.grid .subject {width: 100%; color:#fff;  text-align: left; padding: 15px;  box-sizing: border-box;  font-size: 1.2em;}
.main .section_middle .inner .inner_row	.grid .thumb { width: 100%; height:80px; margin-bottom:10px; }
.main .section_middle .inner .inner_row	.grid .desc { width: 100%; color:#c7c7c7; font-size:0.9em; text-align:left;  }


/*
.main .section_middle .inner .inner_row	.poweruser { width: 30%; text-align:left; }
.main .section_middle .inner .inner_row	.poweruser .thumb { margin-bottom:10px; width:100%; } 
.main .section_middle .inner .inner_row	.poweruser .thumb img { width: 100%; max-width:343px;}
*/



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


/* 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-family: 'Arial';   line-height: 1.6em; padding: 10px;}
.main .section_middle .inner .flagship_list .flagship_title img {width:100%; max-width:234px;}

 


/* 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: 'Sans-serif', '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:'Sans-serif', 'Arial';}
.main .shop_main_items .inner .sct_wrap header span{ font-family:'Sans-serif', 'Arial'; 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 .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 .shop_main_items .inner .sct_wrap header h2{ float:left; font-size:1.2em; font-family:'Sans-serif', 'Arial'; margin-left:5px; }
	.main .shop_main_items .inner .sct_wrap header span{ margin-left: 5px; margin-top: 0px;  padding-top: 2px; font-size:0.9em;}

	/* section_middle */ 
	.main .section_middle .inner .inner_row .box_L { width: 100%; padding: 10px; height: auto; }
	.main .section_middle .inner .inner_row .box_C { width: 100%; padding: 10px; height: auto; }
	.main .section_middle .inner .inner_row .box_R { width: 100%;padding: 10px; height: auto; }
	
	.main .section_middle .inner .flagship_list {padding: 10px; }
	.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 .inner_row .nopadding_mob { padding:0; }
 


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


/* 20180810 추가 */
.main .section_middle .box_L_con { float: inherit; width: 100%; padding:3%; }
.main .section_middle .box_L_con  .box_title {  margin-top:20px;}



.main .section_middle .box_M_con { float:inherit; width: 100%; padding:3%;  }
/* dis_web dis_mob */
.main .section_middle .box_M_con .dis_web { display:none; }
.main .section_middle .box_M_con .dis_mob { display:block;}




.main .section_middle .box_R_con { float:inherit; box-sizing:border-box;  width: 100%; }
/** new_product */
.main .section_middle .box_M_con .new_product  { position:relative;float: left;width: 100%;}
.main .section_middle .box_M_con .box_title { margin-top:20px; }

/** full_banner */
.main .section_middle .box_R_con  .full_banner {margin-top:20px; }

.main .section_middle .box_R_con .box_title { margin-top:20px; }

.h200 { height: inherit;}
.padding3 { padding:3%;}

/* 20180810 끝 */





















}

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

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