@charset "utf-8";



/* ie7이하 업그레이드 알림 / skip네비게이션 */
#skip-to-content {position:relative;z-index:900}
#skip-to-content a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap}
#skip-to-content a:focus,
#skip-to-content a:active {height:auto;width:100%;padding:6px;margin-bottom:10px;color:#fff;background:#666}

/* input, select태그 스타일 변경 */
input[type="text"],input[type="password"],input[type="file"], select, textarea {
	border:1px solid #b9b9b9;
	color:#888;
	font-family:dotum,"돋움";
	font-size:12px;
}
input[type="text"],input[type="password"],input[type="file"]{
	height:15px;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus{
	border:1px solid #a5c7fe !important;
}
select{
	height:25px;
	min-width:125px;
}

/* a 태그 스타일(2016.07.12 추가) */
a.text-underline{text-decoration:underline !important;}
a.text-bold{font-weight:bold; color:#000; !important;}
a.text-color{color:#18afe0 !important;}

.font_red{ font-weight:600; color:#FF0000}

/* layout */
#wrap {position:relative;width:100%; min-width:1100px; }
#header {clear:both;position:relative;width:100%;min-width:1100px;height:180px;z-index:200;background:url(../Img/Public/header_bg.png) repeat-x;}
#footer {clear:both;hposition:relative; margin:0px 0 0 0;width:100%;z-index:1;background:#fff;padding:0;}
#mainfooter {clear:both;hposition:relative; margin:20px 0 0 0;width:100%;z-index:1;background:#fff;padding:0;border-top:1px solid #e6e6e6;}

#fixedHeader{width:100%; min-width:1100px;height:180px;z-index:99999;background:url(../Img/Public/header_bg.png) repeat-x;}

/* Common */

#amenu-wrapper {clear:both;width:1100px;margin:0 auto;position:relative;z-index:999999;}
#amenu-wrapper p {position:absolute;top:0px;left:0px;line-height:33px;padding:0 20px;}
#amenu-list {z-index:999999;margin: 0;padding: 0;float:right;}
#amenu-list li {position: relative;display: inline;float: left;background:url(../Img/Public/header_line.png) no-repeat left 50%}
#amenu-list li span {color:#18afe0;font-size:13px;	vertical-align:top;}
#amenu-list li a:link, 
#amenu-list li a:visited, 
#amenu-list li a:hover{	display: block;	margin:0px;	padding: 0px;	white-space: nowrap; color: #181818;}
#amenu-list ul {	display: none;	margin:0px;	padding: 0px;	position: absolute !important;	height: auto;top:0;}
#amenu-list ul li {	float: none;	margin:0px;	padding: 0px;}
#amenu-list li {position:relative;}
#amenu-list li a:link, #amenu-list li a:visited {	height: 34px;	line-height: 34px;	text-decoration: none;	color: #505050;	padding: 0px 20px 0px 20px;font-size:12px;	}
#amenu-list li a:hover, #amenu-list li a.active {	color: #181818;}
#amenu-list li.parent > a {	background: url(/Img/Public/icon_arrow.png) no-repeat 92% 50%;}
#amenu-list ul {position:absolute; top:34px; left:0px; border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;width:100.48px;padding:10px 0 5px 0;background-color: #eeeeee;z-index:9999999999}
#amenu-list ul li {	float:none;}
#amenu-list ul li a:link, #amenu-list ul li a:visited {	padding:0px 10px 0px 10px;margin: 0;font-size:11px;background:none;font-family:dotum;border:none;line-height:20px;height:20px;}
#amenu-list ul li a:hover, #amenu-list ul li a.active { font-weight:600}
#amenu-list li.parent ul li {background:#eeeeee;}
#amenu-list li a.login {color:#2d2d2d;background:none;font-weight:bold;}
/*
#header .topmenu{width:1100px;margin:0 auto;position:relative;}
#header .topmenu ul{z-index:100;margin: 0;padding: 0;width:640px;float:right;}
#header .topmenu ul li{position: relative;display: inline;float: left;}
#header .topmenu ul li a{display: block; color: #505050;padding:10px 30px;text-decoration: none;background:url(../Img/Public/line_tnb.png) no-repeat right 13px;font-size:12px;font-weight:normal !important}
#header .topmenu ul li a.login {color:#2d2d2d;background:none;font-weight:bold;}
#header .topmenu ul li a.double {padding-right:35px !important;}
* html .topmenu ul li a{ display: inline-block;}
#header .topmenu ul li a:link, .topmenu ul li a:visited{color: #505050;}
#header .topmenu ul li a.selected{ color: #181818;}
#header .topmenu ul li a:hover{color: #181818;}
#header .topmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;background:#fbfbfb;border:1px solid #d8d8d8;border-top:2px solid #000000;width: 115px;padding:10px 0;}
#header .topmenu ul li ul li{display: list-item;float: none;}
#header .topmenu ul li ul li a{padding:5px 10px 5px 10px;margin: 0;font-size:11px;background:none;font-family:dotum;}
* html .topmenu{height: 1%;} 
.downarrowclass{position: absolute;top: 15px;right: 20px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
*/
.headerWrap {clear:both;/*width:1100px;*/margin:0 auto;position:relative;height:146px;}
#headerTopBox{width:1100px;margin:0 auto;height:91px; position:relative;}
.headerWrap h1 {/*position:absolute;top:27px;left:10px;*/ /*padding-top:17px;*/ width:184px ; height:91px; line-height:81px}
.headerWrap h1 img{ text-align:center; width:184px;}
.headerWrap .loginInfo {position:absolute;top:27px;right:0;line-height:24px;}
.headerWrap .loginInfo strong{ color:#333333}
.headerWrap .searchWrap {position:absolute;top:27px;left:50%;margin:0 0 0 -175px;/*width:347px;*/border:1px solid #d4d4d4;border-right:0px solid #d4d4d4;padding:0px;z-index:1; display:inline-block; }
.headerWrap .searchWrap input {border:none;padding:4px;font-family:dotum;width:295px;z-index:1}

#mainMenuBox{position:relative; top:0; left:0; width:100%; z-index:0; background:#fff; border-bottom:2px solid #0d0d0d}
#mainMenuBox > div{position:relative; height:53px}
.headerWrap .mainMenu {clear:both;/*position:absolute;top:90px;left:0;*/float:left;}
.headerWrap .mainMenu:after {display:block;visibility:hidden;clear:both;content:""}
.headerWrap .mainMenu li {float:left;display:block;padding:0 50px;background:url(../Img/Public/line_menu.png) no-repeat right 20px; }
.headerWrap .mainMenu li:last-child {background:none;}
.headerWrap .mainMenu li a {padding:18px 0 19px;display:block;font-size:15px;color:#666666; font-weight:600;}
.headerWrap .mainMenu li a:hover {color:#181818;}
.headerWrap .mainMenu li.allMenu {width:184px;background:#181818;text-align:center;background-image:none;padding:0;}
.headerWrap .mainMenu li.allMenu a {font-weight:bold;color:#fff;}
.headerWrap .btnWrap {/*position:absolute;top:101px;right:0;*/float:right; padding-top:13px}

/* 메인 제품전체보기 레이어 팝업 */
.product_layer {position:absolute;/* position:fixed;*/ top:54px;left:50%;width:1100px;margin-left:-550px;z-index:100000;border:1px solid #4b4b4b;background:#fff;padding-bottom:50px;}
.product_layer:after {display:block;visibility:hidden;clear:both;content:""}
.product_layer div {float:left;padding:10px 0px 10px 20px;min-width:100px;}
.product_layer div p {font-size:13px;font-family:dotum;color:#393939;font-weight:bold;padding:20px 0 5px 7px;background:url(../Img/Public/icon_h5.png) no-repeat 0px 21px; }
.product_layer div ul li {line-height:180%;list-style: none;color:#393939;padding:0px 0;font-size:12px;font-family:dotum; width:160px;}
.product_layer div ul li a {color:#393939;font-size:11px;font-family:dotum;}
.product_layer div ul li a:hover {background-color:#19afe1; color:#fff; padding:5px 3px }

#contactsWrap {clear:both;width:1100px;margin:0 auto;}
#contactsWrap:after {display:block;visibility:hidden;clear:both;content:""}
#LnbCategory {position:relative;float:left;width:186px;/*z-index:1200*/}
#container {position:relative;float:right;width:899px;margin:16px 0;z-index:1;}
#LnbCategory p {clear:both;margin:2px 0;position:relative;}

#mainfooter .inner {width:1100px;margin:36px auto;position:relative;}
#mainfooter .inner:after {display:block;visibility:hidden;clear:both;content:""}
#mainfooter .noticeWrap {float:left;width:320px;height:155px;border:1px solid #d4d4d4;position:relative;padding:20px 20px;margin:0 0 0 200px;}
#mainfooter .noticeWrap h4 {width:100%;border-bottom:1px solid #7a7a7a;color:#2e2d2d;font-size:18px;padding:0 0 15px 0;}
#mainfooter .noticeWrap p {position:absolute;top:30px;right:20px;}
#mainfooter .noticeWrap p a {font-family:dotum;font-size:12px;}
#mainfooter .noticeWrap ul {margin:15px 0 0 0;}
#mainfooter .noticeWrap ul li a {display:block;padding:5px 0 5px 15px;font-family:dotum;font-size:12px;background:url(../Img/Public/icon_cycle.png) 0px center no-repeat}

#mainfooter .customerWrap {float:right;width:485px;height:155px;border:1px solid #d4d4d4;position:relative;padding:20px 20px;}
#mainfooter .customerWrap h4 {width:100%;border-bottom:1px solid #7a7a7a;color:#2e2d2d;font-size:18px;padding:0 0 15px 0;}
#mainfooter .customerWrap div.con01 {position:absolute;left:20px;top:66px;background:url(../Img/Public/icon_customer.png) no-repeat 0 50%;line-height:36px;}
#mainfooter .customerWrap div.con02 {position:absolute;left:198px;top:86px;}
#mainfooter .customerWrap div.con03 {position:absolute;right:20px;top:67px;}
#mainfooter .customerWrap div.con04 {position:absolute;left:20px;top:100px;font-size:12px;font-family:dotum;line-height:20px;padding:0 0 0 40px;}
#mainfooter .customerWrap div.con05 {width:445px;position:absolute;left:20px;top:140px;line-height:20px;background:url(../Img/Public/icon_email.png) 0 10px no-repeat;padding:10px 0 0 40px;color:#565656;font-weight:bold;}
#mainfooter .customerWrap div.con05 a {position:absolute;text-decoration:underline;font-weight:normal;display:inline-block;margin:0 0 0 40px;}
#mainfooter .customerWrap h5 {color:#333333;font-size:15px;padding:0 0 10px 0;}
#mainfooter .customerWrap div p.tel {font-size:26px;color:#333333;font-weight:bold;padding:0 0 0 40px;}

#footer .inner {width:1100px;margin:36px auto;position:relative;}
#footer .inner:after {display:block;visibility:hidden;clear:both;content:""}
#footer .copyWrap {clear:both;background:url(../Img/Public/footer_bg.png) repeat-x;}
#footer .copyWrap ul {margin:0 0 0 15px;}
#footer .copyWrap li {float:left;}
#footer .copyWrap li a {display:block;padding:0px 20px;line-height:56px;background:url(../Img/Public/line_tnb.png) no-repeat right center}
#footer .copyWrap li:last-child a {background:none;}
#footer h1 {position:absolute;top:80px;left:30px;}
#footer address {position:absolute;top:80px;left:220px;line-height:18px;padding:0 0 40px 0;font-size:12px;}
#footer .mark {position:absolute;right:0;top:80px;}


/*#quick {position:fixed;position:fixed; display: block; width: 98px; left: 50%;margin-left: 560px; top:197px; z-index: 99999999992001;}*/
#quick {position:absolute; display: block; width: 98px; left: 50%;margin-left: 560px; top:197px; /*z-index:999*/;}
#quick_slide {width: 98px; text-align:center;border:1px solid #e0e0e0;background:#fff;}
#quick_slide .total {background:#18afe0;color:#fff;border-bottom:1px solid #e0e0e0;text-align:right;padding:7px 10px;font-size:11px;line-height:18px;}
#quick_slide .total strong {color:#fff;}
#quick_slide .total a{color:#fff;}
#quick_slide li.quick01 {background:url(../Img/Public/quick_img01.png) no-repeat 10px 50%;padding:10px 0 7px 30px;border-bottom:0px solid #e0e0e0;}
#quick_slide li.quick02 {background:url(../Img/Public/quick_img02.png) no-repeat 10px 50%;padding:10px 0 10px 30px;border-bottom:1px solid #e0e0e0;}
#quick_slide li.quick03 {background:url(../Img/Public/quick_img03.png) no-repeat 10px 50%;padding:10px 0 10px 30px;border-bottom:1px solid #e0e0e0;}
#quick_slide li.quick04 {border-bottom:1px solid #e0e0e0; padding:3px 5px 8px 5px; font-size:11px; line-height:16px}
#quick_slide li.quick04 em{font-size:11px; font-weight:600; color:#18afe0}
#quick_slide li.quick04 em a{font-size:11px; font-weight:600; color:#18afe0}
#quick_slide li a {font-size:12px;}
#quick_slide .viewproduct {margin:20px 0;}
#quick_slide .viewproduct > h5{margin-bottom:10px;}
#quick_slide .viewproduct p.pic {margin:10px 0; padding:5px;}
#quick_slide .viewproduct p.pic > img {border:1px solid #e0e0e0; width:82px !important; height:82px !important;}
#quick_slide .viewproduct p.info {font-family:dotum;font-size:11px;margin:10px 0 10px 0;}





/* intro */

.idpw_input_box span {display:inline-block; line-height:35px; position:relative;}
.idpw_input_box label {position:absolute; line-height:35px; top:0px; left:5px;}

/*.login_box_wrap {width:1098px; height:797px; position:absolute; top:50px;left:50%; margin-left:-549px; border:1px solid #c7c7c7;border-top:2px solid #383838;}*/
.login_box_wrap {width:850px; height:672px; margin:50px auto; border:1px solid #c7c7c7;border-top:2px solid #383838;}
.login_box_wrap:after {content:''; display:block; clear:both;}
.login_box_wrap .visual {position:relative;/*border-bottom:1px solid #c7c7c7;*/height:480px;color:#000000;}
.login_box_wrap .visual > .left {position:absolute;top:20px;left:20px;font-size:15px;color:#000000;}
.login_box_wrap .visual > .right {position:absolute;top:20px;right:20px;font-size:15px;color:#ff1111;font-weight:bold;}
.login_box_wrap .visual > .title_login {position:absolute;top:80px;left:0;width:100%;text-align:center;margin:0;}
.login_box_wrap .visual > .title_login strong {font-size:28px;color:#000000}
.login_box_wrap .visual > .title_login p {border-top:1px solid #898b8e;border-bottom:1px solid #898b8e;padding:15px 0;font-size:20px;color:#000;text-align:center;width:410px;margin:20px auto;}
.login_box_wrap .visual > .title_login p span {color:#d80909;font-size:20px;vertical-align:top;}
.login_box_wrap .bottom {position:relative;width:100% }

/*.login_box_wrap .bottom .bottomleft {position:absolute;left:0px;top:0px;width:419px;height:190px; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}
.login_box_wrap .bottom .bottomright {position:absolute;right:0px;top:0px;width:431px;height:190px;border-top:1px solid #c7c7c7;}*/

.login_box_wrap .bottom .bottomleft {position:absolute;right:0px;top:0px;width:419px;height:190px; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7;}
.login_box_wrap .bottom .bottomright {position:absolute;left:0px;top:0px;width:431px;height:190px;border-top:1px solid #c7c7c7;}



.login_box_wrap .bottom .bottomleft2 {position:absolute;left:0px;top:0px;width:420px;height:210px;border-right:1px solid #c7c7c7;}
.login_box_wrap .bottom .bottomright2 {position:absolute;right:0px;top:0px;width:430px;height:210px;}

.login_box_wrap .copy {position:relative;width:100%; margin-top:210px; text-align:left }
.login_box_wrap .copy p{ font-size:12px; margin-bottom:6px}
.login_box_wrap .copy2 {position:relative;width:100%; margin-top:230px; text-align:right }
.login_box_wrap .copy2 p{ font-size:12px; margin-bottom:6px}

.login_input_box {position:relative;width:100%;margin:20px 0px 0 20px;width:380px;}
.login_input_box li {margin-bottom:10px; position:relative;}
.login_input_box li label {position:absolute; top:0px; line-height:31px; font-size:12px; left:14px;}
.login_input_box input[type='text'] , .login_input_box input[type='password'] {border:1px solid #e1e1e1;background:#fff; padding:10px; width:180px; font-size:16px;}
.login_input_box .loginbtn {position:absolute;right:0px;top:0;}
.login_input_box .box_left {padding:15px 0 0 0px;position:absolute;left:0px;top:100px;}
.login_input_box .login_btn {position:absolute;right:0px;top:100px;text-align:right; display:inline-block; width:159px;}

.login_input_box2 {position:relative;width:100%;margin:20px 0px 0 20px;width:380px;}
.login_input_box2 h2{ font-size:14px; font-weight:600; color:#333333; padding-bottom:15px}
.login_input_box2 li {margin-bottom:10px; position:relative;}
.login_input_box2 li label {position:absolute; top:0px; line-height:31px; font-size:12px; left:14px;}
.login_input_box2 input[type='text'] , .login_input_box2 input[type='password'] {border:1px solid #e1e1e1;background:#fff; padding:5px; width:180px; font-size:12px;}
.login_input_box2 .loginbtn {position:absolute;right:0px;top:25px;}
.login_input_box2 .box_left {padding:0 0 0 0px;position:absolute;left:0px;top:100px;}
.login_input_box2 .login_btn {position:absolute;right:0px;top:100px;text-align:right;}
.login_input_box2 p { font-size:11px; line-height:18px}

.bottomright .bottomright1 {position:relative;border-bottom:1px solid #c8cbcd; padding:0 0 30px 0;}
.bottomright .bottomright1 h2 {font-size:18px;color:#414141;padding:30px 0 0 15px}
.bottomright .bottomright1 h3 {font-size:18px;color:#414141;font-weight:bold;padding:10px 0 0 15px; letter-spacing:-1px}
.bottomright .bottomright1 p {position:absolute;top:35px;left:170px;font-size:13px;line-height:21px;}

.bottomright .s_mu li {float:left;border-right:1px solid #c8cbcd;padding:28px 0 10px 60px;width:82px; height:47px}
.bottomright .s_mu .r1{background:url(../Img/Public/intro_company.png) no-repeat 19px 51%}
.bottomright .s_mu .r2{background:url(../Img/Public/intro_b2b.png) no-repeat 19px 51%}
.bottomright .s_mu .r3{background:url(../Img/Public/intro_cir.png) no-repeat 20px 55%;border-right:none;}

/*
.bottomright li:last-child {}
.bottomright li:nth-child(1) {background:url(../Img/Public/intro_company.png) no-repeat 30px 50%}
.bottomright li:nth-child(2) {background:url(../Img/Public/intro_b2b.png) no-repeat 30px 50%}
.bottomright li:nth-child(3) {background:url(../Img/Public/intro_cir.png) no-repeat 30px 60%;border-right:none;}
*/

.login_btn {width:100%; margin-top:10px}
.login_btn:after {content:''; display:block; clear:both;}
.login_btn li.left {float:left;}
.login_btn li.right {float:right;}


/* intro_eng */
.bottomright .bottomright_eng {position:relative;border-bottom:1px solid #c8cbcd; padding:0 0 30px 0;}
.bottomright .bottomright_eng h2 {font-size:18px;color:#414141;padding:30px 0 0 15px}
.bottomright .bottomright_eng h3 {font-size:18px;color:#414141; font-weight:600;padding:10px 0 0 15px;letter-spacing:-1px}
.bottomright .bottomright_eng p {position:absolute;top:20px;left:170px;font-size:13px;line-height:21px;}

.bottomright .s_mu_eng li {float:left;border-right:1px solid #c8cbcd;padding:28px 0 10px 60px;width:82px; height:47px}
.bottomright .s_mu_eng .r1{background:url(../Img/Public/intro_company.png) no-repeat 19px 51%}
.bottomright .s_mu_eng .r2{background:url(../Img/Public/intro_b2b.png) no-repeat 19px 51%}
.bottomright .s_mu_eng .r3{background:url(../Img/Public/intro_cir.png) no-repeat 20px 55%;border-right:none;}






/* index */
.orderBoard {clear:both;padding:0 0 30px 0;position:relative;margin:30px 0 0 0;}
.orderBoard h4 {background:url(../Img/Public/icon_h4.png) no-repeat  ;font-size:15px;color:#474747;padding:0 0 0 10px;margin:0 0 20px 0;}
.orderBoard p.more {position:absolute;right:0px;top:0px}

.bestProduct {clear:both;margin:0px 0;padding:0 0 30px 0;}
.bestProduct:after {display:block;visibility:hidden;clear:both;content:""}
.bestProduct h4 {font-size:15px;color:#474747;margin:0 0 20px 0;}
.bestProduct ul {}
.bestProduct ul:after {display:block;visibility:hidden;clear:both;content:""}
.bestProduct li {float:left;border:1px solid #d1d1d1;margin:2px !important;text-align:center;font-size:12px;padding:0 0 0px 0;position:relative;z-index:1; min-width:173px; min-height:320px }
.bestProduct li p.no {position:absolute;right:10px;top:10px;z-index:2;text-decoration:underline;font-size:14px;color:#f0130d;font-weight:bold;}
.bestProduct li p.img {border-bottom:1px solid #d1d1d1; width:143px; height:145px; padding:15px;}
.bestProduct li p.tit {width:162px;line-height:18px; padding:0 5px; min-height:52px}
.bestProduct li img {width:143px; height:145px}
.bestProduct li p {font-size:12px;color:#353535;margin:0px 0 5px 0;}
.bestProduct li p.price {font-size:14px;color:#2d2d2d;font-weight:bold;}
.bestProduct li p.price strong {color:#cf1618;}
.bestProduct li p.cons {text-decoration:line-through;font-size:12px;color:#353535;margin:10px 0 6px 0;}
.bestProduct li p.steck {text-decoration:line-through; margin:0px 0 6px 0;}
.bestProduct li p.cod {margin:0px 0 6px 0; font-weight:600}

.OfficeDepotProduct {clear:both;margin:0px 0 0 0;padding:0 0 0px 0;}
.OfficeDepotProduct:after {display:block;visibility:hidden;clear:both;content:""}
.OfficeDepotProduct h4 {font-size:15px;color:#474747;margin:0 0 20px 0;}
.OfficeDepotProduct ul {}
.OfficeDepotProduct ul:after {display:block;visibility:hidden;clear:both;content:""}
.OfficeDepotProduct li {float:left;border:1px solid #d1d1d1;margin:2px !important;text-align:center;font-size:12px;padding:0 0 0px 0;position:relative;z-index:1; min-width:173px; min-height:320px  }
.OfficeDepotProduct li p.no {position:absolute;right:10px;top:10px;z-index:9999;text-decoration:underline;font-size:14px;color:#f0130d;font-weight:bold;}
.OfficeDepotProduct li p.img {border-bottom:1px solid #d1d1d1;width:143px; height:145px; padding:15px;}
.OfficeDepotProduct li p.tit {width:162px;line-height:18px; padding:0 5px; min-height:52px}
.OfficeDepotProduct li img {width:143px; height:145px}
.OfficeDepotProduct li p {font-size:12px;color:#353535;margin:0px 0 5px 0;}
.OfficeDepotProduct li p.price {font-size:14px;color:#2d2d2d;font-weight:bold;}
.OfficeDepotProduct li p.price strong {color:#cf1618;font-size:14px;}
.OfficeDepotProduct li p.cons {text-decoration:line-through;font-size:12px;color:#353535;margin:10px 0 6px 0;}
.OfficeDepotProduct li p.steck {text-decoration:line-through;margin:0px 0 6px 0;}
.OfficeDepotProduct li p.cod {margin:0px 0 6px 0; font-weight:600}


.bestProduct2 {clear:both;margin:0px 0;padding:0 0 30px 0;}
.bestProduct2:after {display:block;visibility:hidden;clear:both;content:""}
.bestProduct2 h4 {font-size:15px;color:#474747;margin:0 0 20px 0;}
.bestProduct2 ul {}
.bestProduct2 ul:after {display:block;visibility:hidden;clear:both;content:""}
.bestProduct2 li {float:left;border:1px solid #d1d1d1;margin:2px !important;text-align:center;font-size:12px;padding:0 0 3px 0;position:relative;z-index:1; min-width:217px; min-height:320px }
.bestProduct2 li p.no {position:absolute;right:10px;top:10px;z-index:2;text-decoration:underline;font-size:14px;color:#f0130d;font-weight:bold;}
.bestProduct2 li p.img {border-bottom:1px solid #d1d1d1; width:217px; height:217px}
.bestProduct2 li p.tit {width:207px;line-height:18px; padding:0 5px; min-height:55px}
.bestProduct2 li img {width:217px; height:217px}
.bestProduct2 li p {font-size:12px;color:#353535;margin:0px 0 10px 0;}
.bestProduct2 li p.price {font-size:14px;color:#2d2d2d;font-weight:bold;}
.bestProduct2 li p.price strong {color:#cf1618;}
.bestProduct2 li p.cons {text-decoration:line-through;font-size:12px;color:#353535;margin:10px 0 6px 0;}
.bestProduct2 li p.steck {text-decoration:line-through;margin:0px 0 6px 0;}
.bestProduct2 li p.cod {margin:0px 0 6px 0; font-weight:600}

.OfficeDepotProduct2 {clear:both;margin:0px 0 0 0;padding:0 0 0px 0;}
.OfficeDepotProduct2:after {display:block;visibility:hidden;clear:both;content:""}
.OfficeDepotProduct2 h4 {font-size:15px;color:#474747;margin:0 0 20px 0;}
.OfficeDepotProduct2 ul {}
.OfficeDepotProduct2 ul:after {display:block;visibility:hidden;clear:both;content:""}
.OfficeDepotProduct2 li {float:left;border:1px solid #d1d1d1;margin:2px !important;text-align:center;font-size:12px;padding:0 0 3px 0;position:relative;z-index:1; min-width:217px; min-height:320px  }
.OfficeDepotProduct2 li p.no {position:absolute;right:10px;top:10px;z-index:9999;text-decoration:underline;font-size:14px;color:#f0130d;font-weight:bold;}
.OfficeDepotProduct2 li p.img {border-bottom:1px solid #d1d1d1;width:217px; height:217px}
.OfficeDepotProduct2 li p.tit {width:207px;line-height:18px; padding:0 5px; min-height:55px}
.OfficeDepotProduct2 li img {width:217px; height:217px}
.OfficeDepotProduct2 li p {font-size:12px;color:#353535;margin:0px 0 10px 0;}
.OfficeDepotProduct2 li p.price {font-size:14px;color:#2d2d2d;font-weight:bold;}
.OfficeDepotProduct2 li p.price strong {color:#cf1618;font-size:14px;}
.OfficeDepotProduct2 li p.cons {text-decoration:line-through;font-size:12px;color:#353535;margin:10px 0 6px 0;}
.OfficeDepotProduct2 li p.steck {text-decoration:line-through;margin:0px 0 6px 0;}
.OfficeDepotProduct2 li p.cod {margin:0px 0 6px 0; font-weight:600}



/* sub */
#contactssubWrap {clear:both;width:100%;min-width:1100px;margin:0 auto;}
#contactssubWrap:after {display:block;visibility:hidden;clear:both;content:""}
#seelctnav {clear:both;width:100%;min-width:1100px;margin:0 auto 50px;border-bottom:1px solid #adadad;line-height:53px;}
#seelctnav:after {display:block;visibility:hidden;clear:both;content:""}
#seelctnav .inner {width:1040px;margin:0px auto;position:relative;background:url(../Img/Public/icon.png) no-repeat 0 50%;padding:0 0 0 30px;font-family:dotum;font-size:12px;}
#seelctnav .inner:after {display:block;visibility:hidden;clear:both;content:""}
#seelctnav .inner strong {font-family:dotum;letter-spacing:-1px;color:#444444;font-size:12px;display:inline-block;margin:0 10px 0 0;}
#seelctnav .inner select {min-width:167px;border:1px solid #b9b9b9;padding:4px;font-family:dotum;color:#888888;font-size:12px;margin:0 10px}

/* list */
.producttab {position:relative;width:100%;border-bottom:2px solid #444444; padding-bottom:10px; margin:0 0 0px 0; overflow:hidden;}
.producttab:after {display:block;visibility:hidden;clear:both;content:""}
.producttab ul {}
.producttab ul:after {display:block;visibility:hidden;clear:both;content:""}
.producttab li {float:left;}
.producttab li a {display:block;padding:10px 20px;font-size:12px;font-family:dotum;border:1px solid #dbdbdb;border-bottom:none;margin-left:-1px;}
.producttab li:first-child a {margin-left:0;}
.producttab li a.on, .producttab li a:hover {background:#f3f3f3;}
.producttab .btn_Wrap {float:right;/*position:absolute;right:0;top:0;*/}
.producttab .btn_Left_Wrap{float:left;}
.producttab .btn_Left_Wrap a{display:inline-block; /*width:70px;*/ height:26px; }

.subProduct {clear:both;margin:0px 0 40px 0;padding:0 0 0px 0;}
.subProduct .no-search{text-align:center; font-size:14px; padding:0 0 30px 0; border:0px; border-bottom:1px solid #ddd;margin-top:0px; width:100%;}
.subProduct:after {display:block;visibility:hidden;clear:both;content:""}
.subProduct ul {margin:40px 0 0 0;}
.subProduct ul:after {display:block;visibility:hidden;clear:both;content:""}
.subProduct li {float:left;width:214px;height:453px;border:1px solid #d1d1d1;margin:2px !important;text-align:center;font-size:12px;padding:0 0 10px 0;}
.subProduct li p.special_img {position:absolute;left:5px;top:5px;z-index:2;}
.subProduct li p.img {border-bottom:1px solid #d1d1d1; width:184px; height:185px; padding:15px;}
.subProduct li p.img img{width:184px; height:185px;}
.subProduct li p {font-size:12px;color:#353535;margin:0px 0 5px 0;}
.subProduct li div.count {display:inline-block;width:94px;position:relative;margin:30px 0;}
.subProduct li div.count input {display:inline-block;}
.subProduct li div.count input.input {width:38px;border:1px solid #d8d8d8;padding:2px 3px 3px 3px;}
.subProduct li div.count a.up {position:absolute;top:-2px;right:0;}
.subProduct li div.count a.down {position:absolute;top:9px;right:0;}
.subProduct li p.price {font-size:16px;color:#2d2d2d;font-weight:bold;}
.subProduct li p.price strong {color:#cf1618;font-size:16px;font-weight:600;}
.subProduct li p.steck {text-decoration:line-through; margin:10px 0;}
/* 160531 민주추가 */
.subProduct li p.prd-num{margin:13px 0}



.subProduct_table {width:100%;border-bottom:1px solid #bbbbbb;margin:0 0 40px 0;}
.subProduct_table tbody th {height:50px; font-size:14px; color:#393939; border-bottom:1px solid #bbbbbb; background:#f9f9f9;}
.subProduct_table tbody td {height:35px; font-size:12px; color:#5b5555; line-height:25px; border-bottom:1px solid #bbbbbb; background:#fff; text-align:center;padding:20px 10px;}
.subProduct_table tbody td.subject {text-align:left;}
.subProduct_table tbody td.subject a {font-size:12px;}
.subProduct_table tbody td.subject .photo {float:left; width:123px; height:123px;}
.subProduct_table tbody td.subject .info {float:left;margin:40px 0 0 30px}
.subProduct_table tbody td.price {font-size:16px;color:#2d2d2d;font-weight:bold;}
.subProduct_table tbody td.price strong {color:#cf1618;font-size:16px;font-weight:600;}
.subProduct_table tbody td.steck {text-decoration:line-through;margin:20px 0 5px 0;}
.subProduct_table tbody td div.count {display:inline-block;width:79px;position:relative;margin:10px 0 0 0; vertical-align:bottom;}
.subProduct_table tbody td div.count input {display:inline-block;}
.subProduct_table tbody td div.count input.input {width:40px;border:1px solid #d8d8d8;padding:2px 3px 3px 3px;}
.subProduct_table tbody td div.count a.up {position:absolute;top:-5px;right:0;}
.subProduct_table tbody td div.count a.down {position:absolute;top:6px;right:0;}

/*view*/
#detail {clear:both}
#detail .title {position:relative;width:100%;border-bottom:2px solid #444444;margin:0 0 0px 0;font-size:17px;color:#444444;padding:0 0 20px 0;font-weight:bold;}
#detail .title:after {display:block;visibility:hidden;clear:both;content:""}
#detail .title span {position:absolute;top:10px;right:0;font-family:dotum;font-size:12px;font-weight:normal}
.detail01 {clear:both;margin:25px auto 0px;}
.detail01:after {display:block;visibility:hidden;clear:both;content:""}
.detail01 .photo {float:left; width:720px; text-align:center; border:1px solid #c7c7c7;/*padding:0 75px;*/}
.detail01 .photo img {width:525px; height:525px;}
.detail01 .detailinfo {float:right;border:1px solid #c7c7c7;width:327px;height:475px;padding:25px 20px;position:relative;}
.detail01 .detailinfo:after {display:block;visibility:hidden;clear:both;content:""}
.detail01 .detailinfo dl {border-bottom:1px solid #dfdfdf;}
.detail01 .detailinfo dl:after {display:block;visibility:hidden;clear:both;content:""}
.detail01 .detailinfo dt {float:left;width:40%;padding:15px 5%;color:#151515}
.detail01 .detailinfo dd {float:left;width:50%;padding:15px 0;color:#151515}
.detail01 .detailinfo dd.price {font-size:18px;color:#cd1414;font-weight:bold;}
.detail01 .detailinfo dd.steck {text-decoration:line-through;margin:0;}
.detail01 .detailinfo dd div.count {display:inline-block;width:79px;position:relative;margin:0px 0 0 0;}
.detail01 .detailinfo dd div.count input {display:inline-block;}
.detail01 .detailinfo dd div.count input.input {width:55px;border:1px solid #d8d8d8;padding:2px 3px 3px 3px;}
.detail01 .detailinfo dd div.count a.up {position:absolute;top:-2px;right:0;}
.detail01 .detailinfo dd div.count a.down {position:absolute;top:9px;right:0;}
.detail01 .detailinfo div.btnWrap {position:absolute;bottom:25px;right:28px;}

.detail02 {clear:both;}
.detailtab {clear:both;padding:0;padding:56px 0 0 0;}
.detailtab li {float:left;text-align:center;border:1px solid #c8c8c8;background:#f5f5f5;margin:0 0 0 -1px;}
.detailtab li a {width:273px;display:inline-block;padding:20px 0;font-weight:bold;color:#6f6f6f;font-size:15px;}
.detailtab li.on {float:left; text-align:center; border-bottom:1px solid #fff; border-top:2px solid #18afe0; background:#fff; margin:0 0 0 –1px;}
.detailtab li.on a {width:273px;display:inline-block;padding:20px 0;font-weight:bold;color:#343434;font-size:15px;}
.detailtab li:first-child {margin:0 0 0 0;}
.detailtab li:first-child a {width:276px;}
.detailbox {clear:both;border:1px solid #9f9f9f;border-top:none;margin:0;padding:20px;font-family:dotum;line-height:22px;}
.detailbox p,.detailbox a  {font-family:dotum;}
.detailbox strong {font-family:dotum;font-size:14px;}
.detailbox_table {width:100%; /*border-top:1px solid #dedede;*/}
.detailbox_table tbody th {height:35px; font-size:12px; color:#444; /*border-bottom:1px solid #dedede;*/ background:#fafafa;padding:0 20px;font-family:dotum;text-align:left;width:30%;}
.detailbox_table tbody td {height:35px; font-size:12px; color:#5b5555; line-height:35px; /*border-bottom:1px solid #dedede;*/background:#fff;padding:0 20px;font-family:dotum;}


.paging {clear:both;margin:0;padding:0;text-align:center;width:100%;}
.paging a.img {margin:0;padding:0;border:none;}
.paging a:hover.img {margin:0;padding:0;border:none;}
.paging a {border:1px solid #cccccc;padding:7px 11px;font-size:11px;font-family:tahoma;color:#777;display:inline-block;}
.paging a.on, .paging a:hover {border:1px solid #555555;padding:7px 11px;font-size:11px;font-family:tahoma;color:#fff;display:inline-block;background:#666666;}
.paging img {vertical-align:middle;}

/*cart*/
#easy_cart_wrapper{width:100%;border-top:3px solid #4c4c4c;position: fixed; /*bottom: -4px;*/bottom:0px; z-index: 16000; _position:absolute; _z-index:-1;background:#f9f9f9 !important;}
.easy_cart{position:relative;width:1100px; margin:0 auto;/*padding-top:4px;*/}
#cartOpen_tit{position:absolute;right:0;top:-53px}
/*.cartView{height:290px;background:#f9f9f9;overflow:hidden;position:relative;width:1100px;padding-bottom:20px;}
.cartView .pricetitle {position:absolute;left:0;top:23px;font-size:17px;color:#3d3d3d;font-weight:600}
.cartView .pricewrap {position:absolute;left:190px;top:20px;font-size:18px;color:#3d3d3d;font-weight:bold;}
.cartView .pricewrap span {color:#3d3d3d;}
.cartView .pricewrap span.ma {display:inline-block;padding:0 30px;}
.cartView .pricewrap strong {color:#c52629;font-size:18px;font-weight:600 }
.cartView .btnwrap {position:absolute;right:0;top:20px;}
.cartView .cartbox {position:absolute;left:0;background:#fff;border:1px solid #dbdbdb;width:815px;}
.cartView .cartbox:after {display:block;visibility:hidden;clear:both;content:""}
.cartView .cartbox div {position:relative;width:1098px;margin:0 auto;}
.cartView .cartbox ul {width:725px;padding:0;margin:0 auto;}
.cartView .cartbox li {float:left;width:180px;text-align:center;padding:20px 0;}
.cartView .cartbox li p a {font-size:12px;color:#575757;}
.cartView .cartbox li p.price {font-size:13px;color:#c52629;margin:10px 0 0 0;}
.cartView .cartbox div a.prev {position:absolute;left:20px;top:94px;}
.cartView .cartbox div a.next {position:absolute;right:305px;top:94px;}
.cartView .cartbox .btnall {width:100%;line-height:36px;border-bottom:1px solid #dbdbdb;text-align:right;}
.cartView .cartbox .btnall a {font-size:12px;color:#464646;display:inline-block;padding:0 20px;border-left:1px solid #dbdbdb;}*/
.hidden { display:none; }
/* 160531 민주추가 */
.cartView{height:288px; overflow:hidden; position:relative; width:1098px; border:1px solid #dbdbdb; background:#fff;}
.cartView .cartbox{width:812px; float:left; background:#fff; }
.cartView .cartbox .btnall {width:100%; line-height:36px; border-bottom:1px solid #dbdbdb; text-align:right;}
.cartView .cartbox .btnall a {font-size:12px;color:#464646;display:inline-block;padding:0 20px;border-left:1px solid #dbdbdb;}
.cartView .cartbox:after {display:block;visibility:hidden;clear:both;content:""}
.cartView .cartbox div {position:relative;width:100%;margin:0 auto;}
.cartView .cartbox ul {/*width:690px;*/padding:0;margin:0 auto;}
.cartView .cartbox li {float:left;width:172.5px;text-align:center;padding:20px 0;}
.cartView .cartbox li p a {font-size:12px;color:#575757;}
.cartView .cartbox li p.price {font-size:13px;color:#c52629;margin:10px 0 10px 0;}
.cartView .cartbox div a.prev {position:absolute;left:20px;top:105px;}
.cartView .cartbox div a.next {position:absolute;right:20px;top:105px;}

.cartView .pricebox{width:285px; height:288px; float:left; background:#fff;border-left:1px solid #dbdbdb;}
.cartView .pricebox > div{padding:25px 23px 21px 20px}
.cartView .pricebox .pricetitle{margin-bottom:17px; font-size:16.5px; font-weight:600; color:#3d3d3d;}
.cartView .pricebox .pricewrap{border:1px solid #e8e8e8; background-color:#f6f6f6; border-bottom:none;}
.cartView .pricebox .pricewrap li{height:36px; line-height:36px;background-color:#f6f6f6; padding:0 16px; border-bottom:1px solid #e8e8e8;}
.cartView .pricebox .pricewrap li span{float:left; font-size:13.5px; color:#3d3d3d;}
.cartView .pricebox .pricewrap li strong{float:right; font-size:14px; color:#3d3d3d; font-weight:600; }
.cartView .pricebox .pricetotal {height:49px; border-bottom:1px solid #d1d1d1; line-height:49px; padding:0 16px;}
.cartView .pricebox .pricetotal span{float:left;font-size:14px; color:#3d3d3d; font-weight:600;}
.cartView .pricebox .pricetotal strong{float:right; font-size:18px; font-weight:600; color:#c52629;}
.cartView .pricebox .btnwrap {padding:16px 40px;}

/*160701 cart 미화 추가*/
#cartPrdList{width:690px; margin:0px auto; overflow:hidden; position:relative;}


/* BOARD */
.board_main {width:100%;border-top:1px solid #474747;}
.board_main tbody th {height:35px; font-size:13px; color:#444; border-bottom:1px solid #ddd; border-right:1px solid #ddd;border-left:1px solid #ddd; background:#ededed;}
.board_main tbody td {height:35px; font-size:12px; color:#5b5555; line-height:20px; border-bottom:1px solid #ddd;border-left:1px solid #ddd; background:#fff;  border-right:1px solid #ddd;text-align:center;padding:0 10px}
.board_main tbody .price{ text-align:right; padding-right:10px}


@media (max-width:1350px){
	/* #quick {left:auto !important;margin-left:auto !important;right:0} */
}



/* 20160517 미화추가
------------------------------------------------------ */
/* -------- 서브공통 -------- */
/*#subContent{width:1100px; padding:40px 0 100px; margin:0px auto; min-height:400px; }*/
#subContent{width:1100px; padding:20px 0 100px; margin:0px auto; min-height:400px; }
/*.sub-tit{font-size:18px; font-weight:600; color:#2d2d2d; padding-bottom:12px; border-bottom:1px solid #c3c3c3; padding-left:15px; margin-bottom:28px; background:url(/Img/Public/sub_tit_bullet.gif) no-repeat 0% 0%;}*/
.sub-tit{font-size:18px; font-weight:600; color:#2d2d2d; padding-bottom:12px; border-bottom:1px solid #c3c3c3; padding-left:15px; margin-bottom:20px; background:url(/Img/Public/sub_tit_bullet.gif) no-repeat 0% 0%;}
.width100{width:100px !important;}
.width500{width:500px !important; }
td.address p{margin-bottom:20px;}
.zip-code-btn{margin-left:3px; vertical-align:top;}
.warning-txt2{text-align:center; color:#393939; font-size:13px;}
.category-list-input{padding-left:10px; border:1px solid #b9b9b9; color:#888; height:23px; font-size:12px; font-family:dotum,"돋움" !important; vertical-align:top;}
.category-list-select{border:1px solid #b9b9b9; color:#888; height:25px; width:125px; font-size:12px; font-family:dotum,"돋움" !important; vertical-align:top;}

/* 버튼스타일 */
.btn-controls{margin-bottom:14px;}
.btn-controls:after{clear:both; display:block; content:"";}
.btn-controls .left-btns{float:left;}
.btn-controls .right-btns{float:right;}
.btn-controls .right-btn-text{font-family:dotum,"돋움" !important; color:#161616;}
.btn-controls .right-btn-text b{font-family:inherit; vertical-align:middle; color:#161616; font-weight:600;}
.btn-controls  a{margin-left:3px; vertical-align:middle;}
.btn-controls  a:first-child{margin-left:0px;}
.btn-controls  select{}
.btn-controls2{text-align:center; padding:30px 0;}
.btn-controls2 a{}

/* 테이블스타일1 */
.mypage-tbl{width:100%; border-top:2px solid #444; margin-bottom:25px;}
.mypage-tbl th,.mypage-tbl td{border-bottom:1px solid #bbb; /*min-height:48px;*/}
.mypage-tbl th{height:50px; background-color:#f9f9f9; color:#393939; font-weight:600; font-size:14px;}
.mypage-tbl td{text-align:center; color:#636363; padding:8px 0; font-size:13px;}
.mypage-tbl td.prd-name{position:relative; line-height:16px; }
.mypage-tbl td.prd-thum img{width:70px; height:70px;}
.mypage-tbl td.prd-num input{border:1px solid #d8d8d8; padding-left:7px; width:33px; height:20px;}
.mypage-tbl td.prd-num span{display:inline-block;width:16px; margin-left:-4px;}
.mypage-tbl td.prd-num span a{vertical-align:top; display:block; width:16px; height:11px;}
.mypage-tbl td.prd-num span img{vertical-align:top; border:none; }
.mypage-tbl td.prd-num a{/*vertical-align:top;*/}
.mypage-tbl td.price{text-align:right; padding-right:20px !important;}
.mypage-tbl td b{vertical-align:top; font-weight:600;}
.mypage-tbl .default-price{font-weight:600; color:#2f2f2f; text-decoration:line-through;}
.mypage-tbl .sell-price{font-weight:600; color:#5c5c5c; text-decoration:line-through;}
.mypage-tbl .member-price{font-weight:600; color:#e21818; text-align:right; padding-right:10px;}		
.mypage-tbl .sum-price{font-weight:600; color:#181818; text-align:right; padding-right:10px;}
.mypage-tbl .prd-name{text-align:left; padding-left:10px !important; position:relative;}
/* 160602 민주추가 예산관리 분기/반기 테이블 가격정렬 */
.mypage-tbl td.price-1{text-align:right; padding-right:15px !important; font-weight:600;}
.mypage-tbl td.price-2{text-align:right; padding-right:20px !important; font-weight:600;}
.mypage-tbl td.price-3{text-align:right; padding-right:25px !important; font-weight:600;}
.mypage-tbl td.price-4{text-align:right; padding-right:30px !important; font-weight:600;}
.mypage-tbl td.price-5{text-align:right; padding-right:35px !important; font-weight:600;}
.mypage-tbl td.price-6{text-align:right; padding-right:40px !important; font-weight:600;}
.mypage-tbl td.price-7{text-align:right; padding-right:45px !important; font-weight:600;}
.mypage-tbl td.price-8{text-align:right; padding-right:50px !important; font-weight:600;}
.mypage-tbl td.price-9{text-align:right; padding-right:55px !important; font-weight:600;}
.mypage-tbl td.price-10{text-align:right; padding-right:60px !important; font-weight:600;}
.mypage-tbl td.price-11{text-align:right; padding-right:70px !important; font-weight:600;}
.mypage-tbl td.price-12{text-align:right; padding-right:80px !important; font-weight:600;}
.mypage-tbl td.price-13{text-align:right; padding-right:90px !important; font-weight:600;}
.mypage-tbl td.price-14{text-align:right; padding-right:100px !important; font-weight:600;}
.mypage-tbl td.price-15{text-align:right; padding-right:110px !important; font-weight:600;}
.mypage-tbl td.price-16{text-align:right; padding-right:120px !important; font-weight:600;}
.mypage-tbl td.price-17{text-align:right; padding-right:130px !important; font-weight:600;}
.mypage-tbl td.price-18{text-align:right; padding-right:140px !important; font-weight:600;}
.mypage-tbl td.price-19{text-align:right; padding-right:150px !important; font-weight:600;}
.mypage-tbl td.price-20{text-align:right; padding-right:160px !important; font-weight:600;}
.quarter td.price-1, .quarter td.price-2{text-align:right; padding-right:60px !important;}
/* 160715 추가 */
.mypage-tbl td.sum-price-1{text-align:right; padding-right:15px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-2{text-align:right; padding-right:20px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-3{text-align:right; padding-right:25px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-4{text-align:right; padding-right:30px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-5{text-align:right; padding-right:35px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-6{text-align:right; padding-right:40px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-7{text-align:right; padding-right:45px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-8{text-align:right; padding-right:50px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-9{text-align:right; padding-right:55px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-10{text-align:right; padding-right:60px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-11{text-align:right; padding-right:70px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-12{text-align:right; padding-right:80px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-13{text-align:right; padding-right:90px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-14{text-align:right; padding-right:100px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-15{text-align:right; padding-right:110px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-16{text-align:right; padding-right:120px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-17{text-align:right; padding-right:130px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-18{text-align:right; padding-right:140px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-19{text-align:right; padding-right:150px !important; font-weight:600; color:#181818;}
.mypage-tbl td.sum-price-20{text-align:right; padding-right:160px !important; font-weight:600; color:#181818;}


/* 160531 민주추가 - 승인요청 내역 수정 테이블 */
#orderCon .approval-memo{height:105px; background-color:#f9f9f9; border-bottom:1px solid #bbb; padding:10px 0 10px 40px;}
#orderCon .approval-memo span{padding-right:45px; font-size:14px; font-weight:600; color:#393939;}
#orderCon .approval-memo textarea{width:943px; height:100px; border:1px solid #d6d6d6;}

/* 160531 민주추가 - 인수확인처리 */
#mypageCon #check-processing-box{width:1070px; height:170px; background-color:#f5f5f5; border:1px solid #dcdcdc; padding:15px; margin-bottom:15px;}
#mypageCon #check-processing-box p {background-color:#fff; font-size:13px; line-height:25px; color:#656565; padding:17px 22px 30px 22px; margin:0 auto; }
#mypageCon #check-processing-box .exclamation_mark{display:block; padding-left:28px; background:url(/Img/Public/sub_exclamation_mark.jpg) no-repeat 0 3px;}


/* 텍스트만 있는 테이블 */
.text-tbl td{padding:15px 0 !important;color:#636363; line-height:18px;} /* 텍스트만 들어갔을경우*/
.text-tbl strong{display:block; font-weight:600;}


/* 테이블스타일2 */
.detail-tbl{width:100%; border-top:2px solid #444; margin-bottom:25px; }
.detail-tbl th,.detail-tbl td{padding:12px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.detail-tbl th{border-left:1px solid #d7d7d7; background:#f9f9f9; color:#1d1d1d; font-size:14px; font-weight:600;}
.detail-tbl td{padding-left:20px;}
.detail-tbl td.detail-tit{color:#636363; font-weight:600;}
.detail-tbl .member-input{width:190px; padding-left:10px; border:1px solid #ccc; height:23px;font-family:dotum,"돋움"; color:#777; font-size:12px; }
.detail-tbl td.check-cell label{margin-left:5px; color:#393939;}
.detail-tbl select{width:150px; height:25px; border:1px solid #b9b9b9; font-family:dotum,"돋움"; color:#777; font-size:12px; }

/*20160713 추가*/
.detail-tbl select.time{width:80px; min-width:50px; margin:0 5px 0 10px;}
.detail-tbl select.time:first-child{margin-left:0;}

/* 결제요청 테이블 */
.order_pay-tbl{border:1px solid #dfdfdf; width:534px; height:500px; border-top:2px solid #444; margin-bottom:25px;}
.order_pay-tbl th,.order_pay-tbl td{border-bottom:1px solid #bbb; /*min-height:48px;*/}
.order_pay-tbl th{height:70px; background-color:#f9f9f9; color:#393939; font-weight:600; font-size:14px; text-align:left; padding-left:30px;}
.order_pay-tbl td{text-align:left; color:#636363; padding:10px 0; font-size:13px; padding-left:25px;}
#tableList .order_pay-tbl .td-title{color:#3d3d3d; text-align:center; border-right:1px solid #dfdfdf; padding-left:0;}
/* paging */
#paging{text-align:center; padding-top:50px;}
#paging a{display:inline-block; width:26px; height:25px; line-height:25px; font-family:dotum,"돋움"; color:#777; font-size:12px; border:1px solid #ccc; vertical-align:top; background:url(/Htm/Public/images/paging_bg.jpg) repeat-x; margin:0 2px;}
#paging a.on{background:#666; color:#fff; font-weight:600; border:1px solid #666;}
#paging a.paging-arrow{border:0;}

/* -------- MYPAGE -------- */
/* ### 마이페이지 - 메인 ### */
.mypage-list{}
.mypage-list li{box-sizing:border-box; width:100%; height:134px; margin-bottom:20px;  padding:16px 0; background:#fcfcfc; border:1px solid #dedede; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.mypage-list li a{display:table-cell; width:953px; height:102px; padding-left:163px; vertical-align:middle; }
.mypage-list li.mypage-list1 a{background:url(/Img/Mypage/mypage_main_icon1.jpg) no-repeat 23px center}
.mypage-list li.mypage-list2 a{background:url(/Img/Mypage/mypage_main_icon2.jpg) no-repeat 23px center}
.mypage-list li.mypage-list3 a{background:url(/Img/Mypage/mypage_main_icon3.jpg) no-repeat 23px center}
.mypage-list li.mypage-list4 a{background:url(/Img/Mypage/mypage_main_icon4.jpg) no-repeat 23px center}
.mypage-list li.mypage-list5 a{background:url(/Img/Mypage/mypage_main_icon5.jpg) no-repeat 23px center}
.mypage-list li.mypage-list6 a{background:url(/Img/Mypage/mypage_main_icon6.jpg) no-repeat 23px center}
.mypage-list li.mypage-list7 a{background:url(/Img/Mypage/mypage_main_icon7.jpg) no-repeat 23px center}
.mypage-list li.mypage-list8 a{background:url(/Img/Mypage/mypage_main_icon8.jpg) no-repeat 23px center}
.mypage-list li strong{display:block; color:#070707; font-size:18px; font-weight:600; padding-bottom:18px;}
.mypage-list li span{color:#636363; font-size:14px; letter-spacing:-0.1px; line-height:22px;}

/* ### 관심상품 리스트 ### */
#category-prd{width:163px; height:26px; vertical-align:bottom; margin-left:3px; border:1px solid #b9b9b9;}
/* 전체금액 */
.total-price-box{text-align:right; padding-right:20px;}
.total-price-box strong{font-size:15px; font-weight:600; color:#060606;}
.total-price-box span{font-size:15px; vertical-align:top; }
.total-price-box .select-total-price{margin-right:50px;}
.total-price-box .select-total-price span{color:#2a2a2a}
.total-price-box .total-price span{color:#e21818}

/* ### 관심상품 카테고리 설정 ### */
#cateAddBox{width:100%; box-sizing:border-box; padding:18px 0px; margin-bottom:17px; background-color:#f5f5f5; text-align:center; border:1px solid #dcdcdc;}
#cateAddBox input[type="text"]{border:1px solid #b9b9b9; background-color:#fff; width:203px; height:22px; padding-left:10px;}
#cateAddBox a{vertical-align:top;}

/* 160609 민주 추가 - Postcode_Search_Cate_Config */
#cateAddBoxTit{font-size:15px; font-weight:600; line-height:32px; color:#2d2d2d; margin-bottom:3px;}
.search-tit{font-size:14px; font-weight:600; line-hight:32px; color:#2d2d2d; margin-right:10px;}
.postcode-select{width:170px; padding-left:5px; margin-right:44px;}
.postcode-input{width:170px; margin-right:8px;}
#postExclamationBox{border:1px solid #dbdbdb; border-radius:15px; overflow:hidden; background-color:#fafafa; margin-bottom:20px;}
#postExclamationBox > p {background:url(/Img/Public/sub_exclamation_mark.jpg) no-repeat 26px 17px; height:32px; font-size:13px; line-height:24px; color:#6a6a6a; border-bottom:1px solid #dedede; padding:15px 0 5px 53px;}
#postExclamationBox > p:first-child > span {float:right; padding-right:24px;}
#postExclamationBox > p:first-child > span > strong {color:#ff6600;}
#postExclamationBox > p:last-child{height:54px; border-bottom:none;}
.mypage-tbl .postcode-address{font-size:12.6px; line-height:18px; color:#5f5f5f; text-align:left; padding-left:15px;}
.postcode{color:#464646; font-weight:600;}

/* ### 주문현황 리스트 ### */
/*#searchBox{box-sizing:border-box; padding:18px 127px; padding:18px 0; margin-bottom:46px; background-color:#f5f5f5; text-align:center; border:1px solid #dcdcdc; overflow:hidden;}*/
#searchBox{box-sizing:border-box; /*padding:18px 127px;*/ padding:10px 0; margin-bottom:20px; background-color:#f5f5f5; text-align:center; border:1px solid #dcdcdc; overflow:hidden;}

#searchBox p{/*float:left;*/ display:inline-block; padding-top:3px }
#searchBox p.state-select{margin:0 26px;}
#searchBox span{color:#2d2d2d; font-weight:600; font-size:14px; margin-right:13px;}
#searchBox p input{width:96px; height:23px; border:1px solid #b9b9b9; text-align:center; color:#888; font-size:12px; font-family:dotum,"돋움" !important; vertical-align:top;}
#searchBox p select{width:96px; height:26px; border:1px solid #b9b9b9; color:#888; font-size:12px; font-family:dotum,"돋움" !important; }
#mypageCon .warning-txt{margin-bottom:26px; color:#636363; font-size:13px;}
#mypageCon .warning-txt strong{color:#343434; font-weight:600;}

/* ### 주문내역 리스트 ### */
#orderCon{margin-bottom:30px;}
.mypage-tbl td.order-num{text-align:left; }
.mypage-tbl td.order-num p{font-size:16px; color:#2d2d2d; font-weight:600;}
.mypage-tbl td.order-num strong{display:inline-block; margin:0 37px 0 21px; font-size:14px; color:#2d2d2d; }

/* ### 명함 주문 ### */
.namecard-tbl{width:100%; margin-bottom:20px;}
.namecard-tbl th,.namecard-tbl td{padding:12px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.namecard-tbl th{border-left:1px solid #d7d7d7; color:#393939; font-size:14px; font-weight:600;}
.namecard-tbl th.front-korean{background-color:#18afe0; color:#fff; height:50px; padding:0; width:50%;}
.namecard-tbl th.back-english{background-color:#178ee0; color:#fff; height:50px; padding:0;}
.namecard-tbl td{padding-left:20px;}
.namecard-tbl th.front-th,.namecard-tbl th.back-th{text-align:left; padding-left:52px; width:115px;}
.namecard-tbl th.front-th{background:#f9f9f9 url(/Img/Mypage/namecard_front_bullet.gif) no-repeat 38px center; width:15%;}
.namecard-tbl th.back-th{background:#f9f9f9 url(/Img/Mypage/namecard_back_bullet.gif) no-repeat 38px center; width:15%;}
.namecard-tbl th.bg-none{background:none; background-color:#f9f9f9}
.namecard-input{width:330px; padding-left:10px; border:1px solid #ccc; height:23px;font-family:dotum,"돋움"; color:#777; font-size:12px; }
.namecard-tbl select{width:150px; height:25px; border:1px solid #b9b9b9; font-family:dotum,"돋움"; color:#777; font-size:12px; vertical-align:top;}

/* ### 캡스 장바구니 ### */
.mypage-con{padding-bottom:86px;}
.mypage-con .btn-controls{margin-top:40px}

/* -------- ADMIN -------- */
/* ### 메인 ### */
.admin-list{}
.admin-list li{box-sizing:border-box; width:100%; height:134px; margin-bottom:20px;  background:#fcfcfc; border:1px solid #dedede; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.admin-list li a{display:table-cell; width:953px; height:134px; padding-left:163px; vertical-align:middle; }
.admin-list li.admin-list1 a{background:url(/Img/Admin/admin_main_icon1.jpg) no-repeat 23px center}
.admin-list li.admin-list2 a{background:url(/Img/Admin/admin_main_icon2.jpg) no-repeat 23px center}
.admin-list li.admin-list3 a{background:url(/Img/Admin/admin_main_icon3.jpg) no-repeat 23px center}
.admin-list li.admin-list4 a{background:url(/Img/Admin/admin_main_icon4.jpg) no-repeat 23px center}
.admin-list li.admin-list5 a{background:url(/Img/Admin/admin_main_icon5.jpg) no-repeat 23px center}
.admin-list li.admin-list6 a{background:url(/Img/Admin/admin_main_icon6.jpg) no-repeat 23px center}
.admin-list li strong{display:block; color:#070707; font-size:18px; font-weight:600; padding-bottom:18px;} 
.admin-list li strong.email{display:inline; color:#373737; font-size:14px;}
.admin-list li span{color:#636363; font-size:14px; letter-spacing:-0.1px; line-height:22px;}

/* ### 주문조회 ### */
/*.top-search-box{border:1px solid #dadada; background-color:#fafafa; padding:20px; text-align:center; margin-bottom:30px;}*/
.top-search-box{border:1px solid #dadada; background-color:#fafafa; padding:10px 20px; text-align:center; margin-bottom:20px;}
.top-search-bottom{overflow:hidden; /*width:770px;*/ margin:0 auto; text-align:center;}
.top-search-bottom p.center{display:inline-block;}
.top-search-bottom p.second{margin-right:10px;}
.top-search-bottom p span{margin-right:36px; color:#2d2d2d; font-size:14px; font-weight:600; height:24px; line-height:24px;}
.top-search-bottom p label{margin:2px 20px 0 5px; font-size:12px; font-family:"나눔고딕",nanumgothic;  color:#373737; vertical-align:middle; line-height:12px;}
.total-price-box{border-bottom:1px solid #bbb; padding-bottom:27px;}
.admin-list-con{margin-bottom:110px;}

/* ### 회원목록 ### */
.btn-pw-reset{margin-bottom:13px; overflow:hidden;}
.btn-pw-reset > div{float:right;}

/* ###  씨티뱅크 ### */
.hide_look-btn{margin-bottom:10px;}
.grantor{color:#0c81d2 !important;}
.orderer{color:#cf1617 !important;}
.border-left{border-left:1px solid #d1d1d1;}

/* ### 계정생성 ### */
.exclamation_markBox{margin-bottom:24px;}
.acc_exclamation_mark-text{margin-left:7px; font-size:14px;}

/* ###  부서관리 ###   */
.department-name1{padding-right:12px; font-size:15px; color:#393939;}
.department-name2{padding-right:12px; font-size:13px; color:#393939;}

/* ###  예산관리 ###   */
.table-text-box{overflow:hidden; margin-bottom:12px; margin-top:20px;}
.table-text-left{float:left;}
.table-text-right{float:right;}
.table-text{font-size:13px; color:#6a6a6a;}
.month-text-1{font-size:14px; color:#393939;}
.sub-total{background:#f9f9f9;}
.total-price-box .total-price span{/*padding-left:10px; padding-right:105px;*/}

#popupContent{width:100%; box-sizing:border-box; padding:20px 10px;}
.content-td{height:30px;}
.exclamation_mark-text{border:1px solid #dedede; border-radius:10px; width:100%; height:23px; background:#f6f6f6; text-align:center; padding-top:10px; margin-top:15px; margin-bottom:30px;}
.exclamation_mark-span{color:#6a6a6a;}

/* -------- 주문/결제 -------- */
/* ### 메인 ###   */
.orderPay-list li{box-sizing:border-box; width:100%; height:134px; margin-bottom:20px;  background:#fcfcfc; border:1px solid #dedede; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.orderPay-list li a{display:table-cell; width:953px; height:134px; padding-left:163px; vertical-align:middle; }
.orderPay-list li.orderPay-list1 a{background:url('/Img/Approval/orderpay_main_icon1.jpg') no-repeat 23px center;}
.orderPay-list li.orderPay-list2 a{background:url('/Img/Approval/orderpay_main_icon2.jpg') no-repeat 23px center;}
.orderPay-list li.orderPay-list3 a{background:url('/Img/Approval/orderpay_main_icon3.jpg') no-repeat 23px center;}
.orderPay-list li.orderPay-list4 a{background:url('/Img/Approval/orderpay_main_icon4.jpg') no-repeat 23px center;}
.orderPay-list li strong{display:block; color:#070707; font-size:18px; font-weight:600; padding-bottom:18px;} 
.orderPay-list li span{color:#636363; font-size:14px; letter-spacing:-0.1px; line-height:22px;}
/* ###  주문서작성 ###   */
#exclamation-text{margin:18px 0 35px 0; line-height:24px;}
#exclamation-text p{padding-left:25px;}
.exclamation-text1{background:url('/Img/Order_Pay/exclamation_icon1.jpg') no-repeat left 3px; font-size:13px; color:#2675a7;}
.exclamation-text2{background:url('/Img/Order_Pay/exclamation_icon2.jpg') no-repeat left 3px; font-size:13px; color:#5a26a7;}
.exclamation-text3{background:url('/Img/Order_Pay/exclamation_icon3.jpg') no-repeat left 3px; font-size:13px; color:#a7267b;}
.exclamation-text4{background:url('/Img/Order_Pay/exclamation_icon4.jpg') no-repeat left 3px; font-size:13px; color:#d15d18;}
.exclamation-text5{background:url('/Img/Order_Pay/exclamation_icon5.jpg') no-repeat left 3px; font-size:13px; color:#434343;}
.order-sheet-listimg{background:url('/Img/Public/sub_tit_bullet.gif') no-repeat left center}
.order-sheet-title{font-size:16px; color:#2d2d2d; line-height:32px; padding-left:15px; padding-right:30px;}
.tel-bar{padding:0 5px;}
#shipping-information-text{background:url('/Img/Order_Pay/order_sheet_icon.jpg') no-repeat left center; line-height:25px; padding:40px 0; padding-left:140px; font-size:13px;}

/* 결제요청, 결제정보입력 */
#payment-table-title{background:url('/Img/Public/sub_exclamation_mark.jpg') no-repeat left center; padding-left:30px; text-align:left; font-size:16px; line-height:36px; color:#2d2d2d;}
#mypageCon{/*overflow:hidden; width:1100px;*/}
#payTableList{float:left;}
#tableList2{width:536px; height:500px; float:right; background:url('/Img/Order_Pay/payment_requeat_icon.jpg') no-repeat 50% 65px;}
#tableList2 p{font-size:13.4px; line-height:28px;  padding-left:30px;}
#tableList2-text1{margin-top:230px; margin-bottom:10px;}
#tableList2-text2{margin-top:20px; margin-bottom:10px;font-size:13px; color:#FFF; background:#353535; margin-left:30px; margin-right:30px; padding:20px 20px; text-align:center ; border-radius:5px 5px}
#tableList2-text3{margin-top:20px; margin-bottom:10px;}
.creditcard-text{padding:3px 0 3px 5px; border:1px solid #ccc; height:23px;font-family:dotum,"돋움";}
.month-text{padding-left:10px;}
#month-bar{padding-left:9px; padding-right:18px;}
/* -------- 고객센터 -------- */
/* ###  메인 ###   */
.customer-list li{box-sizing:border-box; width:100%; height:134px; margin-bottom:20px;  background:#fcfcfc; border:1px solid #dedede; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.customer-list li a{display:table-cell; width:953px; height:134px; padding-left:163px; vertical-align:middle; }
.customer-list li.customer-list1 a{background:url(/Img/customer/customer_main_icon1.jpg) no-repeat 23px center;}
.customer-list li.customer-list2 a{background:url(/Img/customer/customer_main_icon2.jpg) no-repeat 23px center;}
.customer-list li.customer-list3 a{background:url(/Img/customer/customer_main_icon3.jpg) no-repeat 23px center;}
.customer-list li strong{display:block; color:#070707; font-size:18px; font-weight:600; padding-bottom:18px;}
.customer-list li strong.email{display:inline; color:#636363; font-size:14px;}
.customer-list li span{color:#636363; font-size:14px; letter-spacing:-0.1px; line-height:22px;}

/* 게시판 리스트 테이블 */
.board-list-tbl{width:100%; border-top:1px solid #414141; margin-bottom:25px;}
.board-list-tbl th,.board-list-tbl td{}
.board-list-tbl th{height:44px; background-color:#f9f9f9; color:#393939; font-weight:600; font-size:14px;border-bottom:1px solid #ccc;}
.board-list-tbl td{height:46px; text-align:center; color:#5a5a5a; font-size:13px; border-bottom:1px solid #eee; letter-spacing:-0.25px;}
.board-list-tbl td.notice-text{text-align:left;}
.board-list-tbl td.notice-text a{display:block; color:#5a5a5a; width:679px; padding-left:30px;}
/* 게시판 뷰 테이블 */
.board-view-tbl{width:100%; border-top:1px solid #414141; margin-bottom:25px;}
.board-view-tbl th,.board-view-tbl td{padding:16px 0;}
.board-view-tbl th{background-color:#f8f8f8; color:#666; font-weight:600; font-size:14px;border-bottom:1px solid #ccc;}
.board-view-tbl td{ color:#666; font-size:13px; letter-spacing:-0.25px;border-bottom:1px solid #999;}
.board-view-tbl td.notice-text{text-align:left; padding-left:20px;}
.notice-text{text-align:left;}
.mypageCon{overflow:hidden;}
.right-btns{float:right;}
.title{overflow:hidden; border-bottom:1px solid #999;}
.list-title{float:left; font-size:14px; color:#000; padding-left:20px;}
.sub-title strong,.sub-title span{vertical-align:top;}
.sub-title span{font-weight:400;}
.list-sub-title{float:right; font-size:12px; color:#6b6b6b; padding-right:15px;}
.sub-title{overflow:hidden; padding-left:20px; background:#f8f8f8;}
.sub-left-title{float:left; font-size:12px; padding-left:20px;}
.sub-left-title .bar{margin:0 11px; }
.sub-right-title{float:right; font-size:12px; padding-right:15px;}
/* 게시판 쓰기 테이블 */
.board-write-tbl{width:100%; border-top:1px solid #414141; margin-bottom:25px;}
.board-write-tbl th,.board-write-tbl td{padding:11px 0; border-bottom:1px solid #ccc;}
.board-write-tbl th{background-color:#f8f8f8; color:#666; font-weight:600; font-size:14px;}
.board-write-tbl td{padding-left:10px; color:#666; font-size:13px; letter-spacing:-0.25px;}
.board-write-tbl td input{border:1px solid #d8d8d8}
.board-write-tbl td input[type="text"]{height:23px; vertical-align:top;}
/* -------- 기타 -------- */
/* ###  ###   */
#exclamation-text{margin:18px 0 35px 0; line-height:24px;}
#exclamation-text p{padding-left:25px;}
.exclamation-text01{background:url('/Img/Public/sub_circle_mark.jpg') no-repeat left center; font-size:13.6px; color:#717171; line-height:32px;}
.order-sheet-listimg{background:url('/Img/Public/sub_tit_bullet.gif') no-repeat left center}
.order-sheet-title{font-size:16px; color:#2d2d2d; line-height:32px; padding-left:15px; padding-right:30px;}
.etc-tbl th,.etc-tbl td{text-align:center; border-right:none; padding-left:0;}
#shipping-information-text{background:url('/Img/Order_Pay/order_sheet_icon.jpg') no-repeat left center; line-height:25px; padding:40px 0; padding-left:140px; font-size:13px;}

/* ### 개인정보동의  ###   */
#imformation-Box{width:1100px;}
#textarea{border:1px solid #e5e5e5; background:#fafafa; padding:30px; height:390px; overflow-y:scroll; line-height:24px; font-size:13.5px;}
#textarea strong{font-size:18px; color:#353535;}
#imformation-check-Box{border:1px solid #e5e5e5; border-top:none; padding:25px 0; text-align:center;}


/* -------- 20160525 추가 -------- */
.preview-photo-con{display:none; position:absolute; top:40px; left:25%; width:350px; height:350px; border:2px solid #18afe0; z-index:99}
/* 달력css */
.date-picker-box{display:inline-block; position:relative; overflow:hidden; width:126px !important; float:none; margin-right:0 !important; text-align:left}
.ui-datepicker-trigger{cursor:pointer;position:absolute; top:0px; left:0px;}
.date-picker{margin-left:27px;}
/* 수량css */
.ui-spinner{width:60px !important; border:1px solid #d8d8d8 !important; margin-left:0px!important;}
.ui-spinner span{margin-left:0px!important;}
	.spinner{width:40px !important; border:0 !important; height:16px !important; vertical-align:bottom;}

/* =============== 20160617 추가 =================== */
/* ==================== MODAL LAYER ========================== */
#modalBg{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99999;background-color:#000; opacity:0.7;filter:Alpha(opacity=70);}
/* 팝업에 스크롤 있는 것 */
.modal-content{display:none; background-color:#fff; position:fixed; top:50%; left:50%; z-index:999999; /*width:484px; height:331px;*/ border:1px solid #8f8f8f; padding:10px 9px; /*overflow:hidden;*/ }
.modal-content > span{display:block; background-color:#ededed; height:40px; line-height:40px; padding-left:15px;}
.modal-content > .txt{border-bottom:1px solid #8f8f8f;  /*min-height:235px;overflow:scroll;max-width:484px;*/  /*overflow:auto; white-space:nowrap;*/}
.modal-content > .txt > div{padding:30px 20px;}
.modal-content > .txt p{font-size:12px; line-height:24px; color:#4f4f4f;}
.modal-content > .modal-btn{float:right; margin-top:20px;}
.modal-content > .modal-btn a{display:inline-block;}
.modal-tit{font-size:20px; font-weight:600; color:#000; margin-bottom:15px;}
.modal-close{position:absolute; top:22px; right:20px; color:#333; font-weight:600; font-size:20px;}
/* 팝업에 스크롤 없는 것 - 텍스트 길이만큼 너비 자동으로 늘어남*/
#modalWrap .noscroll > .txt{overflow:auto;}
#modalWrap .no-scroll > .txt{border-bottom:1px solid #8f8f8f; min-height:0px;}

.bbud{font-family:"나눔고딕", NanumGothic,'WebNanumGothic','dotum', serif !important; color:#636363 !important;}
/* =============== 20160713 추가 =================== */
.modal-img{position:fixed; top:50%; left:50%; margin-left:-253px; margin-top:-102.5px; z-index:999999; max-width:1200px;}/* margin-left:-(이미지가로값/2) , margin-top:-(이미지세로값/2) */ 

/* 20160718 추가 */
#ui-datepicker-div{z-index:9999999 !important;}

/* 20160721 추가 */
#container > p{width:900px; height:210px; display:block;}
#container > p > img{width:100%; height:100%; display:inline-block;}
#footer .inner h1{width:135px; height:66px; display:block;}
#footer .inner h1 img{width:135px; height:66px; display:inline-block;}
.login_box_wrap .version2{height:162px; border-bottom:1px solid #c7c7c7;}
.login_box_wrap .version2 > div:first-child{width:100%; height:100%; display:block; background:url(/Img/Intro/id_pwd_bg.png) no-repeat 45px center;}
.login_box_wrap .version2 > div:first-child > h4{margin:0px 50px 0 176px; padding-top:24px; border-bottom:1px solid #797979; font-size:23px; line-height:49px; font-weight:600; color:#404040; letter-spacing:-1px;}
.login_box_wrap .version2 > div:first-child > p{font-size:13px; line-height:23px; letter-spacing:-1px; color:#5f5f5f; margin:14px 0 0 176px; font-weight:600}
.login_box_wrap .bottom-version2{height:353px; border-bottom:1px solid #c7c7c7;}
.login_box_wrap .bottom-version2 .left-box-version2, .login_box_wrap .bottom-version2 .right-box-version2{height:100%; border-right:0px;}
.bottom-version2 .left-box-version2 .sub-tit, .bottom-version2 .right-box-version2 .sub-tit{border-bottom:0px; margin-bottom:17px;}
.bottom-version2 .id-box-version2, .bottom-version2 .pwd-box-version2{margin:24px 0 0 20px;}
.bottom-version2 .id-box-version2 > div.id-search, .bottom-version2 .pwd-box-version2 > div.pwd-search{width:392px; height:200px; border:1px solid #c7c7c7; background-color:#fafafa;}
.id-box-version2 > div.id-search dl, .pwd-box-version2 > div.pwd-search dl{overflow:hidden; display:block; padding:0 13px;}
.id-box-version2 > div.id-search dl:first-child{margin:40px 0 10px 0;}
.pwd-box-version2 > div.pwd-search dl{margin-bottom:8px;}
.pwd-box-version2 > div.pwd-search dl:first-child{margin-top:20px;}
.pwd-box-version2 > div.pwd-search dl:last-child{margin-bottom:0px;}
.id-box-version2 > div.id-search dl > dt, .pwd-box-version2 > div.pwd-search dl > dt{float:left; background:url(/Img/Intro/loginbox_dt_icon.jpg) no-repeat left center; padding-left:11px; font-size:14px; font-weight:600; line-height:23px; color:#1f1f1f;}
.id-box-version2 > div.id-search dl > dd, .pwd-box-version2 > div.pwd-search dl > dd{float:right;}
.id-box-version2 > div.id-search dl > dd > input, .pwd-box-version2 > div.pwd-search dl > dd > input{width:240px; height:23px; border:1px solid #e1e1e1; padding:5px;}
.id-box-version2 > div.id-search dl:last-child > dd > input, .pwd-box-version2 > div.pwd-search dl:last-child > dd > input{width:64px; height:23px; border:1px solid #e1e1e1; padding:5px;}
.id-box-version2 > a {display:inline-block; text-align:center; margin-top:19px; margin-left:115px;}
.pwd-box-version2 > a{display:inline-block; text-align:center; margin:19px 0 4px 59px;}
.pwd-box-version2 > a.first{margin:19px 0 4px 59px !important;}
.pwd-box-version2 > a:last-child{margin:0px 0 0px 59px;}
.bottomcenter{position:absolute; display:block; width:100%; height:155px; top:354px; left:0px; overflow:hidden; background-color:#f9f9f9;}
.bottomcenter > p{float:left; display:inline-block; font-size:13px; line-height:23px; color:#5f5f5f; letter-spacing:-1px; margin:40px 0 0 48px; font-weight:600}
.bottomcenter > p > strong{display:block; font-weight:600; color:#1d204c;}
.bottomcenter > a{float:right; display:block; margin:59px 22px 0 0;}
.login_box_wrap .copy-version2{margin-top:185px;}

/* 20160726추가 이용약관 */
#mypageCon .termService{overflow:hidden; text-align:left;}
.termService ul{float:left; margin:0 100px 0 30px;}
.version2 ul{float:left; margin:0 20px 0 30px;}
.termService ul li{font-size:13px; line-height:20px; color:#2d2d2d; font-weight:600;}
.termService ul li > a{font-size:13px; line-height:20px; color:#2d2d2d; display:inline-block; }
.termService ul li:hover > a{text-decoration:underline}
#serviceList h1.sub-tit{margin-top:50px;}
#serviceList h1.sub-tit:first-child{margin-top:0px;}
#serviceList #exclamation-text{margin-bottom:20px;}
#serviceList #exclamation-text p.exclamation-text01{font-size:14px; font-weight:600; color:#2d2d2d; margin-bottom:10px;}/*조항은 #717171*/
#exclamation-text div.list-con{padding:20px 20px; border:1px solid #dcdcdc; box-sizing:border-box:}
#exclamation-text div.list-con > p{padding:0px;}
#exclamation-text div.list-con p.sub-con{padding-left:30px; margin-bottom:10px;}
#exclamation-text div.list-con p.sub-con:last-child{margin-bottom:0px;}
/* 인트로 팝업창 */
.copy .popup > a{font-size:12px; display:inline-block; color:#343333; font-weight:600;}