#wrapper {width:100%; height:100%;}

/****header****/
#header {width:100%; height:100px;}
#header .headBox {position:relative; width:920px; height:100%; margin:0 auto; z-index:10;}

#header .section01 {width:100%; height:90px; background:#2890cf;}
/*#header .section01 {background: -webkit-linear-gradient(left, #2890cf , #d18de2); background: -o-linear-gradient(right, #2890cf, #d18de2); background: -moz-linear-gradient(right, #2890cf, #d18de2); background: linear-gradient(to right, #2890cf , #d18de2);}*/
#header .section01 .logo {position:absolute; top:20px; left:0px;}
#header .section01 .logo h1 {}
#header .section01 .logo h1 a {}

.glob_list {float:right;}
.glob_list ul#glob {position:relative; top:8px; right:0px;}
.glob_list ul#glob>li {float:left; padding:0 10px; background:url(../_img/common/glob_bar.png) no-repeat center left;}
.glob_list ul#glob>li:first-of-type {background:none;}
.glob_list ul#glob>li>a {color:#353535;}
.glob_list ul#glob li ul {display:none; position:absolute; top:20px; width:70px; overflow:hidden; background:rgba(0,0,0,0.7); margin-left:-6px; padding:5px 5px; box-sizing:border-box; z-index:9999;}
.glob_list ul#glob li ul li {}
.glob_list ul#glob li ul li a {color:#eee; font-size:11px}

#header .section01 #top_search {position:absolute; top:30px; left:50%; margin-left:-190px;}
#header .section01 #top_search input[type='text'] {padding:0 5px; border:none; background:#fff; color:#333; width:347px; height:35px;}

#header .section02 {width:100%; height:40px; background:#fff;}
#header .section02 .btn_all {float:left; padding:8px 0; text-transform:uppercase; color:#3c8fd1; font-weight:500; font-size:13px; cursor:pointer;}
#header .section02 .btn_all span {cursor:pointer; margin-right:10px;}
#header .section02 #log {padding:6px 0; float:right}
#header .section02 #log input[type='text'] {padding:5px; border:1px solid #d9d9d9;}
#header .section02 #log input[type='password'] {padding:5px; border:1px solid #d9d9d9;}
#header .section02 #log button {color:#fff; background:#848ed9; border:none; padding:5px 10px; line-height:15px !important;}


/****container****/
#container {width:100%; overflow:hidden;}
#container #content {position:relative; width:920px; overflow:hidden; margin:0 auto; padding:5px 0 90px 0;}

#container .group_category {margin-top:35px;float:left; width:190px; height:auto; background: #d18de2; background: -webkit-linear-gradient(#2890cf , #d18de2); background: -o-linear-gradient(#2890cf , #d18de2); background: -moz-linear-gradient(#2890cf , #d18de2); background: linear-gradient(#2890cf , #d18de2);}
/*#container .group_category ul {}
#container .group_category ul>li {border-bottom:1px solid rgba(255,255,255,0.3); cursor:pointer;}
#container .group_category ul>li>a {display:block; padding:20px 15px; color:#fff; font-size:13px; font-weight:600; text-decoration:none;}
#container .group_category ul>li>a span {display:block; float:right;}
#container .group_category ul>li>a span img.btn_arrow {display:none;}
#container .group_category ul>li ul {background:#fff; padding:10px 0;}
#container .group_category ul>li ul li { padding:5px 0;}
#container .group_category ul>li ul li a {color:#4c4c4c; padding:0 15px; font-size:12px; font-weight:600;}
#container .group_category ul>li ul li a:hover {color:#f00; text-decoration:underline;}
#container .group_category ul>li ul li:first-of-type a {color:#2890cf !important; font-size:15px;}
*/
#container .category-menu * {box-sizing:border-box;}
#container .category-menu {width:100%;}
#container .category-menu > li {border-bottom:1px solid rgba(255,255,255,0.3);cursor:pointer;}
#container .category-menu a {display:block;outline:0;}
#container .category-menu > li > ul > li > a {padding:0 15px;}
#container .category-menu > li > ul > li > ul > li > a {padding:0 30px;}
#container .category-menu > li > ul > li > ul > li > ul > li > a {padding:0 45px;}
#container .category-menu > li > a {color:#fff;font-size:13px;font-weight:600;text-decoration:none;padding:20px 15px;}
#container .category-menu ul li {padding:5px 0;}
#container .category-menu ul li > a {color:#4c4c4c;font-size:12px;font-weight:600;text-decoration:none;}
#container .category-menu li > a > span {float:right;}
#container .category-menu ul {background-color:#fff;}
/*#container .category-menu > li ul li:first-of-type a {color:#2890cf !important; font-size:15px;}*/
/*#container .category-menu > li > ul > li > ul li:first-of-type a {font-size:13px;}*/
#container .category-menu li:hover {background-color:rgba(0,0,0,0.1);}
#container .category-menu li.active {background-color:rgba(0,0,0,0.1);}
#container .category-menu ul {display:none;}
#container .category-menu .btn_arrow {display:none;}

