@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {width: 100%; min-width: 1020px; background-image: url(../images/bg.gif);}

/* common */
.form1 {font-size: 14px; font-family: 'Nanum Gothic', sans-serif; border:1px solid #999; overflow-x:hidden; overflow-y: auto; line-height: 1.1em; padding: 2px 5px;}
.formbox1 {border: 1px solid #dbdbdb; background-color: #FFFFFF; font-family: "돋움"; color: #5E5E5E; font-size: 12px; margin: 2px; line-height: 18px;}
.formbox2 {border: 1px solid #bdbdbd; background-color: #FFFFFF; font-family: "돋움"; color: #5E5E5E; font-size: 12px; margin: 2px; line-height: 18px;}
.navi {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #837f73; font-weight: normal;}



/* header */
#header_wrap {width: 100%; height: 106px; position: relative; background:#2b2724; z-index:999;}
.header {width: 1000px; height: 106px; position: relative; margin: 0 auto; }
.header_logo {width: 295px; display: inline-block; float: left;}
.header_menu {width: 705px; height:106px; float:right; position:relative;}
.h_menu_top {position:absolute;height: 22px;top:5px; right:0;}
.h_menu_top a{color:#c1c1c1; font-size:9pt; padding:0 10px; vertical-align:bottom; line-height:22px; font-weight:bold;}
.h_menu_wrap {position:absolute;  height:84px; bottom:-14px; right:0; }


.qucik_menu{position:fixed; width:92px; top:115px; right:10px; z-index:9999;}
.qucik_menu ul li{float:left; padding:0; margin:0;}
.qucik_menu1{position:absolute; top:0; left:-23px;}





.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.black {font: normal 13px Arial, sans-serif; line-height: 16px;}
.black ul.mega-menu, .black ul.mega-menu, .black ul.mega-menu li {margin: 0; padding: 0; border: none;}
.black ul.mega-menu {background: #222 url(images/bg_black.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #1B1B1B; border-left: 1px solid #1B1B1B; position: relative;}
.black ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold;}
.black ul.mega-menu li a {float: left; display: block; color: #fff; padding: 12px 38px 12px 25px; background: url(images/bg_black.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}
.black ul.mega-menu li a.dc-mega {position: relative;}
.black ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; background: url(images/arrow.png) no-repeat 0 0;}
.black ul.mega-menu li.mega-hover a, .black ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow: none;}
.black ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.black ul.mega-menu li .sub-container {position: absolute; background: url(images/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}
.black ul.mega-menu li .sub {background: url(images/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}
.black ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;}
.black ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.black ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}
.black ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.black ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.black ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.black ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #6B6B6B url(images/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}
.black ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
.black ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.black ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;}
.black ul.mega-menu .sub ul li {padding-right: 0;}
.black ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.black ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.black ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(images/arrow_off.png) no-repeat 7px 10px;}
.black ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;}


#mega-menu-1 {
font: normal 13px Arial, sans-serif; 
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {
width: 100%; 
height: 40px;
position: relative;
}
#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
font-weight: bold;
}
#mega-menu-1 li a {
float: left; 
display: block; 
color: #fff; 
padding: 25px 16px; 
text-decoration: none;
font-size:11pt;
font-weight:bold;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
color: #ffb100;
}
#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #fff; 
padding: 15px; 
}
#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
width: 170px; 
font-size: 1em; 
font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none; 
color: #111; 
padding: 7px 10px; 
display: block; 
float: none; 
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 15px; 
margin-bottom: 5px; 
background: #6B6B6B; 
text-transform: uppercase; 
font-weight: bold; 
color: #fff;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 4px 5px; 
font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 190px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef;
}
.mmt:hover{background:url('../main/images/mb.png') repeat-x bottom;}

/* main_content */
/*
.content {width: 1000px; position: relative; margin: 0 auto;}
*/
.visual_wrap{width:100%; position:relative; float:left; height:442px; background:url('../main/images/visual_bg.jpg') no-repeat top center;}

