/* -----------------------------
| Layout Selector
|-------------------------------
| 강조색 : #e51a38
*/

@import url('/common/css/font.css');
@font-face { font-family: 'Recipekorea'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Shiningstar'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
  font-family: 'Noto Light';
  src: url("/user/default/image/fonts/notokr-light.eot");
  src: url("/user/default/image/fonts/notokr-light.eot?iefix") format("embedded-opentype"), url("/user/default/image/fonts/notokr-light.woff2") format("woff2"), url("/user/default/image/fonts/notokr-light.woff") format("woff"), url("/user/default/image/fonts/notokr-light.ttf") format("truetype"), url("/user/default/image/fonts/notokr-light.svg#NotoL") format("svg");
  font-weight: normal;
  font-style: normal;
  		margin:0px;
		padding:0px;
}
@font-face {

  src: url("/user/default/image/fonts/notokr-regular.eot");
  src: url("/user/default/image/fonts/notokr-regular.eot?iefix") format("embedded-opentype"), url("/user/default/image/fonts/notokr-regular.woff2") format("woff2"), url("/user/default/image/fonts/notokr-regular.woff") format("woff"), url("/user/default/image/fonts/notokr-regular.ttf") format("truetype"), url("/user/default/image/fonts/notokr-regular.svg#NotoR") format("svg");
  font-weight: normal;
  font-style: normal;
  		margin:0px;
		padding:0px;
}
@font-face {

  src: url("/user/default/image/fonts/notokr-medium.eot");
  src: url("/user/default/image/fonts/notokr-medium.eot?iefix") format("embedded-opentype"), url("/user/default/image/fonts/notokr-medium.woff2") format("woff2"), url("/user/default/image/fonts/notokr-medium.woff") format("woff"), url("/user/default/image/fonts/notokr-medium.ttf") format("truetype"), url("/user/default/image/fonts/notokr-medium.svg#NotoM") format("svg");
  font-weight: normal;
  font-style: normal;
  		margin:0px;
		padding:0px;
}
@font-face {
  font-weight:700
  src: url("/user/default/image/fonts/notokr-bold.eot");
  src: url("/user/default/image/fonts/notokr-bold.eot?iefix") format("embedded-opentype"), url("/user/default/image/fonts/notokr-bold.woff2") format("woff2"), url("/user/default/image/fonts/notokr-bold.woff") format("woff"), url("/user/default/image/fonts/notokr-bold.ttf") format("truetype"), url("/user/default/image/fonts/notokr-bold.svg#NotoB") format("svg");
  font-weight: normal;
  font-style: normal;
  		margin:0px;
		padding:0px;
}
body {background:#fff; font-size:13px;font-family: 'Nanum Gothic' ; letter-spacing:-0.02em;}
/*font-family:'NanumBarunGothic';*/
#layout * {font-family: 'Nanum Gothic' ; letter-spacing:-0.02em;}
#layout {min-width:1300px;}
#layout,#wrap,#header {position:relative;}
button, input, select, textarea {font-family: 'Nanum Gothic' !important; }

.top_mov {position:fixed; bottom:20px; right:160px; z-index:9999}

/* 메인 레이아웃 */

.layout_1200 {position:relative;margin:0 auto; width:1200px; }
.relative {position:relative;}
.layout_100 {position:relative; overflow:hidden; width:100%;}
.absolute {position:absolute;top:0px; left:0px; z-index:900; width:100%}

.sub_bg001 {background:url(/user/default/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:300px;}
.sub_bg002 {background:url(/user/default/image/sub/sub_visual002.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:300px;}
.sub_bg003 {background:url(/user/default/image/sub/sub_visual003.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:300px;}
.sub_bg004 {background:url(/user/default/image/sub/sub_visual004.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:350px;}
.sub_bg005 {background:url(/user/default/image/sub/sub_visual005.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:300px;}
.sub_bg000 {background:url(/user/default/image/sub/sub_visual000.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:300px;}

.recentMB1 {position:relative;}

.float50 {float:left; width:49%; margin-right:1%}

img { vertical-align:middle}


/* 메인 타이틀 */
.products_box { position:relative;}
.products_box h4{ position:relative; font-size:32px; color:#333; text-align:center; padding:10px 0px 0px 0px; background:url(/user/default/image/main/business_line.gif) center 0px no-repeat;}
.products_box .copy{ position:relative;  font-size:17px; color:#777; text-align:center; padding:5px 0px 35px 0px;}

.middle_box { position:relative;}
.middle_box h4{ position:relative; font-size:40px; color:#fff; text-align:center; padding:130px 0px 0px 0px; background:url(/user/default/image/main/business_line.gif) center 0px no-repeat;}
.middle_box .copy{ position:relative;  font-size:18px; color:#fff; text-align:center; padding:5px 0px 35px 0px;}



/* Header */
#header {position:relative;z-index:99}
#header:after {content:''; position:absolute;left:0; top:0; right:0; height:35px; background:#fff; border-bottom:1px solid #eee}
#header .gnb {position:absolute; top:0px; left:0px;right:0;z-index:99; }
#header .gnb .direct {float:right; margin:0px 0px 0 0; position:relative; height:35px; padding-left:15px; line-height:35px;}
#header .gnb .direct li {float:left; padding-left:10px; }
#header .gnb .direct li * {vertical-align:middle}
#header .gnb .direct li a {display:block; padding:0px 0px 0px 0px; color:#333; font-size:13px; line-height:35px;}
#header .gnb .direct li a.guide {border-radius:5px; line-height:23px; border:1px solid #ddd; padding:0 10px; margin:5px 13px 5px 0px}
#header .gnb .direct .langBtn {border:1px solid #999; margin:2px 0 0 6px; padding-top:1px; width:60px; font-size:11px; background:#eee; position:absolute; cursor:pointer; overflow:hidden}
#header .gnb .direct .lang {border-top:1px solid #999; margin-top:3px; background:#fff; font-size:11px; overflow:hidden; display:none; position:relative}
#header .gnb .direct .lang p {padding:3px 0 0 3px}
#header .gnb .direct .bold {font-weight:normal; font-size:13px; }
#header .gnb .favorites {float:left; }

/* Skip Navigation */
#header .skip {display:block; height:0; width:0; *height:0; *width:0; margin:0 0 -1px 0; *margin:0; padding:0; overflow:hidden; font-size:0; line-height:0}
#header .skip:hover,
#header .skip:active,
#header .skip:focus {width:auto; height:auto; margin:0; padding:5px 10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important}

/* lnb > 로컬메뉴 */
#header .lnb .localNavi {height:38px; background:url(/user/default/image/background/bg_local_back.gif) repeat-x; font-weight:bold; text-align:center; position:relative}
#header .lnb .localNavi li.navi {height:38px; float:left; background:url(/user/default/image/background/bg_local_menu.gif) repeat-x}
#header .lnb .localNavi li.navi a,
#header .lnb .localNavi li.navi a:link,
#header .lnb .localNavi li.navi a:visited,
#header .lnb .localNavi li.navi a:active {padding-top:10px; font-size:12px; color:#fff; text-decoration:none; letter-spacing:0px; display:block}
#header .lnb .localNavi li.navi a:hover {padding-top:8px; font-size:13px; color:#666}
#header .lnb .localNavi li.navi p .english {color:#ffffcc; font-size:11px; font-weight:normal}
#header .lnb .localNavi li.navi.on a {padding-top:8px; font-size:13px; color:#666; background:url(/user/default/image/background/bg_local_menu_on.gif) repeat-x}
#header .lnb .localNavi li.navi ul.naviSub {width:200px; top:38px; left:0px; padding-top:7px; background:url(/user/default/image/background/bg_local_sub.gif) no-repeat left bottom; position:absolute}
#header .lnb .localNavi li.navi ul.naviSub li {padding:0; margin:0; text-align:left}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu {font-weight:normal; white-space:nowrap; padding:0 5px 5px 5px}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu a {display:inline; font-size:12px; color:#666}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu a:hover {color:#e51a38}

/* lnb > 로컬메뉴 > 이미지+텍스트+슬라이드 */
#header .lnb .localNavi02{width:100%;background:url(/user/default/image/background/bg_localNavi02.gif) left top repeat-x;}
#header .lnb .localNavi02 .subBox{height:160px;display:none;text-indent:-9999px;position:absolute;width:100%;background:url(/user/default/image/background/bg_localSubBox.gif) 0 bottom no-repeat; background-color:#efefef; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5}
#header .lnb .localNavi02 .navi{width:100%;overflow:hidden;position:absolute;z-index:999;text-align:left}
#header .lnb .localNavi02 .navi li{float:left;}
#header .lnb .localNavi02 .navi li li a{font-weight:bold;color:#000;display:block;padding:4px 0px 3px 5px;margin-right:10px;}
#header .lnb .localNavi02 .navi li li a:hover{background:#d2d2d2;color:#000;}
#header .lnb .localNavi02 .navi li h2{display:block;text-align:center}
#header .lnb .localNavi02 .navi li h2 *{margin:0 auto}
#header .lnb .localNavi02 .navi .dep2{display:none;position:relative;padding:10px 0 0 10px;height:169px;}
#header .lnb .localNavi02 .navi .dep2 li{width:100%;}

/* 검색  */
#search_bar {background: url(/user/default/image/main/search_bg.png) no-repeat; width:100%; }
#search_bar div{padding-left:0px; padding-top:0px;}
#search_bar div ul li{float:left}
#search_bar input{border:0px solid #dedede}
#search_bar .title{font-size:20px; color:#999; padding-top:7px;  padding-right:10px}
#search_bar .txt{font-size:12px; color:#555; padding-top:15px;}
#search_bar div ul li input.input_white{border-top:1px solid #dedede;border-left:1px solid #dedede;border-bottom:1px solid #dedede; }
#search_bar div ul li input.input_img{border-top:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}

/* Container */
#container {position:relative; *display:inline-block; _width /**/:100%; z-index:2; }
#container:after{display:block; clear:both; content:''}


#sub_container {position:relative; *display:inline-block; _width /**/:100%; z-index:2;}
#sub_container:after{display:block; clear:both; content:''}

.snb {float:left; position:relative}
.snb .subMenuTitleHeader h3 {background:#004a8d; padding:24px 0px 25px 0px;  font-size:25px; color:#fff; text-align:center; position:relative}
.snb .sub_menu ul.parents {background:url(/user/default/image/background/bg_submenu2.gif) repeat-y; padding:0px 0px; *zoom:1} /* 메뉴 박스 */
.snb .sub_menu ul li {margin:0px; padding:0px}
.snb .sub_menu ul.parents li.parent {border-bottom:1px solid #e2e2e2; font-weight:bold} /* 중간 라인 */
.snb .sub_menu ul.parents li.parent a {display:block; padding:12px 30px 12px 30px; font-size:14px;color:#666; background:#f4f4f4 url(/user/default/image/menu/submenu_icon.png) no-repeat 210px 12px;}
.snb .sub_menu ul.parents li.parent a:hover,
.snb .sub_menu ul.parents li.parent a.active {display:block; color:#fff; background:#5f88b8 url(/user/default/image/menu/submenu_over.png) no-repeat 210px 12px;}
.snb .sub_menu ul.childes {width:100%;line-height:1.6;border-bottom:1px solid #cdcbc5;}
.snb .sub_menu ul.childes li.childe {padding:5px 5px 5px 25px; margin:0; background:#fff; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; text-align:justify}
.snb .sub_menu ul.childes li.childe a,
.snb .sub_menu ul.childes li.childe a:hover {color:#000;display:block;font-size:12px;padding:0 0 0 7px; background:url(/user/default/image/icon/icon_dot.gif) left 6px  no-repeat; font-weight:normal}
.snb .sub_menu ul.childes li.childe a.active {color:#1b6fbd; background:url(/user/default/image/icon/icon_dot.gif) left 6px  no-repeat; font-weight:normal}
.side {float:right; position:relative;}


#content {float:left; position:relative; width:100%}
#content .subCategory {padding:10px 5px; border:1px solid #cc0608; border-top:1px dashed #cc0608}
#content .subCategory li {float:left; margin-right:15px}
#content .subCategory a {display:block; padding:3px 0 3px 12px; background:url(/user/default/image/background/bg_category_icon01.gif) no-repeat 5px 6px}
#content .subCategory a:hover,
#content .subCategory a.active {display:block; padding:3px 0 3px 12px; background:url(/user/default/image/background/bg_category_icon02.gif) no-repeat 8px 6px}
#content .module {background:#fff; color:#444; font:normal; word-break:break-all; text-align:justify; padding:20px 20px 30px 20px; min-height:350px;}

#module {position:relative; *zoom:1}
#moduleTop {position:relative; *zoom:1}
#moduleTitle {position:relative; *zoom:1; }
#moduleBottom {position:relative; *zoom:1}

#bottom {position:relative; *zoom:1}

/* Footer */
#footer {position:relative; *zoom:1 }
#footer .footerContent {position:relative}
#footer .footerContent .link {float:left; font-weight:bold; color:#666; padding:5px 0; text-align:center}
#footer .footerContent .link a {display:block; padding:3px 0}
#footer .footerContent .address {color:#666; line-height:140%}
#footer .footerContent address {font:10px Verdana}
#footer .footerContent address a {font:bold 12px Tahoma; color:#336974}
/*
#content.page001005001 .textContent div, #content.page001005001 .textContent p{text-align:center !important}
#content.page001005002 .textContent div, #content.page001005002 .textContent p{text-align:center !important}
#content.page001005003 .textContent div, #content.page001005003 .textContent p{text-align:center !important}
#content.page001005004 .textContent div, #content.page001005004 .textContent p{text-align:center !important}
#content.page001005005 .textContent div, #content.page001005005 .textContent p{text-align:center !important}
#content.page001005006 .textContent div, #content.page001005006 .textContent p{text-align:center !important}
#content.page001005007 .textContent div, #content.page001005007 .textContent p{text-align:center !important}
#content.page001005008 .textContent div, #content.page001005008 .textContent p{text-align:center !important}
#content.page001005009 .textContent div, #content.page001005009 .textContent p{text-align:center !important}


#content.page2_001 .textContent p span{font-size:14px !important}
*/

/*학교상품페이지*/
.sub_schoolBox {background:#f6f6f6;}
.sub_schoolInfo {width:1160px; margin:0 auto;}
.sub_schoolTabBox {    overflow: hidden; box-shadow: 7px 7px 15px rgb(0 0 0 / 13%); margin:15px auto; margin-top:-20px; background:#48607a;}
.sub_schoolTabBox ul li {position:relative; float:left; /*width:20%;*/ width:25%; margin:7px auto; text-align:center;}
.sub_schoolTabBox ul li:after{content:''; position:absolute; right:0px; top:0; width:2px; height:100%; background:#a4b0bd;}
.sub_schoolTabBox ul li:last-child:after{content:none; }
.sub_schoolTabBox ul li a {display:inline-block; transition:all 0.3s ease; padding:35px 10px;display: block;} 
.sub_schoolTabBox ul li a:hover {transform: translateY(-15px);}
.sub_schoolTabBox ul li a p {color:#fff; font-size:120%;}

.schoolTabList {}
.schoolTabList ul {width:700px; height:45px; display:table; table-layout:fixed; margin:0 auto; margin-top:54px; margin-bottom:34px; border:1px solid #e5e5e5; padding:4px; border-radius:50px}
.schoolTabList ul li {display:table-cell; }
.schoolTabList ul li a {display:block;padding:12px;border-radius:50px; font-size:17px; text-align:center; font-family:'Nanum Square' !important;font-weight: bold;color: #454545;}
.schoolTabList ul li.on a {border:1px solid #000;}
.schoolTabList ul li a:hover {border:1px solid #000;}
/* -----------------------------
| Class Selector
|-------------------------------
*/
.strong {font-weight:bold}
.colorActive {color:#e51a38}
.colorRed {color:red}
.colorDarkred {color:#990000}
.colorViolet {color:#663366}
.colorBlue {color:#444; font-size:14px; letter-spacing:-0.05em;font-family:'Noto Bold'; }
.colorGreen {color:#0f5586; font-size:14px; font-family:'Noto Bold'; letter-spacing:-0.05em; }
.colorOrange {color:#f00;}
.colorBlack {color:#000}
.colorWhite {color:#fff}
.colorGray {color:#999}
.colorSilver {color:#dcdcdc}
.colorAqua {color:#dfffff}
.colorYellow {color:#ffffcc}

.subHeader {overflow:hidden; border-bottom:1px solid #e4e4e4; margin-top:20px; }
.subHeader .subHeaderBorder {width:100%}
.subHeader h3 {float:left; padding:10px 15px 15px 10px;  font-size:30px;  color:#202020;font-weight:bold;font-family:'Nanum Square'; letter-spacing:-0.02em; }
/*.subMap { padding:5px 0; text-align:right; color:#000; position:absolute; right:0; top:20px;  }
.subMap a {color:#000}
.subMap strong{color:#000; font-weight:normal}*/
#subMap000, #subMap001, #subMap002, #subMap003, #subMap004, #subMap010, #subMap012, #subMap005, #subMap006, #subMap007, #subMap008, #subMap009, #subMap011, #subMap013{padding:5px 0; text-align:right; color:#000; position:absolute; right:0; top:20px; }


.code {border:2px #dcdcdc dotted; background:#eee; padding:.5em; text-align:justify}
.cube {background:1px #efefef solid; margin-bottom:30px;}
.cube .line {border:1px #dcdcdc solid; padding:3px}
.cube .line02 {border:1px #999 solid}

.small_white {font-size:11px; color:#fff; text-decoration:none}
.small_gray {font-size:11px; color:#666; text-decoration:none}
.small_black {font-size:11px; color:#000; text-decoration:none}
.small_dgray {font-size:11px; color:#333; text-decoration:none}
.small_blue {font-size:11px; color:#003399; text-decoration:none}
.small_red {font-size:11px; color:#e51a38; text-decoration:none}
.small_orange {font-size:11px; color:#ff3300; text-decoration:none; margin-left:2px !important;}

.back_gray{background:url(/user/default/image/background/background.gif) repeat-x}
.bg_gray {background:#fff}
.bg_lemon {background:#f5f5dc}
.bg_aqua {background:#e0ffff}

/* input */
.input_text { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#e3eef9}
.input_blue { border:1px solid #8d8d8d; padding:2px 0 0 2px; background-color:#fff}
.input_green { border:1px solid #999900; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#ffffcc}
.input_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#eee; }
.input_gray2 { border:1px solid #cfcfcf; padding:2px 0 0 2px; height:29px !important; vertical-align:middle; background-color:#fff;  width:450px; font-family:'Noto Regular'; }
.input_white { border:1px solid #d0d0d0; border-radius: 4px; padding:0px 0 0 2px; height:29px; vertical-align:middle; background-color:#fff}
.input_white2 { border:1px solid #d0d0d0;padding:0px 0 0 2px; height:25px; vertical-align:middle; background-color:#fff}
.input_none { border:0px solid #d0d0d0; border-radius: 4px; padding:0px 0 0 2px; height:25px; vertical-align:middle; background-color:#fff}
.input_search { border:1px solid #000; border-radius: 4px; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#fff}
.textarea_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; vertical-align:middle; background-color:#eee}
.textarea_blue { border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background-color:#e3eef9}
.input_active { border:1px solid #26a0da;  background-color:#ffffcc}
.input_color {border:1px solid #d2d2d2; padding:2px 0 0 2px; height:15px; background-color:#eee}
.input_check { width:13px; height:13px; margin:2px 0 2px 0; padding:0; vertical-align:middle}
textarea{ font-family:'Noto Regular'; font-size:12px; letter-spacing:-0.02em; }
.docBottom .searchBox .input_gray {height:23px}


/* editor */
.editor {border:3px solid #eee; text-align:center; background:#efefef}
.editor .line { border:1px solid #dcdcdc; overflow:hidden}
.editorButton { white-space:nowrap; overflow:hidden}
.editorButton {border-bottom:1px solid #dcdcdc; padding:1px 0 2px 2px; background-color:#efefef; white-space:normal}
.editorBottom {border-top:1px solid #dcdcdc; padding:1px 0 1px 2px; background-color:#efefef; text-align:center; white-space:normal}

/* Content */
.textContent {position:relative; line-height:25px;  color:#777; word-break:break-all; text-align:justify}
.textContent h3 {padding:10px; font-size:16px}
.textContent dl {margin-bottom:20px}
.textContent dt {position:relative; margin:5px 10px; font-weight:bold; color:#e51a38}
.textContent dd {position:relative; margin-left:20px}
.textContent ol {margin:0 0 10px 20px; padding-left:0px}
.textContent ul {margin:0 0 10px 20px; padding-left:0px}
.textContent ol li {list-style-type:decimal}
.textContent ol li.num {margin-left:-5px; list-style-type:decimal}
.textContent ol li.alpha {list-style-type:lower-alpha}
.textContent ol li.roman {list-style-type:upper-roman}
.textContent ul li {list-style-type:circle}
.textContent ul li.disc {margin-left:-5px; list-style-type:disc}
.textContent ul li.circle {margin-left:-5px; list-style-type:circle}
.textContent li.none {margin-left:-20px; list-style:none}
.textContent li.clean {margin:0; padding:0; list-style:none}
.textContent em { font-style: italic}
.textContent p { margin: 0; padding: 0 0 0 0; }
.textContent p strong{ color:#444; font-family:'Noto Bold'; }
.textContent td {  }
.textContent table { margin-left: 0}
.textContent hr,
.textContent h1,
.textContent h2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 { display:block;  }

.tx-hr-border-1 { height: 1px; border-top: 1px solid #666; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; display: block}
.tx-hr-border-2 { height: 7px; border-top: 1px solid #666; border-bottom: 3px solid #666; border-left: 0px none; border-right: 0px none; display: block}
.tx-hr-border-3 { height: 1px; border-top: 1px dotted #666; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; display: block}

div.tx-hr-image-1 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line03.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-1 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-2 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line05.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-2 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-3 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line06.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-3 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-4 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line08.gif?rv=1.0.1) no-repeat scroll center; width:99%}
div.tx-hr-image-4 hr { position:relative; top: -999px; left: -999px; border: 0pt none}

.tx-quote1 { border: 1px solid #dbdbdb; margin: 10px; padding: 10px}
.tx-quote2 { border: 3px solid #dbdbdb; margin: 10px; padding: 10px}
.tx-quote3 { border: 1px dashed #dbdbdb; margin: 10px; padding: 10px}
.tx-quote4 { border: none; background: url(/addon/editor/images/deco/contents/quote/titation01.gif?rv=1.0.1) top left no-repeat; padding: 0px 20px 10px 20px; margin: 10px}
.tx-quote5 { border: none; border-left: 2px solid #dbdbdb; margin: 10px; padding: 10px}

.txc-textbox1 { padding:10px; background-color:#ffffff; border:1px solid #f7f7f7}
.txc-textbox2 { padding:10px; background-color:#eeeeee; border:1px solid #eeeeee}
.txc-textbox3 { padding:10px; background-color:#f2f2b8; border:1px solid #f2f2b8}
.txc-textbox4 { padding:10px; background-color:#fedec7; border:1px solid #fedec7}
.txc-textbox5 { padding:10px; background-color:#e7fdb5; border:1px solid #e7fdb5}
.txc-textbox6 { padding:10px; background-color:#dbe8fb; border:1px solid #dbe8fb}
.txc-textbox7 { padding:10px; background-color:#ffffff; border:1px dotted #cbcbcb}
.txc-textbox8 { padding:10px; background-color:#eeeeee; border:1px dotted #c1c1c1}
.txc-textbox9 { padding:10px; background-color:#f2f2b8; border:1px dotted #f3c534}
.txc-textbox10 { padding:10px; background-color:#fedec7; border:1px dotted #fe8943}
.txc-textbox11 { padding:10px; background-color:#e7fdb5; border:1px dotted #9fd331}
.txc-textbox12 { padding:10px; background-color:#dbe8fb; border:1px dotted #79a5e4}
.txc-textbox13 { padding:10px; background-color:#ffffff; border:1px solid #cbcbcb}
.txc-textbox14 { padding:10px; background-color:#eeeeee; border:1px solid #c1c1c1}
.txc-textbox15 { padding:10px; background-color:#f2f2b8; border:1px solid #f3c534}
.txc-textbox16 { padding:10px; background-color:#fedec7; border:1px solid #fe8943}
.txc-textbox17 { padding:10px; background-color:#e7fdb5; border:1px solid #9fd331}
.txc-textbox18 { padding:10px; background-color:#dbe8fb; border:1px solid #79a5e4}
.txc-textbox19 { padding:10px; background-color:#ffffff; border:3px double #cbcbcb}
.txc-textbox20 { padding:10px; background-color:#eeeeee; border:3px double #c1c1c1}
.txc-textbox21 { padding:10px; background-color:#f2f2b8; border:3px double #f3c534}
.txc-textbox22 { padding:10px; background-color:#fedec7; border:3px double #fe8943}
.txc-textbox23 { padding:10px; background-color:#e7fdb5; border:3px double #9fd331}
.txc-textbox24 { padding:10px; background-color:#dbe8fb; border:3px double #79a5e4}


/* Table */
.table_basic {border:0px solid #eee; border-top:2px solid #d2d2d2; background:#fff; table-layout:fixed; border-collapse:collapse; margin-bottom:0px;}
.table_basic .opt span {font-size:13px; padding-top:3px; display:block; }
.table_basic .opt label {}
.table_basic .text span{font-size:12px; padding-top:3px;  display:block; float:left;}
.table_basic .text{line-height:20px;  display:inline-block; padding-left:3px;}
.table_basic li.opt {float:left; padding:0 3px; text-align:left; }
.table_basic li.opt2 {float:left; padding:3px 3px; text-align:left; font-size:12px; }
.table_basic li.opt2 span{font-size:12px; padding:3px 0px;}
.table_basic li.opt2 span.note{font-size:12px; padding:3px 0px; color:#008bc4}
.table_basic li.opt3 {padding:3px 3px 0 0px;float:left; }
.table_basic li.opt100 {float:left; width:100%; padding:3px; text-align:left; }
.table_basic thead th {color:#666; background:#fff}
.table_basic thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_basic thead th.first {background-position:right bottom; padding:2px 0;}
.table_basic thead th a {color:#666}
.table_basic tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal; }
.table_basic tbody th label {display:block; padding:7px 7px 7px 14px}
.table_basic tbody th label.required {padding-left:7px}
.table_basic tbody td {border-bottom:1px solid #e6e6e6; padding:10px 10px 10px 10px; color:#999; text-align:left; }
.table_basic tbody td.accent {color:#003399}
.table_basic tbody td.open {color:#ff3300}
.table_basic tbody td.writer {color:#999;letter-spacing:-0.1em; text-align:center; }
.table_basic tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_basic tbody td img {vertical-align:middle}
.table_basic thead tr{}
.table_basic tbody tr.bg1 td {background:#fff}
.table_basic tbody tr.bg2 td {background:#fbfbfb}
.table_basic tbody tr.bg3 td {background:#f6f6f6}
.table_basic span.colorRed {padding-right:5px; display:inline-block}
.table_basic #contents_td li{float:unset;vertical-align: bottom;display: inline-block; }
.table_basic #contents_td li span{padding: 3px 0;}

.table_basic1 {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse; margin-bottom:0px;  position:relative; }
.table_basic1 .opt span { padding-top:3px; display:block; }
.table_basic1 .text span{font-size:12px; padding-top:3px;  display:block; float:left;}
.table_basic1 .text{line-height:20px;}
.table_basic1 li.opt {float:left; padding:0 3px; text-align:left; }
.table_basic1 li.opt2 {float:left; padding:3px 3px; text-align:left; font-size:12px; }
.table_basic1 li.opt2 span{font-size:12px; padding:3px 0px;}
.table_basic1 li.opt3 {padding:3px 3px 0 0px;float:left; }
.table_basic1 thead th {color:#666; background:#fff}
.table_basic1 thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_basic1 thead th.first {background-position:right bottom; padding:2px 0;}
.table_basic1 thead th a {color:#666}
.table_basic1 tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal; font-size:14px;}
.table_basic1 tbody th label {display:block; padding:7px 7px 7px 18px}
.table_basic1 tbody th label.required {padding-left:7px}
.table_basic1 tbody td {border-bottom:1px solid #e6e6e6; padding:10px 10px 10px 10px; color:#999; text-align:left; font-size:14px;}
.table_basic1 tbody td.accent {color:#003399}
.table_basic1 tbody td.open {color:#ff3300}
.table_basic1 tbody td.writer {color:#999;letter-spacing:-0.1em; text-align:center; }
.table_basic1 tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_basic1 tbody td img {vertical-align:middle}
.table_basic1 thead tr{font-size:14px;}
.table_basic1 tbody tr.bg1 td {background:#fff}
.table_basic1 tbody tr.bg2 td {background:#fbfbfb}
.table_basic1 tbody tr.bg3 td {background:#f6f6f6}

.table_basic2 {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse; margin-bottom:0px;position:absolute; top:198px; right:20px; }
.table_basic2 .opt span {font-size:14px; padding-top:3px; display:block; }
.table_basic2 .text span{font-size:12px; padding-top:3px;  display:block; float:left;}
.table_basic2 .text{line-height:20px;}
.table_basic2 li.opt {float:left; padding:0 3px; text-align:left; }
.table_basic2 li.opt2 {float:left; padding:3px 3px; text-align:left; font-size:12px; }
.table_basic2 li.opt2 span{font-size:12px; padding:3px 0px;}
.table_basic2 li.opt3 {padding:3px 3px 0 0px;float:left; }
.table_basic2 thead th {color:#666; background:#fff}
.table_basic2 thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_basic2 thead th.first {background-position:right bottom; padding:2px 0;}
.table_basic2 thead th a {color:#666}
.table_basic2 tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal; font-size:14px;}
.table_basic2 tbody th label {display:block; padding:7px 7px 7px 18px}
.table_basic2 tbody th label.required {padding-left:7px}
.table_basic2 tbody td {border-bottom:1px solid #e6e6e6; padding:10px 10px 10px 10px; color:#999; text-align:left; font-size:14px;}
.table_basic2 tbody td.accent {color:#003399}
.table_basic2 tbody td.open {color:#ff3300}
.table_basic2 tbody td.writer {color:#999;letter-spacing:-0.1em; text-align:center; }
.table_basic2 tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_basic2 tbody td img {vertical-align:middle}
.table_basic2 thead tr{font-size:14px;}
.table_basic2 tbody tr.bg1 td {background:#fff}
.table_basic2 tbody tr.bg2 td {background:#fbfbfb}
.table_basic2 tbody tr.bg3 td {background:#f6f6f6}


.table_board {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_board span {margin:0 2px}
.table_board dt {line-height:150%; text-align:left}
.table_board dd {line-height:150%; text-align:left; padding-left:5px}
.table_board thead th {color:#333; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.table_board thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_board thead th.first {background-position:right bottom}
.table_board thead th a {color:#e51a38}
.table_board tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.table_board tbody th label {display:block; padding:7px 7px 7px 18px}
.table_board tbody th label.required {padding-left:7px}
.table_board tbody td {border-bottom:1px dashed #e6e6e6; padding:9px 3px; color:#999; text-align:left; vertical-align:middle}
.table_board tbody td.accent {color:#003399}
.table_board tbody td.open {color:#ff3300}
.table_board tbody td.writer {color:#999}
.table_board tbody td.blank {border:0px; height:100px; color:#999; text-align:center}
.table_board tbody td img {vertical-align:middle}
.table_board tbody tr.bg1 td {background:#fff}
.table_board tbody tr.bg2 td {background:#fbfbfb}
.table_board tbody tr.bg3 td {background:#f6f6f6}

.table_list {border:1px solid #dcdcdc; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_list li.opt {float:left; padding:3px; line-height:150%; text-align:left}
.table_list thead th {padding:5px; color:#333; background:#fff }
.table_list thead th {border-bottom:2px dashed #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_list thead th.first {background-position:right bottom}
.table_list tbody th {border:1px solid #dcdcdc; padding:3px; color:#666; background:#f4f4f4; font-weight:normal; text-align:left}
.table_list tbody th label {display:block; padding-left:10px}
.table_list tbody th label.required {padding-left:0}
.table_list tbody th label span {padding:0 2px}
.table_list tbody td {border:1px solid #dcdcdc; padding:3px; color:#666; text-align:left}
.table_list tbody td.accent {color:#003399; cursor:pointer}
.table_list tbody td.open {color:#339900; cursor:pointer}
.table_list tbody td.block {padding:0; margin:0}
.table_list tbody td.blank {border:0px; height:30px; color:#666; background:#d2d2d2; text-align:center}
.table_list .mg2 {margin:0 2px}

.table_content {border:1px solid #dcdcdc; border-top:2px solid #13A964; background:#fff; width:100%; table-layout:fixed; border-collapse:collapse}
.table_content span {margin:0 2px}
.table_content thead th {padding:5px; color:#333; background:#f7f7f2 url(/user/default/image/background/bg_docList.gif) no-repeat left bottom; text-align:center}
.table_content thead th.none {padding:5px; color:#333; border:1px solid #dcdcdc; background:#f7f7f2; text-align:center}
.table_content tbody th {border:1px solid #dcdcdc; padding:7px; color:#666; background:#eee; text-align:left; font-weight:normal; text-align:center}
.table_content tbody td {border:1px solid #dcdcdc; padding:3px; color:#666; text-align:left; vertical-align:top; text-align:center}
.table_content tbody td.blank {height:100px; color:#666; text-align:center}
.table_content tbody td.accent {color:#003399}
.table_content tbody td.accent_off {color:#003399}
.table_content tbody td.accent_on {color:#ff3300}
.table_content tbody td.half {width:60%}
.table_content tbody td.quarter {width:20%}
.table_content tbody td li.opt {float:left; padding:3px; line-height:150%}

.table_inner {border-left:1px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_inner span {margin:0 2px}
.table_inner li.opt {float:left; padding:0 3px; text-align:left}
.table_inner thead th {color:#214995; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.table_inner thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:center}
.table_inner thead th.first {background-position:right bottom}
.table_inner thead th a {color:#336ccd}
.table_inner tbody th {height: 20px; border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:bold}
.table_inner tbody th label {display:block; padding:7px 7px 7px 18px}
.table_inner tbody th label.required {padding-left:7px}
.table_inner tbody td {border-bottom:1px solid #e6e6e6; padding:6px; color:#999; text-align:left}
.table_inner tbody td.pd0 {border-bottom:1px solid #e6e6e6; padding:0px; color:#999; text-align:left}
.table_inner tbody td.accent {color:#003399}
.table_inner tbody td.open {color:#ff3300}
.table_inner tbody td.writer {color:#999}
.table_inner tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_inner tbody td img {vertical-align:middle}
.table_inner tbody tr.bg1 td {background:#fff}
.table_inner tbody tr.bg2 td {background:#fbfbfb}
.table_inner tbody tr.bg3 td {background:#f6f6f6}
.table_inner tbody th.last {height: 20px; border-bottom:0px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:bold}
.table_inner tbody td.last {border-bottom:0px solid #e6e6e6; padding:6px; color:#999; text-align:left}

/* Recent - public */
.recent {float:left; position:relative; overflow:hidden; background:#fff;}
.recent h3 {font-size:0}
.recent .recentHeader {position:relative;overflow:hidden; bordeR-bottom:1px solid #3a3a3a;}
.recent .recentHeader .recentHeaderBorder {width:100%; }
.recent .recentHeader .recentHeaderBorder p {padding:5px 5px 0 0; color:#999}
.recent .recentHeader .recentHeaderBorder a {color:#999}
.recent .recentHeader h3 {position:relative;padding:10px 10px 15px 5px; font-size:22px; color:#000; font-weight:700; font-family:'Nanum Square';}
.recentBody {overflow:hidden; border:0px solid #d2d2d2; padding:2px 0; }
.recentBody ul {margin:10px 0px 0px 0px; padding:0;  }
.recentBody ul li {position:relative; vertical-align:top; margin:0px !important; }
.recentBody ul li:last-child{border-bottom:0;}
.recentBody .docTitle {line-height:25px; font-size:14px; overflow:hidden; white-space:nowrap; vertical-align:middle;  padding:5px 5px; }
.recentBody .docTitle .date {position:absolute; color:#999; right:10px !important}
.recentBody .docTitle .title p {white-space:nowrap}
.recentBody .docTitle .title a {color:#555; font-size:13px; text-decoration:none}
.recentBody .docTitle .title a:hover {text-decoration:none}
.recentBody .docTitle .icon {vertical-align:middle; margin:0 2px}
.recentBody .imgList {float:left; display:inline-block; margin-right:5px}
.recentBody .imgList .date {font:.9em Tahoma; color:#999}
.recentBody .imgList .icon {position:absolute; top:0px; left:0px}
.recentBody p.content {float:left; margin-top:3px; color:#666}
.recentBody .thumbNail {border:2px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentBody .thumbNail_on {border:2px solid #9d692c; margin-left:auto; margin-right:auto}
.recent .more {position:absolute;right:5px; top:13px; color:#fff}
.recent p.more {display:none}


/* Recent - tab(text) */
.tabRecent .tabBox {position:relative; height:39px; border-bottom:1px solid #707070; text-align:center;  margin:0px 20px 0px 20px}
.tabRecent .tabBox .tab{position:relative; float:left; top:1px; _top:3px;  border-bottom:none; margin:0; width:128px;}
.tabRecent .tabBox .tab{ color:#666; text-align:center; background:#fff; border:none}
.tabRecent .tabBox .tab A{font-size:14px; color:#989898; padding:9px 10px 9px 10px; display:block; }
.tabRecent .tabBox .tab A:after{content:''; position:absolute; right:0px; width:1px; height:15px; background:#ccc}
.tabRecent .tabBox .on{position:relative; float:left; height:37px; top:1px; _top:1px; border:1px solid #707070; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.tabRecent .tabBox .on A{ color:#000; padding:9px 10px 9px; 10px; display:block}
.tabRecent .tabBox .on A:after{display:none}
.tabRecent .tabBox li:last-child a:after{display:none}
.tabRecent .tabMore {position:absolute; top:50px; right:30px; z-index:1}
.tabRecent .tabMore a:before{content:'더보기 > '; background:#3491c6; color:#fff; font-size:13px; padding:5px 15px; line-height:30px; letter-spacing:-0.05em;  margin-top:5px}
.tabRecent .tabMore a img{display:none}
.tabRecent .tabBody {clear:both; top:-1px;_top:0px; border:0px solid #e51a38; padding:0; border-top:none; border-bottom:none; background:#fff; overflow:hidden}
html>/**/body .tabRecent .tabBody {top:-2px}


/* Recent - tab(image) */
.tabRecentImg {position:relative; overflow:hidden}
.tabRecentImg img {vertical-align:middle}
.tabRecentImg .tabBox {position:relative; width:100%; text-align:center}
.tabRecentImg .tab {position:relative; float:left; cursor:pointer; background:#fff}
.tabRecentImg .tab p {float:left}
.tabRecentImg .on {position:relative; float:left; cursor:pointer; background:#fff}
.tabRecentImg .on p {float:left}
.tabRecentImg .tabMore {position:absolute; bottom:0; right:0; z-index:1}
.tabRecentImg .tabBody {clear:both; top:-1px;_top:0px; background:#fff; overflow:hidden}
html>/**/body .tabRecentImg .tabBody {top:-2px}

/* Recent - gallary */
.recentThumb {margin:auto; overflow:hidden}
.recentThumb .cell {position:relative; float:left; overflow:hidden; margin-left:20px; margin-top:20px;}
.recentThumb .cell:first-child{margin-left:30px;}
.recentThumb .cell .thumbNail {border:1px solid #d7d7d7; margin-left:auto; margin-right:auto}
.recentThumb .cell .thumbNail_on {border:1px solid #c1c1c1; margin-left:auto; margin-right:auto}
.recentThumb .cell .icon {position:absolute; top:1px; left:1px}
.recentThumb .cell .icon * {vertical-align:middle}
.recentThumb .cell .title {margin-top:3px; overflow:hidden; white-space:nowrap; text-align:center}
.recentThumb .cell .title a {color:#444; text-decoration:none; overflow:hidden}
.recentThumb .cell .title a:visited {color:#777; text-decoration:none; overflow:hidden}
.recentThumb .cell .title img {vertical-align:middle; margin:0 1px}
.recentThumb .cell .nameAndDate {font-size:11px; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.recentThumb .cell .nameAndDate .date {font:11px Tahoma; color:#999; text-align:center}
.recentThumb .cell .nameAndDate .author {text-align:center}
.recentThumb .cell .nameAndDate .author .replyCount {margin-left:.2em; font:bold .9em Tahoma; color:#e51a38; text-align:center}

/* Rounding Box */
.roundBox {padding:2px; border:2px solid #ccc}
.roundBox .box_guide {position:relative; width:100%}
.roundBox .box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) no-repeat;font-size:0}
.roundBox .box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) right top no-repeat;font-size:0}
.roundBox .box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) left bottom no-repeat;font-size:0}
.roundBox .box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) right bottom no-repeat;font-size:0}
.roundBox .box_contents {padding:5px; border:1px solid #ededed}
/* Rounding Box : sub_left_menu */
.roundBox .header {height:20px; color:#fff; text-align:center; background:url(/user/default/image/title/bg_menu_black.png) repeat-x}
.roundBox h3 {padding:.3em 0; text-align:center; font-size:12px; font-weight:bold}
.roundBox .sub {border:1px solid #eee; overflow:hidden; padding:.3em; color:#666; cursor:pointer;_cursor:hand; background:#eee}
.roundBox .active {background:#eee; color:#e51a38}
.roundBox .this {color:#e51a38; background:#eee; font-weight:bold}

/* Link */
a:link ,a:visited ,a:active {font-size:14px; color:#444;text-decoration:none; letter-spacing:0px}
a:hover {color:#333; text-decoration:none}
a.act:link ,a.act:visited ,a.act:active {font-size:16px; color:#333;text-decoration:none}
a.act:hover {font-size:16px; color:#000; text-decoration:none}
a.actBold:link ,a.actBold:visited ,a.actBold:active {font-size:12px; color:#444;text-decoration:none}
a.actBold:hover {font-size:12px; color:#444; text-decoration:none}
a.actUnder:link ,a.actUnder:visited ,a.actUnder:active {font-size:12px; color:#333;text-decoration:none; letter-spacing:0px}
a.actUnder:hover {font-size:12px; color:#e51a38; text-decoration:underline}
a.actWhite:link ,a.actwhite:visited ,a.actwhite:active {font-size:12px; color:#ffffcc;text-decoration:none}
a.actWhite:hover {font-size:12px; color:#99ccff; text-decoration:none}
a.actGray:link ,a.actGray:visited ,a.actGray:active {font-size:13px; color:#888;text-decoration:none}
a.actGray:hover {font-size:13px; color:#000; text-decoration:none}
a.ared:link ,a.ared:visited ,a.ared:active {font-size:12px; color:#990000; text-decoration:none}
a.ared:hover {font-size:12px; color:red; text-decoration:none}
a.actSmallGray:link ,a.actSmallGray:visited ,a.actSmallGray:active {font-size:11px; color:#666;text-decoration:none}
a.actSmallGray:hover {font-size:11px; color:#e51a38; text-decoration:none}
a.btnBig{display:inline-block;padding-right:4px;background:url(/user/default/image/button/btn_href.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btnBig span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/user/default/image/button/btn_href.gif) no-repeat}
a.btnSmall{display:inline-block;padding-right:4px;background:url(/user/default/image/button/btn_href.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btnSmall span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/user/default/image/button/btn_href.gif) no-repeat 0 -27px}


/* Button Pack */
.btnPack,
.btnPack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:15px;font-family:Tahoma, Sans-serif;color:#fff;text-decoration:none !important; background:#3491c6; vertical-align:top;white-space:nowrap; border-radius: 4px;}
.btnPack {margin-right:4px; margin-bottom:5px;}
.btnPack a{color:#fff; font-size:13px;  font-weight:normal;}
.btnPack a:focus{outline:1px dashed #666}
a.btnPack:focus{outline:1px dashed #666}
.btnPack *{left:0px;cursor:pointer; font-weight:normal}
.btnPack *:hover,
.btnPack *:active,
.btnPack *:focus {color:#fff}
.btnPack.black {background:#5d5d5d}
.btnPack.blue {background:#3491c6}
.btnPack.green {background:#3491c6}
.btnPack.red {background:#ee4778}
.btnPack.gray {background:#5C8EC1}
.btnPack.metal {background:#aaa}
.btnPack.white {background:#5C8EC1}
.btnPack.orange {background:#f9b552}
.btnPack.medium,
.btnPack.medium *{line-height:31px}
.btnPack.large,
.btnPack.large *{line-height:50px}
.btnPack.xlarge,
.btnPack.xlarge *{line-height:65px}
.btnPack.small,
.btnPack.small *{line-height:25px}
.btnPack.black *{background:#b5b5b5; color:#fff}
.btnPack.blue *{ background:#3491c6; color:#fff}
.btnPack.green *{background:#3491c6; color:#fff}
.btnPack.red *{ background:#ee4778; color:#fff}
.btnPack.gray *{ background:#5C8EC1;color:#fff}
.btnPack.metal *{background:#fff; color:#5C8EC1}
.btnPack.white *{background:#5C8EC1; color:#fff}
.btnPack.orange *{background:#f9b552; color:#fff}
.btnPack.medium{background-position:left 0}
.btnPack.large{background-position:left -30px}
.btnPack.xlarge{background-position:left -65px}
.btnPack.small{background-position:left -106px}
.btnPack.medium *{padding:0 7px 0 7px;background-position:right top;font-size:13px}
.btnPack.large *{padding:0 7px 0 7px;background-position:right -30px;font-size:13px; }
.btnPack.xlarge *{padding:0 7px 0 7px;background-position:right -65px;font-size:20px}
.btnPack.small *{padding:2px 7px 1px 7px;background-position:right -106px;font-size:13px}
.btnPack.small2 *{padding:4px 10px 5px 10px;background-position:right -106px;font-size:13px}
.btnPack.strong *{font-weight:normal}
.btnPack.icon *{padding-left:10px}
.btnPack.small.icon *{padding-left:10px}
.btnPack.icon span{width:0px;margin-right:0px;padding:0 !important}
.btnPack.medium .check{background-position:4px -150px}
.btnPack.large .check{background-position:4px -146px}
.btnPack.xlarge .check{background-position:5px -144px}
.btnPack.small .check{background-position:3px -153px}
.btnPack.medium .add{background-position:-16px -150px}
.btnPack.large .add{background-position:-14px -146px}
.btnPack.xlarge .add{background-position:-14px -144px}
.btnPack.small .add{background-position:-18px -153px}
.btnPack.medium .delete{background-position:-34px -150px}
.btnPack.large .delete{background-position:-34px -146px}
.btnPack.xlarge .delete{background-position:-34px -144px}
.btnPack.small .delete{background-position:-37px -153px}
.btnPack.medium .calendar{background-position:-56px -150px}
.btnPack.large .calendar{background-position:-56px -146px}
.btnPack.xlarge .calendar{background-position:-56px -144px}
.btnPack.small .calendar{background-position:-59px -153px}
.btnPack.medium .refresh{background-position:-76px -150px}
.btnPack.large .refresh{background-position:-76px -146px}
.btnPack.xlarge .refresh{background-position:-76px -144px}
.btnPack.small .refresh{background-position:-79px -153px}
.btnPack.medium .download{background-position:-96px -151px}
.btnPack.large .download{background-position:-96px -147px}
.btnPack.xlarge .download{background-position:-96px -145px}
.btnPack.small .download{background-position:-99px -154px}

/*------------------------------ 스타일 변경 가능한 모듈 --------------------------------*/
/* 도큐멘트 모듈 */
/* document Information */

.docInfo {clear:both; margin:3px 0; color:#666}
.docInfo .articleNum {float:left}
.docInfo .articleIcon {float:left; margin:1px 0 0 10px}
.docInfo .docBtn {float:right}
.docInfo .docBtn li {float:left; margin:0 2px; list-style:none}

.docButton {text-align:right; margin:10px 0 20px 0; border-top:1px solid #efefef}
.docButton .docBtn {padding:5px 0px; float:right}
.docButton .docBtn li {float:left; margin:0 2px; list-style:none}

/* star_point */
.starPoint {float:left; margin:9px 0 0 3px; width:67px; height:10px; background:url(/user/default/image/background/bg_starpoint_off.gif) no-repeat}
.starPoint span {display:block; height:10px; background:url(/user/default/image/background/bg_starpoint_on.gif) no-repeat}
.starPoint .textPoint {display:none}

/* list : faq */
.docTab {position:relative; overflow:hidden}
.docTab img {vertical-align:middle}
.docTab .search {position:relative; top:10px; float:right}

ul.tabBox {position:relative; width:100%; height:38px; border-bottom:2px solid #707070; text-align:center;  margin-bottom:30px}
ul.tabBox li.tab {position:relative; float:left; height:35px; top:2px; _top:3px; border:1px solid #c6c7c9; border-bottom:none; background-color:#f4f4f4; margin:0; width:110px;}
ul.tabBox li.tab p { color:#666; text-align:center}
ul.tabBox li.tab p a {font-size:14px; color:#989898; padding:9px 10px 9px 10px; display:block}
ul.tabBox li.on {position:relative; float:left; height:35px; top:2px; _top:2px; border:2px solid #707070; border-bottom:2px solid #fff; cursor:pointer; background-color:#fff; margin:0}
ul.tabBox li.on p {border-bottom:2px solid #fff;  text-align:center}
ul.tabBox li.on p a { color:#000; padding:9px 10px 9px 10px; display:block}
ul.tabBox li {width:15%}

.faq_list { position:relative}
.faq_list dl{ position:relative; border-bottom:1px dashed #e6e6e6; padding:0px 0px;}
.faq_list dt{ display:block; background:url(/user/default/image/sub/faq_icon_Q.gif) no-repeat 8px center; }
.faq_list dt a.off{  background:url(/user/default/image/sub/faq_icon_on.gif) no-repeat 98% center;  }
.faq_list dt a.on{  background:url(/user/default/image/sub/faq_icon_off.gif) no-repeat 98% center; }
.faq_list dt a{ display:block;  padding:20px 20px 20px 50px; font-size:16px;  line-height:20px;}

.faq_list dd{ display:block; background:#f6f6f6; padding:30px 30px; color:#008cc4 !important; margin:0px 0px; font-size:14px; line-height:20px;}
.faq_list dd.none{ display:none;}
.faq_list dd p{  color:#008cc4 !important;  font-size:14px !important; line-height:20px; font-family: 'Noto Medium' !important; }
.faq_list dd span{  color:#008cc4 !important;  font-size:14px !important; line-height:20px; font-family: 'Noto Medium' !important; }
.faq_list dd img{max-width:100% !important; }

.faq_box {background:#e7ecf0; padding:15px 0px; text-align:center; color:#5e6b74; font-size:13px; margin-bottom:30px}
.faq_box select {border:1px solid #c4c8cb;  padding:0px 0px 0px 5px; height:32px !important; width:100px; margin:0px 20px;  }
.faq_box input { border:0px; height:32px; width:400px; margin:0px 0px 0px 0px !important;  padding:0px 10px;  border-left:1px solid #c4c8cb; vertical-align:middle;  display:inline-block; }
.faq_box input.btn_img {line-height:32px; height:auto; padding:6px 10px 6px 10px;  width:auto; border-left:0px solid #c4c8cb}
.faq_box .faq_search {border:1px solid #c4c8cb; display:inline-block;  background:#fff;  }


/*cs_tit*/
.cs_tit {background:#008bc4; padding:15px 0px; text-align:center; color:#fff; font-size:16px; margin-top:30px}
.cs_tit span{color:#f8d43e;}

/* list : gallary */
.docThumb {margin:auto; padding-top:17px; overflow:hidden}
.docThumb .cell {position:relative; float:left; text-align:center; margin:auto}
.docThumb .cell .viewImage {position:relative; overflow:hidden;text-align:center; }
.docThumb .cell .viewImage .thumbNail {position:relative;  margin-right:auto; }
.docThumb .cell .viewImage .thumbNail_on {position:relative;  margin-right:auto;}
.docThumb .cell .viewImage .icon {position:absolute; top:40%; left:50%; margin-left:-35px; padding:0;  height:15px; z-index:999}
.docThumb .cell .viewImage .icon * {vertical-align:middle}
.docThumb .cell .viewImage .icon span {padding-right:2px}
.docThumb .cell .center {position:relative; }
.docThumb .cell .center .title {overflow:hidden; white-space:nowrap; text-align:center; padding-bottom:10px;}
.docThumb .cell .center .title a {color:#444; text-decoration:none; overflow:hidden}
.docThumb .cell .center .title a:visited {color:#444; text-decoration:none; overflow:hidden}
.docThumb .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.docThumb .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center}
.docThumb .cell .center .nameAndDate .author {text-align:center}
.docThumb .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}
.docThumb .cell .content .addContent {position:relative; overflow:hidden;}
.docThumb .cell .content .addContent .title{width:80px !important; float:left; text-align:left; padding:2px 0px 5px 15px; margin:0px !important; font-size:14px; color:#666;}
.docThumb .cell .content .addContent .content{float:left; text-align:left; padding:2px 0px; margin:0px !important; font-size:14px; color:#888;}

/*오류신고센터 게시판 안내문구 영역*/
.solutionInfoBox { padding:10px; margin:10px 0; }
.solutionInfoBox a {background:#fff; border-radius: 5px; border: 1px solid #ddd; padding: 5px 10px}


/*  표지디자인 갤러리 사이즈  */
#checkbook.docThumb .cell .viewImage .thumbNail {position:relative;  margin-right:auto; width:120px !important; height:168px !important}
#checkbook.docThumb .cell  {width:18% !important; margin:3% 1%}

#checkbook.docThumb .cell  {width:18% !important; margin:3% 1%}


/*  표지디자인 갤러리 사이즈
#docThumb001008.docThumb .cell .viewImage {height:188px;}
#docThumb001008.docThumb .cell .viewImage .thumbNail, #docThumb001008.docThumb .cell .viewImage .thumbNail_on{width:180% !important; height:auto !important; position:absolute; margin-left:-35%; margin-top:-25% }
*/

/* 고객후기 */
.docThumb .cell {width:23% !important; margin:5px 1% !important}
.docThumb .cell .viewImage {width:100% !important}
.docThumb .cell .thumbNail, .docThumb .cell .thumbNail_on {width:100% !important; height:100% !important; }

/* list : calendar */
.docCal {width:100%; border:1px solid #dcdcdc}
.docCal .docCalHeadList {height:25px;border-bottom:3px solid #e51a38; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCal .docCalHeadList.first {background-position:right bottom}
.docCal .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top}
.docCal .small {border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCal .now {color:#ff0099;font-weight:bold}
.docCal .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCal .date {background:#e0ffff}
.docCal .this {background:#ffffcc}
.docCal .list {float:none; padding:3px 0; overflow:hidden}

.docCalMini {width:100%; border:1px solid #dcdcdc}
.docCalMini .docCalHeadRecent {height:20px; border-bottom:3px solid #e51a38; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCalMini .docCalHeadRecent.first {background-position:right bottom}
.docCalMini .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top; cursor:pointer;_cursor:hand}
.docCalMini .small {width:20px; height:20px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCalMini .now {color:#ff0099;font-weight:bold}
.docCalMini .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCalMini .date {background:#e0ffff}
.docCalMini .this {background:#ffffcc}
.docCalMini .issue {position:relative; height:15px; padding:5px 0 0 5px}
.docCalMini .icon {position:absolute; top:0; left:0}

/* list : webzine */
.docZine {width:99%}
.docZine thead tr th div {white-space:nowrap; margin:0 5px; text-align:center}
.docZine tbody td {white-space:nowrap}
.docZine tbody td.title {white-space:normal; width:100%}
.docZine th {background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docZine th {font-weight:normal; border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden}
html:not([lang*=""]) .docZine th {height:30px}
.docZine th.no_line {background-position:-3px bottom}
.docZine tr.notice {background:#f8f8f8}
.docZine tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000}
.docZine tr.notice .title {font-weight:bold; color:#000}
.docZine tr.notice a {color:#000}
.docZine tr.bg1 {background:#fff}
.docZine tr.bg2 {background:#fbfbfb}
.docZine td {border-top:1px solid #d2d2d2; padding:.5em; color:#444}
.docZine .num {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center}
.docZine span.now {font:11px tahoma; color:#990000}
.docZine .title {overflow:hidden}
.docZine .title .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top}
.docZine .title .thumbNail_on {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top}
.docZine .title .content {color:#777; overflow:hidden}
.docZine .title .commentCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center}
.docZine .writer {color:#777}
.docZine .readCount {font:.8em Tahoma; color:#999999; text-align:center}
.docZine .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap}
.docZine .blank {height:150px; text-align:center; white-space:nowrap}

/* list : Befor&After */
.docBnf thead th.first {background-position:right bottom}
.docBnf thead tr th div {white-space:nowrap; margin:0 5px; text-align:center}
.docBnf tbody td {white-space:nowrap}
.docBnf tbody td.title {white-space:normal; width:100%}
.docBnf th {background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docBnf th {font-weight:normal; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden}
html:not([lang*=""]) .docBnf th {height:30px}
.docBnf tr.notice {background:#f8f8f8}
.docBnf tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000}
.docBnf tr.notice .title {font-weight:bold; color:#000}
.docBnf tr.notice a {color:#000}
.docBnf tr.bg1 {background:#fff}
.docBnf tr.bg2 {background:#fbfbfb}
.docBnf td {border-top:1px solid #d2d2d2; padding:.5em; color:#444; overflow:hidden; vertical-align:top}
.docBnf td .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top}
.docBnf td .thumbNail_on {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top}
.docBnf td.arrow {vertical-align:middle}
.docBnf .title .content {color:#777; overflow:hidden}
.docBnf .title .commentCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center}
.docBnf .title * {vertical-align:middle; margin:0 1px}
.docBnf .writer {color:#777}
.docBnf .readCount {font:.8em Tahoma; color:#999999; text-align:center}
.docBnf .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap}
.docBnf .blank {height:150px; text-align:center; white-space:nowrap}

/* list : Case3 */
.docCaseView .cellBig {position:relative; overflow:hidden;}
.docCaseView .cellBig .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.docCaseView .cellBig .thumbNail_on {margin-bottom:.3em; border:2px solid #e00000; margin-left:auto; margin-right:auto;}
.docCaseView .cell {clear:both}
.docCaseView .cell li {padding:5px 0 0 9px; position:relative; float:left; overflow:hidden;}
.docCaseView .cell li.first {padding-left:0px;}
.docCaseView .cell li .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.docCaseView .cell li .thumbNail_on {margin-bottom:.3em; border:2px solid #e00000; margin-left:auto; margin-right:auto;}


/* document Read */
.document {}
.document .blank {padding-top:50px; min-height:150px; font-size:12px; color:#999; text-align:center}
.document .docRead {margin:10px  0 10px 0}
.document .docRead .titleAndUser {overflow:hidden; border-bottom:1px solid #efefef}
.document .docRead .titleAndUser .title {float:left; margin:10px 0 5px 0; color:#000}
.document .docRead .titleAndUser h4 {line-height:140%; font-size:1.3em; text-align:justify}
.document .docRead .titleAndUser .author {float:right; white-space:nowrap; margin-top:11px; color:#999; margin-top:5px; font-weight:bold}
.document .docRead .dateAndCount {clear:both; white-space:nowrap; color:#444; margin:5px 0 0 0; font-family:tahoma; line-height:17px; padding-bottom:10px}
.document .docRead .dateAndCount .ip {float:left; text-decoration:none; font-size:.9em; color:#999}
.document .docRead .dateAndCount .email {float:left; text-decoration:none; margin-left:10px; font-size:.9em; color:#999}
.document .docRead .dateAndCount .date {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .date span {font-size:.9em}
.document .docRead .dateAndCount .readedCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .votedCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .votedCount span {font-weight:bold; color:#666}
.document .docRead .dateAndCount .commentCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .commentCount span {font-weight:bold; color:#666}
.document .docRead .contentBody {color:#555; margin-top:10px; min-height:50px; display:block}
.document .docRead .contentBody hr {border:0px; display:block}
.document .docRead .caseBox {border:1px solid #efefef}
.document .docRead .docThumb {border:1px solid #efefef}
.document .docRead .docThumb .cell {width:99px}

.fileAttatch {border:2px #eee dashed; padding:5px; background:#f6f6f6}
.fileAttatch dt {width:100px; background-color:#eee; float:left}
.fileAttatch dd {float:left}
.fileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap}
.fileAttatch li * {color:#666; vertical-align:middle}
.fileAttatch table{width:456px;}

.commentBox { padding:0px; margin-bottom:10px; zoom:1; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; margin-top:0px; background:#f5f5f5}
.commentBox .commentList {padding:10px; color:#555; border-top:1px solid #e1e1e1; background:#f5f5f5; overflow:hidden;}
.commentBox .no_line {padding:10px; color:#555; border:0;  background:#f5f5f5}
.commentBox .commentList .iconReply {float:left}
.commentBox .commentList .author {float:left; margin:2px 0; color:#000}
.commentBox .commentList .author span {color:#999}
.commentBox .commentList .control {float:right; padding:0 2px}
.commentBox .commentList .date {padding:0 2px; font:Tahoma; color:#999; font-size:12px;}
.commentBox .small_gray {font-size:12px; color:#666; text-decoration:none}
.commentInput {border:0px #efefef solid; text-align:center; zoom:1}
.commentInput .line {border:0px #d2d2d2 solid}
.commentInput .line .resizeBar {cursor:row-resize; width:99%; margin:auto; text-align:center; font-size:0px; line-height:0px; height:4px; background-color:#f9f9f9; font-size:0px; line-height:0px; border:1px solid #cdcdcd; border-top:1px solid #eee}
.commentInput .line img {position:relative; top:-1px; -moz-user-select:none; -khtml-user-select:none}
.commentInput .line img {cursor:row-resize; margin:0 auto}
.commentInput .head {padding:5px; cursor:pointer; color:#000}
.commentInput .head * {vertical-align:top}
.commentInput .head strong {font-size:12px; color:#e93700; margin-left:3px}
.commentInput .body {margin:3px; text-align:center; zoom:1}
.commentInput .commentAuthorName {float:right; color:#666; margin:3px}
.commentInput .commentAuthorPass {float:right; color:#666; margin:3px}
.commentInput .commentAuthorRecom {float:right; color:#666; margin:3px; padding:3px}
.commentInput .commentSubmit {float:right; margin:3px 5px}
.commentInput .commentSubmit .recom {font-weight:bold; color:#000}
.commentInput .input_blue {border:1px solid #a5a5a5; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#fff5ee}
/* 댓글 추천수 카운트 */
.commentBox .recomCount {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:11px;font-family:Tahoma, Sans-serif;color:#fff;text-decoration:none !important;white-space:nowrap}
.commentBox .recomCount {background-image:url(/user/default/image/sub/recom_bg.gif); font-weight:bold; width:47px; height:16px;line-height:16px; padding-left:7px; }
.commentBox .recomCount A{color:#fff;}

/* write */
.docInput td {height:20px}
.docInput .table_input {border:0px solid #999; width:100%; text-align:left}
.docInput .table_input thead th {padding:3px; color:#000; font-weight:bold; background:#efefef}
.docInput .table_input th {padding-left:5px; color:#000; font-weight:normal; background:#efefef}
.docInput .table_input th p {padding:0px;margin:0px}
.docInput .table_input td {padding:3px; color:999}
.docInput .table_input td * {vertical-align:middle}
.docInput .table_input .menu_gray {padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/user/default/image/background/bg_menu_gray.png) repeat-x}
.docInput .docOpt {margin-bottom:5px}
.docInput .docOpt * {vertical-align:middle}
.docInput .docOpt .agree {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt .notice {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt .secret {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt span {margin:1px 0 0 2px}
.docInput .docFile {margin:10px 0 0 0}
.docInput .fileAttatch th {padding:5px; color:#999; background:#f4f4f4; text-align:center}
.docInput .fileAttatch td {padding:2px;_padding:0}
.docInput .fileAttatch span {margin-left:2px; color:#999}
.docInput .fileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px}
.docInput .buttons {text-align:center; margin:5px 0}
.docInput .buttons span {margin:0 2px}
.docInput .table_basic{margin-bottom:0px;}
/* document Bottom */
.docBottom {padding:30px 0 10px 0; position:relative; }
.docBottom2 {padding:20px 0 10px 0; position:relative; }
.docBottom .countBox {float:left; padding:10px 0px}
.docBottom .countBox * {color:#999}
.docBottom .countBox strong {color:#666}
.docBottom .searchBox {float:left; width:260px; padding:4px 0 4px 10px; z-index:999999}
.docBottom .searchBox input[type="image"] {vertical-align:middle; margin-left:3px}
.docBottom .searchBox .center{text-align:left;}
.docBottom .pageNavigation {float:left; padding:0px 30px; width:330px}
.docBottom .docBtn{ float:right;}
.docBottom .docBtn ul li{ display:inline-block; float:right; z-index:99999}



.docBottom .searchCountBox{float:right}
#sampleBox.docBottom .pageNavigation{padding:10px 0px; width:auto}
#sampleBox.docBottom .searchBox {float:left; width:230px; padding:4px 0 4px 10px; z-index:999999}

/* gallerySlider */
#gallerySlider #gallerySilderView {width:690px; padding:5px}
#gallerySlider #gallerySilderView .bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:35%; left:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:35%; right:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: center; margin-top:5px}
#gallerySilderThumb a {margin: 0 3px}
#gallerySilderThumb a img {border: solid #ccc 3px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid red 3px}

/* pageNavigation */
.pageNavigation {padding:5px 0; margin:0; text-align:center}
.pageNavigation a,
.pageNavigation strong {display:inline-block;padding:1px 7px; color:#aaa; line-height:25px;font-weight:normal !important; font-size:15px; margin:2px; text-decoration:none; border:1px solid #ddd;  vertical-align:middle}
.pageNavigation a:hover,
.pageNavigation a:active,
.pageNavigation a:focus { border:1px solid #ddd;}
.pageNavigation .quick {padding:0px 0px; }
.pageNavigation .quick img {width:auto !important; height:11px !important; vertical-align:middle;}
.pageNavigation strong { font-family: 'Noto Regular' !important; color:#666;  font-weight:normal !important; border:1px solid #000 !important;  }


.pageNavigation.pageNavi_center {position:absolute; left:50%; margin-left:-280px; width:500px;}


.docBottom2 {padding:0px 0 10px 0; position:relative; }
/* pageNavigation */
.docBottom2 .pageNavigation a,
.docBottom2 .pageNavigation strong {border:0px solid #ddd; }
.docBottom2 .pageNavigation a:hover,
.docBottom2 .pageNavigation a:active,
.docBottom2 .pageNavigation a:focus { border:0px solid #ddd;}
.docBottom2 .pageNavigation strong {  color:#000; border:0px solid #000 !important;  }




/* pageNavigation
.pageNavigation {padding:5px 0; margin:0; text-align:center;  z-index:999}
.pageNavigation a,
.pageNavigation strong {text-decoration:none; font-family:Tahoma, Sans-serif; vertical-align:middle}
.pageNavigation a:hover,
.pageNavigation a:active,
.pageNavigation a:focus {color:#999; background-color:#f4f4f4}
.pageNavigation strong {color:#ff6600}
.pageNavigation a,
.pageNavigation strong {padding:1px 8px; border-left:1px solid #ddd; font-weight:bold; font-size:12px}
*/


/* site Map */
.sitemap {width:100%; margin:auto}
.sitemap .cell { position:relative; float:left; padding:10px}
.sitemap li { margin:0; padding:0}
.sitemap .depth2 {padding:5px; border-top:1px dashed #d2d2d2; border-bottom:1px dashed #d2d2d2; background:#eee}
.sitemap .depth3 {padding:4px 0px 4px 10px; border-bottom:1px dashed #d2d2d2; background:#f7f7f7; overflow:hidden}

/**
 * mdMember
 */

/* Login */
#login .loginBox {padding-top:40px; width:180px; margin:auto;}
#login .loginBox h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:.3em; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#login .loginBox h3 .keeping {margin-left:10px; font-weight:normal;}
#login .loginBefore dl {float:left; margin-top:3px;}
#login .loginBefore dt {display:none;}
#login .loginBefore dd {padding-top:2px;_padding-top:0;}
#login .loginBefore p.submit {float:left; padding:5px 0 0 5px;}
#login .loginBefore .btn {float:left; padding:10px 3px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .regist {font-weight:bold;}
#login .loginBefore .btn a {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:visited {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:hover {color:#ff6600;}
#login .loginAfter .info {padding-top:5px;}
#login .loginAfter .info p {padding:3px; text-align:center;}
#login .loginAfter .info span {color:#666;}
#login .loginAfter .info .point {color:#999; font-size:11px; white-space:nowrap;}
#login .loginAfter .btn {float:left; padding:10px 3px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap}
#login .loginAfter .out {font-weight:bold;}
#login .loginAfter .btn a {font-size:11px; color:#666; white-space:nowrap;}
#login .loginAfter .btn a:visited {font-size:11px; color:#666; white-space:nowrap;}
#login .loginAfter .btn a:hover {color:#ff6600;}

#login_wrap {padding-top:10px; text-align:center; margin:auto;}
#login_container {width:500px; margin:auto;}
#login_container .loginBox {float:left; padding-left:5px;}
#login_container .loginBox label {padding-left:3px;}
#login_container .loginBox ul {}
#login_container .loginBox li {padding:1px 0;}
#login_container .banner {float:left; border-right:1px dashed #999;}
#login_footer {border:1px dotted #999; padding:.5em; position:relative;}
#login_footer {margin-top:3px;}
#login_footer li {list-style:circle inside; padding-left:5px; line-height:130%;}
#login_footer li.accent {color:#3366ff}

#login_wrap02 {float:left; background:url(/skin/default/kr/image/background/loginbox_bg.gif) no-repeat;}
#login_wrap02 .btn2 {float:left; padding:5px 0; white-space:nowrap;}

/* Registration */
#regist_wrap {text-align:center; }
#regist_wrap .event {padding:2px; background:#eee; text-align:center;}
#regist_wrap .event img {vertical-align:middle;}
#regist_wrap .regist_container {margin:auto;}
#regist_wrap .regist_container .form {float:left; width:280px; padding-top:7px;}
#regist_wrap .regist_container .btn {float:left; padding:5px 0 0 10px;}
*:first-child+html #regist_wrap .regist_container .btn {padding-top:10px;}
#regist_wrap .regist_container .btn label {padding-left:3px; font-size:11px;}
#regist_wrap .regist_container .btn li {margin-top:3px;}
#regist_wrap .regist_container .realname {position:relative; margin:auto;}
#regist_wrap .regist_container .realname p {margin:0;}
#regist_wrap .regist_container .realname th, #regist_wrap .regist_container .realname td {padding:3px;}

/*회원가입안내*/
#regist_wrap #regForm .agreement, #regist_wrap #registForm { width:870px; margin-left:130px; }


/* Search id or password */



/* Search id or password */
#find_wrap {padding:5em 0 2em 0; text-align:center; overflow:hidden}
#find_wrap .find_container {margin:0 auto; width:100% !important; height:auto !important;}
#find_wrap .find_container .cell {float:left; width:42% !important;  height:auto !important; text-align:center; overflow:hidden; border:1px solid #efefef; border-top:3px solid #000; margin-left:20px; height:250px !important; padding:40px 20px !important; background:none !important}
#find_wrap .find_container .cell li {padding-top:5px}
#find_wrap .find_container .cell fieldset {text-align:left;}
#find_wrap .find_container .cell p {padding-left:0px;}
#find_wrap .find_container .cell label {margin-right:10px; font-size:16px}
#find_wrap .find_container .cell input {width:50% !important; margin:3px 0px}
#find_wrap .find_container .cell .btn {padding-top:15px;padding-left:5px; text-align:center;}
#find_wrap .find_container .cell .btn span{background:#333;  width:38%;}
#find_wrap .find_container .cell .btn span button{background:none; font-size:16px; line-height:35px;}
#find_wrap .find_container .cell .bold {font-weight:normal; color:#000; font-size:16px; padding-bottom:10px; display:inline-block}
#find_wrap .find_container .cell .cube {padding:10px 20px !important; height:70px !important; margin-top:10px}
#find_wrap .find_container .cell .cube img{margin-bottom:6px !important; }
#find_wrap .small_gray{padding:0px 10px; font-size:11px;color:#888;}
#find_wrap .small_gray span{font-size:14px;color:#666;}

/* My Page */
.mypageTab {position:relative; overflow:hidden; margin-bottom:30px}
.mypageTab img {vertical-align:middle}



/**
 * mdSms
 */
#sms .cell {width:200px; position:relative; float:left; overflow:hidden}
#sms .info {width:400px; position:relative; float:left; overflow:hidden}
#sms .sms_sender {border:1px solid #c9d8f5; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#e3eef9 url(/user/default/image/background/bg_sms_return.gif) no-repeat}
#sms .sms_content {border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background:#e3eef9 url(/user/default/image/background/bg_sms_lcd.gif) no-repeat}

/* SMS 팝업 */
#sms_pop{width:207px;position:absolute;width:207px;left:10px;top:10px;z-index:2005;cursor: move;}
#sms_pop .sms_top{width:207px;height:64px;background-image: url(/user/default/image/modules/sms/sms_bg01.png); background-repeat: repeat-x; behavior:url(/common/css/iepngfix.htc);}
#sms_pop .sms_bg_1{width:207px;height:15px;background-image: url(/user/default/image/modules/sms/sms_bg02.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_2{width:207px;height:30px;background-image: url(/user/default/image/modules/sms/sms_bg03.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_2 div{position:relative;left:118px;top:9px;font-size: 11px; color: #990000; LETTER-SPACING: -0.04em;}
#sms_pop .sms_bg_3{height:155px;background-image: url(/user/default/image/modules/sms/sms_bg04.gif); background-repeat: repeat-x;text-align:center}
#sms_pop .sms_bg_4{padding-left:37px;padding-top:7px;height:38px;background-image: url(/user/default/image/modules/sms/sms_bg05.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_5{height:47px;background-image: url(/user/default/image/modules/sms/sms_bg05.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_4 p{padding-bottom:3px;}
#sms_pop .sms_bottom{height:56px;background-image: url(/user/default/image/modules/sms/sms_bg06.png); background-repeat: repeat-x; behavior:url(/common/css/iepngfix.htc);}

/* SMS Addon Type - recent_01 */
#sms_box {width:150px; margin:auto}
#sms_box h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:3px; padding-right:5px; font-size:12px; font-weight:bold; text-align:left}
#sms_box h3 .keeping {margin-left:10px; font-weight:normal}
#sms_box ul {margin-top:3px}
#sms_box li {padding:1px 0 1px 0; vertical-align:middle}
#sms_box .sms_lcd {padding-top:20px; width:150px; text-align:center; background:url(/user/default/image/background/bg_sms_body01.gif) no-repeat}

/* SMS Addon Type - recent_02 */
#sms_box02 {border:1px solid #d2d2d2; background:url(/user/default/image/background/bg_sms_body02.gif) no-repeat}
#sms_box02 li {padding:1px 0 1px 0; vertical-align:middle}
#sms_box02 .sms_lcd {padding:56px 0 0 40px; width:150px; text-align:center}

/**
 * mdBanner
 */
.banner {overflow:hidden; position:relative; border:0px #efefef solid}
.banner .thumbNail {margin:auto}
.banner .bannerUnit {margin:0px 0px; !important;}
.banner li {float:left;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.banner .bx-prev {position:absolute; top:45%; left:30px; z-index:100; width: 60px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev1.png) no-repeat 0 -60px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next {position:absolute; top:45%; right:30px; z-index:100; width: 60px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next1.png) no-repeat 0 -60px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next:hover,.bx-prev:hover {background-position: 0 0;}

/* PAGER */
.banner .bx-pager {position:absolute; width:145px; bottom:20px; left:48%; z-index:90; text-align:center; padding-top:10px; font-size:11px; color:#666; }
.banner .bx-pager a {float:left; color: #000; font-weight:600;width:20px; font-size: 0px; zoom:1; background: url(/user/default/image/icon/bxSlider_pager.png) no-repeat 0 -15px; height:15px;}
.banner .bx-pager .pager-active, .bx-pager a:hover {background-position: 0 0; color: #fff;}
.banner .bx-pager .pager-active, .bx-pager a.active{background-position: 0 0; color: #fff;}



/* AUTO CONTROLS (START / STOP) */
.banner  .bx-start {position:absolute;bottom:15px; right:35px; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/user/default/image/icon/bxSlider_controls.png) -86px -11px no-repeat; margin: 0 3px;}
.banner  .bx-start:hover,
.banner  .bx-start.active {background-position: -86px 0;}
.banner  .bx-stop {position:absolute;bottom:15px; right:20px; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/user/default/image/icon/bxSlider_controls.png) -86px -44px no-repeat; margin: 0 3px;}
.banner  .bx-stop:hover,
.banner  .bx-stop.active { background-position: -86px -33px;}
/*
#recentMB2 .bx-pager{position: absolute; top:0; left:0; z-index:9999;}
#recentMB2 .bx-controls {position: absolute;left: 50%;margin-left: -55px;bottom: 5%;z-index: 33;width: 110px;}
#recentMB2 .bx-pager a {background: url(/user/default/image/icon/bxSlider_pager.png) no-repeat;color: #fff;background-position: -18px 0px;width: 15px;height: 15px;text-align: center; border:1px solid #f00; z-index:9999;}*/





/**
 * mdProduct
 */
/* Recent - product */
.recentProduct {margin:auto; overflow:hidden}
.recentProduct .cell {position:relative; float:left; overflow:hidden; margin-bottom:20px; width:33.3% !important}
.recentProduct .cell .thumbNail {border:0px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentProduct .cell .thumbNail_on {border:0px solid #85a919; margin-left:auto; margin-right:auto}
.recentProduct .cell .icon {position:absolute; top:1px; left:1px}
.recentProduct .cell .icon * {vertical-align:middle}
.recentProduct .cell .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; top:-10px; left:-5px; width:53px; height:60px}
.recentProduct .cell .iconSale p {padding-top:15px; padding-left:5px;text-align:center; font-family:Arial Black; font-size:14px; color:#fff}
.recentProduct .cell .productName {position:relative; text-align:center; margin:10px 0 5px 0; font-family:'Noto Regular'; color:#999; height:24px; font-size:18px;  overflow:hidden; }
.recentProduct .cell .productName a,
.recentProduct .cell .productName a.link,
.recentProduct .cell .productName a.visited {color:#000000;  }
.recentProduct .cell .productSubject {position:relative;  margin:5px 0; font-weight:normal; color:#999;font-size:13px }
.recentProduct .cell .priceAndPoint p.price {text-align:center; color:#000; margin:0 0 15px 0; font-size:18px; height:20px;letter-spacing:-0.05em;}
.recentProduct .more {display:none}


.productRelate {margin:auto; overflow:hidden}
.productRelate .cell {position:relative; float:left; overflow:hidden; margin-bottom:20px;  margin-top:20px;width:15% !important; margin-left:10px}
.productRelate .cell:first-child{margin-left:0px}
.productRelate .cell .pImage {border:0px solid #d2d2d2; margin-left:auto; margin-right:auto; width:100% !important; height:100% !important}
.productRelate .cell .pImage img{width:100% !important; height:100% !important}
.productRelate .cell .pContent .productName {position:relative}
.productRelate .cell .pContent .productName a{position:relative; margin:10px 0; font-weight:normal; color:#333; height:24px; font-size:18px;  overflow:hidden; }
.productRelate .cell .pContent .productSubject{position:relative;  margin:5px 0; font-weight:normal; height:18px; color:#999;font-size:13px }
.productRelate .cell .pContent .priceAndPoint{position:relative;}
.productRelate .cell .pContent .priceAndPoint .price{color:#b30400; margin:15px 0; font-size:15px; height:20px;letter-spacing:-0.05em;}

/* list : gallary */
.productList {margin:auto; background:url(/user/default/image/background/bg_productList.jpg) no-repeat left top; overflow:hidden}
.productList .sortNavi { padding:15px; text-align:right; color:#ccc; font-size:8pt}
.productList .sortNavi .actBold{font-weight:normal; color:#999;font-size:13px}
.productList .sortNavi .active{ text-align:right; color:#000; }
.productList .cell {position:relative; float:left; margin:auto; margin:0px 0px 0px 0px;}
.productList .cell .viewImage {position:relative; text-align:center; margin:auto}
.productList .cell .viewImage .thumbNail {position:relative; border:0px solid #d2d2d2; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .thumbNail_on {position:relative; border:0px solid #cc0608; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.productList .cell .viewImage .icon * {vertical-align:middle}
.productList .cell .viewImage .icon span {padding-right:2px}
.productList .cell .viewImage .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; top:-10px; left:-5px; width:53px; height:60px}
.productList .cell .viewImage .iconSale p {padding-top:25px;padding-left:5px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:14px; color:#fff}
.productList .cell .center {position:relative; margin:auto; padding:5px 0; width:100% !important;overflow:hidden }
.productList .cell .center .title {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
.productList .cell .center .title a {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .title a:visited {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999;  overflow:hidden}
.productList .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; }
.productList .cell .center .nameAndDate .author {text-align:center}
.productList .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; }
.productList .cell .center .productName {position:relative; text-align:center; margin:3px 0; font-family:'Noto Regular'; color:#999; height:24px;   font-size:14px; overflow:hidden; letter-spacing:-0.05em;}
.productList .cell .center .productSubject {position:relative; font-weight:normal; color:#888;  overflow:hidden; font-size:13px; letter-spacing:-0.05em;}
.productList .cell .center .priceAndPoint .price {margin:0px 0; text-align:center; color:#000;  font-size:17px;letter-spacing:-0.05em;}
.productBottom {margin-top:5px; border-top:1px dashed #d2d2d2}

/* Prodcut View */
.product .productView .productSubject {position:relative;border:1px solid #d2d2d2; border-top:3px solid #b30400; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; background-color:#f4f4f4; line-height:20px; text-align:center;}
.product .productView .productSubject strong {font-size:22px; color:#333; text-align:center;}
.product .productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:0px; right:10px; width:53px; height:60px; text-align:center}
.product .productView .productSubject .iconSale p {padding-top:20px; font-family:Arial Black; font-weight:bold; font-size:14px; color:#fff}
.product .productView .productImageView {position:relative;float:left; width:550px; background-color:#fff;}
.product .productView .productImageView .email_btn{ position:absolute; right:188px; bottom:16px;}
.product .productView .productImageZoom li {text-align:center; margin-top:10px}
.product .productView .productImageZoom li.zoomMent {background-color:#f4f4f4; padding:5px; font-size:11px; color:#999}
.product .productView .productImageZoom image {border:1px solid #d2d2d2; cursor:pointer}
.product .productView .productInfo {border:0px solid #d2d2d2; border-top:0; background-color:#fff}
.product .productView .productSaleInfo {position:relative;float: left;  width:570px; margin-left:35px; }
.product .productView .productSaleInfo .mLine {border-top:1px dotted #d2d2d2; margin:15px 20px 0 20px}
.product .productView .productSaleInfo .detailContent {width:100%; overflow: hidden; clear: both; padding-top: 10px}
.product .productView .productSaleInfo .detailContent select {width:190px;}
.product .productView .productSaleInfo .detailContent dl {clear:both}
.product .productView .productSaleInfo .detailContent dt {box-sizing:border-box; float: left; width:120px; color: #222; padding:6px 0 0 20px; font-weight:bold; color:#000; }
.product .productView .productSaleInfo .detailContent dt.required {}
.product .productView .productSaleInfo .detailContent dt span{color:#f00; margin-right:3px; }
.product .productView .productSaleInfo .detailContent dt span.point {color:#008bc4; font-weight:bold; margin-right:3px; }
.product .productView .productSaleInfo .detailContent dd {float: left; color:#666; padding:3px 0 0 10px; width:190px;}
.product .productView .productSaleInfo .detailContent dd.point {box-sizing:border-box;  padding:5px 0 0 0; color:#666}
.product .productView .productSaleInfo .detailContent dd .enteryIpt {float: left;}
.product .productView .productSaleInfo .detailContent dd .enteryIpt input {width:30px; height:18px; color:red; border:1px solid #bababa; background-color:#ffffcc; text-align:center}
.product .productView .productSaleInfo .detailContent dd .enterCt {float: left; padding-left: 3px;}
.product .productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.product .productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.product .productView .productSaleInfo .detailContent dd .text {float: left; padding-top: 8px; padding-left: 4px;}
.product .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.product .productView .productSaleInfo .detailContent dd.tprice {color:#b30400; font-size:17px; padding-top:0}
.product .productView .productSaleInfo .detailContent dd.tprice span {line-height:0}
.product .productView .productSaleInfo .title {font-size:20px; line-height:50px; font-weight:bold; color:#000; margin-left: 20px; border-bottom:1px solid #bababa; }
.product .productView .productSaleInfo .detailContentGuide {margin:10px 6px 0 0px; padding:20px; border:1px solid #d2d2d2; line-height:18px; font-size:12px; color:#666; width:404px; float:right; box-sizing: border-box}
.product .productView .productSaleInfo .detailContentGuide .point{float:left;}
.product .productView .checkOut{margin:0 auto;position:relative;width:250px;margin-bottom:20px; }
.product .productView .productSaleInfo .guide {margin:13px 6px 0 0; padding:0px; float:right; }

.product .productView .productSaleInfo #senecaContent {background-color:#f4f4f4; margin-top: 10px; padding:10px 0px }
.product .productView .productSaleInfo .detailContent .tooltip {position:absolute; top:0px; left:-40px; width:220px; border:1px solid #d2d2d2; border-radius:5px; background-color:#fff; padding:5px; color:#444; font-size:12px; line-height:22px;}
.product .productView .productSaleInfo #agreeContent { border:1px solid #d2d2d2; margin-top: 10px; padding:10px 0px  }
.product .productView .productSaleInfo #agreeContent dd.none{ float:right; width:405px; padding:3px 7px;}
.product .productView .productSaleInfo #agreeContent dd.none2{ float:left; width:410px; padding:3px 7px;}

/* Prodcut View */
.productWide .productView .productSubject {border:1px solid #d2d2d2; border-top:2px solid #78a507; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:20px; background-color:#f4f4f4; line-height:20px; text-align:center; margin-top:30px;}
.productWide .productView .productSubject strong {font-size:24px; color:#000; text-align:center;}
.productWide .productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:45px; right:50px; width:53px; height:60px; text-align:center}
.productWide .productView .productSubject .iconSale p {padding-top:17px; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.productWide .productView .productImageView {float:left; background-color:#fff; padding:55px 20px; border-right:1px solid #d2d2d2; width:50%; box-sizing: border-box }
.productWide .productView .productImageZoom li {text-align:center; margin-top:10px}
.productWide .productView .productImageZoom li.zoomMent {background-color:#f4f4f4; padding:5px; font-size:11px; color:#999}
.prproductWideoduct .productView .productImageZoom image {border:1px solid #d2d2d2; cursor:pointer}
.productWide .productView .productInfo {border:1px solid #d2d2d2; border-top:0; background-color:#fff}
.productWide .productView .productSaleInfo {float: left; border-left:0px solid #d2d2d2; margin-top:20px; width:50%; }
.productWide .productView .productSaleInfo .mLine {border-top:1px dotted #d2d2d2; margin:15px 20px 0 20px}
.productWide .productView .productSaleInfo .detailContent {width:100%; overflow: hidden; clear: both; padding-top: 10px}
.productWide .productView .productSaleInfo .detailContent select {width:180px !important;}
.productWide .productView .productSaleInfo .detailContent dl {clear:both}
.productWide .productView .productSaleInfo .detailContent dt {float: left; width:100px; color: #222; padding:5px 0 0 20px; font-weight:bold; color:#666}
.productWide .productView .productSaleInfo .detailContent dd {float: left; color:#666; padding:3px 0 0 10px}
.productWide .productView .productSaleInfo .detailContent dd.point {width:10px; padding:5px 0 0 0; color:#666}
.productWide .productView .productSaleInfo .detailContent dd .enteryIpt {float: left;}
.productWide .productView .productSaleInfo .detailContent dd .enteryIpt input {width:30px; height:18px; color:red; border:1px solid #bababa; background-color:#ffffcc; text-align:center}
.productWide .productView .productSaleInfo .detailContent dd .enterCt {float: left; padding-left: 3px;}
.productWide .productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.productWide .productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.productWide .productView .productSaleInfo .detailContent dd .text {float: left; padding-top: 5px; padding-left: 4px;}
.productWide .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.productWide .productView .productSaleInfo .detailContent dd.tprice {color:#c3002f; font-size:15px; padding-top:0}
.productWide .productView .productSaleInfo .detailContent dd.tprice span {font-family:Arial Black; line-height:0}
.productWide .productView .productSaleInfo .detailContentGuide {margin:20px 20px 0 20px; padding:10px; border:1px dashed #d2d2d2; border-top:1px solid #d2d2d2; line-height:25px; font-size:13px; color:#888;    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;}
.productWide .productView .productSaleInfo .mallControlBtn {width:390px; text-align: center; margin:10px auto; }
.productWide .productView .productSaleInfo .mallControlBtn img{margin:3px; }
.productWide .productView .productSaleInfo .totalPrice ul {width: 369px; text-align: right;  padding: 6px 30px 6px 0;}
.productWide .productView .productSaleInfo .totalPrice ul li {color: #666; font-size: 12px;}
.productWide .productView .productSaleInfo .totalPrice .tprice {color: #e06a05; font-family:Arial Black; font-size: 15px}
.productWide .productTab {position:relative; overflow:hidden}


.product .mLine {border-top:1px solid #d2d2d2; margin:15px 0 20px 0}
/*.product .totalPrice {width:400px;  margin:0 auto; border:0px solid;  overflow:hidden;}*/
.product .price_box {width:430px; margin:10px auto; overflow:hidden; line-height:22px}
.product .totalPrice { margin:10px auto; padding:15px 25px 15px 20px; overflow:hidden; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;}
.product .price_txt{width:100%; text-align:center;  display:block; overflow:hidden; position:relative; font-size:14px;}
.product .totalPrice dl {clear:both}
.product .totalPrice dt {float: left; width:100px; font-size:14px; padding:5px 0 0 0px;}
.product .totalPrice dt.title {width:100px; font-size:14px; padding:0px 0 0 0px; text-align:center;}
.product .totalPrice dt #productTotalPrice {font-size:20px;  line-height:30px;color:#000; font-weight:700;font-family:'Nanum Square';}
.product .totalPrice dd {float: left; color:#000; padding:3px 0 0 0px; font-size:18px; }
.product .totalPrice dd.price {float: right; text-align:right;color:#000; padding:0px 0 0 0px; font-size:20px; }
.product .totalPrice dd.price span.font_size17{line-height:30px;}
.product .totalPrice dd.price span.font_size40{line-height:50px;font-weight:600;}
.product .totalPrice dd.price .font_size14{font-size:13px !important}
.product .totalPrice dd div {text-align:right;}

.product .discountPrice { margin:10px auto; padding:5px 30px 15px 20px; overflow:hidden; border-bottom:1px solid #a0a0a0;}
.product .discountPrice dl {clear:both}
.product .discountPrice dt {float: left; width:100px; font-size:14px; padding:5px 0 0 0px;}
.product .discountPrice dt.title {width:100px; font-size:14px; padding:0px 0 0 0px; text-align:center;}
.product .discountPrice dt #productTotalPrice {font-size:20px;  line-height:30px;color:#000 }
.product .discountPrice dd {float: left; color:#000; padding:3px 0 0 0px; font-size:20px; }
.product .discountPrice dd.price {float: right; text-align:right;color:#000; padding:0px 0 0 0px; font-size:20px; }
.product .discountPrice dd div {text-align:right;}

.product .price_box.sale .totalPrice{border-bottom:none}
.product .price_box.sale .totalPrice dd .font_size40 {font-size:30px !important; font-family: 'Noto Regular'}
.product .price_box.sale .discountPrice dd .font_size40 {font-size:30px !important}
.product .price_box.sale #totalPrice {color:#000 !important}

#discountPrice {    color: #db1d27;}
.mallControlBtn {width:100%; text-align:center; margin:20px auto;  }
.mallControlBtn img{margin:3px;}
.mallControlBtn span{border-radius:5px; overflow:hidden; }
.mallControlBtn span button{width:100px; font-weight:700 !important}
.talk_preview_area{border-radius:5px; overflow:hidden}

.product .productTab {position:relative; padding-bottom:15px; overflow:hidden;}
.product .productTab img {vertical-align:middle}
.product .productTab ul.tabBox {position:relative; width:100%; height:39px; border-bottom:2px solid #b30400; text-align:center;}
.product .productTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #dedede; background-color:#fff; margin:0}
.product .productTab li.tab p {border-bottom:3px solid #dedede; color:#666; text-align:center}
.product .productTab li.tab p a {color:#888; padding:7px 12px 7px 12px; display:block}
.product .productTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #b30400; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.product .productTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.product .productTab li.on p a {font-weight:bold; color:#b30400; padding:7px 12px 7px; 10px; display:block}


/**
 * mdOrder
 */

/* Order List */
.order .orderForm .orderTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4;}
.order .orderForm .orderTitle h3{margin-bottom:0px; float:left}


.order .orderForm .mileageInfo ul {width:100%; padding: 6px 30px 6px 0;}
.order .orderForm .mileageInfo ul li {color: #666; font-size: 12px;margin-top:10px;}
.order .orderForm .mileageInfo .mileagePrice {color:#e74100;}
.order .orderForm .mileageInfo .mileageSaved {color:#0066ff;}
.order .orderForm .mileageInfo dl {clear:both}
.order .orderForm .mileageInfo dt {float: left; width:120px; color: #222; padding:0 0 0 20px; color:#666}
.order .orderForm .mileageInfo dd {float: left; color:#666; padding:0 0 0 10px}
.order .orderForm .mileageInfo dd .useMileage {width:80px; color:#666 !important; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .mileageInfo dd .useCoupon {width:112px; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .mileageInfo dd.info {width:130px; color:#666; padding:0 0 0 10px; text-align:right}
.order .orderForm .mileageInfo dd.point {width:10px; padding-top:5px; color:#666}
.order .orderForm .mileageInfo dd.point_w {width:350px;  color:#888; line-height:27px;}
.order .orderForm .totalInfo {vertical-align:top}
.order .orderForm .totalInfo dl {clear:both; padding:0; margin:0}
.order .orderForm .totalInfo dt {float: left; width:120px; color: #222; padding:4px 0 0 20px; color:#666}
.order .orderForm .totalInfo dt.note {float: left; width:98%; font-size:11px; color: #e74100; padding:4px 0 0 20px;}
.order .orderForm .totalInfo dd {float: left; color:#666; padding:4px 0 0 10px}
.order .orderForm .totalInfo dd.info {width:130px; color:#666; padding:4px 0 0 10px; text-align:right}
.order .orderForm .totalInfo dd.point {width:10px; padding-top:2px; color:#666}
.order .orderForm .totalInfo dd .totalPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .totalInfo dd .vatPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .totalInfo dd .totalDeliveryPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .totalInfo dd .payPrice {color: #e74100; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .table_info {border-top:0px solid #eee; background:#fff;  border-collapse:collapse}
.order .orderForm .table_info span {margin:0 2px}
.order .orderForm .table_info li.opt {float:left; padding:0 17px; text-align:center;}
.order .orderForm .table_info thead{border-top:1px solid #d2d2d2;}
.order .orderForm .table_info thead th {color:#666; padding:5px; background:#fff;    border-left: 1px dashed #efefef; font-size:14px;}
.order .orderForm .table_info thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left; font-weight:normal}
.order .orderForm .table_info thead th.first {background-position:right bottom}
.order .orderForm .table_info tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.order .orderForm .table_info tbody th label {display:block; padding:7px 7px 7px 18px}
.order .orderForm .table_info tbody th label.required {padding-left:7px}
.order .orderForm .table_info tbody td {border-bottom:1px solid #e6e6e6; padding-left:4px; padding-right:4px; color:#999; text-align:left; line-height:18px}
.order .orderForm .table_info tbody td.productImage {vertical-align:top; padding:10px 0;}
.order .orderForm .table_info tbody td.productInfo {vertical-align:top}
.order .orderForm .table_info tbody td.productInfo {vertical-align:top}
.order .orderForm .table_info tbody td.productInfo dl {clear:both}
.order .orderForm .table_info tbody td.productInfo dt {float: left; width:60px; color: #222; padding:5px 5px 5px 10px; color:#666}
.order .orderForm .table_info tbody td.productInfo dd {float: left; color:#666; padding:5px 5px 5px 10px}
.order .orderForm .table_info tbody td.productInfo dd.point {width:10px; padding-top:5px; color:#666}

.order .orderForm .table_info tbody td.sideLine {border-left:1px dashed #efefef}
.order .orderForm .table_info tbody td.mileageInfo {border-top:1px solid #d2d2d2;}
.order .orderForm .table_info tbody td.totalInfo {border-top:1px solid #d2d2d2; border-left:1px solid #e6e6e6; padding-bottom:10px;}
.order .orderForm .table_info tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.order .orderForm .table_info tbody td p.subject {color:#ff3300; font-size:12px; padding-left:10px; padding-top:10px;}
.order .orderForm .table_info tbody td p.item {color:#000; line-height:20px; padding-left:10px}
.order .orderForm .table_info tbody td p.itemSelect {padding-left:10px; font-size:11px}
.order .orderForm .table_info tbody td {overflow: hidden; clear: both; }
.order .orderForm .table_info tbody td .buyAmount {width:30px; height:18px; border:1px solid #bababa; background-color:#fff; text-align:center}
.order .orderForm .orderHugiAgreeInfo {float:left; border:1px solid #d2d2d2;  width:1158px; margin-bottom:20px}
.order .orderForm .orderHugiAgreeInfo td{padding:15px 20px}
.order .orderForm .orderSenderInfo {float:left; border:1px solid #d2d2d2;  width:577px; border-bottom:0;}
.order .orderForm .orderReceiverInfo {float:left; border:1px solid #d2d2d2; border-left:0; border-bottom:0;width:580px; }
.order .orderForm #content {height:50px !important;}
.order .orderForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse; height:350px;}
.order .orderForm .table_order span {margin:0 2px}
.order .orderForm .table_order li.opt {float:left; padding:0 3px; text-align:left}
.order .orderForm .table_order thead th {color:#666; font-size:14px;}
.order .orderForm .table_order thead th {border-bottom:1px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.order .orderForm .table_order thead th.first {background-position:right bottom}
.order .orderForm .table_order thead th a {color:#886161}
.order .orderForm .table_order tbody th {border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;padding:0;text-align:left; font-weight:normal}
.order .orderForm .table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.order .orderForm .table_order tbody th label.required {padding-left:7px}
.order .orderForm .table_order tbody td {border-bottom:1px solid #e6e6e6; padding:7px 4px 7px 4px; color:#999; text-align:left;}


.new_orderTitle {margin-bottom:10px; overflow:hidden}
.new_orderTitle h3{float:left; font-weight:700; font-size:22px}
.new_orderTitle .navi{float:left; color:#666; padding:8px 0px 0px 25px; font-size:14px}
.new_orderTitle .navi .active{color:#ef4778; font-weight:700;}
.printType{color:#1271a0; padding-left:10px; font-weight:700}
.explain{float:left; color:#999; font-size:90%; padding-top:5px}
.space{color:#15958e; margin:20px 0px}
.price{color:#666; }
.price_plue, .price_total{ display:inline-block; border-radius:50%; color:#fff; width:20px; height:20px; line-height:20px; background:#666; text-align:center; vertical-align:middle; margin:0px 20px !important}
.btn_area{overflow:hidden; padding:15px 0px}
.btn_area .left{float:left}
.btn_area .right{float:right; width:385px; text-align:left}
.cart_btn {display:inline-block; vertical-align:middle; background:#fff !important; }
.cart_btn *{display:inline-block; border-radius:4px; color:#444 !important; line-height:25px !important; background:#fff !important; border:1px solid #aaa}
.cart_btn.order *{background:#ef4778 !important; color:#fff !important; border:0px solid #aaa; width:100px}
.cart_btn.point *{background:#68b9e7 !important; color:#fff !important; border:0px solid #aaa; }
.cart_btn.xlarge {font-size:20px; }
.cart_btn.xlarge *{font-size:20px; width:150px; line-height:40px !important;  border:1px solid #aaa}
.cart_btn.next *{background:#ef4778 !important; color:#fff !important; border:0px solid #aaa;}

.delivery_btn {display:inline-block; vertical-align:middle; background:#fff !important; }
.delivery_btn *{display:inline-block; border-radius:4px; color:#3491c6 !important; font-weight:700; line-height:25px !important; background:#fff !important; border:1px solid #aaa}

.pay_text {color:#388eb9; }
.jobInfo{height:60px; overflow:auto; border:1px solid #eee; margin:5px 10px; color:#666; padding:5px;}
.jobInfo dl {clear:both}
.jobInfo dt {float: left; color: #222; padding:0 0 0 20px; color:#666; line-height:25px;}
.jobInfo dd {float: left; color:#666; padding:0 0 0 10px}

.info_box{overflow:hidden; border:1px solid #ddd; color:#666; padding:20px 20px; margin:10px 0px 20px 0px;}
.info_box li{position:relative;padding-left:20px; float:left; width:45%;line-height:25px}
.info_box li:after{content:''; background:url(/user/default/image/sub/icon_check.png) left center no-repeat; width:20px; height:20px; position:absolute; left:0px; top:0px; }

.price_num{font-size:20px; font-weight:bold;font-family:'Nanum Square'; color:#333; margin:0px 5px !important}
.total{color:#ef497a; font-size:23px; vertical-align:middle}
.total2{color:#ef497a; font-size:18px; font-weight:bold;font-family:'Nanum Square';vertical-align:middle}
.vat{font-size:14px; margin-right:90px}
.cart_total{border-width:2px 1px; border-color:#d4d4d4; font-family:'Noto Bold'; border-style:solid; padding:20px 70px; margin-top:30px; font-size:16px; text-align:center}
.n_table_info {border-top:1px solid #d2d2d2; background:#fff;  border-collapse:collapse}
.n_table_info span {margin:0 2px}
.n_table_info li.opt {float:left; padding:0 17px; text-align:center;}
.n_table_info li.opt0 {float:left; padding:0px; text-align:center; width:100%}
.n_table_info thead{}
.n_table_info thead th {color:#666; padding:5px; background:#f6f6f6;    border-left: 1px dashed #efefef; font-size:14px;}
.n_table_info thead th,.n_table_info th.inoutLine {border-top:1px solid #d2d2d2 !important;border-bottom:1px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left; font-weight:normal}
.n_table_info thead th.first {background-position:right bottom}
.n_table_info tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.n_table_info tbody th label {display:block; padding:7px 7px 7px 18px}
.n_table_info tbody th label.required {padding-left:7px}
.n_table_info tbody td {border-bottom:1px solid #d2d2d2; padding:10px 4px; color:#999; text-align:left; line-height:18px}
.n_table_info tbody td.productImage {vertical-align:middle; padding:10px 0;}
.n_table_info tbody td.productInfo {vertical-align:top}
.n_table_info tbody td.productInfo {vertical-align:top}
.n_table_info tbody td.productInfo dl {clear:both}
.n_table_info tbody td.productInfo dt {float: left; width:60px; color: #222; padding:5px 5px 5px 10px; color:#666}
.n_table_info tbody td.productInfo dd {float: left; color:#666; padding:5px 5px 5px 10px}
.n_table_info tbody td.productInfo dd.point {width:10px; padding-top:5px; color:#666}
.n_table_info tbody td.sideLine {border-left:1px dashed #efefef}
.n_table_info tbody td.totalInfo {border-top:1px solid #d2d2d2;  padding-bottom:10px;}
.n_table_info tbody td.totalInfo input{width:100px}
.n_table_info tbody td.subTotal{background:#f6f6f6; padding:20px 15px}
.n_table_info tbody td.subTotal.basicProduct{background:#f6f6f6; padding:40px 15px 20px 15px}
.n_table_info tbody td.subTotal.basicProduct .price.right span{ position:relative;}
.n_table_info tbody td.subTotal.basicProduct .price.right span:nth-child(3):before{content:'묶음배송비 적용 중'; position:absolute; top:-25px; color:#999; font-size:12px; left:-20px; right:-20px; text-align:center }
.n_table_info tbody td.subTotal.basicProduct .price.right span:nth-child(5):before{content:'결제금액'; position:absolute; top:-25px; color:#999; font-size:12px; left:-20px; right:-20px; text-align:center }

.n_table_info tbody td.subTotal dl dt, .n_table_info tbody td.subTotal dl dd{ float:left; margin:5px; line-height:30px }
.n_table_info tbody td.n_mileageInfo dl dd.info input{background:none; width:80px; text-align:right; font-weight:bold; padding-right:10px}
.n_table_info tbody td.n_totalInfo dl dd.info input{width:100px}


.n_table_info tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.n_table_info tbody td p.subject {color:#ff3300; font-size:12px; padding-left:10px; padding-top:10px;}
.n_table_info tbody td p.item {color:#000; line-height:20px; padding-left:10px}
.n_table_info tbody td p.itemSelect {padding-left:10px; font-size:11px}
.n_table_info tbody td {overflow: hidden; clear: both; }
.n_table_info tbody td .buyAmount {width:30px; height:18px; border:1px solid #bababa; background-color:#fff; text-align:center}
.n_table_info.order {margin:10px 0px 30px 0px}
.n_table_info.order thead th{padding:10px 20px; color:#444; border-left:0px}
.n_table_info.order tbody th{background:#fff; text-align:center}
.n_table_info tr.topLine{border-top:2px solid #ccc}

.n_table_info.order tbody td{height:25px;}
.n_table_info strong { font-weight:normal}
.n_table_info th.inoutLine {}

.orderSenderInfo {float:left; border:1px solid #d2d2d2;  width:577px; border-bottom:0;}
.orderReceiverInfo {float:left; border:1px solid #d2d2d2; border-left:0; border-bottom:0;width:580px; }
.n_table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse;  }
.n_table_order span {margin:0 2px}
.n_table_order li.opt {float:left; padding:0 3px; text-align:left}
.n_table_order thead th {color:#333; font-size:14px; font-weight:normal; font-family:'Noto Bold'; }
.n_table_order thead th {border-bottom:1px solid #d2d2d2;  background:#f6f6f6;  white-space:nowrap; overflow:hidden; text-align:left}
.n_table_order thead th.first {background-position:right bottom}
.n_table_order thead th a {color:#886161}
.n_table_order tbody th {border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;padding:0;text-align:left; font-weight:normal; height:30px}
.n_table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.n_table_order tbody th label.required {padding-left:7px}
.n_table_order tbody td {border-bottom:1px solid #e6e6e6; padding:7px 4px 7px 4px; color:#999; text-align:left;}
.n_table_order tbody th strong { font-weight:normal}
.n_table_order tbody th, .n_table_order tbody td { height:33px}
.n_table_order.last tbody tr:last-child td {height:81px}


.order .orderForm .n_mileageInfo ul {width:100%; padding: 6px 30px 6px 0; line-height:25px;}
.order .orderForm .n_mileageInfo ul li {color: #666; font-size: 12px;margin-top:10px;}
.order .orderForm .n_mileageInfo .mileagePrice {color:#e74100;}
.order .orderForm .n_mileageInfo #mileageSaved {color:#000; background:#f6f6f6}

.order .orderForm .n_mileageInfo dl {clear:both}
.order .orderForm .n_mileageInfo dt {float: left; color: #222; padding:0 0 0 20px; color:#666; line-height:25px;}
.order .orderForm .n_mileageInfo dd {float: left; color:#666; padding:0 0 0 10px}
.order .orderForm .n_mileageInfo dd .useMileage {width:80px; color:#666 !important; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .n_mileageInfo dd .useCoupon {width:112px; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .n_mileageInfo dd.info {width:130px; color:#666; padding:0 0 0 10px; text-align:right}
.order .orderForm .n_mileageInfo dd.point {width:10px; padding-top:5px; color:#666}
.order .orderForm .n_mileageInfo dd.point_w {  color:#888; line-height:25px;}
.order .orderForm .n_totalInfo {vertical-align:top}
.order .orderForm .n_totalInfo dl {clear:both; padding:0; margin:0}
.order .orderForm .n_totalInfo dt {float: left; color: #222; padding:4px 0 0 20px; color:#666; line-height:25px}
.order .orderForm .n_totalInfo dt.note {float: left; width:98%; font-size:11px; color: #e74100; padding:4px 0 0 20px;}
.order .orderForm .n_totalInfo dd {float: left; color:#666; padding:4px 0 0 10px;  line-height:25px}
.order .orderForm .n_totalInfo dd.info { color:#666; padding:4px 0 0 10px; text-align:right}
.order .orderForm .n_totalInfo dd.point {width:10px; padding-top:2px; color:#666}
.order .orderForm .n_totalInfo dd .totalPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .n_totalInfo dd .vatPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .n_totalInfo dd .totalDeliveryPrice {color: #666; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .n_totalInfo dd .payPrice {color: #e74100; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .n_totalInfo dd input {width:70px; text-align:center; vertical-align:middle}



/* Payment
.payment .paymentForm .paymentTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4}
.payment .paymentForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.payment .paymentForm .table_order span {margin:0 2px; color:#0f5586 !important; font-weight:bold}
.payment .paymentForm .table_order li.opt {float:left; padding:0 3px; text-align:left}
.payment .paymentForm .table_order thead th {color:#666}
.payment .paymentForm .table_order thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.payment .paymentForm .table_order thead th.first {background-position:right bottom}
.payment .paymentForm .table_order thead th a {color:#b30400}
.payment .paymentForm .table_order tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.payment .paymentForm .table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.payment .paymentForm .table_order tbody th label.required {padding-left:7px}
.payment .paymentForm .table_order tbody td {border-bottom:1px solid #e6e6e6; padding:7px; color:#666; text-align:left; line-height:20px;}
.payment .paymentForm .table_order tbody td .totalPrice {color: #e74100; font-family:Arial Black; font-size:16px; line-height:0}
.payment .paymentForm .table_order tbody th.payInfo {font-size:16px; font-weight:bold; color:#886161; background:#f4f4f4; text-align:center}
.payment .paymentForm .paymentInfo {padding:20px 0; border:1px dashed #d2d2d2; background-color:#f4f4f4}
.payment .paymentForm .paymentInfo dt {float: left; color: #222; padding:0 0 0 5px; font-weight:bold; color:#ff3300}
.payment .paymentForm .paymentInfo dd {float: left; color:#666; padding:0 0 0 10px;}
.payment .paymentForm .paymentInfo dd.info {color:#666; padding:0 0 0 5px; text-align:right}
.payment .paymentForm .paymentInfo dd.point {width:10px; padding-top:0; color:#666}
.payment .paymentForm .jobInfo {padding:20px 0; border:1px dashed #d2d2d2;}
.payment .paymentForm .jobInfo dl {float: left; color: #222; width:100%; padding:0 0 0 5px; font-weight:bold; color:#ff3300}
.payment .paymentForm .jobInfo dt {float: left; color: #222; width:100px; padding:0 0 0 5px; font-weight:bold; color:#ff3300}
.payment .paymentForm .jobInfo dd {float: left; color:#666; padding:0 0 0 10px;}
.payment .paymentForm .jobInfo dd.info {color:#666; padding:0 0 0 5px; text-align:right}
.payment .paymentForm .jobInfo dd.point {width:10px; padding-top:0; color:#666}
.payment .paymentForm .sideLine{ border:1px dashed #d2d2d2;}
.payment .paymentForm .sideLine .thumbNail{width:80px ; display:block;}
.payment .paymentTab {clear:both; position:relative; overflow:hidden; margin-top:10px}
.payment .paymentTab img {vertical-align:middle}
.payment .paymentTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #000; text-align:center}
.payment .paymentTab li.tab {position:relative; float:left; top:1px; _top:1px; border:1px solid #999; background-color:#fff; margin:0}
.payment .paymentTab li.tab p {width:100px; border-bottom:1px solid #d2d2d2; color:#666; text-align:center}
.payment .paymentTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.payment .paymentTab li.on {position:relative; float:left; height:34px; top:1px; _top:2px; border:2px solid #000; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.payment .paymentTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.payment .paymentTab li.on p a {font-weight:bold; color:#ff3300; padding:10px 12px 8px; 10px; display:block}
.payment .paymentTab .tabBody {clear:both; padding:10px; top:1px;_top:0px; border:2px solid #000; border-top:none; background:#fff; line-height:18px; overflow:hidden}
.payment .paymentTab .btn{position:absolute; top:0; right:0}
*/
/* SNS */
#sns_box { position:relative; width:265px; border:1px solid #ccc; height:26px; }
#sns_box h4{ float:left; background-color:#c2c2c2;}
#sns_box .on01{ background-color:#3b5998;}
#sns_box .on02{ background-color:#3cc2f3; }
#sns_box .con { position:absolute; left:-1px; top:25px; width:265px;  height:510px;}
.snsFacebookButton {float:left; margin-top:5px;}
.snsTwitterButton {float:left; margin-top:5px; margin-left:5px}
.snsFacebookLink {float:right; margin-top:5px;}
.snsTwitterLink {float:right; margin-top:5px; margin-right:5px}

/**
 * mdApp01
 */

/* Payment */
.payment .paymentForm .paymentTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4}
.payment .paymentForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.payment .paymentForm .table_order span {margin:0 2px}
.payment .paymentForm .table_order li.opt {float:left; padding:0 3px; text-align:left}
.payment .paymentForm .table_order thead th {color:#440E62}
.payment .paymentForm .table_order thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.payment .paymentForm .table_order thead th.first {background-position:right bottom}
.payment .paymentForm .table_order thead th a {color:#8560A9}
.payment .paymentForm .table_order tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.payment .paymentForm .table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.payment .paymentForm .table_order tbody th label.required {padding-left:7px}
.payment .paymentForm .table_order tbody td {border-bottom:1px solid #e6e6e6; padding:7px; color:#666; text-align:left; line-height:25px;}
.payment .paymentForm .table_order tbody td .totalPrice {color: #e74100; font-family:Arial Black; font-size:16px; line-height:0}
.payment .paymentForm .paymentInfo {padding:20px 0; border:1px dashed #d2d2d2; background-color:#f4f4f4}
.payment .paymentForm .paymentInfo dt {float: left; color: #222; padding:0 0 0 5px; font-weight:bold; color:#ff3300}
.payment .paymentForm .paymentInfo dd {float: left; color:#666; padding:0 0 0 10px}
.payment .paymentForm .paymentInfo dd.info {color:#666; padding:0 0 0 5px; text-align:right}
.payment .paymentForm .paymentInfo dd.point {width:10px; padding-top:0; color:#666}
.payment .paymentTab {clear:both; position:relative; overflow:hidden; margin-top:10px}
.payment .paymentTab img {vertical-align:middle}
.payment .paymentTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #000; text-align:center; margin:0;}
.payment .paymentTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; background-color:#fff; margin:0; width:130px;}
.payment .paymentTab li.tab p { border-bottom:2px solid #000; color:#666; text-align:center}
.payment .paymentTab li.tab p a {color:#888; padding:10px 12px 8px 12px; display:block}
.payment .paymentTab li.on {position:relative; float:left; height:34px; top:1px; _top:2px; border:2px solid #000; border-bottom:0px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.payment .paymentTab li.on p {border-bottom:1px solid #fff; color:#000; text-align:center}
.payment .paymentTab li.on p a {font-weight:bold; color:#ff3300; padding:10px 12px 8px; 10px; display:block}
.payment .paymentTab .tabBody {clear:both; padding:10px; top:0px;_top:0px; border:2px solid #000; border-top:none; background:#fff; line-height:18px; overflow:hidden; }
.payment .paymentTab .btn{position:absolute; top:0; right:0}
.payment .paymentTab #tabST0050 {width:150px;}

.bg_white, select{height:31px !important;line-height:31px !important;border-radius: 4px; border:1px solid #ccc; padding-left:5px; font-size:12px}
select option {height:31px !important; line-height:31px !important;}
select option:hover {background:#eee !important}

#menuCategory{ width:220px; position:absolute; z-index:20000; background:#a20004; }
#menuCategory .lnb li{margin-left:6px; margin-top:2px; }

/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {line-height:0px;
 width: 110px; /* Menu Width */
 margin: 0;
 list-style: none;
 clear:both;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; font-size: 11px;}
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 10px;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 border-top: 0px solid #FFF;
 border-right: 0px solid #FFF;
 padding: 0px;
 display: block;
 background: #a20004;
 color: #666;
 font-weight: bold;
 text-decoration: none;
}

ul#navmenu-v a.cate2nd {
 border-top: 1px solid #a20004;
 border-right: 1px solid #a20004;
 padding: 8px;
 display: block;
 background: #a20004;
 color: #000;
 font-weight: bold;
 text-decoration: none;
 height: 1%;
}

ul#navmenu-v a.cate3nd {
 border-top: 1px solid #a20004;
 border-right: 1px solid #a20004;
 padding: 7px;
 display: block;
 background: #a20004;
 color: #000;
 font-weight: bold;
 text-decoration: none;
 height: 1%;
}

ul#navmenu-v

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #a20004;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a  {
 float: none;
 color: #e27477;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 color: #fff;
 background: #a20004;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 color: #cc0000;
 background: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 color: #fff;
 background: #a20004;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 color: #cc0000;
 background: #fff;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 color: #fff;
 background: #a20004;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

/* gallerySlider */
/* 갤러리.앨범(슬라이드, 포트폴리오) 사용 */
#gallerySlider #gallerySilderView {position:relative; width:690px; margin:auto;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:45%; left:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:45%; right:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: left; margin-top:5px}
#gallerySilderThumb a {margin-right:8px}
#gallerySilderThumb a img {border: solid #ccc 3px; width:100px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid red 3px}



	/* menu메뉴
	.menuWrap {position:absolute;top:0px;z-index:999;width:100%;height:56px;overflow:hidden;background:url(/user/default/image/menu/menu_bg.jpg) repeat-x top;}
	.menuWrap .menu{width:100%;max-width:1200px;margin:0 auto; margin-top:20px}
	.menuWrap .menu ul li{float:left; width:200px; }
	.menuWrap .menu ul li.nav_width01{ width:400px !important;  }
	.menuWrap .menu ul li.nav_width01:hover{background:url(/user/default/image/menu/menu_over_icon.png) 53px 141px no-repeat;}
	.menuWrap .menu ul li:hover{background:url(/user/default/image/menu/menu_over.jpg) 90px 55px no-repeat;}
	.menuWrap .menu ul li div.left_line{border-left:1px solid #e2e2e2;}
	.menuWrap .menu ul li div {height:200px; border-right:1px solid #e2e2e2;}
	.menuWrap .menu li a {display:block; color:#212121; text-align:center; height:70px; font-size:20px; position:relative; line-height:48px; letter-spacing:-0.05em;}
	.menuWrap .menu li a:hover {color:#212121; padding-top:0px;}
	.menuWrap .menu li a.on {color:#212121; padding-top:0px;}
	.menuWrap .menu ul li div {height:200px}
	.menuWrap .menu ul li div ul{padding:15px 0px; }
	.menuWrap .menu ul li div ul li {width:100%; float:none; padding:0px 0px;background:none  }
	.menuWrap .menu ul li div ul li a{color:#777; display:block; float:none; text-align:center; height:auto; font-size:14px; letter-spacing:-0.03em; text-indent:0px;  padding:12px 0px 0px 0px; line-height:18px; background:none; }
	.menuWrap .menu ul li div ul li a:hover {color:#333;padding:12px 0px 0px 0px;}
	.menuWrap .menu ul li a.nav_padding{background:none}
	*/

	/* menu메뉴
	.menuWrap {position:absolute;top:0px;z-index:99;width:100%;height:56px;background:url(/user/default/image/menu/menu_bg.png) repeat-x top;  overflow:hidden;}
	.menuWrap .menu{width:100%;max-width:1200px;margin:0 auto;}
	.menuWrap .menu  ul  li{ float:left;}
	.menuWrap .menu  ul  li.navi_title{color:#2c2e3b; font-size:16px;  font-family: 'Noto bold'; text-align:center; margin-top:15px;}
	.menuWrap .menu li a {display:block; color:#212121;height:56px; font-size:19px; position:relative; line-height:55px; letter-spacing:-0.05em; padding:0 24px; text-align:center;}
	.menuWrap .menu li a:hover {color:#212121; padding-top:0px;}
	.menuWrap .menu li a.on { color:#212121; padding-top:0px;}
	.menuWrap .menu ul li div.left_line{border-left:0px solid #cfcfcf; padding:0 21px;}
	.menuWrap .menu ul li div.left_line2{border-left:0px solid #cfcfcf; padding:0 10px;}
	.menuWrap .menu ul li div {height:300px; border-right:0px solid #cfcfcf; padding:0 21px;}
	.menuWrap .menu ul li div ul{padding:0px 0px 0px 0px; }
	.menuWrap .menu ul li div ul li {width:100%; float:none; }
	.menuWrap .menu ul li div ul li a{color:#363848; display:block;  float:none; text-align:center; height:auto; font-size:14px; letter-spacing:-0.03em; text-indent:0px;  padding:12px 0px 0px 0px; line-height:18px; background:none; }
	.menuWrap .menu ul li div ul li a:hover {color:#363848;padding:12px 0px 0px 0px;}
	.menuWrap .menu ul li div ul li a.menu_pad{padding-top:5px;}
	.menuWrap .menu li a.nav9{color:#f4c11a; font-size:20px;}
	.menuWrap .menu .menu_line{border-top:1px solid #cfcfcf; margin-top:10px;}

 */


	/* menu메뉴 */
	.menuWrap {position:absolute;top:0px;z-index:99;width:100%;height:56px;background:rgba(255,255,255,0.9);  overflow:hidden; border-top:1px solid #ddd}
	.menuWrap:before {content:''; position:absolute;top:55px;z-index:100;width:100%; background:#ddd; height:1px; border-bottom:1px solid rgba(255,255,255,0.8)}

	.menuWrap .menu{width:100%;max-width:1200px;margin:0 auto;}
	.menuWrap .menu  ul  li{ float:left; width:11.1111%; }
	.menuWrap .menu  ul  li.navi_title{color:#2c2e3b; font-size:16px;  font-family: 'Noto bold'; text-align:center; margin-top:15px;}
	.menuWrap .menu li a {display:block; color:#212121;height:56px; font-size:19px; position:relative; line-height:55px; letter-spacing:-0.05em;  text-align:center;}
	.menuWrap .menu li a:hover {color:#212121; padding-top:0px;}
	.menuWrap .menu li a.on { color:#212121; padding-top:0px;}
	.menuWrap .menu .sub_box { width:1200px; padding:20px 0px 40px 0px}
	.menuWrap .menu .sub_box .width18{ width:17%; float:left}
	.menuWrap .menu .sub_box .width10{ width:15%; float:left}
	.menuWrap .menu .sub_box .relative{ position:relative; overflow:hidden; clear:both;}
	.menuWrap .menu .sub_box h4{ float:left; width:35%; margin-left:10%; font-size:14px ; color:#259bd8;text-decoration:underline; }
	.menuWrap .menu .sub_box .menu_con{ float:left; width:55%; }
	.menuWrap .menu .sub_box .menu_con li{display:block; width:100%;}
	.menuWrap .menu .sub_box  a{ color:#555; height:auto;  text-align:left; line-height:20px;  font-size:15px ; letter-spacing:-0.05em; text-indent:0px;  padding-bottom:7px; }
	.menuWrap .menu .sub_box .mar_top01{margin-top:20px;}
	.menuWrap .menu .sub_box .mar_top02{margin-top:55px;}
	.menuWrap .menu .sub_box .mar_top03{margin-top:30px;}
	.menuWrap .menu .sub_box .sns_btn{text-align:center; float:left;  margin:0px 0px 0px 5px}
	.menuWrap .menu .sub_box h4.width{ float:left; width:100px; margin-left:15px;}
	.menuWrap .menu .sub_box .menu_con2 {float:left; width:1000px}
	.menuWrap .menu .sub_box .menu_con2 li{ float:left; width:15%}
	.menuWrap .menu .sub_box .border_top{border-top:2px solid #c0c0c0; padding:20px 0 15px 0; margin-top:20px}

	.menuWrap .menu .sub_box .menu_con .event{background:#ff7089; color:#fff; font-size:14px; padding-left:5px;}
	.menuWrap .menu .sub_box .width18{ width:17%; float:left}
	.menuWrap .menu .sub_box .menu_con2 li .eng{ position:absolute; top:16px; left:10px; }


	.menuWrap .menu .sub_box .menu_ncs{ position:absolute;right:7px; bottom:0;}






	/*상단메뉴*/
#menu {position:absolute; left:0px; height:56px; top:0px; margin:0 auto; width:100%; overflow:hidden;background:url(/user/default/image/menu/menu_bg.png) repeat-x top; }
#topmenu { float:left; }
#topmenu > li {FLOAT: left; border-right:0px solid #cfcfcf; height:55px;  }
#topmenu > li:first-child{border-left:0px solid #cfcfcf;}
#topmenu #m_menu a{display:block; text-align:center;padding:0 0 0 0; font-size:19px; color:#2a2f3c; display:block; letter-spacing:0px; padding:13px 21px;}
#topmenu #m_menu a:hover{color:#0f5586;}
#topmenu .menu_sub {POSITION: absolute; top:55px; z-index:5000; display:none; }
#topmenu .menu_sub .subbox {float:left; padding-top:10px; padding-bottom:10px;  width:125px;  border:1px solid #d0d0d0;background:#fff; filter:alpha(opacity=85); opacity:0.8; -moz-opacity:0.8}
#topmenu .menu_sub .subbox li{position:relative; clear:both; }
#topmenu #m_menu .menu_sub .subbox a{font-size:14px; color:#777; padding:6px 0px 6px 0px; text-align:center;}
#topmenu #m_menu  a .nav_text{font-size:13px; color:#888888; }
#topmenu #m_menu .menu_sub .subbox a:hover {color:#333;}
#submenu1 .subbox{position:relative;  letter-spacing:-0.05em;}
#submenu2 .subbox{position:relative; letter-spacing:-0.05em;margin-left:25px; }
#submenu3 .subbox{position:relative; letter-spacing:-0.05em;margin-left:-25px; }

/* 카피라이트 */
.foot {position:relative; overflow:hidden; margin-top:18px }
.foot .foot_menu {border-bottom:0px solid #ccc;position:relative; overflow:hidden; padding:0px 0px; text-align:center;}
.foot .foot_menu a{color:#97989c; font-size:14px; padding:0 10px;}

.foot .foot_copy{ padding:0px 0px 20px 0;  color:#e2e2e2; line-height:23px; text-align:center; font-size:12px; margin-top:0px; clear:both; }
.foot .foot_copy span{padding:1px 10px; }

.foot .foot_address{position:relative;  padding:20px 50px 120px 130px;  color:#e2e2e2; line-height:23px; text-align:center; font-size:12px; margin-top:20px; }

.foot .foot_address .foot_left{float:left;width:700px}
.foot .foot_address .foot_right {POSITION: absolute; right:140px; top:20px}

.foot_left dt, .foot_left dd{ float:left;text-align:right; padding:0 10px}
.foot_left dt{width:90px; color:yellow }
.foot_left dd:nth-child(2){width:65px; }
.foot_left dd:last-child{text-align:left}


/* 하단 */
#bottom_sitemap { position:relative; padding:0px 0px;}
#bottom_sitemap .sitemap{ position:relative; width:1200px; margin:0 auto; padding:25px 0px; }
#bottom_sitemap .sitemap h3{ position:relative; float:left; width:280px; font-size:30px; color:#333; font-weight:bold;  height:350px;}
#bottom_sitemap .sitemap .box{  position:relative;float:left; padding:0px 0px 25px 0px;}
#bottom_sitemap .sitemap .box ul li{ float:left; width:200px; padding:0px 0px 0px 80px; line-height:160%; text-align:justify;font-weight:bold; color:#333;}
#bottom_sitemap .sitemap .box ul li A{ display:block; width:100%; color:#212121; padding:0px 0px 10px 0px; font-size:20px;font-weight:bold; letter-spacing:0em;}
#bottom_sitemap .sitemap .box ul li A:hover{ text-decoration:underline;}
#bottom_sitemap .sitemap .box ul li ul li{ float:left; padding:0px 0px;font-weight:normal;}
#bottom_sitemap .sitemap .box ul li ul li A{ display:block; width:100%; color:#666; padding:3px 0px;font-size:15px;font-weight:normal; letter-spacing:0em;}
#bottom_sitemap .sitemap .box ul li ul li ul li{ float:left; padding:0px 0px;font-weight:normal;}
#bottom_sitemap .sitemap .box ul li ul li ul li A{ display:block; width:100%; color:#888; padding:3px 0px;font-size:14px;font-weight:normal; letter-spacing:0em;}



 /* 컨텐츠 공통 */
.content_box { position:relative; font-size:15px; color:#888; line-height:160%;}
.content_box dt{ position:relative}
.content_box dl {margin-bottom:00px}
.content_box dt {position:relative; margin:0px;}
.content_box dd {position:relative; margin:0px}
.content_box ol{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box ul{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box li{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box .mar_right20{ margin-right:20px !important}
.content_box .mar_right30{ margin-right:30px !important}
.mar_left20{ margin-left:20px !important}
.mar_top10{ margin-top:10px !important}
.mar_top20{ margin-top:20px !important}
.mar_top30{ margin-top:30px !important}
.mar_top40{ margin-top:40px !important}
.mar_top45{ margin-top:45px !important}
.mar_top50{ margin-top:50px !important}
.mar_top60{ margin-top:60px !important}
.mar_top70{ margin-top:70px !important}
.mar_top90{ margin-top:90px !important}
.mar_bottom15{ margin-bottom:15px !important}
.mar_bottom20{ margin-bottom:20px !important}
.mar_bottom30{ margin-bottom:30px !important}
.mar_bottom40{ margin-bottom:40px !important}
.mar_bottom50{ margin-bottom:50px !important}
.mar_bottom60{ margin-bottom:60px !important}




.content_box .pad_right20{ padding-right:20px !important}
.content_box .pad_left20{ padding-left:20px !important}
.pad_left20{ padding-left:20px !important}
.pad_left50{ padding-left:50px !important}
.pad_top5{ padding-top:5px !important}
.pad_top10{ padding-top:10px !important}
.pad_top20{ padding-top:20px !important}
.content_box .pad_top30{ padding-top:30px !important}
.content_box .pad_top40{ padding-top:40px !important}
.content_box .pad_bottom20{ padding-bottom:20px !important}
.content_box .pad_bottom30{ padding-bottom:30px !important}
.content_box .pad20{ padding:20px 0px !important}
.content_box .pad0{ padding:0px 0px !important}

.point01 { color:#000; font-size:20px; line-height:160%;}
.point02 { color:#333; font-size:17px;}
.point03 { color:#444; font-size:27px;}
.point04 { color:#000; font-size:30px;}
.point05 { color:#333; font-size:22px;}
.point06 { color:#666; font-size:18px;}
.point07 { color:#e51a38; font-size:18px;}
.point08 { color:#333; font-size:15px;}
.point09 { color:#e51a38; font-size:15px;}
.point10 { color:#dc1d2c; }



.f_left { float:left}
.f_right { float:right}
.f_none { float:none}

.font_bold {font-weight:700}
.t_center { text-align:center}
.t_left { text-align:left}
.t_right { text-align:right}

.font_size12 { font-size:12px; letter-spacing:-0.05em;}
.font_size14 { font-size:14px; letter-spacing:-0.05em;}
.font_size15 { font-size:15px; letter-spacing:-0.05em;}
.font_size16 { font-size:16px; letter-spacing:-0.05em}
.font_size17 { font-size:17px; letter-spacing:-0.05em}
.font_size20 { font-size:20px;  letter-spacing:-0.05em}
.font_size25 { font-size:25px;  letter-spacing:-0.05em}
.font_size35 { font-size:35px;  letter-spacing:-0.05em; }
.font_size45 { font-size:45px;  letter-spacing:-0.05em}
.font_size40 { font-size:40px;  letter-spacing:-0.05em}

.border_line{ border:1px solid #ddd}
.no_border{ border:none !important}
.border_bottom{ border-bottom:1px solid #eee}

.content_box h4{ position:relative; font-size:30px; color:#333; text-align:center; padding:10px 0px 30px 0px; background:url(/user/default/image/main/business_line.gif) center 0px no-repeat;}
.content_box h4.nopadding { position:relative; clear:both; background:url(/user/default/image/sub/title_bar01.gif) 0px 13px no-repeat; padding:5px 0px 0px 20px; font-size:20px; color:#333;}
.content_box .copy{ position:relative;  font-size:18px; color:#777; text-align:center; line-height:27px; padding:18px 0px 40px 0px; margin-bottom:55px; border-bottom:1px solid #dcdcdc;}
.content_box .copy2{ position:relative;  font-size:18px; color:#777; text-align:center; line-height:27px; padding:18px 0px 40px 0px; border-bottom:0px solid #dcdcdc;}
.content_box .title01{ position:relative; clear:both; font-size:25px; color:#333; padding:17px 0px 17px 0px; background-color:#f5f5f5; margin-bottom:30px;}
.content_box .title02{ padding:25px 0px 0px 0px; color:#333; margin:0px 0px 0px 0px;  font-size:25px; text-align:left}
.content_box .title03{    position: relative;display: inline-block;padding: 3px 8px;color: #fff;margin: 15px 0px 5px 0px;font-size: 18px;background: #8e98a8;}
.content_box .title05{position:relative; float:left; clear:both; font-size:16px; color:#fff; padding:4px 10px; margin:10px 0px; background:#666;}

.content_box ul.list { position:relative;  margin:10px 0px; clear:both;}
.content_box ul.list li{ position:relative;   padding:3px 0px 3px 15px; color:#777; margin:0px 0px 0px 5px;  background:url(/user/default/image/contents/icon01.gif) 5px 11px no-repeat; }
.content_box ul.list_num01{position:relative; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.content_box ul.list_num01 li{ position:relative; clear:both; padding:10px 5px 10px 0px; color:#444; line-height:17px; list-style-type:decimal-leading-zero !important; margin-left:33px;}
.content_box ul.list_num02{position:relative; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.content_box ul.list_num02 li{ position:relative; clear:both; padding:5px 5px 5px 0px; color:#777;  line-height:17px; list-style-type:decimal !important; margin-left:33px;}
.content_box ul.dot01{margin:10px 0px 15px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 10px; font-size:15px; color:#999;  background:url(/user/default/image/sub/icon01.gif) 1px 11px no-repeat; line-height:160%}

.content_box .con_box{ position:relative; padding:0px; clear:both; margin:0px 0px 0px 0px; overflow:hidden}
.content_box .line_box{ position:relative; padding:30px; clear:both; border:1px solid #e5e5e5; background:#fafafa; margin:15px 0px; overflow:hidden}
.content_box .bg_box{ position:relative; padding:30px 50px; clear:both;background:url(/user/default/image/contents/box_bg.gif); margin:5px 0px 5px 0px;}


.num01 { color:#d1d1d1; font-size:30px; font-weight:800;}
.num02 { color:#faa669; font-size:30px; font-weight:800;}

.content_box p{overflow:hidden; clear:both; font-size:14px;color:#888; }

 /* 기본테이블 디자인 */
.table_design {width:100%;color:#555; border-top:2px solid #333; border-bottom:1px solid #ddd;border-collapse:collapse; font-size:15px; margin:12px 0px 15px 0px}
.table_design th, .table_design td {border-top:1px solid #ddd;padding:10px 10px 10px 10px; line-height:20px; font-size:15px; text-align:center;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design th[scope="row"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design th + th {border-left:1px solid #ddd;}
.table_design td + td {border-left:1px solid #ddd;}
.table_design th + td {border-left:1px solid #ddd;}
.table_design th { font-size:15px; color:#333;text-align:center; background-color:#fbfbfb;font-weight:normal;}
.table_design td { color:#888;}
.table_design .total td{ color:#fff;font-size:20px;background:#777;}
.table_design .border {border-left:1px solid #ddd;}

.table_design02 {width:100%;line-height:1.5;color:#e51a38; border-bottom:1px solid #e1e1e1;border-collapse:collapse;  margin:0px 0px 0px 0px; }
.table_design02 th {width:15%; border-top:1px solid #e1e1e1;padding:10px 0px 10px 0px;line-height:25px; font-size:17px; font-weight:600;}
.table_design02 td {width:85%; border-top:1px solid #e1e1e1; color:#777; padding:10px 15px 10px 15px;line-height:25px; font-size:15px;}
.table_design02 th[scope="col"] {border-right:0 none;background-color:#dfe5ec;color:#333;padding:5px 0px 3px 0px; text-align:left; empty-cell:show}
.table_design02 th + th {border-left:0px solid #d1d1d1;}
.table_design02 td + td {border-left:0px solid #d1d1d1;}
.table_design02 th {border-right:0px solid #d9d9d9;padding-left:13px;}
.table_design02 .border_top {border-top:2px solid #537da4;}

.table_design03 {width:100%;color:#555; border-top:1px solid #ccc; border-bottom:1px solid #ccc;border-collapse:collapse; font-size:15px; margin:12px 0px 15px 0px}
.table_design03 th, .table_design03 td {border-top:1px solid #ccc;padding:15px 20px 15px 22px; line-height:20px; font-size:15px; }
.table_design03 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design03 th[scope="row"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design03 th + th {border-left:1px solid #ccc;}
.table_design03 td + td {border-left:1px solid #ccc;}
.table_design03 th + td {border-left:1px solid #ccc;}
.table_design03 th { font-size:15px; color:#333;text-align:left; background-color:#f5f5f5;font-weight:normal;}
.table_design03 td { color:#777;}
.table_design03 .total td{ color:#fff;font-size:20px;background:#777;}
.table_design03 .border {border-left:1px solid #ddd;}

.table_design04 {width:100%;color:#555; border-top:1px solid #ccc; border-bottom:1px solid #ccc;border-collapse:collapse; font-size:15px; margin:12px 0px 15px 0px}
.table_design04 th, .table_design04 td {border-top:1px solid #ccc;padding:10px 20px 10px 22px; line-height:20px; font-size:15px;  text-align:center;}
.table_design04 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design04 th[scope="row"] {border-left:0px none; border-right:0px none;background-color:#d1d1d1;color:#333;padding:12px 15px 12px 15px; text-align:center}
.table_design04 th + th {border-left:1px solid #ccc;}
.table_design04 td + td {border-left:1px solid #ccc;}
.table_design04 th + td {border-left:1px solid #ccc;}
.table_design04 th { font-size:15px; color:#333; background-color:#f5f5f5;font-weight:normal;}
.table_design04 td { color:#777;}
.table_design04 .total td{ color:#fff;font-size:20px;background:#777;}
.table_design04 .border {border-left:1px solid #ddd;}


.docTotalList {position:relative; margin:50px auto; border-top:2px solid #e51a38}
.docTotalList .box{position:relative; border-bottom:1px solid #eee; padding:20px 0px}
.docTotalList .title a{color:#333; font-size:15px; }
.docTotalList .date{position:relative;color:#999;  }
.docTotalList .content a{color:#777; font-size:12px;}

 /* 인사말 */
.greeting_img { float:left; width:530px; padding-right:60px;}
.greeting_txt { float:right; width:810px; overflow:hidden}

/* 탭디자인 */
ul.tab_design { position:relative; margin-bottom:20px; overflow:hidden; margin-left:7px;}
ul.tab_design li{ float:left; padding:0px 0px; margin:0px 5px 5px 0px; }
ul.tab_design .off{ border:1px solid #008bc4; background:#fff; display:block; text-align:center; color:#c3002f; font-weight:600; }
ul.tab_design .off A{ display:block; color:#008bc4; font-size:14px; padding:10px 20px;}
ul.tab_design .on{ border:1px solid #008bc4; background:#008bc4;  display:block;text-align:center; color:#fff; font-weight:600}
ul.tab_design .on A{ display:block; color:#fff; padding:10px 20px; font-size:14px}



ul.tab_design1 { position:relative; overflow:hidden; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; width:100%}
ul.tab_design1 li{ float:left; width:24.9%; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
ul.tab_design1 .off{background:#fff; display:block;text-align:center;  }
ul.tab_design1 .off A{ display:block; padding:10px 0 10px 0px; color:#555; font-size:15px; text-align:center;}
ul.tab_design1 .off A:hover{background-color:#008bc4; color:#fff;}
ul.tab_design1 .on{background:#008bc4; display:block;text-align:center; }
ul.tab_design1 .on A{ display:block; padding:10px 0 10px 0px; color:#fff; font-size:15px;}
ul.tab_design1 .nbsp{background:#fff; height:39px;}

ul.tab_design2 { position:relative; overflow:hidden; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; width:100%}
ul.tab_design2 li{ float:left; width:33.2%; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
ul.tab_design2 .off{background:#fff; display:block;text-align:center;  }
ul.tab_design2 .off A{ display:block; padding:10px 0 10px 0px; color:#555; font-size:15px; text-align:center;}
ul.tab_design2 .off A:hover{background-color:#008bc4; color:#fff;}
ul.tab_design2 .on{background:#008bc4; display:block;text-align:center; }
ul.tab_design2 .on A{ display:block; padding:10px 0 10px 0px; color:#fff; font-size:15px;}
ul.tab_design2 .nbsp{background:#fff; height:39px;}

ul.tab_design3 { position:relative; overflow:hidden; border-top:1px solid #dedede; border-left:1px solid #dedede; width:100%}
ul.tab_design3 li{ float:left; width:33.24%; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
ul.tab_design3 .off{background:#fff; display:block;text-align:left;  }
ul.tab_design3 .off A{ display:block; padding:10px 0 10px 25px; color:#555; font-size:14px; }
ul.tab_design3 .off A:hover{text-decoration:underline}
ul.tab_design3 .on{background:#b30400; display:block;text-align:left; }
ul.tab_design3 .on A{ display:block; padding:10px 0 10px 25px; color:#fff; font-size:14px;}
ul.tab_design3 .nbsp{background:#fff; height:39px;}

ul.tab_design4 { position:relative; overflow:hidden; border-top:1px solid #dedede; border-left:1px solid #dedede; width:100%}
ul.tab_design4 li{ float:left; width:24.9%; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
ul.tab_design4 .off{background:#fff; display:block;text-align:left;  }
ul.tab_design4 .off A{ display:block; padding:10px 0 10px 25px; color:#555; font-size:14px; }
ul.tab_design4 .off A:hover{text-decoration:underline}
ul.tab_design4 .on{background:#b30400; display:block;text-align:left; }
ul.tab_design4 .on A{ display:block; padding:10px 0 10px 25px; color:#fff; font-size:14px;}
ul.tab_design4 .nbsp{background:#fff; height:39px;}

ul.tab_design5 {position:relative; height:39px; border-bottom:1px solid #707070; text-align:center;  margin:0px 20px 0px 20px}
ul.tab_design5 li{position:relative; float:left; top:1px; _top:3px;  border-bottom:none; margin:0; width:128px;}
ul.tab_design5 .off{ color:#666; text-align:center }
ul.tab_design5 .off A{font-size:14px; color:#989898; padding:9px 10px 9px 10px; display:block; }
ul.tab_design5 .off A:after{content:''; position:absolute; right:-1px; width:1px; height:15px; background:#ccc}
ul.tab_design5 .on{position:relative; float:left; height:37px; top:1px; _top:1px; border:1px solid #707070; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
ul.tab_design5 .on A{ color:#000; padding:9px 10px 9px; 10px; display:block}
ul.tab_design5 .nbsp{background:#fff; height:41px;}
ul.tab_design5 li:last-child a:after{display:none}





/* 탭디자인 */
ul.tab_design6 { position:relative; margin-bottom:0px; overflow:hidden; margin-left:7px;}
ul.tab_design6 li{ float:left; padding:0px 0px; margin:0px 5px 5px 0px; }
ul.tab_design6 .off{ border:1px solid #008bc4; background:#fff; display:block; text-align:center; color:#c3002f; font-weight:600; }
ul.tab_design6 .off A{ display:block; color:#008bc4; font-size:14px; padding:10px 20px;}
ul.tab_design6 .on{ border:1px solid #008bc4; background:#008bc4;  display:block;text-align:center; color:#fff; font-weight:600}
ul.tab_design6 .on A{ display:block; color:#fff; padding:10px 20px; font-size:14px}



/* 서브탭메뉴 */
#tab01 {overflow:hidden; margin-bottom:0px; margin-top:20px;}
#tab01 li{float:left;line-height:0px; padding-right:0px; }
#tab01 .tnb01{padding-right:0px;}
#tab01 li.tnb {list-style:none; line-height:0px; padding-left:0px; margin:0}

#right_menu{position:fixed; top:0; right:0; width:140px; height:100%; z-index:900; background-color:#fff; border-left:1px solid #d7d7d7;}/*  */
#right_menu .close {position:absolute;top:0px;left:-35px;}

#right_menu2{position:fixed; top:0; right:0;height:100%; z-index:899;}/*  */

/* 오른쪽 퀵메뉴 설정 */
#rightQuick{width:160px;  z-index:900; top:531px; padding:0px 0 41px 0; border-left:1px solid #b5b5b5; *zoom:1}

/* 메뉴 박스 */
#rightQuick ul li {margin-top:0px; text-align:center; padding-top:10px}

#quick_right .total_menu{position:absolute; top:0px; right:0px;}




/* 메인 비쥬얼 */
#main_visual{width:100%;}
#main_visual .mv {position:relative;height:475px;z-index:0;overflow:hidden;}
#main_visual .mv .mvs {position:absolute;height:100%;width:100%;}
#main_visual .mv .text {position:absolute;}
#main_visual .list {height: 45px; position: absolute; bottom:10px; width: 100%;  background-color: f7f7f7; text-align: center; }
#main_visual .list .boxtable {position: relative; display: inline-block; width:1200px;}
#main_visual .list .table {margin:0 auto;}
#main_visual .list .boxtd {float:left;height:45px;margin-left:1px;}
#main_visual .list .boxbtn {width:367px; cursor:pointer;}
#main_visual .list .btns_l {width:45px; height:45px; margin-right:2px; cursor:pointer;}
#main_visual .list .btns_r {width:45px; height:45px; margin-left:2px; cursor:pointer;}






/* 탭디자인 */
ul.business_tab_design { position:relative; margin-bottom:10px; overflow:hidden; border-bottom:2px solid #0f5586;}
ul.business_tab_design li{ float:left; margin:0px 1.42px 0px 0px; text-align:center; }
ul.business_tab_design li A{ background:#c2c2c2;  display:block; color:#fff; font-size:16px; width:170px; height:140px;  }
ul.business_tab_design li A img{padding:25px 0 5px 0;}
ul.business_tab_design .on A{background:#0f5586;  display:block; color:#fff;  font-size:16px; width:170px; height:140px;}
.sub_container {position:relative;display:block;}
.sub_container .tab_content {display:none}
.sub_container .on {display:block}
.tab_content{margin-bottom:20px;}
.tab_content .tab_box li{float:left;}


/*퀵메뉴*/
.q_btn{padding:0px 0 0px 5px; }

.q_btn ul li{float:left; padding:0 0 12px 10px;}
.q_btn ul li.select2{padding-left:10px;}
.q_btn h3{text-align:center; padding-bottom:15px; margin-top:20px;}



/*상세페이지 내지*/
.content_box .con_boxline{width:1158px;border:1px solid #dfdfdf; position:relative; overflow:hidden; text-align:center; display:block; padding:0 0 20px 0; margin-top:50px;}
.content_box .con_boxline.width100{width:100%; margin:30px auto; border:0px solid #dfdfdf; }
.content_box .con_boxline.width100 .img_set2{height:330px;}
.content_box .con_boxline .img_box{ position:relative; overflow:hidden; padding-left:30px;}
.content_box .con_boxline p.text01{ color:#333333; font-size:15px;text-align:center; margin-top:10px; background-color:#f5f5f5;padding:5px 0; letter-spacing:-0.03em; font-weight:700}
.content_box .con_boxline p.text01 SPAN{ color:#FFF; background:#1d8fff; padding:1px 5px; margin:0 5px; border-radius:5px; font-size:11px}
.content_box .con_boxline p.text02{ color:#888; font-size:13px;text-align:center; line-height:20px; padding:0 10px; margin-top:5px; letter-spacing:-0.03em;}
.content_box .con_boxline p.text02 span{ color:#dc1d2c; font-size:12px;}
.content_box .con_boxline .img_set2{ float:left;margin:0px 20px 20px 0; width:260px; min-height:300px; }
.content_box .con_boxline .img_set5{ float:left;margin:0px 20px 20px 0; width:260px; }
.content_box .con_boxline .img_set6{ float:left;margin:0px 20px 20px 0; width:400px; }
.content_box .con_boxline .line{position:relative; overflow:hidden;border-bottom:1px dashed #ccc; margin:30px auto 50px auto; clear:both}


.content_box .con_boxline2{width:1096px;border:1px solid #dfdfdf; position:relative; overflow:hidden; text-align:center; display:block; padding:30px; margin-top:50px;}
.content_box .con_boxline2 .img_set3{ float:left;margin:0px 45px 0px 0;  }
.content_box .con_boxline2 .img_set4 .text03{ color:#777; font-size:13px;text-align:left; line-height:20px; padding:0px 0px; margin-top:10px; margin-bottom:20px; letter-spacing:-0.03em; }
.content_box .con_boxline2 .img_set4 .text04{ color:#fff; background:#777; font-size:13px;text-align:left; line-height:20px; padding:0px 5px; margin-top:5px; letter-spacing:-0.03em; display:inline-block; }
.content_box .con_boxline2 .img_set4{  border:0px solid; overflow:hidden;  }
.content_box .con_boxline2 .img_set4 img{padding:8px 5px 8px 0 }

.content_box .con_boxline3{width:1096px;border:1px solid #dfdfdf; position:relative; overflow:hidden; text-align:center; display:block; padding:30px; margin-top:0px;}
.content_box .con_boxline3 .img_set3{ float:left;margin:0px 45px 0px 0;  }
.content_box .con_boxline3 .img_set4 .text03{ color:#777; font-size:13px;text-align:left; line-height:20px; padding:0px 0px; margin-top:10px; margin-bottom:20px; letter-spacing:-0.03em; }
.content_box .con_boxline3 .img_set4 .text04{ color:#fff; background:#777; font-size:13px;text-align:left; line-height:20px; padding:0px 5px; margin-top:5px; letter-spacing:-0.03em; display:inline-block; }
.content_box .con_boxline3 .img_set4{  border:0px solid; overflow:hidden;  }
.content_box .con_boxline3 .img_set4 img{padding:8px 5px 8px 0 }



/*상장 샘플*/
.content_box .con_sample{border:0px solid #dfdfdf; position:relative; overflow:hidden; text-align:center; display:block; padding:0 60PX; margin-top:0px;}
.content_box .con_sample .sample_box{padding-left:0px; margin-bottom:30px; display:block; overflow:hidden;  position:relative; }
.content_box .con_sample p{ color:#333333; font-size:18px;text-align:center; margin-top:10px; letter-spacing:-0.03em;}
.content_box .con_sample .img_set2{ float:left; box-sizing:border-box; width:25%; padding:15px 20px}
.content_box .con_sample .img_set2.img_set3{ width:33.333%; padding:15px 20px}
.content_box .con_sample .img_set2 a{display:block; text-align:center}
.content_box .con_sample .img_set2 img{width:100%}

/*액자 샘플*/
.content_box .con_sample1{border:0px solid #dfdfdf; position:relative; overflow:hidden; text-align:center; display:block; padding:0 20PX 0px 20px; margin-top:0px;}
.content_box .con_sample1 .sample_box{padding-left:0px; margin-bottom:30px; display:block; overflow:hidden;  position:relative; }
.content_box .con_sample1 p.text01{ color:#61656e; font-size:13px;text-align:left; margin-top:5px; letter-spacing:-0.03em; padding:0 0 20px 20px; }
.content_box .con_sample1 p.text01 span{font-size:17px; color:#000; font-family: 'Noto bold';}
.content_box .con_sample1 .img_set2{ float:left;margin:0px 7px 14px 7px;  border:1px solid #dadada; box-sizing: border-box; }
.content_box .con_sample1 p.tit01{ background:#777; color:#fff; font-size:20px;text-align:center;  letter-spacing:-0.03em; padding:7px 0; margin:20px 0; }


/*벽걸이달력*/
.wallcalendar_datailBox { margin-top:30px; padding-top:5px !important; background-color:#f6f6f6; }
.wallcalendar_datailBox dd {padding-right:10px !important;}
.wallcalendar_datailBox dt { padding-left:10px !important; font-size: 14px; }
.wallcalendar_datailBox .wallcalendar_detailList { display:flex; justify-content:space-between; flex-flow:wrap; } 
.wallcalendar_datailBox .wallcalendar_detailList img { width:15%; margin-bottom:15px; }



/*견적폼디자인*/
#paperSize{width:190px !important;}
#thick{width:190px;}
#totalPrice{color:#db1d27;}
#vatPrice{font-size:40px; color:#db1d27; }
#coverType{width:190px;}
#bindType{width:190px;}
#coverCoating{width:190px;}
#ganjiType{width:190px;}
#coverWeight{width:190px;}


/*공지사항*/
#recentMB23{ background:#157cb6;}
#recentMB23 .recentBody{position:absolute; height:0px; top:0px; left:7px; width:797px !important; }
#recentMB23 .bx-pager-item{display:none;}
#recentMB23 .recentHeader{background-color:#008bc4; border:none; height:60px;}
#recentMB23 .bx-controls-direction{display:none;}
#recentMB23 .recentHeader h3{float:left; padding:10px 10px 10px 30px; font-size:27px; color:#fff; }
#recentMB23 .recent .recentHeader{bordeR-bottom:0px solid #3a3a3a;}
#recentMB23 .bx-viewport{margin-top:0px; }
#recentMB23  .recentBody ul{margin-top:10px;}
#recentMB23  .recentBody ul li{padding:0px 0; bordeR-bottom:0px;}
#recentMB23  .recentBody .docTitle{height:45px; padding-left:20px;}
#recentMB23 .more {position: absolute;right: 0px;top: 0px;}
#recentMB23 .bx-wrapper{border:0px solid; height:45px; background-color:#fff; margin-top:7px; }
#recentMB23 .recentBody .docTitle {line-height:23px;}

/*메인상담전화번호*/
#call{ position:relative; width:100%; }
#call .left{float:left; width:599px;}
#call .left h4{font-size:17px; margin-bottom:15px; color:#fff; padding-top:30px;}
#call .left .box_line{border:1px solid #424242; width:220px;height:64px; padding:18px 20px ; float:left; background:#21242b;  }
#call .left .box_line ul{width:110px; float:left; }
#call .left .box_line ul li{line-height:21px;}
#call .left .box_line ul.phone{ font-size:14px;}
#call .left .box_line ul.phone li{color:#80cae7 !important;}
#call .left .box_line ul.phone2{color:#f6d240; font-size:14px;}
#call .left .box_line ul.name{color:#fff; font-size:14px;}

#call .left2{float:left; width:260px; height:210px;}
#call .left2 h4{font-size:17px; margin-bottom:15px; color:#fff; padding-top:30px; }
#call .left2 .box_line{border:1px solid #424242; width:200px;height:64px; padding:18px 30px ; float:left; background:#21242b; }
#call .left2 .box_line ul{width:100px; float:left; }
#call .left2 .box_line ul li{line-height:21px;}
#call .left2 .box_line ul.phone{color:#80cae7; font-size:14px;}
#call .left2 .box_line ul.phone2{color:#f6d240; font-size:14px;}
#call .left2 .box_line ul.phone2 li{color:#f6d240;}
#call .left2 .box_line ul.name{color:#fff; font-size:14px;}

#call .left3{float:left; width:265px; height:210px; }
#call .left3 h4{font-size:17px; margin-bottom:15px; color:#fff; padding-top:30px; }
#call .left3 .box_line{border:1px solid #424242; width:200px;height:64px; padding:18px 30px ; float:left; background:#21242b; }
#call .left3 .box_line ul{width:100px; float:left; }
#call .left3 .box_line ul li{line-height:21px;}
#call .left3 .box_line ul.phone{color:#80cae7; font-size:14px;}
#call .left3 .box_line ul.phone2{color:#f6d240; font-size:14px;}
#call .left3 .box_line ul.name{color:#fff; font-size:14px;}





   /* 새 로그인 디자인 */
.new_login_box{ position:relative; padding:50px 0px; overflow:hidden;}
.new_login_box .center_box {position:relative; width:100%;margin:0 auto; overflow:hidden}
.new_login_box .form_box { position:relative; width:100%; margin:0 auto; overflow:hidden}
.new_login_box .form1 { float:left;width:70%; }
.new_login_box .form1 dd{ display:block; padding:0px 10px 7px 0px}
.new_login_box .loginbtn { float:left; width:30%; height:90px; background:#008bc4;  border:0px solid #d6d6d6; font-size:20px; text-align:center; COLOR:#fff !important; overflow:hidden;}
.new_login_box .login_input { width:95% !important; background:#fff; border:1px solid #d6d6d6; height:40px;font-size:13px; color:#444; padding:0px 10px}
.new_login_box input { background:#fff; border:0px solid #d6d6d6;}
.new_login_box p{padding:10px 0px 20px 0px;border-bottom:1px solid #ddd; position:relative; clear:both; color:#666}
.new_login_box .text{padding:10px 0px;position:relative; clear:both; color:#666}
.new_login_box .join_btn span{color:#ccc; padding:0px 20px }
.new_login_box .join_btn {width:100%; margin-top:20px; text-align:center;}
.new_login_box .join_btn a{color:#666; padding:5px; text-align:center; font-size:13px;}
.new_login_box .sns_btn {width:100%; padding-top:20px; text-align:center;}
.btn_login_facebook{ padding:7px 30px 7px 90px !important;  background:#527bd4 url(/user/default/image/sub/login_facebook.png) no-repeat 30px center; color:#fff !important; font-size:18px;   border-radius:5px;  margin:10px 0px 0px 0px; line-height:40px !important; border:1px solid #3e67c0; display:block}
.btn_login_facebook:hover{background:#3e67c0 url(/user/default/image/sub/login_facebook.png) no-repeat 30px center; }
.btn_login_google{ padding:7px 30px 7px 90px !important;  background:#de3d2b url(/user/default/image/sub/login_goole.png) no-repeat 33px center; color:#fff !important; font-size:18px;   border-radius:5px;  margin:10px 0px 0px 0px; line-height:40px !important; border:1px solid #be2a19;  display:block}
.btn_login_google:hover{background:#be2a19 url(/user/default/image/sub/login_goole.png) no-repeat 33px center; }
.btn_login_naver{ padding:7px 30px 7px 90px !important;  background:#00c73c url(/user/default/image/sub/login_naver.png) no-repeat 33px center; color:#fff !important; font-size:18px;   border-radius:5px;  margin:20px 0px 0px 0px; line-height:40px !important; border:1px solid #03b93a;  display:block}
.btn_login_naver:hover{background:#03b93a url(/user/default/image/sub/login_naver.png) no-repeat 33px center; }





.content_box ul.dot_icon li {position: relative;display: block;padding: 2px 0px 0px 12px;color: #666;font-size:13px;background: url(/user/default/image/icon/title_icon03.gif) 0px 12px no-repeat;text-align: justify;}
.content_box ul.dot_icon2{border:1px solid #dedede; background:#fbfbfb; padding:20px 20px }
.content_box ul.dot_icon2 li {position: relative;display: block;padding: 2px 0px 0px 12px;color: #666;font-size:14px;background: url(/user/default/image/icon/title_icon03.gif) 0px 12px no-repeat;text-align: justify;}
span.point_color{#ec008b;}

/*상세페이지*/
.list01{background-color:#f1f1f1; }
.list01 li{padding:10px 3px; margin-bottom:10px;}
.list01 span{background:#008bc4; color:#fff; padding:10px 20px;margin-right:20px;}


/*오시는길*/
.come-home{margin:40px 0 0;}
.come-home .top-info{display:inline-block; width:100%; padding:15px 0px; border-top:2px solid #21242e; border-bottom:1px solid #21242e; overflow:hidden; background:#f1f1f1;}
.come-home .top-info:after{content: ''; display:block; clear:both;}
.come-home .top-info .tit{float:left; color:#222; font-size:15px; max-width:70%; vertical-align:middle; padding-left:30px;}
.come-home .top-info .tit span{margin:0 0 0 10px; }
.come-home .top-info .other{float:right; color:#222; font-size:14px; letter-spacing:0;}
.come-home .top-info .other span{margin:0 30px 0 0px; font-size:15px;}
.come-home .top-info .other span em{margin:0 0 0 10px; }

.come-home .middle-dec{padding:0 20px 20px; font-size:15px;}
.come-home .middle-dec dl:after{content: ''; display:block; clear:both;}
.come-home .middle-dec dl{padding:15px 0 0;}
.come-home .middle-dec dt{position:relative; float:left; color:#222; padding:0 0 0 8px; width:200px; }
.come-home .middle-dec dt:after{position:absolute; content:""; left:0; top:10px; width:3px; height:2px; background:#afafaf}
.come-home .middle-dec dd{color:#888; }
.come-home .middle-dec dd span{color:#008bc4;}

/*오시는길 - 주소안내*/
.locationInfoBox { margin-top:50px; height:40px; background-color: rgb(83 89 103); color:#fff; letter-spacing: -0.05em !important; padding:30px 0px}
.locationInfoBox div {display:inline-block; vertical-align: top;}
.locationInfoBox div.locationTitle { width:201px; border-right:1px solid #fff; margin-right:30px; padding-right:35px;}
.locationInfoBox div:last-child { width:768px; line-height:40px; }
.locationInfoBox div p {margin-bottom:10px; font-size:18px;}
.locationInfoBox div span {font-size:22px;}
.locationInfoBox div span:first-child { margin-right:20px; }
.locationInfoBox div.locationTitle p:first-child { font-size:30px; /*margin-bottom:15px;*/}
.locationInfoBox div dl { margin:10px 0 16px 0; height:auto; overflow:hidden; font-size:15px;}
.locationInfoBox div dl dt { width:200px; float:left; text-align:left !important; }
.locationInfoBox div dl dd { float:left; }
.locationInfoBox div dl dd.etcText { padding-left:5px; color: #b4b5b9; font-size:85%;}

.fileInfo{float:right; }
.fileInfo2{float:right; margin-top:3px;margin-left:10px; }
/**
 * mdPayment
 */




/*톡톡문의*/
.talk_banner_div{display: inline-block; margin-left:4px;}

#docListBasic{margin-top:20px;}
#docListBasic .keeping{margin:0 5px 0 0;}
#docListBasic thead th{ border-left: 1px dashed #efefef;}
#docListBasic thead th p{padding:7px; font-size:14px; color:#666;     font-weight: normal;}
#docListBasic tbody tr .sideLine{padding:7px 0; }
#docListBasic tbody tr .sideLine p{text-align:center}

#designRequestType{ width:190px; float:left; m}
#paperWeightType{width:190px;}
.detailContent #job{width:390px  !important;}
#mobile{width:330px !important;}
#name{width:330px !important;}
#paperWeight{width:190px;}
#packingType{width:190px;}
#coating{width:190px;}
#email{width:330px !important;}
input #shc{height:29px !important;}


/*게시판selectBox*/
.selectBox .selectValue { overflow:hidden; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#666; text-align:left; line-height:25px; _line-height:normal}
.selectBox .selectValue.selected { color:#000}
.selectBox .selectValue,
.selectBox div.selectValue { height:25px; text-indent:8px}
.selectBox button.selectValue{ width:100%; height:25px; *padding-left:5px; text-indent:5px; *text-indent:0}
.selectBox .selectCtrl { position:absolute; top:0; right:0; z-index:3; width:18px; height:25px; line-height:25px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff}
.selectBox .selectArrow { position:absolute; width:0; height:0; top:8px; right:6px; z-index:3; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.selectBox ul { overflow:hidden; position:absolute; top:25px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.selectBox .selectArrow{top:15px;}

.agreement .frame {height:150px  !important;}

.footer ul{ width:150px  !important; }
.footer li{height:30px;}


select#paperType{ width:122px !important;}
select#thickType{width:65px !important; margin-left:2px; }

select#paperCover{ width:97px !important;}
select#coverWeightType{width:90px !important; margin-left:2px; }

.product .productView .productSaleInfo .detailContent dd.none_width { width:189px;}
.product .productView .productSaleInfo .detailContent dd.none_width2 { width:280px;}
.product .productView .productSaleInfo .detailContent dd.none_width3 { padding-left:20px;}
.product .productView .productSaleInfo .detailContent dd.none_width4 {width:425px; padding:0px 0 0 10px;}
#agreeContent dd.none_width4{  line-height:22px; font-size:12px }
select#afterProcess1{width:102px !important;}
select#afterProcess2{width:80px !important; margin-left:4px;}

select#design1{width:78px !important;}
select#design2{width:107px !important; margin-left:4px;}

.afterProcess .box {position:relative; overflow:hidden; margin-bottom:10px; width:100%;}
.afterProcess .box .left{ width:17px; padding-top:6px; float:left;}
.afterProcess .box .process{  float:left; padding-left:3px;}

select.afterProcessType{width:90px !important;}
select.afterProcessCnt{width:78px !important; margin-left:2px;}

.ganjiProcess .box {position:relative; overflow:hidden; margin-bottom:10px; width:100%;}
.ganjiProcess .box .left{ width:17px; padding-top:6px; float:left;}
.ganjiProcess .box .process{  float:left; padding-left:3px;}

select.ganjiProcessType{width:90px !important;}
select.ganjiProcessCnt{width:78px !important; margin-left:2px;}

select#paperType1{width:100px !important; }
select#paperType1 option.recom{background:transparent url(/user/default/image/button/btn_recom.png) center right no-repeat}
input#paperType2{width:63px !important; margin-left:4px;}
select#envelope1{width:100px !important;}
input#envelope2{width:46px !important; margin-left:4px;}
select#envelope3{width:100px !important;}
input#envelope4{width:46px !important; margin-left:4px;}
select#envelopeAdd1{width:100px !important;}
input#envelopeAdd2{width:46px !important; margin-left:4px;}
select#sticker1{width:100px !important;}
input#sticker2{width:46px !important; margin-left:4px;}
select#page{ width:65px !important; padding-left: 15px !important; }
select#page2{ width:65px !important; padding-left: 5px !important; }

select#paperColorTop {width:63px !important; margin-left:4px;}
select#paperColorMiddle1 {width:63px !important; margin-left:4px;}
select#paperColorMiddle2 {width:63px !important; margin-left:4px;}
select#paperColorBottom {width:63px !important; margin-left:4px;}

select.select1{ width:97px !important; }
select.select2{ width:90px !important; margin-left:2px;}
select.selectFull{ width:190px !important;}

#productNCR input#books {width:60px !important; text-align:center}

.tit_txt{font-size:13px; color:#777; vertical-align:middle; margin-left:10px;  }

.bookCoverView {position:relative; overflow:hidden; width:100%; background-color:; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

label.error { float: none; color: red; padding-left: 0px; vertical-align: bottom; }

/*출력*/
#recentSB3 .recentThumb .more, #recentSB4 .recentThumb .more, #recentSB5 .recentThumb .more, #recentSB6 .recentThumb .more, #recentSB7 .recentThumb .more, #recentSB8 .recentThumb .more, #recentSB9 .recentThumb .more, #recentSB9 .recentThumb .more, #recentSB10 .recentThumb .more, #recentSB11 .recentThumb .more{display:none;}

/*제본*/
#recentSC8 .recentThumb .more, #recentSC9 .recentThumb .more, #recentSC10 .recentThumb .more, #recentSC11 .recentThumb .more, #recentSC12 .recentThumb .more, #recentSC13 .recentThumb .more, #recentSC14 .recentThumb .more, #recentSC15 .recentThumb .more, #recentSC16 .recentThumb .more{display:none;}

/*엽서&초대장*/
.docThumb .cell .center .button{background:#fff; color:#8c8e8d; border:1px solid #8c8e8d; width:70px; height:70px; text-align:center; float:left; vertical-align:middle; margin-left:20px; margin-top:13px; }
.docThumb .cell .center .button a{color:#757978;padding:15px 0;  display:block; }
.docThumb .cell .center .addContent{border:0px solid; display:inline-block; width:180px; float:left; position:relative; margin-top:28px}
.docThumb .cell .center .addContent .content{width:77px; border:0px solid; text-align:center; float:left; color:#767676; }
.docThumb .cell .center .addContent .number{width:77px; border:0px solid; text-align:center;  display:inline-block;margin-top:5px;  color:#767676; }
.docThumb .cell .center .addContent .title{width:80px; float:right;     text-align: left; font-family: 'Noto bold'; }
.docThumb .cell .center .addContent .money{   text-align: left; position:absolute; top:23px; left:100px; font-family: 'Noto bold'; }





/*엽서&초대장*/
#productSample .cell .center .button{background:#fff; color:#8c8e8d; border:1px solid #8c8e8d; width:56px; height:56px; text-align:center; float:left; vertical-align:middle; margin-left:20px; margin-top:18px; }
#productSample .cell .center .button a{color:#757978;padding:10px 0;  display:block; }
#productSample .cell .center .addContent{border:0px solid; display:inline-block; width:180px; float:left; position:relative; margin-top:28px}
#productSample .cell .center .addContent .content{width:77px; border:0px solid; text-align:center; float:left; color:#767676; }
#productSample .cell .center .addContent .number{width:77px; border:0px solid; text-align:center;  display:inline-block;margin-top:5px;  color:#767676; }
#productSample .cell .center .addContent .title{width:80px; float:right;     text-align: left; font-weight:800 }
#productSample .cell .center .addContent .money{   text-align: left; position:absolute; top:23px; left:100px;font-weight:800}

/*모양스티커(리뉴얼)*/
#productSample .cell .center .addContent .shapest_content{width:22px; height:15px; border:0px solid; text-align:center; float:left; color:#767676; }
#productSample .cell .center .addContent .shapest_number{width:22px; height:15px; border:0px solid; text-align:center;  display:inline-block;margin-top:5px;  color:#767676; }
#productSample .cell .center .addContent .shapest_title{width:140px; height:15px; float:right;     text-align: left; font-weight:800 }
#productSample .cell .center .addContent .shapest_money{text-align: left; position:absolute; top:23px; left:40px;font-weight:800}

/*웨딩접지*/
.wedding_btn{position:relative; overflow:hidden; margin:20px 0 7px 28px;}
.wedding_btn li{float:left; margin-right:20px;}

.weddingInfoBtn {width:180px}


/*청첩장 팝업*/

.wedding {position:relative; overflow:hidden; padding:0px 10px}
.wedding input[type="text" i] {border:1px solid #bbb; line-height:23px;  height:23px;background:#fff; margin:0px 3px 0px 0px; padding:0px 0 0 2px;font-size:13px; vertical-align:middle;}
.wedding .box2 input[type="text" i], #pop_groomFatherName, #pop_groomMotherName, #pop_brideFatherName, #pop_brideMotherName {width:130px}
.wedding input[type="checkbox" i] { }
.wedding input:focus {border:1px solid #444; background:#fefde5;margin:0px 3px 0px 0px; padding:0px 0 0 2px;}
.wedding select:focus {border:1px solid #444; background:#fefde5; padding:0px 0px 0px 3px;  margin:0px 2px 0px 0px; }
.wedding textarea:focus {border:1px solid #444; background:#fefde5;margin:0px; padding:4px; margin:5px 0px 0px 0px;}
.wedding select {border:1px solid #bbb;line-height:25px; height:25px !important;background:#fff; margin:0px 2px 0px 0px; padding:0px 0px 0px 3px; font-size:14px;vertical-align:middle; width:60px}
.wedding textarea {position:relative;border:1px solid #bbb; line-height:20px; margin:5px 0px 0px 0px;  padding:4px ;height:50px; background:#fafafa; width:98%;font-size:14px; }
.wedding .input_check {border:0px solid #bbb; background:none; padding:0px 3px}
.wedding .input_check:focus {border:0px solid #bbb; background:none; padding:0px 3px}
.wedding .title01 {float:left; font-size:20px; color:#000;}
.wedding .title03 {float:left;  font-size:17px; color:#000; }
.wedding .title02 {float:left;  font-size:14px;  color:#000; margin-right:20px; padding:2px 0px; }
.wedding .title04 {position:relative; overflow:hidden; padding:0px 0px 5px 0px;  font-size:17px; color:#000; }
.wedding .title05 {float:left;  font-size:20px;  color:#ee4778; }
.wedding .title_right {float:right; color:#999; font-size:13px; }
.wedding .relative {position:relative; overflow:hidden; padding:1px 0px; clear:both}
.wedding .box {border:0px solid #bbb; background:#fafafa; padding:15px 0px;font-size:12px; color:#4d4d4d; position:relative; overflow:hidden; }
.wedding .box .box_left{width:190px; float:left;}
.wedding .box .box_right .w_example{font-size:11px; color:#8d8d8d;}
.wedding .box .box_right { position:relative; overflow:hidden;}
.wedding .box2 {clear:both; border:1px solid #bbb; background:#fafafa; padding:0px 23px;margin:13px auto; font-size:12px;  }
.wedding .block {position:relative; overflow:hidden; padding:10px 10px;  color:#999}
.wedding .line {border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-bottom:20px;}
.wedding .line2 {border-bottom:1px solid #dedede; padding-bottom:15px; margin-bottom:15px;}
.wedding .btn {display:inline-block; padding:4px 10px 3px 10px; background:#666; color:#fff; font-size:13px; vertical-align:top}
.wedding .w46 {float:left; width:46%; padding-right:4%; border-right:1px solid #eee}
.wedding .w46_2 {float:right; width:46%; }
.wedding .w100 {float:left; width:100%;border-right:1px solid #eee}


.wedding .w47 {float:left; width:48%; padding-right:2%; border-right:1px solid #eee}
.wedding .w47_2 {float:right; width:48%; }
.wedding .w50 {float:left; width:50%;}
.wedding .f_left {float:left; margin-right:10px}
.wedding .padding_top {padding-top:15px}
.wedding .input_90{width:90%}
.wedding .input_80{width:80%}
.wedding .input_70{width:70%}
.wedding .input_60{width:60%}
.wedding .input_50{width:50%}
.wedding .input_40{width:40%}
.wedding .input_30{width:30%}
.wedding .input_20{width:20%}
.wedding .input_10{width:15px}
.wedding .input_80px{width:80px}
.wedding .input_150px{width:150px}


/* 순서지 팝업*/

.wedding2 {position:relative; overflow:hidden; padding:0px 10px; }
.wedding2 input {border:1px solid #bbb; line-height:23px;  height:23px;background:#fff; margin:0px 3px 0px 0px; padding:0px 0 0 2px;font-size:13px; vertical-align:middle}
.wedding2 input:focus {border:1px solid #444; background:#fefde5;margin:0px 3px 0px 0px; padding:0px 0 0 2px;}
.wedding2 select:focus {border:1px solid #444; background:#fefde5; padding:0px 0px 0px 3px;  margin:0px 2px 0px 0px; }
.wedding2 textarea:focus {border:1px solid #444; background:#fefde5;margin:0px; padding:4px; margin:5px 0px 0px 0px;}
.wedding2 select {border:1px solid #bbb;line-height:25px;  height:25px !important;background:#fff; margin:0px 2px 0px 0px; padding:0px 0px 0px 3px; font-size:14px;vertical-align:middle; width:60px}
.wedding2 textarea {position:relative;border:1px solid #bbb; line-height:20px; margin:5px 0px 0px 0px;  padding:4px ;height:50px; background:#fafafa; width:98%;font-size:14px; }
.wedding2 .input_check {border:0px solid #bbb; background:none; padding:0px 3px}
.wedding2 .input_check:focus {border:0px solid #bbb; background:none; padding:0px 3px}
.wedding2 .title01 {float:left; font-size:20px; color:#000;}
.wedding2 .title03 {float:left;  font-size:17px; color:#000; }
.wedding2 .title02 {float:left;  font-size:14px;  color:#000; margin-right:20px; padding:2px 0px; }
.wedding2 .title04 {position:relative; overflow:hidden; padding:0px 0px 5px 0px;  font-size:17px; color:#000; }
.wedding2 .title05 {padding:10px 0;font-size:17px;  color:#000; }
.wedding2 .title_right {float:right; color:#999; font-size:13px; }
.wedding2 .relative {position:relative; overflow:hidden; padding:1px 0px; clear:both}
.wedding2 .box {border:1px solid #ccc; background:#fafafa; padding:15px 0px;font-size:12px; height:550px; color:#4d4d4d; position:relative; overflow:hidden; }
.wedding2 .box .box_left{width:200px; float:left;}
.wedding2 .box .box_right .w_example{font-size:11px; color:#8d8d8d; font-family: 'Noto Regular'}
.wedding2 .box .box_right { position:relative; overflow:hidden;}
.wedding2 .box2 {border:1px solid #bbb; background:#fafafa; padding:0px 23px;margin:13px 0px; font-size:12px; clear:left; display: inline-block; }
.wedding2 .block {position:relative; overflow:hidden; padding:10px 20px;  font-size:14px; color:#333}
.wedding2 .line {border-bottom:1px dashed #ccc; padding-bottom:30px; margin-bottom:10px;}
.wedding2 .btn {display:inline-block; padding:4px 10px 3px 10px; background:#666; color:#fff; font-size:13px; vertical-align:top}
.wedding2 .w46 {float:left; width:46%; padding-right:4%; border-right:1px solid #eee}
.wedding2 .w46_2 {float:right; width:46%; }
.wedding2 .w100 {float:left; width:100%;border-right:1px solid #eee}
.wedding2 p {font-family: 'Noto Light'; padding:5px 0 !important; font-size:12px; clear:both; line-height:20px}
.wedding2  {font-family: 'Noto Light';}
.wedding2 .print_check { position:absolute; right:20px; top:50px; z-index:999}

.wedding2 .w47 {position:relative;float:left; width:48%; padding:0 1%;min-height:200px;}
.wedding2 .w47:after { content:''; position:absolute;width:1px; top:40px; bottom:0px; right:0; background:#eee}
.wedding2 .w47_2 {position:relative; float:right; width:48%; padding:0 1%; min-height:200px;}
.wedding2 .w50 {float:left; width:50%;}
.wedding2 .f_left {float:left; margin-right:10px}
.wedding2 .padding_top {padding-top:15px}
.wedding2 .padding_bottom {padding-bottom:96px}
.wedding2 .input_90{width:90%}
.wedding2 .input_80{width:80%}
.wedding2 .input_70{width:70%}
.wedding2 .input_60{width:60%}
.wedding2 .input_50{width:50%}
.wedding2 .input_40{width:40%}
.wedding2 .input_30{width:30%}
.wedding2 .input_20{width:20%}
.wedding2 .input_10{width:15px}
.wedding2 .input_80px{width:80px}
.wedding2 .input_150px{width:140px}



.cate_menu  {position:relative; overflow:hidden;}
.cate_menu .menu { position:relative; overflow:hidden; height:35px; }
.cate_menu .menu li{ margin:0px !important; padding:0px; width:150px; position:relative; float:left; }
.cate_menu .menu a{ background:#ccc; margin:0px;padding:7px 0px; border:2px solid #ccc; overflow:hidden; display:block; color:#fff; text-align:center; font-size:14px; }
.cate_menu .box{ position:relative; border:1px solid #666; background:#fff; padding:15px 23px; overflow:hidden; clear:both; z-index:80; }
.cate_menu .box ul li{ float:left;  width:20%;color:#000;   padding:2px 0px 2px 10px; background:url(/user/default/image/sub/greet_dot.gif) left center no-repeat; cursor:pointer}
.cate_menu .box ul li.on{ color:#f00;}

.cate_menu .group  {position:relative; overflow:hidden;}

#cate_tabs .ui-tabs-active a { display:block; padding:12px 0px; background:#666; color:#fff; border:2px solid #666; border-bottom:1px solid #fff;  }
#cate_tabs2 .ui-tabs-active{ display:block;  background:#fff;  border:2px solid #413e3e; border-bottom:1px solid #fff !important; position:relative;  border-bottom: none; }
#cate_tabs2 .ui-tabs-active a{color:#413e3e; font-family: 'Noto bold';}
.cate_menu_cover  {position:relative; overflow:hidden;}
.cate_menu_cover .menu { position:relative; overflow:hidden; z-index:9999;position:absolute;top:0px; left:0px; }
.cate_menu_cover .menu li{ padding:0px 0px;line-height:42px;  min-width:90px; position:relative; float:left; border:1px solid #c1c1c1;   margin-right:1px;  border-bottom:none;}
.cate_menu_cover .menu a{ background:#fff; overflow:hidden; display:block; color:#999898; text-align:center; font-size:13px; }
.cate_menu_cover .box{ position:relative; border-left:2px solid #413e3e;border-right:2px solid #413e3e; border-bottom:2px solid #413e3e;  background:#fff; padding:15px 0px; overflow:hidden; clear:both; z-index:80;  }
.cate_menu_cover .box ul li{ float:left; }
.cate_menu_cover .box ul li.on{ color:#f00;line-height:44px; }
.cate_menu_cover .group  {position:relative; overflow:hidden;}
.cate_menu_cover .line{border-top:2px solid; margin-top:43px;}
.cate_menu_cover .group li { position:relative;text-align:center; width:100%;}


/*
ul.tab_design5 {position:relative; width:1122px; height:40px; border-bottom:2px solid #707070; text-align:center;  margin-bottom:0px; margin-left:20px;}
ul.tab_design5 li{position:relative; float:left; top:2px; _top:3px; border:1px solid #c6c7c9; border-bottom:none; background-color:#f4f4f4; margin:0; width:110px;}
ul.tab_design5 .off{ color:#666; text-align:center }
ul.tab_design5 .off A{font-size:14px; color:#989898; padding:9px 10px 9px 10px; display:block}
ul.tab_design5 .on{position:relative; float:left; height:37px; top:2px; _top:2px; border:2px solid #707070; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
ul.tab_design5 .on A{ color:#000; padding:9px 10px 9px; 10px; display:block}
ul.tab_design5 .nbsp{background:#fff; height:39px;}
*/


.greet_table {margin:30px 0px 30px 0px; background:#fff; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; overflow:hidden;}
.greet_table dl {clear:both; border-top:1px solid #eee;position:relative; overflow:hidden; }
.greet_table dl:last-child {border-bottom:1px solid #eee; }
.greet_table dt.title {float:left; width:10%; height:auto; background:#fff;  text-align:center; font-size:30px; color:#666; display:inline-block; vertical-align:middle; margin-top:1px;}
.greet_table dt.title div {display:inline-block; vertical-align:middle;}
.greet_table dd {position:relative;float:left; width:69%; height:auto; padding:10px 10px 10px 3%;  color:#666; text-align:left; font-size:14px; }
.greet_table pre {font-family: 'Nanum Gothic';}
.greet_table dd.btn {float:left; width:10%;height:auto; padding:10px;}
.greet_table .greet_btn {background:#f9b552; padding:5px 10px; color:#fff; z-index:90}


/* Prodcut View */
.product .productView .productSubject {border:1px solid #d2d2d2; border-top:3px solid #85a919; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; background-color:#f4f4f4; line-height:20px; text-align:center;}
.product .productView .productSubject strong {font-size:18px; color:#000; text-align:center;}
.product .productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:10px; right:10px; width:53px; height:60px; text-align:center}
.product .productView .productSubject .iconSale p {padding-top:15px; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.product .productView .productImageView {float:left; background-color:#fff}
.product .productView .productImageZoom li {text-align:center; margin-top:10px}
.product .productView .productImageZoom li.zoomMent {background-color:#f4f4f4; padding:5px; font-size:11px; color:#999}
.product .productView .productImageZoom image {border:1px solid #d2d2d2; cursor:pointer}
.product .productView .productInfo {border:0px solid #d2d2d2; border-top:0; background-color:#fff}
.product .productView .productSaleInfo {float: left; border-left:0px solid #d2d2d2}
.product .productView .productSaleInfo .mLine {border-top:1px dotted #d2d2d2; margin:15px 20px 0 20px}
.product .productView .productSaleInfo .detailContent {overflow: hidden; clear: both; padding-top: 10px}
.product .productView .productSaleInfo .detailContent dl {clear:both}
.product .productView .productSaleInfo .detailContent dt{ color: #222; padding:0px 0 0 30px; font-weight:bold; color:#000; line-height:30px;height:30px;}
.product .productView .productSaleInfo .detailContent dt.required {  padding:0px 0 0 20px; }
.product .productView .productSaleInfo .detailContent dt.vcenter {vertical-align:middle;}
.product .productView .productSaleInfo .detailContent dd {position:relative;width:auto; float: left; color:#666; padding:0px 0 0 10px; line-height:30px;margin:0 !important}
.product .productView .productSaleInfo .detailContent dd span {display:inline-block; line-height:30px;}

.product .productView .productSaleInfo .detailContent dd img {vertical-align:middle}
.product .productView .productSaleInfo .detailContent dd .left {padding:0;}
.product .productView .productSaleInfo .detailContent dd.none2 {line-height:23px; font-size:12px;}

.product .productView .productSaleInfo .detailContent dd.point {display:block;float: left;width:10px; padding:0px 0 0 0; color:#666; height:30px; line-height:30px;  }
.product .productView .productSaleInfo .detailContent dd .enteryIpt {float: left;}
.product .productView .productSaleInfo .detailContent dd .enteryIpt input {width:30px; height:18px; color:red; border:1px solid #bababa; background-color:#ffffcc; text-align:center}
.product .productView .productSaleInfo .detailContent dd .enterCt {float: left; padding-left: 3px;}
.product .productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.product .productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.product .productView .productSaleInfo .detailContent dd .text {float: left; padding-top: 5px; padding-left: 4px;}
.product .productView .productSaleInfo .detailContent dd label.error {position:absolute; top:4px; left:-50px; border:1px solid #aaa; background:#fff; padding:0px; z-index:999; width:50px; text-align:center; font-size:12px;}
.product .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.product .productView .productSaleInfo .detailContent dd label {padding:0 7px 0 3px; line-height:25px;display:inline-block}
.product .productView .productSaleInfo .detailContent dd input[type="radio"], .product .productView .productSaleInfo .detailContent dd input[type="checkbox"]   {line-height:25px;vertical-align:top; margin-top:5px !important; display:inline-block; width:15px; height:15px;}
.product .productView .productSaleInfo .detailContent dd.tprice {color:#ff3300; font-size:15px; padding-top:0}
.product .productView .productSaleInfo .detailContent dd.tprice span {font-family:Arial Black; line-height:0}
.product .productView .productSaleInfo .detailContentGuide {margin:10px 20px 0 20px; padding:10px; border:1px dashed #d2d2d2; border-top:1px solid #d2d2d2; line-height:18px; font-size:11px; color:#666}
.product .productView .productSaleInfo .mallControlBtn {width: 100%; text-align: center; height: 50px; margin-top: 10px;}
.product .productView .productSaleInfo .totalPrice ul {width: 369px; text-align: right; padding: 6px 30px 6px 0;}
.product .productView .productSaleInfo .totalPrice ul li {color: #666; font-size: 12px;}
.product .productView .productSaleInfo .totalPrice .tprice {color: #e74100; font-family:Arial Black; font-size: 15px}
.product .productView .productSaleInfo #senecaContent dd {}
.product .productView .productSaleInfo #senecaContent dd p {position:relative;width:auto !important; padding:0 !important; line-height:25px}
.product .productView .productSaleInfo #standardType {padding-top:5px}
.product .productView .productSaleInfo #agreeContent dd.none {width:423px;}
.product .productView .productSaleInfo #agreeContent dd.none label{line-height:20px;}

.product .productTab {position:relative; overflow:hidden}
.product .productTab img {vertical-align:middle}
.product .productTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #76aa12; text-align:center}
.product .productTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #d2d2d2; background-color:#fff; margin:0}
.product .productTab li.tab p {border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.product .productTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.product .productTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #76aa12; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.product .productTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.product .productTab li.on p a {font-weight:bold; color:#76aa12; padding:10px 12px 8px; 10px; display:block}
/**
 * mdProduct
 */
/* Recent - product */
.recentProduct {margin:auto; overflow:hidden}
.recentProduct .cell {position:relative; float:left; overflow:hidden}
.recentProduct .cell .thumbNail {border:2px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentProduct .cell .thumbNail_on {border:2px solid #85a919; margin-left:auto; margin-right:auto}
.recentProduct .cell .icon {position:absolute; top:1px; left:1px}
.recentProduct .cell .icon * {vertical-align:middle}
.recentProduct .cell .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.recentProduct .cell .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.recentProduct .cell .productName {position:relative; margin:3px 0; font-weight:normal; color:#999; text-align:center; line-height:18px; overflow:hidden;font-weight:bold; }
.recentProduct .cell .productName a,
.recentProduct .cell .productName a.link,
.recentProduct .cell .productName a.visited {color:#000000; font-weight:bold; }
.recentProduct .cell .productSubject {position:relative; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.recentProduct .cell .priceAndPoint p.price {font-weight:bold; color:#ff6600; margin:10px 0; text-align:center}

/* list : gallary */
.productList {margin:auto; background:url(/user/default/image/background/bg_productList.jpg) no-repeat left top; overflow:hidden}
.productList .sortNavi { position:relative; padding:0px !important; text-align:left;   border-bottom:1px solid #efefef;  margin-bottom:30px}
.productList .sortNavi a {color:#555 !important; display:inline-block; font-size:16px !important;   line-height:55px !important; margin:0px 15px 0px 5px}
.productList .sortNavi a.actBold{font-weight:normal !important;font-size:16px !important;  color:#0d4a88 !important;line-height:55px !important;  border-bottom:2px solid #0d4680}
.productList .cell {position:relative; float:left; text-align:center; margin:0px auto 30px auto}
.productList .cell .viewImage {position:relative; text-align:center; margin:auto}
.productList .cell .viewImage .thumbNail {position:relative; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .thumbNail_on {position:relative; border:2px solid #cc0608; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.productList .cell .viewImage .icon * {vertical-align:middle}
.productList .cell .viewImage .icon span {padding-right:2px}
.productList .cell .viewImage .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.productList .cell .viewImage .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.productList .cell .center {position:relative; margin:auto; padding:5px 0}
.productList .cell .center .title {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
.productList .cell .center .title a {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .title a:visited {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.productList .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center}
.productList .cell .center .nameAndDate .author {text-align:center}
.productList .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}
.productList .cell .center .productName {position:relative; margin:3px 0; font-weight:normal; color:#999; text-align:center; height:12px; overflow:hidden}
.productList .cell .center .productSubject {position:relative; font-weight:normal; color:#666; text-align:center; height:12px; overflow:hidden}
.productList .cell .center .priceAndPoint .price {margin:10px 0; font-weight:bold; color:red; text-align:center}
.productBottom {margin-top:5px; border-top:1px dashed #d2d2d2}

/* Prodcut View */
.productSample .productView .productSubject {border:1px solid #d2d2d2; border-top:3px solid #85a919; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; background-color:#f4f4f4; line-height:20px; text-align:center;}
.productSample .productView .productSubject strong {font-size:18px; color:#000; text-align:center;}
.productSample .productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:10px; right:10px; width:53px; height:60px; text-align:center}
.productSample .productView .productSubject .iconSale p {padding-top:15px; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.productSample .productView .productImageView {float:left; background-color:#fff}
.productSample .productView .productImageZoom li {text-align:center; margin-top:10px}
.productSample .productView .productImageZoom li.zoomMent {background-color:#f4f4f4; padding:5px; font-size:11px; color:#999}
.productSample .productView .productImageZoom image {border:1px solid #d2d2d2; cursor:pointer}
.productSample .productView .productInfo {border:0px solid #d2d2d2; border-top:0; background-color:#fff}
.productSample .productView .productSaleInfo {float: left; border-left:0px solid #d2d2d2}
.productSample .productView .productSaleInfo .mLine {border-top:1px dotted #d2d2d2; margin:15px 20px 0 20px}
.productSample .productView .productSaleInfo .detailContent {overflow: hidden; clear: both; padding-top: 10px}
.productSample .productView .productSaleInfo .detailContent dl {clear:both}
.productSample .productView .productSaleInfo .detailContent dt {float: left; width:100px; color: #222; padding:5px 0 0 20px; font-weight:bold; color:#666}
.productSample .productView .productSaleInfo .detailContent dd {float: left; color:#666; padding:3px 0 0 10px}
.productSample .productView .productSaleInfo .detailContent dd.point {width:10px; padding:5px 0 0 0; color:#666}
.productSample .productView .productSaleInfo .detailContent dd .enteryIpt {float: left;}
.productSample .productView .productSaleInfo .detailContent dd .enteryIpt input {width:30px; height:18px; color:red; border:1px solid #bababa; background-color:#ffffcc; text-align:center}
.productSample .productView .productSaleInfo .detailContent dd .enterCt {float: left; padding-left: 3px;}
.productSample .productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.productSample .productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.productSample .productView .productSaleInfo .detailContent dd .text {float: left; padding-top: 5px; padding-left: 4px;}
.productSample .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.productSample .productView .productSaleInfo .detailContent dd.tprice {color:#ff3300; font-size:15px; padding-top:0}
.productSample .productView .productSaleInfo .detailContent dd.tprice span {font-family:Arial Black; line-height:0}
.productSample .productView .productSaleInfo .detailContentGuide {margin:10px 20px 0 20px; padding:10px; border:1px dashed #d2d2d2; border-top:1px solid #d2d2d2; line-height:18px; font-size:11px; color:#666}
.productSample .productView .productSaleInfo .mallControlBtn {width: 100%; text-align: center; height: 50px; margin-top: 10px;}
.productSample .productView .productSaleInfo .totalPrice ul {width: 369px; text-align: right; padding: 6px 30px 6px 0;}
.productSample .productView .productSaleInfo .totalPrice ul li {color: #666; font-size: 12px;}
.productSample .productView .productSaleInfo .totalPrice .tprice {color: #e74100; font-family:Arial Black; font-size: 15px}
.productSample .productTab {position:relative; overflow:hidden}
.productSample .productTab img {vertical-align:middle}
.productSample .productTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #76aa12; text-align:center}
.productSample .productTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #d2d2d2; background-color:#fff; margin:0}
.productSample .productTab li.tab p {border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.productSample .productTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.productSample .productTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #76aa12; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.productSample .productTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.productSample .productTab li.on p a {font-weight:bold; color:#76aa12; padding:10px 12px 8px; 10px; display:block}


/*포스터(소량) 리뉴얼 */
.posterSizeTypeList {overflow: hidden;border-left: 1px solid #ccc;}
.posterSizeTypeList > li {width:25%;box-sizing: border-box;float: left;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.posterSizeTypeList > li:nth-child(-n+4) {border-top: 1px solid #ccc;}
.posterSizeTypeList > li:hover{background:#f6f6f6;box-shadow:rgba(219,219,219,0.5) inset 0 0 8px;}
.posterSizeTypeList > li:focus{}
.posterSizeTypeList > li input[type="radio"] + label:before {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid #28aafe;right:0; bottom:0;opacity: 0;}
.posterSizeTypeList > li input[type="radio"] + label:after {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid #28aafe;left:0; top:0;opacity: 0; }
.posterSizeTypeList > li input[type="radio"]:checked + label:before {opacity: 1}
.posterSizeTypeList > li input[type="radio"]:checked + label:after {opacity: 1}
.posterSizeTypeList > li input[type="radio"] {position: absolute;left: -9999px;width: 0;height: 0;border: none;overflow: hidden}
.posterSizeTypeList > li input[type="radio"] + label {width: 100%;display: block;text-align: center;padding: 8px 0;position: relative; overflow:hidden;}
.posterSizeTypeList > li input[type="radio"]:checked + label > span{color:#498ece; font-weight:bold;}
.posterSizeTypeList label > span {color: #000}
.posterSizeTypeList.paperRadioList label > span.ov {display: none !important;}
.posterSizeTypeList.paperRadioList li:hover label > span.ov {display: block !important;}
.posterSizeTypeList.paperRadioList > li input[type="radio"]:checked + label{background:#f2f9ff; color:#1e90ff;box-shadow: 2px 2px 10px 0px rgba(147, 202, 255, 0.25);}
.posterSizeTypeList.paperRadioList > li input[type="radio"]:checked + label > span {display: none}
.posterSizeTypeList.paperRadioList > li input[type="radio"]:checked + label > span.ov {display: block  !important;}
.product .productView .productSaleInfo .detailContent dd.posterSizeTypeInner{width: 395px; line-height:unset;}
.product .productView .productSaleInfo .detailContent dd.posterSizeTypeInner label{padding:0; line-height:32px; height:32px; display:block;}
.product .productView .productSaleInfo .detailContent dd.posterSizeTypeInner label.error{top: 115px; line-height:25px !important;}
.product .productView .productSaleInfo .detailContent dd.posterSizeTypeInner span{line-height:32px; font-size:13px;}
.product .productView .productSaleInfo .detailContent dd.posterSizeTypeInner li:hover span{display:none;}
#directType{background:#f7f9fa; margin-top:5px;font-size: 12px; padding:5px;text-align: center;}
#directType .input_white{width:100px !important; border-radius: 0px !important; margin-left:3px; margin-right:2px;}
#directType label{height:auto; line-height:20px;}


/* 장바구니 썸네일 */
.cart_thumbNail {border:1px solid #aaa; background:#eee; display:inline-block; text-align:center; padding:3px 10px; }
.cart_thumbNail .tit{background:#333; border-radius:50%; width:50px; height:50px;  color:#fff; display:table-cell; vertical-align:middle; text-align:center;}



/* 제작후기 리뉴얼 */

.review_board {position:relative; }
.review_board .review_tit{padding:5px 10px; overflow:hidden; margin-top:40px;}
.review_board h5{font-size:22px; color:#000; font-weight:700}
.review_board .more{background:#dc5d78; color:#fff; font-size:13px; padding:5px 15px; letter-spacing:-0.05em;  margin-top:5px}
.review_board *{font-size:16px; color:#666}
.review_board .review_best{position:relative; overflow:hidden}
.review_board .review_best .cell{float:left; width:30.333%; margin:20px 1.5% 30px 1.5%}
.review_board .review_best .cell .pho{position:relative; overflow:hidden; height:260px; box-sizing:border-box; }
.review_board .review_best .cell .pho img{width:180%;position:absolute; margin-left:-35%; margin-top:-25% }
.review_board .review_best .cell .pho img.thumbIcon {width:100%;position:absolute; margin-left:0%; margin-top:0% }
.review_board .review_best .cell .txt_box{position:relative;  overflow:hidden; padding:5px 0px; font-size:15px;}
.review_board .review_best .cell .txt_box span.best{background:#db5c79; font-family: 'Noto Light';font-size:13px;  padding:1px 4px; display:inline-block; border-radius:5px; color:#fff; margin-right:5px; text-decoration:none}
.review_board .review_best .cell .txt_box {text-decoration:underline;}
.review_board .review_best .cell .txt_box .star{color:#e50112; position:absolute; top:0px; right:0px; font-size:18px; font-weight:700}
.review_board .review_best .cell .txt_box .star span{color:#d1d1d1}

.review_board .review_table{  border-collapse:collapse; width:100%; margin-top:10px}
.review_board .review_table th {border-bottom:1px solid #959595; border-top:1px solid #959595; color:#333;font-size:14px; text-align:center; padding:10px 10px; font-weight:700 !important}
.review_board .review_table td {border-bottom:1px solid #d2d2d2; padding:10px 10px; color:#666;  font-size:14px; text-align:center}
.review_board .review_table td.star{color:#e50112; font-size:18px; font-weight:700}
.review_board .review_table td.star span{color:#d1d1d1}
.review_board .review_table td.left{text-align:left}
.review_board .review_table td span.tit{color:#999; display:block;  font-size:14px;}
.review_board .review_table td.thumbnail .thumb {width:80px; height:60px;position:relative;overflow:hidden; margin:0 auto;}
.review_board .review_table td.thumbnail .thumb img{width:200%;position:absolute; margin-left:-50%; margin-top:-25%}


/* 톡톡문의 */
.talk_preview_area .ico_talk_banner{display:none !important;}
.talk_preview_area .talk_banner_preview{text-align:center !important;}

/* 공지사항_게시글 */
.truepress{position:relative; }
.truepress .video{position:absolute; right:65px; bottom:2197px}
.truepress_bg {position:relative; background:url(/user/default/image/sub/truepress_04.jpg) no-repeat; height:597px;}
.truepress_bg .text{position:absolute; top:280px; left:205px; font-family:Arial; font-weight:bold; color:#fff; font-size:160px; letter-spacing:0.2em; text-shadow:4px 2px 2px rgba(0,0,0,0.5)}
.truepress_bg .text span{margin-right:28px; display:inline-block}

.truepress_bg2 {position:relative; background:url(/user/default/image/sub/truepress_04_2.jpg) no-repeat; height:597px;}
.truepress_bg2 .text{position:absolute; top:160px; left:245px; font-family:Arial; font-weight:bold;  font-size:140px; letter-spacing:0.15em; text-shadow:4px 2px 2px rgba(0,0,0,0.1)}
.truepress_bg2 .text .dday{margin-bottom:210px;letter-spacing:0.22em; margin-left:80px; color:#fff; font-size:170px;}
.truepress_bg2 .text span{margin-right:48px; display:inline-block; color:rgba(255,255,255,0.9);}



/* 회사소개 리뉴얼 */
#fullpage *{ text-align:center}
.company_visual {background:url(/user/default/image/company/company_01.jpg) center center  no-repeat; height:470px;}
.company_visual p{text-align:center; color:#fff; font-size:250%; padding-top:180px;  }
.company_bg {background:url(/user/default/image/company/company_05.jpg) center center no-repeat; height:815px;}





.book_tab {overflow:hidden;}
.book_tab li{float:left; margin-right:5px}
.book_title {position:relative;border-left:5px solid #3da5f4; display:block; margin-top:20px; }
.book_title:before {content:'';border-bottom:1px dashed #c6c6c6; height:1px;position:absolute; left:0; right:0; top:50%; display:block;}
.book_title span{position:relative;color:#3da5f4; display:inline-block; background:#fff; padding:5px 11px; font-size:18px;font-family:'Nanum Square'; font-weight:700 }
.book_title.pink {border-left:5px solid #fa4b69;}
.book_title.pink span{color:#fa4b69;}
.book_title.yellow {border-left:5px solid #e9b830;}
.book_title.yellow span{color:#e9b830;}
.book_title.black {border-left:5px solid #000;}
.book_title.black span{color:#000;}
.book_title.navy {border-left:5px solid #2a42ab;}
.book_title.navy span{color:#2a42ab;}
.book_title.green {border-left:5px solid #0d715b;}
.book_title.green span{color:#0d715b;}



.certificatepaper {overflow:hidden; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px; font-size:14px}
.certificatepaper span{color:#ff5757}
.cert_txt { margin:0 20px}
.cert_txt img {padding:0 5px; }



.popup_title {background-color:#3a3a3a;  width:100%; height:50px; line-height:50px; margin-bottom:12px;}
.popup_title h3 {color:#fff; font-size:20px; padding:0 20px;}


.menu_violet {border-bottom:none; overflow:hidden; height:auto}
.menu_violet p { padding:0px; font-size: 22px; color:#666; line-height:50px}


.bbs_ncs {position:relative; width:1160px}
.bbs_ncs .btn_box{position:absolute; top:1200px; width:936px; left:100px}
.bbs_ncs .btn_box table{width:100%; table-layout:fixed;border-collapse: separate;border-spacing:0px;}
.bbs_ncs .btn_box td{border:1px solid #ebebeb; color:#999; text-align:center; background:#fff;}
.bbs_ncs .btn_box td a{position:relative;color:#888; padding:35px 10px 20px 10px; display:block}
.bbs_ncs .btn_box td a:after{content:'GO';position:absolute; top:0; left:75px; background:#c9c9c9; padding:1px 10px; color:#fff; font-size:13px !important}
.bbs_ncs .btn_box td *{font-size:16px}
.bbs_ncs .btn_box td strong{color:#000;font-weight:700}
.bbs_ncs .bottom_btn{position:absolute; bottom:85px; text-align:center; left:0; right:0;}
.bbs_ncs .bottom_btn img{padding:0 50px}
.bbs_ncs .btn_box td:hover{border:1px solid #000; color:#fff; background:#36b0ff;}
.bbs_ncs .btn_box td:hover *{color:#fff;}
.bbs_ncs .btn_box td:hover a:after{background:#fff; color:#36b0ff !important; }


@font-face {font-family:'Nanum Square';font-style:normal;font-weight:300;src: url(/common/font/NanumSquareL.eot);src: local('NanumSquareL'),local('NanumSquareL'),url(/common/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),url(/common/font/NanumSquareL.woff) format('woff'),url(/common/font/NanumSquareL.ttf) format('truetype');}
@font-face {font-family:'Nanum Square';font-style:normal;font-weight:400;src: url(/common/font/NanumSquareR.eot);src: local('NanumSquareR'),local('NanumSquareR'),url(/common/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),url(/common/font/NanumSquareR.woff) format('woff'),url(/common/font/NanumSquareR.ttf) format('truetype');}
@font-face {font-family:'Nanum Square';font-style:normal;font-weight:700;src: url(/common/font/NanumSquareB.eot);src: local('NanumSquareB'),local('NanumSquareB'),url(/common/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),url(/common/font/NanumSquareB.woff) format('woff'),url(/common/font/NanumSquareB.ttf) format('truetype');}
@font-face {font-family:'Nanum Square';font-style:normal;font-weight:800;src: url(/common/font/NanumSquareEB.eot);src: local('NanumSquareEB'),local('NanumSquareEB'),url(/common/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),url(/common/font/NanumSquareEB.woff) format('woff'),url(/common/font/NanumSquareEB.ttf) format('truetype');}

.ncr_pop1 {font-family: 'Nanum Square'}
.ncr_pop1 h4 {font-size:20px;padding-top:25px; font-weight:600}
.ncr_pop1 h4 span {color:#db5d78}
.ncr_pop1 p {font-size:14px;font-weight:normal !important;line-height:40px !important;}
.ncr_pop1 p span {color:#ff819a}
.ncr_pop1 img{margin:0 10px}
.ncr_pop1 p.line {text-decoration:underline}


.ncr_select span{float:left; margin-right:7px; padding-top:0px;}
.ncr_select select{float:left;   width: 155px !important;}



#new_menu {width:1200px;  margin: 0 auto; }
#new_menu * {overflow:visible; font-family: 'Nanum Gothic', sans-serif; box-sizing:border-box}
#new_menu:before {content:'';position: absolute; background:#e0e0e0;left:0px; right:0px; top:0px; height:1px;}
#new_menu:after {content:'';position: absolute; background:#e0e0e0;left:0px; right:0px; top:50px; height:1px; z-index:100}

/* #recentMT21 {overflow:visible !important; height:Auto important}*/
#new_menu .all, #Menu2, #new_menu .sns {float:left;}
#new_menu .all { width:150px;border-right:1px solid #e0e0e0}
#new_menu .all div{float:left; width:15px; margin-right:10px; margin-top:17px;}
#new_menu .all div div{float:left; background:#000; display:block; height:1px; margin:2px 0}
#new_menu #Menu2 { /*padding:0 18px;*/ padding:0 7px; width:870px}
#new_menu .sns {border-left:1px solid #e0e0e0; padding-left:30px; width:170px}
#new_menu .sns a{padding:0 3px}
#new_menu ul{text-align:center}
#new_menu ul li{display:inline-block;position:relative; width:Auto !important}
#new_menu ul li ul {position: absolute;  white-space: nowrap; left:-5px; margin: 0;  height: auto;padding:15px 13px;overflow: hidden; z-index:99; background:rgba(255,255,255,1); border:1px solid #eee; border-top:none; width:160px;}
#new_menu ul li a{display:block; padding:0 21px;}
#new_menu ul li ul li {  display: block; line-height:25px; padding:0 10px;}
#new_menu ul li ul li a{ text-align:left; display: block; color:#808080; font-size:12px; padding:2px 0px;}
#new_menu ul li ul li a:hover{ color:#000; }
.mlink, #new_menu .all, #new_menu .sns  {line-height:50px; font-size:14px !important; font-weight:700}
#new_menu ul li.on .mlink{color:#36b0ff}
#new_menu ul li.on .mlink:after{content:'';position: absolute; left:20px; right:20px; background:#36b0ff;display:block; height:3px; z-index:101;}

.all_menu {position: absolute; width:1200px; left:calc(50% - 600px);border:1px solid #666; top:50px;z-index:9999; background:#fff; padding:30px; display:none}
.all_menu *{letter-spacing:-0.05em !important}

.all_menu .l{float:left;width:16.6%}
.all_menu .r{float:left;width:83.4%}
.all_menu .r .m_wrap dl, .all_menu .r .m_wrap div{float:left;width:20%}
.all_menu .r .m_wrap {display:block; overflow:hidden !important; width:100%;}

.all_menu dl{display:block; margin-bottom:40px}
.all_menu dt{line-height:40px;border-bottom:1px solid rgba(0,0,0,0.1); display:block; font-weight:700; font-size:15px;margin-bottom:10px; padding:0 2px; width:70%;}
.all_menu dd{line-height:25px;display:block; font-size:15px; padding:0 2px;width:70%;}
.all_menu dd a{color:#888}
.all_menu dd a:hover{color:#000}
.all_menu .l dt{border-bottom:1px solid rgba(0,0,0,1);}
.all_menu .l dd a, .company dd a{color:#000}

.all_menu .banner img{padding:3px 0}
.all_menu .company dt{color:#36b0ff}
.all_menu .eng {margin-top:-20px; padding-left:8px}



.right_menu3 {position: fixed;transition:all 0.3s; right:0; width:140px; top:0; height:100%; background:#fff; border-left:1px solid #ddd; box-sizing:border-box}
.right_menu3 *{text-align:center; font-family: 'Nanum Gothic', sans-serif; box-sizing:border-box}
.right_menu3 .banner {/*padding-top:30px;*/}
.right_menu3 .banner img{padding:3px 0}
.right_menu3 ul{position:relative;padding:30px 20px; }
.right_menu3 ul:after{content:''; position:absolute;height:1px; background:#eee; left:30px; right:30px; bottom:0}
.right_menu3 ul li a{position:relative;display:block; padding:15px 0}
.right_menu3 ul li a span{display:block; font-size:13px; color:#888}
.right_menu3 ul li a .cart{font-style:normal; position:absolute; right:25px; top:10px; color:#fff; background:#e0002a; display:inline-block; width:20px; height:20px; line-height:20px; border-radius:50%; font-size:12px;}
.right_menu3 .r_btn {position:absolute; left:-29px; top:45%; }
.right_menu3.off {right:-140px;}

.w_1200 {width:1200px; margin:30px auto; position:relative; overflow:hidden;}

#recentML31 {background:#f8f8f8;position:relative; margin:10px 0 !important}
#recentML31 .recentHeader, #recentML31 .recentBody{float:left}
#recentML31 div.more {float:right; width:150px; top:18px}
#recentML31 .recentHeader {width:235px; border:none}
#recentML31 .recentHeader h3{padding:20px 0; text-align:center; display:block; font-size:20px; float:none}
#recentML31 .recentBody{width:800px !important}
#recentML31 .recentBody .docTitle  {border:none; line-height:30px;}
#recentML31 .bx-controls {display:none;}


#container.new, .font *{font-family: 'Nanum Gothic' ;/*font-family:'NanumBarunGothic';*/ letter-spacing:-0.02em;}

.bor * {box-sizing:border-box;}


.md_pick {position:relative; margin-top:60px; overflow:hidden;}
.md_pick h3{position:relative;font-family: 'Recipekorea' !important; font-size:30px; text-align:center; color:#000}
.md_pick h3:before, .md_pick h3:after{content:''; position:absolute; top:40%;  width:40%;height:2px; background:#ccc}
.md_pick h3:before{left:0; }
.md_pick h3:after{ right:0;}
.md_pick h3 span{color:#666666;font-family: 'Recipekorea' !important;  }
.md_pick .hash{text-align:center; margin-bottom:30px;}
.md_pick .hash span{display:inline-block;background:#eee; color:#000; padding:5px 15px; border-radius:40px; margin:5px 5px}
.md_pick .row{margin:0 -15px;}
.md_pick .cell{float:left; width:33.3333%;padding:0 15px }
.md_pick .cell strong{font-weight:700;font-size:22px;color:#000;padding-bottom:18px;display:block; font-family:'Nanum Square', sans-serif !important; }
.md_pick .cell p{font-size:14px;line-height:20px; color:#777}
.md_pick .cell div{display:block; padding:30px 0 40px 0}

.m_instar:before {content:'';border-top:1px solid #ddd; display:block; margin:30px 0 60px 0;}

.m_instar {position:relative;overflow:hidden;margin:0 -3px 30px -3px;}
.m_instar h3{display:block; font-family: 'Recipekorea' !important; font-size:28px; color:#999; line-height:35px; padding:10px 0}
.m_instar h3 a{font-family: 'Cafe24Shiningstar' !important; font-size:40px; color:#000; line-height:35px; vertical-align:bottom; padding:0 15px}
.m_instar .cell{float:left; width:20%;padding:0 3px;}
.m_instar .cell a{position:relative;display:block;overflow: hidden; background:#000;}
.m_instar .cell img{width:100%;transition:all 0.3s linear 0s; padding:0 0; }
.m_instar .cell:hover  img{ transform: scale(1.15); -webkit-transition: all .5s ; -moz-transition: all .5s ; -ms-transition: all .5s ; -o-transition: all .5s ; transition: all .5s ;
-webkit-animation: showElement .5s ; -moz-animation: showElement .5s ; -ms-animation: showElement .5s; -o-animation: showElement .5s ;    opacity:0.35;}

.m_line {display:block;overflow:hidden;border-top:1px solid #ddd; margin-top:70px; padding:30px 0;}
.m_line *{}

.m_infor {overflow:hidden;}

.m_infor .custom {position:relative;float:left; width:33%}
.m_infor .custom:nth-child(2) {width:34%}
.m_infor .custom:after {content:''; position:absolute; right:15%; top:4%; bottom:4%; width:1px; background:#ddd}
.m_infor .custom:last-child:after {display:none}
.m_infor .custom:nth-child(2):after {right:20%; }

.m_infor .custom img{float:left; margin-right:10px}
.m_infor .custom div{overflow:hidden}
.m_infor .custom div p{font-size:14px; line-height:20px; color:#555}
.m_infor .custom div p span{font-size:14px;  display:inline-block; padding:0 10px 0 0 ; background:none; color:#111;margin-top:5px; font-weight:700}
.m_infor .custom div strong{ display:block;line-height:35px;font-size:18px;color:#40b5ff;font-family:'Nanum Square', sans-serif !important; letter-spacing:-0.05em; }
.m_infor .custom div strong.v2{font-size:18px;color:#000;}
.m_infor .custom div span{font-size:14px;background:#b5b5b5; padding:3px 36px; display:inline-block; color:#fff; margin-top:10px}
.m_infor .custom div i{display:block;line-height:22px;font-size:14px;color:666; font-style:normal}
.m_infor .custom div i.line{text-decoration:underline; color:#888}


.m_bg {position:relative;overflow:hidden;background:#21242e}
.m_bg:after {content:'';  position:absolute; top:0; bottom:0; left:50%; width:1px; background:rgba(255,255,255,0.1)}

.call2 {position:relative;overflow:hidden;padding:20px 0;}
.call2 *{color:#fff;}
.call2 h4{display:block; font-size:20px; font-family:'Nanum Square', sans-serif !important; color:#fff; line-height:45px; font-weight:bold;}
.call2 .box{float:left; width:48%;}
.call2 .box:last-child{float:right; padding-left:15px }
.call2 .box dl, .call2 .box a.link{float:left;  font-size:14px}
.call2 .box dl{width:48.2%;margin-right:10px; border:1px solid rgba(255,255,255,0.1); height:100px; padding:18px 22px; background:#21242b}
.call2 .box dl dt, .call2 .box dl dd{float:left; line-height:22px;}
.call2 .box dl dd {color:#40b5ff; width:55%;}
.call2 .box dl dt {width:45%;}
.call2 .box:last-child dl dd {color:#f6d237}


.lb-outerContainer { padding:0 50px; background-color:none !important }



.m_customer {display:block;background:#f6f6f6; padding:40px 0 50px 0; overflow:hidden; margin-top:30px; clear:both;}
.m_customer .cell{float:left; width:282px; border-left:1px solid #cfcfcf; padding-top:20px; height:200px}
.m_customer .cell:first-child{width:351px; border-left:none; padding-top:15px;}
.m_customer .cell .fl{float:left; margin-right:20px}
.m_customer .cell div{overflow:hidden;}
.m_customer .cell div strong{font-size:25px; padding-bottom:10px; display:block;}
.m_customer .cell div strong span{display:block;font-size:18px}
.m_customer .cell div p{font-size:12px; color:#555; line-height:20px; font-weight:bold}
.m_customer .cell div p a{position:relative;display:inline-block; margin-top:10px; line-height:15px; padding:0 10px; font-size:13px;}
.m_customer .cell div p a:first-child{padding-left:0}
.m_customer .cell div p a:last-child:after{display:none}
.m_customer .cell div p a:after{content:'';  position:absolute; top:5px; bottom:0;  width:1px ; background:#aaa; right:0;}
.m_customer .cell div > a img{margin-top:10px}

.m_customer .cell div.v2 {text-align:center; }
.m_customer .cell div.v2 strong{font-size:15px; padding-top:20px}
.m_customer .cell div.v2 p{font-size:13px;}

.m_customer .cell div.v3 {padding-left:30px}
.m_customer .cell div.v3 strong{font-size:15px; padding-top:40px; padding-bottom: 15px;}
.m_customer .cell div.v3 dd, .m_customer .cell div.v3 dt {display:block; padding:3px 0;}
.m_customer .cell div.v3 dt{font-size:13px; font-weight:bold}
.m_customer .cell div.v3 dd{font-size:11px;}
.m_customer .cell div.v3 dl{display:block; padding:6px 0;}



.foot_new {background:#242731;position:relative;}
.foot_new:before {position:absolute; content:''; left:0; right:0; height:1px; background:rgba(255,255,255,0.1); top:55px}
.foot_new .foot_menu a{color:#ccc; display:inline-block;  line-height:55px; padding:0 15px; font-size:13px;}
.foot_new .foot_menu a:first-child{padding-left:0}
.foot_new .foot_copy{color:#fff;  line-height:22px; width:900px; display:block; padding:30px 0; font-size:12px}
.foot_new .foot_copy span{display:inline-block; padding-right:20px}
.foot_new .foot_copy strong{font-size:22px; font-weight:normal; display:block; padding-bottom:3px}
.foot_new .foot_copy em{display:inline-block; padding-top:10px; font-style:normal}
.foot_new .foot_right{position:absolute; right:0; bottom:70px;}


/*메인 Possible, 출력센터 게시판*/
#recentMR21 .recentHeader {border:none;}
#recentMR21 .recentHeader h3 {padding:15px 10px !important}
#recentMR21 .recentThumb {margin:auto; overflow:hidden}
#recentMR21 .recentThumb .cell {position:relative; float:left; /*overflow:hidden;*/ margin-left:10px; margin-top:10px; margin-bottom:25px; border-radius:8px; transition:all ease-in-out .3s}
#recentMR21 .recentThumb .cell:hover {box-shadow: 0 9px 9px 0 rgba(100,100,100,0.3)}
#recentMR21 .recentThumb .cell:first-child{margin-left:0px !important;}
#recentMR21 .recentThumb .cell .thumbNail {border:none; margin-left:auto; margin-right:auto}
#recentMR21 .recentThumb .cell .thumbNail_on {border:none; margin-left:auto; margin-right:auto}
#recentMR21 .recentThumb .cell .icon {position:absolute; top:1px; left:1px}
#recentMR21 .recentThumb .cell .icon * {vertical-align:middle}
#recentMR21 .recentThumb .cell .title {margin:0px !important; overflow:hidden; white-space:normal; text-align:left; background:#f7f7f7; padding:20px 18px; min-height: 65px;}
#recentMR21 .recentThumb .cell .title p {padding-bottom:10px;}

#recentMR21 .recentThumb .cell .title a {color:#888; text-decoration:none; overflow:hidden; font-size:13px; line-height:18px;}
#recentMR21 .recentThumb .cell .title a strong{color:#444; font-size:14px;}
#recentMR21 .recentThumb .cell .title img {vertical-align:middle; }
#recentMR21 .bx-wrapper {max-width:100% !important; margin:0px !important; }
#recentMR21 .bx-viewport {height:auto !important}
#recentMR21 .bx-controls-direction .bx-prev {position:absolute; top:45%; left:25px; z-index:100; width: 25px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/n_bxSlider_prev.png) no-repeat 0 0px; }
#recentMR21 .bx-controls-direction .bx-next {position:absolute; top:45%; right:20px; z-index:100; width: 25px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/n_bxSlider_next.png) no-repeat 0 0px;}
#recentMR21 .bx-controls-direction .bx-prev:hover, #recentMR21 .bx-controls-direction .bx-next:hover{opacity: 0.8;}

#recentMR21 .more {text-align:right; top:20px;}
#recentMR21 .more a {position:relative; display: inline-block; height:25px; background:#333;border-radius: 40px;text-align:right;font-size:0; width:80px; color:#fff;}
#recentMR21 .more a img{display:none;}
#recentMR21 .more a:before { content:'+ MORE'; line-height:25px; position:absolute; font-size:12px; left:0; right:16px; top:0; }

/*#recentMR21 .bx-controls-direction {position:absolute; top:45%; right:0; left:0;}
#recentMR21 .bx-controls-direction .bx-prev, #recentMR21 .bx-controls-direction .bx-next{background:none; position:absolute;width:30px;height:30px;left:2%;font-size:0;opacity:1;line-height:30px;text-indent: 0px;}
#recentMR21 .bx-controls-direction .bx-next{right:2%; left:auto;}
#recentMR21 .bx-controls-direction .bx-prev:after, #recentMR21 .bx-controls-direction .bx-next:after {content:'\f053';font-family:'FontAwesomeS';font-size:20px; position:absolute; left:0; top:0; right:0;text-align:center;color:#fff; }
#recentMR21 .bx-controls-direction .bx-next:after {content:'\f054';}*/



/*메인 제작후기 게시판*/
#recentMR31 .recentHeader {border:none; margin:60px 0 30px 0;}
#recentMR31 .recentHeader h3 { position:relative; font-family:'Recipekorea' !important; padding:0 !important; text-align:center; font-size:30px;}
#recentMR31 .recentHeader h3::before, #recentMR31 .recentHeader h3::after{ content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:37%; height:2px; background-color:#ccc; }
#recentMR31 .recentHeader h3::after{ left:auto; right:0; }
#recentMR31 #docRecentMR31{ margin:0 -10px; }
#recentMR31 .recentThumb .cell{ overflow:initial; margin:0 10px  }
#recentMR31 .recentThumb .cell>div:first-child{ border:1px solid rgba(0,0,0,.15); border-radius:10px; overflow:hidden; }
#recentMR31 .recentThumb .cell .title {font-size:15px;font-weight:600;margin:0px !important; overflow:hidden; white-space:normal; padding:20px 0 10px 0; }
#recentMR31 .recentThumb .cell .star {text-align:center;}
#recentMR31 .recentThumb .cell .contBox {margin:0px !important; overflow:hidden; padding:15px 20px; line-height:20px; }
#recentMR31 .recentThumb .cell .nameAndDate { display:flex; align-items:center; justify-content:center; padding:10px 0 0 0; }
#recentMR31 .recentThumb .cell .nameAndDate .date { position:relative; font-size:13px; margin:0px !important; margin-right:20px !important;}
#recentMR31 .recentThumb .cell .nameAndDate .date::before{ content:""; position:absolute; top:50%; left:100%; transform:translateY(-50%); width:1px; height:8px; background-color:rgba(0,0,0,.15); margin-left:10px; }
#recentMR31 .recentThumb .cell .nameAndDate .writer{ font-size:13px; }
#recentMR31 .recentThumb .cell .thumbNail, .thumbNail_on {vertical-align:middle; border:none !important;}

#recentMR31 .bx-wrapper { position:relative;max-width:100% !important; margin:0px !important; }
#recentMR31 .bx-viewport {height:auto !important}
/* #recentMR31 .bx-controls{ position:absolute; bottom:0; width:100%; }
#recentMR31 .bx-controls .bx-controls-direction{ display:flex; align-items:center; justify-content:space-between; }
#recentMR31 .bx-controls .bx-controls-direction>a{ position:relative; width:35px; height:66px; background-color:#000; font-size:0; }
#recentMR31 .bx-controls .bx-controls-direction>a::before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background-image:url(../image/main/MR31_btn.svg); background-position:center; background-size:cover; background-repeat:no-repeat; filter:brightness(0) invert(1); }
#recentMR31 .bx-controls .bx-controls-direction .bx-next::before{ transform:translate(-50%, -50%) rotate(180deg); } */
#recentMR31 .bx-controls-direction .bx-prev {position:absolute; top:50%; left:25px; z-index:100; width: 25px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/n_bxSlider_prev.png) no-repeat 0 0px; }
#recentMR31 .bx-controls-direction .bx-next {position:absolute; top:50%; right:20px; z-index:100; width: 25px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/n_bxSlider_next.png) no-repeat 0 0px;}
#recentMR31 .bx-controls-direction .bx-prev:hover, #recentMR31 .bx-controls-direction .bx-next:hover{opacity: 0.8;}



/* 회원가입 sns버튼 */

.sns_regist_box{text-align:center;}
.sns_regist_box .sns_regist_txt{position:relative;text-align: center; margin:30px 0 20px 0;}
.sns_regist_box p{display: inline-block;}
.sns_regist_box p:before, .sns_regist_box p:after {content: '';position: absolute;top: 50%;height: 1px;width:20%;background: rgba(0,0,0,0.1);}
.sns_regist_box p:before {left: 230px;}
.sns_regist_box p:after{right:230px;}
.sns_regist_box ul li{display:inline-block; margin:0 5px;}
.sns_regist_box ul li a{background-size: 30px;border-radius: 50px;line-height: 50px;display: block;width:50px; height:50px;}
.sns_regist_box ul li a:hover{background-size: 30px;}
.btn_regist_naver{background: #00c73c url(/user/default/image/sub/login_naver.png) no-repeat center center;border: 1px solid #03b93a;}
.btn_regist_facebook{background: #527bd4 url(/user/default/image/sub/login_facebook.png) no-repeat center center;border: 1px solid #3e67c0;}
.btn_regist_google{background: #de3d2b url(/user/default/image/sub/login_goole.png) no-repeat center center;    border: 1px solid #be2a19;}
.btn_regist_naver:hover {background: #03b93a url(/user/default/image/sub/login_naver.png) no-repeat center center;}
.btn_regist_facebook:hover {background: #3e67c0 url(/user/default/image/sub/login_facebook.png) no-repeat center center;}
.btn_regist_google:hover {background: #be2a19 url(/user/default/image/sub/login_goole.png) no-repeat center center;}