#container .main_contents {float:right; width:705px; overflow:hidden;}
#container .main_contents #sub_pdtBox {position:relative; width:100%; overflow:hidden; padding-top:20px;}
#container .main_contents #sub_pdtBox h2 {font-size:16px; text-transform:uppercase; margin-bottom:10px;}
#container .main_contents #sub_pdtBox h2 span {font-size:12px; color:#5d5d5d; cursor:pointer; float:right; padding:0 3px;}
#container .main_contents #sub_pdtBox h2 span.none_check {}
#container .main_contents #sub_pdtBox h2 span.on_check {padding-left:13px; color:#2990CF !important; background:url('../_img/sub/ico_check.png') no-repeat left center; background-position:0 6px;}

#container .main_contents #sub_pdtBox h2#list_tit {color:#2990cf;}
#container .main_contents #sub_pdtBox h2#detail_tit {color:#cf8de2;}
#container .main_contents #sub_pdtBox #s_pdtListBox {position:relative; float:left; width:340px; overflow:hidden;}
#container .main_contents #sub_pdtBox #s_pdtDetailBox {position:relative; float:right; width:350px; overflow:hidden;}
#container .main_contents #sub_pdtBox #s_pdtDetailBox h3 {font-size:13px; color:#333;}

#container .main_contents #cart_checkList {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
#container .main_contents #cart_checkList #total_priceBox {position:relative; width:100%; border:4px solid #c8c8c8; background:#fff; box-sizing:border-box; margin:30px 0; padding:15px 0;}
#container .main_contents #cart_checkList #total_priceBox p {color:#333; font-size:15px; text-align:center;}
#container .main_contents #cart_checkList #total_priceBox p strong {padding:0 3px 0 6px; font-weight:900; color:#fe2f2f; font-size:22px; letter-spacing:-1px;}
#container .main_contents #cart_checkList #total_priceBox p span {color:#aaa; padding:0 3px;}

#container .main_contents #orderList,#container .main_contents #balance, #container .main_contents #pw_check, #container .main_contents #pw_check {box-sizing:border-box;}


/****footer****/
#footer {position:relative; width:100%; border-top:1px solid #c4c4c4;}
#footer .footBox {position:relative; width:920px; height:100%; margin:0 auto;}

#footer .fMenu {width:100%; height:95px; border-top:4px solid #e1e1e1; border-bottom:1px solid #c4c4c4; background:#fff;}
#footer .fMenu ul {}
#footer .fMenu ul li {position:relative; display:block; height:95px; box-sizing:border-box; padding:15px; float:left; color:#838383; font-size:15px; font-weight:600;}
#footer .fMenu ul li a {color:#838383; font-size:15px; font-weight:600;}
#footer .fMenu ul li.fMenu01 {width:163px; border-left:1px solid #c4c4c4; text-align:center;}
#footer .fMenu ul li.fMenu01:first-of-type {background:url(../_img/common/ico_custom01.png) no-repeat center 45px;}
#footer .fMenu ul li.fMenu01:nth-of-type(2) {background:url(../_img/common/ico_custom02.png) no-repeat center 43px;}
#footer .fMenu ul li.fMenu01:nth-of-type(3) {background:url(../_img/common/ico_custom03.png) no-repeat center 40px;}
#footer .fMenu ul li.fMenu02 {width:178px; border-left:1px solid #c4c4c4; }
#footer .fMenu ul li.fMenu02 p {color:#3c8fd1; font-size:21px; letter-spacing:-1px; padding:10px 0;}
#footer .fMenu ul li.fMenu03 {width:253px; padding:0 !important; border-right:1px solid #c4c4c4;}
#footer .fMenu ul li.fMenu03 #time {border-left:1px dotted #c4c4c4; border-bottom:1px dotted #c4c4c4; padding:15px; font-size:13px; line-height:16px;}
#footer .fMenu ul li.fMenu03 #fax {border-left:1px dotted #c4c4c4; padding:7px 15px; font-size:13px;}

#footer .fAddress {width:100%; height:140px; padding:30px 0; box-sizing:border-box;}
#footer .fAddress .f_logo {float:left; overflow:hidden; padding:0 10px;}
#footer .fAddress .f_addr {float:left; margin-left:40px;}
#footer .fAddress .f_addr #addr01 a {padding:0 10px; background:url(../_img/common/glob_bar.png) no-repeat center left; color:#4d4d4d;}
#footer .fAddress .f_addr #addr01 a:first-of-type {background:none; padding-left:0 !important;}
#footer .fAddress .f_addr #addr02 {color:#a7a7a7;}