/* BASIC css start */
.header_top {width:100%; min-width:1440px;  height:100px; padding:20px 0px 0; position: relative; float:left; z-index:998;}
.header_top .top_center {width:100%; height:100px; position:relative; float:left;}
.header_top .top_center .logo_box {width:100%; height:60px; position:relative; float:left; }
.header_top .top_center .logo_box a.logo {line-height:60px; font-weight: 800; font-size:40px; display:block; letter-spacing:0px; text-align:center; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_center .logo_box a.logo:hover {color:#000;}

 /** 카테고리 블록 ***/
.header_top .top_center .category{width:100%; height:40px; position:relative; float:left; text-align:center;}
.header_top .top_center .category .benefit_roll_wrap{width:200px; height:20px; position:absolute; left:30px; top:10px;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll{width:200px; height:20px; overflow:hidden; position:relative; float:left;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll .benefit_icon {width:20px; height:20px; position:relative; float:left; display:none;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll .benefit_icon i {width:20px; height:20px; float:left; line-height:20px; font-size:20px;font-weight:normal; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll .benefit_roll_content{width:170px; height:20px; margin-left:0px; position:relative; float:left;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll .benefit_roll_content p {width:170px; line-height:20px; text-align:left; font-size:11px;font-weight:normal; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_center .category .benefit_roll_wrap .benefit_roll .benefit_roll_content ul.slickdots {display:none;}
.header_top .top_center .category ul {width:1000px; height:40px; position:relative; margin:0 auto; text-align:center;}
.header_top .top_center .category ul > li.t_cate {position: relative; display:inline-block; color:#000; margin:12px 14px 8px;}
.header_top .top_center .category ul > li.t_cate:first-child {margin-left:0px;}
.header_top .top_center .category ul > li.t_cate:last-child {margin-right:0px;}
.header_top .top_center .category ul > li.t_cate > a {width:100%; display:block; font-size:12px; line-height:20px; color:#000; letter-spacing:0px; font-family: 'Roboto',sans-serif;}
.header_top .top_center .category ul > li.t_cate > a:hovor {color:#bbb;}
.header_top .top_center .category .sch_box {width:160px; height: 20px;  position:absolute; float:right; top:12px; right: 60px;box-sizing: border-box;}
.header_top .top_center .category .sch_box .sch_content{width:100%; height: 20px; position:relative;border:0;box-sizing: border-box;}
.header_top .top_center .category .sch_box .sch_content input{width:100%; height: 20px; font-size:11px; color:#000; text-indent:5px; font-weight: normal; font-family: 'Roboto',sans-serif; box-sizing: border-box; border:0; border-bottom:1px solid #000; background:none;}
.header_top .top_center .category .sch_box .sch_content p.bsch_btn{position:absolute; top:0px;  right:0; line-height:20px; color: #000;font-size:11px; text-align:center; font-weight:normal; font-family: 'Roboto',sans-serif; z-index:10;}
.header_top .top_center .category .cart {width:30px; height: 30px; margin:5px; position:absolute; float:right; top:0px; right: 10px; background:#000; border-radius:15px;}
.header_top .top_center .category .cart a{width:30px; height:30px; display:block;line-height:30px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.header_top .top_center .category .sub_menu{width:120px; position:absolute; top:28px; left:50%; margin-left:-60px; z-index:999; display:none; border-top:0px solid #f40;}
.header_top .top_center .category .sub_menu.outer{width:150px; margin-left:-75px; }
.header_top .top_center .category .sub_menu.bottom{width:130px; margin-left:-65px; }
.header_top .top_center .category .sub_menu .sub_menu_content{padding: 10px; box-sizing: border-box; background:#0fffa6;}
.header_top .top_center .category .sub_menu .sub_menu_content > p.tri {width:100%; color: #0fffa6; line-height:10px; position:absolute; top:-8px;left:0; vertical-align:bottom; text-align:center;}
.header_top .top_center .category .sub_menu .sub_menu_content .cate_list{width:100%; }
.header_top .top_center .category .sub_menu .sub_menu_content .cate_list > a{height:24px; line-height:24px; text-indent:10px; text-align: left; font-size:11px; color:#000; font-weight:normal; display:block;font-family: 'Roboto',sans-serif;}
.header_top .top_center .category .sub_menu .sub_menu_content .top_ban_wrap{float:left; width:1200px; padding:20px 30px; overflow:hidden; background:#fff;border-top:1px solid #ddd;}
.header_top .top_center .category .sub_menu .sub_menu_content .top_ban_wrap > div{width:250px; height:170px; float:left; padding:0 25px;}
.header_top .top_center .category .sub_menu .sub_menu_content .top_ban_wrap > div a{display:block;}

/*** 상단 검색 ***/

/*** 왼쪽 메뉴 ***/
.header_top .top_right {height:20px; position: absolute; float:right; right:20px; top: 10px; display:none;}
.header_top .top_right .sns_box {height:20px;  position:relative; float:right;}
.header_top .top_right .sns_box span {position: relative;  display:inline-block;margin-left: 10px; }
.header_top .top_right .sns_box span  > a {display: inline-block; float:left; line-height: 20px; font-size:11px; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_right .sns_box span  > a:hover {color:#3bd08b;}

.header_top .top_right_icon {height:20px; position: absolute; float:right; right:15px; top: 20px;}
.header_top .top_right_icon .sns_box {height:20px;  position:relative; float:right;}
.header_top .top_right_icon .sns_box span {width:30px; position: relative;  display:inline-block; margin: 0px; text-align:center;}
.header_top .top_right_icon .sns_box span  > a {width:30px;  display: inline-block; float:left; line-height: 20px; font-size:20px; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_right_icon .sns_box span  > a:hover {color:#0fffa6;}


/*** 오른쪽 메뉴 ***/
.header_top .top_left {height:20px; position: absolute; float:left; left:30px; top: 20px;}
.header_top .top_left .log_box {height:20px;  position:relative; float:left;}
.header_top .top_left .log_box ul {width:100%; height:20px;}
.header_top .top_left .log_box ul > li.log_cate {position: relative;  display:inline-block;margin-right: 15px; }
.header_top .top_left .log_box ul > li.log_cate  > a {display: inline-block; float:left; line-height: 20px; font-size:11px; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_left .log_box ul > li.log_cate  > a:hover {color:#0fffa6;}
.header_top .top_left .log_box ul > li.log_cate  > p {display: inline-block; float:left; line-height: 20px; font-size:11px; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_left .log_box ul > li.log_cate  > p:hover {color:#0fffa6;}
.header_top .top_left .log_box ul > li.log_cate  > p.tri {width:20px; color: #0fffa6; line-height:16px; position:absolute; top:-10px;left:50%; margin-left:-10px; text-align:center;vertical-align:bottom;}
.header_top .top_left .log_box ul > li.log_cate  .benefit {width:120px; height:18px; position:absolute;  top:6px;left:50%; margin-left:-60px;}
.header_top .top_left .log_box ul > li.log_cate  .benefit .benefit_content {width:100%;height:18px;position:relative; overflow:hidden;}
.header_top .top_left .log_box ul > li.log_cate  .benefit .benefit_content a{width:100%; display:block; color:#000; line-height:18px; font-size:10px; text-align:center;}

.header_top .top_left .my_box {height:20px; position:relative; float:left;margin-right: 15px;}
.header_top .top_left .my_box ul {width:100%; height:20px;}
.header_top .top_left .my_box ul > li.my_cate {width:100%; position: relative;  display:inline-block;}
.header_top .top_left .my_box ul > li.my_cate  > a {width:100%; display: inline-block; float:left; margin:0 0 10px; line-height: 20px; font-size:11px; color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_left .my_box ul > li.my_cate  > a > i {width:20px; height:20px; position:relative; font-size:11px; vertical-align:middle;}
.header_top .top_left .my_box ul > li.my_cate  > a:hover {color:#0fffa6;}

.header_top .top_left .my_box .sub_menu{width:110px; position:absolute; top:30px; left:50%; margin-left:-60px; z-index:999; display:none; background:#0fffa6; border:0px solid #ddd;}
.header_top .top_left .my_box .sub_menu .sm_content{padding:10px;}
.header_top .top_left .my_box .sub_menu .sm_content > p.tri {width:20px; color: #0fffa6; line-height:10px; position:absolute; top:-8px;left:50%; margin-left:-10px; vertical-align:bottom; text-align:center;}
.header_top .top_left .my_box .sub_menu .sm_content .sm_list{width:100%;}
.header_top .top_left .my_box .sub_menu .sm_content .sm_list a{height:20px; line-height:20px; text-indent:10px; color:#000; text-align: left; font-size:11px; font-weight:normal; display:block;font-weight: bold;}


.header_top .top_left .comm_box {height:20px; position:relative; float:left;}
.header_top .top_left .comm_box ul {width:100%; height:20px;}
.header_top .top_left .comm_box ul > li.comm_cate {width:100%; position: relative;  display:inline-block;}
.header_top .top_left .comm_box ul > li.comm_cate  > p {width:100%; display: inline-block; float:left; margin:0 0 10px; line-height: 20px; font-size:11px;color:#000;font-family: 'Roboto',sans-serif;}
.header_top .top_left .comm_box ul > li.comm_cate  > p > i {width:20px; height:20px; position:relative; font-size:11px; vertical-align:middle;}
.header_top .top_left .comm_box ul > li.comm_cate  > p:hover {color:#0fffa6;}

.header_top .top_left .comm_box .sub_menu{width:110px; position:absolute; top:30px; left:50%; margin-left:-55px; z-index:999; display:none; background:#0fffa6; border:0px solid #ddd;}
.header_top .top_left .comm_box .sub_menu .sm_content{padding:10px;}
.header_top .top_left .comm_box .sub_menu .sm_content > p.tri {width:20px; color: #0fffa6; line-height:10px; position:absolute; top:-8px;left:50%; margin-left:-10px; vertical-align:bottom; text-align:center;}
.header_top .top_left .comm_box .sub_menu .sm_content .sm_list{width:100%;}
.header_top .top_left .comm_box .sub_menu .sm_content .sm_list a{height:20px; line-height:20px; text-indent:10px; color:#000; text-align: left; font-size:11px; font-weight:normal; display:block;font-weight: bold;}


/* Internet Explorer 10 이상에 적용 */
.header_top .top_sch .sch_box .sch_content input::-ms-input-placeholder {color: #000; font-size:12px; font-weight:normal;font-family: 'Roboto',sans-serif; }
/* Webkit, Blink, Edge */
.header_top .top_sch .sch_box .sch_content input::-webkit-input-placeholder {color: #000; font-size:12px; font-weight:normal;font-family: 'Roboto',sans-serif;} 
/* Mozilla Firefox */
.header_top .top_sch .sch_box .sch_content input::-moz-placeholder {color: #000; font-size:12px; font-weight:normal;font-family: 'Roboto',sans-serif;}


/* BASIC css end */