.cont_first {width:1000px; height: 442px; margin: 0 auto; *zoom: 1;}
.main_bnr {float: left; display: inline-block;*display: inline; *zoom: 1; width: 685px; height: 275px; padding: 0;}
.project_now {float: right; display: inline-block; *display: inline; *zoom: 1; padding: 45px 0 50px 30px; width: 285px;}
.pn_header {height: 20px; display: inline-block; *display: inline; *zoom: 1; width: 293px;}
.pn_header ul li {float: left;}
.pn_title {float: left; font-size:14pt; font-weight:bold;}

.pn_header ul li.btn_more {float: right;font-weight:bold; font-size:10pt;}
.pn_header ul li.btn_more a{ color:#f83b00;}

.pn_list {width: 293px; display: inline-block; *display: inline; *zoom: 1; padding-top: 10px;}
.pn_list ul li {padding-bottom: 10px;}
.pn_date {font-size: 12px; font-family: 'Nanum Gothic', sans-serif; color: #a09483; padding-right: 9px;}
a.pn_text {font-size: 12px; font-family: 'Nanum Gothic', sans-serif; color: #4e4e4e; text-decoration: none;}
a.pn_text:hover {color: #000000;}



.quick {padding-bottom: 30px; display: inline-block; *display: inline; *zoom: 1; margin-top:35px;}
.quick ul li {text-align:center; float:left;}
.quick ul li img {margin-right:37px;}


.main_bbs {width: 1000px; padding-bottom: 35px; display: inline-block; *display: inline; *zoom: 1; font-size: 0;}
.main_board {width: 264px; display: inline-block; *display: inline; *zoom: 1; padding-right: 20px; vertical-align: top;}
.bbs_header {height: 20px; display: inline-block; *display: inline; *zoom: 1; width: 264px;}
.bbs_header ul li {float: left;}
.bbs_hedaer ul li.bbs_title {float: left;}
.bbs_header ul li.btn_more {float: right;}
.bbs_list {width: 264px; display: inline-block; *display: inline; *zoom: 1; padding-top: 10px;}
.bbs_list ul li {padding-bottom: 12px;}
.bbs_list ul li.last {padding:0;}
.bbs_date {font-size: 12px; font-family: 'Nanum Gothic', sans-serif; color: #a09483; padding-right: 9px;}
a.bbs_text {font-size: 12px; font-family: 'Nanum Gothic', sans-serif; color: #4e4e4e; text-decoration: none;}
a.bbs_text:hover {color: #000000;}
.btm_banner {width: 202px; display: inline-block; *display: inline; *zoom: 1; padding-right: 20px;}
.bank {width: 195px; display: inline-block; *display: inline; *zoom: 1;}

.cooperator {width: 1012px; padding-bottom: 30px; display: inline-block; *display: inline; *zoom: 1; margin-left: -6px;}

/* main_portfolio_wrap*/
#main_portfolio_wrap {width: 100%; float:left; height: 310px; background-image: url(../main/images/port_bg.png); position: relative; padding:15px 0 46px 0; z-index:1;}
.portfolio {width: 1000px; height: 272px; margin: 0 auto;}
.port_content {width: 1000px; position: static;}
.port_title {padding: 15px 0 30px 0;}
.port_title a {font-size:14pt; font-weight:bold; color:#fff;}

.port_list {width: 1000px; display: inline-block; *display: inline; *zoom: 1;}
.port_list table tr td {color: #ffffff; font-size: 12px; font-family: 'Nanum Gothic', sans-serif; line-height: 16px;}
.port_txt1 {font-weight: bold; padding-top:4px;}
.port_txt2 {padding-top: 4px;}


/*메인 공지사항_고객센터_입금계좌*/

.wrap_notice{position:relative; width:1000px; height:299px; background:url('../main/images/main_bg_notice.png') no-repeat 0; margin-bottom:35px; }

.main_notice{position:relative; float:left; width:500px; height:319px;}
.main_notice ul{margin-left:42px; width:420px; margin-top:21px;}
.main_notice ul li{float:left; }
.main_notice .title{width:310px; height:28px; font-size:10pt; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_notice .title img{margin-right:10px; vertical-align:middle;}
.main_notice .day{width:110px; height:28px; font-size:10pt;  color:#818181; text-align:right;}
.notice_more{position:absolute; width:432px; height:38px; background:#eeeeee; border-radius:7px; font-size:10pt; font-weight:bold; color:#000000; text-align:center; line-height:36px; vertical-align:middle; top:231px; left:36px;}

.main_customer{position:relative; float:left; width:250px; height:319px;}
.main_cus1{font-size:11pt; color:#575656; padding-top:23px; padding-left:42px; line-height:22px;}
.main_cus2{font-size:22pt; font-family:'Montserrat'; color:#f83b00; padding-top:20px; padding-left:42px; line-height:22px;}
.main_cus3{font-size:15pt; font-family:'Montserrat'; color:#494951; padding-top:10px; padding-left:42px; line-height:22px;}
.main_cus4{position:absolute; top:231px; font-size:11pt; border-radius:6px; text-align:center; left:29px; width:438px; height:36px; background:#ff5e2c; vertical-align:middle; line-height:36px; color:#fff; font-weight:bold; border:1px solid #dd4e22;}

.main_bank{position:relative; float:left; width:250px; height:319px;}
.main_bank1{font-size:11pt; color:#575656; padding-top:31px; padding-left:35px; line-height:22px;}
.main_bank2{font-size:11pt; padding-top:17px; padding-left:35px; line-height:22px; font-weight:bold; line-height:24px;}
.main_bank2 span{color:#f83b00; font-family:'Montserrat'; font-weight:normal; font-size:13pt; letter-spacing:-1px;}

.main_b_title{font-size:16pt; color:#323232; padding-top:35px; text-indent:42px; letter-spacing:-2px; font-weight:bold;}
.main_b_title1{font-size:16pt; color:#323232; padding-top:36px; text-indent:34px; letter-spacing:-2px; font-weight:bold;}
.main_b_title2{font-size:16pt; color:#323232; padding-top:36px; text-indent:42px; letter-spacing:-2px; font-weight:bold;}



/*as현황_협동조합배너*/
.wrap_as{position:relative; width:1000px; height:160px; margin-bottom:30px;}

.main_as{position:relative; float:left; width:500px;}
.main_as ul{width:500px; margin-top:30px;}
.main_as ul li{float:left; line-height:22px;}
.main_as .title{width:370px; height:28px; font-size:10pt; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_as .day{width:100px; height:28px; font-size:10pt;  color:#818181; text-align:right;}
.as_more{position:absolute; font-size:10pt; font-weight:bold; top:7px; right:20px;}
.main_as_title{font-size:16pt; color:#000; letter-spacing:-2px; font-weight:bold; text-indent:15px;}

.main_banner{position:relative; float:left; width:500px; text-align:right;}


/* coopertaor */
.coop {width: 1000px;}

/* footer */
#footer_wrap {width: 100%; height: 250px; position: relative; margin-top:10px;}
.footer {width: 100%; height: 60px; background:#d2d2d2;}
.footer_quick {height: 40px; width:1000px; margin: 0 auto; text-align:center; }
.footer_quick a{font-size:11pt; font-weight:bold; padding:20px 20px; display:inline-block; color:#000;}
.footer_txt {width: 1000px; height: 80px; margin:0 auto; line-height:20px; font-size:9pt; margin-top:40px;}
.footer_txt1
{width:250px; float:left; padding:30px 0;}
.footer_txt2{width:750px; float:left;}

/* modals */
.modals {cursor: pointer;}

.glyphicon-modal-window:before { content: "\e237"; }
.fade {opacity: 0;  -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;  z-index: 9999;}
.fade.in {opacity: 1;  background: url(../images/modal_bg.png);  z-index: 999999;}
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition:      -o-transform .3s ease-out; transition:         transform .3s ease-out; -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { min-height: 16.42857143px; padding: 15px; text-align: right;}
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; text-align: center; font-size: 1.3em;  font-family: 'Nanum Gothic', sans-serif; font-weight: bold; color: #0d5b83;}
.modal-body { position: relative; padding: 15px;}
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 768px) {
  .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
  .modal-sm { width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg { width: 900px; }
}
.modal-footer:before,
.modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }

.mport_left {width:700px; text-align: left; display: inline-block; *display: inline; *zoom: 1; position: relative; margin-right: 20px; left: 0; padding-left: 20px;}
.mport_left>img {width: 700px;}
.mport_right {width: 300px; display: inline-block; *display: inline; *zoom: 1; float: right; padding-right: 20px;}
.mport_right ul li {font-family: 'Nanum Gothic', sans-serif; font-size: 13px; color: #7a7a7a; padding-top: 25px;}
.mport_right>ul>li.modal_title {font-size: 22px; font-family: 'Nanum Gothic', sans-serif; color: #222222; font-weight: bold; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
.modal_txt01 {font-weight: bolder; padding-right: 15px;}
.modal_txt02 {padding-left: 15px;}
.modal_cursor {display: inline-block; *display: inline; *zoom: 1; position: relative; left: 50%; margin-left: -100px; padding-top: 100px;}
.modal_cursor>ul>li {float: left; padding-right: 100px; text-align: center; line-height: 30px;}
.modal_cursor>ul>li.last {padding-right: 0;}



/* sub */
.sub_tab {padding-top: 45px; display: inline-block; *display: inline; *zoom: 1;}
.sub_tab ul {height: 53px; width: 1000px;}
.sub_tab ul li {float: left; padding-right: 5px;}

.sub_title {width: 1000px; height: 89px; display: inline-block; *display: inline; *zoom: 1;}
.psub_title {width: 1000px; height: 89px; display: inline-block; *display: inline; *zoom: 1; padding-top: 30px;}
.title_img {display: inline-block; *display: inline; *zoom: 1; left: 0; font-size: 0; padding-top:40px; text-indent:5px;}
.sub_nav {display: inline-block; *display: inline; *zoom: 1; float: right; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #837f73; padding-top: 44px;}

.sub_cont_wrap {display: inline-block; *display: inline; *zoom: 1; padding: 40px 0 100px 0; position: relative;}
.sub_cont {display: inline-block; *display: inline; *zoom: 1; position: relative;}

.sub_cont_tab {display: inline-block; *display: inline; *zoom: 1; position: relative; margin-left: 35%;}
.sub_cont_tab img{margin-top:30px;}
.sub_cont_tab ul { width: 524px;}
.sub_cont_tab ul li {float: left; width: 131px;}

.top_notice {background:url(../images/top_notice_bg.png) repeat-x;}
.top_notice > .m_text_b {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #5a5a5a; font-weight:bold;}
.top_notice > .b_text_b {font-family: 'Nanum Gothic'; font-size: 14px; color: #555555; font-weight:bold;}
.top_notice > a.b_text {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #7a7a7a; text-decoration:none; }
.top_notice > a.b_text:hover {color: #6d6d6d; text-decoration:underline;}
.top_notice > .b_text2 {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #a5a5a5;}
.top_notice > .b_text2_b {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #a5a5a5; font-weight:bold;}

.m_text_w {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #ffffff; font-weight:bold;}
.m_text_b {font-family: 'Nanum Gothic', sans-serif; font-size: 10pt; color: #5a5a5a; font-weight:bold;}
.w_text_b {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #3f3f3f; font-weight:bold; padding-left:15px;}
.m_text {font-family: 'Nanum Gothic', sans-serif; font-size: 10pt; color: #5a5a5a; padding-left:13px; line-height:22px;}
.m_text2 {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #5a5a5a;}
.b_text_b {font-family: 'Nanum Gothic'; font-size: 14px; color: #555555; font-weight:bold;}
.b_text {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #7a7a7a; text-decoration:none; width:850px; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; display:block; height:25px;}
a.b_text {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #7a7a7a; text-decoration:none; }
a.b_text:hover {color: #6d6d6d; text-decoration:underline;}
.b_text_content {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #7a7a7a; text-decoration:none; display: block; padding:10px; line-height:16px;}
.b_text2 {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #a5a5a5;}
.b_text2_b {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #a5a5a5; font-weight:bold;}
.v_text {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #837f73;}
.v_text_b {font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #837f73; font-weight:bold;}
.tvname {font-family: "돋움"; font-size: 12px; color: #4c4b4b; font-weight: bold;}
.text04 {font-family: "돋움"; font-size: 12px; color: #343434;}
.tnum {font-family: "돋움"; font-size: 12px; color: #343434; font-weight: bold;}
.tprice {font-family: "돋움"; font-size: 12px; color: #f84001; font-weight: bold;}

.sub_contimg {display: inline-block; *display: inline; *zoom: 1; width: 1000px;}
.template_tab {display: inline-block; *display: inline; *zoom: 1; left: 50%; position: relative; margin-left: -180px;}
.template_tab ul li {float: left; padding:0; margin: 0;}
.template_tab ul li a {font-size:0;}

.template_tab1 {display: inline-block; *display: inline; *zoom: 1; left: 50%; position: relative; margin-left: -290px;}
.template_tab1 ul li {float: left; padding:0; margin: 0;}
.template_tab1 ul li a {font-size:0;}

.mtemplate_tab {display: inline-block; *display: inline; *zoom: 1; left: 50%; position: relative; margin-left: -185px;}
.mtemplate_tab ul li {float: left; padding:0; margin: 0;}

.temp_explain {width: 1000px; position: relative; padding-top: 10px;}

.t_border {display: inline-block; *display: inline; *zoom: 1; position: relative; width: 1000px; padding-top: 29px; padding-bottom: 12px;}

.tamplate_table {display: inline-block; *display: inline; *zoom: 1; position: relative; width: 1000px; padding: 0; margin: 0;}
.t_array {width: 1000px; position: relative; height: 69px;}
.tamp_array {position: relative; height: 24px; float: right; padding: 15px 0 30px 0;}
.tamp_array ul li {float: left;}
.array_imgnum {display: inline-block; *display: inline; *zoom: 1; height: 24px;}
.array_txt {font-size: 12px; font-family: 'Nanum Gothic', sans-serif; color: #837f73; line-height: 25px;}
.array_imgnum ul li {float: left; padding-right: 5px;}
.array_highlow {display: inline-block; *display: inline; *zoom: 1; right: 0; padding-left: 40px;}
.array_highlow ul li {float: left; padding-left: 5px;}

.tamp_cont_wrap {width: 1000px; position: relative; padding-top: 30px;}
.tamp_cont {position: relative; width: 1000px;}
.tamp_cont>ul>li {float: left; padding-right: 25px; padding-bottom: 60px;}
.tamp_cont>ul>li.last {padding: 0;}
.tamp_list {width: 180px;}
.t_list {display: inline-block; *display: inline; *zoom: 1; padding-top: 10px;}
.t_list_txt {display: inline-block; *display: inline; *zoom: 1; float: left; width: 113px;}
.t_list_txt li.tamplate_title {font-family: "돋움"; font-size: 12px; color: #707070; padding-top: 3px; padding-bottom: 8px; width: 110px;  white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.t_list_txt li.tamplate_price {font-family: "돋움"; font-size: 12px; color: #f84001; font-weight: bold;}
.t_list_btn {float: right; width: 67px;}
.t_list_btn li {padding: 0; margin: 0;}

.tamp_thum {width: 501px; display: inline-block; *display: inline; *zoom: 1; padding-right: 50px; height: 353px; float: left;}
.tamp_info {width: 447px; display: inline-block; *display: inline; *zoom: 1;}
.tamp_info_btn {padding-top: 10px; height: 50px;}
.tamp_info_btn>ul>li {float: left; padding-right: 2px; height: 50px;}
.tamp_info_btn>ul>li.last {padding: 0;}

.tamp_info_btm {width: 1000px; position: relative; padding-top: 50px; overflow: hidden;}
.tamp_info_btm ul li {float: left; padding-right: 1px;}
.tamp_info_btm ul li.last {padding: 0;}
#temp_infor02, #temp_infor03{display: none;}
#temp_infor01, #temp_infor02, #temp_infor03{position: static; float: none; visibility: visible;}
.tamp_inquire {position: relative; display: inline-block; *display: inline; *zoom: 1; left: 50%; margin-left: -110px; padding-top: 20px;}
.temp_case {position: relative; display: inline-block; *display: inline; *zoom: 1; padding-top: 10px; width: 1000px; padding-bottom: 10px;}
.temp_case_slider {position: relative; display: inline-block; *display: inline; *zoom: 1; width: 1000px; padding-top: 20px; padding-bottom: 30px;}

.temp_case_carousel_wrap {position: relative; display: inline-block; *display: inline; *zoom: 1; width: 938px; padding: 20px 30px; background-color: #fff; border: 1px solid #cacaca;}
.temp_case_carousel { overflow: hidden; }
.temp_case_carousel_btn {position: absolute; top:50%; margin-top: -29px;}
.temp_case_carousel_left_btn {left: 0px; }
.temp_case_carousel_right_btn { right: 0px; }
ul.temp_case_carousel_content { font-size: 0px; width: 10000px; }
li.temp_case_carousel_image { float: none !important; display: inline-block; font-size: 0px; margin: 17px 10px 17px 10px;}
li.temp_case_carousel_image > a { font-size: 0px; }

.slide_wrap {width: 998px; background-color: #ffffff; border: 1px solid #acacac; position: relative; display: inline-block; *display: inline; *zoom: 1;}
.slide_cont {position: relative; margin: 0; vertical-align: top;}
.slide_img {display: inline-block; *display: inline; *zoom: 1; padding: 20px 20px 10px 50px; margin: 0; position: relative;}
.slide_img>ul>li {padding-right: 24px;}
.slide_img>ul>li.last {padding-right: 0;}
.slide_nav_prev {display: inline-block; *display: inline; *zoom: 1; position: relative; top:-45px;}
.slide_nav_next {display: inline-block; *display: inline; *zoom: 1; position: relative; top:-45px; right: -3px;}


/* company */
#company01 a.tab01 { display: inline-block; /* or just block */ background: url('../company/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#company01 a.tab01 img { visibility: hidden; }
#company02 a.tab02 { display: inline-block; /* or just block */ background: url('../company/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#company02 a.tab02 img { visibility: hidden; }
#company03 a.tab03 { display: inline-block; /* or just block */ background: url('../company/images/tab03_o.png') no-repeat; padding:0; margin:0;}
#company03 a.tab03 img { visibility: hidden; }
#company04 a.tab04 { display: inline-block; /* or just block */ background: url('../company/images/tab04_o.png') no-repeat; padding: 0; margin: 0;}
#company04 a.tab04 img { visibility: hidden; }

.company_tab {padding-top: 30px; display: inline-block; *display: inline; *zoom: 1; position: relative;}
.company_tab ul {}
.company_tab ul li {float: left;padding-right:15px;}

/* homepage */
#homepage01 a.tab01 { display: inline-block; /* or just block */ background: url('../homepage/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#homepage01 a.tab01 img { visibility: hidden; }
#homepage02 a.tab02 { display: inline-block; /* or just block */ background: url('../homepage/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#homepage02 a.tab02 img { visibility: hidden; }

#homepage01 .sub_cont_tab {margin-top: -200px;}

/* shopping */
#shopping01 a.tab01 { display: inline-block; /* or just block */ background: url('../shopping/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#shopping01 a.tab01 img { visibility: hidden; }
#shopping02 a.tab02 { display: inline-block; /* or just block */ background: url('../shopping/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#shopping02 a.tab02 img { visibility: hidden; }

#shopping01 .sub_cont_tab {margin-top: 50px;}

/* mobile */
#mobile01 a.tab01 { display: inline-block; /* or just block */ background: url('../mobile/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#mobile01 a.tab01 img { visibility: hidden; }
#mobile02 a.tab02 { display: inline-block; /* or just block */ background: url('../mobile/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#mobile02 a.tab02 img { visibility: hidden; }

/* hosting */
#hosting01 a.tab01 { display: inline-block; /* or just block */ background: url('../hosting/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#hosting01 a.tab01 img { visibility: hidden; }
#hosting02 a.tab02 { display: inline-block; /* or just block */ background: url('../hosting/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#hosting02 a.tab02 img { visibility: hidden; }
#hosting03 a.tab03 { display: inline-block; /* or just block */ background: url('../hosting/images/tab03_o.png') no-repeat; padding:0; margin:0;}
#hosting03 a.tab03 img { visibility: hidden; }

.scontent {display: inline-block; *display: inline; *zoom: 1; position: relative; margin-bottom: 72px;}
.table_img {width: 360px; display: inline-block; *display: inline; *zoom: 1; float: left;}
.table_cont {width: 640px; display: inline-block; *display: inline; *zoom: 1;}

/* ad */
#adver01 a.tab01 { display: inline-block; /* or just block */ background: url('../ad/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#adver01 a.tab01 img { visibility: hidden; }
#adver02 a.tab02 { display: inline-block; /* or just block */ background: url('../ad/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#adver02 a.tab02 img { visibility: hidden; }

.adver_cont {display: inline-block; *display: inline; *zoom: 1; position: relative; width: 1000px;}
.adver_naver {display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 265px; left: 25px;}
.adver_daum {display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 265px; left: 264px;}
.adver_table {display: inline-block; *display: inline; *zoom: 1; padding-left: 25px;}
.adver_btn {display: inline-block; *display: inline; *zoom: 1; position: relative; margin-left: 50%; left: -170px; padding-top: 50px;}
.search_naver {display: inline-block; *display: inline; *zoom: 1; position: relative;}
.search_daum {display: inline-block; *display: inline; *zoom: 1; position: relative; left: 50px;}

/* portfolio */
.portfolio_tab {display: inline-block; *display: inline; *zoom: 1; width: 1000px; position: relative; border-top: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b;}
.portfolio_tab ul li {float: left; padding:0; margin: 0;}

.portfolio_cont {position: relative; width: 1000px;}
.portfolio_cont>ul>li {float: left; padding-right: 20px; padding-bottom: 50px;}
.portfolio_cont>ul>li.last {padding:0;}

.portfolio_list {width: 235px;}
.p_list {display: inline-block; *display: inline; *zoom: 1; padding-top: 5px;}
.p_list_txt {display: inline-block; *display: inline; *zoom: 1; float: left; width: 210px;}
.p_list_txt li {float: left;}
.p_list_btn {float: right; width: 24px; }
.p_list_btn li {padding: 0; margin: 0; padding-top: 4px;}

.portfolio_title {font-weight: bold; padding-top:4px; color: #4b4b4b; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; width: 56px;}
.portfolio_text {padding-top: 4px; color: #4b4b4b; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; width: 154px;  white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}

.d_list {display: inline-block; *display: inline; *zoom: 1; padding-top: 5px;}
.d_list_txt {display: inline-block; *display: inline; *zoom: 1; float: left; width: 210px; padding-top:7px;}
.d_list_txt>ul>li {float: left;}
.d_list_btn {float: right; width: 24px; }
.d_list_btn>ul>li {padding: 0; margin: 0; padding-top: 4px;}
.draft_no {font-weight: bold; color: #4b4b4b; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; width: 70px; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;}
.d_number {font-size: 16px; font-weight: bolder;}
.draft_title {font-size: 13px; font-family: 'Nanum Gothic', sans-serif; color: #4b4b4b; width: 125px; display: inline-block; *display: inline; *zoom: 1;}


/* customer center*/
#customer01 a.tab01 { display: inline-block; /* or just block */ background: url('../cs/images/tab01_o.png') no-repeat; padding:0; margin:0;}
#customer01 a.tab01 img { visibility: hidden; }
#customer02 a.tab02 { display: inline-block; /* or just block */ background: url('../cs/images/tab02_o.png') no-repeat; padding:0; margin:0;}
#customer02 a.tab02 img { visibility: hidden; }
#customer03 a.tab03 { display: inline-block; /* or just block */ background: url('../cs/images/tab03_o.png') no-repeat; padding:0; margin:0;}
#customer03 a.tab03 img { visibility: hidden; }

.t_search {display: inline-block; *display: inline; *zoom: 1; float: right; padding-bottom: 5px;}
.t_search ul  li {float: left; padding-left: 10px;}

.t_page {padding-top: 50px; position: relative;}
.table_btn {position: relative; width: 1000px;}
.t_btn {display: inline-block; *display: inline; *zoom: 1; position: relative; padding-right: 10px;}
.t_wbtn {display: inline-block; *display: inline; *zoom: 1; padding-left: 50%; left:-60px; position: relative;}
.table_page {display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 50%; left:-50px;}

.t_table {padding:0; margin:0;}

.t_table table.on tr td{padding:15px 0; border-bottom:1px dotted gray;}
.t_table table.on {border-bottom:2px solid #5d5d5d;border-top:2px solid #5d5d5d;}



/*수정작업 css*/

.list_wrap{position:relative; width:100%; float:left;}
.list_wrap_{position:relative; background:white; width:318px; height:395px; border:1px solid #acacac; margin-right:20px; margin-bottom:50px; float:left;}
.list_wrap_ .on{padding:20px 0;}
.list_wrap_ span{color:#ff4000; font-weight:bold; font-size:11pt;}
.list_wrap_ p{text-indent:24px; line-height:22px; font-size:10pt; color:#0f0f0f; letter-spacing:0;}
.list_wrap_ .btn {text-align:center;}
.list_wrap_ .btn1{display:inline-block; padding:10px 36px; font-weight:bold; font-size:10pt; border-radius:4px;border:1px solid; background:#ff4000; color:#fff;}
.list_wrap_ .btn2{display:inline-block; padding:10px 36px; font-weight:bold; color:#0f0f0f; border:1px solid #dcdcdc; font-size:10pt; border-radius:4px; background:#dcdcdc;}


.page_bt{position:relative; width:100%; float:left; text-align:center; margin-top:30px;}
.page_bt a{display:inline-block; padding:7px 10px; background:#cccccc; font-size:10pt; margin-right:5px;}
.page_bt .on {color:#ff4000; font-weight:bold;}




.pot_list_wrap{position:relative; width:100%; float:left;}
.pot_list_wrap_{position:relative; background:white; width:318px; height:395px; border:1px solid #acacac; margin-right:10px; margin-bottom:50px; float:left;}
.pot_list_wrap_ .on{padding:20px 0;}
.pot_list_wrap_ span{color:#ff4000; font-weight:bold; font-size:11pt;}
.pot_list_wrap_ p{text-indent:24px; line-height:22px; font-size:10pt; color:#0f0f0f; letter-spacing:0;}
.pot_list_wrap_ .btn {text-align:center;}
.pot_list_wrap_ .btn1{display:inline-block; padding:10px 36px; font-weight:bold; font-size:10pt; border-radius:4px;border:1px solid; background:#ff4000; color:#fff;}
.pot_list_wrap_ .btn2{display:inline-block; padding:10px 36px; font-weight:bold; color:#0f0f0f; border:1px solid #dcdcdc; font-size:10pt; border-radius:4px; background:#dcdcdc;}


.sian_list_wrap{position:relative; width:100%; float:left;}
.sian_list_wrap_{position:relative; background:white; width:318px; height:330px; border:1px solid #acacac; margin-right:10px; margin-bottom:50px; float:left;}
.sian_list_wrap_ .im{height:225px; overflow:hidden;}
.sian_list_wrap_ .on{padding:10px 0; text-align:center;}
.sian_list_wrap_ span{color:#ff4000; font-weight:bold; font-size:11pt;}
.sian_list_wrap_ p{line-height:22px; font-size:10pt; color:#0f0f0f; letter-spacing:0;}
.sian_list_wrap_ .btn {text-align:center;}
.sian_list_wrap_ .btn1{display:inline-block; padding:10px 36px; font-weight:bold; font-size:10pt; border-radius:4px;border:1px solid; background:#ff4000; color:#fff;}




table.onn td{padding:10px;}