@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 셋팅 */

body, div, p, a, img, ul, ol, li, table, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */

body {width:100%; height:100%; background:#fff; font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:14px; color:#333333; }
table {font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕';  font-size:14px; color:#626262; border-collapse:collapse; }
a {text-decoration:none; }
a:visited, a:hover {text-decoration:none; }

/* 구조 셋팅 */

#header {width:1100px; margin:0 auto; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_up {min-width:1100px ;width:100%;  position:relative; }
#container_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_mi {min-width:1100px ;width:100%;  position:relative; background:url(/img/mi_back.jpg) repeat center top; border-top:1px solid #d2d3d1; border-bottom:1px solid #d2d3d1}
#container_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1100px ;width:100%;  position:relative; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1100px ;width:100%; position:relative; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1100px;position:relative; background:#e5f7bb }

#Wrap{ position:relative;}

.m_content{ background:#e5f7bb; text-align:center; padding:50px 0 10px 0}


.unite{position:absolute; right:0; top:0}
.textblack{color:#000000}
.textorg{color:#ff6600}


.location{ background:url(/img/location.png) no-repeat; height:36px;font-size:12px; margin-bottom:10px; line-height:36px; color:#5b5b5b}
/*Top menu*/

#topmenu  {width:1100px; z-index:5; position:relative; }
#topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#header p.logo {float:left; }
#header .gnb {position:relative; float:right; margin-top:40px; }
#header .gnb li {position:relative;  float:left;}
#header .gnb li .gsub {position:absolute; width:130px ;top:70px; display:none; background:#fff; border:1px solid #ddd;}
#header .gnb li .gsub li {float:none !important; padding:0 ; !important; text-align:left; border-bottom:dotted 1px #ddd; }
#header .gnb li .gsub li.last{ border-bottom:none  !important;}
#header .gnb li .gsub li a {display:block; padding:5px 10px; color:#333; background:#fff; }
#header .gnb li .gsub li a:hover {color:#000; background:#e5f7bb; }
#submenu01 {z-index:9999; margin-left:0px}
#submenu02 {z-index:9999; margin-left:10px}
#submenu03 {z-index:9999; margin-left:-5px}
#submenu04 {z-index:9999; margin-left:-5px}
#submenu05 {z-index:9999; margin-left:-5px}
#submenu06 {z-index:9999; margin-left:-10px}

/*main fade*/

#mainVs_wrap {position:relative; min-width:1100px; width:100%; height:805px;  z-index:4;}
#mainVs_wrap #mainVs {width:100%; height:805px;}

#mainVs_wrap #mainVs ul li { width:100%; height:805px;}

.vs001 {width:99.99%; height:805px; background:url(/img/vs001.jpg) no-repeat center top}
.vs002 {width:99.99%; height:805px; background:url(/img/vs002.jpg) no-repeat center top}
.vs003 {width:99.99%; height:805px; background:url(/img/vs003.jpg) no-repeat center top}

/*main*/

#mainContent_up {width:1100px; margin:0 auto;  position:relative; padding:70px 0 80px 0}
#mainContent_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_up .up_tit {font-size:34px; padding-bottom:45px; color:#000; font-weight:bold; text-align:center}
#mainContent_up .up_cont {}
#mainContent_up .up_cont:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#mainContent_up .up_cont p {float:left}


#mainContent_mi {width:1100px; margin:0 auto;  position:relative;}
#mainContent_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.mi_left {float:left; padding-top:55px; margin-right:30px}
.mi_right {float:left}

#mainContent {width:973px; margin:105px auto 90px; position:relative; }
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#mainContent .con_left {float:left; width:543px}
#mainContent .con_right {float:left; margin-left:32px}

.ma_tit {margin-bottom:15px}
.ml-20{ margin-left:20px;}

/*sub*/
#subContent2 {width:1100px; margin:0 auto ; position:relative; }
#subContent2:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#bbsContent {width:1100px; margin:0 auto ; position:relative; }
#bbsContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }


/*sub left*/
#left {color:#5e5e5e; font-size:18px; border-bottom:solid 1px #eee; height:50px;}
#left p{overflow:hidden; margin: 0 auto;text-align:center}
#left p a{float:left; margin:0 30px; padding:10px 0;  font-size:18px; text-align:center ; color:#333 }
#left p a:hover {color:#3f87d2;  border-bottom:2px solid #3f87d2}
#left p a.on {color:#3f87d2;border-bottom:2px solid #3f87d2 }


.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.1s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}

/*sub content*/

#content {width:1100px; float:left; position:relative; text-align:left; min-height:800px; background:url(/img/bg_sub.png)   no-repeat}
#content2 {width:1100px; float:left; position:relative; text-align:left; min-height:800px; background:#fff}

/* footer */
#footer div.tail {width:1100px; margin:0 auto; line-height:1.5em; padding:10px 0; position:relative}
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {}
#footer div.tail span {padding-right:20px; position:absolute; top:20px; right:0px}
#footer div.tail p.copy span a {color:#e7e7e7; }

div.map {margin-top:20px;}

.map_tx {margin:0; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; border-left:1px solid #ddd; width:898px; padding:30px 0; line-height:1.8em; font-size:14px; }
.map_tx:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.le {float:left; padding:0 20px 0 25px}
.ri {float:left}
.ri ul li {background:url(/img/sub102_bul.jpg) no-repeat left 10px; padding-left:15px}
.ri ul li b {color:#ff6600; font-weight:bold}

/*sub_title*/
#content .sub_tit { width:220px; float:left; }
#content .sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#content .sub_tit .s_tit {font-size:22px; font-weight: bold; text-align:center; color:#ffffff; background:#ffffff; height:135px;}
#content div.sub_con {width:840px; float:right; background:#FFFFFF; margin:0px 0px 40px 0px; }
#content div.sub_con h3{ font-size:28px; padding-bottom:25px;  position:relative; color:#277101; letter-spacing:-1px; background:url(/img/title.png) no-repeat; height:200px;}

#content div.sub_con h3 span{position:absolute; right:0; top:0px;font-size:13px; font-weight:normal; letter-spacing:0px}
#content div.sub_con h3 img{margin-bottom:20px;}

#content2 .sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#content2 .sub_tit .s_tit {font-size:22px; font-weight: bold; text-align:center; color:#ffffff; background:#ffffff; height:135px;}
#content2 div.sub_con {width:1020px; float:right; background:#FFFFFF; margin:30px 40px 40px 40px; }
#content2 div.sub_con h3{ border-bottom:solid 1px #bccf91;font-size:28px; padding-bottom:25px; margin-bottom:30px; position:relative; color:#277101; letter-spacing:-1px}
#content2 div.sub_con h3 span{position:absolute; right:0; top:0px;font-size:13px; font-weight:normal; letter-spacing:0px}



.ml_10{margin-left:10px;}

.tit{}

#content .sub_tit ul li{font-weight:600; line-height:25px; }
#content .sub_tit ul li.last{border-bottom: none;}
#content .sub_tit ul li a{color:#666666; padding:7px 20px; display:block; background:#f6f6f6 }
#content .sub_tit ul li a:hover{ background:#FFFFFF; color:#ff6600; background:url(img/iconm.png) no-repeat 5px 12px}
#content .sub_tit ul li a.on{ color:#ff6600; background:#FFFFFF;background:url(img/iconm.png) no-repeat 5px 12px}








.prolist{width:450px; float:left; margin:20px 0}
.prolist p{float:left}
.prolist p img{ width:180px; height:130px; border:solid 1px #d3d3d3;}
.prolist dl{float:left; margin-left:30px; }
.prolist dl dt{font-size:20px; font-weight:600; color:#000000; margin-bottom:10px;}

.proview p.big{ float:left}
.proview p.big img{width:390px; height:290px;}
.proview dl{float:left; margin-left:30px; }
.proview dl dt{ color:#000000; font-size:20px; font-weight:600; margin-top:20px;}
.proview dl dd span{color:#000000; font-weight:600;}
.photo {width:465px; float:left; margin:20px 0}
.photo p.sm{float:left;margin-right:10px;}
.photo p.sm img{ width:140px; height:100px;}
.proview dl{width:465px;height:290px;}

.paging {text-align:center; padding:20px; background:#fff; clear:both}
.paging > .page-left { display:inline-block; }
.paging > .page-right {display:inline-block; }
.paging > .number {display:inline-block; margin-left:10px; margin-right:10px; }
.paging a {display:inline-block; width:34px; height:34px; line-height:34px; color:#333; font-size:15px;background:#f5f5f5; border:1px solid #dedede; vertical-align:middle; margin-left:2px; }
.paging a.on, .paging a:hover, .paging a:focus { background:#333; border:1px solid #333; color:#fff; }
.paging a:first-child {margin-left:0; }
.paging a.btn-first {background:#fafafa url(/img/btn_first.png) no-repeat center center;}
.page-left a:hover, .page-right a:hover {border:1px solid #dedede;}
.paging a.btn-prev { background:#fafafa url(/img/btn_prev.png) no-repeat center center; }
.paging a.btn-next {background:#fafafa url(/img/btn_next.png) no-repeat center center;}
.paging a.btn-last {background:#fafafa url(/img/btn_last.png) no-repeat center center;}

.tabwrap{width:100%; float:left; margin-top:30px;background:url(/img/line.png) repeat-x;}
.tmenu {width:900px; position:relative;}
.tmenu li {float:left; text-align:center;  width:100px; height:40px; }
.tmenu li a {color:#333;display:block;padding:5px 0 6px 0;font-weight:600;font-size:16px; background:#FFFFFF;}
.tmenu li.active { border-top:solid 2px #ff6600; border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;} 
.tmenu li.active a {color:#ff6600;}
.tab-area{width:900px; float:left}



#simplemodal-overlay {background-color:#000;}
.simplemodal-close {background:url(/img/btn_close.png) no-repeat; width:24px; height:24px; display:inline; z-index:5200; position:absolute; top:15px; right:15px; cursor:pointer;}
.popup {width:450px;}
.pop-header {width:100%;position:relative;height:50px;background:#626262;}
.pop-header h1 {padding-left:20px;color:#fff;line-height:50px; font-size:16px; font-weight:600;font-family: Nanum Gothic, "나눔고딕",dotum;}
.pop-content { text-align:center;clear:both;background:#fff; line-height:40px;}
.content-inbox {padding:30px;}

.btn{ border:solid 1px #333; color:#333; padding:5px 10px; margin-left:5px;  }