@charset 'utf-8';
/* noto sans kr 폰트정의 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

form,fieldset,legend{margin:0;padding:0}
fieldset,img {border:0 none}

/*header*/
.header{height:177px;background:none;}
.header *{font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.5px;}
.header .header_fix{height:127px;}
.header h1{top:34px;left:0;}
.header .header_top{display:flex;justify-content:flex-end;align-items:center;height:54px;}
.header .header_top .txt_welcomeUser{font-size:14px;color:#333333;font-weight:400;}
.header .header_top .txt_welcomeUser .user_n{font-weight:700;}
.header .header_top .txt_welcomeUser .user_p{color:#e92232;}
.header .header_top .box__topUtil ul{display:flex;}
.header .header_top .box__topUtil li:before{display:inline-block;content:'';width:1px;height:12px;margin:0 10px 0 11px;background:#dfdfdf;vertical-align:-1px;}
.header .header_top .box__topUtil a{color:#777777;font-size:13px;font-weight:400;}
.header .header_fix fieldset{position:relative;left:0;top:0;width:380px;height:48px;border:2px solid #333333;padding:0 50px 0 23px;margin:0 auto;border-radius:8px;box-sizing:border-box;}
.header .header_fix fieldset .srch_input,
.header .header_fix fieldset .srch_btn{float:initial;margin:0;padding:0;}
.header .header_fix fieldset .srch_input{width:100%;height:100%;font-size:13px;font-family: 'Noto Sans KR', sans-serif;}
.header .header_fix fieldset .srch_btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:23px;height:23px;}

.header .box__gnb{height:50px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;box-sizing:border-box;}
.header .box__gnb .gnb{height:auto;margin:0 auto;}
.header .box__gnb .gnb ul{display:flex;align-items:center;height:48px;}
.header .gnb > ul{width:960px;}
.header .gnb > ul > li{width:145px;padding:0;box-sizing:border-box;z-index:1;}
.header .gnb > ul > li.see_all{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;}
.header .gnb > ul > li.see_all a:before{display:inline-block;content:'';width:16px;height:14px;margin-right:9px;background:url(/data/H80/main/ico_allCate.png) no-repeat 0 0;vertical-align:-1px;}
.header .gnb > ul > li > a{display:block;height:auto;line-height:47px;font-size:16px;color:#111111;text-align:center;vertical-align:top.cate3dth;letter-spacing:-.5px;}
.header .gnb > ul > li > a:hover{color:#e60012;font-weight:700;}
.header .gnb .dropdown .sub_menu{width:145px;border:1px solid #eeeeee;border-top:0;margin:0;padding:15px;box-sizing:border-box;}
.header .gnb .dropdown > li > ul{display:none;position:absolute;left:0px;top:49px !important;height:auto;text-align:left;padding-top:10px;background-color:#fff;z-index:9999999;}
.header .gnb .dropdown > li > ul a{display:block;width:100%;height:auto;line-height:1;padding:7px 0;color:#111111;font-size:14px;font-weight:400;}
.header .gnb .dropdown > li > ul a:hover{color:#e60012;font-weight:700;}
    
.catetable{border:0;}
.cate1dth{width:144px;padding:0;border-left:0;}
.cate3dth{width:144px;border:0;border-left:#eee 1px solid;padding:0 15px;box-sizing:border-box;vertical-align:top;}
.cate3dth > table > tr:first-child td{padding-top:0;}
.cate3dth > table > tr:last-child td{padding-bottom:0;}
.cate4dth{letter-spacing:-.5px;padding:6px 0;}
.cate4dth a{width:100%;height:auto;line-height:1;padding:0;color:#888888;font-size:13px;font-weight:400;}
.cate4dth a:hover{color:#e60012;}


.mainCnt{padding-bottom:85px;}

/* 메인 비쥬얼 */
.main_visual_wrap{position:relative;overflow:hidden;width:100%;}
.main_visual_wrap li{width:100%;background-repeat:no-repeat;background-position:center top;}
.main_visual_wrap a{position:relative;display:block;width:960px;margin:0 auto;}
.main_visual_wrap a img{width:100%;vertical-align:top;}
.main_visual_wrap .visual_btn_box{position:absolute;right:50%;margin-right:-479px;bottom:21px;font-size:0;line-height:0;white-space:nowrap;z-index:1;}
.main_visual_wrap .visual_btn_box .box__pager{display:inline-block;position:relative;width:88px;height:38px;line-height:38px;text-align:center;background-color:rgba(0,0,0,.3);border-radius:17px;}
.main_visual_wrap .visual_btn_box .pager{bottom:0;width:auto;min-width:60px;color:#f6f7fb;font-size:15px;font-weight:600;letter-spacing:-1px;}


[class*="corner"]{width:960px;margin:60px auto 0;}
[class*="corner"] *{font-family:'Noto Sans KR', sans-serif;letter-spacing:-.5px;line-height:1;}
.corner_tit{position:relative;margin-bottom:24px;font-size:28px;color:#111111;font-weight:700;text-align:center;}

/* @상품리스트 */
/*[class*="prdt_list__"]{padding-bottom:64px;}*/
[class*="prdt_list__"] ul{display:grid;}
[class*="prdt_list__"] li{position:relative;}
[class*="prdt_list__"] li > a{display:block;}
[class*="prdt_list__"] li > a:after{content:"";display:block;clear:both;}
[class*="prdt_list__"] .item_thumb{position:relative;overflow:hidden;border:1px solid #eeeeee;box-sizing:border-box;}
[class*="prdt_list__"] .item_thumb img{width:100%;height:100%;vertical-align:top;}
[class*="prdt_list__"] .item_info{width:100%;padding-top:21px;cursor:pointer;text-align:left;}
[class*="prdt_list__"] .item_info .item_n{height:42px;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:21px;color:#111111;}
[class*="prdt_list__"] .item_info .item_price_box{position:relative;margin-top:14px;font-size:0;}
[class*="prdt_list__"] .item_info .item_price_box:after{display:block;content:'';clear:both;}
[class*="prdt_list__"] .item_info .item_price_sale{display:inline-block;margin-right:9px;color:#e60012;font-size:14px;font-weight:600;}
[class*="prdt_list__"] .item_info .item_price_sale span{font-size:18px;font-weight:600;letter-spacing:-1px;vertical-align:0;}
[class*="prdt_list__"] .item_info .price_n{display:inline-block;color:#111;font-size:14px;font-weight:600;}
[class*="prdt_list__"] .item_info .price_n span{font-size:20px;font-weight:600;}
[class*="prdt_list__"] .item_info .price_f{display:inline-block;margin-left:9px;color:#bbbbbb;font-size:13px;font-weight:600;}
[class*="prdt_list__"] .item_info .price_f del{font-size:13px;font-weight:600;}

.prdt_list__col4 ul{grid-template-columns:repeat(4,1fr);grid-gap:46px 16px;}

.tab_controller{display:table;border-spacing:0;border-collapse:collapse;width:100%;margin-bottom:16px;}
.tab_controller a{position:relative;display:table-cell;width:calc(100% / 5);height:50px;border:1px solid #e7e7e7;text-align:center;vertical-align:middle;font-size:17px;color:#222222;box-sizing:border-box;cursor:pointer;}
.tab_controller a.current{color:#ffffff;font-weight:600;background:#3e3a39;}

/*로그인*/
.area__loginHeader{border-bottom:1px solid #e7e7e7;}
.box__loginHeader{width:960px;height:87px;margin:0 auto;padding-top:4px;box-sizing:border-box;}
.area__login{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:center;width:811px;height:298px;border:1px solid #eeeeee;margin:75px auto 81px;box-sizing:border-box;}
.area__login *{font-family:'Noto Sans KR', sans-serif;letter-spacing:-.5px;line-height:1;}
.area__login .box__loginCnt{display:flex;flex-direction:column;grid-gap:16px;}
.area__login .box__loginCnt .form_login{display:flex;justify-content:space-between;width:347px;}
.area__login .box__loginCnt .form_login .box__form{display:flex;flex-direction:column;justify-content:space-between;width:254px;}
.area__login .box__loginCnt .form_login .box__form input{width:100%;height:44px;padding:4px 14px 2px;border:1px solid #cacaca;background:#fff;margin:0;font-size:14px;box-sizing:border-box;}
.area__login .box__loginCnt .form_login .box__form input:focus{border:1px solid #363636;}
.area__login .box__loginCnt .form_login .btn_login{}
.area__login .box__loginCnt .form_login .btn_login a{display:inline-block;width:82px;height:95px;line-height:95px;background:#333333;font-size:16px;color:#ffffff;text-align:center;}
.area__login .box__loginCnt .btn_loginSave{}
.area__login .box__loginCnt .btn_loginSave label{line-height:16px;font-size:13px;color:#393939;cursor:pointer;}
.area__login .box__loginCnt .btn_loginSave label input{width:16px;height:16px;margin-right:7px;vertical-align:top;}
.area__login .box__loginCnt .loginBTxt{width:100%;padding:0;margin:0;}
.area__login .box__loginCnt .loginBTxt li{line-height:21px;font-size:14px;color:#393939;}
.area__login .box__loginCnt .loginBTxt > ul > li{margin-top:10px;}
.area__login .box__loginCnt .loginBTxt > ul > li:first-child{margin-top:0;}
.area__login .box__loginCnt .loginBTxt > ul > li > ul{padding-left:9px;}
.area__login .box__loginBnr{width:392px;height:100%;border-left:1px solid #eeeeee;}
.area__login .box__loginBnr a{width:100%;vertical-align:top;}