@charset "utf-8";

/************ common style { ************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, object, label, input, select, textarea, th, td {margin:0; padding:0; font-size:12px; line-height:150%; color:#4d4d4d; font-family: 'NanumGothic', 'dotum', 'AppleGothic', 'Segoe UI', sans-serif;}
ul, ol {list-style:none;}
input, select, textarea, img {vertical-align:middle;}
table {border-collapse:collapse; width:100%;}
address, em, i {font-style:normal;}
img, fieldset, a {border:none;}
hr, legend {display:none;}
th, td, li, p {line-height:150%;}
a:link, a:visited, a:active {color:#696969; text-decoration:none;}
a:hover{color:#30aae5; text-decoration:none;}
/************ } common style ************/

/************ guide style { ************/
.mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}

/*** width ***/
.w50  {width: 50px;}
.w80  {width: 80px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;}
.vt {vertical-align:top;} .vm {vertical-align:middle;} .vb {vertical-align:bottom;}
.fl {float:left;} .fr {float:right;} .cb {clear:both;}
/************ } guide style ************/

/*  #wrap {background:url(../img/comm/top_visual.jpg) no-repeat center 0;}    */

/** Header Layout { **/
/* .header {position:relative;overflow:hidden;width:1150px;margin:0 auto;}    */
   .header {position:relative;overflow:hidden;width:1150px;margin:0 auto;}
   .header .top_visual {position:relative;width:1150px;padding:0 0 0 0;z-index:0;}
   .header .top_visual h1 {position:absolute;left:123px;top:70px;font-size:28px;font-weight:bold;color:#4d4d4d;line-height:34px;letter-spacing:-1px;}
   .header .top_visual h1 span {display:block;font-size:15px;font-weight:bold;color:#185802;line-height:18px;letter-spacing:-1px;}
   .header .lnb {position:absolute;right:70px;top:40px;height:21px;text-align:right;z-index:1;}
   .header .lnb span {float:left;height:21px;padding:4px 0 0 0;}
   .header .lnb a {float:left;display:block;margin-left:7px;text-align:center;}
   .header .lnb a.userinfo {width:71px;height:21px;font-size:0;line-height:0;background:url(../img/comm/lnb_userinfo.png) no-repeat 0 0;}
   .header .lnb a.userinfo:hover {background-position:0 -21px;}
   .header .lnb a.userinfo:active {background-position:0 -42px;}
   .header .lnb a.logout {width:71px;height:19px;font-size:0;line-height:0;background:url(../img/comm/lnb_logout.png) no-repeat 0 0;}
   .header .lnb a.logout:hover {background-position:0 -19px;}
   .header .lnb a.logout:active {background-position:0 -38px;}
/** } Header Layout **/

/** Gnb Layout { **/
   .gnb {position:relative;width:1080px;height:63px;margin:0 0 0 10px;padding:0 25px;border-bottom:1px solid #dadada;}
   .gnb ul {float:left;width:840px;padding-top:0;}
   .gnb ul li {position:relative;float:left; padding-left:5px}
   .gnb ul li a {}
   .help {float:right;width:200px;padding-top:10px;text-align:right;}
   .tel {position:absolute;right:25px;bottom:0;height:25px;}
/** } Gnb Layout **/

/** Footer Layout { **/
   .footer {width:100%;border-top:1px solid #77ba1d;}
   .footer .footerArea {width:1150px;margin:0 auto;text-align:center;}
   .footer .footerlogo {float:left;width:380px;padding-top:12px;text-align:center;}
   .footer .footerTel {float:left;width:180px;padding-top:18px;}
   .footer .footerTel2 {float:left;width:570px;padding-top:12px;}
   .footer .footerTel2 li {float:left;width:25%;}
   .footer p {clear:both;padding:10px 0;text-align:center;}
/** } Footer Layout **/

/** Sub Layout { **/
   .container {*zoom:1;position:relative; width:1130px;margin:0 auto; padding:0 0 30px 10px;}
   .container:after {display:block; clear:both; content:"";}
   .container-pop {*zoom:1;position:relative; margin:0 auto; padding:0 0 30px 10px;}
   .container-pop:after {display:block; clear:both; content:"";}
      .subTitle {height:42px;padding:20px 0 0 5px;}
      .content {clear:both;}
      .content .topLink {height:60px;margin-left:15px;}
         .content .topLink .m30 {margin-left:30px;}
         .content .topLink.ml2 {height:33px;margin:27px 0 0 12px;} /* 5.14 추가*/
         .content .topLink.alignBR {height:33px;text-align:right;margin:27px 12px 0 0;} /* 5.14 추가*/
         .content .topLink .ab1 {position:absolute;top:-40px;left:40px;} /* 5.14 추가*/
         .content .leftArea {float:left;width:255px;}         
         .content .centerArea {float:left;width:255px;} /* 5.14 추가*/
         .content .admin_cartArea {float:left;width:1130px;}/* 장바구니 구역 / 15.05.18 / kjm  */
         .content .rightArea {float:right;width:860px;}        
         .content.main .leftArea {width:200px;margin-top:4px;}
         .content.main .rightArea {width:740px;margin-top:35px;}
         .content.subLay2 .leftArea {width:188px;}
         .content.subLay2 .rightArea {width:770px;}
         .content.subLay3 .leftArea {width:340px;} /* 5.14 추가*/
         .content .subLay3 .centerArea {width:194px;margin-left:10px;} /* 5.14 추가*/
         .content .subLay3 .rightArea {width:580px;} /* 5.14 추가*/
         .content .subLay3 .rightAreaWide {width:760px;margin-left:10px;float:right;} /* 5.14 추가*/
         .content .topBar {height:27px;background:url(../img/comm/bar_bg.gif) no-repeat right 0;}
         .content .topBar span {display:inline-block;height:27px;line-height:27px;padding-left:20px;font-weight:bold;color:#282828;background:url(../img/comm/bar_bg.gif) no-repeat left 0;}
/** } Sub Layout **/

/** } Contents **/
/** Sub Contents { **/
   .ban_reg_set {display:inline-block;width:103px;height:24px;margin:30px 0 0 15px;font-size:0;line-height:0;background:url(../img/comm/ban_reg_set.png) no-repeat 0 0;}
   .ban_reg_set:hover {background-position:0 -24px;}
   .ban_reg_set:active {background-position:0 -48px;}
   .photo_save {display:inline-block;width:287px;height:51px;font-size:0;line-height:0;background:url(../img/comm/photo_save.png) no-repeat 0 0;}
   .photo_save:hover {background-position:0 -51px;}
   .photo_save:active {background-position:0 -102px;}
   .folder_reg_set {display:inline-block;width:107px;height:27px;margin:27px 0 0 12px;font-size:0;line-height:0;background:url(../img/comm/folder_reg_set.png) no-repeat 0 0;}
   .folder_reg_set:hover {background-position:0 -27px;}
   .folder_reg_set:active {background-position:0 -54px;}
   .btn_photo {display:inline-block;width:129px;height:23px;font-size:0;line-height:0;background:url(../img/btn/btn_photo.png) no-repeat 0 0;}
   .btn_photo:hover {background-position:0 -23px;}
   .btn_photo:active {background-position:0 -46px;}
   .btn_photo_sort {display:inline-block;width:176px;height:51px;font-size:0;line-height:0;background:url(../img/btn/btn_photo_sort.png) no-repeat 0 0;}
   .btn_photo_sort:hover {background-position:0 -51px;}
   .btn_photo_sort:active {background-position:0 -102px;}
   .btn_uplode {display:inline-block;width:176px;height:51px;font-size:0;line-height:0;background:url(../img/btn/btn_uplode.png) no-repeat 0 0;}
   .btn_uplode:hover {background-position:0 -51px;}
   .btn_uplode:active {background-position:0 -102px;}

   .tabArea1 {height:29px;margin-bottom:10px;}
   .tabArea1 ul {height:28px;padding:0 21px;border-bottom:1px solid #8c969f;}
   .tabArea1 li {float:left;}
   .tabArea1 li a {display:block;height:28px;line-height:28px;margin-right:-1px;padding:0 15px 0 0;font-size:11px;color:#b4b4b4;letter-spacing:-0.5pt;background:url(../img/comm/tab_bg1.png) no-repeat 100% -29px;}
   .tabArea1 li a span {display:block;height:18px;line-height:18px;padding:10px 0 0 15px;color:#b4b4b4;font-size:11px;background:url(../img/comm/tab_bg1.png) no-repeat 0 -29px;}
   .tabArea1 li a.on {display:block;height:28px;line-height:28px;padding:0 15px 0 0;font-size:12px;font-weight:bold;color:#323232;background:url(../img/comm/tab_bg1.png) no-repeat 100% 0;}
   .tabArea1 li a.on span {display:block;height:24px;line-height:24px;padding:4px 0 0 15px;font-size:12px;font-weight:bold;color:#323232;background:url(../img/comm/tab_bg1.png) no-repeat 0 0;}

   /* 사진관리메뉴 */
   .photoMenu {}
   .photoMenu .total {padding:20px 0 10px;text-align:center;}
   .photoMenu .total span {font-weight:bold;color:#000;}
   .photoMenu .total span.red {color:#cf102b;}
   .photoMenu ul#navi { width:215px;margin:0 auto;}
   .photoMenu li.group { margin-bottom: 3px; }
   .photoMenu li.group div.title {position:relative; height: 21px; margin-bottom:6px;padding:2px 0 0 35px; line-height: 23px; border-bottom:1px solid #eeeeee; cursor:pointer; background:url(../img/comm/icon_menu_off.gif) no-repeat 0 0;}
   .photoMenu li.group div.title.on {background:url(../img/comm/icon_menu_on.gif) no-repeat 0 0;}
   .photoMenu li.group div.title span {position:absolute;right:0px;top:2px;color:#c72530;font-weight:bold;}
   
   .photoMenu ul.sub { display:none; }
   .photoMenu ul.sub.on {display:block;}
   .photoMenu ul.sub li { position:relative; margin: 0 0px 2px 20px; padding-left:0px; /*height:19px;song modify*/ line-height:19px;  cursor:pointer; /*song modify*/;}
   .photoMenu ul.sub li a {display: block; width: 96%; height:99%; padding:1% 4%;text-align:right;text-decoration:none;color:#00c2f7;}
   .photoMenu ul.sub li a span {float:left;color:#a7a8cc;}
   .photoMenu ul.sub li a.on {color:#ff0000;background:#d3dce8;}
   .photoMenu ul.sub li a.on span {color:#ff0000;}

   /* 사진관리리스트 */
   .photoList {margin-top:5px;}
   .photoList .top {position:relative;height:45px;padding:0 23px 0 17px;}
   .photoList .top h3 {float:left;margin:20px 0 5px 0;padding:0 30px 0 25px;color:#6f6f6f;background:url(../img/comm/bul1.gif) no-repeat 5px 1px;}
   .photoList .top .btn {float:right;}
   .photoList .top .btn .ml {margin-left:30px;}
   .photoList ul.plist {overflow:hidden;}
   .photoList ul.plist li {float:left;margin:0 0;padding:0 0 10px 17px;text-align:center;}
   .photoList ul.plist li a {display:block;overflow:hidden;width:151px;height:138px;padding:6px 0 9px;line-height:138px;vertical-align:middle;background:url(../img/comm/photoList_bg.png) no-repeat 0 0;}
   .photoList ul.plist li a.on {background-position:-151px 0;}
   .photoList ul.plist li .thumb {overflow:hidden;position:relative;width:134px;height:138px;line-height:138px;margin:0 auto 0 auto;vertical-align:middle;}
   .photoList ul.plist li .thumb img {vertical-align:middle;max-height: 134px; max-width: 134px;width:auto;height: auto;overflow: hidden;}
   .photoList ul.plist li .tit {display:block; width:151px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center;}

   /* 폴더관리메뉴 */
   .folderMenu {padding-top:30px;}
   .folderMenu ul#navi { width:215px;margin:0 auto;}
   .folderMenu li.group { margin-bottom: 5px;}
   .folderMenu li.group div.title {position:relative; height: 26px; margin-bottom:6px;padding:2px 0 0 35px; line-height: 23px; border-bottom:1px solid #eeeeee; cursor:pointer; background:url(../img/comm/folderMenu_icon1.gif) no-repeat 0 0;}
   .folderMenu li.group.icon1 div.title {background-image:url(../img/comm/folderMenu_icon1.png);}
   .folderMenu li.group.icon2 div.title {background-image:url(../img/comm/folderMenu_icon2.png);}
   .folderMenu li.group div.title span {position:absolute;right:5px;top:2px;color:#c72530;font-weight:bold;}
   .folderMenu ul.sub { display:none; }
   .folderMenu ul.sub.on {display:block;}
   .folderMenu ul.sub li { position:relative; margin: 0 20px 2px 20px; padding-left:20px; height:19px; line-height:19px;  cursor:pointer; background:url(../img/comm/folderMenu_sub_icon1.png) no-repeat 0 50%;}
   
   .folderMenu li.group.icon2 ul.sub li {background-image:url(../img/comm/folderMenu_sub_icon2.gif);}
   .folderMenu ul.sub li a { display: block; width: 96%; height:99%; padding:1% 4%;text-align:right;text-decoration:none;color:#00c2f7;}
   
   .folderMenu ul.sub li a span {float:left;color:#3e3e3e;}
   
   .folderMenu ul.sub li a.on {color:#ff0000;background:#d3dce8;}
   .folderMenu ul.sub li a.on span {color:#ff0000;}
   
   
   /* 0825폴더관리메뉴 */
   .folderMenu2 {padding-top:10px;}
   .folderMenu2 ul#navi { width:215px;margin:0 auto;}
   .folderMenu2 li.group { margin-bottom: 5px; }
   .folderMenu2 li.group div.title {position:relative; height: 21px; margin-bottom:6px;padding:2px 0 0 345px; line-height: 23px; border-bottom:1px solid #eeeeee; cursor:pointer; background:url(../img/comm/folderMenu_icon1.gif) no-repeat 0 0;}
   .folderMenu2 li.group.icon1 div.title {background-image:url(../img/comm/calendar_icon.gif);}
   
   .folderMenu2 li.group div.title span {position:absolute;right:5px;top:2px;color:#c72530;font-weight:bold;}
   .folderMenu2 ul.sub { display:none; }
   .folderMenu2 ul.sub.on {display:block;}
   .folderMenu2 ul.sub li { position:relative; margin: 0 20px 2px 0px; padding-left:20px; height:19px; line-height:19px;  cursor:pointer; background:url(../img/comm/titleimg_icon.gif) no-repeat 0 50%;}

   .folderMenu2 ul.sub li a { display: block; width: 96%; height:99%; padding:1% 4%;text-align:right;text-decoration:none;color:#00c2f7;}
   .folderMenu2 ul.sub li a span {float:left;color:#3c3e39;}
   .folderMenu2 ul.sub li a.on {color:#ff0000;background:#d3dce8;}
   .folderMenu2 ul.sub li a.on span {color:#ff0000;}
   /* 0825폴더관리메뉴끝 */
   
   
   .classMenu {padding-top:15px;}
   .classMenu ul {padding:0 5px;}
   .classMenu li {padding:5px 0;}
   .classMenu li a {padding:6px 25px 2px 35px;color:#424242;letter-spacing:-1px;background:url(../img/comm/bul1.gif) no-repeat 14px 7px;}
   .classMenu li.on a {background-color:#edff1f;}
   
   /* 편집중인 상품 목록  5.14 추가 */
   /* 반, 원아 목록 */
   .editMenu {padding-top:15px;}
   .editMenu ul {padding:0 5px;}
   .editMenu li {padding:5px 0;}
   .editMenu li a {display:block;padding:6px 25px 2px 35px;color:#424242;letter-spacing:-1px;background:url(../img/comm/bul1.gif) no-repeat 14px 7px;}
   .editMenu li.on a {background-color:#edff1f;}
   
   /* 편집중인 상품 목록  5.14 추가*/
   .editMenu_list {padding-top:15px;}
   .editMenu_list ul {padding:0 5px;}
   .editMenu_list li {padding:5px 0;}
   
   /*2016년 9월6일 추가*/
   .editMenu_list li .detail {margin:3px 3px 5px 3px; height: 15px; text-align: right; overflow: hidden; display: block;}
   .editMenu_list li .detail span{ font-weight:bold; color:#39C}
   /**/
   
   .editMenu_list li a {display:block;padding:6px 25px 2px 35px;color:#424242;letter-spacing:-1px;background:url(../img/comm/bul1.gif) no-repeat 14px 7px;}
   .editMenu_list li.on a {background-color:#edff1f;}

   /* 5.14 추가*/
   .tableList {position:relative;}
   .tableList .topBar {position:absolute;left:0;top:0;width:100%;}
   .tableList .thead {position:relative;padding:0 5px;}
   .tableList .thead li {float:left;height:27px;margin-bottom:15px;line-height:27px;text-align:center;font-weight:bold;}
   .tableList .tbody {clear:both;position:relative;padding:0 5px;}
   .tableList .tbody li {float:left;padding:10px 0 4px;height:23px;color:#424242;border-bottom:1px solid skyblue;}

   .tableList li.tw2 {width:2%;}
   .tableList li.tw4 {width:4%;}
   .tableList li.tw11 {width:11%;}
   .tableList li.tw15 {width:15%;}
   .tableList li.tw20 {width:20%;}
   .tableList li.tw25 {width:25%;}
   .tableList li.tw30 {width:30%;}
   .tableList li.tw35 {width:35%;}
   
   .tableList li.tw100 {width:100%;}
   .tableList li input {vertical-align:middle;}
   .tableList .child {display:inline-block;padding:0 0 0 20px;color:#424242;letter-spacing:-1px;background:url(../img/comm/bul1.gif) no-repeat 0 4px;}
   .tableList .red {color:red;}
   .tableList .blue {color:blue;}
   .tableList .update {display:inline-block;width:13px;}

   /* 주문관리 5.14 추가*/
   .orderMenu {padding-top:20px;}
   .orderMenu ul#navi {padding:0 10px 0 20px;}
   .orderMenu li.group { padding-bottom:10px; }
   .orderMenu li.group div.title {position:relative; height: 25px; padding:0 0 0 18px; line-height: 15px;color:#6f6f6f;background:url(../img/comm/bul1.gif) no-repeat 0 1px;}
   .orderMenu ul.sub {margin-left:20px;}
   .orderMenu ul.sub li {position:relative;margin-bottom:10px;padding-bottom:1px;border-bottom:1px solid #bfbfbf;}
   .orderMenu ul.sub li a {position:absolute;right:0;top:0;}
   .orderMenu ul.sub li span {display:block;margin-right:43px;padding:2px 0 0 18px;color:#6f6f6f;background:url(../img/comm/orderMenu_sub_bul_off.png) no-repeat 3px 4px;}
   .orderMenu ul.sub li.on span {color:#fff;background:#a3b7cf url(../img/comm/orderMenu_sub_bul_on.png) no-repeat 3px 4px;}

   /* 주문관리 리스트 5.14 추가*/
   .dataListSearch {overflow:hidden;padding:30px 20px 0 0;}
   .dataListSearch .fal {float:left;}
   .dataListSearch .far {float:right;}
   .dataListSearch label {display:inline-block;padding-right:10px;vertical-align:middle;}
   .dataListSearch select {vertical-align:middle;}
   .dataListSearch .ml30 {margin-left:30px;}
   .dataList {position:relative;}
   .dataList .topBar {position:absolute;left:0;top:0;width:100%;}
   .dataList table {position:relative;width:100%;border-collapse:0:}
   .dataList table thead th {height:37px;padding-top:6px;vertical-align:top;text-align:center;}
   .dataList table tbody td {height:27px;text-align:center;padding:0 5px;}
   
   .dataList table tbody td .linet {text-decoration:line-through;}
   .dataList table tbody td .item_number {position:relative;width:120px;height:18px;}
   .dataList table tbody td .item_number input {width:50px;height:15px;line-height:13px;margin-right:10px;padding:0 3px;text-align:right;border:1px solid #8c969f;}
   .dataList table tbody td .item_number .up {display:block;position:absolute;left:64px;top:0;width:11px;height:9px;line-height:9px;font-size:0;}
   .dataList table tbody td .item_number .down {display:block;position:absolute;left:64px;bottom:0;width:11px;height:9px;line-height:9px;font-size:0;}
   
   /** Main {  /* 5.19 추가 **/
   .mainLeftConf {width:245px;margin-bottom:10px;background:url(../img/main/left_bg.gif) repeat-y 0;margin-top:11px;}
   .mainLeftConf .top {padding-bottom:5px;}
   .mainLeftConf .total {padding:0 0 10px 30px;font-weight:bold;color:#384f09;}
   .mainLeftConf .total span {font-weight:bold;color:#000;}
   .mainLeftConf .total span.red {color:#cf102b;}
   .mainLeftConf ul {padding:0 30px 20px;}
   .mainLeftConf ul li {position:relative;margin-bottom:3px;padding:0 0 0 13px;font-weight:bold;color:#969696;background:url(../img/main/bul1.gif) no-repeat 0 2px;}
   .mainLeftConf ul li span {position:absolute;right:0;top:1px;color:#000000;}
   .mainLeftConf ul li span em {text-decoration:underline;}
   .mainLeftConf ul li span.red em {color:#cf102b;}
   .mainLeftConf ul li.bul2 {background-image:url(../img/main/bul2.gif);}
   .mainLeftConf ul li.bul3 {background-image:url(../img/main/bul3.gif);}
   .mainLeftConf ul li.bul4 {background-image:url(../img/main/bul4.gif);}
   .mainLeftConf ul.end {padding-bottom:0;}
   .mainLeftConf .bottom {position:relative;z-index:0;width:245px;height:104px;background:url(../img/main/left_conf_bottom.gif) no-repeat 0;}
   .mainInfo {width:245px;padding-top:10px;text-align:center;}
   
   
   .mainLeftConf .mainLogin {padding-bottom:30px;}
   .mainLeftConf .mainLogin ul {padding:0 20px;}
   .mainLeftConf .mainLogin li {height:22px;margin:0;padding:10px 0 0 0;border-bottom:1px solid #eeeeee;background:none;}
   .mainLeftConf .mainLogin li label {display:inline-block;width:55px;padding-left:10px;line-height:22px;background:url(../img/main/mainLogin_bul.png) no-repeat 0 8px;}
   .mainLeftConf .mainLogin li input {width:114px;line-height:13px;border:1px solid #c4cad1;}
   .mainLeftConf .mainLogin .btn {padding-top:20px;text-align:center;}
   .mainInfo {width:245px;padding-top:10px;text-align:center;}
   
   .mainLeftNotice {width:245px;margin-bottom:10px;background:url(../img/main/left_bg.gif) repeat-y 0;}
   .mainLeftNotice .top {padding-bottom:15px;}
   .mainLeftNotice ul {padding:0 16px 10px;}
   .mainLeftNotice ul li {position:relative;margin-bottom:3px;color:#000000;}
   .mainLeftNotice ul li a {font-size:11px;}
   .mainLeftNotice ul li span {position:absolute;right:0;top:1px;color:#969696;}
   .mainLeftNotice ul li.end {border-bottom:0;}
   .mainLeftNotice .bottom {position:relative;width:245px;height:10px;background:url(../img/main/left_bottom_bg.gif) no-repeat 0;}
   
   .visual {width:860px;margin:20px 0 0 0;}
   .mainVisual {overflow:hidden;width:860px;margin:20px 15px 0 0;}
   .mainphoto ul {overflow:hidden;}
   .mainphoto li {float:left;width:208px;height:98px;margin:9px 9px 0 0;text-align:center;}
   .mainphoto li.end {margin-right:0;}
   .gray {background:#f4f6f8;} 
   /** } Main **/
      
      
   /* 설정관리 5.19 추가*/
   .orderMenu li.group2 { padding-bottom:10px; }
   .orderMenu li.group2 div.title {position:relative; height: 25px; padding:0 20px 0 18px; line-height: 15px;color:#6f6f6f;background:url(../img/comm/bul1.gif) no-repeat 0 1px;}
   .orderMenu li.group2 div.title.on {background-position:0 3px;}
   .orderMenu li.group2 div.title.on span {display:block;padding:2px 5px;color:#fff;background-color:#a3b7cf;}
   .orderMenu ul.sub {margin:0 20px;}
   .orderMenu ul.sub li {position:relative;margin-bottom:10px;padding-bottom:1px;border-bottom:1px solid #bfbfbf;}
   .orderMenu ul.sub li a {position:relative;display:block;}
   .orderMenu ul.sub li span {display:block;padding:2px 0 0 18px;color:#6f6f6f;background:url(../img/comm/orderMenu_sub_bul_off.png) no-repeat 3px 4px;}
   .orderMenu ul.sub li.on span {color:#fff;background:#a3b7cf url(../img/comm/orderMenu_sub_bul_on.png) no-repeat 3px 4px;}

   /* 주문관리 리스트 5.19 수정 */
   .dataListSearch {overflow:hidden;padding:30px 20px 0 0;}
   .dataListSearch .fal {float:left;}
   .dataListSearch .far {float:right;}
   .dataListSearch label {display:inline-block;padding-right:10px;vertical-align:middle;}
   .dataListSearch select {vertical-align:middle;}
   .dataListSearch .ml30 {margin-left:30px;}
   .dataListSearch.pd2 {padding:0 20px 5px 20px;}
   .dataListSearch .save {padding-bottom:5px;}
   .dataListSearch.pd3 {height:40px;padding:15px 20px 5px 20px;} /* 5.20 추가 */
   
   /* 장바구니 아래, 위 선택, 주문버튼 위치 맞추기 위해 추가 / 15.05.21 / kjm */
   .dataListSearch .far .info {float:left;margin-right:10px;text-align:right;} 
   .dataListSearch .far .info li {padding-bottom:2px;color:#373737;}
   .dataListSearch .far .info em {font-size:18px;color:#e86606;}
   
   .dataList {position:relative;}
   .dataList .topBar {position:absolute;left:0;top:0;width:100%;}
   .dataList table {position:relative;width:100%;border-collapse:0:}
   .dataList table thead th {height:37px;padding-top:6px;vertical-align:top;text-align:center;}
   .dataList table tbody td {height:27px;text-align:center;padding:0 5px;}
   
   .dataList table tbody td .col1 {color:#e86606;} 
   .dataList table tbody td .linet {text-decoration:line-through;}
   .dataList table tbody td .item_number {position:relative;width:120px;height:18px;}
   .dataList table tbody td .item_number input {width:50px;height:15px;line-height:13px;margin-right:10px;padding:0 3px;text-align:right;border:1px solid #8c969f;}
   .dataList table tbody td .item_number .up {display:block;position:absolute;left:64px;top:0;width:11px;height:9px;line-height:9px;font-size:0;}
   .dataList table tbody td .item_number .down {display:block;position:absolute;left:64px;bottom:0;width:11px;height:9px;line-height:9px;font-size:0;}


   /* paging 5.19 추가 */
   .paging {position:relative;text-align:center;padding:20px 0px 10px 0px;}
   .paging a.pagingBtn {display:inline-block; height:21px; }
   .paging a.first:hover {background-position:0 -19px;}
   .paging span {display:inline-block; vertical-align:top; padding:0 2px 0 2px;}
   .paging span a, .paging span strong {display:inline-block; height:19px; line-height:19px; padding:0 6px; color:#242a2f; font-weight:normal; margin:0 -2px 0 -2px;border:1px solid #d6d6d6;}
   .paging span a:hover, .paging span strong {color:#fff;background:#252a2e;}
   .regBtn {position:absolute;right:0;top:18px;}
   
   
   
   /* paging 5.20 추가 */
   .itemCount {overflow:hidden;position:relative;padding:20px 30px;border-top:3px solid #cbd1d4;}
   .itemCount ul {float:right;}
   .itemCount li {float:left;position:relative;padding:20px 40px 0 50px;text-align:right;}
   .itemCount li span {position:absolute;right:40px;top:0;}
   .itemCount li em {font-size:19px;font-weight:bold;}
   .itemCount .itemWon {}
   .itemCount .itemSale {background:url(../img/comm/itemSale_icon.png) no-repeat 0 50%;}
   .itemCount .itemCar {background:url(../img/comm/itemCar_icon.png) no-repeat 0 50%;}
   .itemCount .itemEnd {background:url(../img/comm/itemEnd_icon.png) no-repeat 0 50%;}

   /* paging 5.20 추가 */
   .basketTotal {overflow:hidden;padding-top:10px;border-top:1px solid #d5dadd;}
   .basketTotal .fal {float:left;}
   .basketTotal .far {float:right;}
   .basketTotal .far .info {float:left;margin-right:10px;text-align:right;}
   .basketTotal .far .info li {padding-bottom:2px;color:#373737;}
   .basketTotal .far .info em {font-size:18px;color:#e86606;}

   /* paging 5.20 추가 */
   .dataWrite h3 {padding:0 0 3px 24px;font-size:13px;background:url(../img/comm/dataWrite_h3.png) no-repeat 0 1px;}
   .dataWrite h3 span {margin-left:60px;font-size:11px;}
   .dataWrite .mt20 {margin-top:20px;}
   .dataWrite .mt3 {margin-top:3px;}
   .dataWrite table {position:relative;width:100%;border-collapse:0;border-top:2px solid #222222;}
   .dataWrite table tbody th {width:140px;height:24px;padding:3px 5px;text-align:center;border-bottom:1px solid #d2d2d2;background:#f2f2f2;}
   .dataWrite table tbody td {height:24px;padding:3px 25px;border-bottom:1px solid #d2d2d2;}
   .dataWrite table tbody td.full {padding:0px 0px;border-bottom:1px solid #d2d2d2;}
   .dataWrite .iText {padding:2px 4px 0px;line-height:13px;border:1px solid #c4cad1;}
   .dataWrite .tArea {border:1px solid #c4cad1;}
   .dataWrite .btn {padding:15px 15px 0;text-align:right;}
   .dataWrite .btn.ac {text-align:center;}
   .dataWrite .btn.al {text-align:left;}
   .dataWrite .btn.ar {text-align:right;}
   .dataWrite .btn span {margin-right:10px;}
   .dataWrite .btn span.al {text-align:left;}
   .dataWrite .btn span.ar {text-align:right;}
   
   .joinVisual {margin-top:20px; margin-bottom:15px; }
   .dataWrite.join table tbody th {text-align:left;padding-left:13px}
   .dataWrite.join table tbody th span {display:inline-block;width:13px;color:#9d0038;}
   
   
   /* 5.20 추가 */
   .header.main {width:1133px;border-bottom:1px solid #dadada;}
   .header.main .top_visual {padding-top:23px;text-align:center;}
   .header.main .gnb {width:1133px;margin:0 auto;padding:0;border:none;}
   .header.main .gnb ul {float:none;width:1130px;}
   .header.main .gnb li {padding:0px 0 0 0;text-align:center;line-height:16px;}
   
   
   
   /** pop Contents { **/
   #pop {position:relative;margin: 0 auto 0 auto;}
   #pop h1 {position:relative;height:33px;padding:10px 0 0 10px;}
   #pop h1 span.btn {position:absolute;right:20px;bottom:4px;}
   #pop .topbar {position:relative;height:28px;padding:0 3px;}
   #pop .topbar .lBer {display:block;position:absolute;left:0;top:0;width:3px;height:28px;background:url(../img/pop/top_bar_left.png) no-repeat 0 0;}
   #pop .topbar .rBer {display:block;position:absolute;right:0;top:0;width:3px;height:28px;background:url(../img/pop/top_bar_right.png) no-repeat 0 0;}
   #pop .topbar .topbarCont {height:23px;padding:5px 15px 0;background:#cecece;}
   #pop .topbar .topbarCont.ac2 {padding-top:10px;text-align:center;}
   #pop .topbar .topbarCont.ac2.subtitle {color:red;font-weight:bold;}
   #pop .rdbod {background:url(../img/pop/rdbod_md_l.png) repeat-y 0 0;}
   #pop .rdbod .tBar {position:relative;height:5px;background:url(../img/pop/rdbod_tb_bar.png) repeat-x 0 0;}
   #pop .rdbod .lt {position:absolute;left:0;top:0;width:5px;height:5px;background:url(../img/pop/rdbod_bar.png) no-repeat 0 0;}
   #pop .rdbod .rt {position:absolute;right:0;top:0;width:5px;height:5px;background:url(../img/pop/rdbod_bar.png) no-repeat 100% 0;}
   #pop .rdbod .lb {position:absolute;left:0;bottom:0;width:5px;height:6px;background:url(../img/pop/rdbod_bar.png) no-repeat 0 100%;}
   #pop .rdbod .rb {position:absolute;right:0;bottom:0;width:5px;height:6px;background:url(../img/pop/rdbod_bar.png) no-repeat 100% 100%;}
   #pop .rdbod .bBar {position:relative;height:6px;background:url(../img/pop/rdbod_tb_bar.png) repeat-x 0 100%;}
   #pop .rdbod .rdbodCont {margin-left:5px;padding:0 4px 0 0;background:#fff url(../img/pop/rdbod_md_r.png) repeat-y 100% 0;}
   #pop .ulTable {overflow:hidden;}
   #pop .ulTable li {float:left;margin:8px 0 0;text-align:center;}
   #pop .ulTable li.th {font-weight:bold;margin:3px 0 0;}
   #pop .ulList {overflow:hidden;}
   #pop .ulList li {margin-top:8px;padding:2px 3px 2px 3px;line-height:16px;letter-spacing:-1px;border-bottom:1px solid #eeeeee;}
   #pop .ulList li a {display:block;position:relative;font-size:12px; letter-spacing:0px}
   #pop .ulList li a span {position:absolute;right:5px;top:0;}
   #pop .ulList li.on {border:3px solid #edff1f;background-position:3px 3px;}
   #pop .ulList li.on a span {position:absolute;right:2px;top:0;}
   #pop .ulList .bul1 {padding-left:26px;background:url(../img/pop/bul1.png) no-repeat 6px 2px;}
   #pop .ulList li.bul1.on {padding-left:23px;}
   #pop .ulList .bul2 {padding-left:26px;background:url(../img/pop/icon_cal.png) no-repeat 6px 2px;}
   #pop .ulList li.bul2.on {padding-left:23px;}
   #pop .ulList .bul3 {padding-left:26px;background:url(../img/pop/icon_event.png) no-repeat 6px 2px;}
   #pop .ulList li.bul3.on {padding-left:23px;}
   #pop .ulList2 {overflow:hidden;}
   #pop .ulList2 li {position:relative;margin-top:8px;letter-spacing:-1px;}
   #pop .ulList2 li a {display:block;overflow:hidden;margin-right:90px;padding:2px 3px 2px 26px;line-height:16px;font-size:11px;background:url(../img/pop/bul2.png) no-repeat 6px 2px;}
   #pop .ulList2 li span {position:absolute;right:2px;top:0;}
   #pop .ulList2 li span a {display:inline;margin:0;padding:0;background:none;}
   #pop .ulList2 li span.radio {right:17px;top:2px;}
   #pop .ulList2 li.on a {padding-left:23px;border:3px solid #edff1f;background-position:3px 3px;}
   #pop .ulList2 li.on span {position:absolute;right:2px;top:4px;}
   #pop .ulList2 li.on span a {padding:0;border:none;background:none;}
   #pop .ulList2 li dl {overflow:hidden;margin-left:30px;}
   #pop .ulList2 li dt {float:left;width:80px;}
   #pop .ulList2 li dd {float:left;width:120px;text-align:right;}
   #pop .red {color:#c72530; font-weight:bold; font-size:12px}
   #pop .blue {color:#5b91d6;font-weight:bold; font-size:12px}
   #pop .dataWrite{padding:5px}
   #pop .dataWrite table th {width:80px; text-align:left; font-size:11px; letter-spacing:-1px}
   #pop .dataWrite table td {padding:0 5px;}
   #pop .dataWrite table td input { border:solid #c4cad1 1px;}

   /* pop미리보기 */
   #pop.preview {width:545px;height:401px;padding:20px;background:url(../img/pop/bg585x441.png) no-repeat 0 0;}
   #pop.preview .pre {overflow:hidden;position:relative;width:544px;height:357px;background:#fff;margin:0 auto 0 auto;}
   #pop.preview .pre img {vertical-align:middle;max-height: 357px; max-width: 544px;width:auto; height: auto;overflow: hidden; cursor:url('/skin/pretty/img/pop/btn_img_full.cur'),auto;} 
   #pop.preview .btn {height:30px;padding-top:15px;}  
   #pop.preview .btn .ml {margin-left:35px;} 
   
   #pop.goods-preview {width:830px;height:600px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.goods-preview .close {margin-top:5px;text-align:right;}
   
   
   /* pop미리보기2 */
   #pop.preview2 {width:911px;height:505px;padding:15px 0 20px;background:url(../img/pop/bg911x540.png) no-repeat 0 0;}
   #pop.preview2 h1 {height:55px;padding-left:61px;}
   #pop.preview2 h1 .navi {margin-top:10px;padding:0 0 0 15px;color:#36495e;background:url(../img/pop/bul1.png) no-repeat 0 2px;}
   #pop.preview2 .pre {width:783px;height:388px;margin-left:61px;padding:3px;text-align:center;background:#fff;}
   #pop.preview2 .pre img {vertical-align:middle; text-align:center; max-height: 388px; max-width: 783px;width:auto; height: auto;overflow: hidden; cursor:url('/skin/pretty/img/pop/btn_img_full.cur'),auto;}
   #pop.preview2 .rollbtn {display:block;position:absolute;top:50%;width:24px;height:26px;margin-top:-13px;}
   #pop.preview2 .rollbtn.left {left:12px;}
   #pop.preview2 .rollbtn.right {right:12px;}
   #pop.preview2 .btn {height:30px;padding:15px 61px;}
   #pop.preview2 .btn .ml {margin-left:15px;}

   /* pop폴더등록관리 */
   #pop.banregSet {width:718px;height:407px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;margin-top:5px;margin-bottom:auto; }
   #pop.banregSet .topbar {margin-bottom:-2px;}
   #pop.banregSet .month {float:left;width:353px;}
   #pop.banregSet .event {float:right;width:353px;}
   #pop.banregSet table td {padding:2px 0;}
   #pop.banregSet .btn {overflow:hidden;height:20px;margin-top:4px;}
   #pop.banregSet .close {margin-top:5px;text-align:right;}
   
   /* pop원아등록 */
   #pop.childReg {width:718px;height:407px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.childReg .ulTable li.fd1 {width:75px;}
   #pop.childReg .ulTable li.fd2 {width:180px;}
   #pop.childReg .ulTable li.fd3 {width:75px;}
   #pop.childReg .ulTable li.fd4 {width:167px;}
   #pop.childReg .ulTable li.fd5 {width:180px;}
   #pop.childReg .btn {overflow:hidden;height:20px;margin-top:4px;text-align:right;}
   #pop.childReg .close {margin-top:3px;text-align:center;}

   /* pop원아등록관리 */
   #pop.childRegSet {width:718px;height:407px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.childRegSet .ban {float:left;width:265px;}
   #pop.childRegSet .child {float:right;width:445px;}
   #pop.childRegSet table td {padding:2px 0;}
   #pop.childRegSet .btn {overflow:hidden;height:20px;margin-top:4px;}
   #pop.childRegSet .btn .ml {margin-left:4px;}
   #pop.childRegSet .close {margin-top:5px;text-align:right;}

   /* pop반등록하기 */
   #pop.banReg {width:283px;height:368px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.banReg .ulTable li.fd1 {width:49%;}
   #pop.banReg .ulTable li.fd2 {width:49%;}
   #pop.banReg .btn {overflow:hidden;height:20px;margin-top:4px;}
   #pop.banReg .close {margin-top:5px;text-align:center;}

   /* pop반순서변경 */
   #pop.banIndexChange {width:283px;height:380px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.banIndexChange .ulTable li.fd1 {width:49%;}
   #pop.banIndexChange .btn {overflow:hidden;height:25px;margin-top:4px;text-align:center;}
   #pop.banIndexChange .close {margin-top:5px;text-align:center;}
   
   /* pop 편집상품 복사 */
   #pop.copyTemplate {width:283px;height:450px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.copyTemplate .ulTable li.fd1 {width:49%;}
   #pop.copyTemplate .btn {overflow:hidden;height:25px;margin-top:4px;text-align:center;}
   #pop.copyTemplate .close {margin-top:5px;text-align:center;}
   
   /* pop상품명 변경 */
   #pop.goodsNameChange {width:400px;height:400px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.goodsNameChange .ulTable li.fd1 {width:49%;}
   #pop.goodsNameChange .btn {overflow:hidden;height:25px;margin-top:4px;text-align:center;}
   #pop.goodsNameChange .close {margin-top:5px;text-align:center;}

   /* pop 272x171 */
   #pop.banAdd {width:290px;height:171px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.banAdd .ulList li {margin-top:6px;padding:2px 10px; font-size:12px; letter-spacing:0px}
   #pop.banAdd .banAdd_text1 {height:50px;padding-top:40px;text-align:center; font-size:12px; font-weight:bold;}
   #pop.banAdd .btn {overflow:hidden;height:20px;margin-top:4px;}
   #pop.banAdd .close {margin-top:4px;text-align:center;}

   /* pop 단체상품추가하기 */
   #pop.itemAdd {width:638px;height:530px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.itemAdd .tree {float:left;width:300px;}
   #pop.itemAdd .photo {float:right;width:335px;}
   #pop.itemAdd .photo .rdbodCont {height:428px;}
   #pop.itemAdd .ulList li {padding-left:17px;border-bottom:0;background-position:0 2px; font-family:12px; letter-spacing:0px}
   #pop.itemAdd .ulList2 {margin-left:-10px;}
   #pop.itemAdd .ulList2 li {margin:0;padding:0;}
   #pop.itemAdd .ulList2 li a {margin-right:0;padding-left:14px;background-position:0 2px;}
   #pop.itemAdd .ulList2 li.on {border:none;}
   #pop.itemAdd .pic {height:277px;padding-top:10px;text-align:center;}
   #pop.itemAdd .pic img {vertical-align:middle;max-height: 277px; max-width: 321px;width:auto; height: auto;overflow: hidden;}
   #pop.itemAdd .thumb {height:52px;}
   
   #pop.itemAdd .thumb ul {float:left;}
   #pop.itemAdd .thumb li {float:left;height:41px;margin-left:11px;border:3px solid #e1e1e1;}
   #pop.itemAdd .thumb li img {vertical-align:middle;max-height:41px; max-width: 43px;width:auto; height: auto;overflow: hidden;}
   #pop.itemAdd .thumb .view {float:right;padding:13px 23px 0 0;}
   #pop.itemAdd .pageTitle {width:319px;height:80px;margin-left:3px;padding-top:3px;border-top:1px solid #dddddd;background:#f3f3f3;}
   #pop.itemAdd .pageTitle dt {float:left;width:63px;height:66px;margin-right:24px;padding-top:10px;text-align:center;border-right:1px solid #d2d2d2;}
   #pop.itemAdd .pageTitle dd {float:left;width:230px;height:73px;padding-top:5px;}
   #pop.itemAdd .pageTitle dd span {display:block;margin-top:3px;font-size:11px;line-height:13px;color:red;}
   #pop.itemAdd .close {clear:both;margin-top:10px;text-align:center;}
   
   /* pop 상세보기 */
   #pop.view {width:638px;height:530px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.view .ulList li {padding-left:17px;border-bottom:0;background-position:0 2px;}
   #pop.view .topbarCont {padding-left:15px;}
   #pop.view table td {padding:2px 0;}
   #pop.view .close {clear:both;margin-top:10px;text-align:right;}
   
   
   #pop.install-help {width:650px;height:530px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.install-help .ulList li {padding-left:17px;border-bottom:0;background-position:0 2px;}
   #pop.install-help .topbarCont {padding-left:15px;}
   #pop.install-help table td {padding:2px 0;}
   #pop.install-help .close {clear:both;margin-top:10px;text-align:right;}
   
   
   /* pop주문상세 */
   #pop.orderDetail {width:800px;height:407px;padding:0 6px;border:1px solid #8b8b8b;background:#eeeeee url(../img/pop/bg2.png) repeat-x 0 0;}
   #pop.orderDetail .ulTable li.fd1 {width:30%;}
   #pop.orderDetail .ulTable li.fd2 {width:30%;}
   #pop.orderDetail .ulTable li.fd3 {width:15%;}
   #pop.orderDetail .ulTable li.fd4 {width:15%}
   #pop.orderDetail .ulTable li.fd5 {width:10%;}   
   #pop.orderDetail .close {margin-top:5px;text-align:right;}
   
   
   /* 견적서      20150602 */
   #pop .estimate {padding:10px;}
   #pop .estimate h1 {padding:0 0 30px;font-size:40px;font-weight:bold;line-height:60px;}
   #pop .estimate h2 {padding:0 0 20px;font-size:30px;font-weight:bold;line-height:50px;}
   #pop .estimate table.date {border-top:1px solid #000000;border-bottom:1px solid #000000;}
   #pop .estimate table.date.non {border:none;}
   #pop .estimate table.date thead th {padding:5px;font-weight:bold;text-align:left;background:#d9d9d9;}
   #pop .estimate table.date thead th.ar {text-align:right;}
   #pop .estimate table.date tbody th {padding:5px;text-align:left;}
   #pop .estimate table.date tbody td {padding:5px;}
   #pop .estimate table.date tfoot  td {padding:5px;font-weight:bold;background:#d9d9d9;}
   #pop .estimate table.date2 td {padding:5px 5px;}
   #pop .estimate .title {overflow:hidden;margin:30px 0 15px;padding:15px 5px;text-align:right;background:#f2f2f2;}
   #pop .estimate .title .tit {float:left;font-size:20px;font-weight:bold;line-height:30px;}
   #pop .estimate .title .tit span {font-size:15px;}
   #pop .estimate .title .won {font-size:20px;font-weight:bold;line-height:30px;}
   #pop .estimate .person {}
   #pop .estimate .supplier {}
   #pop .estimate .etc {margin-top:10px;}
/** } pop Contents **/
   
   /* btn */
.btn-cart {display:inline-block;cursor:pointer;background:#fff;border:1px solid #bbb;height:25px;padding:0px 12px;font-size:12px;line-height:18px;}
.btn.btn-default {}
.btn.btn-default:hover {background:#eee;border-color:#bbb}
.btn.btn-default:focus {background:#ddd;border-color:#bbb}
.btn-cart.btn-primary {background-color:#007ec4;border-color:#005A8C;color:#fff}
.btn-cart.btn-primary-non {background-color:#007ec4;border-color:#005A8C;color:#fff}
.btn-cart.btn-primary:hover {background-color:#158CCF;border-color:#005A8C}
.btn-cart.btn-primary:focus {background-color:#005A8C;border-color:#005A8C}
.btn.btn-default[disabled] {background:#fafafa!important;border-color:#ccc!important;color:#aaa}
.btn-cart.btn-primary[disabled] {background:#3F9DD0!important;border-color:#537FA9!important;color:#ACD3E8;box-shadow:none!important}

.btn-cart.btn-success {background-color:#00c49c;border-color:#005A8C;color:#fff}

.btn.btn-left {float:left;margin:0 5px 0 0!important}

.balloon {
   background: black;
   color: white;
   padding: 10px;
   position:absolute;
   display:none;
   white-space:pre;
}
   
/** } Sub Contents **/