/* -----------------------------
| Layout Selector
|-------------------------------
| 강조색 : #094fa3
*/

@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, select {background:#fff; font-family: 'Noto Regular'; font-size:15px;}
strong {font-weight:normal !important; color:#666 !important}

#layout,#wrap,#header {position:relative;}
#layout{min-width:340px; }

#quick_right{display:none;}
#recentMT2{display:none;}

/* 메인 반응형 레이아웃 */
.m_padding {padding:90px 0px 0 0 ;}
.m_padding2 {padding:0px 0px 90px 0px  ;}
.m_padding3 {padding:90px 0px 120px 0px  ;}

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

.pc_view {display:block; position:relative}
.pc_view2 {display:block; position:relative}
.pc_view3 {display:block; position:relative}
.tablet_view {display:none; position:relative}
.mobile_view {display:none; position:relative}
.mobile_view2 {display:none; position:relative}
.mobile_view3 {display:none; position:relative}
.mobile_view4 {display:none; position:relative}

.no_margin {margin-right:0px !important; }

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

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

#sub_title .title{color:#fff; text-align:center}
#sub_title .title_on{display:block}
#sub_title .title_off{display:none}

#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:5.5%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:30px 0px;  margin-top:30px; filter:alpha(opacity=80);  opacity:0.8;}

img {vertical-align:top; padding:0px; max-width:100%}

/* Header */
#header {position:relative; z-index:999; transition:all 0.1s;}
#header .gnb {position:absolute; top:40px; right:100px; width:230px; z-index:991; color:#444;}
#header .gnb .direct {float:right; margin:0px 0px 0px 0px; padding:0px 5px; z-index:2; position:relative; }
#header .gnb .direct li {float:left; padding:0;  vertical-align:bottom}
#header .gnb .direct li * {vertical-align:middle}
#header .gnb .direct li a {display:block; padding:0px 8px; font-size:13px; color:#999;}
#header .gnb .direct li:first-child a {border-left:0px solid #e2e2e2}
#header .gnb .direct li a.admin{display:block; background:#0f4488; color:#fff; border-radius: 10px; margin-left:10px; }
#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}

/* 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:#094fa3}

/* 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:''}


.snb { position:relative;  width:100%; background:#012b5d; }
.snb .subMenuTitleHeader h3 {padding:0px; font-weight:bold; font-size:14px; text-align:center; border-bottom:0px solid #6584b0; position:relative}
.snb .sub_menu ul.parents {padding:10px 0 0px 0px; *zoom:1; width:100%;  } /* 메뉴 박스 */
.snb .sub_menu ul li {width:calc((100% - 20px) / 3);margin:0px 10px 10px 0px !important; float:left; }
.snb .sub_menu ul li:nth-child(3n){ margin:0 0 10px 0 !important; }
.snb .sub_menu ul.parents li.parent a {display:block; padding:15px 10px; color:#fff; font-size:17px; text-align:center; letter-spacing:-0.03em; border:1px solid rgba(255,255,255,.15); border-radius:10px;}
.snb .sub_menu ul.parents li.parent a:hover,
.snb .sub_menu ul.parents li.parent a.active { font-weight:600; display:block;padding:15px 10px; background:#fff; color:#012b5d; }
.snb .sub_menu ul.childes {display:none; position:absolute; top:51px; left:0px; width:100%; padding:5px 0px;background:#9e9ec1;filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0; text-align:justify;}
.snb .sub_menu ul.childes li.childe {}
.snb .sub_menu ul.childes li.childe a {padding:5px 10px 2px 10px; color:#fff; border-right:0px solid #416ac2; font-size:14px; margin:0px 5px}
.snb .sub_menu ul.childes li.childe a:hover,
.snb .sub_menu ul.childes li.childe a.active {padding:5px 10px 2px 10px; color:#fff; background:#5d66a9; }
.side {float:right; position:relative}

.snb#sub_000 {display:none !important}


#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;}

#module {position:relative; *zoom:1; min-height:300px; padding:0px 0px 100px 0px; !important}
#moduleTop {position:relative; *zoom:1}
#moduleTitle {position:relative; *zoom:1; text-align:center; padding:70px 0px 75px 0px;  letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bg.gif) no-repeat center 150px;}
#moduleTitle span { color:#a49282; letter-spacing:-0.1em}

#moduleTitle.title_000 {padding:70px 0px 50px 0px;}
#moduleBottom {position:relative; *zoom:1}

#bottom {position:relative; *zoom:1}
#bottom::before{ content:""; position:absolute; top:50px; left:50px; width:139px; height:80px; background-image:url("../image/main/kolas_logo.png"); background-position:center; background-size:cover; background-repeat:no-repeat; z-index:100; }

/* Footer */
#footer {position:relative; *zoom:1; border-top:0px solid #cfcfcf}
#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:150%}
#footer .footerContent address {font:10px Verdana}
#footer .footerContent address a {font:bold 12px Tahoma; color:#094fa3}


/* -----------------------------
| Class Selector
|-------------------------------
*/
.colorActive {color:#094fa3}
.colorRed {color:red}
.colorDarkred {color:#990000}
.colorViolet {color:#663366}
.colorBlue {color:#003399}
.colorGreen {color:#333}
.colorOrange {color:#ff3300}
.colorBlack {color:#000}
.colorWhite {color:#fff}
.colorGray {color:#999}
.colorSilver {color:#dcdcdc}
.colorAqua {color:#dfffff}
.colorYellow {color:#ffffcc}

.agreement .colorGreen {font-size:20px !important;}

.subHeader {margin-top:0px; overflow:hidden;  text-align:center; }
.subHeader .subHeaderBorder { display:inline-block}
.subHeader h3 {padding:0px 0px 0px 0px; font-weight:normal; font-size:42px; color:#333; letter-spacing:-0.03em; display:inline-block}

.subMap {position:relative; padding:10px 0; text-align:center;  color:#444; line-height:20px;}
.subMap strong {color:#747474; font-weight:normal; font-size:14px;}
.subMap a {font-size:14px !important;}
.subMap .colorGray {font-size:14px !important; padding:0px 3px}

.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:#094fa3; 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:27px; vertical-align:middle; background-color:#e3eef9;font-family: 'Noto Medium';border-radius:5px; }
.input_blue { border:1px solid #c9d8f5; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#e3eef9;font-family: 'Noto Medium'; border-radius:5px;}
.input_green { border:1px solid #666900; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#ffffcc;font-family: 'Noto Medium';border-radius:5px; }
.input_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#eee;font-family: 'Noto Medium'; border-radius:5px;}
.input_white { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:27px; vertical-align:middle; background:-color#fff;font-family: 'Noto Medium'; border-radius:5px;}
.input_search { border:1px solid #000; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#fff;font-family: 'Noto Medium';border-radius:5px; }
.textarea_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; vertical-align:middle; background-color:#eee;font-family: 'Noto Medium'; border-radius:5px;}
.textarea_blue { border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background-color:#e3eef9;font-family: 'Noto Medium';border-radius:5px; }
.input_active { border:1px solid #3491c6; padding:2px 0 0 2px; height:27px;  background-color:#ffffcc; font-family: 'Noto Medium'; border-radius:5px;}
.input_color {border:1px solid #d2d2d2; padding:2px 0 0 2px; height:27px; vertical-align:middle; background-color:#eee;font-family: 'Noto Medium'; border-radius:5px;}
.input_check { width:13px; height:27px; margin:2px 0 2px 0; padding:0; vertical-align:middle;font-family: 'Noto Medium'; border-radius:5px;}
.input_etcCheck { width:13px; height:27px; margin:2px 0 2px 0; padding:0; vertical-align:middle;font-family: 'Noto Medium'; border-radius:5px;}
.input_search {  border:1px solid #dcdcdc; padding:2px 0 0 2px;  height:22px; vertical-align:middle; background-color:#eee;font-family: 'Noto Medium';border-radius:5px;}

/* 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:14px !important; 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; color:#094fa3}
.textContent dd {position:relative; margin-left:20px}
.textContent ol {margin:0 0 10px 20px; padding-left:0px}
.textContent ul {margin:0 0 10px 20px; padding-left:0px}
.textContent ol li {list-style-type:decimal}
.textContent ol li.num {margin-left:-5px; list-style-type:decimal}
.textContent ol li.alpha {list-style-type:lower-alpha}
.textContent ol li.roman {list-style-type:upper-roman}
.textContent ul li {list-style-type:circle}
.textContent ul li.disc {margin-left:-5px; list-style-type:disc}
.textContent ul li.circle {margin-left:-5px; list-style-type:circle}
.textContent li.none {margin-left:-20px; list-style:none}
.textContent li.clean {margin:0; padding:0; list-style:none}
.textContent em { font-style: italic}
.textContent p { margin: 0; padding: 0}
.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 #094fa3; 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;padding:8px 6px; font-weight:normal; background:#fff url(/user/default/image/background/bg_docList1.gif) no-repeat left bottom}
.table_basic thead th {border-bottom:1px 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:#094fa3}
.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:12px 6px; 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 td strong {font-weight:normal}
.table_basic tbody tr.bg1 td {background:#fff}
.table_basic tbody tr.bg2 td {background:#fbfbfb}
.table_basic tbody tr.bg3 td {background:#f6f6f6}

#contents_td ol {width:95% !important}
#contents_td ol li{width:100% !important}
#contents_td textarea {width:100% !important}

.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; font-weight:normal !important; 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:#094fa3}
.table_board tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal !important}
.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:#440E62; 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:7px; 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%}


/* Recent - public */
.recent { display:block; width:auto !important; overflow:hidden;  }
.recent h3 {font-size:0}
.recent .recentHeader { overflow:hidden; width:100%; margin:0 auto 0px auto; }
.recent .recentHeader .recentHeaderBorder {width:100%;}
.recent .recentHeader .recentHeaderBorder a {color:#999;}
.recent .recentHeader h3 { padding:0px 0px 15px 0px; background:#fff; display:inline-block; font-size:30px; color:#333; letter-spacing:-0.03em}
.recentBody {overflow:hidden; border:1px solid #d7d7d7; padding:10px auto 10px auto;  width:99% !important;}
.recentBody ul {margin:0 auto; padding:15px; width:100% !important; position:relative;}
.recentBody ul li {position:relative; vertical-align:top; margin:0; padding:8px 0px;  }
.recentBody .docTitle {line-height:15px; text-overflow:ellipsis;  white-space:nowrap; vertical-align:middle; width:90% !important; margin:0 auto; font-size:15px;  letter-spacing:-0.03em}
.recentBody .docTitle .date {position:absolute; color:#999; right:0px; font-size:14px;}
.recentBody .docTitle .title p {white-space:nowrap}
.recentBody .docTitle .title a {color:#666; text-decoration:none; font-size:15px; text-overflow:ellipsis;}
.recentBody .docTitle .title a:hover {text-decoration:underline}
.recentBody .docTitle .icon {vertical-align:middle; margin:0 2px; display:none}
.recentBody .imgList {float:left; display:inline-block; margin-right:5px}
.recentBody .imgList .date {font:.9em Tahoma; color:#fff}
.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; top:15px; right:5px; z-index:1; }

/* 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 #094fa3; 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 #094fa3; 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:#094fa3; 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 #094fa3; padding:0; border-top:none; border-bottom:none; background:#fff; overflow:hidden}
html>/**/body .tabRecent .tabBody {top:-2px}

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

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

#recentMR2.recent .recentHeader .recentHeaderBorder p{display:block !important; }
#recentMR2.recent .recentHeader .recentHeaderBorder p.more{position:absolute;  top:90px; width:23px; height:23px; right:0%; z-index:999; background:url(/user/default/image/main/more.gif) no-repeat; overflow:hidden}
#recentMR2.recent .recentHeader .recentHeaderBorder p.more a{ padding:100px;}

/* Recent - gallary */
.recentLayerdZine {margin:auto; overflow:hidden}
.recentLayerdZine .box {position:relative; overflow:hidden}
.recentLayerdZine .box .big {position:relative;}
.recentLayerdZine .box .big a{width:35%; float:left;}
.recentLayerdZine .box .big img{width:90%; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; border:2px solid #fff}
.recentLayerdZine .box .big .black{width:60%; float:right}
.recentLayerdZine .box .big .black a{width:100%; color:#fff}
.recentLayerdZine .box .big .black a h6{font-size:24px; font-weight:normal; margin-bottom:20px;}
.recentLayerdZine .box .big .black a p{font-size:14px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.recentLayerdZine .box:hover .big a p{filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
.recentLayerdZine .box:hover .big img{ filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}

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

/* Link */
a:link ,a:visited ,a:active {color:#000;text-decoration:none; letter-spacing:0px; }
a:hover {color:#5376bd; text-decoration:none; outline:1;  }
a.act:link ,a.act:visited ,a.act:active {font-size:12px; color:#eb876b;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:#eb876b; 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:#aaaaaa;text-decoration:none}
a.actGray:hover {font-size:12px; color:#094fa3; 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:#eb876b; 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:#385e7b;font-size:15px;font-family:Tahoma, Sans-serif;color:#fff;text-decoration:none !important;vertical-align:top;white-space:nowrap;border-radius:5px;}
.btnPack {margin-right:4px; margin-bottom:5px;}
.btnPack a{color:#fff; font-size:15px; font-family: 'Noto Medium'; font-weight:normal;}
.btnPack a:hover {opacity:1;}
.btnPack a:focus{outline:1px dashed #666}
a.btnPack:focus{outline:1px dashed #666}
.btnPack *{left:0px;cursor:pointer; font-family: 'Noto Medium';font-weight:normal}
.btnPack *:hover,
.btnPack *:active,
.btnPack *:focus {color:#fff}
.btnPack.black {background:#5d5d5d}
.btnPack.blue {background:#094fa3}
.btnPack.green {background:#094fa3}
.btnPack.red {background:#ee4778}
.btnPack.gray {background:#4d729e}
.btnPack.metal {background:#5C8EC1}
.btnPack.white {background:#5C8EC1}
.btnPack.medium,
.btnPack.medium *{line-height:31px}
.btnPack.large,
.btnPack.large *{line-height:50px}
.btnPack.xlarge,
.btnPack.xlarge *{line-height:65px}
.btnPack.small,
.btnPack.small *{line-height:27px}
.btnPack.black *{background:#52595e; color:#fff}
.btnPack.blue *{ background:#ff3333; color:#fff}
.btnPack.green *{background:##385e7b; color:#fff}
.btnPack.red *{ background:#ee4778; color:#fff}
.btnPack.gray *{ background:#4d729e;color:#fff}
.btnPack.metal *{background:#5C8EC1; color:#fff}
.btnPack.white *{background:#5C8EC1; color:#fff}
.btnPack.medium{background-position:left 0}
.btnPack.large{background-position:left -30px}
.btnPack.xlarge{background-position:left -65px}
.btnPack.small{background-position:left -106px}
.btnPack.medium *{padding:0 20px 0 20px;background-position:right top;font-size:15px}
.btnPack.large *{padding:0 20px 0 20px;background-position:right -30px;font-size:16px}
.btnPack.xlarge *{padding:0 20px 0 20px;background-position:right -65px;font-size:20px}
.btnPack.small *{padding:0 10px 0 10px;background-position:right -106px;font-size:13px}
.btnPack.strong *{font-weight:normal}
.btnPack.icon *{padding-left:20px}
.btnPack.small.icon *{padding-left:10px}
.btnPack.icon span{width:0px;margin-right:0px;padding:0 !important}
.btnPack.medium .check{background-position:4px -150px}
.btnPack.large .check{background-position:4px -146px}
.btnPack.xlarge .check{background-position:5px -144px}
.btnPack.small .check{background-position:3px -153px}
.btnPack.medium .add{background-position:-16px -150px}
.btnPack.large .add{background-position:-14px -146px}
.btnPack.xlarge .add{background-position:-14px -144px}
.btnPack.small .add{background-position:-18px -153px}
.btnPack.medium .delete{background-position:-34px -150px}
.btnPack.large .delete{background-position:-34px -146px}
.btnPack.xlarge .delete{background-position:-34px -144px}
.btnPack.small .delete{background-position:-37px -153px}
.btnPack.medium .calendar{background-position:-56px -150px}
.btnPack.large .calendar{background-position:-56px -146px}
.btnPack.xlarge .calendar{background-position:-56px -144px}
.btnPack.small .calendar{background-position:-59px -153px}
.btnPack.medium .refresh{background-position:-76px -150px}
.btnPack.large .refresh{background-position:-76px -146px}
.btnPack.xlarge .refresh{background-position:-76px -144px}
.btnPack.small .refresh{background-position:-79px -153px}
.btnPack.medium .download{background-position:-96px -151px}
.btnPack.large .download{background-position:-96px -147px}
.btnPack.xlarge .download{background-position:-96px -145px}
.btnPack.small .download{background-position:-99px -154px}

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

.docInfo {position:relative; overflow:hidden; 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 ul.tabBox {position:relative; width:100%; height:40px; border-bottom:2px solid #707070; text-align:center; font-family: 'Noto Medium'; margin-bottom:30px}
.docTab li.tab {position:relative; float:left; top:2px; _top:3px; border:1px solid #c6c7c9; border-bottom:none; background-color:#f4f4f4; margin:0; width:150px;}
.docTab li.tab p { color:#666; text-align:center}
.docTab li.tab p a {font-size:14px; color:#989898; padding:9px 10px 9px 10px; display:block}
.docTab li.on {position:relative; float:left; height:37px; top:2px; _top:2px; border:2px solid #707070; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.docTab li.on p {border-bottom:2px solid #fff;  text-align:center}
.docTab li.on p a { color:#000; padding:9px 10px 9px; 10px; display:block}
.docTab li {width:15%}

.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 #d2d2d2; margin-left:auto; margin-right:auto; width:100% !important; height:auto !important }
.docThumb .cell .viewImage .thumbNail_on {position:relative; border:1px solid #a2c2eb; 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 {font-weight:bold; 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:#666; text-decoration:none; overflow:hidden}
.docThumb .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#666; text-align:center; overflow:hidden}
.docThumb .cell .center .nameAndDate .date {font:.9em Tahoma; color:#666666; 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 #094fa3; 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 #094fa3; 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; margin:2px 20px 0 0; vertical-align:top}
.docZine .title .thumbNail_on {float:left;  margin:2px 20px 0 0; vertical-align:top}
.docZine .title .content { color:#9d9c9c; line-height:150%; padding-bottom:10px; overflow:hidden; font-size:16px; letter-spacing:-0.03em; padding-top:10px; }
.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}
.docZine tbody tr td span a strong{position:relative; color:#444;padding-top:10px; font-size:18px; font-family: 'Noto Medium'; letter-spacing:-0.03em; display:inline-block;  }


/* 서브 뉴스리스트 */
.docZine {  position:relative; width:100%; }
.docZine .box{position:relative;  padding:15px 15px 15px 10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden; margin:10px 0px; background:#f7f7f7}
.docZine .box img { float:left; border:0px solid #c2c2c2; }
.docZine .box .link{ float:left;  overflow:hidden;margin-left:20px; width:75%}
.docZine .box .title{ position:relative; color:#444;padding-top:5px; font-size:18px; margin:10px 0px; overflow:hidden;}
.docZine .box .title .category{background:#e53032; color:#fff; padding:2px 5px; font-size:14px; margin-right:5px;}
.docZine .box .title img{ border:none; float:none;  display:none;}
.docZine .box .date, .docZine .box .num{font:1.0em Tahoma; color:#777; text-align:left; white-space:nowrap; margin:10px 0px; }
.docZine .box p{ position:relative; float:left; color:#9d9c9c; line-height:150%; padding-bottom:10px; overflow:hidden;}

/* 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:120%; 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:240px; padding:4px 0 4px 10px; }
.docBottom .pageNavigation {float:left}
.docBottom .selectList2 {transition:none;}
.docBottom .searchBox .input_gray {height:23px}

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

/* 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; overflow:hidden}
#find_wrap .find_container {margin:0 auto; width:100% !important; height:auto !important; }
#find_wrap .find_container .cell {float:left; width:42% !important;  height:auto !important; background:#fff !important; text-align:center; overflow:hidden; border:1px solid #efefef; border-top:3px solid #094fa3; margin-left:20px; height:250px; padding:40px 20px !important; }
#find_wrap .find_container .cell li {padding-top:5px}
#find_wrap .find_container .cell fieldset {text-align:left;}
#find_wrap .find_container .cell p {padding-left:0px;}
#find_wrap .find_container .cell input {width:50%; margin:3px 0px}
#find_wrap .find_container .cell .btn {padding-top:15px;padding-left:5px; text-align:center;}
#find_wrap .find_container .cell .bold {font-weight:normal; color:#000; font-size:14px;}
#find_wrap .find_container .cell .cube {padding:20px 20px !important; height:70px !important; margin-top:10px}
#find_wrap .find_container .cell .cube img{margin-bottom:20px !important; }

/* My Page */
.mypageTab {position:relative; overflow:hidden; margin-bottom:30px}
.mypageTab img {vertical-align:middle}
.mypageTab ul.tabBox {position:relative; width:100%; height:40px; border-bottom:2px solid #707070; text-align:center; font-family: 'Noto Medium';}
.mypageTab li {width:30% !important}
.mypageTab li.tab {position:relative; float:left; top:2px; _top:3px; border:1px solid #c6c7c9; border-bottom:none; background-color:#f4f4f4; margin:0}
.mypageTab li.tab p { color:#666; text-align:center}
.mypageTab li.tab p a {font-size:14px; color:#989898; padding:9px 10px 8px 10px; display:block}
.mypageTab li.on {position:relative; float:left; height:37px; top:2px; _top:2px; border:2px solid #707070; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.mypageTab li.on p {border-bottom:2px solid #fff;  text-align:center}
.mypageTab li.on p a { color:#000; padding:9px 10px 9px; 10px; display:block}
.mypageTab li {width:15%}

/**
 * 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 li {float:left;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.banner .bx-prev {position:absolute; top:45%; left:0px; z-index:100; width: 40px; height: 40px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6}
.banner .bx-next {position:absolute; top:45%; right:0px; z-index:100; width: 40px; height: 40px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6}
.banner .bx-next:hover,.bx-prev:hover {filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0}
/* PAGER */
.banner .bx-pager a {display:inline-block;  vertical-align:middle; margin:0px 5px; color: #fff; padding:0px 0px; width:25px; height:25px; text-indent: -999999px;  font-size: 11px; zoom:1; transition:all 0.3s; border-radius:50%; background: url(/user/default/image/icon/btn_pager2.png) center center no-repeat;  filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6}
.banner .bx-pager .bx-pager-item {display:inline-block;}
.banner .bx-pager .pager-active, .bx-pager a.active{ border-radius:50%; background: url(/user/default/image/icon/btn_pager.png) center center no-repeat; width:25px; height:25px; filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0}
.banner .bx-pager {position:absolute; bottom:5%;  z-index:101; text-align:center; padding-top:7px; font-size:11px; color:#666; text-align:center; width:100%;}
/* 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}
.recentProduct .cell .thumbNail {border:2px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentProduct .cell .thumbNail_on {border:2px solid #85a919; margin-left:auto; margin-right:auto}
.recentProduct .cell .icon {position:absolute; top:1px; left:1px}
.recentProduct .cell .icon * {vertical-align:middle}
.recentProduct .cell .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.recentProduct .cell .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.recentProduct .cell .productName {position:relative; margin:3px 0; font-weight:normal; color:#999; text-align:center; line-height:18px; overflow:hidden;font-weight:bold; }
.recentProduct .cell .productName a,
.recentProduct .cell .productName a.link,
.recentProduct .cell .productName a.visited {color:#000000; font-weight:bold; }
.recentProduct .cell .productSubject {position:relative; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.recentProduct .cell .priceAndPoint p.price {font-weight:bold; color:#ff6600; margin:10px 0; text-align:center}

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

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

/**
 * mdOrder
 */

/* Order List */
.order .orderForm .orderTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4}
.order .orderForm .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:#440E62}
.payment .paymentForm .table_order thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.payment .paymentForm .table_order thead th.first {background-position:right bottom}
.payment .paymentForm .table_order thead th a {color:#094fa3}
.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: 100%;height: 100%;padding-top: 0px;border: 0px solid #ff0000;margin: auto;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:45%; left:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:45%; right:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: center; margin-top:5px}
#gallerySilderThumb a img {border: solid #ccc 1px; width:100px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid #27975c 1px}



/**
 * mdStore
 */
#mdStore{transition:none;}
#mdStore div.contentLeft {float:left; margin-right:20px; width:45% !important}
#mdStore div.contentRight {float:right; width:50% !important}

#mdStore div.contentLeft .searchBox {height:38px; padding:5px 0; border:0px solid #eee; border-top:2px solid #094fa3; background:#fff; border-collapse:collapse; text-align:center; }
#mdStore div.contentLeft .searchBox .input_gray {width:30% !important}
#mdStore div.contentLeft .searchBox .selectList2 {transition:none;}
#mdStore div.contentLeft p {padding:10px 0}
#mdStore div.read .productImageView {float:left; position:relative; background-color:#fff; margin-right:10px;margin-bottom:10px; width:50% !important; transition:none !important;}
#mdStore div.read .productImageView .productImageZoom {position:relative;  overflow:hidden;}
#mdStore div.read .productImageView .productImageZoom .thumbNail {display:block; width:100% !important; height:100% !important; cursor:pointer; transition:none !important;}
#mdStore div.read .productImageView .zoomMent {position:absolute; left:0px; bottom:0px; background:#444; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;  padding:7px 0px; font-size:11px; width:100%; color:#fff; text-align:center}
#mdStore div.read .readContent {float:right; width:45% !important}
#mdStore div.read .readContent .infoHead {height:186px}
#mdStore div.read .readContent .info {vertical-align:top}
#mdStore div.read .table_basic th{background:#e9e5e1 !important; width:120px !important}
#mdStore div.read .table_basic th, #mdStore div.read .table_basic td{padding:10px 6px !important}
#mdStore .bx-prev {position:absolute;  top:45%; left:0px; z-index:100; width: 40px; height: 40px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7}
#mdStore .bx-next { position:absolute; top:45%; right:0px; z-index:100; width: 40px; height: 40px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7}
#mdStore .bx-next:hover,#mdStore .bx-prev:hover {filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0}
#mdStore div.korea_map {text-align:center; background:#fff;border:0px solid #e5e1dd; border-top:1px solid #e5e1dd}



	/* 새 로그인 디자인 */
.new_login_box{ position:relative; padding:50px 0px; overflow:hidden;}
.new_login_box .center_box {position:relative; width:100%;margin:0 auto; overflow:hidden}
.new_login_box .form_box { position:relative; width:100%; margin:0 auto; overflow:hidden}
.new_login_box .form1 { float:left;width:70%; }
.new_login_box .form1 dd{ display:block; padding:0px 10px 7px 0px}
.new_login_box .loginbtn { float:left; width:30%; height:90px; background:#27975c;  border:0px solid #d6d6d6; font-size:20px; text-align:center; font-family: 'Noto Medium';COLOR:#fff !important; overflow:hidden;}
.new_login_box .login_input { width:95% !important; background:#fff; border:1px solid #d6d6d6; height:40px;font-family: 'Noto Medium';font-size:13px; color:#444; padding:0px 5px}
.new_login_box input { background:#fff; border:0px solid #d6d6d6;}
.new_login_box p{padding:10px 0px 20px 0px;border-bottom:1px solid #eee; position:relative; clear:both; color:#666}
.new_login_box .text{padding:10px 0px;position:relative; clear:both; color:#666}
.new_login_box .join_btn span{color:#ccc; padding:0px 20px }
.new_login_box .join_btn {width:100%; margin-top:20px; text-align:center;}
.new_login_box .join_btn a{color:#666; padding:5px; text-align:center; font-size:13px;}



	/* menu메뉴 */
	.menuWrap {position:absolute;top:0px;z-index:99;width:100%;height:86px;overflow:hidden;background:url(/user/default/image/menu/menu_bg.jpg) repeat-x top;  }
	.menuWrap .menu{position:relative;width:100%;max-width:1100px;margin:6px auto 0 auto;}
	.menuWrap .menu #logo {position:absolute; overflow:hidden;left:0px; top:18px; z-index:100; }
	.menuWrap .menu>ul{ width:calc(100% - 263px); margin-left:auto; }
	.menuWrap .menu>ul>li{float:left; width:25%;}/*text-indent:-1000em;*/
	/* .menuWrap .menu ul li.first_pad{margin-left:180px} */
	.menuWrap .menu ul li a {display:block;color:#333;padding:0px 0px 0px 0px ; width:100%; text-align:center; font-size:19px; height:80px;top:0px; left:0px; position:relative; line-height:80px;}
	.menuWrap .menu ul li a:hover {color:#0f4488; padding-top:0px;background:url(/user/default/image/menu/menu_over.jpg) no-repeat center 61px;}
	.menuWrap .menu ul li a.none:hover{background:none}
	.menuWrap .menu ul li a.on { color:#0f4488; padding-top:0px;background:url(/user/default/image/menu/menu_over.jpg) no-repeat center 61px;}
	.menuWrap .menu ul li.nav0 a.on {background:none}
	.menuWrap .menu ul li div {height:268px; overflow:hidden;  margin-top:0px; border-left:1px solid #e3e3e3;}
	.menuWrap .menu ul li div:last-child{ border-right:1px solid #e3e3e3; }
	.menuWrap .menu ul li:hover div {background:#f5f7f9;}
	.menuWrap .menu ul li div ul{padding:15px 0px 0px 0px; }
	.menuWrap .menu ul li div ul li {width:100%; float:none; padding:0px 0px ;}
	.menuWrap .menu ul li div ul li a{color:#777; display:block; float:none; font-weight:normal; font-family: 'Noto Regular'; text-align:center; height:auto; font-size:15px; text-indent:0px;  padding:8px 0px 8px 0px; line-height:18px; background:none; }
	.menuWrap .menu ul li div ul li a:hover {color:#0f4488;  padding:8px 0px 8px 0px; text-decoration:underline }
	.menuWrap .menu .no_bg{background:none;}
	.menuWrap .menu span{position:absolute; left:0px; text-align:left; width:1px;height:1px;top:-1000000px;overflow:hidden}



/* 전체메뉴보기 */
	.menuWrap_small {position:absolute; z-index:666; right:0px; width:300px; height:100%; background:#fff; border-left:1px solid #999}
	.menuWrap_small .menu li a {display:block;background:#5376bd;color:#fff;  padding:13px 10px; border-bottom:1px solid #879fd1; font-size:16px;  }
	.menuWrap_small .menu li.select > a:hover {background:#5376bd; color:#fff}
	.menuWrap_small .menu li.active {background:#5376bd; color:#fff}
	.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 {display:none;transition:none !important;}
	.menuWrap_small .menu ul li div ul li a{font-size:1.0em;display:block;color:#666;background:#f7f7f7 url(/user/default/image/menu/menu_icon.gif) 12px 10px no-repeat;border-bottom:1px solid #e2e2e2;padding:3px 0 3px 15px;float:none;text-indent:0px;_height:22px;}
	.menuWrap_small .menu ul li div ul li.on a,
	.menuWrap_small .menu ul li div ul li a:hover{color:#000;background:#e2e2e2  url(/user/default/image/menu/menu_icon.gif) 12px 10px no-repeat;border-bottom:1px solid #cfcfcf;}
	.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:#666;font-weight:normal; background:#e2e2e2;border-bottom:1px solid #f0f0f0;padding:0 0 0 30px;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:#666;background:#fff url(/user/default/image/sub/icon05.gif) 20px 8px no-repeat}
	.menuWrap_small .menu ul li.selected div ul li a{color:#666;}
	.menuWrap_small .close {position:relative; background:#303030; padding:10px 10px; text-align:right; color:#fff}
	.menuWrap_small .close a{color:#fff; font-size:15px;}
	.menuWrap_small .close a img {vertical-align:middle; margin-left:10px}


.foot {padding:40px 0 35px 0; font-family: 'Noto Regular';}
.foot .logo2{ float:left; padding:0px 80px 0px 0px;}
.foot span{color:#808080; padding:0px 15px }
.foot .foot_address{ padding:0px 0px; font-family: 'Noto Regular'; color:#fff; line-height:25px; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}



 /* 컨텐츠 공통 */
.content_box { position:relative; font-size:16px; color:#777; line-height:160%; overflow:hidden; text-align:justify;}
.content_box h3{ position:relative; margin:0px; padding:0px; font-weight:normal}
.content_box h5{font-weight:normal}
.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; }
.mar_right10{ margin-right:10px !important}
.mar_right20{ margin-right:20px !important}
.mar_left10{ margin-left:10px !important}
.mar_left20{ margin-left:20px !important}
.mar_left30{ margin-left:30px !important}
.mar_left40{ margin-left:40px !important}
.mar_top10{ margin-top:10px !important}
.mar_top20{ margin-top:20px !important}
.mar_top30{ margin-top:30px !important}
.mar_top40{ margin-top:40px !important}
.mar_top60{ margin-top:60px !important}
.mar_top70{ margin-top:70px !important}
.mar_top100{ margin-top:100px !important}
.mar_bottom30{ margin-bottom:30px !important}
.mar5{ margin:5px !important}


.pad_right20{ padding-right:20px !important}
.pad_left20{ padding-left:20px !important}
.pad_left30{ padding-left:30px !important}
.pad_left100{ padding-left:100px !important}
.pad_top5{ padding-top:5px !important}
.pad_top10{ padding-top:10px !important}
.pad_top20{ padding-top:20px !important}
.pad_top30{ padding-top:30px !important}
.pad_top40{ padding-top:40px !important}
.pad_top50{ padding-top:50px !important}
.pad_bottom10{ padding-bottom:10px !important}
.pad_bottom20{ padding-bottom:20px !important}
.pad_bottom30{ padding-bottom:30px !important}
.pad_bottom50{ padding-bottom:50px !important}
.pad_bottom100{ padding-bottom:100px !important}
.pad100{ padding:100px 0px !important}
.pad40{ padding:40px 0px !important}
.pad30{ padding:30px 0px !important}
.pad20{ padding:20px 0px !important}
.pad10{ padding:10px 0px !important}
.pad5{ padding:5px 0px !important}
.pad0{ padding:0px 0px !important}
.pad20_2{ padding:20px 40px 20px 0px !important}

.point01 { color:#888 !important;}
.point02 { color:#333; !important;}
.point03 { color:#444 !important;}
.point04 { color:#5376bd !important;}
.point05 { color:#c50233 !important;}
.point06 { color:#515fb1 !important;}
.point07 { color:#fff !important;}
.point08 { color:#000 !important;}
.point09 { color:#222 !important;}
.point10 { color:#ab2100 !important;}
.point11 { color:#a46c52 !important;}


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

.t_center { text-align:center !important}
.t_left { text-align:left !important; text-align:justify;}
.t_right { text-align:right !important}

.font_size14 { font-size:14px !important;}
.font_size15 { font-size:15px !important;}
.font_size16 { font-size:16px !important;}
.font_size17 { font-size:17px !important;  letter-spacing:-0.03em}
.font_size18 { font-size:18px !important;  letter-spacing:-0.03em}
.font_size20 { font-size:20px !important;  letter-spacing:-0.03em}
.font_size22 { font-size:22px !important;  letter-spacing:-0.03em}
.font_size23 { font-size:23px !important;  letter-spacing:-0.03em}
.font_size24 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size25 { font-size:25px !important;  letter-spacing:-0.03em}
.font_size26 { font-size:26px !important;  letter-spacing:-0.03em}
.font_size27 { font-size:27px !important;  letter-spacing:-0.03em}
.font_size30 { font-size:30px !important;  letter-spacing:-0.03em}
.font_size35 { font-size:35px !important;  letter-spacing:-0.03em}
.font_size40 { font-size:40px !important;  letter-spacing:-0.03em}
.font_size45 { font-size:45px !important;  letter-spacing:-0.03em}
.font_size50 { font-size:50px !important;  letter-spacing:-0.03em}
.font_size52 { font-size:52px !important;  letter-spacing:-0.03em}
.font_size55 { font-size:55px !important;  letter-spacing:-0.03em}
.font_size60 { font-size:60px !important;  letter-spacing:-0.03em}
.font_size70 { font-size:70px !important;  letter-spacing:-0.03em}


.opacity50{filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50;}
.opacity70{filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;}
.opacity90{filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90;}

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

.content_box .title01{position:relative; font-family: 'Noto Medium'; color:#000; padding:5px 0px 5px 0px; overflow:hidden; clear:both; text-align:center; letter-spacing:-0.03em}
.content_box .title02{position:relative; font-family: 'Noto Medium'; color:#2c2c2c;  padding:5px 0px 5px 15px; margin:0px 0px;letter-spacing:-0.03em;  font-weight:normal; background:url(/user/default/image/sub/title_line.gif) left center no-repeat}
.content_box .text01{ position:relative; padding:25px 0px 0px 0px; color:#777; line-height:170%; overflow:hidden;  text-align:center; letter-spacing:-0.03em}
.content_box .text02{ position:relative; padding:0px 0px 0px 0px; color:#777; line-height:170%; overflow:hidden;  text-align:center; letter-spacing:-0.03em}
.content_box .title03{ position:relative; padding:5px 0px 5px 20px; color:#bb0007; overflow:hidden;font-family: 'Noto Medium'; letter-spacing:-0.03em; background:url(/user/default/image/contents2/title_dot.gif) left center no-repeat;}

.content_box .con_box{ position:relative; padding:0px; clear:both; margin:5px 0px; overflow:hidden; text-align:justify;}
.content_box .con_box2{ position:relative; padding:0px; clear:both; margin:0px 0px; overflow:hidden; text-align:justify;}
.content_box .line_box{ position:relative; padding:30px 30px 30px 30px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:30px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:20px 30px 20px 30px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:30px 0px; overflow:hidden}
.content_box .color_box{ position:relative; padding:50px 30px 50px 30px; clear:both;  margin:30px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box .color_box2{ position:relative; padding:30px 50px 30px 50px; clear:both;  margin:30px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box .margin_0{margin:0px 0px !important;}

 ul.dot_icon { position:relative; margin:5px 0px 5px 10px;}
 ul.dot_icon li{ position:relative; display:block; padding:2px 0px 2px 7px; background:url(/user/default/image/contents/sub_dot.png) 0px 10px no-repeat; text-align:justify;}
.content_box ul.list_num01{position:relative; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.content_box ul.list_num01 li{ position:relative; padding:3px 0px 3px 0px; list-style-type:decimal !important; line-height:20px; color:#333; margin-left:40px !important; text-align:justify;}
.content_box ul.list_num02{position:relative; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.content_box ul.list_num02 li{ position:relative; padding:2px 0px 2px 0px; list-style-type:decimal !important; line-height:20px; color:#888;  margin-left:40px !important; text-align:justify;}
.content_box ul.dot01{margin:0px 0px 0px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 13px; font-size:17px; color:#444;  background:url(/user/default/image/sub/icon_01.gif) 1px 14px no-repeat; line-height:200%}
.content_box ul.white_dot { position:relative; margin-top:20px }
.content_box ul.white_dot li{ position:relative; display:block; padding:0px 0px 0px 13px; margin:0 auto !important; font-size:14px !important; background:url(/user/default/image/contents/title_icon04.png) 0px 12px no-repeat; color:#fff !important; float:none !important; width:90% !important; text-align:left; text-align:justify;}

.pho_box {float:left; width:30%;}
.pho_box img{width:90%; border:1px solid #999;}
.pho_con_box {float:left; width:70%}

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

.content_box p{ padding:30px 0px; overflow:hidden; }
.content_box .photo{ margin:20px 0px 0px 0px; position:relative; overflow:hidden; text-align:center; border:1px solid #ccc; }
.content_box .photo p{ margin:5px 0px 15px 0px !important; color:#222; font-size:17px;text-align:center}
.content_box .photo img{ border:0px solid #ccc; }
.content_box .photo .product{  width:auto !important}
.content_box .photo .img_set{ border:1px solid #a0a0a0}
.content_box .photo .img_set2{ border:1px solid #a0a0a0; width:40%}
.content_box .photo .img_set3{ border:1px solid #a0a0a0; width:30%}
.content_box dt{color:#000; padding:0px 0px 10px 0px;font-size:21px;}

 /* 기본테이블 디자인 */
.table_design {width:100%; border-bottom:1px solid #d7d7d7;border-collapse:collapse; margin:10px 0px 10px 0px}
.table_design th, .table_design td {border-top:1px solid #d7d7d7;padding:12px 15px 12px 15px; line-height:150%;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design th + th {border-left:1px solid #d7d7d7;}
.table_design td + td {border-left:1px solid #d7d7d7;}
.table_design th + td {border-left:1px solid #d7d7d7;}
.table_design th { font-family: 'Noto Medium'; font-size:18px; color:#fff; text-align:center; line-height:140%; background-color:#5376bd; font-weight:normal !important;}
.table_design td { font-size:17px; color:#777; text-align:center}
.table_design .border {border-right:1px solid #d7d7d7;}
.table_design .bg2{text-align:center; background-color:#f5f7f9; font-size:17px; color:#333;}
.table_mobile {display:none}

.table_design2 {width:100%; border-bottom:1px solid #d7d7d7;border-collapse:collapse; margin:10px 0px 10px 0px}
.table_design2 th, .table_design2 td {border-top:1px solid #d7d7d7;padding:10px 10px 10px 10px; line-height:150%;}
.table_design2 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design2 th + th {border-left:1px solid #d7d7d7;}
.table_design2 td + td {border-left:1px solid #d7d7d7;}
.table_design2 th + td {border-left:1px solid #d7d7d7;}
.table_design2 th { font-family: 'Noto Medium'; font-size:17px; color:#333; text-align:center; line-height:140%; background-color:#f5f7f9; font-weight:normal !important;}
.table_design2 td { font-size:16px; color:#777; text-align:center}
.table_design2 .border {border-right:1px solid #d7d7d7;}
.table_design2 .bg2{text-align:center; background-color:#f5f7f9; font-size:17px; color:#333;}

/* 회사개요 테이블 */
.about {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.about th, .about td {border-bottom:1px solid #d7d7d7;padding:12px 5px 12px 5px; line-height:160%;}
.about th {width:20%; font-family: 'Noto Medium'; font-size:18px; color:#fff; background-color:#5376bd; text-align:center; font-weight:normal !important; }
.about td {font-size:17px; color:#777; padding:12px 5px 12px 20px; }

/* 연혁 테이블 */
table.history {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
table.history th, table.history td {border-bottom:1px solid #d7d7d7; vertical-align:top; padding:15px 25px; color:#777; vertical-align:middle; font-size:17px;}
table.history tr:first-child th, table.history tr:first-child td {border-top:0px solid #e4e4e4; }
table.history th{width:20%; font-family: 'Noto Medium'; color:#1c5399; text-align:center; font-weight:normal !important; font-size:20px; }

/* 사업영역 테이블 */
.busi {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.busi th, .busi td {border-bottom:1px solid #d7d7d7;padding:12px 5px 12px 5px; line-height:160%;}
.busi th {width:20%; font-family: 'Noto Medium'; font-size:18px; color:#333; background-color:#f5f7f9; text-align:center; font-weight:normal !important; }
.busi td {font-size:17px; color:#777; padding:12px 5px 12px 20px; }


.sub_container {position:relative;display:block;}
.sub_container .tab_content {display:none}
.sub_container .on {display:block}


/* 탭디자인 */
ul.tab_design { position:relative; margin-bottom:40px; overflow:hidden; border-left:1px solid #5376bd;border-top:1px solid #5376bd; }
ul.tab_design li{ float:left; padding:0px 0px; width:25%;  line-height:20px }
ul.tab_design .off{ background:#8ea7da; display:block; }
ul.tab_design .off a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design .on{ background:#5376bd; display:block; }
ul.tab_design .on a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design a { border-bottom:1px solid #5376bd;  border-right:1px solid #5376bd;}

ul.tab_design2 { position:relative; margin-bottom:40px; overflow:hidden; border-left:1px solid #5376bd;border-top:1px solid #5376bd; }
ul.tab_design2 li{ float:left; padding:0px 0px; width:33.33%;  line-height:20px }
ul.tab_design2 .off{ background:#8ea7da; display:block; }
ul.tab_design2 .off a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design2 .on{ background:#5376bd; display:block; }
ul.tab_design2 .on a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design2 a { border-bottom:1px solid #5376bd;  border-right:1px solid #5376bd;}

ul.tab_design3 { position:relative; margin-bottom:40px; overflow:hidden; border-left:1px solid #5376bd;border-top:1px solid #5376bd; }
ul.tab_design3 li{ float:left; padding:0px 0px; width:33.33%;  line-height:20px }
ul.tab_design3 .off{ background:#8ea7da; display:block; }
ul.tab_design3 .off a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design3 .on{ background:#5376bd; display:block; }
ul.tab_design3 .on a{ display:block; font-family: 'Noto Medium'; color:#fff; font-size:15px; padding:10px 0px; text-align:center; letter-spacing:-0.03em;}
ul.tab_design3 a { border-bottom:1px solid #5376bd;  border-right:1px solid #5376bd;}


/* 메인 타이틀 */
.main_title {position:relative; text-align:center; margin-bottom:45px; }
.main_title h3{color:#333; letter-spacing:-0.03em;  margin:0px 0px 0px 0px; padding:0px 0px 8px 0px}
.main_title h3 .pad{background:#fff; padding:0px 30px}
.main_title span{color:#777; line-height:150%;}

.main_title2 {position:relative; text-align:left; margin-bottom:15px;}


/* 오시는길 */
.map_info {border-top:2px solid #999; border-bottom:1px solid #999; background:#FFF; padding:30px 30px; overflow:hidden; margin:40px 0px; font-size:18px;}
.map_info div:first-child{float:left}
.map_info div{float:right}
.map_info span{padding:0px 10px}


/* 메인 사업영역 */
.main_con01 * {transition:all 0.3s;}
.main_con01 {position:relative;display:inline-block; width:100%; background:#0f4488; height:350px;display:flex; align-items:center;justify-content:center;}
.main_con01 .title {position:relative; text-align:center; }
.main_con01 .title h4{color:#fff; font-weight:normal !important; line-height:35px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; background:url(/user/default/image/main/title_bar.gif) center 70px no-repeat;}
.main_con01 .title .ment{color:#a9c9f1; line-height:27px; padding-top:25px }
.main_con01 .goto {position:absolute; width:100%; height:50px; background:#c30e23; color:#fff; padding:15px 0px; bottom:0px; text-align:center}
.main_con01 a{color:#a9c9f1; padding:2px 0px 2px 0px !important}
.main_con01 a:hover {text-decoration:underline}
.main_con01.nomargin{background:#1c5399; margin-right:0% !important;}
.main_bg1 {background:url(/user/default/image/main/main_con01_bg.jpg) center center; height:700px;}


/* 메인 주요실적 */
.main_con02 * {transition:all 0.3s;}
.main_con02 {position:relative;overflow:hidden;  background:url(/user/default/image/main/main_con02_bg.jpg); color:#fff;text-align:center; padding:120px 0px}
.main_con02 h5{position:relative;overflow:hidden;padding:0px 0px 15px 0px;}
.main_con02 p{padding:0px 0px 58px 0px ; font-family: 'Noto Regular'; line-height:27px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.main_con02 .btn{ padding:10px 60px 10px 60px; border:1px solid #fff; color:#fff}
.main_con02 .btn:hover{ background:#fff; color:#212121; padding:10px 60px 10px 60px;}


/* 메인 고객센터 */
.main_con03 {position:relative;display:flex; align-items:center; justify-content:center; width:99%; background:#fff; border:1px solid #d7d7d7; height:216px;}
.main_con03 .title {position:relative; text-align:center; }
.main_con03 .title h4{font-size: 42px; font-family: 'Noto Medium'; color:#011d3f; line-height:30px; padding:15px 0px 15px 0px; background:url(/user/default/image/main/title_bar.gif) center 70px no-repeat;}
.main_con03 .title .ment{color:#555;}
.main_con03 .title .ment p{color:#777;}
.main_con03 .goto {position:absolute; width:100%; height:40px; background:#0f4488; color:#fff; padding:12px 0px; bottom:0px; text-align:center}
.main_con03 .goto img{padding:0px 0px;}
.main_con03 a{padding:10px 0px 10px 0px !important}
.main_con03.nomargin{margin-right:0% !important;}
.main_con03  a:hover { background:#222; }


/*메인 7개*/
.main_con04 ul{ display:flex; flex-wrap:wrap; justify-content:center; }
.main_con04 ul:first-child{ padding:50px 50px 10px 50px; }
.main_con04 ul:last-child{ padding:0 50px 50px 50px; }
.main_con04 ul li{ position:relative; width:calc((100% - 60px) / 4); background-color:#f5f5f5; border-radius:10px; margin-right:10px; display:flex; align-items:center; transition:.2s; }
.main_con04 ul li::before{ content:url(../image/icon/angle-right-solid.svg); position:absolute; top:50%; right:30px; transform:translateY(-50%); width:14px; line-height:1; }
.main_con04 ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,.15); }
.main_con04 ul li:last-child{ margin-right:0; }
.main_con04 ul li a{ width:100%; font-size:18px; font-weight:700; word-break:keep-all; padding:30px; display:block; }
.main_con04 ul li:hover a{ color:#000; }
.main_con04 ul li a span{ display:block; }


.main_30_1 {position:relative; float:left; width:31.3%; margin-left:3%;}
.main_30_2 {position:relative; float:left; width:31.3%;  margin-left:3%; }
.main_30_3 {position:relative; float:left; width:31.3%;}

/* 오시는길 */
.map_info {border-top:2px solid #999; border-bottom:1px solid #999; background:#f3f3f3; padding:30px 30px; overflow:hidden; margin:40px 0px; font-size:18px;}
.map_info div:first-child{float:left}
.map_info div{float:right}
.map_info span{padding:0px 10px}

/* 사업영역 사진 */
.b_photo {float:left; display:block; width:calc((100% - 60px) / 4); margin-right:20px; text-align:center;}
.b_photo:nth-child(4n){ margin-right:0; }
.b_photo img{width:100%; margin-top:20px;}
.b_photo p{width:100%; font-size:17px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:48.3%; margin-left:10px; margin-right:10px; text-align:center;}
.b_photo2 img{width:100%; margin-top:20px;}
.b_photo2 p{width:100%; font-size:17px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:31.6%; margin-left:10px; margin-right:10px; text-align:center;}
.b_photo3 img{width:100%; margin-top:20px;}
.b_photo3 p{width:100%; font-size:17px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; width:calc((100% - 60px) / 4); margin-right:20px; text-align:center;}
.b_photo5:nth-child(4n){ margin-right:0; }
.b_photo5 img{width:100%; margin-top:20px;}
.b_photo5 p{width:100%; font-size:17px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}



/* 반응형 */
@media screen and (max-width: 1700px){
	#header .gnb{ right:50px; }
}
@media screen and (max-width: 1200px){
	.pc_view {display:none;position:relative}
	.pc_view2 {display:none; position:relative}
	.tablet_view {display:block; position:relative}
	.mobile_view {display:block; position:relative}
	.mobile_view2 {display:block; position:relative}
	.layout_1200 {position:relative; margin:0 auto; width:95%;}
	.mobile_menu {display:block;}
	.gnb {display:none}
	#module {position:relative; padding:0px 0px 70px 0px !important}
	#moduleTitle {position:relative; *zoom:1; text-align:center; padding:60px 0px 60px 0px;  letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bg.gif) no-repeat center 125px;}
	.subHeader h3 {padding:0px 0px 0px 0px; font-weight:normal; font-size:38px; color:#333; letter-spacing:-0.03em; display:inline-block}
	#recentMT1{display:none !important}
	#recentMT2{display:block}
	#layout {background:none !important}
	#header {z-index:999;  height:60px !important;}
	#moduleTitle.title_000 {padding:40px 0px 40px 0px;}
	#sub_container {padding:0px 5px !important;margin:0px auto !important; background:#fff}

.snb .sub_menu ul.parents li.parent a {display:block; padding:10px; color:#fff; font-size:15px; letter-spacing:-0.03em; border-right:1px solid #596873;}
.snb .sub_menu ul.parents li.parent a:hover,
.snb .sub_menu ul.parents li.parent a.active {display:block;padding:10px; background:#fff; color:#012b5d; }

.img100 {width:100% !important}

#recentMB1 {height:550px !important;}
#recentMB1 li{height:550px !important;}

.sub_bg_height {height:330px;}
#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:9%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:30px 0px;  margin-top:30px; filter:alpha(opacity=80);  opacity:0.8;}

.foot {padding:30px 0 25px 0; font-family: 'Noto Regular';}
.foot .foot_address2{ text-align:center; color:#fff; line-height:160%; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}

.m_padding{padding: 60px 0px 0 0;}
.m_padding2 {padding:0px 0px 70px 0px;}
.m_padding3 {padding:70px 0px 90px 0px;}


.font_size15 { font-size:14px !important;  letter-spacing:-0.03em}
.font_size16 { font-size:15px !important;  letter-spacing:-0.03em}
.font_size17 { font-size:16px !important;  letter-spacing:-0.03em}
.font_size20 { font-size:19px !important;  letter-spacing:-0.03em}
.font_size22 { font-size:20px !important;  letter-spacing:-0.03em}
.font_size24 { font-size:22px !important;  letter-spacing:-0.03em}
.font_size26 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size30 { font-size:28px !important;  letter-spacing:-0.03em}
.font_size40 { font-size:38px !important;  letter-spacing:-0.03em}
.font_size52 { font-size:46px !important;  letter-spacing:-0.03em}

.pad_top40{ padding-top:30px !important}
.pad_top50{ padding-top:40px !important}
.pad_left30{ padding-left:25px !important}

.mar_top70{ margin-top:50px !important}


/* 메인 사업영역 */
.main_con01 {position:relative;width:100%; background:#0f4488; height:350px;}
.main_con01 .title {position:relative; text-align:center; }
.main_con01 .title h4{color:#fff; font-weight:normal !important; line-height:30px; margin:0px 0px 0px 0px; padding:0px 0px 25px 0px; background:url(/user/default/image/main/title_bar.gif) center 70px no-repeat;}
.main_con01 .title .ment{color:#a9c9f1; line-height:25px; padding-top:30px }
.main_con01 img{width:10% !important;}
.main_con01.nomargin{background:#1c5399; margin-right:0% !important;}
.main_bg1 {height:650px !important;}

/* 메인 주요실적 */
.main_con02 {position:relative;overflow:hidden;  background:url(/user/default/image/main/main_con02_bg.jpg); color:#fff;text-align:center; padding:100px 0px}
.main_con02 h5{position:relative;overflow:hidden;padding:0px 0px 15px 0px;}
.main_con02 p{padding:0px 0px 50px 0px ; font-family: 'Noto Regular'; line-height:27px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.main_con02 .btn{ padding:10px 60px 10px 60px; border:1px solid #fff; color:#fff}
.main_con02 .btn:hover{ background:#fff; color:#212121; padding:10px 60px 10px 60px;}

/* 메인 고객센터 */
.main_con03 {height:215px;}
.main_con03 .title h4{font-size: 40px;}
.main_con03 .goto {height:35px;}
.main_con03 .goto img{width:9% !important;}
.main_title2 {position:relative; text-align:left; margin-bottom:12px;}

/* Recent - public */
.recent .recentHeader h3 {font-size:28px; padding:0px 0px 12px 0px;}
.recentBody ul {margin:0 auto; padding:14px; width:100% !important; position:relative;}
.recentBody .docTitle .date {font-size:13px;}
.recentBody .docTitle .title a {font-size:14px;}
.recent .more {position:absolute; top:12px; right:5px; z-index:1; }

.content_box .text01{ position:relative; padding:20px 0px 0px 0px;}

.content_box .title02{position:relative; font-family: 'Noto Medium'; color:#2c2c2c;  padding:5px 0px 5px 15px; margin:0px 0px;letter-spacing:-0.03em;  font-weight:normal; background:url(/user/default/image/sub/title_line.gif) left center no-repeat}

.content_box .line_box{ position:relative; padding:25px 25px 25px 25px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:20px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:15px 25px 15px 25px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:20px 0px; overflow:hidden}
.content_box .color_box{ position:relative; padding:40px 25px 40px 25px; clear:both;  margin:20px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box .color_box2{ position:relative; padding:25px 40px 25px 40px; clear:both;  margin:20px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:16px; color:#444;  background:url(/user/default/image/sub/icon_01.gif) 1px 11px no-repeat; line-height:200%}

/* 탭디자인 */
ul.tab_design li a{font-size:14px !important}

ul.tab_design2 li a{font-size:14px !important}

ul.tab_design3 li a{font-size:14px !important}

 /* 기본테이블 디자인 */
.table_design {font-size:16px; margin:10px 0px 10px 0px}
.table_design th, .table_design td {border-top:1px solid #d7d7d7;padding:12px 15px 12px 15px; line-height:150%;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design th + th {border-left:1px solid #d7d7d7;}
.table_design td + td {border-left:1px solid #d7d7d7;}
.table_design th + td {border-left:1px solid #d7d7d7;}
.table_design th { font-family: 'Noto Medium'; font-size:16px; color:#fff; text-align:center; line-height:140%; background-color:#5376bd; font-weight:normal !important;}
.table_design td { font-size:16px; color:#777; text-align:center}
.table_design .border {border-right:1px solid #d7d7d7;}
.table_design .bg2{text-align:center; background-color:#f5f7f9; font-size:16px; color:#333;}

.table_design2 {font-size:16px; margin:10px 0px 10px 0px}
.table_design2 th, .table_design2 td {border-top:1px solid #d7d7d7;padding:10px 10px 10px 10px; line-height:150%;}
.table_design2 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design2 th + th {border-left:1px solid #d7d7d7;}
.table_design2 td + td {border-left:1px solid #d7d7d7;}
.table_design2 th + td {border-left:1px solid #d7d7d7;}
.table_design2 th { font-family: 'Noto Medium'; font-size:16px; color:#333; text-align:center; line-height:140%; background-color:#f5f7f9; font-weight:normal !important;}
.table_design2 td { font-size:15px; color:#777; text-align:center}
.table_design2 .border {border-right:1px solid #d7d7d7;}
.table_design2 .bg2{text-align:center; background-color:#f5f7f9; font-size:16px; color:#333;}

/* 회사개요 테이블 */
.about {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.about th, .about td {border-bottom:1px solid #d7d7d7;padding:10px 5px 10px 5px; line-height:160%;}
.about th {width:20%; font-family: 'Noto Medium'; font-size:17px; color:#fff; background-color:#5376bd; text-align:center; font-weight:normal !important;}
.about td {font-size:16px; color:#777; padding:10px 5px 10px 17px; }

/* 연혁 테이블 */
table.history {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
table.history th, table.history td {border-bottom:1px solid #d7d7d7; vertical-align:top; padding:12px 25px; color:#777; vertical-align:middle; font-size:16px;}
table.history tr:first-child th, table.history tr:first-child td {border-top:0px solid #e4e4e4; }
table.history th{width:20%; font-family: 'Noto Medium'; color:#1c5399; text-align:center; font-weight:normal !important; font-size:19px; }

/* 사업영역 테이블 */
.busi {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.busi th, .busi td {border-bottom:1px solid #d7d7d7;padding:10px 5px 10px 5px; line-height:160%;}
.busi th {width:20%; font-family: 'Noto Medium'; font-size:17px; color:#333; background-color:#f5f7f9; text-align:center; font-weight:normal !important;}
.busi td {font-size:16px; color:#777; padding:10px 5px 10px 17px; }

/* 사업영역 사진 */
.b_photo {float:left; display:block;text-align:center;}
.b_photo img{width:100%; margin-top:15px;}
.b_photo p{width:100%; font-size:16px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:48.2%; margin-left:8px; margin-right:8px; text-align:center;}
.b_photo2 img{width:100%; margin-top:15px;}
.b_photo2 p{width:100%; font-size:16px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:31.6%; margin-left:8px; margin-right:8px; text-align:center;}
.b_photo3 img{width:100%; margin-top:15px;}
.b_photo3 p{width:100%; font-size:16px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; text-align:center;}
.b_photo5 img{width:100%; margin-top:15px;}
.b_photo5 p{width:100%; font-size:16px; color:#fff; padding:5px 0 5px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

/* 웹진 */
.docZine .title .content {font-size:15px;}
.docZine tbody tr td span a strong{font-size:17px;}

#bottom::before{ top:15px; left:15px; width:121px; height:70px; }

/*메인 7개*/
.main_con04 ul:first-child{ padding:2.5% 2.5% 10px 2.5%; }
.main_con04 ul:last-child{ padding:0 2.5% 2.5% 2.5%; }
}



@media screen and (max-width:1000px){
#recentMB1 {height:480px !important;}
#recentMB1 li{height:480px !important;}

.sub_bg_height {height:300px;}
#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:8%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:30px 0px;  margin-top:30px; filter:alpha(opacity=80);  opacity:0.8;}


/* 메인 사업영역 */
.main_con01 {position:relative; width:100%; background:#0f4488; height:310px;}
.main_con01 .title {position:relative; text-align:center;  }
.main_con01 img{width:10% !important;}
.main_con01.nomargin{background:#1c5399; margin-top:35px !important;}
.main_bg1 {background:#f2f2f2; height:580px !important;}
.main_title {position:relative; text-align:center; margin-bottom:35px; }

.main_30_1 {position:relative; float:left; width:100%; margin-top:40px; margin-left:0%;}
.main_30_2 {position:relative; float:left; width:48.5%; margin-left:3%;}
.main_30_3 {position:relative; float:left; width:48.5%;}

/* 메인 고객센터 */
.main_con03 .goto img{width:4% !important;}
.main_title2 {position:relative; text-align:left; margin-bottom:10px;}

/* Recent - public */
.recent .recentHeader h3 {font-size:24px; padding:0px 0px 10px 0px;}
.recent .more {position:absolute; top:10px; right:5px; z-index:1; }

.docThumb .cell {position:relative; float:left; text-align:center; width:47%; margin:auto 1.5%;}
.docThumb .cell .center .title a {color:#444; text-decoration:none; overflow:hidden; font-size:11px;}
.docThumb .cell .viewImage .thumbNail {position:relative; border:1px solid #d2d2d2; margin-left:auto; margin-right:auto; width:100% !important;  }
.docThumb .cell .viewImage .thumbNail_on {position:relative; border:1px solid #a2c2eb; margin-left:auto; margin-right:auto; width:100% !important; }

.map_info {padding:20px 10px;}
.map_info div{font-size:14px; letter-spacing:-0.1em}
.map_info div:first-child{float:left}
.map_info div{float:left; width:100%;}

/* 사업영역 사진 */
.b_photo {float:left; display:block;text-align:center;}
.b_photo img{width:100%; margin-top:10px;}
.b_photo p{width:100%; font-size:16px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:48.2%; margin-left:6px; margin-right:6px; text-align:center;}
.b_photo2 img{width:100%; margin-top:10px;}
.b_photo2 p{width:100%; font-size:16px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:31.6%; margin-left:6px; margin-right:6px; text-align:center;}
.b_photo3 img{width:100%; margin-top:10px;}
.b_photo3 p{width:100%; font-size:16px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block;text-align:center;}
.b_photo5 img{width:100%; margin-top:10px;}
.b_photo5 p{width:100%; font-size:16px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

/*메인 7개*/
.main_con04 ul:first-child{ padding:2.5% 2.5% 0 2.5%; }
.main_con04 ul li{ width:100%; margin:0 0 10px 0; }
.main_con04 ul li::before{ right:20px; }
.main_con04 ul li a{ font-size:16px; padding:20px; }
.main_con04 ul li a span{ display:inline-block; }
}



@media screen and (max-width:800px){
	/* 게시판 스타일 */
	#docListBasic {display:none !important}
	#docListMobile {display:block !important}
	.searchBox {display:none}
	.countBox {display:none}
	#moduleTitle {position:relative; *zoom:1; text-align:center; padding:50px 0px 50px 0px;  letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bg.gif) no-repeat center 105px;}
	.subHeader h3 {padding:0px 0px 0px 0px; font-weight:normal; font-size:34px; color:#333; letter-spacing:-0.03em; display:inline-block}
	#module {position:relative; padding:0px 0px 50px 0px !important}
	#moduleTitle.title_000 {padding:20px 0px 30px 0px;}
	#login_container {width:95%; margin:auto;}
	.new_login_box .center_box {position:relative; width:85%;margin:0 auto; overflow:hidden}

#recentMB1 {height:400px !important;}
#recentMB1 li{height:400px !important;}

.sub_bg_height {height:280px;}
#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:9%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:25px 0px;  margin-top:25px; filter:alpha(opacity=80);  opacity:0.8;}

.m_padding {padding:50px 0px;}
.m_padding3{padding:50px 0px 80px 0px;}


.font_size14 { font-size:13px !important;  letter-spacing:-0.03em}
.font_size15 { font-size:14px !important;  letter-spacing:-0.03em}
.font_size16 { font-size:14px !important;  letter-spacing:-0.03em}
.font_size17 { font-size:15px !important;  letter-spacing:-0.03em}
.font_size18 { font-size:16px !important;  letter-spacing:-0.03em}
.font_size20 { font-size:18px !important;  letter-spacing:-0.03em}
.font_size22 { font-size:19px !important;  letter-spacing:-0.03em}
.font_size26 { font-size:23px !important;  letter-spacing:-0.03em}
.font_size30 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size35 { font-size:25px !important;  letter-spacing:-0.03em}
.font_size40 { font-size:30px !important;  letter-spacing:-0.03em}
.font_size45 { font-size:35px !important;  letter-spacing:-0.03em}
.font_size50 { font-size:40px !important;  letter-spacing:-0.03em}
.font_size52 { font-size:38px !important;  letter-spacing:-0.03em}

.pad_top40{ padding-top:25px !important}
.pad_top50{ padding-top:35px !important}
.pad_left30{ padding-left:20px !important}
.pad_bottom20{ padding-bottom:17px !important}

.mar_top70{ margin-top:45px !important}


/* 메인 주요실적 */
.main_con02 {position:relative;overflow:hidden;  background:url(/user/default/image/main/main_con02_bg.jpg); color:#fff;text-align:center; padding:80px 0px}
.main_con02 h5{position:relative;overflow:hidden;padding:0px 0px 15px 0px;}
.main_con02 p{padding:0px 0px 40px 0px ; font-family: 'Noto Regular'; line-height:27px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.main_con02 .btn{ padding:10px 50px 10px 50px; border:1px solid #fff; color:#fff}
.main_con02 .btn:hover{ background:#fff; color:#212121; padding:10px 50px 10px 50px;}

/* 메인 고객센터 */
.main_con03 {height:200px;}
.main_title2 {position:relative; text-align:left; margin-bottom:10px;}

/* Recent - public */
.recent .recentHeader h3 {font-size:24px; padding:0px 0px 10px 0px;}
.recentBody .docTitle {line-height:13px;}
.recent .more {position:absolute; top:8px; right:5px; z-index:1; }

.content_box .text01{ position:relative; padding:15px 0px 0px 0px;}

.content_box .title02{position:relative; font-family: 'Noto Medium'; color:#2c2c2c;  padding:10px 0px 5px 15px; margin:0px 0px;letter-spacing:-0.03em;  font-weight:normal; background:url(/user/default/image/sub/title_line2.gif) left center no-repeat}

.content_box .line_box{ position:relative; padding:20px 20px 20px 20px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:15px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:15px 20px 15px 20px; clear:both; border:1px solid #d7d7d7; background:#fff; margin:15px 0px; overflow:hidden}
.content_box .color_box{ position:relative; padding:30px 20px 30px 20px; clear:both;  margin:15px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box .color_box2{ position:relative; padding:20px 30px 20px 30px; clear:both;  margin:15px 0px; background:#f5f7f9; overflow:hidden;text-align:center;}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:15px; color:#444;  background:url(/user/default/image/sub/icon_01.gif) 1px 11px no-repeat; line-height:200%}

/* 탭디자인 */
ul.tab_design {margin-bottom:30px;}
ul.tab_design li a{font-size:13px !important}

ul.tab_design2 {margin-bottom:30px;}
ul.tab_design2 li a{font-size:13px !important}

ul.tab_design3 {margin-bottom:30px;}
ul.tab_design3 li a{font-size:13px !important}

 /* 기본테이블 디자인 */
.table_design {font-size:15px; margin:10px 0px 10px 0px}
.table_design th, .table_design td {border-top:1px solid #d7d7d7;padding:12px 10px 12px 10px; line-height:150%;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design th + th {border-left:1px solid #d7d7d7;}
.table_design td + td {border-left:1px solid #d7d7d7;}
.table_design th + td {border-left:1px solid #d7d7d7;}
.table_design th { font-family: 'Noto Medium'; font-size:15px; color:#fff; text-align:center; line-height:140%; background-color:#5376bd; font-weight:normal !important;}
.table_design td { font-size:15px; color:#777; text-align:center}
.table_design .border {border-right:1px solid #d7d7d7;}
.table_design .bg2{text-align:center; background-color:#f5f7f9; font-size:15px; color:#333;}

.table_design2 {font-size:15px; margin:10px 0px 10px 0px}
.table_design2 th, .table_design2 td {border-top:1px solid #d7d7d7;padding:10px 10px 10px 10px; line-height:150%;}
.table_design2 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design2 th + th {border-left:1px solid #d7d7d7;}
.table_design2 td + td {border-left:1px solid #d7d7d7;}
.table_design2 th + td {border-left:1px solid #d7d7d7;}
.table_design2 th { font-family: 'Noto Medium'; font-size:15px; color:#333; text-align:center; line-height:140%; background-color:#f5f7f9; font-weight:normal !important;}
.table_design2 td { font-size:14px; color:#777; text-align:center}
.table_design2 .border {border-right:1px solid #d7d7d7;}
.table_design2 .bg2{text-align:center; background-color:#f5f7f9; font-size:15px; color:#333;}

/* 회사개요 테이블 */
.about {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.about th, .about td {border-bottom:1px solid #d7d7d7;padding:10px 5px 10px 5px; line-height:160%;}
.about th {width:22%; font-family: 'Noto Medium'; font-size:16px; color:#fff; background-color:#5376bd; text-align:center; font-weight:normal !important;}
.about td {font-size:15px; color:#777; padding:10px 5px 10px 17px; }

/* 연혁 테이블 */
table.history {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
table.history th, table.history td {border-bottom:1px solid #d7d7d7; vertical-align:top; padding:12px 20px; color:#777; vertical-align:middle; font-size:15px;}
table.history tr:first-child th, table.history tr:first-child td {border-top:0px solid #e4e4e4; }
table.history th{width:22%; font-family: 'Noto Medium'; color:#1c5399; text-align:center; font-weight:normal !important; font-size:18px; }

/* 사업영역 테이블 */
.busi {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.busi th, .busi td {border-bottom:1px solid #d7d7d7;padding:10px 5px 10px 5px; line-height:160%;}
.busi th {width:22%; font-family: 'Noto Medium'; font-size:16px; color:#333; background-color:#f5f7f9; text-align:center; font-weight:normal !important;}
.busi td {font-size:15px; color:#777; padding:10px 5px 10px 17px; }

/* 사업영역 사진 */
.b_photo {float:left; display:block; text-align:center;}
.b_photo img{width:100%; margin-top:10px;}
.b_photo p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:48%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo2 img{width:100%; margin-top:10px;}
.b_photo2 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:31.6%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo3 img{width:100%; margin-top:10px;}
.b_photo3 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; text-align:center;}
.b_photo5 img{width:100%; margin-top:10px;}
.b_photo5 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

/* 웹진 */
.docZine .title .thumbNail{width:30% !important;}
.docZine .title .thumbNail_on{width:30% !important;}
.docZine .title .content {font-size:14px;}
.docZine tbody tr td span a strong{font-size:16px;}

#bottom::before{ width:104px; height:60px; }
}



@media screen and (max-width:700px){
.pc_view3 {display:none; position:relative}
.mobile_view3 {display:block; position:relative}

#moduleTitle {position:relative; *zoom:1; text-align:center; padding:40px 0px 45px 0px;  letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bg.gif) no-repeat center 85px;}
.subHeader h3 {padding:0px 0px 0px 0px; font-weight:normal; font-size:28px; color:#333; letter-spacing:-0.03em; display:inline-block}

.snb {padding:0px; margin:0px; display:none}

#recentMB1 {height:320px !important;}
#recentMB1 li{height:320px !important;}

.sub_bg_height {height:260px;}

.m_padding {padding:40px 0px;}
.m_padding3{padding:40px 0px 80px 0px;}

.foot {padding:25px 0 20px 0; font-family: 'Noto Regular';}

.font_size14 { font-size:13px !important;  letter-spacing:-0.03em}
.font_size15 { font-size:13px !important;  letter-spacing:-0.03em}
.font_size16 { font-size:13px !important;  letter-spacing:-0.03em}
.font_size17 { font-size:14px !important;  letter-spacing:-0.03em}
.font_size18 { font-size:15px !important;  letter-spacing:-0.03em}
.font_size20 { font-size:16px !important;  letter-spacing:-0.03em}
.font_size22 { font-size:18px !important;  letter-spacing:-0.03em}
.font_size24 { font-size:20px !important;  letter-spacing:-0.03em}
.font_size26 { font-size:21px !important;  letter-spacing:-0.03em}
.font_size30 { font-size:22px !important;  letter-spacing:-0.03em}
.font_size35 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size40 { font-size:28px !important;  letter-spacing:-0.03em}
.font_size45 { font-size:32px !important;  letter-spacing:-0.03em}
.font_size52 { font-size:34px !important;  letter-spacing:-0.03em}

.pad_top40{ padding-top:20px !important}
.pad_top50{ padding-top:30px !important}

.mar_top70{ margin-top:40px !important}

/* 메인 사업영역 */
.main_con01 {position:relative;width:100%; background:#0f4488; height:280px;}
.main_con01 .title {position:relative; text-align:center; }
.main_con01 .title h4{padding:0px 0px 15px 0px;}
.main_con01 .title .ment{padding-top:15px }
.main_con01 img{width:14% !important;}
.main_con01.nomargin{background:#1c5399; margin-top:35px !important;}
.main_bg1 {height:500px !important;}
.main_title {position:relative; text-align:center; margin-bottom:30px; }

/* 메인 주요실적 */
.main_con02 {position:relative;overflow:hidden;  background:url(/user/default/image/main/main_con02_bg.jpg); color:#fff;text-align:center; padding:60px 0px}
.main_con02 h5{position:relative;overflow:hidden;padding:0px 0px 15px 0px;}
.main_con02 p{padding:0px 0px 30px 0px ; font-family: 'Noto Regular'; line-height:25px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.main_con02 .btn{ padding:10px 50px 10px 50px; border:1px solid #fff; color:#fff}
.main_con02 .btn:hover{ background:#fff; color:#212121; padding:10px 50px 10px 50px;}

/* 메인 고객센터 */
.main_con03 .goto {height:30px;}
.main_con03 .goto img{padding:0px 2px;}
.main_title2 {position:relative; text-align:left; margin-bottom:8px;}

/* Recent - public */
.recent .recentHeader h3 {font-size:22px; padding:0px 0px 8px 0px;}
.recentBody ul {margin:0 auto; padding:10px; width:100% !important; position:relative;}
.recentBody .docTitle {line-height:12px;}
.recentBody .docTitle .date {font-size:12px;}
.recentBody .docTitle .title a {font-size:13px;}

.content_box .text01{ position:relative; padding:10px 0px 0px 0px;}

.content_box .title02{position:relative; font-family: 'Noto Medium'; color:#2c2c2c;  padding:7px 0px 5px 15px; margin:0px 0px;letter-spacing:-0.03em;  font-weight:normal; background:url(/user/default/image/sub/title_line2.gif) left center no-repeat}

.content_box .line_box{ position:relative; padding:0px; clear:both; border:0px solid #d7d7d7; background:#fff; margin:12px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:0px; clear:both; border:0px solid #d7d7d7; background:#fff; margin:12px 0px; overflow:hidden}
.content_box .color_box{ position:relative; padding:0px; clear:both;  margin:15px 0px; background:#fff; overflow:hidden;text-align:center;}
.content_box .color_box2{ position:relative; padding:0px; clear:both;  margin:15px 0px; background:#fff; overflow:hidden;text-align:center;}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 12px; font-size:14px; color:#444;  background:url(/user/default/image/sub/icon_01.gif) 1px 11px no-repeat; line-height:200%}

/* 탭디자인 */
ul.tab_design li{ float:left; padding:0px 0px; width:50%}
ul.tab_design .off a{ font-size:13px; padding:8px 0px;}
ul.tab_design .on a{ font-size:13px; padding:8px 0px;}

ul.tab_design2 li{ float:left; padding:0px 0px; width:50%}
ul.tab_design2 .off a{ font-size:13px; padding:8px 0px;}
ul.tab_design2 .on a{ font-size:13px; padding:8px 0px;}

ul.tab_design3 .off a{ font-size:13px; padding:8px 0px;}
ul.tab_design3 .on a{ font-size:13px; padding:8px 0px;}

 /* 기본테이블 디자인 */
.table_design {font-size:13px; margin:10px 0px 10px 0px}
.table_design th, .table_design td {border-top:1px solid #d7d7d7;padding:8px 10px 8px 10px; line-height:150%;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design th + th {border-left:1px solid #d7d7d7;}
.table_design td + td {border-left:1px solid #d7d7d7;}
.table_design th + td {border-left:1px solid #d7d7d7;}
.table_design th { font-family: 'Noto Medium'; font-size:14px; color:#fff; text-align:center; line-height:140%; background-color:#5376bd; font-weight:normal !important;}
.table_design td { font-size:13px; color:#777; text-align:center}
.table_design .border {border-right:1px solid #d7d7d7;}
.table_design .bg2{text-align:center; background-color:#f5f7f9; font-size:14px; color:#333;}
.table_mobile {display:block}
.table_div {position:relative; overflow:auto}
.table_width {width:670px;}

.table_design2 {font-size:13px; margin:10px 0px 10px 0px}
.table_design2 th, .table_design2 td {border-top:1px solid #d7d7d7;padding:8px 8px 8px 8px; line-height:150%;}
.table_design2 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:12px 12px 12px 12px; text-align:center;}
.table_design2 th + th {border-left:1px solid #d7d7d7;}
.table_design2 td + td {border-left:1px solid #d7d7d7;}
.table_design2 th + td {border-left:1px solid #d7d7d7;}
.table_design2 th { font-family: 'Noto Medium'; font-size:13px; color:#333; text-align:center; line-height:140%; background-color:#f5f7f9; font-weight:normal !important;}
.table_design2 td { font-size:12px; color:#777; text-align:center}
.table_design2 .border {border-right:1px solid #d7d7d7;}
.table_design2 .bg2{text-align:center; background-color:#f5f7f9; font-size:13px; color:#333;}

/* 회사개요 테이블 */
.about {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.about th, .about td {border-bottom:1px solid #d7d7d7;padding:8px 5px 8px 5px; line-height:160%;}
.about th {width:24%; font-family: 'Noto Medium'; font-size:14px; color:#fff; background-color:#5376bd; text-align:center; font-weight:normal !important;}
.about td {font-size:14px; color:#777; padding:8px 5px 8px 15px; }

/* 연혁 테이블 */
table.history {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
table.history th, table.history td {border-bottom:1px solid #d7d7d7; vertical-align:top; padding:12px 20px; color:#777; vertical-align:middle; font-size:14px;}
table.history tr:first-child th, table.history tr:first-child td {border-top:0px solid #e4e4e4; }
table.history th{width:24%; font-family: 'Noto Medium'; color:#1c5399; text-align:center; font-weight:normal !important; font-size:17px; }

/* 사업영역 테이블 */
.busi {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.busi th, .busi td {border-bottom:1px solid #d7d7d7;padding:8px 5px 8px 5px; line-height:160%;}
.busi th {width:24%; font-family: 'Noto Medium'; font-size:13px; color:#333; background-color:#f5f7f9; text-align:center; font-weight:normal !important;}
.busi td {font-size:13px; color:#777; padding:8px 5px 8px 15px; }

.textContent {position:relative; line-height:1.5; font-size:13px !important; color:#444; word-break:break-all; text-align:justify}
.document .docRead .titleAndUser h4 {line-height:120%; font-size:1.2em; text-align:justify}
.table_basic tbody td {font-size:14px;}

/* 사업영역 사진 */
.b_photo {float:left; display:block; width:23.2%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo img{width:100%; margin-top:10px;}
.b_photo p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:48%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo2 img{width:100%; margin-top:10px;}
.b_photo2 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:31.6%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo3 img{width:100%; margin-top:10px;}
.b_photo3 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; width:23.2%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo5 img{width:100%; margin-top:10px;}
.b_photo5 p{width:100%; font-size:14px; color:#fff; padding:4px 0 4px 0; margin:5px 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}


}



@media screen and (max-width:660px){
.sub_bg_height {height:240px;}
#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:10%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:20px 0px;  margin-top:20px; filter:alpha(opacity=80);  opacity:0.8;}

/* 사업영역 사진 */
.b_photo {float:left; display:block; width:calc((100% - 20px) / 2); text-align:center;}
.b_photo:nth-child(2n){ margin-right:0; }
.b_photo img{width:100%; margin-top:10px;}
.b_photo p{width:100%; font-size:13px; color:#fff; padding:3px 0 3px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:96.5%; margin-left:8px; margin-right:8px; text-align:center;}
.b_photo2 img{width:100%; margin-top:10px;}
.b_photo2 p{width:100%; font-size:13px; color:#fff; padding:3px 0 3px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:46.5%; margin-left:8px; margin-right:8px; text-align:center;}
.b_photo3 img{width:100%; margin-top:10px;}
.b_photo3 p{width:100%; font-size:13px; color:#fff; padding:3px 0 3px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; width:calc((100% - 20px) / 2); text-align:center;}
.b_photo5:nth-child(2n){ margin-right:0; }
.b_photo5 img{width:100%; margin-top:10px;}
.b_photo5 p{width:100%; font-size:13px; color:#fff; padding:3px 0 3px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

/* 웹진 */
.docZine .title .thumbNail{width:30% !important;}
.docZine .title .thumbNail_on{width:30% !important;}
.docZine .title .content {font-size:13px;}
.docZine tbody tr td span a strong{font-size:15px;}


}



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

#moduleTitle {position:relative; *zoom:1; text-align:center; padding:35px 0px 40px 0px;  letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bg.gif) no-repeat center 75px;}
.subHeader h3 {padding:0px 0px 0px 0px; font-weight:normal; font-size:24px; color:#333; letter-spacing:-0.03em; display:inline-block}

#recentMB1 {height:280px !important;}
#recentMB1 li{height:280px !important;}

.sub_bg_height {height:170px;}
#sub_title {color:#fff; transition:all 0.3s;  text-align:center; padding-top:12%}
#sub_title p {color:#fff; letter-spacing:-0.03em; background:url(/user/default/image/sub/title_bar.gif) no-repeat top center; padding:15px 0px;  margin-top:10px; filter:alpha(opacity=80);  opacity:0.8;}

.m_padding3{padding:40px 0px 70px 0px;}

.foot {padding:20px 0 15px 0; font-family: 'Noto Regular';}

.font_size14 { font-size:12px !important;  letter-spacing:-0.03em}
.font_size15 { font-size:12px !important;  letter-spacing:-0.03em}
.font_size16 { font-size:12px !important;  letter-spacing:-0.03em}
.font_size17 { font-size:12px !important;  letter-spacing:-0.03em}
.font_size18 { font-size:14px !important;  letter-spacing:-0.03em}
.font_size20 { font-size:15px !important;  letter-spacing:-0.03em}
.font_size22 { font-size:17px !important;  letter-spacing:-0.03em}
.font_size24 { font-size:18px !important;  letter-spacing:-0.03em}
.font_size26 { font-size:18px !important;  letter-spacing:-0.03em}
.font_size30 { font-size:20px !important;  letter-spacing:-0.03em}
.font_size35 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size40 { font-size:24px !important;  letter-spacing:-0.03em}
.font_size45 { font-size:32px !important;  letter-spacing:-0.03em}
.font_size52 { font-size:30px !important;  letter-spacing:-0.03em}

.pad_top40{ padding-top:10px !important}
.pad_top50{ padding-top:20px !important}
.pad_top5{ padding-top:3px !important}
.pad_bottom20{ padding-bottom:15px !important}

.mar_top70{ margin-top:30px !important}

/* 메인 사업영역 */
.main_con01 {position:relative; width:100%; background:#0f4488; height:280px;}
.main_con01 .title {position:relative; text-align:center; }
.main_con01 .title h4{padding:0px 0px 15px 0px;}
.main_con01 .title .ment{padding:15px 10px 0px 10px; }
.main_con01 img{width:17% !important;}
.main_con01.nomargin{background:#1c5399; margin-top:30px !important;}
.main_bg1 {height:450px !important;}
.main_title {position:relative; text-align:center; margin-bottom:25px; }

/* 메인 주요실적 */
.main_con02 {position:relative;overflow:hidden;  background:url(/user/default/image/main/main_con02_bg.jpg); color:#fff;text-align:center; padding:50px 0px}
.main_con02 h5{position:relative;overflow:hidden;padding:0px 0px 15px 0px;}
.main_con02 p{padding:0px 15px 30px 15px ; font-family: 'Noto Regular'; line-height:22px; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.main_con02 .btn{ padding:10px 40px 10px 40px; border:1px solid #fff; color:#fff}
.main_con02 .btn:hover{ background:#fff; color:#212121; padding:10px 40px 10px 40px;}

.main_30_1 {position:relative; float:left; width:100%; margin-top:30px; margin-left:0%;}
.main_30_2 {position:relative; float:left; width:100%; margin-top:30px; margin-left:0%;}
.main_30_3 {position:relative; float:left; width:100%; margin-left:0%;}

/* 메인 고객센터 */
.main_con03 .goto {height:28px;}
.main_con03 .goto img{width:6% !important;}
.main_title2 {position:relative; text-align:left; margin-bottom:5px;}

/* Recent - public */
.recent .recentHeader h3 {font-size:20px; padding:0px 0px 5px 0px;}
.recentBody ul {margin:0 auto; padding:12px; width:100% !important; position:relative;}
.recentBody .docTitle {line-height:12px;}
.recentBody .docTitle .date {font-size:12px;}
.recentBody .docTitle .title a {font-size:13px;}

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

.map_info {padding:20px 10px;}
.map_info div{font-size:13px; letter-spacing:-0.1em}
.map_info div:first-child{float:left}
.map_info div{float:left; width:100%;}

.content_box .title02{position:relative; font-family: 'Noto Medium'; color:#2c2c2c;  padding:10px 0px 5px 12px; margin:0px 0px;letter-spacing:-0.03em;  font-weight:normal; background:url(/user/default/image/sub/title_line3.gif) left center no-repeat}

.content_box .line_box{ position:relative; padding:0px; clear:both; border:0px solid #d7d7d7; background:#fff; margin:8px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:0px; clear:both; border:0px solid #d7d7d7; background:#fff; margin:8px 0px; overflow:hidden}
.content_box .color_box{ position:relative; padding:0px; clear:both;  margin:8px 0px; background:#fff; overflow:hidden;text-align:center;}
.content_box ul.dot01 li{ position:relative; clear:both; padding:0px 5px 0px 10px; font-size:12px; color:#444;  background:url(/user/default/image/sub/icon_02.gif) 1px 7px no-repeat; line-height:200%}

/* 탭디자인 */
ul.tab_design {margin-bottom:25px;}
ul.tab_design li a{font-size:12px !important}

ul.tab_design2 {margin-bottom:25px;}
ul.tab_design2 li a{font-size:12px !important}

ul.tab_design3 {margin-bottom:25px;}
ul.tab_design3 li a{font-size:12px !important}

 /* 기본테이블 디자인 */
.table_design {font-size:12px; margin:10px 0px 10px 0px}
.table_design th, .table_design td {border-top:1px solid #d7d7d7;padding:7px 5px 7px 5px; line-height:150%;}
.table_design th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:10px 10px 10px 10px; text-align:center;}
.table_design th + th {border-left:1px solid #d7d7d7;}
.table_design td + td {border-left:1px solid #d7d7d7;}
.table_design th + td {border-left:1px solid #d7d7d7;}
.table_design th { font-family: 'Noto Medium'; font-size:13px; color:#fff; text-align:center; line-height:140%; background-color:#5376bd; font-weight:normal !important;}
.table_design td { font-size:12px; color:#777; text-align:center}
.table_design .border {border-right:1px solid #d7d7d7;}
.table_design .bg2{text-align:center; background-color:#f5f7f9; font-size:12px; color:#333;}

.table_design2 {font-size:12px; margin:10px 0px 10px 0px}
.table_design2 th, .table_design2 td {border-top:1px solid #d7d7d7;padding:7px 5px 7px 5px; line-height:150%;}
.table_design2 th[scope="col"] {border-left:0px none; border-right:0px none;background-color:#5376bd; color:#fff;padding:10px 10px 10px 10px; text-align:center;}
.table_design2 th + th {border-left:1px solid #d7d7d7;}
.table_design2 td + td {border-left:1px solid #d7d7d7;}
.table_design2 th + td {border-left:1px solid #d7d7d7;}
.table_design2 th { font-family: 'Noto Medium'; font-size:13px; color:#333; text-align:center; line-height:140%; background-color:#f5f7f9; font-weight:normal !important;}
.table_design2 td { font-size:12px; color:#777; text-align:center}
.table_design2 .border {border-right:1px solid #d7d7d7;}
.table_design2 .bg2{text-align:center; background-color:#f5f7f9; font-size:12px; color:#333;}

/* 회사개요 테이블 */
.about {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.about th, .about td {border-bottom:1px solid #d7d7d7;padding:7px 5px 7px 5px; line-height:160%;}
.about th {width:25%; font-family: 'Noto Medium'; font-size:12px; color:#fff; background-color:#5376bd; text-align:center; font-weight:normal !important;}
.about td {font-size:12px; color:#777; padding:5px 5px 5px 10px; }

/* 연혁 테이블 */
table.history {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
table.history th, table.history td {border-bottom:1px solid #d7d7d7; vertical-align:top; padding:10px 10px; color:#777; vertical-align:middle; font-size:12px;}
table.history tr:first-child th, table.history tr:first-child td {border-top:0px solid #e4e4e4; }
table.history th{width:25%; font-family: 'Noto Medium'; color:#1c5399; text-align:center; font-weight:normal !important; font-size:14px; }

/* 사업영역 테이블 */
.busi {width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse;}
.busi th, .busi td {border-bottom:1px solid #d7d7d7;padding:7px 5px 7px 5px; line-height:160%;}
.busi th {width:25%; font-family: 'Noto Medium'; font-size:12px; color:#333; background-color:#f5f7f9; text-align:center; font-weight:normal !important;}
.busi td {font-size:12px; color:#777;  padding:5px 5px 5px 10px; }

.textContent {position:relative; line-height:1.5; font-size:12px !important; color:#444; word-break:break-all; text-align:justify}
.document .docRead .titleAndUser h4 {line-height:120%; font-size:1.1em; text-align:justify}
.table_basic tbody td {font-size:13px;}

/* 사업영역 사진 */
.b_photo {float:left; display:block; text-align:center;}
.b_photo p{width:100%; font-size:12px; color:#fff; padding:2px 0 2px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo2 {float:left; display:block; width:96.5%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo2 p{width:100%; font-size:12px; color:#fff; padding:2px 0 2px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo3 {float:left; display:block; width:46.5%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo3 p{width:100%; font-size:12px; color:#fff; padding:2px 0 2px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

.b_photo5 {float:left; display:block; width:46.5%; margin-left:5px; margin-right:5px; text-align:center;}
.b_photo5 p{width:100%; font-size:12px; color:#fff; padding:2px 0 2px 0; margin:0 0 0 0; letter-spacing:-0.03em; background:#999; display:block;}

/* 웹진 */
.docZine .title .thumbNail{width:100% !important;}
.docZine .title .thumbNail_on{width:100% !important;}
.docZine .title .content {font-size:12px;}
.docZine tbody tr td span a strong{font-size:14px;}

#bottom::before{ width:87px; height:50px; }

/*메인 7개*/
.main_con04 ul li a{ font-size:14px; }
}



@media screen and (max-width:450px){
#module{min-height:300px;}

.new_login_box{padding:20px 0 0px 0;}


}