@charset "euc-kr";
/* CSS Document */

#wrap {width:100%; position:relative; overflow:hidden;}
.util_wrap {width:100%; height:33px; position:fixed; z-index:20; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
.util_wrap .utilmenu {width:80%; height:32px; margin:0 auto; color:#fff;}
.util_wrap .utilmenu ul {float:right;}
.util_wrap .utilmenu li {float:left; color:#333; padding:7px 0 0 20px;}
.util_wrap .utilmenu li a {color:#333;}

#mvisual_wrap {width:100%; height:413px; position:relative; z-index:2;}
#mvisual_wrap .header {width:100%; margin:0 auto; position:relative; z-index:100;}
#mvisual_wrap .header .logo {position:absolute; top:52px; left:30%; z-index:5;}
.search_wrap {background-color:#fff; width:378px; height:33px; position:absolute; z-index:5; top:55px; left:45%; border:1px solid #292929;}
.search_wrap input[type=text] {border:0; width:330px; padding:5px 5px; height:20px; float:left; letter-spacing:-1px;}
.group {position:absolute; z-index:6; top:58px; left:5%;}
.enterprise{display:none;}


#mvisual_wrap .header .gnb {position:absolute; top:114px; height:44px; z-index:99; width:100%; color:#fff; 
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

}
#mvisual_wrap .header .gnb li {float:left; color:#fff; text-align:center; width:16%; font-size:13px; letter-spacing:-2px; padding:13px 0 0 0;}
#mvisual_wrap .header .gnb li a {color:#fff;}
#mvisual_wrap .header .gnb li .bar {float:right; color:#fff !important;}
#mvisual_wrap .mvisual01 {background:url(/img/mvisual01.jpg) center 0 no-repeat; height:413px; width:100%; position:absolute;left:0px;top:0px; z-index:2; }
#mvisual_wrap .mvisual02 {background:url(/img/mvisual02.jpg) center 0 no-repeat; height:413px; width:100%; position:absolute;left:0px;top:0px; display:none;}
#mvisual_wrap .mvisual03 {background:url(/img/mvisual03.jpg) center 0 no-repeat; height:413px; width:100%; position:absolute;left:0px;top:0px; display:none;}

#mcontent_wrap {width:96%; padding:0 2%; position:relative; background:url(.gif) 100% 0 repeat-x;}
#mcontent_wrap .mcontent {width:100%; margin:0 auto; position:relative;}
#mcontent_wrap .pop {float:right; margin:20px 0 0 0;}
#mcontent_wrap .pop01 {display:none;}
#mcontent_wrap .mcontent:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
#mcontent_wrap .mcontent .best {width:100%; padding:20px 0; float:left;}
.best .mtit {font-size:1.8em; font-weight:bold; color:#292929;}
.best .best_list {width:100%; position:relative; padding:30px 0; }
.best .best_list:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.best .best_list ul {width:100%; float:left;}
.best .best_list ul li {border:2px solid #fff; float:left; width:45%; margin:0 7px 20px 0px; background-color:#fff;}
.best .best_list .best_goods {padding:5px; float:left; }
.best .best_list .best_goods .best_icon {position:absolute; z-index:10; padding:10px 0 0 15px;}
.best .best_list .best_goods .img {float:left; width:100%; text-align:center; } 
.best .best_list .best_goods .img img {max-width:100%;}
.best .best_list .best_goods .best_tit {padding:10px 0 0 0; width:100%; float:left; text-align:left; font-size:1em; color:#363636; font-weight:bold; }
.best .best_list .best_goods .best_origin {padding:5px 0 0 0px; width:90%; float:left; text-align:left; font-size:0.95em; color:#5c5c5c; letter-spacing:-0.5px;}
.best .best_list .best_goods .best_price {padding:5px 0 0 0px; width:90%; float:right; text-align:left; font-size:2em; font-weight:bold; color:#ca2525; letter-spacing:-1.5px;}
.best .best_list .best_goods .price {font-size:0.6em !important;}

.best .mgoods_wrap {width:100%; position:relative; margin:30px 0 0 0;}
.best .mgoods_wrap .mgoods_tab {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.best .mgoods_wrap .mgoods_tab:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.best .mgoods_wrap .mgoods_tab ul li {width:25%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.best .mgoods_wrap .mgoods_tab ul li:hover {background-color:#eee; color:#fff; }
.best .mgoods_wrap .mgoods_tab ul li a {width:25%;}
.best .mgoods_wrap .mgoods_tab ul li.on {background-color:#3e74bf;}
.best .mgoods_wrap .mgoods_tab ul li.on a {width:100%; display:inline-block; color:#fff;}
.best .mgoods_wrap .mgoods_tab ul li.off {}
.best .mgoods_wrap .mgoods_tab ul li.off a {width:100%; display:inline-block;}

.best .mgoods_wrap .mgoods_list {background-color:#fff; padding:20px 0; position:relative;}
.best .mgoods_wrap .mgoods_list .mgoods:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.best .mgoods_wrap .mgoods_list .mgoods {width:100%; position:relative; text-align:center; }
.best .mgoods_wrap .mgoods_list .mgoods li {border:1px solid #ddd; width:45%; padding:5px; height:368px; float:left; margin:0px 9px 20px 9px; }
.best .mgoods_wrap .mgoods_list .mgoods li .mgoods {padding:5px; float:left; }
.best .mgoods_list .mgoods .img {float:left; width:96%;}
.best .mgoods_list .mgoods .mgoods_tit {padding:15px 0 0 0; width:100%; float:left; text-align:left; font-size:1em; color:#363636; font-weight:bold; }
.best .mgoods_list .mgoods .mgoods_origin {padding:10px 0 0 0px; width:100%; float:left; text-align:left; font-size:1.1em; color:#5c5c5c; letter-spacing:-0.5px;}
.best .mgoods_list .mgoods .mgoods_price {padding:5px 0 0 0px; width:95%; float:left; text-align:right; font-size:2em; font-weight:bold; color:#0072b4; letter-spacing:-1.5px;}
.best .mgoods_list .mgoods .price {font-size:0.6em !important;}
.best .mgoods_list .mgoods .mgoods_menu {border-top:1px solid #ddd; padding:10px; float:left; width:90%; margin:25px 0 0 0; text-align:center;}
.best .mgoods_list .mgoods .mgoods_menu .mgoods_basket {float:left; width:50%; background:url(/img/mgoods_basket.gif) 0 0 no-repeat; font-size:1.2em;}
.best .mgoods_list .mgoods .mgoods_menu .mgoods_payment { float:left; width:50%; background:url(/img/mgoods_payment.gif) 0 0 no-repeat; font-size:1.2em;}

.best .mboard_wrap { width:100%; position:relative;}
.best .mboard_wrap:after {content:""; display:block; height:0; clear:both; visibility:hidden;}  
.best .mboard_wrap .notice {width:48%; border:1px solid #ddd; background-color:#fff; float:left; margin:0 10px 0 0; height:220px; position:relative; }
.best .mboard_wrap .notice .more {position:absolute; z-index:5; top:15px; left:310px;}
.best .mboard_wrap .notice ul {float:left; width:100%; padding:4%;}
.best .mboard_wrap .notice li {list-style:square inside; float:left; width:90%;}
.best .mboard_wrap .notice li a {list-style:square inside; line-height:28px; letter-spacing:-1px;}
.best .mboard_wrap .notice li a:hover {color:#0072b4; text-decoration:underline;}

.best .mboard_wrap .customer {width:48%; border:1px solid #ddd; background-color:#fff; float:left; margin:0 10px 0 0; height:220px;}
.best .mboard_wrap .customer .customer01 {float:left; width:100%; padding:10px 0 5px 90px; font-size:1.8em; font-weight:bold; background:url(/img/customer01.gif) 15px 15px no-repeat;}
.best .mboard_wrap .customer .customer02 {font-size:13px !important; font-weight:normal !important; }
.best .mboard_wrap .customer .customer03 {float:left; width:100%; padding:10px 0 5px 90px; font-size:13px; font-weight:bold; background:url(/img/customer02.gif) 30px 15px no-repeat;}
.best .mboard_wrap .customer .customer04 {font-size:1.8em !important; font-weight:normal !important; }

.best .mboard_wrap .popup {width:98%; border:1px solid #ddd; background-color:#fff; float:left; margin:10px 10px 0 0;}
.best .mboard_wrap .popup img {width:100%; height:100%; border:0;}
.best .mboard_wrap h3 {font-size:1.5em; font-weight:bold; color:#414141; width:94%; border-bottom:1px solid #ddd; padding:8px;}



#side_pop {display:none;}

#quick {display:none;}
#quick .quick_menu {width:100%; float:left; }
#quick .quick_menu li {border:1px solid #ddd; margin:10px 10px 5px 10px; float:left;}
#quick .quick_top {position:relative; top:95px; }

#footer {width:100%; position:relative; background-color:pink;}
#footer .foot_menu {background-color:#484e5a; height:30px; position:relative;}
#footer .foot_menu ul {width:100%; margin:0 auto; position:relative;}
#footer .foot_menu ul li {color:#fff; font-weight:bold; padding:5px 30px; float:left; }
#footer .foot_menu ul li a {color:#fff; float:left;}
#footer .foot_menu ul li a:hover {text-decoration:underline; color:#ddd;}
#footer .foot_menu ul li.nobg {background:none;}
#footer .foot_menu ul li.foot_info {float:right; background:none;}

#footer .footer_wrap {display:none;}
#footer .footer_wrap .foot_logo {float:left; padding:15px 0 0 0;}
#footer .footer_wrap .foot_add {float:left; width:580px; padding:0 0 15px 50px; line-height:23px;}
#footer .footer_wrap .foot_escro {float:right; width:120px; margin:-5px 0 0 0;}