@charset "utf-8";
@import "reset.css";
@import "style.min.css";

body,html {height:100%; width:100%; margin:0px; padding:0px; font-size:12px; font-family:Sans-Serif,'돋움',Dotum,'애플고딕',AppleGothic; color:#474747}




/* LINK */
a:link {text-decoration:none; color:#474747}
a:visited {text-decoration:none; color:#474747}
a:hover {text-decoration:none; color:#474747}
a:active {text-decoration:none; color:#474747}

a.lboard:link {text-decoration:none; color:#000000}
a.lboard:visited {text-decoration:none; color:#000000}
a.lboard:hover {text-decoration:none; color:#000000; text-decoration:underline}
a.lboard:active {text-decoration:none; color:#000000; text-decoration:underline}




/* PADDING&MARGIN */
.ml8 {margin-left:8px}
.ml76 {margin-left:76px}
.ml19 {margin-left:19px}
.ml17 {margin-left:17px}
.mt50 {margin-top:50px}
.mt5 {margin-top:5px}
.mt8 {margin-top:8px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt35 {margin-top:35px}
.mt40 {margin-top:40px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}
.mb10 {margin-bottom:10px}
.mb26{margin-bottom:26px;}
.mb35{margin-bottom:35px;}

.mb80{margin-bottom:80px;}
.mr_no{margin-right:0 !important;}
.pt7 {padding-top:7px}
.pt30 {padding-top:30px}

.over_box::after{content:""; display:block; width:0; height:0; clear:both;}



/* LAYOUT */
#wrap {margin:0px; padding:0px; min-width:1000px; overflow:hidden}
#container {overflow:hidden; clear:both; width:100%}
.cursor_p {cursor:pointer}
.caption_hide {margin:0px; padding:0px; height:0px; width:0px; visibility:hidden}


/* LOGIN */
#member {position:fixed; overflow:hidden; width:100%; height:100%; background:url(../img/comm/login_bg.png); z-index:600; display:none}
#member .box_comm {position:absolute; width:100%}
.login {width:460px; margin:230px auto}
#member .top_area {background:#0d6fb8; overflow:hidden; padding:10px 20px}
#member .top_area h2 {float:left}
#member .top_area .btn_close {float:right; margin-top:12px}
#member .center_area {border-left:2px solid #1a87d9; border-right:2px solid #1a87d9; background:#ffffff; overflow:hidden; padding-bottom:20px}
.form_login {overflow:hidden; margin:24px 20px 13px 20px}
.form_login dl dt {float:left}
.form_login dl dd {float:right}
.form_login ul {overflow:hidden}
.form_login ul+ul {margin-top:10px}
.form_login ul li:first-child {float:left; width:70px; margin-top:12px}
.form_login ul li+li {float:left}
.form_login p {margin-left:60px; margin-top:15px}
.form_login p input:not(.cssbrowser){display:none}
.form_login p input:not(.cssbrowser).ip_r + label{display:inline-block; height:12px; padding:0 0 0 18px;background:url(../img/sub/icon_check_off.gif) no-repeat left top; color:#34353d; cursor:pointer; font-size:13px; color:#747474; font-weight:normal; margin-left:10px; letter-spacing:-1px}
.form_login p input:not(.cssbrowser).ip_r:checked + label{background:url(../img/sub/icon_check_on.gif) no-repeat left top; color:#0d6fb8}
.inp_login {background:#f5f5f5; border:1px solid #cccccc; color:#b9b9b9; padding-left:15px; height:38px; width:210px}
.inp_find {background:#f5f5f5; border:1px solid #cccccc; color:#b9b9b9; padding-left:15px; height:38px; width:52px}
.opt_find {background:#f5f5f5; border:1px solid #cccccc; color:#b9b9b9; padding:5px 9px 5px 15px; height:39px; width:80px}
.box_find {border-top:1px solid #CCC; overflow:hidden}
.box_find dl {margin:17px 20px 0px 20px; overflow:hidden}
.box_find dl dt {float:left; margin-top:8px; color:#808080}
.box_find dl dd {float:right}
#member .bottom_area {background:#eaeaea; overflow:hidden; border-left:2px solid #1a87d9; border-right:2px solid #1a87d9; border-bottom:2px solid #1a87d9; overflow:hidden}
#member .bottom_area dl {margin:20px 20px 30px 20px; overflow:hidden}
#member .bottom_area dl dt {float:left}
#member .bottom_area dl dt p {font-size:13px; color:#808080; line-height:18px; margin-top:7px; letter-spacing:-1px}
#member .bottom_area dl dd {float:right; margin-top:22px}



/* HEADER */
#header {font-family:MalgunGothic, Malgun Gothic, '맑은 고딕', Sans-Serif,'돋움',Dotum,'애플고딕',AppleGothic;}
.gnb_area1 {/* background-color:#2f3030;  *//* overflow:hidden; */ background:url('../img/comm/header_bgimg01.png') repeat-x; background-position:center 88px;}
/* member - mypage menu */
.top_memeber {/* border-bottom:1px solid #3b3c3c; */ overflow:hidden}
.top_memeber ul {width:1000px; margin:auto; overflow:hidden; height:22px}
.delevery_time {float:left; font-size:14px; color:#000; letter-spacing:-1px; margin-top:6px}
.delevery_time span {color:#fd8f38}
.favorite_site{float:left; margin-top:5px; display:inline-block;}
.favorite_site a{color:#232323; font-size:13px; letter-spacing:-1px; font-weight:600;}
.member_page {float:right; margin-top:5px}
.member_page p {text-align:right}
.member_page a {color:#232323; font-size:13px; letter-spacing:-1px; font-weight:600;}
.member_page a+a {margin-left:10px}
.member_page span {margin-right:8px}
/* logo & search & major_munu */
.logo_sch_menu {width:1000px; margin:0px auto; padding-bottom:38px; height:113px; box-sizing:border-box; text-align:center;}
.logo_sch_menu h1 {float:left;}
.box_sch_area {display:inline-block; margin-top:18px; width:335px; height:37px; box-sizing:border-box; background:url('../img/comm/search_box.png') no-repeat center;}
/* .box_sch_area .box_sch {display:inline-block; border:2px solid #000000; background-color:#FFFFFF; width:301px; height:35px; overflow:hidden;} */
.box_sch_area input {float:left; width:275px; height:33px; margin-top:2px; margin-left:17px;}
/* .box_sch_area span {display:inline-block; background-color:#000000; width:46px; height:35px; text-align:center; line-height:33px; float:right} */
.box_sch_area ::-webkit-input-placeholder{text-align:center;}
.box_sch_area :-moz-placeholder{text-align:center; opacity: 1;}
.box_sch_area ::-moz-placeholder{text-align:center; opacity: 1;}
.box_sch_area :-ms-input-placeholder{text-align:center;}
.box_sch_area span{display:inline-block; width:43px; height:35px; text-align:center; float:right;}
.box_sch_area span a{display:block; width:100%; height:100%;}
.pop_box{float:right; display:inline-block; margin-top:28.5px;}
.pop_box .hot_item{display:block; position:relative;}
/* .pop_box .hot_item::after{content:""; width:20px; height:18px; position:absolute; top:0; right:-20px;} */
.pop_box .hot_item .tit{display:inline-block; margin-right:15px; vertical-align:top;}
.pop_box .hot_item .tit img{display:block;}
.pop_box .hot_item .list{display:inline-block; width:130px; height:18px; vertical-align:top; overflow:hidden;}
.pop_box .hot_item .list li{text-align:left; width:100%;}
.pop_box .hot_item .list li a{display:block; font-size:14px; font-weight:400; letter-spacing:0; color:#000; line-height:18px;white-space: nowrap; width:100%; overflow: hidden; text-overflow: ellipsis;}
.pop_box .hot_item .list li a .num_box{display:inline-block; width:18px; height:18px; border:1px solid #fd8f38; color:#fd8f38; font-size:14px; text-align:center; line-height:16px; box-sizing:border-box; border-radius:2px; margin-right:7px;}
.pop_box .hot_item .list2{display:none; /* width:130px; */ vertical-align:top; position:absolute; top:-13px; right:-14px; padding:10px 15px; border:1px solid #333; background-color:#fff; z-index:1000; border: 3px solid #1a87d9;}
.pop_box .hot_item .list2 li{text-align:left; width:100%; margin-bottom:10px;}
.pop_box .hot_item .list2 li a{display:block; font-size:14px; font-weight:400; letter-spacing:0; color:#000; line-height:18px;white-space: nowrap; width:100%; overflow: hidden; text-overflow: ellipsis;}
.pop_box .hot_item .list2 li a .num_box{display:inline-block; width:18px; height:18px; border:1px solid #fd8f38; color:#fd8f38; font-size:14px; text-align:center; line-height:16px; box-sizing:border-box; border-radius:2px; margin-right:7px;}
.pop_box .hot_item .list2 li:last-child{margin-bottom:0;}
/* .pop_box .hot_item a {color:#fff}
.pop_box .hot_item span {margin-left:10px} */
.major_munu{float:right; margin-top:0px; height:45px; display:inline-block; box-sizing:border-box; padding:11.5px 0;}
.major_munu a{display:inline-block; vertical-align:middle; margin-right:23px;}
.major_munu a:last-child{margin-right:0;}
/* .major_munu span {margin:0px 16px} */
.gnb_area2 {background-color:#000000; /* overflow:hidden; */ height:45px; position:relative;}
.favorite_bg{width:100%; background:url('../img/comm/menu_bgimg01.jpg') repeat-x center; padding:16.5px 0; clear:both;}
.favorite_bg .favorite{width:1000px; box-sizing:border-box; padding-left:15px; margin:0 auto; font-size:0; position:relative;}
.favorite_bg .favorite .button_box{position:absolute; left:50%; transform:translateX(-50%); top:-50px;}
.favorite_bg .favorite .button_box .fav_button{font-size:0;}
.favorite_bg .favorite .button_box .fav_button li{cursor:pointer; display:inline-block; vertical-align:top;}
.favorite_bg .favorite .fav_list{width:100%; font-size:0;}
.favorite_bg .favorite .fav_list li{display:inline-block; width:14.28%; height:29px; color:#dcdcdc; text-align:center; line-height:1.3; letter-spacing:-1px; font-size:15px; font-weight:400; position:relative; box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.3);}
.favorite_bg .favorite .fav_list li:last-child{margin-right:0; border-right:0;}
.favorite_bg .favorite .fav_list li::after{content:""; width:1px; height:29px; background-color:rgba(255,255,255,0.12); position:absolute; top:0; right:-2px;}
.favorite_bg .favorite .fav_list li:last-child::after{content:""; width:0; height:0;}
.favorite_bg .favorite .fav_model{/* margin-top:8px;  */display:none;}
/* .favorite_bg .favorite .fav_model li{background-color:rgba(0,0,0,0.3); color:#99d3ff;} */
/* .favorite_bg .favorite .fav_list li:first-child{width:180px; font-size:18px; padding:0; line-height:42px; text-align:left; background-color:transparent; color:#000; font-weight:600;} */
.favorite_bg .favorite .fav_list li span{vertical-align:middle; position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:5px 15px; text-align:center; font-size:13.5px; /* word-break:keep-all; word-wrap:break-word; */ letter-spacing:-0.5px; /* white-space:nowrap; */}
.favorite_bg .favorite .fav_list li span.on{vertical-align:middle; position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:5px 15px; text-align:center; font-size:13.5px; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.5px;}
/* nav */
.nav_login {width:1000px; margin:auto}
.nav {display:inline-block;/*  float:left; */}
/* .nav ul li {float:left} */
.nav ul{font-size:0;}
#all_menu1, #all_menu2{display:inline-block;/*  position:relative; */}
#all_menu1 .menu_open_btn, #all_menu2 .menu_open_btn{display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 20px; font-size:17px; font-weight:700; letter-spacing:-0.25px; color:#ffffff; line-height:45px;}
#all_menu1 .menu_open_btn img, #all_menu2 .menu_open_btn img{display:inline-block; vertical-align:top; margin-left:5px;}
.lnb_all {position:absolute; border:3px solid #1a87d9; width:1000px; height:auto; overflow:hidden; background-color:#FFFFFF; z-index:100; display:none; font-size:0; clear:both; top:45px; left:50%; transform:translateX(-50%); z-index:5000;}
.lnb_all dl {overflow:hidden; width:14%; display:inline-block; vertical-align:top; clear:both; left:0px; top:40px;}
.lnb_all dl dt {width:100%; box-sizing:border-box; border-bottom:2px solid #000000; display:block; border-right:1px solid #e4e4e4; overflow:hidden; text-align:left; padding-left:10px; font-size:15px; font-weight:800; color:#1a87d9; letter-spacing:-1px; line-height:40px;}
.lnb_all dl dt img{margin-left:1px;}
.lnb_all dl+dl dd {border-left:1px solid #e4e4e4; overflow:hidden; padding-bottom:20px; display:block;}
.lnb_all dl dd{width:100%; box-sizing:border-box;}
.lnb_all dl dd ul {margin-top:7px; width:100%;}
.lnb_all dl dd ul li {padding:4px 0px; letter-spacing:-1px; font-size:13px; word-break:keep-all; width:100%; box-sizing:border-box;}
.lnb_all dl dd ul .on {padding-left:10px; background-color:#1a87d9; color:#FFFFFF}
.lnb_all dl dd ul .off {padding-left:10px; color:#474747; cursor:pointer}
.lnb_all dl dd ul .off:hover {background-color:#1a87d9; color:#FFFFFF}
/* .lnb_brand {position:absolute; border:3px solid #797979; width:994px; height:auto; overflow:hidden; background-color:#f6f6f6; z-index:100; display:none; font-size:0; clear:both; left:50%; top:40px; margin-left:-497px;}
.lnb_brand dl {overflow:hidden; width:25%; display:inline-block; vertical-align:top; clear:both;}
.lnb_brand dl dt {border-bottom:2px solid #000000; display:block;}
.lnb_brand dl dt img{display:block;}
.lnb_brand dl+dl dd {border-left:1px solid #e4e4e4; overflow:hidden; display:block;}
.lnb_brand dl+dl dd ul {border-left:1px solid #ffffff; padding-bottom:20px}
.lnb_brand dl dd ul {margin-top:7px; width:100%;}
.lnb_brand dl dd ul li {padding:4px 0px; letter-spacing:-1px; font-size:13px;}
.lnb_brand dl dd ul .on {padding-left:19px; background-color:#797979; color:#FFFFFF}
.lnb_brand dl dd ul .off {padding-left:19px; color:#474747; cursor:pointer}
.lnb_brand dl dd ul .off:hover {background-color:#797979; color:#FFFFFF} */
.lnb_brand {position:absolute; border:3px solid #1a87d9; width:995px; height:auto; overflow:hidden; background-color:#FFFFFF; z-index:100; display:none; font-size:0; clear:both; top:45px; left:50%; transform:translateX(-50%); z-index:5000;}
.lnb_brand dl {overflow:hidden; width:33.3%; display:inline-block; vertical-align:top; clear:both; left:0px; top:40px;}
.lnb_brand dl dt {width:100%; box-sizing:border-box; border-bottom:2px solid #000000; display:block; border-right:1px solid #e4e4e4; overflow:hidden; text-align:left; padding-left:10px; font-size:15px; font-weight:800; color:#1a87d9; letter-spacing:-1px; line-height:40px;}
.lnb_brand dl dt a{color:inherit;}
.lnb_brand dl dt img{margin-left:1px;}
.lnb_brand dl dt.brand_title{position:relative; border-bottom:0;}
.lnb_brand dl dt.brand_title a{display:block; width:100%; height:100%; box-sizing:border-box;}
.lnb_brand dl dt.brand_title img{display:inline-block; position:absolute; top:50%; margin-top:-15.5px; right:15px;}
.lnb_brand dl+dl dd {border-left:1px solid #e4e4e4; overflow:hidden; padding-bottom:20px; display:block;}
.lnb_brand dl dd{width:100%; box-sizing:border-box;}
.lnb_brand dl dd ul {margin-top:7px; width:100%;}
.lnb_brand dl dd ul li {padding:4px 0px; letter-spacing:-1px; font-size:13px; word-break:keep-all; width:100%; box-sizing:border-box;}
.lnb_brand dl dd ul .on {padding-left:10px; background-color:#1a87d9; color:#FFFFFF}
.lnb_brand dl dd ul .off {padding-left:10px; color:#474747; cursor:pointer}
.lnb_brand dl dd ul .off:hover {background-color:#1a87d9; color:#FFFFFF}

.pop_box_new{display:block; width:100px; margin:0 auto; text-align:right;margin-top:0px;}
.pop_box_new .hot_item{display:block; position:relative;}
/* .pop_box .hot_item::after{content:""; width:20px; height:18px; position:absolute; top:0; right:-20px;} */
.pop_box_new .hot_item .tit{display:inline-block; margin-right:15px; vertical-align:top;}
.pop_box_new .hot_item .tit img{display:block;}
.pop_box_new .hot_item .list{display:inline-block; width:130px; height:18px; vertical-align:top; overflow:hidden;}
.pop_box_new .hot_item .list li{text-align:left; width:100%;}
.pop_box_new .hot_item .list li a{display:block; font-size:14px; font-weight:400; letter-spacing:0; color:#000; line-height:18px;white-space: nowrap; width:100%; overflow: hidden; text-overflow: ellipsis;}
.pop_box_new .hot_item .list li a .num_box{display:inline-block; width:18px; height:18px; border:1px solid #fd8f38; color:#fd8f38; font-size:14px; text-align:center; line-height:16px; box-sizing:border-box; border-radius:2px; margin-right:7px; padding:0;}
.pop_box_new .hot_item .list2{display:none; /* width:130px; */ vertical-align:top; position:absolute; top:-13px; right:-14px; padding:10px 15px; border:1px solid #333; background-color:#fff; z-index:1000; border: 3px solid #1a87d9;}
.pop_box_new .hot_item .list2 li{text-align:left; width:100%; margin-bottom:10px;}
.pop_box_new .hot_item .list2 li a{display:block; font-size:14px; font-weight:400; letter-spacing:0; color:#000; line-height:18px;white-space: nowrap; width:100%; overflow: hidden; text-overflow: ellipsis;}
.pop_box_new .hot_item .list2 li a .num_box{display:inline-block; width:18px; height:18px; border:1px solid #fd8f38; color:#fd8f38; font-size:14px; text-align:center; line-height:16px; box-sizing:border-box; border-radius:2px; margin-right:7px; padding:0;}
.pop_box_new .hot_item .list2 li:last-child{margin-bottom:0;}
.pop_box_new .hot_item:hover .list2{display:block;}

.head_search_area{width:100%; height:72px; box-sizing:border-box; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin-top:39px; position:relative; z-index:2;}
.head_search_area .head_search_box{width:1000px; height:100%; margin:0 auto; position:relative; text-align:left;}
.head_search_area h1{display:inline-block; vertical-align:top; margin-top:12px;}
.head_search_area .search_box{display:inline-block; width:521px; height:72px; position:absolute; top:-1px; left:207px; box-sizing:border-box; border:1px solid #1b1b1b; z-index:2; overflow:hidden;}
.head_search_area .search_box input{display:inline-block; vertical-align:top; float:left; width:439px; height:70px; border:0; background:none; box-sizing:border-box; padding:5px 20px;}
.head_search_area .search_box input::placeholder{text-align:center;}
.head_search_area .search_box span{display:inline-block; vertical-align:top; float:left; width:80px; height:70px; background:#1b1b1b url("../img/comm/search_icon.png") no-repeat center;}
.head_search_area .search_box span a{display:block; width:100%; height:100%;}

.head_search_area .fav_link{display:inline-block; vertical-align:top; float:right; margin-right:25px; margin-top:20px; text-align:left; overflow:hidden;}
.head_search_area .fav_link::after{content:""; display:block; clear:both;}
.head_search_area .fav_link button{display:inline-block; vertical-align:top; float:left; width:auto; height:auto; box-sizing:border-box; border:0; background:none; box-shadow:none; font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#000000; line-height:1; padding:8px 0 0 8px; position:relative; outline:none;}

.head_search_area .fav_link button span{display:none; width:6px; height:6px; border-radius:3px; background-color:#e5004f; position:absolute; top:0; left:0;}
.head_search_area .fav_link button.on span{display:block;}
.head_search_area .fav_link .line{display:inline-block; vertical-align:top; float:left; width:1px; height:12px; background-color:#a0a0a0; margin:8px 8px 0 14px;}

.favorite_bg_new{width:100%; height:62px; box-sizing:border-box; z-index:1;}
.favorite_bg_new .favorite{width:1000px; box-sizing:border-box; margin:0 auto;}
.favorite_bg_new .favorite .fav_list{display:table; width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.favorite_bg_new .favorite .fav_list > li{display:table-cell; width:auto; height:62px; text-align:center; font-size:14px; font-weight:400; letter-spacing:-0.25px; color:#000000; line-height:1;}
.favorite_bg_new .favorite .fav_list > li span{display:inline-block; width:100%; box-sizing:border-box; padding:0 5px;}
.favorite_bg_new .favorite .fav_model{/* margin-top:8px;  */display:none;}

.major_menu_new{display:inline-block; vertical-align:top; float:right; margin-right:24px; box-sizing:border-box; padding:15px 0; overflow:hidden;}
.major_menu_new a{display:inline-block; vertical-align:top; float:left; font-size:13px; font-weight:700; letter-spacing:-0.25px; color:#ffffff; line-height:15px; margin-right:30px;}
.major_menu_new .line{display:inline-block; vertical-align:top; float:left; width:1px; height:13px; margin:1px 22px; background-color:#ffffff;}
.major_menu_new .major_wish{color:#fff100;}
.major_menu_new .major_wish img{display:inline-block; vertical-align:top; margin-right:3px;}

.major_menu_new2{display:inline-flex; align-items:center; vertical-align:top; float:right; margin-right:0; box-sizing:border-box; padding:0; height:45px;}
.major_menu_new2 > a{display:inline-block; font-size:13px; font-weight:700; letter-spacing:-0.25px; color:#ffffff; line-height:15px; margin-right:30px;}
.major_menu_new2 > .line{display:inline-block; width:1px; height:13px; margin:1px 22px; background-color:#ffffff;}
.major_menu_new2 > .major_wish{color:#fff100;}
.major_menu_new2 > .major_wish img{display:inline-block; vertical-align:top; margin-right:3px;}
.major_menu_new2 > .rankingBox{display:inline-flex; width:167px; height:30px; border:1px solid #bee1ff; box-sizing:border-box; background:#fff; position:relative; z-index:5; margin-left:30px;}
.major_menu_new2 > .rankingBox .rankingView{width:100%; height:100%; overflow:hidden; padding-right:40px; position:relative;}
.major_menu_new2 > .rankingBox .rankingView::after{content:""; display:block; width:8px; height:5px; background:url("/img/comm/ranking_arrow.png") no-repeat center center/cover; position:absolute; top:50%; right:28px; transform:translateY(-50%); z-index:2;}
.major_menu_new2 > .rankingBox .rankingView .inSlide{width:100%; height:100%;}
.major_menu_new2 > .rankingBox .rankingView .slideItem{display:flex; align-items:center; width:100%; height:28px; padding:0 10px; box-sizing:border-box; font-size:13px; letter-spacing:-0.025em; line-height:1.3; color:#1b1b1b;}
.major_menu_new2 > .rankingBox .rankingView .slideItem span{display:inline-block; flex-shrink:0; width:15px; height:auto; font-weight:700; text-align:right;}
.major_menu_new2 > .rankingBox .rankingView .slideItem p{display:inline-block; width:calc(100% - 15px); padding-left:10px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.major_menu_new2 > .rankingBox .rankingListBox{display:none; width:167px; height:286px; box-sizing:border-box; border:1px solid #bee1ff; position:absolute; top:28px; left:-1px; background:#fff; z-index:5;}
.major_menu_new2 > .rankingBox .rankingListBox .boxTab{display:flex; width:100%; height:29px;}
.major_menu_new2 > .rankingBox .rankingListBox .boxTab button{display:inline-block; width:50%; height:100%; box-sizing:border-box; font-size:13px; font-weight:700; letter-spacing:-0.025em; line-height:28px; border:0; border-bottom:1px solid #bee1ff; background:#f5f9fd; text-align:center; color:#1b1b1b; cursor:pointer; padding:0; box-shadow:0; margin:0;}
.major_menu_new2 > .rankingBox .rankingListBox .boxTab button + button{border-left:1px solid #bee1ff;}
.major_menu_new2 > .rankingBox .rankingListBox .boxTab button.on{background:#fff; border-bottom-color:#fff; color:#007ee9;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem{display:none; width:100%; height:auto; box-sizing:border-box; padding:10px;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem.on{display:block;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul{width:100%; height:auto;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li{display:flex; align-items:center; width:100%; height:auto; font-size:13px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; color:#757575;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li + li{margin-top:7px;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li:nth-child(-n+3){color:#1b1b1b;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li a{display:flex; align-items:center; width:100%; height:auto; color:inherit;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li .number{display:inline-block; flex-shrink:0; width:15px; text-align:right;}
.major_menu_new2 > .rankingBox .rankingListBox .listItem ul li p{display:inline-block; width:calc(100% - 15px); box-sizing:border-box; padding-left:10px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.major_menu_new2 > .rankingBox:hover .rankingView::after{transform:translateY(-50%) rotate(180deg);}
.major_menu_new2 > .rankingBox:hover .rankingListBox{display:block;}

/* .favorite_bg .favorite .fav_list li span{vertical-align:middle; position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:5px 15px; text-align:center; font-size:13.5px; letter-spacing:-0.5px;}
.favorite_bg .favorite .fav_list li span.on{vertical-align:middle; position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:5px 15px; text-align:center; font-size:13.5px; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.5px;} */

/* fast_login */
.fast_login {float:right; overflow:hidden}
.fast_login h2 {float:left; margin-top:10px}
.fast_login ul {float:left; border-left:1px solid #383838; border-right:1px solid #383838; height:40px; margin-left:20px}
.fast_login ul input { background-color:#000000; width:126px; padding:6px 10px; margin-top:7px; font-size:12px; color:#a6a6a6;}
.fast_login ul li {float:left}
.fast_login ul li+li {border-left:1px solid #383838; height:40px}
.fast_login .btn_area {float:left; margin-left:10px; margin-top:6px}
.fast_login .btn_area a+a {margin-left:8px}


/*로그아웃 일때 처리 화면 브라보디자인 2015-09-16*/
.fast_login_out {float:right; overflow:hidden}
.fast_login_out h2 {float:left; margin-top:10px}
.fast_login_out ul {float:left; border-left:1px solid #383838; border-right:1px solid #383838; height:40px; margin-left:20px}
.fast_login_out ul input { background-color:#000000; width:126px; padding-left:10px; margin-top:12px; font-size:12px; color:#a6a6a6}
.fast_login_out ul li {float:left}
.fast_login_out ul li+li {border-left:1px solid #383838; height:40px}
.fast_login_out .btn_area {float:left; margin-left:10px; margin-top:6px}
.fast_login_out .btn_area a+a {margin-left:8px}


/* QUICK */
.quick_as {position:absolute; left:50%; margin-left:-630px; z-index:100; top:380px}
.quick_as a{display:block;}
.quick_product {width:100px; position:absolute; left:50%; margin-left:520px; z-index:100; top:380px}
.quick_product dl {border:1px solid #cccccc; overflow:hidden; margin-top:8px; background-color:#FFFFFF}
.quick_thumb_product {overflow:hidden; width:72px; margin:auto; padding-top:8px}
.quick_thumb_product li {border:1px solid #e4e4e4; width:70px; height:70px}
.quick_thumb_product li+li {margin-top:10px}
.arr_left_right {overflow:hidden; padding-top:10px; padding-bottom:15px; margin:auto; width:72px}
.arr_left_right  li {float:left}
/* 메인 퀵 설정 */
.quick_as_main {width:100px; position:absolute; left:50%; margin-left:-630px; z-index:100; top:667px;}
.quick_as_main a{display:block;}
.quick_as_main a + a{margin-top:5px;}
.quick_product_main {position:absolute; left:50%; margin-left:520px; z-index:100; top:667px;}
.quick_product_main dl {border:1px solid #cccccc; overflow:hidden; margin-top:8px; background-color:#FFFFFF}
#quick .quick_product .quick_banner_box, #quick .quick_product_main .quick_banner_box{width:100px; height:auto; box-sizing:border-box;}
#quick .quick_product .quick_banner_box .quick_banner_list, #quick .quick_product_main .quick_banner_box .quick_banner_list{width:100%; height:auto; box-sizing:border-box;}
#quick .quick_product .quick_banner_box .quick_banner_list .banner_list_item, #quick .quick_product_main .quick_banner_box .quick_banner_list .banner_list_item{width:100%; height:auto; box-sizing:border-box; margin-bottom:5px;}
#quick .quick_product .quick_banner_box .quick_banner_list .banner_list_item a, #quick .quick_product_main .quick_banner_box .quick_banner_list .banner_list_item a{display:block; width:100%; height:auto;}
#quick .quick_product .quick_banner_box .quick_banner_list .banner_list_item img, #quick .quick_product_main .quick_banner_box .quick_banner_list .banner_list_item img{display:block; width:100%; height:auto;}


/* FOOTER */
#footer {overflow:hidden; margin-top:40px}
.community_bnr_area {background-color:#2f3030; overflow:hidden}
.community {width:1000px; margin:auto; overflow:hidden}
.community .left_area {width:315px; float:left; overflow:hidden; margin-top:40px}
.community .left_area dl {overflow:hidden}
.community .left_area dl+dl {margin-top:63px}
.community .left_area dl dt {overflow:hidden; border-bottom:2px solid #4d4d4d; padding-bottom:14px}
.community .left_area dl dt h3 {float:left}
.community .left_area dl dt .btn_more {float:right; margin-top:2px}
.community .left_area dl dd {overflow:hidden; margin-top:15px}
.community .left_area dl dd ul {overflow:hidden; color:#dddddd; font-size:13px}
.community .left_area dl dd ul+ul {margin-top:7px}
.community .left_area dl dd ul li a {color:#dddddd}
.community .left_area dl dd ul li:first-child {float:left}
.community .left_area dl dd ul li+li {float:right}
.community .right_area {width:665px; float:right; overflow:hidden}
.bnr_evner {float:left; margin:30px 0px}
.box_delevery {margin-left:14px; float:left; width:321px; position:relative; overflow:hidden}
.box_delevery .ico_delevery {position:absolute; right:0px; top:22px }
.box_delevery ul {margin-top:30px}
.box_delevery ul li:first-child {background-color:#262630; padding:18px 0px 15px 17px}
.box_delevery ul li:first-child p {margin-top:8px}
.box_delevery ul .post_office{position:relative; width:320px; height:205px; z-index:1; background:url('../img/comm/ico_footer_bnr_new.png') no-repeat center; box-sizing:border-box; padding-top:113px; overflow:hidden;}
/* .box_delevery ul .post_office  */
.box_delevery ul .post_office .post_link{width:50%; height:92px; float:left; display:inline-block; z-index:10;}

.box_call_bank{width:100%; background-color:#f7f7f7;}
.box_call_bank ul {width:1000px; margin:0 auto; overflow:hidden; font-size:0;}
.box_call_bank ul li {display:inline-block; vertical-align:top;}
.box_call_bank ul li+li {margin-left:106px}

.copyright {border-top:3px solid #2f3030; position:relative}
.copyright dl {overflow:hidden; width:1000px; margin:auto; padding:20px 0px 33px 0px; font-size:13px}
.copyright dl dt {overflow:hidden}
.copyright dl dt ul li:first-child {float:left; color:#2f3030; font-size:13px; letter-spacing:-1px; margin-top:7px}
.copyright dl dt ul li:first-child a {color:#000000}
.copyright dl dt ul li:first-child span {color:#b5b5b5; margin:0px 6px}
.copyright dl dt ul li+li {float:right}
.copyright dl dt ul li+li a+a {margin-left:18px}
.copyright dl dd {color:#5b5b5b; line-height:18px; margin-top:15px}
.copyright dl dd span {margin-left:8px}
.btn_top { position:absolute; bottom:0px; left:50%; margin-left:510px}

/* 푸터 리뉴얼 210622 */
#footer.border{width:100%; height:auto; box-sizing:border-box; border-top:1px solid #dcdcdc;}
.footer_boardBox{width:1000px; height:auto; box-sizing:border-box; margin:0 auto; padding:17px 0;}
.footer_boardBox .footer_board{display:inline-block; vertical-align:top; float:left; width:670px; height:auto;}
.footer_boardBox .footer_board .fBoard_section{width:100%; height:auto;}
.footer_boardBox .footer_board .fBoard{display:inline-block; vertical-align:top; float:left; width:233px; height:auto;}
.footer_boardBox .footer_board .fBoard + .fBoard{margin-left:78px;}
.footer_boardBox .footer_board .fBoard .fBoard_title{width:100%; height:auto; box-sizing:border-box; padding:20px 0 9px 0; overflow:hidden; border-bottom:1px dashed #959595;}
.footer_boardBox .footer_board .fBoard .fBoard_title h3{display:inline-block; vertical-align:top;}
.footer_boardBox .footer_board .fBoard .fBoard_title a{display:inline-block; vertical-align:top; float:right; margin-top:4px;}
.footer_boardBox .footer_board .fBoard ul{width:100%; height:auto; box-sizing:border-box; padding-top:10px;}
.footer_boardBox .footer_board .fBoard ul li{width:100%; height:auto; box-sizing:border-box; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_boardBox .footer_board .fBoard ul a{display:inline-block; vertical-align:top; width:auto; max-width:100%; font-size:12px; font-weight:400; letter-spacing:-1.5px; color:#959595; line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_boardBox .footer_board .fCall_section{width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin-top:35px;}
.footer_boardBox .footer_board .fCall_section .dvy_searchBox{display:inline-block; vertical-align:top; float:right; font-size:0; margin-right:74px;}
.footer_boardBox .footer_board .fCall_section .dvy_searchBox > img{display:inline-block; vertical-align:top; margin-right:5px; margin-top:8px;}
.footer_boardBox .footer_board .fCall_section .dvy_searchBox .dvyType_box{display:inline-block; vertical-align:top;}
.footer_boardBox .footer_board .fCall_section .dvy_searchBox .dvyType_box a{display:inline-block; vertical-align:top;}
.footer_boardBox .footer_board .fCall_section .dvy_searchBox .dvyType_box a + a{margin-left:3px;}
.footer_boardBox .footer_board .fCall_section .hoursInfo{width:100%; height:auto; box-sizing:border-box; margin-top:21px; font-family:'돋움', dotum, '애플고딕',AppleGothic; font-size:12px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; color:#7d7d7d;}
.footer_boardBox .footer_board .fCall_section .hoursInfo span{display:inline-block; vertical-align:top;}
.footer_boardBox .footer_board .fCall_section .hoursInfo .infoColor1{color:#eb6877;}
.footer_boardBox .footer_board .fCall_section .hoursInfo .infoColor2{color:#313131;}
.footer_boardBox .footer_banner{display:inline-block; vertical-align:top; float:right; width:330px; height:auto;}
.footer_copyright{width:100%; height:auto; box-sizing:border-box; border-top:1px solid #dcdcdc; padding-top:49px;}
.footer_copyright .footer_inBox{width:1000px; height:auto; box-sizing:border-box; margin:0 auto;}
#footer.border .copyright{border-top:0; margin-top:28px;}

/*로딩마스크*/
#loading-mask {
    position:absolute;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.80;
    filter:alpha(opacity=80);
    z-index:30000;
    display:none;
	text-align:center;
	font-size:30px;
	color:#ffffff;
}

#loading-mask p{
	margin-top:30%;
	text-align:center;
	font-size:30px;
	color:#ffffff;
}
/*로딩마스크*/

.color1 {color:#f62956; letter-spacing:0px}
.red_color{color:#FF0000}
.gray_color{color:#8d8d8d;font-size:13px;}

.make_company{color: #fff !important}
.make_company > a:visited{color: #fff}
.make_company::selection {
    background-color: white;
}