body,button,form,h1,h2,h3,h4,h5,h6,input,p,select,table,th,td,textarea,ul,li,ol,dd,dl,dt{font:normal 12px dotum;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font: inherit;}
h2{font-weight:bold;}
ul, ol, li{list-style:none}
a{text-decoration:none;color:#000;}
a:link, a:visited { text-decoration:none; color:#555;}
a:active, a:hover, a:focus {text-decoration:none; color:#555;}
table {width:100%;border-collapse: collapse;border-spacing: 0;}
img, fieldset, form{border:0}
.hide{position: absolute;visibility: hidden;top: 0;left: 0;width: 0;height: 0;font-size: 1%;  line-height: 1%;}

#pageCover{display: none;position:fixed;z-index: 150;top: 0;left: 0;width: 100%;height: 100%;background:#000; opacity:.3; filter:alpha(opacity:30);}
#header{position:relative;width:100%;}
#header .gnbArea-wrap{width:100%;height:45px;background:#f5f5f5;}
#header .gnbArea-wrap .gnbArea{width:1090px;height:34px;margin:0 auto;padding:11px 0 0;color:#666;}
#header .gnbArea-wrap .gnbArea:after{display:block;clear:both;content:"";}
#header .gnbArea-wrap .login-name{line-height: 25px;}
#header .gnbArea-wrap .gnbArea ul.gnb{float:right;}
#header .gnbArea-wrap .gnbArea ul.gnb:after{display:block;clear:both;content:"";}
#header .gnbArea-wrap .gnbArea ul.gnb li{float:left;margin-left:12px;line-height: 23px;font-size:13px;}
#header .gnbArea-wrap .gnbArea ul.gnb li a{color:#666;}
#header .gnbArea-wrap .gnbArea ul.gnb .login{display: block;float:left;width:57px;height:23px;background:url('/images/tos/social/btn_login.gif');overflow: hidden;text-indent: 101%;white-space: nowrap;cursor:pointer;}
#header .area_flex{position:relative;width:1090px;height:111px;margin:0 auto;padding:0}
#header .area_flex:after{display:block;clear:both;content:""}
#header .area_flex h1 {position: absolute;top: 21px;left: 11px;width: auto;margin:0;z-index: 100;}

#header #search {width: 445px;height: 36px;border: 2px solid #333;position: absolute;z-index: 2;left: 227px;top: 35px;background:#fff;}
#header #search.mb {width: 445px;height: 36px;border: 2px solid #ff3f40;position: absolute;z-index: 2;left: 227px;top: 35px;background:#fff;}
#header #search .btn-search{width:78px;height:34px;padding-top:2px;background: url(/images/tos/social/btn_search.gif) no-repeat;}
#header #search .btn-search.mb{width:78px;height:34px;padding-top:2px;background: url(/images/tos/social/btn_search_re.gif) no-repeat;}
#header #search a {position: absolute;right: 0;top: 0;text-align: center;height: 34px;overflow: hidden;}
#header #search input.search {position: absolute;top: 0;width: 296px;height: 28px;padding: 3px 0 0 17px;border: 1px solid #fff;line-height: 29px;font-size: 15px;color: #666;overflow: hidden;vertical-align: middle;}
#header .area_flex .direct_link {position: absolute;top: 38px;left: 698px;}
#header .area_flex .direct_link li {float: left;}
#header .area_flex .direct_link a {display: block;width:92px;height:35px;}
#header .area_flex .direct_link .menu1 a {margin-right:5px;background: url("/images/tos/social/menu_1.png") no-repeat;}
#header .area_flex .direct_link .menu2 a {background: url("/images/tos/social/menu_2.png") no-repeat;}
#header .area_flex .basket-box{position:relative;float:right;margin-top: 35px;}
#header .area_flex .basket-box:before{display:inline-block;position:absolute;top:0;left:-50px;width:41px;height:34px;background: url("/images/tos/social/basket.png") no-repeat;content: "";cursor:pointer;}
#header .area_flex .basket-box li:first-child{padding-bottom: 8px;}
#header .section-navbar{border-bottom:3px solid #ff3f40;border-top:1px solid #dce0e1;}
#header .section-navbar.mb{border-bottom:3px solid #ff3f40;border-top:1px solid #dce0e1;background:#ff3f40;}
#header .navbar{width:1090px;height:45px;margin:0 auto;padding:0px;}
#header .navbar ul:after{display:block;clear:both;content:"";}

#header .navbar ul li a{float:left;display:block;width:130px;height:45px;background:url('/images/tos/social/total_catagory.gif');text-indent:101%;overflow:hidden;white-space: nowrap;}
#header .navbar ul li:first-child a{width:179px;}
#header .navbar ul li + li a{background:url('/images/tos/social/navi_1.gif');}
#header .navbar ul li + li a.on,#header .navbar ul li + li a:hover{background:url('/images/tos/social/navi_1_over.gif');}
#header .navbar ul li + li + li a{background:url('/images/tos/social/navi_2.gif');}
#header .navbar ul li + li + li a.on,#header .navbar ul li + li + li a:hover{background:url('/images/tos/social/navi_2_over.gif');}
#header .navbar ul li + li +li + li a{background:url('/images/tos/social/navi_3.gif');}
#header .navbar ul li + li +li + li a.on,#header .navbar ul li + li +li + li a:hover{background:url('/images/tos/social/navi_3_over.gif');}
#header .navbar ul li + li + li + li + li a{background:url('/images/tos/social/navi_4.gif');}
#header .navbar ul li + li + li + li + li a.on,#header .navbar ul li + li + li + li + li a:hover{background:url('/images/tos/social/navi_4_over.gif');}
#header .navbar ul li + li + li + li + li + li a{background:url('/images/tos/social/navi_5.gif');}
#header .navbar ul li + li + li + li + li + li a.on,#header .navbar ul li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_5_over.gif');}
#header .navbar ul li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_6.gif');}
#header .navbar ul li + li + li + li + li + li + li a.on,#header .navbar ul li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_6_over.gif');}
#header .navbar ul li + li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_7.gif');}
#header .navbar ul li + li + li + li + li + li + li + li a.on,#header .navbar ul li + li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_7_over.gif');}

#header .navbar.hw ul li + li a{background:url('/images/tos/social/navi_8.gif');}
#header .navbar.hw ul li + li a.on,#header .navbar.hw ul li + li a:hover{background:url('/images/tos/social/navi_8_over.gif');}
#header .navbar.hw ul li + li + li a{background:url('/images/tos/social/navi_1.gif');}
#header .navbar.hw ul li + li + li a.on,#header .navbar.hw ul li + li + li a:hover{background:url('/images/tos/social/navi_1_over.gif');}
#header .navbar.hw ul li + li +li + li a{background:url('/images/tos/social/navi_2.gif');}
#header .navbar.hw ul li + li +li + li a.on,#header .navbar.hw ul li + li +li + li a:hover{background:url('/images/tos/social/navi_2_over.gif');}
#header .navbar.hw ul li + li + li + li + li a{background:url('/images/tos/social/navi_3.gif');}
#header .navbar.hw ul li + li + li + li + li a.on,#header .navbar.hw ul li + li + li + li + li a:hover{background:url('/images/tos/social/navi_3_over.gif');}
#header .navbar.hw ul li + li + li + li + li + li a{background:url('/images/tos/social/navi_5.gif');}
#header .navbar.hw ul li + li + li + li + li + li a.on,#header .navbar.hw ul li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_5_over.gif');}
#header .navbar.hw ul li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_6.gif');}
#header .navbar.hw ul li + li + li + li + li + li + li a.on,#header .navbar.hw ul li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_6_over.gif');}
#header .navbar.hw ul li + li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_7.gif');}
#header .navbar.hw ul li + li + li + li + li + li + li + li a.on,#header .navbar.hw ul li + li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_7_over.gif');}

#header .navbar.mb ul li a{float:left;display:block;width:130px;height:45px;background:url('/images/tos/social/total_catagory_re.gif');text-indent:101%;overflow:hidden;white-space: nowrap;}
#header .navbar.mb ul li:first-child a{width:179px;}
#header .navbar.mb ul li + li a{background:url('/images/tos/social/navi_1_re.gif');}
#header .navbar.mb ul li + li a.on,#header .navbar.mb ul li + li a:hover{background:url('/images/tos/social/navi_1_over_re.gif');}
#header .navbar.mb ul li + li + li a{background:url('/images/tos/social/navi_2_re.gif');}
#header .navbar.mb ul li + li + li a.on,#header .navbar.mb ul li + li + li a:hover{background:url('/images/tos/social/navi_2_over_re.gif');}
#header .navbar.mb ul li + li +li + li a{background:url('/images/tos/social/navi_3_re.gif');}
#header .navbar.mb ul li + li +li + li a.on,#header .navbar.mb ul li + li +li + li a:hover{background:url('/images/tos/social/navi_3_over_re.gif');}
#header .navbar.mb ul li + li + li + li + li a{background:url('/images/tos/social/navi_4_re.gif');}
#header .navbar.mb ul li + li + li + li + li a.on,#header .navbar.mb ul li + li + li + li + li a:hover{background:url('/images/tos/social/navi_4_over_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li a{background:url('/images/tos/social/navi_5_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li a.on,#header .navbar.mb ul li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_5_over_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_6_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li + li a.on,#header .navbar.mb ul li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_6_over_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_7_re.gif');}
#header .navbar.mb ul li + li + li + li + li + li + li + li a.on,#header .navbar.mb ul li + li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_7_over_re.gif');}

#header .navbar.dr{width:1090px;height:45px;margin:0 auto;padding:0px;}
#header .navbar.dr ul:after{display:block;clear:both;content:"";}
#header .navbar.dr ul li a{float:left;display:block;width:130px;height:45px;background:url('/images/tos/social/total_catagory.gif');text-indent:101%;overflow:hidden;white-space: nowrap;}
#header .navbar.dr ul li:first-child a{width:179px;}
#header .navbar.dr ul li + li a{background:url('/images/tos/social/navi_1.gif');}
#header .navbar.dr ul li + li a.on,#header .navbar.dr ul li + li a:hover{background:url('/images/tos/social/navi_1_over_re.gif');}
#header .navbar.dr ul li + li + li a{background:url('/images/tos/social/navi_2.gif');}
#header .navbar.dr ul li + li + li a.on,#header .navbar.dr ul li + li + li a:hover{background:url('/images/tos/social/navi_2_over_re.gif');}
#header .navbar.dr ul li + li +li + li a{background:url('/images/tos/social/navi_3.gif');}
#header .navbar.dr ul li + li +li + li a.on,#header .navbar.dr ul li + li +li + li a:hover{background:url('/images/tos/social/navi_3_over_re.gif');}
#header .navbar.dr ul li + li + li + li + li a{background:url('/images/tos/social/navi_4.gif');}
#header .navbar.dr ul li + li + li + li + li a.on,#header .navbar.dr ul li + li + li + li + li a:hover{background:url('/images/tos/social/navi_4_over_re.gif');}
#header .navbar.dr ul li + li + li + li + li + li a{background:url('/images/tos/social/navi_5.gif');}
#header .navbar.dr ul li + li + li + li + li + li a.on,#header .navbar.dr ul li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_5_over_re.gif');}
#header .navbar.dr ul li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_6.gif');}
#header .navbar.dr ul li + li + li + li + li + li + li a.on,#header .navbar.dr ul li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_6_over_re.gif');}
#header .navbar.dr ul li + li + li + li + li + li + li + li a{background:url('/images/tos/social/navi_7_re_dr.gif');}
#header .navbar.dr ul li + li + li + li + li + li + li + li a.on,#header .navbar.dr ul li + li + li + li + li + li + li + li a:hover{background:url('/images/tos/social/navi_7_over_re.gif');}

#header .category-wrap{position:relative;width:980px;margin:0 auto;padding:0 55px;}
#categoryBtn{width:975px; margin:0 auto; height:35px;  padding:11px 0 0 5px; position:relative;z-index:30000;}
#categoryBtn a{display:block}
#category{position:absolute; display:none; height:auto; border:2px solid #fe504f; width:1085px; background:#fff;left:50%; margin-left:-545px; top:0px; z-index:1002;}
#category .close{cursor:pointer; position:absolute; right:10px; bottom:10px; display:block; overflow:hidden; width:21px; height:19px; background:url(http://www.officeplus.com/images/qubridge/common_new/btn_close.gif) no-repeat 0 0; }
#category .close:hover{text-indent:-9999px; height:19px;  background-position:0 -19px;}
#category .arrow{background:url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb.gif) no-repeat 0 0;position:absolute; top:-5px; width:9px; height:5px;display:block;left:68px}
#category ul{overflow:hidden; background: url(/images/tos/social/sp_line.png) repeat-y;line-height: 20px; zoom: 1}
#category ul li{float:left; width:157px;margin:0 20px;padding:0 10px;}
#category ul li:first-child,#category ul li.menu6{width:155px;}
#category ul li.mgl{margin-left:0}
#category ul li.menu2, #category ul li.menu3{margin-right:21px}
#category ul li.menu5{height:400px;}
#category ul li.menu6, #category ul li.menu8{height: 350px;margin-top:-73px;}
#category ul li a{color:#696c77;  display:block;}
#category ul li h2.lst_tit{background:#e8e8ea; text-align:center; color:#595a5b; margin:20px 0 5px 0; font-size:13px; width:154px}
#category ul li h2.lst_tit a{line-height:25px; height:24px; padding:3px 0 2px; letter-spacing:-1px;}
#category ul li h2.lst_tit a:hover{background:#d5d5d9;}
#category ul li ul.lv1, #category ul li ul.lv1 li ul.lv2{background:none}
#category ul li ul.lv2 li{float:none; margin:0}
#category ul li ul.lv2 li a{line-height:18px; height:17px; padding-top:3px; }
#category ul li ul.lv2 li a:hover{text-decoration:underline;}
#category ul li ul.lv2 strong{background:#ff4b3a; color:#fff; height:14px; line-height:15px; padding:3px 2px 1px 2px; font-weight:normal; margin-left:4px; display:inline-block;}
#category ul li.menu6 h2.lst_tit, #category ul li.menu7 h2.lst_tit. #category ul li.menu8 h2.lst_tit{margin-top:10px;}

#container{position:relative;width:100%;min-height:1000px}
#container .mainList-box{margin:50px 0 0;}
#container .mainList-box .prodL {width: 946px;margin: 17px 0 0;padding: 40px 0 0 34px;border-top: 1px solid #18191a;clear: both;overflow: hidden;}
#container .prodL:after{display:block;clear:both;content:"";}
#container .prodL li {float: left;height: 259px;padding: 0 13px 0 5px;}
#container .prodL .unit {position: relative;padding: 15px 15px 0 10px;line-height: 18px;overflow: hidden;zoom: 1;}
#container .prodL .unit.size140, #container .prodL .unitM.size140 {width: 142px;}
#container .prodL .unit .thumb {margin-bottom: 5px;border: 1px solid #cfcfcf;overflow: hidden;}
#container .prodL .unit .info a {display: block;margin-bottom: 5px;line-height: 16px;overflow: hidden;color: #00b1d0;}
#container .prodL .unit .info ins, #container .prodL .unit .info span.price {display: block;text-decoration: none;color: #ff3600;}
#container .size140 .thumb, .size140 .thumb img {width: 140px;height: 140px;}
#container .banner_wrap{width:100%;margin:0 auto;background:#fed6d7;}
#container .banner_wrap .banner{width:1090px;height:370px;margin:0 auto;overflow:hidden;}
#container .banner_wrap .banner .slick-slide00.slick-active{background:red}
#container .banner_wrap .banner .slick-prev,.slick-prev:hover{left:0;width:54px;height:54px;background:url('/images/tos/social/img_prev.png') !important;z-index:10;}
#container .banner_wrap .banner .slick-prev:before{left:0;width:54px;height:54px;content: '';}
#container .banner_wrap .banner .slick-next,.slick-next:hover{right:0;width:54px;height:54px;background:url('/images/tos/social/img_next.png') !important;z-index:10;}
#container .banner_wrap .banner .slick-next:before{right:0;width:54px;height:54px;content: '';}
#container .banner_wrap .banner .slick-dots{bottom:20px;}
#container .banner_wrap .banner .slick-dots li:first-child{margin:0;}
#container .banner_wrap .banner .slick-dots li{margin:0 0 0 5px;}
#container .banner_wrap .banner .slick-dots li button:before{width:16px;height:16px;opacity:1;background:url('/images/tos/social/dot.png');content:"";}
#container .banner_wrap .banner .slick-dots li.slick-active{width: 40px;}
#container .banner_wrap .banner .slick-dots li.slick-active button:before{width:40px !important;height:16px;opacity:1;background:url('/images/tos/social/dot_on.png');content:""}
#container .contents{width:980px;margin:0 auto;padding:28px 55px 0;}
#container .contents.m-c{padding-top:47px}
#container .contents .service-wrap h2{margin-bottom:17px;}
#container .contents .service-wrap ul.service-list li{float:left;margin-left:33px;background:url('/images/tos/social/service_1.png');cursor:pointer;}
#container .contents .service-wrap ul.service-list li+li{background:url('/images/tos/social/service_2.png');}
#container .contents .service-wrap ul.service-list li+li+li{background:url('/images/tos/social/service_3.png');}
#container .contents .service-wrap ul.service-list li+li+li+li{background:url('/images/tos/social/service_4.png');}
#container .contents .service-wrap ul.service-list li:first-child{margin-left:0;}
#container .contents .service-wrap ul.service-list li:hover{background:url('/images/tos/social/service_on_1.png');}
#container .contents .service-wrap ul.service-list li+li:hover{background:url('/images/tos/social/service_2_none.png');}
#container .contents .service-wrap ul.service-list li+li+li:hover{background:url('/images/tos/social/service_on_3.png');}
#container .contents .service-wrap ul.service-list li+li+li+li:hover{background:url('/images/tos/social/service_on_4.png');}
#container .contents .service-wrap ul.service-list:after{display:block;clear:both;content:"";}
#container .contents .service-wrap ul.service-list a{display: block;width:211px;height:211px;overflow: hidden;text-indent: 101%;white-space: nowrap;}

#container .contents .service-wrap ul.service-list.cheon_woo li{float:left;margin-left:33px;background:url('/images/tos/social/cheon_woo_service_1.png');cursor:pointer;}
#container .contents .service-wrap ul.service-list.cheon_woo li+li{background:url('/images/tos/social/cheon_woo_service_2.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li+li+li{background:url('/images/tos/social/cheon_woo_service_3.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li+li+li+li{background:url('/images/tos/social/cheon_woo_service_4.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li:first-child{margin-left:0;}
#container .contents .service-wrap ul.service-list.cheon_woo li:hover{background:url('/images/tos/social/cheon_woo_service_1.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li+li:hover{background:url('/images/tos/social/cheon_woo_service_2.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li+li+li:hover{background:url('/images/tos/social/cheon_woo_service_on_3.png');}
#container .contents .service-wrap ul.service-list.cheon_woo li+li+li+li:hover{background:url('/images/tos/social/cheon_woo_service_on_4.png');}
#container .contents .service-wrap ul.service-list.cheon_woo:after{display:block;clear:both;content:"";}
#container .contents .service-wrap ul.service-list.cheon_woo a{display: block;width:211px;height:211px;overflow: hidden;text-indent: 101%;white-space: nowrap;}

#container .contents .service-wrap ul.service-list.hanwha-sl li{float:left;margin-left:33px;background:url('/images/tos/social/hanwha_service_1.png');cursor:pointer;}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li{background:url('/images/tos/social/hanwha_service_2.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li+li{background:url('/images/tos/social/hanwha_service_3.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li+li+li{background:url('/images/tos/social/hanwha_service_4.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li:first-child{margin-left:0;}
#container .contents .service-wrap ul.service-list.hanwha-sl li:hover{background:url('/images/tos/social/hanwha_service_on_1.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li:hover{background:url('/images/tos/social/hanwha_service_on_2.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li+li:hover{background:url('/images/tos/social/hanwha_service_on_3.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl li+li+li+li:hover{background:url('/images/tos/social/hanwha_service_on_4.png');}
#container .contents .service-wrap ul.service-list.hanwha-sl:after{display:block;clear:both;content:"";}
#container .contents .service-wrap ul.service-list.hanwha-sl a{display: block;width:211px;height:211px;overflow: hidden;text-indent: 101%;white-space: nowrap;}

#container .contents .service-wrap ul.service-list.gmax_mall li{float:left;margin-left:33px;background:url('/images/tos/social/gmax_service_1.png');cursor:pointer;}
#container .contents .service-wrap ul.service-list.gmax_mall li+li{background:url('/images/tos/social/gmax_service_2.png');}
#container .contents .service-wrap ul.service-list.gmax_mall li+li+li{background:url('/images/tos/social/service_3.png');}
#container .contents .service-wrap ul.service-list.gmax_mall li+li+li+li{background:url('/images/tos/social/service_4.png');}

#container .contents .service-wrap ul.service-list.gmax_mall li:hover{background:url('/images/tos/social/gmax_service_on_1.png');}
#container .contents .service-wrap ul.service-list.gmax_mall li+li:hover{background:url('/images/tos/social/gmax_service_on_2.png');}
#container .contents .service-wrap ul.service-list.gmax_mall li+li+li:hover{background:url('/images/tos/social/service_on_3.png');}
#container .contents .service-wrap ul.service-list.gmax_mall li+li+li+li:hover{background:url('/images/tos/social/service_on_4.png');}

#container .contents .error-page{padding:94px 0 182px;text-align:center;}
#container .contents .error-page h2{padding-top:25px;font-size:26px;font-weight: bold;}
#container .contents .error-page p{padding-top:10px;line-height:25px;font-size:15px;}
#container .contents .error-page .f-r{color:#ff3f40;}
#container .contents .error-page .btn-error{width:177px;height:27px;margin:14px auto 0;background:url('/images/tos/social/btn_error_go.gif');cursor:pointer;}
#container .contents .error-page .info{width:620px;height:94px;margin: 46px auto 0;background:url('/images/tos/social/btn_error_bg.png');}
#container .contents .error-page .info ul{width:235px;margin:0 auto;padding:16px 0 0;}
#container .contents .error-page .info ul:after{display:block;clear:both;content:"";}
#container .contents .error-page .info ul li{float:left;line-height:22px;text-align:left;font-size:15px;}
#container .contents .error-page .info ul li:first-child{padding-right:27px;}
#container .contents .error-page .info ul li b{line-height: 52px;}

/*footer*/
#footer-wrap{position:relative;width:100%;margin:47px auto 0;border-top:5px solid #ff5351;}
#footer-wrap .aside{border-bottom:1px solid #cfcfcf;color:#666;}
#footer-wrap .aside ul{width: 1090px;margin:0 auto;padding:12px 0 10px;}
#footer-wrap .aside ul:after{display:block;content:"";clear:both;}
#footer-wrap .aside ul li{float:left;font-weight:bold;}
#footer-wrap .footer{position:relative;width:1090px;padding:14px 0 45px;margin:0 auto;background: #fff}
#footer-wrap.hanwha-ft .footer{padding:24px 0 45px;}
#footer-wrap .footer .top-move{position:absolute;top:71px;right:0;width:55px;height:50px;background:url('/images/tos/social/top.gif');}
#footer-wrap .footer ul:after{display:block;clear:both;content:"";}
#footer-wrap .footer ul li{float:left;padding:0 44px;color:#666;}
#footer-wrap .footer ul li:first-child{min-width: 630px;padding-left:0;border-right:1px solid #e0e0e0;}
#footer-wrap .footer ul li p{line-height:22px;}
#footer-wrap .footer ul li .bar{padding:0 8px;}
#footer-wrap .footer ul li .c-name{line-height:25px;}
#footer-wrap .footer ul li .tel-tit{padding-top:4px;}
#footer-wrap .footer ul li .tel{padding-top:5px;line-height:22px;text-align:left;font-size:12px;font-family: arial;font-weight: bold;color:#333;}
#footer-wrap .footer ul li .tel .num{line-height: 24px;font-size:22px;vertical-align: bottom;}
#footer-wrap.hanwha-ft .footer ul li .time{padding-top:0px;}
#footer-wrap .footer ul li .time{padding-top:8px;line-height:28px;color:#999;}
#footer-wrap.hanwha-ft .footer ul li p{line-height:19px;}
#footer-wrap .footer .email{padding-top:8px;font-weight:bold;}
#footer-wrap.hanwha-ft .footer .top-move{top: 95px;}

/*sub*/
/* ÁÂÃø */
#lnbArea {float:left;width:163px; height:100%; padding-top:18px; _overflow:hidden;}
#lnbArea img {display:block;}

#lnbArea .delivery {background:#00baff; padding:10px 15px; margin:0 0 4px;}
#lnbArea .delivery dt {color:#fff; font-weight:bold; margin-bottom:2px;}
#lnbArea .delivery dt b {font-size:14px;}
#lnbArea .delivery dd input {width:90px; height:20px; float:left; border:1px solid #00668e;}
#lnbArea .delivery dd a {background:#0f3152; color:#fff; border-top:2px solid #122d45; border-left:1px solid #122d45; font-weight:bold; display:block; text-align:center; padding:3px 0;}

#lnbArea .menu li {background:url('/images/tos/korail/bl.gif') no-repeat 3px center; font-weight:bold; padding:0 0 0 15px; height:22px; line-height:22px;}
#lnbArea .menu li a {color:#000;}

#lnbArea h2 {font-size:14px; padding:20px 0 8px 16px;}

#lnbArea .category {}
#lnbArea .category li {padding:5px 0 5px 16px; cursor:pointer;}
#lnbArea .category li.on {position:relative; border:3px solid #00baff; background:#fff; width:180px; padding:8px 0 5px 15px; margin:-3px 0 5px 0; color:red; font:bold 14px dotum; z-index:100;}
#lnbArea .category li.on ul.aCate {border:3px solid #00baff; background:#fff; width:200px; padding:2px 15px 2px 10px; position:absolute; top:-3px; left:195px; z-index:100; display:none;}
#lnbArea .category li.on ul.aCate li {padding:0; width:216px;}
#lnbArea .category li.on ul.aCate a {color:#000; font:normal 12px/25px dotum;}
#lnbArea .category li.on ul.aCate a.on {font-weight:bold;}
#lnbArea .category li.on ul.aCate a:hover, #lnbArea .category li.on ul a:active {font-weight:bold;}
#lnbArea .category li.on ul.bCate {border:3px solid #00baff; background:#fff; width:200px; padding:10px 10px 10px 20px; position:absolute; top:-3px; left:255px;}
#lnbArea .category li.on ul.bCate a {font-weight:bold;}
#lnbArea .category li.on ul.bCate a:hover, #lnbArea .category li.on ul.bCate a:active {color:red; background-position:left bottom;}

#lnbArea .depth3 {border:3px solid #00baff; background:#fff; width:200px; padding:2px 10px 2px 10px; position:absolute; top:-3px; left:225px; z-index:100; display:none;}
#lnbArea .depth3 a {font-weight:bold !important;}
#lnbArea .depth3 a:hover, #lnbArea .depth3 a:active {color:red !important;}

#lnbArea .linkWrap {padding:5px 0 0 16px;}
#lnbArea .linkWrap li {padding-left:25px; height:25px; line-height:25px;}
#lnbArea .linkWrap a {color:#000; font-weight:bold;}
#lnbArea .linkWrap li.a1 {background:url('/images/tos/korail/ico_1.gif') no-repeat left center;}
#lnbArea .linkWrap li.a2 {background:url('/images/tos/korail/ico_2.gif') no-repeat left center;}
#lnbArea .linkWrap li.a3 {background:url('/images/tos/korail/ico_3.gif') no-repeat left center;}
#lnbArea .linkWrap li.a4 {background:url('/images/tos/korail/ico_4.gif') no-repeat left center;}

/* ie6¿¡¼­ ¼¿·ºÆ®¹Ú½º°¡ ·¹ÀÌ¾î ¶Õ°í ³ª¿À´Â°Í ¾ÆÀÌÇÁ·¹ÀÓÀ¸·Î °¡¸®±â */
#lnbArea iframe {position: absolute; top:0; left:0; z-index:-1; width:100%; height:300px; filter:mask();}


.wrapper #navi .navititBox{position:relative;width:163px;padding:20px 0 4px 0px;}
.wrapper #navi .navititBox:after{display:block;clear:both;content:"";}
.wrapper #navi h2{float:left;padding:0;font-size:13px;cursor:pointer;}
.wrapper #navi .cBtn{display:block;position:absolute;top:24px;right:0;width:6px;height:6px;background:url('/images/tos/social/navi_plus.gif');cursor:pointer;content:""}
.wrapper #navi li {font: normal 12px dotum; line-height:25px;}
.wrapper #navi .cBtn.active{background:url('/images/tos/social/navi_minus.gif');}
.wrapper #navi ul.cate1 {display:none;padding:0; margin:0; list-style:none;}
.wrapper #navi a {display:block;}

.wrapper #navi li { vertical-align:top; }
.wrapper #navi li div {position:absolute; left:-999em; z-index:10; margin:-29px 0 0 166px;}
.wrapper #navi li div.cate3 {margin:-39px 0 0 190px;}
.wrapper #navi li div ul {background:#fff; border:3px solid #ff3f40; padding:7px 0;}
.wrapper #navi li:hover div, li div:hover {left:auto;}

.wrapper #navi div.cate2, .wrapper #navi div.cate3 {padding:0 0 0 11px; background:url("/images/tos/social/arrow.png") no-repeat 0 18px;}
.wrapper #navi div.cate2 ul {width:202px;}
.wrapper #navi div.cate2 li {height:19px; font:normal 12px dotum; padding:0 0 10px 0;}
.wrapper #navi div.cate2 li a {text-indent:0; background:none; colo:#455b63}
.wrapper #navi div.cate2 a {padding:4px 0 0 14px; text-decoration:none; width:190px; color:#455b63;}
.wrapper #navi div.cate2 a.on {width:188px; background:#eee; color:#000;  font-weight:normal;}

.wrapper #navi div.cate3 a{color:#455b63;}
.wrapper #navi div.cate3 a.on{width:173px;  font-weight:normal;}

/*.wrapper ul.cate1 {width:197px;}*/
.wrapper ul.cate1 li {height:25px;}
.wrapper ul.cate1 li a {height:25px; line-height:25px; padding:0 0 0 17px;}
.wrapper ul.cate1 li a.on{background:#ff7f7e;}

.wrapper .linkWrap {padding:5px 0 0 16px;}
.wrapper .linkWrap li {padding-left:25px; height:25px; line-height:25px; margin:9px 0 0 16px;}
.wrapper .linkWrap a {color:#000; font-weight:bold;}
.wrapper .linkWrap li.a1 {background:url('http://tos.officeplus.com/images/tos/korail/ico_1.gif') no-repeat left center;}
.wrapper .linkWrap li.a2 {background:url('http://tos.officeplus.com/images/tos/korail/ico_2.gif') no-repeat left center;}
.wrapper .linkWrap li.a3 {background:url('http://tos.officeplus.com/images/tos/korail/ico_3.gif') no-repeat left center;}
.wrapper .linkWrap li.a4 {background:url('http://tos.officeplus.com/images/tos/korail/ico_4.gif') no-repeat left center;}

/* º»¹® */
#contents {width:910px; height:100%; float:right; margin-top:40px;}
#contents h3 {padding:0 0 10px 27px;}
#contents .lt {text-align:left !important;}
#contents .rt {text-align:right !important;}
#contents .ct {text-align:center !important;}

#container.List #contents .rt {text-align:center !important;}

#contents .csCenter {border:1px solid #dce8ec; padding:10px 0; margin-top:30px; width:100%; height:120px;}
#contents .csCenter:after {content:''; display:block; clear:both;}
#contents .csCenter dt {font-weight:bold; width:100px; padding-top:30px; margin:10px 50px 0 20px; color:#3f4b53; font-size:14px; float:left;}
#contents .csCenter dd {color:#0b97cb; float:left; width:230px; margin:15px 5px;}
#contents .csCenter dd img {float:left;}
#contents .csCenter dd p {float:right; width:170px;}
#contents .csCenter dd a {display:block; background:url('/images/tos/korail/ico_email.gif') no-repeat left top; padding-left:20px; color:red; word-break:break-all;}

#info-nav {height:35px;}
#info-nav li {float:left; margin-right:10px; height:35px; position:relative; cursor:pointer; width:273px;}
#info-nav li b {padding-left:20px; font:bold 15px/29px dotum; background:url('/images/tos/korail/tab_bg.gif') no-repeat left bottom; color:#6e838b; display:block; margin-top:6px;}
#info-nav li a {position:absolute; bottom:5px; right:10px; color:#869cac; font-size:11px; z-index:1;}
#info-nav li.current b {background-position:left top; height:35px; font:bold 15px/35px dotum; color:#fff; margin:0;}
#info-nav li.current a {bottom:0; font:bold 15px/35px dotum; color:#fff;}

#info {clear:both;}

#contents .esOrder-nav {border-bottom:1px solid #2a4661; padding-left:27px; margin:-35px 0 0;}
#contents .esOrder-nav li {float:left; margin-right:3px !important; height:35px; position:relative; cursor:pointer; width:173px !important; text-align:center;}
#contents .esOrder-nav li b {padding:0 !important; font:normal 12px/35px dotum !important; color:#000 !important; display:block; margin:0 !important; background-image:none !important; background:#cfe0e6 !important;}
#contents .esOrder-nav li.current b {background:#2f4b65 !important; font:bold 12px/35px dotum !important; color:#fff !important;}

#contents .esOrder .pList th {border-top:0 !important;}
/*
#contents.best100 {background:url('/images/tos/korail/tit_best100.gif') no-repeat left top; padding-top:145px; position:relative;}

#contents .best100-nav {position:absolute; top:100px; left:185px;}
#contents .best100-nav li {float:left; margin:0 !important; height:45px; position:relative; cursor:pointer; width:186px !important;}
#contents .best100-nav li b {padding:0 !important; display:block; margin:0 !important; overflow:hidden; line-height:999em !important; height:45px !important;}
#contents .best100-nav li b.t1 {background:url('/images/tos/korail/tit_best100_01.gif') no-repeat 0 0 !important;}
#contents .best100-nav li b.t2 {background:url('/images/tos/korail/tit_best100_02.gif') no-repeat 0 0 !important;}
#contents .best100-nav li.current b {background-position:0 -45px !important;}

#contents .best100_option {float:right; margin-top:30px;}
#contents .best100_option * {vertical-align:middle;}
*/
#contents .sList {border-collapse:collapse; border-top:1px solid #eaeaea; width:100%; clear:both; margin-bottom:40px; border-collapse:collapse;}
#contents .sList th {font:normal 11px dotum; padding:7px 20px; border-bottom:2px solid #eaeaea; background:#eff7fa; text-align:left;}
#contents .sList td {padding:10px 20px; border-bottom:1px solid #eaeaea; font:normal 12px/14px dotum;}
#contents .sList th.price, #contents .sList td.price {text-align:right; padding-right:40px;}
#contents .sList td.last {border-right:0;}

#contents .searchWrap {background:#e3e9eb; height:65px; padding:20px 28px 0 28px; margin-bottom:25px;}
#contents .searchWrap h2 {float:left; margin-right:5px;}
#contents .searchWrap * {vertical-align:middle;}
#contents .searchWrap .lBox {float:left;}
#contents .searchWrap .lBox dl {width:345px; float:left;}
#contents .searchWrap .lBox dt {width:100px; height:25px; float:left;}
#contents .searchWrap .lBox dt.chk {margin:5px 0 -5px;}
#contents .searchWrap .lBox dt.chk input {width:14px; height:14px; border:0; margin:0 3px 0 0;}
#contents .searchWrap .lBox dd {height:25px;}
#contents .searchWrap .lBox select {width:95px; height:21px;}
#contents .searchWrap .lBox input {width:240px; height:19px; border:1px solid #6fbcd5; font:normal 12px/19px dotum; _margin:-1px 0 2px;}

#contents .searchWrap .rBox {float:right;}
#contents .searchWrap .rBox dl {width:165px; float:left;}
#contents .searchWrap .rBox dt {width:160px; height:21px; background:#6fbcd5; color:#fff; font:12px/21px dotum; text-align:center;}
#contents .searchWrap .rBox dd {height:25px; margin-top:4px;}
#contents .searchWrap .rBox input {width:158px; height:19px; border:1px solid #6fbcd5; font:normal 12px/19px dotum; _margin:-1px 0 2px;}

#contents .searchWrap.new-h{margin-bottom:10px;}
#contents .bn-div{position:relative;margin-bottom:10px;}
#contents .bn-div ul:after{display:block;clear:both;content:""}
#contents .bn-div ul li:first-child{margin-right:8px;}
#contents .bn-div ul li{float:left;height:145px;}
#contents .bn-div .rolling-bn{position: relative;width:570px;height:145px;overflow:hidden;}
#contents .bn-div .rolling-bn .slick-dots {width: auto;bottom: auto;top: 10px;right: 12px;z-index: 300;}
#contents .bn-div .rolling-bn .slick-dots li{width:8px;height:8px;}
#contents .bn-div .rolling-bn .slick-dots li button{width:8px;height:8px;padding:0;}
#contents .bn-div .rolling-bn .slick-dots li button:before{width:8px;height:8px;background: url('/images/tos/korail/digital/Bn_dot.png') no-repeat;opacity:1;content:''}
#contents .bn-div .rolling-bn .slick-dots li.slick-active button:before{background: url('/images/tos/korail/digital/Bn_dot_over.png') no-repeat;opacity:1;}
#contents .welfare-brend-box{margin-bottom:20px;}

#contents .contTop {height:150px;}
#contents .contTop:after {content:''; display:block; clear:both;}
#contents .contTop img {float:left;}
#contents .contTop .notice {border:3px solid #1b4b9e; float:right; width:324px; height:139px; background:#e3e7eb; overflow:hidden;}
#contents .contTop .notice h2 {font-size:14px; color:#125fc0; padding:10px 13px; background:#fff;}
#contents .contTop .notice ul {padding:10px 15px;}
#contents .contTop .notice li {background:url('/images/tos/korail/bl3.gif') no-repeat left center; padding-left:7px; font:bold 12px/21px dotum;}
#contents .contTop .notice li a {font-weight:normal;}

#contents .cateNavi {background:url('/images/tos/social/socialcompany_cateNavi.gif') no-repeat; width:910px; height:40px; text-align:center; font:bold 13px/40px dotum; _height:20px; _padding:10px 0;}
#contents .cateNavi select {width:200px; vertical-align:middle;}
#container.List #contents .btnWrap {margin:15px 0 5px;}
#contents .btnWrap {width:100%; text-align:right; margin:5px 0 5px;}
#contents .btnWrap:after{display:block;clear:both;content:"";}
#contents .btnWrap .btn-basket{float:right;display:block;width:99px;height:28px;background:url('/images/tos/social/btn_basket.gif');cursor:pointer;}
#contents .btnWrap .btn-basket:hover{background:url('/images/tos/social/btn_basket_over.gif');cursor:pointer;}
#contents .btnWrap img {vertical-align:bottom;}
#contents .btnWrap img.reqBtn {float:right; margin-left:10px;}
#contents .btnWrap p {color:#667b8c; line-height:20px;}
#contents .btnWrap p b {color:#3b4652; font-size:14px;}

#contents .btnWrap2 {width:100%;margin:30px 0 0;padding:0;text-align:center;}
#contents .sTab {height:23px; margin:-23px 0 0;}
#contents .sTab li {float:left; margin-right:3px;}
#contents .sTab li a {display:block; text-align:left; text-indent:5px; width:78px; height:23px; line-height:23px; background:url('/images/tos/social/bg_stab.gif') no-repeat left bottom;}
#contents .sTab li a.active,#contents .sTab li a:hover{font-weight:bold; color:#fff; background-position:left top;}

#contents .pList {border-collapse:collapse; width:100%;}
#contents .pList tr.noLine th {border-bottom:1px solid #eaeaea;}
#contents .pList tr.noLine th.line {border-bottom:2px solid #eaeaea;}
#contents .pList th {font:normal 11px dotum; padding:5px 0; border-bottom:2px solid #eaeaea; border-top:1px solid #999;}
#contents .pList td {padding:10px 0; border-bottom:1px solid #eaeaea; font:normal 11px/18px dotum;}
#contents .pList td.chk {text-align:center;}
#contents .pList td.pImg {text-align:center;}
#contents .pList td.pImg img{width:140px;height:140px;overflow:hidden;border: 1px solid #cfcfcf;}

#contents .pList td.pName {font-weight:bold; padding-left:5px;}
#contents .pList td.pName * {vertical-align:middle;}
#contents .pList td.pName span {font-weight:normal;}
#contents .pList td.pName p {margin-top:2px; margin-left:4px; display:inline; margin}
#contents .pList td.pName p img {margin-left:-1px;}
#contents .pList td.basket a {background:url('/images/tos/social/btn_sm_basket.gif') no-repeat left top; width:40px; height:20px; text-indent:-9999em; display:block; float:right; margin-right:10px; _margin-right:5px;}
#contents .pList td.basket a:hover{background:url('/images/tos/social/btn_sm_basket_over.gif') no-repeat left top;}
#contents .pList td.model {color:#ff0000; line-height:12px;}
#contents .pList td.model span {color:red; display:block; margin-bottom:5px;}
#contents .pList td.standard {font-weight:bold; padding-left:5px;}
#contents .pList td.price {text-align:center; padding-left:12px;}
#contents .pList td.volume input {border:1px solid #a7c6d0; width:32px; height:18px; font:normal 12px/20px dotum;text-align:right; float:left;}
#contents .pList td.volume ul {float:left; margin:0 3px; width:10px;}
#contents .pList td.volume li {line-height:10px; font-size:0; height:10px;}
#contents .pList td.volume li a {display:block; overflow:hidden; width:10px; height:9px; text-indent:-9999em;}
#contents .pList td.volume li.add a {background:url('/images/tos/korail/btn_add.gif') no-repeat left top;}
#contents .pList td.volume li.sub a {background:url('/images/tos/korail/btn_sub.gif') no-repeat left top;}
#contents .pList td.noResult {text-align:center; font-weight:bold; color:#5d6670; padding:30px 0;}
#contents .pList td.noti {text-align:center;}
#contents .pList td.noti p {margin-top:2px; margin-right:-1px;}
#contents .pList td.noti p img {margin-left:-1px;}
#contents .pList td.del {text-align:center;}
#contents .pList td.total {font-weight:bold; text-align:right; color:red;}
#contents .pList td span.b {color:#0096ce;}
#contents .pList td span.r {color:#ff0000;}

/*Àå¹Ù±¸´Ï ±¸¸Å»çÀ¯ ÅؽºÆ®¹Ú½º */
#txtItemmemo {border:1px solid #a7c6d0; width:102px; height:18px; font:normal 12px/20px dotum; float:left;}

#contents .eList{width:869px; overflow: hidden; margin:0 0 0 40px;}
#contents .eList dl{ float: left; margin:10px 0 15px -1px; border-left:1px solid #c9d3d7; width:140px; padding:0 15px 0 14px;}
#contents .eList dl.best dt span.no {color:#85c4e8;}
#contents .eList dt span.no {font:italic 21px/1.5 Eras Demi ITC, arial, verdana; color:#a6a6a6;}
#contents .eList dt img {width:140px; height:140px; margin-bottom:5px;}
#contents .eList dd {font-size:11px; line-height:16px; margin-bottom:5px; word-break:break-all;}
#contents .eList dd * {vertical-align:middle;}
#contents .eList dd input {margin-right:5px;}
#contents .eList dd.price {font:bold 12px dotum; margin-top:5px;}
#contents .eList dd.price b {font-size:16px; vertical-align:baseline;}
#contents .eList dd.dditemname{height: 30px; color: #8096a4;}
#contents .eList dd.volume input {border:1px solid #a7c6d0; width:32px; height:18px; font:normal 12px/20px dotum;text-align:right; float:left;}
#contents .eList.new-list{width:100%;margin:0;}
#contents .eList.new-list dl{width: 198px;min-height: 310px;}
#contents .eList dt.newimg {text-align:center;}

#contents .priceWrap {font-weight:bold; height:100px; padding:10px 0;}
#contents .priceWrap dt {float:left; padding:5px 0 3px 680px;font-weight:bold;}
#contents .priceWrap dd {text-align:right; padding:5px 15px 3px;font-weight:bold;}
#contents .priceWrap dd.optionWrap {font:bold 11px doutm; clear:both;}
#contents .priceWrap dd.optionWrap * {vertical-align:middle;}
#contents .priceWrap b {color:red;}
#contents .priceWrap span {color:red; font-size:16px;}
#contents .titleWrap {background:#e3e9eb; padding:24px 30px 24px 47px; margin-bottom:25px; position:relative; }
#contents .titleWrap h2 {padding-left:12px; font-size:14px; color:#003566;}
#contents .titleWrap h2 span {font-size:12px; color:red;}
#contents .titleWrap ul {margin:10px 13px; width:750px; height:40px;}
#contents .titleWrap ul.tier {height:20px;}
#contents .titleWrap li {float:left; margin-right:20px; margin-bottom:10px; height:20px;}
#contents .titleWrap li * {vertical-align:middle;}
#contents .titleWrap li input {height:20px; border:1px solid #a5bfc8; font:normal 12px/20px dotum;}
#contents .titleWrap li.period b {float:left; padding:3px 0;}
#contents .titleWrap li.period a {display:block; background:#bad4e9; border:1px solid #a7c8e1;text-align:center; padding:3px 5px; width:35px; float:left; margin-left:5px;}
#contents .titleWrap li.period a:hover {background:#32a1e8; border:1px solid #32a1e8; font-weight:bold; color:#fff;}
#contents .titleWrap li.period a.active {background:#32a1e8; border:1px solid #32a1e8; font-weight:bold; color:#fff;}
#contents .titleWrap li.pname input {width:203px;}
#contents .titleWrap li.name input {width:100px;}
#contents .titleWrap li.date input {width:80px; text-align:center;}



#contents .titleWrap.sub {position:relative;margin: 0;padding:37px 30px 16px 30px;font-weight:bold;background: none;}
#contents .titleWrap.sub h2 {font-size:16px; color:#003566;}

#contents .titleWrap.new-tit{position:relative;background:#eee; padding: 19px 0 20px 29px;margin:0;}
#contents .titleWrap.new-tit. h2 {font-size:14px; color:#003566;}
#contents .titleWrap.new-tit h2 span {font-size:12px; color:red;}
#contents .titleWrap.pay-box{margin:50px 0 0;}

/*#contents .pList td {padding-bottom:15px;}*/
#contents .pList div.optionWrap {position:relative; margin:55px 0 -75px; *margin:55px 0 -78px; height:21px;}
#contents .pList div.optionWrap * {vertical-align:middle; _margin:0 0 1px;}
#contents .pList div.optionWrap div {width:910px; position:absolute; right:20px; bottom:20px; font:bold 11px/21px dotum;}
#contents .pList div.optionWrap ul {width:910px; position:absolute; right:20px; bottom:20px;}
#contents .pList div.optionWrap li span {font-weight:normal;}
#contents .pList div.optionWrap li {float:left; text-align:left;}
#contents .pList div.optionWrap li.o1 {width:280px; padding-left:100px;}
#contents .pList div.optionWrap li.o2 {width:160px;}
#contents .pList div.optionWrap li.o3 {width:100px;}
#contents .pList caption {text-align:left;}
#contents .pList caption b {display:block; background:#2f4b65; color:#fff; font:bold 12px/40px dotum; margin-left:25px; width:170px; height:40px; text-align:center;}

#contents .ddList {border-collapse:collapse; width:100%; margin:0; border-top:1px solid #999; }
#container #contents .ddList caption.hide {position:relative;text-indent:-9999999px}
#contents .ddList caption{}
#contents .ddList caption b {display:block; background:#2f4b65; color:#fff; font:bold 12px/40px dotum; margin-left:25px; width:170px; height:40px; text-align:center;}

#contents .ddList th {padding:8px 0; font:normal 11px dotum; border-bottom:1px solid #eaeaea; text-align:left; padding-left:18px; vertical-align:top;}
#contents .ddList td {padding:6px 0; border-bottom:1px solid #eaeaea; font:normal 12px dotum;}
#contents .ddList td.vt {vertical-align:top;}
#container #contents .ddList td textarea{width:700px; height:38px; font:normal 12px/16px dotum;}

/* ¿¹»êÇöȲ */
#contents .budgetTit {background:#3b5d7d; width:100%; height:40px; margin-bottom:10px; overflow:hidden;}
#contents .budgetTit h3 {width:600px; text-align:center; color:#fff; font:bold 12px/40px dotum; float:left;}
#contents .budgetTit p {background:#fff; width:270px; height:30px; margin:5px; float:right; text-align:center; line-height:30px;}
#contents .budgetTit p select {vertical-align:middle;}

#contents .budgetList {border-collapse:collapse; width:100%; margin-top:-1px; border-top:1px solid #999;}
#contents .budgetList th {padding:7px 0 3px; font:bold 12px dotum; border-bottom:1px solid #eaeaea; border-left:1px solid #a7c6d0; background:#eff7fa; color:#2f4b65;}
#contents .budgetList td {padding:3px 15px 3px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font:normal 12px dotum; text-align:right;}
#contents .budgetList td.first {text-align:center;}
#contents .budgetList .first {border-left:0;}

#contents .budgetTotal {border:4px solid #6fbcd5; float:right; padding:12px 0; margin-top:5px; margin-bottom:20px;}
#contents .budgetTotal li {float:left; background:url('/images/tos/borg/bl5.gif') no-repeat left 2px; padding-left:7px; margin:0 50px 0 10px;}
#contents .budgetTotal li.last {margin-right:10px;}
#contents .budgetTotal li.last b {color:#0e77c0;}

#contents .budgetQuarterSummary {border:4px solid #6fbcd5; float:right; padding:12px 0; margin-top:5px; margin-bottom:20px; overflow:hidden;}
#contents .budgetQuarterSummary li {background:url('/images/tos/borg/bl5.gif') no-repeat left 2px; padding-left:7px; margin:0 50px 0 10px;}
#contents .budgetQuarterSummary li.last {margin-right:10px;}
#contents .budgetQuarterSummary li.last b {color:#0e77c0;}

#contents .budgetHalfSummary {border:4px solid #6fbcd5; float:right; padding:12px 0; margin-top:5px; margin-bottom:20px;}
#contents .budgetHalfSummary li {background:url('/images/tos/borg/bl5.gif') no-repeat left 2px; padding-left:7px; margin:0 10px 0 10px;}
#contents .budgetHalfSummary li.last {margin-right:10px;}
#contents .budgetHalfSummary li.last b {color:#0e77c0;}

#contents .pList div.n_delivery{width:455px; padding:5px 0 0 0; font-weight:bold;}
#contents .pList div.n_delivery span{display:inline-block; vertical-align:middle;}

/* ¹öÆ° */
.btns a.btn { cursor:pointer; }

/* paging */
.paging {clear:both; overflow:hidden; zoom:1; display:block; margin:20px 0; height:13px; text-align:center;}
.paging a {position:relative; z-index:1; padding:0 5px; font-weight:bold; font-size:12px; line-height:12px;}
.paging a:link,
.paging a:visited {color:#b2bcc8;}
.paging a:hover,
.paging a.active {color:#333; text-decoration:none;}
.paging a.prev,
.paging a.next {padding:0;}

/* ÇÏ´Ü */
#footer {clear:both; height:100px;}

/* ·Î±×ÀÎ */
#login {width:910px; margin:150px auto;}
#login h1 {height:80px;}

#login .contTop {position:relative;}
#login .contTop a.findBtn {position:absolute; top:100px; left:650px; color:#6f8ca2; background:#dbe1e3; border:1px solid #b6c2c4; font:normal 11px dotum; letter-spacing:-1px; padding:3px 0 0; width:152px; text-align:center;}
#login .contTop fieldset {background:#e3e9e9; height:115px; padding:30px 25px 0 10px; border:none; width:295px; position:absolute; top:0; right:0;}
#login .contTop fieldset legend {display:none;}
#login .contTop fieldset p {float:left; height:27px; _margin:-2px 0 -1px 0;}
#login .contTop fieldset a {float:right; margin:-54px 0; *margin:-26px 0; _margin:-28px 0;}
#login .contTop fieldset input {border:1px solid #00a1d5; background:#fff; width:154px; height:26px; font:bold 14px/26px dotum; text-indent:10px;}
#login .contTop fieldset label {display:block; float:left; width:50px; color:#2277b7; padding:10px 5px 0; text-align:right;}

#login #infoLayer {position:absolute; top:125px; right:75px; background:#fff; border:2px solid #00a6d8; width:150px; height:50px; padding:15px; display:none;}
#login #infoLayer img {position:absolute; top:-11px; left:30px;}
#login #infoLayer h3 {background:url('/images/tos/korail/ico_notice.gif') no-repeat left top; padding-left:15px; color:red; font:normal 12px dotum;}
#login #infoLayer b {display:block; font-size:16px; margin-left:15px; padding:2px 0 5px;}
#login #infoLayer a.email {margin-left:15px; display:block;}
#login #infoLayer a.close {position:absolute; bottom:3px; left:135px;}


/*4ffice_info*/
#tbOfficeplus{margin:0 0 0 79px;}
#tbOfficeplus td dl, #tbOfficeplus td dt, #tbOfficeplus td dd{padding:0; margin:0; color:#87878b;}
#tbOfficeplus td dt{margin:20px 0 0 0; font-weight:bold;}
#tbOfficeplus td dt.fir{margin:0 0 0 0;}
#tbOfficeplus td dd{margin:3px 0 0 0;  line-height:19px;}


/*°áÁ¦*/
.pay .vmiddle{vertical-align:middle;}
.pay .ddList{color:#000;}
.pay .ddList span.space{display:inline-block; width:24px;}
.pay .ddList .vtop{vertical-align:top;}
.pay .ddList textarea.bgstyle_1{background:#f4f4f4; border:1px solid #afafaf;}
.pay .ddList label.pdr38{padding-right:38px;}
.pay .ddList .pay_info{font-size:11px; margin:0 0 0 114px;  line-height:18px;}
.pay .ddList .att{background:url("/images/tos/buyer/webcash/filsu.gif") no-repeat 0 3px; padding:0 0 0 10px; color:#ff0000; line-height:16px; margin-left:18px;}
.pay .section{position:relative;}
.pay .section .des{color:#ff0000; font-size:12px; font-weight:bold; position:absolute; top:13px; left:225px;}
.pay .section .btn_right{position:absolute; top:9px; right:0;}

#contents .Folder-boxwrap{padding: 24px 30px 9px 47px;}
#contents .Folder-boxwrap h2{display:inline-block;vertical-align:top;margin-top:4px;}
#contents .Folder-boxwrap .Folder-box{display:inline-block;}
#contents .Folder-boxwrap .Folder-box ul{position:relative;/*width:347px;*/ height:22px;/*padding-left:17px;*/margin:0;color:#b9c8d5;}
#contents .Folder-boxwrap .Folder-box ul:after {clear:both;content:'.';display:block;visibility:hidden;}
#contents .Folder-boxwrap .Folder-box ul li{margin:0;padding-left: 10px;top;margin-top:4px;}
#contents .Folder-boxwrap .Folder-box ul li.boldText{font-weight:bold;}
#contents .Folder-boxwrap .Folder-box ul li a:hover{color:#000;}
#contents .Folder-boxwrap .Folder-box ul li a{color:#526577;padding-right: 5px;}
#contents .Folder-boxwrap .Folder-box ul li input{height:22px;}
#contents .Folder-boxwrap .Folder-box ul .mg-no{margin:0;}

#container .wrapper {width:1090px;margin: 0 auto;}
#container .wrapper:after{display:block;clear:both;content: ""}
#container .wrapper .r_ban .in{width:60px;*zoom:1;}
#container .wrapper .r_ban .in:after{display:block;content:"";clear:both;}
#container .wrapper .r_ban .in a{float:left;width:50px;margin-bottom:3px;}

#contents .welfaremall-starbucks{position:relative}
#contents .welfaremall-starbucks .input-box{position:absolute;bottom:58px;left:165px;}
#contents .welfaremall-starbucks .input-box input{width:140px;height:60px;margin-left:20px;padding-left:10px;border:none;text-align:center}
#contents .welfaremall-starbucks input[type=text]::-ms-clear{display: none; }
#contents .welfaremall-starbucks input:focus{outline:none;}

#container .titList-box {clear: both;overflow: hidden;}
#container .titList-box:after{display: block;content:"";clear:both;}
#container .titList-box li {float: left;}
#container .titList-box a {display: block;width: 210px;height: 32px;padding-left: 10px;overflow: hidden;line-height: 32px;font-weight: bold;color: #010101;border: 1px solid #ccc;}

#navi .order-box-wrap{position:relative;margin-bottom:8px;padding:10px;background:#eff7fa;}
#navi .order-box-wrap ul.tab-box:after{display:block;content:"";clear:both;}
#navi .order-box-wrap ul.tab-box li{float:left;width:71px;height:34px;cursor:pointer;}
#navi .order-box-wrap ul.tab-box li.tab1{background:url('/images/tos/main/ordertab_1.jpg') no-repeat;text-indent:-9999px}
#navi .order-box-wrap ul.tab-box li.tab1.on{background:url('/images/tos/main/ordertab_1_on.jpg') no-repeat;text-indent:-9999px}
#navi .order-box-wrap ul.tab-box li.tab2{background:url('/images/tos/main/ordertab_2.jpg') no-repeat;text-indent:-9999px}
#navi .order-box-wrap ul.tab-box li.tab2.on{background:url('/images/tos/main/ordertab_2_on.jpg') no-repeat;text-indent:-9999px}
#navi .order-box-wrap .tab1-box{position:relative;padding:10px;background:#fff;color:#5c5c5c;font-size:11px;}
#navi .order-box-wrap .code-box input{width:72px;height:8px;padding:5px;font-size:11px;}
#navi .order-box-wrap .num-box td:first-child{text-align:right;}
#navi .order-box-wrap .num-box td input{width:33px;height:8px;padding:5px;font-size:11px;}
#navi .order-box-wrap .num-box button.up{width:11px;height:9px;border:0;text-indent:-9999px;background:url('/images/tos/main/sy_left_n07.gif') no-repeat;cursor:pointer}

#navi .order-box-wrap .num-box button.down{width:11px;height:9px;border:0;text-indent:-9999px;background:url('/images/tos/main/sy_left_n08.gif') no-repeat;cursor:pointer}

#navi .order-box-wrap .num-box button.ok{width:24px;height:20px;border:0;text-indent:-9999px;background:url('/images/tos/main/btn_order_ok.jpg') no-repeat;cursor:pointer}
#navi .order-box-wrap .tab2-box{position:relative;padding:10px;background:#fff;color:#5c5c5c;font-size:11px;}
#navi .order-box-wrap .tab2-box button.excel-register{width:86px;height:19px;margin-top:3px;border:0;text-indent:-9999px;background:url('/images/tos/main/excel_register.jpg') no-repeat;cursor:pointer}
#navi .order-box-wrap .tab2-box .textara-box1{width:110px;height:33px;margin-top:5px;padding:5px;font-size:11px;resize: none; wrap:hard;}
#navi .order-box-wrap .tab2-box ul.chk-box{margin-top:5px;}
#navi .order-box-wrap .tab2-box ul.chk-box:after{display:block;content:"";clear:both;}
#navi .order-box-wrap .tab2-box ul.chk-box li{float:left;width:31px;line-height:14px;font-size:11px;letter-spacing:-1px;color:#999;}
#navi .order-box-wrap .tab2-box ul.chk-box li:first-child{width:91px;}
#navi .order-box-wrap .tab2-box button.btn-chk{width:31px;height:25px;border:0;text-indent:-99999px;background:url('/images/tos/main/btn_chk.jpg') no-repeat;cursor:pointer}

.itemSection { padding:0 0 0 25px;overflow:hidden; margin-top:66px;}
.itemSection .tab {width:885px;background:url(http://www.officeplus.com/images/qubridge/category/bg_itemSectionTab.gif) repeat-x 0 bottom;}
.itemSection .tab:after{display:block;clear:both;content:""}
.itemSection .tab li { float:left;}
.itemSection .tab li a { display:block; padding-top:13px; width:129px; height:19px; text-align:center; vertical-align:middle; font-weight:bold; text-decoration:none; color:#a0a0a0; background:url(http://www.officeplus.com/images/qubridge/btn/tab_itemSection.gif) no-repeat -129px 0;}
.itemSection .tab li a:hover,
.itemSection .tab li a.active { padding-top:12px; height:20px; color:#000; background-position:0 0;}
.itemSection .contBox {color:#666; border:5px solid #d9d9d9;}
.itemSection .contBox:after{display:block;clear:both;content:""}
.itemSection .contBox h2 { float:left; padding:15px; width:60px;}
.itemSection .contBox .inner {float: left;margin-left: -1px;padding: 15px;width: 845px;border-left: 1px solid #cbcbcb;}
.itemSection .contBox .inner img{width:800px;}
.itemSection .contBox .inner p.pointTxt { color:#f00;}
#contents .view {padding-bottom:1px;}
#contents .view:after{display:block;clear:both;content:"";}
#contents .view dt {width:384px; text-align:center; padding:0 0 0 29px; float:left;}
#contents .view dt img {border:2px solid #e3e9eb; width:350px; height:350px; display:block;}
#contents .view dt a {border:1px solid #bec8cb; display:block; padding:7px 10px; width:100px; text-align:center; margin:15px 0 0; color:#6e7c86;}
#contents .view dd {width:467px; float:right; padding-right:30px; margin-top:-10px;}
#contents .view dd span {padding-left:5px; width:100px; display:block; float:left; line-height:18px; margin-top:10px;}
#contents .view dd li:after{display:block;clear:both;content:"";}
#contents .view dd li b {width:360px; float:right; margin-top:10px;}
#contents .view dd li b.r {color:red;}
#contents .view dd li.chk {height:50px;}
#contents .view dd li.chk input {vertical-align:middle; margin:0 0 3px 3px;}
#contents .view dd li.volume input {border:1px solid #a7c6d0; width:32px; height:18px; font:normal 12px/20px dotum; text-align:right; float:left;}
#contents .view dd li.volume ul {float:left; margin:0 3px; width:10px;}
#contents .view dd li.volume li {line-height:10px; font-size:0; height:10px; margin:0;}
#contents .view dd li.volume li a {display:block; overflow:hidden; width:10px; height:9px; text-indent:-9999em;}
#contents .view dd li.volume li.add a {background:url('/images/tos/btn_add.gif') no-repeat left top;}
#contents .view dd li.volume li.sub a {background:url('/images/tos/btn_sub.gif') no-repeat left top;}

#itemExchange .contBox { line-height:19px;}
#itemExchange dt { font-weight:bold;}
#itemExchange dd { margin-bottom:10px;}

#itemExchange .contBox { line-height:19px;}
#itemExchange dt { font-weight:bold;}
#itemExchange dd { margin-bottom:10px;}

#itemPayment .contBox { line-height:19px;}
#itemPayment table { margin:15px 0;}
#itemPayment table th,
#itemPayment table td { padding:12px 15px; text-align:left; font-weight:normal; color:#010101; border:1px solid #eee;}
#itemPayment table thead th { padding:0; height:25px; text-align:center; color:#fff; background:#ff3f40;}

/*pop*/
.login-pop{display:none;position:absolute;width:366px;height:441px;padding:64px 67px 0;background:url('/images/tos/social/login_bg.jpg');z-index:9999;text-align:center;}
.login-pop .btn-close{position:absolute;top:35px;right:35px;width:27px;height:27px;background:url('/images/tos/social/btn_close.jpg');cursor:pointer;}
.login-pop .btn-login{width:365px;height:55px;background:url('/images/tos/social/btn_login2.gif');cursor:pointer;}
.login-pop .login-box{margin:27px 0 0;}
.login-pop .login-box:after{display:block;clear:both;content:"";}
.login-pop .login-box .inp{display:block;width:334px;padding:10px 10px 10px 17px;height:22px;font-size: 15px;color: #666;}
.login-pop .login-box .inp:first-child{margin-bottom:10px;}
.login-pop .login-box .chk-1{float:left;margin:10px 0 17px;cursor:pointer;}
.login-pop .login-box .chk-1 input{width:20px;height:20px;margin-right:5px;vertical-align:top;}
.login-pop .login-box .chk-1 label{line-height:22px;}
.login-pop ul.info{margin:20px 0 0;}
.login-pop ul.info:after{display:block;clear:both;content:"";}
.login-pop ul.info li{float:left;position:relative;padding:0 0 0 8px;line-height:22px;text-align:left;}
.login-pop ul.info li:after{display: block;position: absolute;top: 8px;left: 0;width:2px;height:2px;background: #333;content: '';}

#contents .dList {border-collapse:collapse; border-bottom:3px solid #a7c6d0; width:100%;}
#contents .dList tr.line td {background:#f2fbff;}
#contents .dList th {font:normal 11px dotum; padding:6px 3px; border-top:1px solid #a7c6d0; border-right:1px solid #a7c6d0; background:#e9edef;}
#contents .dList td {text-align:center; }
#contents .dList .noLine {border-right:0;}
#contents .dList table {border-collapse:collapse;}
#contents .dList table td {border-top:1px solid #a7c6d0; border-right:1px dotted #a7c6d0; padding:7px 3px; font:normal 11px/18px dotum;}
#contents .dList span {color:red;}

#contents .totalWrap {background:#DDF6FF; font-weight:bold; height:25px; padding:20px 50px; text-align:right; color:red;}
#contents .totalWrap p {display:inline; padding-left:37px;}
#contents .totalWrap b {padding:5px; color:#000;}
#contents .totalWrap span {font-size:18px;}

#c-pop{display:none;position:absolute; top:143px; left:50%; width:550px; height:589px;margin-left:-100px;z-index:3000;}
#c-pop img{vertical-align:top;}
#c-pop .check{padding:327px 0 18px 265px; *padding:319px 0 8px 315px;}
#c-pop .check input[type=text]{width:55px; height:18px; line-height:20px; margin:0 2 px;}
#c-pop .btn-wrap{width:550px;height:32px;background:#666;}
#c-pop .btn-wrap .btm{text-align: right;padding: 10px 21px 10px;color:#fff;}
#c-pop .btn-wrap .btm a.btn-close-2{display: inline-block;vertical-align:top; height:13px; margin-left:8px;}
#c-pop .btn-wrap .btm a.btn-close-2 img{padding-top: 2px;}
#c-pop .btn-close-1{position:absolute;top:1px;right:1px;cursor:pointer}

/* º£½ºÆ®100 */
#container.bestPage .contents{position:relative;width:1090px;padding: 57px 55px 0;}
#container.bestPage .contents .best-nav-box{position:relative;width:1090px;height:195px;background:url(/images/tos/social/best_top.gif) no-repeat;}
#container.bestPage .thumb {border:5px solid #f6f6f6;}
#container.bestPage .unit { height:auto;}
#container.bestPage .unit.size140 { width:142px;}
#container.bestPage h2 { position:absolute !important; top:121px;}
#container.bestPage h2.tit01 { left:95px;}
#container.bestPage h2.tit02 { left:247px;}
#container.bestPage h2.tit03 { left:399px;}

#container.bestPage h2.c1 a { background:url(/images/tos/social/best_nav_1.gif) no-repeat;}
#container.bestPage h2.c2 a { background:url(/images/tos/social/best_nav_2.gif) no-repeat;}
#container.bestPage h2.c3 a { background:url(/images/tos/social/best_nav_3.gif) no-repeat;}
#container.bestPage h2.c4 a { background:url(/images/tos/social/best_nav_4.gif) no-repeat;}
#container.bestPage h2.c5 a { background:url(/images/tos/social/best_nav_5.gif) no-repeat;}

#container.bestPage h2 a { overflow:hidden; display:block; padding-top:74px; width:152px; height:0; background-position:0 0;}
#container.bestPage h2 a:hover,
#container.bestPage h2 a.active { background-position:0 -74px;}
#container.bestPage h2 a:hover, #container.bestPage h2 a.active {background-position: 0 -74px;}
#container.bestPage .section { clear:both; overflow:hidden; zoom:1; display:none; position:relative; padding-top:10px;}
#container.bestPage .section:after{display:block;clear:both;content:""}
#container.bestPage .section.on { display:block;}
#container.bestPage .section .option {float: right;margin:30px 55px 12px 0;}
#container.bestPage .section .visualListWrap { clear:both; overflow:hidden; margin-top:5px; border:3px solid #a9a8a8;}
#container.bestPage .section .visualList { margin-left:-1px; width:975px;}
#container.bestPage .section .visualList li { float:left; border-left:1px dotted #a9a8a8;}
#container.bestPage .section .list-box{border-bottom:5px solid #e7eae9;}
#container.bestPage .section .list-box:after{display:block;clear:both;content:"";}
#container.bestPage .section .list-box ol { width:978px;margin:0 auto;overflow:hidden; zoom:1;  padding-bottom:10px;  }
#container.bestPage .section .list-box ol:after{display:block;clear:both;content:""}
#container.bestPage .section .list-box ol li { display:inline; float:left; position:relative; margin:0 14px 22px; height:253px;}
#container.bestPage .section .list-box ol li span.no { position:absolute; top:10px; left:10px; font:normal 21px/1.5 Eras Demi ITC,arial,verdana; font-style:italic; color:#a6a6a6;}
#container.bestPage .section .list-box ol li.best span.no { color:#85c4e8;}
#container.bestPage .btn { margin-top:-15px; width:100%; text-align:center;}
#container.bestPage .btnArea { margin-top:41px;text-align:center;}
#container.bestPage .btnArea a { margin:1px;}
#container.bestPage .bannerWrap { clear:both; overflow:hidden; border:3px solid #a9a8a8;}
#container.bestPage .bannerList { margin-left:-1px; width:975px;}
#container.bestPage .bannerList li { float:left; border-left:1px dotted #cbcbcb;}
#container.bestPage .unit {position: relative;padding: 15px 15px 0 10px;line-height: 18px;overflow: hidden;zoom: 1;}`
#container.bestPage .unit .info a {display: block;margin-bottom: 5px;line-height: 16px;color: #00b1d0;overflow: hidden;}
#container.bestPage .unit .opt {overflow: hidden;margin-bottom: 5px;width: 100%;text-align: right;}
#container.bestPage .unit {height: auto;}
#contents .btns {width: 100%;margin: -25px 0 30px;background: #e3e9eb;text-align: center;clear: both;}

/*login*/
#login-page.hanwha{position:relative;width:927px;margin:0 auto;}
#login-page .header{position:relative;padding:100px 0 17px 0;}
#login-page .content{position:relative;width:927px;height:539px;background: url('/images/tos/social/hanwha_login_bg.jpg');}
#login-page .content .login-box-wrap{position:absolute;bottom:42px;right:30px;width:318px;height:120px;}
#login-page.hanwha .content .login-box-wrap .login-box{position:relative;width:282px;height:113px;padding: 6px 0 0 26px;background: url('/images/tos/social/loginBox_bg.png') no-repeat;}
#login-page .content .login-box-wrap .login-box:after{display:block;content:"";clear:both;}
#login-page .content .login-box-wrap .login-box ul:after{display:block;content:"";clear:both;}
#login-page .content .login-box-wrap .login-box ul li:first-child{width:190px;}
#login-page .content .login-box-wrap .login-box ul li{float:left;}
#login-page .content .login-box-wrap .login-box ul li:after{display:block;content:"";clear:both;}
#login-page .content .login-box-wrap .login-box ul li .input.i-id{margin:15px 0 0;}
#login-page .content .login-box-wrap .login-box ul li .input {float:left;width:167px; height:24px;padding:0 8px;margin:7px 0 5px;border:1px solid #e0e0e0; outline:0; line-height:25px; font-family:dotum; font-size:12px; background:#fefefe;color:#666;}
#login-page .content .login-box-wrap .login-box ul li .input::-webkit-input-placeholder{color:#c9c9c9;}
#login-page .content .login-box-wrap .login-box ul li .input:-ms-input-placeholder{color:#c9c9c9;}
#login-page .content .login-box-wrap .login-box .id input{margin-bottom:2px;}
#login-page .content .login-box-wrap .login-box ul li label {color:#888;text-indent:-999px;font-size:0; line-height:0;}
#login-page .content .login-box-wrap label{cursor:pointer;font-size: 11px;}
#login-page .content .login-box-wrap .btn-login{margin-top:15px;}
#login-page .content .login-box-wrap .save-box-wrap{color:#4c4c4c;}
#login-page .content .login-box-wrap .save-box-wrap .chk-input{vertical-align:top;}
#login-page .content .login-box-wrap .save-box-wrap label{vertical-align:top;line-height:16px;}