/* -----------------------------
| Layout Selector
|-------------------------------
| 강조색 : #2b59bb
*/


@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 {
  font-family: 'Noto Regular';
  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 {
  font-family: 'Noto Medium';
  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-family: 'Noto Bold';
  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, textarea {background:#efefef;font-family: 'Noto Medium',  sans-serif;font-size:13px}

#layout,#wrap,#header {position:relative;}




/* 메인 반응형 레이아웃 */
.m_margin {margin-right:31px;}
.m_padding {padding:60px 0px 30px 0px;}
.m_padding2 {padding:60px 0px 30px 0px;}
.m_mar_top {margin-top:30px;}
.main_busi {position:relative; overflow:hidden;float:left; width:1200px;}

.layout_1200 {position:relative;overflow:hidden; margin:0 auto; width:1200px;}
.layout_1200_2 {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%}

.pc_view {display:block; position:relative}
.pc_view2 {display:block; position:relative}
.tablet_view {display:none; position:relative}
.mobile_view2 {display:none; position:relative}
.mobile_menu {display:none;}

.no_margin {margin-right:0px !important; }
#quick_right{display:none;}
.main_line {border-bottom:2px solid #1b4193 }


.mobile_top {position:relative; overflow:hidden; width:100%; background:#fff; }
.mobile_top .m_logo{float:left; padding-left:10px;}
.mobile_top .m_logo img{height:65px; }
.mobile_top .total_menu{float:right; }

.sub_bg101 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg102 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg103 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg104 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg105 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg106 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg107 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg100 {background:url(/user/english/image/sub/sub_visual001.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}

.main_bg {position:relative; overflow:hidden; background:url(/user/default/image/main/bg02.jpg); overflow:hidden; }
.main_bg2 {position:relative; overflow:hidden; background:#fff; }



#recentMT2 {display:none}
.recentMR1 {position:relative; top:114px;}


img { vertical-align:top}


 /* 메인사업소개 */
.busi_box { position:relative; width:100%;  padding:35px 0; height:160px;}
.m_goto {float:left; width:24.9%; display:block;  text-align:center;  border-left:1px solid #dddddd; height:160px;}
.m_goto:first-child{margin-left:0px;  border-left:0px;}
.m_goto a{display:block; height:100%;  }
.m_goto h4{color:#444444; font-size:18px; padding:12px 0 0px 0px; }
.m_goto p{color:#fff; font-size:13px; padding:4px 0px 7px 0px;overflow:hidden; background:url(/user/default/image/main/goto_btn.png) no-repeat center;  margin:0 auto;margin:10px 0 0 0; }
.m_goto img{padding-top:15px;  }

/* 메인 */
.main_left {float:left; width:585px; margin-right:30px; position:relative;}
.main_right {float:left; width:585px ; }
.main_50 {float:left;  position:relative; margin:0px 0px 0px 0px;  }
.main_50.no_margin {margin-right:0%}
.main_margin {margin:50px auto 20px auto !important; }








/* 메인 하단 */
.bottom_box { position:relative; font-size:16px; color:#555}
.bottom_box .mar_right1{ margin-right:30px !important}
.bottom_box .mar_right2{ margin-right:30px !important}
.bottom_box .mar_bottom{ margin-bottom:30px !important}


/* Header */
#header {z-index:999}
#header .gnb {position:absolute; top:0px; left:0px; width:100%; z-index:999; background:#0969b3; }
#header .gnb .direct {float:right; margin:0 20px 0 0; z-index:2; position:relative}
#header .gnb .direct li {float:left; height:30px; vertical-align:bottom; border-right:1px solid #5396ca;}
#header .gnb .direct li * {vertical-align:middle}
#header .gnb .direct li a {display:block; font-size:12px; padding:7px 12px 6px 12px; color:#fff; }
#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:12px; color:#0969b3; background:#fff;}
#header .gnb .direct span {color:#888; font-size:9px; padding:0px 10px}

/* 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:#2b59bb}

/* 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%;}

/* 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; background:#fff;}
#sub_container:after{display:block; clear:both; content:''}

.snb { position:relative;  width:100%; }
.snb .subMenuTitleHeader h3 {padding:5px; font-size:14px; text-align:center; border-bottom:2px solid #6584b0; position:relative}
.snb .sub_menu ul.parents { position:relative; padding:30px 0px; *zoom:1; width:100%; overflow:hidden  } /* 메뉴 박스 */
.snb .sub_menu ul li {margin:0px !important; float:left; }
.snb .sub_menu ul li:first-child{border-left:1px solid #dddddd;}
.snb .sub_menu ul.parents li.parent a {display:block; padding:15px 0px 15px 0px; text-align:center; color:#444444;background:#fff; border-top:3px solid #0969b3;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;  font-size:17px; letter-spacing:-0.05em }
.snb .sub_menu ul.parents li.parent a:hover,
.snb .sub_menu ul.parents li.parent a.active {display:block;padding:15px 0px 15px 0px;  color:#fff; }
.snb .sub_menu ul.childes {position:absolute; top:52px; left:0px; width:99.8%; border:1px solid #c4d1ee; border-top:none; padding:5px 0px;background:#fff; text-align:justify; z-index:99}
.snb .sub_menu ul.childes li {padding-left:15px}
.snb .sub_menu ul.childes li.childe a {padding:5px 10px 4px 10px; color:#777; border-right:0px solid #416ac2; font-size:13px;letter-spacing:-0.05em }
.snb .sub_menu ul.childes li.childe a:hover,
.snb .sub_menu ul.childes li.childe a.active {padding:5px 10px 4px 10px; color:#fff; background:#555;}
.side {float:right; position:relative}
#sub_menu101 li{width:33.3%}
#sub_menu101 li a:hover, #sub_menu101 li a.active{background:url(/user/english/image/menu/s_menu_bg02.jpg) no-repeat;}
#sub_menu102 li{width:33.3%}
#sub_menu102 li a:hover, #sub_menu102 li a.active{background:url(/user/english/image/menu/s_menu_bg02.jpg) no-repeat;}
#sub_menu103 li{display:none;}
#sub_menu103 li a:hover, #sub_menu103 li a.active{background:url(/user/english/image/menu/s_menu_bg03.jpg) no-repeat;}
#sub_menu104 li{width:24.9%}
#sub_menu104 li a:hover, #sub_menu104 li a.active{background:url(/user/english/image/menu/s_menu_bg04.jpg) no-repeat;background-size: cover;}
#sub_menu105 li{width:33.3%}
#sub_menu105 li a:hover, #sub_menu105 li a.active{background:url(/user/english/image/menu/s_menu_bg05.jpg) no-repeat;}
#sub_menu106 li{width:33%}
#sub_menu106 li a:hover, #sub_menu106 li a.active{background:url(/user/english/image/menu/s_menu_bg05.jpg) no-repeat;}
#sub_menu107 li{width:49.9%}
#sub_menu107 li a:hover, #sub_menu107 li a.active{background:url(/user/english/image/menu/s_menu_bg05.jpg) no-repeat;}
#sub_menu000 li{width:49.9%}
#sub_menu000 li a:hover, #sub_menu000 li a.active{background:url(/user/english/image/menu/s_menu_bg05.jpg) no-repeat;}

#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 {color:#444; font:normal; word-break:break-all; text-align:justify; padding:35px 0px 60px 0px; min-height:350px;}

#module {position:relative; *zoom:1}
#moduleTop {position:relative; *zoom:1}
#moduleTitle {position:relative; *zoom:1     position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 0px;}
#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}


/* -----------------------------
| Class Selector
|-------------------------------
*/
.strong {font-weight:bold}
.colorActive {color:#2b59bb}
.colorRed {color:red}
.colorDarkred {color:#990000}
.colorViolet {color:#663366}
.colorBlue {color:#003399}
.colorGreen {color:#336600}
.colorOrange {color:#ff3300}
.colorBlack {color:#000}
.colorWhite {color:#fff}
.colorGray {color:#999}
.colorSilver {color:#dcdcdc}
.colorAqua {color:#dfffff}
.colorYellow {color:#ffffcc}

.subHeader { overflow:hidden;  }
.subHeader .subHeaderBorder {width:100%}
.subHeader h3 {position:relative; padding:10px 0px 10px 0px;  font-family: 'Noto Bold';font-size:40px;  text-align:center; color:#000}
#moduleTitle p { position:relative; padding:10px 0px 0px 0px;  font-family: 'Noto Bold'; font-size:20px; text-align:center; color:#a2a1a1; letter-spacing:-0.05em}
.subMap {position:relative; top:0px; right:0px; padding:5px 0; text-align:center; color:#444; font-size:15px;}
.subMap a {color:#777 !important; font-size:15px;}
.subMap strong {color:#000 !important; font-size:15px; font-weight:normal}

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

.small_white {font-size:8pt; color:#fff; text-decoration:none}
.small_gray {font-size:8pt; color:#666; text-decoration:none}
.small_black {font-size:8pt; color:#000; text-decoration:none}
.small_dgray {font-size:8pt; color:#333; text-decoration:none}
.small_blue {font-size:8pt; color:#003399; text-decoration:none}
.small_red {font-size:8pt; color:#2b59bb; text-decoration:none}
.small_orange {font-size:8pt; color:#ff3300; text-decoration:none}

.back_gray{background:url(/user/default/image/background/background.gif) repeat-x}
.bg_gray {background:#efefef}
.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 #c9d8f5; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#e3eef9}
.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:16px; vertical-align:middle; background-color:#eee}
.input_white { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:16px; vertical-align:middle; background:-color#fff}
.input_search { border:1px solid #000; 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 #2b59bb; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#ffffcc}
.input_color {border:1px solid #d2d2d2; padding:2px 0 0 2px; height:15px; vertical-align:middle; background-color:#eee}
.input_check { width:13px; height:13px; margin:2px 0 2px 0; padding:0; vertical-align:middle}

/* 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:1.5; font-size:9pt; color:#444; 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:#2b59bb}
.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: none;}
.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}
.textContent td { font-size:9pt }
.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 #2b59bb; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_basic span {margin:0 2px}
.table_basic li.opt {float:left; padding:0 3px; text-align:left}
.table_basic thead th {color:#333; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.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}
.table_basic thead th a {color:#2b59bb}
.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 18px}
.table_basic tbody th label.required {padding-left:7px}
.table_basic tbody td {border-bottom:1px solid #e6e6e6; padding: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}
.table_basic tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_basic tbody td img {vertical-align:middle}
.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_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:#2b59bb}
.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 url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.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 {overflow:hidden}
.recent .recentHeader .recentHeaderBorder {width:100%; text-align:right}
.recent .recentHeader .recentHeaderBorder p {padding:5px 5px 0 0; color:#999}
.recent .recentHeader .recentHeaderBorder a {color:#999}
.recent .recentHeader h3 {float:left; padding:0px 0px 5px 30px; font-size:30px; color:#222;}
.recentBody {overflow:hidden; border:0px solid #d2d2d2; }
.recentBody ul {margin:7px 0px 13px 17px; padding:0; }
.recentBody ul li {position:relative; vertical-align:top; margin:0px; padding:5px 0px; width:85% !important; *zoom:1; border-bottom:1px solid #eeeeee}
.recentBody .docTitle {line-height:20px; overflow:hidden; white-space:nowrap; vertical-align:middle}
.recentBody .docTitle .date {position:absolute; color:#b9b9b9; right:5px !important}
.recentBody .docTitle .title p {white-space:nowrap}
.recentBody .docTitle .title a {color:#828282; font-size:14px; 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:0px; top:10px; color:#fff}
.recent p.more {display:none}


/* Recent - tab(text) */
.tabRecent {position:relative; overflow:hidden}
.tabRecent img {vertical-align:middle}
.tabRecent .tabBox {position:relative; width:100%; height:30px; border-bottom:2px solid #2b59bb; text-align:center}
.tabRecent .tab {position:relative; top:1px; border:1px solid #d2d2d2; margin-right:2px; float:left; cursor:pointer; background:#fff}
.tabRecent .tab p {float:left; height:24px; border-bottom:3px solid #d2d2d2; text-align:center}
.tabRecent .tab p a {color:#999; padding:6px; display:block}
.tabRecent .on {position:relative; top:1px; height:27px; border:2px solid #2b59bb; margin-right:2px; float:left; cursor:pointer; background:#fff}
.tabRecent .on p {float:left; height:25px; border-bottom:4px solid #fff; text-align:center}
.tabRecent .on p a {color:#2b59bb; font-weight:bold; padding:6px; display:block}
.tabRecent .tabMore {position:absolute; bottom:0; right:0; z-index:1}
.tabRecent .tabBody {clear:both; top:-1px;_top:0px; border:0px solid #2b59bb; 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; border:1px solid #dbdbdb; box-sizing: border-box; padding-bottom:20px;}
.recentThumb .cell {position:relative; float:left; overflow:hidden;  }
.recentThumb .cell:first-child{margin-left:0px;}
.recentThumb .cell .thumbNail {border:1px solid #dbdbdb; margin-left:auto; margin-right:auto; box-sizing: border-box;}
.recentThumb .cell .thumbNail_on {border:1px solid #dbdbdb; margin-left:auto; margin-right:auto; box-sizing: border-box;}
.recentThumb .cell .icon {position:absolute; top:1px; left:1px}
.recentThumb .cell .icon * {vertical-align:middle}
.recentThumb .cell .title {margin-top:3px; font-weight:bold; overflow:hidden; white-space:nowrap; width:auto !important; text-align:center; height:30px;}
.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:#2b59bb; text-align:center}

#recentMR1 .recentThumb .cell {position:relative; float:left; overflow:hidden; width:44%; margin:0px 3%; padding:25px 0px !important }
#recentMR1 .recentThumb .cell .thumbNail {position:relative; border:1px solid #d7d7d7; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important; box-sizing:border-box;}
#recentMR1 .recentThumb .cell .thumbNail_on {position:relative; border:1px solid #6c748d; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important; box-sizing:border-box;}



/* 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:#2b59bb}
.roundBox .this {color:#2b59bb; background:#eee; font-weight:bold}

/* Link */
a:link ,a:visited ,a:active {color:#000;text-decoration:none; letter-spacing:0px}
a:hover {color:#2b59bb; text-decoration:none}
a.act:link ,a.act:visited ,a.act:active {font-size:12px; color:#2b59bb;text-decoration:none}
a.act:hover {font-size:12px; 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:#2b59bb; 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:12px; color:#888;text-decoration:none}
a.actGray:hover {font-size:12px; 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:#2b59bb; 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;background:url(/user/default/image/button/buttonBasic.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btnPack {margin-right:4px}
.btnPack *{left:4px;cursor:pointer;_cursor:hand}
.btnPack *:hover,
.btnPack *:active,
.btnPack *:focus {color:#2b59bb}
.btnPack.black {background:url(/user/default/image/button/buttonBlack.gif) no-repeat}
.btnPack.blue {background:url(/user/default/image/button/buttonBlue.gif) no-repeat}
.btnPack.green {background:url(/user/default/image/button/buttonGreen.gif) no-repeat}
.btnPack.red {background:url(/user/default/image/button/buttonRed.gif) no-repeat}
.btnPack.gray {background:url(/user/default/image/button/buttonGray.gif) no-repeat}
.btnPack.metal {background:url(/user/default/image/button/buttonMetal.gif) no-repeat}
.btnPack.white {background:url(/user/default/image/button/buttonWhite.gif) no-repeat}
.btnPack.medium,
.btnPack.medium *{height:24px;line-height:24px}
.btnPack.large,
.btnPack.large *{height:30px;line-height:30px}
.btnPack.xlarge,
.btnPack.xlarge *{height:36px;line-height:36px}
.btnPack.small,
.btnPack.small *{height:19px;line-height:20px}
.btnPack.black *{background:url(/user/default/image/button/buttonBlack.gif) no-repeat; color:#fff}
.btnPack.blue *{background:url(/user/default/image/button/buttonBlue.gif) no-repeat; color:#fff}
.btnPack.green *{background:url(/user/default/image/button/buttonGreen.gif) no-repeat; color:#fff}
.btnPack.red *{background:url(/user/default/image/button/buttonRed.gif) no-repeat; color:#fff}
.btnPack.gray *{background:url(/user/default/image/button/buttonGray.gif) no-repeat; color:#000}
.btnPack.metal *{background:url(/user/default/image/button/buttonMetal.gif) no-repeat; color:#000}
.btnPack.white *{background:url(/user/default/image/button/buttonWhite.gif) no-repeat; color:#000}
.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 10px 0 6px;background-position:right top;font-size:12px}
.btnPack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btnPack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btnPack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btnPack.strong *{font-weight:bold !important}
.btnPack.icon *{padding-left:20px}
.btnPack.small.icon *{padding-left:16px}
.btnPack.icon span{width:20px;margin-right:-20px;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 .tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #0969b3; text-align:center}
.docTab .tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; margin-right:2px; background-color:#fff}
.docTab .tab p {float:left; border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.docTab .tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.docTab .on {position:relative; float:left; height:35px; top:1px; _top:2px; border:2px solid #0969b3; border-bottom:1px solid #fff; margin-right:2px; cursor:pointer; background-color:#fff}
.docTab .on p {float:left; border-bottom:5px solid #fff; color:#000; text-align:center}
.docTab .on p a {font-weight:bold; color:#0969b3; padding:10px 12px 8px; 10px; display:block}
.docTab .search {position:relative; top:10px; float:right}

/* list : gallary */
.docThumb {margin:auto; padding-top:10px; overflow:hidden}
.docThumb .cell {position:relative; float:left; text-align:center; width:29%; margin:auto 2%;}
.docThumb .cell .viewImage {position:relative; text-align:center; margin:auto; width:100% !important}
.docThumb .cell .viewImage .thumbNail {position:relative; border:1px solid #d7d7d7; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important }
.docThumb .cell .viewImage .thumbNail_on {position:relative; border:1px solid #6c748d; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important}
.docThumb .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.docThumb .cell .viewImage .icon * {vertical-align:middle}
.docThumb .cell .viewImage .icon span {padding-right:2px}
.docThumb .cell .center {position:relative; margin:auto; padding:5px 0; width:100% !important}
.docThumb .cell .center .title {overflow:hidden; white-space:nowrap; text-align:center}
.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}

/* list : calendar */
.docCal {width:100%; border:1px solid #dcdcdc}
.docCal .docCalHeadList {height:25px;border-bottom:3px solid #2b59bb; 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 #2b59bb; 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}

.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}

/* document Bottom */
.docBottom {padding:3px 0 10px 0}
.docBottom .countBox {float:right; padding:8px 0px}
.docBottom .countBox * {color:#999}
.docBottom .countBox strong {color:#666}
.docBottom .searchBox {float:right; width:270px; padding:4px 0 4px 10px}
.docBottom .pageNavigation {float:left}

/* 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; 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}
.pageNavigation .first {border:0}
.pageNavigation .quick {padding:1px 0}

/* 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:550px; 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;}

/* Search id or password */
#find_wrap {padding:2em 0; text-align:center;}
#find_wrap .find_container {margin:auto;}
#find_wrap .find_container .cell {float:left; width:320px; text-align:center;}
#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:40px;}
#find_wrap .find_container .cell .btn {padding-top:5px; text-align:center;}

/* My Page */
.mypageTab {position:relative; overflow:hidden}
.mypageTab img {vertical-align:middle}
.mypageTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #000; text-align:center}
.mypageTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; background-color:#fff; margin:0}
.mypageTab li.tab p {border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.mypageTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.mypageTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #000; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.mypageTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.mypageTab li.on p a {font-weight:bold; color:#ff3300; padding:10px 12px 8px; 10px; display:block}

/**
 * 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 10px; width:231px !important;}
.banner li {float:left;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.banner .bx-prev {position:absolute; top:45%; left:30px; z-index:100; width: 60px; height: 60px; 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: 60px; 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 a {float:left;margin-right:3px; color: #fff; padding: 5px 8px 3px 6px; font-size: 11px; zoom:1; background: url(/user/default/image/icon/bxSlider_pager.png) no-repeat 0 -20px;}
.banner .bx-pager .pager-active, .bx-pager a:hover {background-position: 0 0;}
.banner .bx-pager .pager-active, .bx-pager a.active{background-position: 0 0;}
.banner .bx-pager {position:absolute; top:170px; left:15px; z-index:101; text-align:center; padding-top:7px; font-size:11px; color:#666;}
/* 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;}


/**
 * mdProduct
 */
/* Recent - product */
.recentProduct {margin:auto; overflow:hidden}
.recentProduct .cell {position:relative; float:left; overflow:hidden; margin-bottom:20px}
.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; bottom:0; right:5px; width:53px; height:60px}
.recentProduct .cell .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-size:16px; color:#fff}
.recentProduct .cell .productName {position:relative; margin:10px 0; font-weight:normal; 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; height:18px; color:#999;font-size:13px }
.recentProduct .cell .priceAndPoint p.price { color:#e06a05; margin:15px 0; font-size:15px}

/* 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 8px 30px 8px; width:31% !important}
.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; 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; 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; margin:3px 0; font-weight:normal; color:#999; height:24px;   font-size:18px; overflow:hidden; letter-spacing:-0.05em;}
.productList .cell .center .productSubject {position:relative; font-weight:normal; color:#888;  overflow:hidden; height:18px; font-size:13px; letter-spacing:-0.05em;}
.productList .cell .center .priceAndPoint .price {margin:10px 0;  color:#e06a05;  font-size:15px}
.productBottom {margin-top:5px; border-top:1px dashed #d2d2d2}

/* Prodcut View */
.product .productView .productSubject {border:1px solid #d2d2d2; border-top:3px solid #e06a05; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; background-color:#f4f4f4; line-height:20px; text-align:center;}
.product .productView .productSubject strong {font-size:24px; 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:1px solid #d2d2d2; border-top:0; background-color:#fff}
.product .productView .productSaleInfo {float: left; border-left:1px solid #d2d2d2}
.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:180px !important;}
.product .productView .productSaleInfo .detailContent dl {clear:both}
.product .productView .productSaleInfo .detailContent dt {float: left; width:100px; color: #222; padding:5px 0 0 20px; font-weight:bold; color:#666}
.product .productView .productSaleInfo .detailContent dd {float: left; color:#666; padding:3px 0 0 10px}
.product .productView .productSaleInfo .detailContent dd.point {width:10px; 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: 5px; padding-left: 4px;}
.product .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.product .productView .productSaleInfo .detailContent dd.tprice {color:#e06a05; 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:340px; text-align: center; margin:10px auto; height: 50px; }
.product .productView .productSaleInfo .mallControlBtn img{margin:3px;}
.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: #e06a05; font-family:Arial Black; font-size: 15px}
.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 #e06a05; 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:7px 12px 7px 12px; display:block}
.product .productTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #e06a05; 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:#e06a05; 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 .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; 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 .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 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: #e74100; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .table_info {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.order .orderForm .table_info span {margin:0 2px}
.order .orderForm .table_info li.opt {float:left; padding:0 3px; text-align:left}
.order .orderForm .table_info thead th {color:#666; padding:5px; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.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:4px; color:#999; text-align:left; line-height:18px}
.order .orderForm .table_info tbody td.productImage {vertical-align:top}
.order .orderForm .table_info tbody td.productInfo {vertical-align:top}
.order .orderForm .table_info tbody td.sideLine {border-left:1px dashed #efefef}
.order .orderForm .table_info tbody td.mileageInfo {border-top:2px solid #d2d2d2; background-color:#f4f4f4}
.order .orderForm .table_info tbody td.totalInfo {border-top:2px solid #d2d2d2; border-left:1px solid #d2d2d2; padding-bottom:10px; background-color:#f4f4f4}
.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}
.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; padding-top: 10px}
.order .orderForm .table_info tbody td .buyAmount {width:30px; height:18px; border:1px solid #bababa; background-color:#fff; text-align:center}
.order .orderForm .orderSenderInfo {float:left; border:1px solid #d2d2d2; border-top:0; width:485px}
.order .orderForm .orderReceiverInfo {float:left; border:1px solid #d2d2d2; border-top:0; border-left:0; border-bottom:0; background-color:#efefef; width:482px}
.order .orderForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.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:#886161;}
.order .orderForm .table_order thead th {border-bottom:2px 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; padding:0; background:#f6f6f6; 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:4px; color:#999; text-align:left}

/* 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:#333}
.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:#2b59bb}
.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 .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}
.payment .paymentTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; background-color:#fff; margin:0}
.payment .paymentTab li.tab p {width:150px; border-bottom:5px 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
 */




#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; border:1px solid #f00;}
#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}




.logo {position:absolute;  overflow:hidden; max-width:275px; left:50%; margin-left:-600px; top:30px; z-index:1000;}
	/* menu메뉴 */
	.menuWrap {position:absolute;top:30px;z-index:999;width:100%;height:94px;overflow:hidden;background:url(/user/default/image/menu/menu_bg.png) repeat-x top;}
	.menuWrap .menu{width:100%;max-width:1200px;margin:0 auto; margin-top:9px}
	.menuWrap .menu ul li{float:left; width:180px; }/*text-indent:-1000em;*/
	.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.menu_width01{ width:210px !important;  }
	.menuWrap .menu li a {display:block; color:#444; text-align:center; height:85px; font-size:18px; position:relative; line-height:90px;  letter-spacing:-0.03em; }
	.menuWrap .menu li a:hover {color:#333; padding-top:0px;}
	.menuWrap .menu li a.on {color:#333; padding-top:0px;}
	.menuWrap .menu ul li div {height:200px; border-right:1px solid #dbdbdb;}
	.menuWrap .menu ul li div ul{padding:0px 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:#888; display:block; float:none; text-align:left; height:auto; font-size:14px; letter-spacing:-0.03em; text-indent:0px;  padding:10px 10px 0px 15px; line-height:18px; background:none; }
	.menuWrap .menu ul li div ul li a:hover {color:#333;padding:10px 10px 0px 15px;}
	.menuWrap .menu ul li a.nav_padding{background:none}





/* 카피라이트 */
.foot {position:relative; overflow:hidden; padding:0px 0px 0px 0px }
.foot .foot_menu {Position:relative;overflow:hidden;font-size:14px; padding:10px 0px 10px 0px; line-height:30px;}
.foot .foot_menu a{color:#444444; padding:0px 0px; }
.foot .foot_menu  a:hover {text-decoration:underline}
.foot span{color:#dddddd; padding:0px 10px;}
.foot .foot_address{ Position:relative;padding:25px 0px 30px 0px;font-size:13px; color:#666; line-height:20px; }
.foot .bg1 {background:#f7f7f7; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.foot .bg2 {background:#fff}
.foot .foot_logo{ float:left; padding:5px 30px 20px 0px}
.foot .foot_right{float:right; }
.foot .foot_right a img{padding-left:10px;}



/* 전체메뉴보기 */
	.menuWrap_small {position:absolute; z-index:666; right:0px; width:174px;height:100%; background:#377db3; }
	.menuWrap_small .menu li a {display:block;color:#fff;padding:13px 10px;  font-size:15px; letter-spacing:-0.03em; border-bottom:1px solid #4c8cbe; }
	.menuWrap_small .menu li.select a:hover {background:#0969b3; color:#fff;  }
	.menuWrap_small .menu li.active {background:#bc1f00; color:#fff47a}
	.menuWrap_small .menu ul li div ul {padding:0px 0 0 0;line-height:1.8;}
	/*대메뉴를 눌러야 아래가 펼쳐지겠지요*/
	.menuWrap_small .menu ul li div#navi01,
	.menuWrap_small .menu ul li div#navi02,
	.menuWrap_small .menu ul li div#navi03,
	.menuWrap_small .menu ul li div#navi04,
	.menuWrap_small .menu ul li div#navi05,
	.menuWrap_small .menu ul li div#navi06,
	.menuWrap_small .menu ul li div#navi07,
	.menuWrap_small .menu ul li div#navi08,
	.menuWrap_small .menu ul li div#navi09,
	.menuWrap_small .menu ul li div#navi10,
	.menuWrap_small .menu ul li div#navi11,
	.menuWrap_small .menu ul li div#navi12,
	.menuWrap_small .menu ul li div#navi13,
	.menuWrap_small .menu ul li div#navi14 {display:none;}
	.menuWrap_small .menu ul li div ul li a{font-size:1.0em;display:block;color:#666;background:#efefef ;padding:3px 0 3px 15px;float:none;text-indent:0px;_height:22px; border-bottom:1px solid #e2e2e2; }
	.menuWrap_small .menu ul li div ul li.on a,
	.menuWrap_small .menu ul li div ul li a:hover{color:#000; background:#ddd url(/user/default/image/menu/total_menu_icon.png) 12px 10px no-repeat}
	.menuWrap_small .menu ul li div ul li.on li a,
	.menuWrap_small .menu ul li div ul li ul li a{font-size:0.9em;display:block;color:#888;font-weight:normal; background:#eee;padding:0 0 0 25px;float:none;text-indent:0px;_height:22px;}
	.menuWrap_small .menu ul li div ul li ul li.on a,
	.menuWrap_small .menu ul li div ul li ul li a:hover{color:#888;font-weight:bold;background:#ddd}
	.menuWrap_small .menu ul li.selected div ul li a{color:#666;}
	.menuWrap_small .close {position:absolute;top:20px;left:0px;}
	.menuWrap_small .etc {position:relative;  background:#000 url(/user/default/image/menu/menu_icon.png) 150px 17px no-repeat; border-bottom:1px solid #2c2c2c }
	.menuWrap_small .etc a{color:#fff; display:block;padding:13px 10px; }
	.menuWrap_small .topmenu {position:relative;overflow:hidden; background:#000 }
	.menuWrap_small .topmenu li{float:left; width:50%;text-align:center; }
	.menuWrap_small .topmenu a{padding:10px 0px; display:block; color:#fff; font-size:13px;border-bottom:1px solid #2c2c2c; letter-spacing:-0.05em;}
	.menuWrap_small .topmenu .border{border-left:1px solid #2c2c2c }


.menuWrap_small .top {  position:relative; overflow:hidden; background:#0969b3;padding:8px 10px;}
.menuWrap_small .top a{color:#fff; border-bottom:1px solid #777777;font-size:15px;line-height:28px; height:36px;}
.menuWrap_small .top p{padding-top:4px; text-align:left;}
.menuWrap_small .top a p img{margin:6px 10px 0px 0;}


.pro_result {position:relative;overflow:hidden; margin:20px 20px 10px 20px;  }
.pro_result h4{color:#2b59bb; font-size:20px; font-family: 'Noto Bold'; margin-bottom:5px;}
.pro_result span{color:#00226b}
.pro_result p{color:#aaa; font-size:12px; margin-bottom:13px;}
.pro_result ul{position:relative;overflow:hidden;margin-bottom:10px}
.pro_result li{width:100%; background:url(/user/default/image/main/m_icon.png) no-repeat 0px 9px;line-height:28px;}
.pro_result li a{color:#666; border-bottom:1px dashed #ccc; margin:0px 0px 0px 20px; font-size:15px; color:#555}
.pro_result .more{position:absolute; right:0px; top:3px}

a.welcome {display:block; width:100%; height:233px;background:url(/user/default/image/main/welcome.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}




/*사업투자*/
.content_bottom01 {display: block; background: url(/user/default/image/sub/sub07_02_bg1.jpg); background-size: cover; height: 280px;}
.content_bottom01 h3{ color: #fff; font-size: 28px; padding: 100px 80px 0px 80px; margin: 5px auto; font-family: 'Noto Medium'; letter-spacing: -0.03em;}
.content_bottom01 p{ color: #dee6f0; font-size: 24px; padding: 0px 80px 30px 80px; font-family: 'Poppins'; font-weight: 300; overflow: hidden;}



 /* 컨텐츠 공통 */
.content_box { position:relative; font-size:15px; color:#888; line-height:160%; overflow:hidden; text-align:justify;}
.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}
.content_box .mar_left20{ margin-left:20px !important}
.content_box .mar_top10{ margin-top:10px !important}
.content_box .mar_top20{ margin-top:20px !important}
.content_box .mar_top30{ margin-top:30px !important}
.content_box .mar_top40{ margin-top:40px !important}
.content_box .mar_top40{ margin-top:60px !important}
.content_box .mar_bottom30{ margin-bottom:30px !important}


.content_box .pad_right20{ padding-right:20px !important}
.content_box .pad_left20{ padding-left:20px !important}
.content_box .pad_top10{ padding-top:10px !important}
.content_box .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}

.content_box .title01_2{position:relative; color:#333; font-size:27px; padding:8px 0px 5px 0px;background:url(/user/default/image/contents/title_bar01.gif) left top no-repeat; }



.point01 { color:#004a8d; font-size:28px; line-height:160%;}
.point02 { color:#444; font-size:17px;}
.point03 { color:#266da5;  margin-top:10px;}
.point04 { color:#333;}
.point05 { color:#8a8a8a;}
.point06 { color:#2d5dc7;}



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

.font_bold {font-family: 'Noto Bold';}
.t_center { text-align:center}
.t_left { text-align:left}
.t_right { text-align:right}

.font_size16 { font-size:16px;}
.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}

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

.content_box h4{ position:relative; clear:both;font-size:25px; color:#fff; padding:15px 0px 15px 15px; background-color:#6495b2;}
.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 .title02{ position:relative;  padding:10px 0px 5px 0px; color:#222; margin:0px 0px 0px 0px;  background:url(/user/default/image/sub/title_bar01.gif) 0px 0px no-repeat; font-size:22px; }
.content_box .title03{ position:relative;  padding:0px 10px 5px 0px; color:#000; margin:0px 0px 0px 0px;  background:url(/user/default/image/sub/titlebar02.gif) 0px 0px no-repeat; font-size:18px; }

.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:15px 0px 0px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:16px; color:#666;  background:url(/user/default/image/sub/icon01.gif) 1px 13px no-repeat; line-height:200%}

.content_box .con_box{ position:relative; padding:0px; clear:both; margin:0px 10px 0px 10px; 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{ margin:5px 0px; overflow:hidden; clear:both; font-size:15px;color:#777;text-align: justify;line-height: 28px;}

 /* 기본테이블 디자인 */
.table_design {width:100%;color:#555; border-top:2px solid #6495b2; border-bottom:1px solid #ddd;border-collapse:collapse; font-size:15px; margin:20px 0px 0px 0px}
.table_design th, .table_design td {border-top:1px solid #ddd;padding:12px 10px 12px 10px; line-height:20px; font-size:15px;}
.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 + 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:#497c9a;text-align:center; background-color:#f5f5f5;font-weight:normal;}
.table_design td { color:#888;}
.table_design .border {border-right:1px solid #ddd;}
.table_design .bg01{background-color:#eef7fc;}
.table_design .bg02{background-color:#9ecae5; color:#fff;}
.table_design .bg03{background-color:#6495b2; color:#fff;}


.table_design02 {width:100%;line-height:1.5;color:#004a8d; border-bottom:1px solid #e1e1e1;border-collapse:collapse;  margin:10px 0px 0px 0px; }
.table_design02 th {width:15%; border-top:1px solid #e1e1e1;padding:8px 0px 8px 0px;line-height:25px; font-size:17px; font-weight:600;}
.table_design02 td {width:85%; border-top:1px solid #e1e1e1; color:#777; padding:8px 15px 8px 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;}




/* 탭디자인 */
ul.tab_design { position:relative; margin-bottom:30px; overflow:hidden;}
ul.tab_design li{ display:inline-block; margin-top:8px; margin-bottom:8px; }
ul.tab_design .off A{ background:#fff; border:1px solid #ccc; color:#666; font-size:15px; padding:7px 15px; }
ul.tab_design .on A{  background:#fff; border:1px solid #0969b3; color:#0969b3;  font-size:15px; padding:7px 15px; }





.docTotalList {position:relative; margin:50px auto; border-top:2px solid #2b59bb}
.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;}


#detailSearch {position:relative; text-align:center; width:100%; border:1px solid #ccc;  margin:auto; margin-bottom:20px; padding:15px 0px;}



/*R&B개발*/
ul.certi {position: relative;overflow: hidden;}
ul.certi li:first-child {margin-left: 0px;}
ul.certi li {margin: 15px 0 10px 50px;border: 0px solid #d7d7d7;float: left;vertical-align: middle;padding: 0px;overflow: hidden;}


/*시스템 개요*/
.business_first_photo { border:1px solid #cbd0d6; padding:15px 0px; overflow:hidden; display:block; text-align:center}
.business_first_title { background:#6495b2; overflow:hidden; display:block; color:#fff; font-size:24px; line-height:30px; padding:10px 0px; text-align:center}
.content_box ul.dot_icon { position:relative; margin:5px 0px 5px 10px;}
.content_box ul.dot_icon li{ position:relative; display:block; padding:2px 0px 2px 12px; color:#777; background:url(/user/default/image/contents/title_icon03.gif) 0px 12px no-repeat; text-align:justify;}

 /* 시스템 개요 */
.business_vision {position:relative; overflow:hidden; margin-top:30px; }
.business_vision.bottom1 {margin-bottom:10px !important; }
.business_vision .con{float:right; width:100%; text-align:center; }
.business_vision .box1{background:#f6f8fa; border-top:3px solid #798292;; padding:40px 0px; text-align:center; color:#326c8e; }
.business_vision .box1 SPAN{ color:#555;}
.business_vision .pink { background:#2d8ac1; padding:3px 4px; color:#fff;  text-align:center;}
.business_vision .pink2 { background:#d3dbde; padding:3px 4px; color:#10465f; border:1px solid #cbd0d6;  text-align:center;}
.business_vision .color01 { background:#d3416c; padding:3px 4px; color:#fff; }
.business_vision .color02 { background:#5a9668; padding:3px 4px; color:#fff; }
.business_vision .box4 li { float:left; width:33%; margin-left:1%; color:#444; font-size:20px; }
.business_vision .box4 li:first-child{ float:left; width:32%; margin-left:0%;}
.business_vision .line_box2 {position:relative; padding:10px;  border:1px solid #cbd0d6; margin:0px 0px 15px 0px; overflow:hidden; color:#333; font-size:20px !important; line-height:40px;}
.business_vision p { padding:5px; color:#777; text-align:center; border:1px solid #ddd;}
.business_vision .bg_box {position:relative; padding:15px 5px; color:#fff; height:170px; text-align:center; line-height:20px;}
.business_vision .bg_box span{font-size:15px; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6}


/*제품규격별 제원*/
.business_first_photo2{float: left;width: 400px; border:1px solid #cbd0d6;  overflow:hidden; display:block; text-align:center; padding:30px 0; }
.business_first_photo2 img{vertical-align: top;}
.con_table{width:775px; float: left; margin-left:20px;}
.con_table .table_design{width:100%;}


/*컨트롤&모니터기능*/
.content_box .color_box {position: relative;padding: 0px 0px;  width:775px; float: left; margin-left:20px;}
.application { position:relative; overflow:hidden; background: #f5f5f5;border: 1px solid #d8dadd; padding: 30px 30px; margin-top:20px;}
.application li { float:left; width:50%; margin:5% 0.5%;}
.application dl {border:1px solid #dadcde; background:#fff; margin:10px 5px 10px 5px}
.application dt { background:#2d8ac1; display:block; text-align:center; color:#fff; padding:15px 0px}
.application dd { display:block; text-align:center; padding:0px 20px; height:110px;}
.application dd p{padding:10px 0px 0px 0px ;   text-align:center; }
.content_box .color_box2 {position: relative;padding: 30px 0px;}
.color_box2 .application { position:relative; overflow:hidden; border: 1px solid #d8dadd;  padding: 30px 30px;}
.color_box2 .application li { float:left; width:24%; margin:0% 0.5%;}
.color_box2 .application dl { background:#fff; margin:10px 5px 10px 5px}
.color_box2 .application dt { background:#999; display:block; text-align:center; color:#fff; padding:15px 0px}
.color_box2 .application dd { display:block; text-align:center; padding:0px 20px; height:110px;}
.color_box2 .application dd p{padding:10px 0px 0px 0px ;   text-align:center; }



/* 기업현황 */
table.history {width:100%; margin-top:20px}
table.history th,
table.history td {border-top:1px dashed #9d9d9d; vertical-align:top; padding:30px 0px; vertical-align:middle;border-bottom:none !important; ; }
table.history tr:first-child th,
table.history tr:first-child td {border-top:0px solid #e4e4e4;  }
table.history th{width:30%; font-size:25px; color:#bb162b; text-align:left; font-weight:normal; padding-left:20px;}
table.history dd{font-size:15px;width:70%; color:#777; float:left; padding:0px 0px 10px 20px !important; margin:0px 0px !important; background:url(/user/default/image/icon/list_icon.gif) 0px 9px no-repeat; text-align:justify;}



/* 복리후생 */
.R_B {  position:relative; width:30%;  border:1px solid #d8d8d8; height:470px; margin-bottom:30px; margin-right:50px;box-sizing: border-box; float:left; }
.n_margin{margin-right:0px;}
.R_B .top {position:relative;border-bottom:1px solid #d8d8d8; padding:20px 0px; text-align:center; color:#000; font-size:25px; }
.R_B .top img{ width:180px;}
.R_B .bottom { position:relative; display:block; padding:20px 25px}
.content_box .R_B ul.dot_icon { position:relative; margin:5px 0px 5px 0px;}
.content_box .R_B ul.dot_icon li{ position:relative; display:block; padding:2px 0px 2px 12px; color:#777; background:url(/user/default/image/icon/list_icon.gif) 0px 11px no-repeat;}


/*물생성지수표*/
ul.img01 { position:relative; overflow:hidden; }
ul.img01 li{margin:30px 0 10px 0px; !important; border:0px solid #d7d7d7; float:left; vertical-align:middle;  overflow:hidden; padding-left:40px;}
ul.img01 li:first-child{padding-left:0px;}
ul.img01 li img{width:100%; padding:0px !important; margin:0px !important }
ul.img01 li p{text-align:center; margin-bottom:10px;}
ul.img01 li p a{ color:#666;}


 /* 컨텐츠 공통 */
.content_box { position:relative; font-size:15px; color:#666; letter-spacing:-0.05em;overflow:hidden; text-align:justify;}
.content_box h3{ position:relative; margin:0px; padding:0px; font-weight:normal}
.content_box dl {margin-bottom:00px}
.content_box dt {position:relative; margin:0px;font-weight:normal}
.content_box dd {position:relative; margin:0px}
.content_box th {font-weight:normal}
.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_left40{ margin-left:40px !important}
.content_box .mar_left30{ margin-left:30px !important}
.content_box .mar_left25{ margin-left:25px !important}
.content_box .mar_left20{ margin-left:20px !important}
.content_box .mar_left10{ margin-left:10px !important}
.content_box .mar_top10{ margin-top:10px !important}
.content_box .mar_top20{ margin-top:20px !important}
.content_box .mar_top30{ margin-top:30px !important}
.content_box .mar_top40{ margin-top:40px !important}
.content_box .mar_top60{ margin-top:60px !important}
.content_box .mar_top80{ margin-top:80px !important}
.content_box .mar_top100{ margin-top:100px !important}
.content_box .mar_bottom30{ margin-bottom:30px !important}
.content_box .mar5{ margin:5px !important}


/* 설치활용지역 */
.edu { position:relative; width:30%; border:2px solid #d8d8d8; float:left; margin:10px 10px; height:330px; background:#f6f6f6}
.edu p{text-align:center; margin-top:30px;}
.edu p img{ position:relative;width:108px; height:108px; }
.edu .number {font-size:40px; font-family: 'Noto Bold'; color:#1d77aa;}
.edu dl {padding:10px 33px 10px 33px; text-align:center;}
.edu dt {font-size:23px; color:#222; line-height:30px; text-align:center; margin:10px 0;}
.edu dd {font-size:16px; color:#888;  text-align:center; }
.edu.white {background:#fff}


/*내용 준비중*/
.no_contents{    background: #efefef url(/user/default/image/contents/no_image.png) 98% 90% no-repeat;color: #8e8e8e;text-align: center;display: block;padding: 155px 0px;border: 1px solid #cbd0d6;}


/* 메인 제품 */

.main_story {position:relative; display:block; background:url(/user/default/image/main/story_bg2.jpg) center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; height:310px; text-align:center}
.main_story h3{color:#fff; font-size:15px; padding:65px 0px 0px 280px; margin:5px auto; font-family: 'Noto Bold'; letter-spacing:-0.03em}
.main_story h4{color:#fff; font-size:26px; padding:10px 0px 0px 280px; margin:5px auto; font-family: 'Noto Bold'; letter-spacing:-0.03em}
.main_story p{color:#dee6f0; font-size:15px; padding:0px 10px 30px 280px;overflow:hidden; letter-spacing:-0.1em }
.main_story .btn{color:#fff; margin:30px 0 0 280px;padding:5px 40px 5px 20px; font-size:15px; border:2px solid #fff; width:50%;background:url(/user/default/image/main/arrow01.png) no-repeat 90% 11px; }
.main_story .main_txt{float:left;}
.main_story .main_img{float:right; padding:25px 260px 0 20px;}



/* DIRECTION CONTROLS (NEXT / PREV) */
.recentThumb .bx-prev {position:absolute; top:45%; left:30px; z-index:100; width: 60px; height: 60px; 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}
.recentThumb .bx-next {position:absolute; top:45%; right:30px; z-index:100; width: 60px; height: 60px; 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}
.recentThumb .bx-next:hover,.bx-prev:hover {background-position: 0 0;}



/*해외파트너 협력방안*/
.partner li{float:left; margin-right:40px;}
.partner li:last-child{margin-right:0px;}


/*방문자통계*/
#recentMR2 { width:100%}
#recentMR2 .recentAnaly {width:100%; height:auto; margin:0 auto; overflow:hidden; border:1px solid #dbdbdb; box-sizing:border-box; padding:20px; text-align:center; font-size:130%; margin-bottom:20px }
#recentMR2 .recentAnaly span {color:#0969b3;font-weight:700; letter-spacing:0.01em; /*display:block;*/ padding-top:5px; font-size:130%}
#recentMR2 .recentAnaly p {width:49.5%; float:left}
#recentMR2 .recentAnaly .today {border-right:1px solid #dbdbdb}


/* 연혁 */
.history-list{display: flex; margin-top:5%;}
.history-year{flex:1;position: relative;}
#historyYear h3{margin-top: 0;font-size:55px;position: sticky;height: max-content;    font-family: 'Montserrat';color: #222;font-weight: 800;letter-spacing: 0.01em;padding:10px 0;}
#historyYear span{font-size:25px; padding-bottom:10px; display:block;}
#historyYear .nav-link{padding: 0 !important;transition: 0.3s;pointer-events: none;color: #0C0E1C;    font-weight: 600;background: #fff;line-height: 1.5; font-size:120%; font-family: 'Montserrat';width:100%}
#historyYear .nav-link:not(.active){opacity:0;}
#historyYear .nav-link.active{opacity: 1;}
#historyYear .nav-link:first-child{opacity: 1 !important;}
.history-desc,.history-desc dl,.history-desc dd{position: relative;}
.history-desc::before{content: "";position: absolute; width: 1px;left:5px;height: 100%;background: #DFE0E8;top:1rem;}
.history-desc dl::before{content: "";position: absolute;top: 1rem;left: -83px;
width: 10px;height: 10px;background-color: #518ddd;border: 8px solid #fff;border-radius: 50%;}
.history-desc dt{margin-bottom:20px;font-family: 'Montserrat';font-weight:700;font-size:230%;letter-spacing: 0.01em;}
.history-desc dt b{font-size:1.777rem;font-weight: 700;}
.history-desc dd{color: #666; font-size:17px;}
.history-desc dd span{font-weight:600; color:#222; margin-right:20px;}
.history-desc dd+dd{margin-top:10px;}
.history-desc dd::before{content: '-';position: absolute; color: #B0B2C1;margin-left: -1rem;}
.history-desc li+li{margin-top: 3.33rem;}
.history-desc{width:700px;padding-left: 76px}
.history-desc ul{margin-bottom:50px; margin:0;}
.history-desc ul:last-child{margin-bottom:70px;}
.history-desc ul:not(:first-child){padding-top:30px;}
#historyYear a{display: block;text-decoration: none;}






/* 반응형 */
@media screen and (max-width: 1200px){


#recentMB2 {height: 550px !important; margin-top:65px !important;}
#recentMB2 li {height: 550px !important; }

/* 연혁 */
.history-list{display:block;}
.history-desc {width:auto;padding-left:50px;}
.history-desc dl::before {left: -58px;}
#historyYear{margin-bottom:40px;}



}










/* 반응형 */
@media screen and (max-width: 1000px){
	#sub_container {padding:0px 25px !important;margin:0px auto !important; background:#fff}
	#sub_container .snb {padding:0px; margin:0px; display:none}
	.layout_1200 {position:relative; margin:0 auto; width:95%;}
	.layout_1200_2 {position:relative; margin:0 auto; width:100%;}
	.mobile_menu {display:block;}
.subHeader h3 {position:relative; padding:10px 0px 0px 0px;  font-family: 'Noto Bold';font-size:45px;  text-align:center; color:#000; letter-spacing:-0.05em}
	#recentMT1{display:none}
	#recentMT2{display:block}
	#layout {background:none !important}

.gnb {display:none}
.pc_view {display:none}
.pc_view2 {display:none;}
.mobile_view2 {display:block;}
.mobile_view3 {display:none;}
.tablet_view {display:block;}

.foot {text-align:center; line-height:21px; color:#b9b9b9; font-size:12px;}
.foot span{color:#ccc; padding:0px 10px }

.main_busi {position:relative; overflow:hidden;float:left; width:100%;}
.main_bottom {position:relative; overflow:hidden;float:left; width:100%;}
.float_right {float:right !important;}
.main_center {position:relative;overflow:hidden; float:left; width:100%;}
.m_margin {margin:15px 0px !important}
.m_margin2 {margin:15px 0px !important}
.m_padding {padding:40px 0px 20px 0px;}
.m_padding2 {padding:40px 0px 20px 0px;}
.m_mar_top {margin:0px 0px 10px 0px;}

.pro_result ul{margin:20px 0px 10px 0px; position:relative;overflow:hidden;}
.pro_result li{width:25% !important; float:left; background:url(/user/default/image/main/m_icon.png) no-repeat 0px 9px;line-height:28px;}




/* 메인 하단 */
.bottom_box { position:relative;}
.bottom_box .mar_right1{ margin-right:20px !important}
.bottom_box .mar_right2{ margin-right:20px !important}
.bottom_box .mar_bottom{ margin-bottom:20px !important}
.bottom_img { width:48% !important;  }
#player{width:100% !important; float:right;}

.recentMR3 {height:300px !important; }
.recentMR3 li{height:300px !important; }

.schedule ul.right { width:90% !important;  }
.recentBody ul li {width:90% !important; }

.recentMR1 {position:relative; top:65px; height:450px !important; }
.recentMR1 li{height:450px !important; }

.sub_bg101 {height:350px !important;}
.sub_bg102 {height:350px !important;}
.sub_bg103 {height:350px !important;}
.sub_bg104 {height:350px !important;}
.sub_bg105 {height:350px !important;}
.sub_bg106 {height:350px !important;}
.sub_bg100 {height:350px !important;}

.banner .bx-prev {position:absolute; top:36%; left:20px; z-index:100; width: 60px; height: 60px; 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:36%; right:20px; z-index:100; width: 60px; height: 60px; 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;}



/*공지사항*/
#docRecentMR1 li{margin-bottom:20px; width:204px !important; }
#docRecentMR1{margin-bottom:20px; width:100%;}
#recentMR1 .bx-wrapper{width:100%;}



/*제품규격별 제원*/
.business_first_photo2{float: left;width: 100%; border:1px solid #cbd0d6; box-sizing: border-box; overflow:hidden; display:block; text-align:center; padding:30px 0;}
.business_first_photo2 img{vertical-align: top;}
.con_table{width:100%; float: left; margin-left:0px;}
.con_table .table_design{width:100%;}


 /* 복리후생 */
.R_B { position:relative;width:29%; border:1px solid #d8d8d8; height:470px; margin-bottom:30px; margin-right:30px;box-sizing: border-box; float:left; }
.R_B:last-child{margin-right:0px;}
.R_B .top {position:relative;border-bottom:1px solid #d8d8d8; padding:20px 0px; text-align:center; color:#000; font-size:25px; }
.R_B .top img{ width:80%;}
.R_B .bottom { position:relative; display:block; padding:15px 15px}
.content_box .R_B ul.dot_icon { position:relative; margin:5px 0px 5px 10px;}
.content_box .R_B ul.dot_icon li{ position:relative; display:block; padding:2px 0px 2px 12px; color:#777; background:url(/user/default/image/icon/list_icon.gif) 0px 11px no-repeat;}
.n_margin{margin-right:0px;}



 /* 설치활용지역 */
.edu { position:relative; width:29%; border:2px solid #d8d8d8; float:left; margin:10px 10px; height:350px; background:#f6f6f6}
.edu .number {font-size:45px; font-family: 'Noto Bold'; color:#1d77aa;}
.edu dl {padding:20px}
.edu dt {font-size:20px; color:#222; line-height:50px; text-align:center; margin-bottom:20px;}
.edu dd {font-size:15px; color:#888;  text-align:center; }

.box_left50 {position:relative;width:auto; display:block; float:none}
.box_right50 {position:relative;width:auto; display:block; float:none; margin-top:30px}


/* 메인 */
.main_left {float:left; width:100%; margin-right:0px; position:relative; margin-bottom:30px}
.main_right {float:left; width:100%;  position:relative;}
.main_50 {float:left; width:100%;position:relative; margin:0px 0px 25px 0px;  margin-right:4%;}
.main_50.no_margin {margin-right:0%}
.main_margin {margin:50px auto 20px auto !important; }
.movie iframe{width:100%;}


/*기업현황*/
table.history td{padding-left:20px;}


/*사업투자*/
.content_bottom01 h3{font-size: 22px; padding: 100px 50px 0px 50px;}
.content_bottom01 p{font-size: 18px; padding: 0px 50px 0px 50px;}


/*컨트롤&모니터기능*/
.application li { float:left; width:48%; margin:0% 1% 0% 1% !important;}
.application dd {height:100px}
.content_box .color_box{margin-left:0px; width:100%;}
.color_box2 .application li{width:48%; margin: 0% 1% 0% 1% !important;}


/*해외파트너 협력방안*/
.partner li{float:left; margin-right:40px; width:30%;}
.partner li:last-child{margin-right:0px;}
.partner li img{width:100%;}

.mobile_view{display:none;}

}











@media screen and (max-width:880px){
	/* 게시판 스타일 */
	#docListBasic {display:none !important}
	#docListMobile {display:block !important}
	.searchBox {display:none}
	.countBox {display:none}
	.docThumb .cell {position:relative; float:left; text-align:center; width:44%; margin:auto 15px;}

.subHeader h3 {position:relative; padding:0px 0px 10px 0px;  font-family: 'Noto Bold';font-size:35px;  text-align:center; color:#000; letter-spacing:-0.05em}
#content .module {padding:25px 0px 45px 0px; min-height:450px; !important;}

#tabMC21 {margin-top:20px !important;}
#tabMC21.tabRecent .tabBox { font-size:13px;}
.banner_left { float:none; width:98%;  margin:5px 0px;}
.banner_right { float:none; width:98%; margin:5px 0px;}
.m_banner {  padding:15px 0px 15px 10px;  height:70px;float:left; margin-right:0px; overflow:hidden}

.main_event_left{ position:relative; float:none; width:100% !important; margin:15px auto}
.main_event_right{ position:relative; float:none; width:100% !important; margin:15px auto}
.recentMR2 {height:300px !important;border:1px solid #777}
.bannerMR2 li {height:300px !important;}

.main_306_2 {position:relative; overflow:hidden;float:left; width:100%; background:#fff}
.pro_result li{width:50% !important; float:left; background:url(/user/default/image/main/m_icon.png) no-repeat 0px 9px;line-height:28px;}
.m_margin {margin:15px 0px !important}
.m_margin2 {margin:10px 0px !important}
.schedule ul.right { width:94% !important;  }
.recentBody ul li {position:relative; vertical-align:top; margin:0px; padding:5px 0px; width:94% !important; *zoom:1; border-bottom:1px solid #eeeeee}


.sub_bg101 {height:200px !important;}
.sub_bg102 {height:200px !important;}
.sub_bg103 {height:200px !important;}
.sub_bg104 {height:200px !important;}
.sub_bg105 {height:200px !important;}
.sub_bg106 {height:200px !important;}
.sub_bg100 {height:200px !important;}

.recentMR1 {height:420px !important; }
.recentMR1 li{height:420px !important; }

.banner .bx-prev {position:absolute; top:35%; left:5px; z-index:100; width: 60px; height: 60px; 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:35%; right:5px; z-index:100; width: 60px; height: 60px; 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;}

.content_box p{ margin:5px 3px; overflow:hidden; clear:both; font-size:14px;color:#888; line-height:23px; }

.content_box h4{ position:relative; clear:both; font-size:20px; color:#fff; padding:8px 0px 8px 8px; margin-top:20px;}

.content_box ul.dot01{margin:15px 0px 0px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:15px; color:#666;  background:url(/user/default/image/sub/icon01.gif) 1px 12px no-repeat; line-height:200%}



 /* 인사말 */
.greeting_txt { float:left; width:50%; padding-top:15px;}
.greeting_img { float:right; width:320px; padding-top:15px;}


/* 경영이념테이블 */
.idea {width:100%;line-height:1.5; border-top:1px solid #e1e1e1; color:#555; border-collapse:collapse; font-size:13px; margin:10px 0px}
.idea th, .idea td {border-bottom:1px solid #e1e1e1;padding:20px 5px 20px 5px; line-height:20px}
.idea th {font-size:21px; color:#fff; text-align:center; background-color:#5f88b8; font-weight:normal; line-height:25px}
.idea td {font-size:16px; color:#666; padding:20px 5px 20px 20px; }

 /* 사업분야 */
.busi_img { position:relative; padding-bottom:30px;}


/*사업투자*/
.content_bottom01 h3{font-size: 20px; padding: 100px 40px 0px 40px;}
.content_bottom01 p{font-size: 16px; padding: 0px 40px 0px 40px;}


/* 인증서 */
ul.certi li{ margin:12px 12px !important;  float:left; vertical-align:middle; padding:0px; overflow:hidden}
ul.certi img{ width:220px !important;}


 /* 기본테이블 디자인 */
.table_design {width:100%;color:#555; border-top:2px solid #5f88b8; border-bottom:1px solid #ddd;border-collapse:collapse; font-size:14px; margin:10px 0px 0px 0px}
.table_design th, .table_design td {border-top:1px solid #ddd;padding:8px 8px 8px 8px; line-height:20px; font-size:14px;}
.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 + 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:14px; color:#497c9a;text-align:center; background-color:#f5f5f5;font-weight:normal;}
.table_design td { color:#888;}
.table_design .border {border-right:1px solid #ddd;}

.table_design02 {width:100%;line-height:1.5;color:#004a8d; border-bottom:1px solid #e1e1e1;border-collapse:collapse;  margin:10px 0px 0px 0px; }
.table_design02 th {width:15%; border-top:1px solid #e1e1e1;padding:8px 0px 8px 0px;line-height:24px; font-size:16px; font-weight:600;}
.table_design02 td {width:85%; border-top:1px solid #e1e1e1; color:#777; padding:8px 15px 8px 15px;line-height:24px; font-size:14px;}
.table_design02 th[scope="col"] {border-right:0 none;background-color:#dfe5ec;color:#333;padding:5px 0px 3px 0px; text-align:center; 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;}

.point01 { color:#004a8d; font-size:24px; line-height:160%;}
.point02 { color:#444; font-size:16px;}
.point03 { color:#266da5; font-size:15px;}

.font_size35 { font-size:30px;  letter-spacing:-0.05em; }


/*카피라이터*/
.foot .foot_logo{display:none;}


/*공지사항*/
#docRecentMR1 li{margin-bottom:20px; width:204px !important; }
#docRecentMR1{margin-bottom:20px; width:100%;}
#recentMR1 .bx-wrapper{width:100%;}


.m_goto h4{font-size:16px;}



 /* R&B개발현황 */
.R_B {position:relative; width:100%; border:1px solid #d8d8d8;   float:left;}
.R_B .top {border-bottom:1px solid #d8d8d8; padding:20px 0px; text-align:center; color:#000; font-size:20px; background:#fff; box-sizing: border-box}
.R_B .top img{ width:50%}
.R_B .bottom { position:relative; padding:20px 10px}




 /* 설치활용지역 */
.edu { position:relative; width:30%; border:2px solid #d8d8d8; float:left; margin:10px 5px; height:330px; background:#f6f6f6}
.edu img{margin-top:15px; }
.edu .number {font-size:40px; font-family: 'Noto Bold'; color:#1d77aa;}
.edu dl {padding:10px}
.edu dt {font-size:18px; color:#222; line-height:40px; text-align:center; margin-bottom:10px;}
.edu dd {font-size:15px; color:#888;  text-align:center }



.mobile_view{display:none;}




.docThumb .cell .viewImage .thumbNail {position:relative; border:1px solid #d7d7d7; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important }
.docThumb .cell .viewImage .thumbNail_on {position:relative; border:1px solid #6c748d; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important}

#recentMB2 {height:400px !important}
#recentMB2 li{height:400px !important}



}

@media screen and (max-width:660px){

#recentMB2 {height:300px !important}
#recentMB2 li{height:300px !important}

.content_box { position:relative; font-size:13px; color:#666; letter-spacing:-0.05em;   }

.content_box .title01{position:relative; color:#fff; font-size:20px; padding:10px 0px 10px 10px; background-color:#6495b2;}

.docThumb .cell {position:relative; float:left; text-align:center; width:42%; margin:auto 15px;}

.m_padding2 {padding:30px 0px 20px 0px;}


.foot { text-align:center; line-height:18px; color:#b9b9b9; font-size:10px;}
.foot .foot_menu a{font-size:13px;}
.foot span{color:#ccc; padding:0px 5px }
.foot .foot_right{display:none;}



/* 메인 하단 */
.bottom_box { position:relative; font-size:16px; color:#555; width:100%;}
.bottom_box .mar_right1{ margin-right:15px !important}
.bottom_box .mar_right2{ margin-right:0px !important}
.bottom_box .mar_bottom{ margin-bottom:15px !important}
.bottom_img { width:47.5% !important;  }




.point01 { color:#004a8d; font-size:17px; line-height:160%;}
.point02 { color:#444; font-size:14px;}
.point03 { color:#266da5; font-size:15px;}

.bottom_img { width:100% !important;  }
.main_right{width:100%; clear:right !important; }

/*공지사항*/
#docRecentMR1 li{margin-bottom:20px; width:140px !important; }
#docRecentMR1{margin-bottom:20px; width:100%;}
#recentMR1 .bx-wrapper{width:100%;}


 /* 메인사업소개 */
.busi_box .m_goto { width:33% !important;  }
.n_border{border-left:0px;}

/*시스템개요*/
.business_first_photo img{width:80%}
.business_first_title {color: #fff;font-size: 18px; line-height: 30px;text-align: center;}
.content_box ul.dot_icon li{font-size:14px; color:#777;}



 /* R&B개발현황 */
.R_B { width:100%; border:1px solid #d8d8d8; height:auto; float:none; margin-bottom:30px;box-sizing: border-box }
.R_B .top {border-bottom:1px solid #d8d8d8; padding:20px 0px; text-align:center; color:#000; font-size:20px; background:#fff; box-sizing: border-box}
.R_B .top img{ width:50%}
.R_B .bottom { position:relative;padding:20px 10px}
.content_box .R_B ul.dot_icon li{ position:relative; display:block; padding:2px 0px 2px 12px; color:#777; background:url(/user/default/image/icon/list_icon.gif) 0px 9px no-repeat;}



 /* 설치활용지역 */
.edu { position:relative; width:98%; border:2px solid #d8d8d8; float:left; margin:10px auto; height:auto; background:#f6f6f6}
.edu img{margin-top:0px;}
.edu p{margin-top:20px;}
.edu .number {font-size:40px; font-family: 'Noto Bold'; color:#1d77aa;}
.edu dl {padding:15px}
.edu dt {font-size:25px; color:#222; line-height:40px; text-align:center; margin-bottom:10px;}
.edu dd {font-size:16px; color:#888;  text-align:center; margin-bottom:10px;}




/*물생성지수표*/
ul.img01 { position:relative; overflow:hidden; }
ul.img01 li{margin:30px 0 10px 0px; !important; border:0px solid #d7d7d7; float:left; vertical-align:middle;  overflow:hidden; padding-left:40px;}
ul.img01 li:first-child{padding-left:0px;}
ul.img01 li.margin_none{padding-left:0px;}
ul.img01 li img{width:100%; padding:0px !important; margin:0px !important }
ul.img01 li p{text-align:center; margin-bottom:10px;}
ul.img01 li p a{ color:#666;}


.recentThumb .cell {position: relative; float: left;overflow: hidden;margin-left:none;2017-11-16}


table.history {width:100%; margin-top:20px}
table.history th,
table.history td {border-top:0px dashed #9d9d9d;  padding:10px 0px; border-bottom:none !important; ; display:block; }
table.history th{ font-size:25px; color:#bb162b; font-weight:normal;width:100%; text-align:center; border-top:1px dashed #9d9d9d; margin:20px 0; }
table.history th img{margin-top:30px;}
table.history dd{font-size:15px; color:#777; padding:0px 0px 5px 15px !important; width:90%;  background:url(/user/default/image/icon/list_icon.gif) 0px 9px no-repeat; text-align:justify; }

.mobile_view{display:none;}


/*해외파트너 협력방안*/
.partner li{float:left; width:100%; margin-top:20px; }



}








@media screen and (max-width:550px){

#recentMB2 {height:200px !important}
#recentMB2 li{height:200px !important}

#sub_container {padding:0px 15px !important;margin:0px auto !important; background:#fff}
.schedule ul.right { width:91% !important;  }
.recentBody ul li {position:relative; vertical-align:top; margin:0px; padding:5px 0px; width:91% !important; *zoom:1; border-bottom:1px solid #eeeeee}
.pro_result li{width:100% !important; float:none; background:url(/user/default/image/main/m_icon.png) no-repeat 0px 9px;line-height:28px;}
.subHeader h3 {position:relative; padding:0px 0px 10px 0px;  font-family: 'Noto Bold';font-size:25px;  text-align:center; color:#000; letter-spacing:-0.05em}
#content .module {padding:20px 0px 40px 0px; min-height:250px; !important;}

.docThumb .cell {position:relative; float:left; text-align:center; width:40%; margin:auto 15px;}



.recentMR3 {height:190px !important; }
.recentMR3 li{height:190px !important; }

.sub_bg101 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg102 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg103 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg104 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg105 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg106 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}
.sub_bg100 {background:url(/user/english/image/sub/sub_visual001_01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; height:384px;}


.recentMR1 {height:300px !important; }
.recentMR1 li{height:270px !important; }

.banner .bx-prev {position:absolute; top:36%; left:5px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev11.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next {position:absolute; top:36%; right:5px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next11.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next:hover,.bx-prev:hover {background-position: 0 0;}

.font_size35 { font-size:25px;  letter-spacing:-0.05em; }
.content_box .bg_box{ position:relative; padding:10px 20px; clear:both;background:url(/user/default/image/contents/box_bg.gif); margin:5px 0px 5px 0px;k}
.content_box .con_box{ position:relative; padding:0px; clear:both; margin:5px 0px 5px 5px; overflow:hidden}

.content_box p{ margin:5px 3px; overflow:hidden; clear:both; font-size:13px;color:#777; line-height:170%; }

.content_box .line_box{ position:relative; padding:15px 10px 15px 10px; clear:both; border:1px solid #e5e5e5; background:#fafafa; margin:7px 0px; overflow:hidden}

.content_box ul.dot01{margin:5px 0px 0px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:13px; color:#666;  background:url(/user/default/image/sub/icon01.gif) 1px 11px no-repeat; line-height:200%}


/*사업투자*/
.content_bottom01 h3{font-size: 18px; padding: 100px 35px 0px 35px;}
.content_bottom01 p{font-size: 15px; padding: 0px 35px 0px 35px;}


 /* 기본테이블 디자인 */
.table_design {width:100%;color:#555; border-top:2px solid #5f88b8; border-bottom:1px solid #ddd;border-collapse:collapse; font-size:12px; margin:7px 0px 0px 0px}
.table_design th, .table_design td {border-top:1px solid #ddd;padding:10px 5px 10px 5px; line-height:20px; font-size:14px;}
.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 + 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 {color:#497c9a;text-align:center; background-color:#f5f5f5;font-weight:normal;}
.table_design td { color:#888;}
.table_design .border {border-right:1px solid #ddd;}

.table_design02 {width:100%;line-height:1.5;color:#004a8d; border-bottom:1px solid #e1e1e1;border-collapse:collapse;  margin:10px 0px 0px 0px; }
.table_design02 th {width:20%; border-top:1px solid #e1e1e1;padding:8px 0px 8px 0px;line-height:20px; font-size:13px; font-weight:600;}
.table_design02 td {width:80%; border-top:1px solid #e1e1e1; color:#777; padding:8px 0px 8px 12px;line-height:20px; font-size:12px;}
.table_design02 th[scope="col"] {border-right:0 none;background-color:#dfe5ec;color:#333;padding:5px 0px 3px 0px; text-align:center; 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;}

/* 탭디자인 */
ul.tab_design { position:relative; margin-bottom:15px; overflow:hidden}
ul.tab_design li{ float:left; padding:0px 0px; margin:0px 5px 5px 0px; }
ul.tab_design .off{ border:1px solid #5f88b8; background:#fff; display:block; text-align:center; color:#227cca;}
ul.tab_design .off A{ display:block; color:#5f88b8; font-size:12px; padding:7px 11px 4px 11px;}
ul.tab_design .on{ border:1px solid #5f88b8; background:#5f88b8;  display:block;text-align:center; color:#fff;}
ul.tab_design .on A{ display:block; padding:7px 11px 4px 11px; font-size:12px}


#recentML1{padding-bottom:0px !important;}
.m_goto h4{font-size:16px;}
.m_goto p{padding-top:5px;}
.busi_box{padding-top:0px; border-bottom:1px solid #dddddd; padding:0px;}
.m_goto img{width:40%;}


/*공지사항*/
.cell{margin-bottom:20px; }
.cell div a img{ width:100% !important; }
#cell1{margin-left:0px; }
#cell4{display:none;}
.recentThumb{margin-bottom:20px; padding:20px 10px;}
.recentThumb .cell{width:43%; !important;padding:0 10px !important; margin-bottom:15px; margin-left:0px;}
.recent .recentHeader h3{font-size:25px; padding:0px 0px 5px 20px}
.recentThumb .cell .title a{text-align:center; }
.recentThumb .cell .title{text-align:left; }


/* 인증서 */
ul.certi img{ width:100% !important;}
.edu p{margin-top:20px;}


/* 메인 제품 */

.main_story {position:relative; display:block; background:url(/user/default/image/main/story_bg2.jpg) center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; height:530px; text-align:center; }
.main_story h3{color:#fff; font-size:15px; padding:50px 0px 0px 0px; margin:5px auto; font-family: 'Noto Bold'; letter-spacing:-0.03em; text-align:center;}
.main_story h4{color:#fff; font-size:25px; padding:10px 0px 0px 0px; margin:5px auto; font-family: 'Noto Bold'; letter-spacing:-0.03em;  text-align:center;}
.main_story p{color:#dee6f0; font-size:15px; padding:0px 0px 25px 0px;overflow:hidden; letter-spacing:-0.1em;  text-align:center; }
.main_story .btn{color:#fff; margin:30px 0 0 0px;padding:5px 40px 5px 20px; font-size:15px; border:2px solid #fff; width:15%;background:url(/user/default/image/main/arrow01.png) no-repeat 90% 11px; text-align:center; margin:0 auto; display:block;}
.main_story .main_img{float:left; padding:25px 10px 0 0px; text-align:center; width:100%; }
.main_story .main_txt{float:none;}


/*컨트롤&모니터기능*/
.content_box .color_box {position: relative;padding: 10px 0px;clear: both;margin: 15px 0px;overflow: hidden;overflow-x: hidden;overflow-y: hidden;text-align: justify;}
.application{padding:10px 10px;}
.application dl {border:0px solid #dadcde;}

/*방문자통계*/
#recentMR2 .recentAnaly p { font-size:80% !important}
#recentMR2 .recentAnaly p span { font-size:100% !important}

/* 연혁 */
#historyYear h3{font-size:40px;}
#historyYear span{font-size:20px;}
.history-desc {padding-left:30px;}
.history-desc dl::before {left: -38px; top:0;}
.history-desc dt{font-size:20px;margin-bottom:10px;}
.history-desc dd{font-size:15px;}




}