@charset "utf-8";
@import url(board.css);

/* font */
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'NGEB';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


html {margin:0;padding:0; background-color: #fff; }
body {/*background-color: #323232;*/margin:0; padding:0;font-family:'NG','돋움',Dotum,AppleGothic,sans-serif;font-size:14px;line-height:1.5;color:#5f5f5f;letter-spacing:0;-webkit-text-size-adjust:none;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, u, cite {font-style:normal;}

strong, b {font-weight:bold;}
a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:underline; color:#555; }




.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.ml40 {margin-left:40px !important;}


.f_left {float:left;}
.f_right {float:right;}
.img_center {width:100%; text-align:center;}

.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}

img,video,embed,object {max-width:100%}


.mobshow { display: none;}
.desktopshow { display: block;}
.tabletshow { display: block;}
.tablet1000show { display: none;}
.tablet1001show { display: none;}

.btn-color-black40{background:rgba(0, 0, 0, 0.4);filter:alpha(opacity=40);opacity:0.4;}






/* black-line btn */
.cmm_bk_line_btn { border: 1px solid #000000;line-height: 38px;text-align: center;display: block; font-size: 16px;width: 153px; margin: 0 auto;}



.wrapper { position: relative; background:url(../images/common/top_bg.jpg) repeat-x top;}


.content {margin:0 auto; position: relative;}
.dimd { display: none;}
.subpagecolor { background-color: #f6f6f6;}


/* header */ 
#header {position: relative;  margin: 0 auto; width: 1090px; height: 210px; }
#header  h1 {position:relative; text-align:center; }
#header  .topban {position: absolute; top:46px; right:0; border:1px solid #e9e9e9;}
#header  .topban2 {position: absolute; top:46px; left:0;}

.gnb {position: relative; clear:both; width:1088px; margin:0 auto; height:36px; line-height:35px;border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.gnb ul {float:left;}
.gnb ul li {float:left; padding:0 12px; font-size:12px; background:url(../images/common/gnb_line.jpg) no-repeat left;}
.gnb ul li.first {background:none;}
.gnb ul li a{ color:#666;}
.gnb ul.f_r {float:right;}

#search {position:absolute; top:160px; right:0; z-index:10000;}
#search ul li {float:left; margin-top:8px;}
#search ul .form {width:190px;}
#search ul .form input {width:98%; height:28px; border:0; margin:0; font-family: 'NG'; font-size:13px; border:1px solid #dfdfdf; color:#777; padding-left:2%;}


.nav { position: absolute; top: 158px; left: 0; width:1090px;}
.nav > ul { overflow: hidden; }
.nav > ul > li { float: left;  margin:0 10px;}
.nav > ul > li > a { display: inline-block;     font-size:15px; font-family: 'NGB'; color:#000; line-height:50px; text-decoration:none; padding:0 10px;}
.nav > ul > li:hover > a {color:#304cbe; background:url(../images/common/lnb_bg.png) repeat-x;}

.dep2 { display: none; position: absolute; z-index: 99; }
.dep2 > li {float:left;}
.dep2 > li > a { padding: 0 8px;  font-size: 14px;  color:#666; font-family: 'NGB'; line-height:35px;}
.dep2 > li > a:hover { color:#304cbe; text-decoration:none;}



/* footer */ 

#footer {position: relative; clear:both; width:1090px; margin:0 auto; border-top:2px solid #999; padding:20px 0;}
#footer .logo {position: relative; float:left; width:230px; text-align:center;}
#footer .logo img {width:140px;}
#footer .wrap {position: relative; float:left;}
#footer .wrap .f_m {position: relative; clear:both;}
#footer .wrap .f_m ul li {float:left; padding:0 10px; background:url(../images/common/f_line.jpg) no-repeat left;}
#footer .wrap .f_m ul li.first {background:none; padding:0 10px 0 0;}
#footer .wrap .f_m ul li a {color:#333; font-size:13px;  font-family: 'NGB'; }
#footer .wrap .address {position: relative; clear:both;font-size:12px; color:#777; margin-top:10px;}
#footer .wrap .address span {margin-left:10px; padding-left:10px; background:url(../images/common/f_line.jpg) no-repeat left;}
#footer .btn_top {position:absolute; top:20px; right:0;}


#footer_main {position: relative; clear:both;  padding:45px 0; background:#202834;}
#footer_main .footer_cen {position: relative; clear:both; width:1090px; margin:0 auto;}
#footer_main .logo {position: relative; float:left; width:250px; }
#footer_main .wrap {position: relative; float:left;}
#footer_main .wrap .f_m {position: relative; clear:both;}
#footer_main .wrap .f_m ul li {float:left; padding:0 15px; background:url(../images/newmain/footer_line.jpg) no-repeat left;}
#footer_main .wrap .f_m ul li.first {background:none; padding:0 15px 0 0;}
#footer_main .wrap .f_m ul li a {color:#fff; font-size:15px;  font-family: 'NGB'; }
#footer_main .wrap .address {position: relative; clear:both;font-size:13px; margin-top:20px; color:#a0a4ac; line-height:19px; letter-spacing:-0.05em;}
#footer_main .wrap .address span {margin-left:15px; padding-left:15px; background:url(../images/newmain/footer_line2.jpg) no-repeat left;}
#footer_main .btn_top {position:absolute; top:0; right:0;}


#mvisual_new {position:relative; clear:both; width:1090px; margin:0 auto; margin-top:25px;}


#container {position:relative; clear:both; width:1090px; margin:0 auto; background:url(../images/main/con_bg.jpg) repeat-y; margin-top:30px; margin-bottom:30px;}
#container .left {position:relative; float:left; width:750px;}




.mvisual {position:relative; clear:both;}
.mvisual .img {position:relative; width:500px; height:325px;}
.mvisual .title {position:absolute; left:0; bottom:0; width:450px; padding:25px;}
.mvisual .title a {display:block; color:#fff; font-size:25px; line-height:35px; font-family: 'NGEB'; letter-spacing:-0.03em;}
.mvisual .list {position:absolute; right:0; top:0; background:url(../images/main/mvisual_bg.png) repeat-y; width:258px; height:325px; font-size:14px;}
.mvisual .list p {height:43px; padding-left:25px; color:#549feb; font-family: 'NGEB'; line-height:43px; background:url(../images/main/menu_off.png) no-repeat bottom;}
.mvisual .list ul li {height:47px; }
.mvisual .list ul li a{background:url(../images/main/menu_off.png) no-repeat bottom; color:#b2b2b2;  font-family: 'NGB';  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:47px; padding:0 20px 0 25px;}
.mvisual .list ul li a:hover {background:url(../images/main/menu_over.png) no-repeat bottom; text-decoration:none; color:#fff;}

.majornews {position:relative; clear:both; margin-top:25px;}
.majornews ul li {float:left;}
.majornews ul li.tit {background:#306ed1; width:93px; height:50px; line-height:50px; text-align:center; color:#fff; font-family: 'NGB'; }
.majornews ul li.list {background:#f0f0f0; border:1px solid #ddd; width:625px; height:48px; padding:0 15px;}
.majornews ul li.list a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:48px; color:#333;}



.majornews2 {position:relative; clear:both; }
.majornews2 ul li {float:left;}
.majornews2 ul li.tit {background:#306ed1; width:100px; height:50px; line-height:50px; text-align:center; color:#fff; font-family: 'NGB'; }
.majornews2 ul li.list {background:#f0f0f0; border:1px solid #ddd; width:648px; height:48px; }
.majornews2 ul li.list a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:48px; color:#333;padding:0 15px;}




.mainlisttype1 {position:relative; clear:both;}
.mainlisttype1 .list {position:relative; clear:both; padding:23px 0; border-bottom:1px solid #e5e5e5;}
.mainlisttype1 .list .img {float:left; width:175px; height:115px; border:1px solid #ebebeb; }
.mainlisttype1 .list .img img {width:175px; height:115px !important;}
.mainlisttype1 .list .info {float:right; width:555px;}
.mainlisttype1 .list .info p.tt1 a {color:#000; font-size:20px;  font-family: 'NGB';  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:20px;}
.mainlisttype1 .list .info p.tt1 a:hover {text-decoration:underline;}
.mainlisttype1 .list .info p.tt2 {margin-top:7px; font-family: 'NGB'; color:#888;}
.mainlisttype1 .list .info p.txt {margin-top:7px; height:60px; overflow:hidden;line-height:14px !importnat;}
.mainlisttype1 .list .info p.txt a {color:#777; font-size:13px; }


.mainlisttype1_new {position:relative; clear:both;}
.mainlisttype1_new .list {position:relative; clear:both; margin-top:50px; }
.mainlisttype1_new .list .img {float:left; width:235px; height:155px; border:1px solid #ebebeb; background-size:cover; background-position:center;}
.mainlisttype1_new .list .info {float:right; width:495px;}
.mainlisttype1_new .list .info p.tt1 {color:#000; font-size:25px;  font-family: 'NGB';  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:40px; margin-top:5px;}
.mainlisttype1_new .list .info p.tt2 {height:20px; margin-top:7px; font-size:16px; font-family: 'NGB'; color:#a09f9f;  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.05em;}
.mainlisttype1_new .list .info p.txt {margin-top:15px; height:40px;color:#666; font-size:14px; overflow:hidden;line-height:22px !importnat;}
.mainlisttype1_new .list .info p.date {color:#777;}
.mainlisttype1_new a .tt1:hover {color:#189c2c !important; text-decoration:underline;}


.mainlisttype2 {position:relative; clear:both; margin-top:10px;}
.mainlisttype2 .list {position:relative; float:left;  border:1px solid #d7d7d7; width:234px; height:267px; margin-left:20px; margin-top:20px;}
.mainlisttype2 .list .img {position:relative; clear:both;  height:144px;  }
.mainlisttype2 .list .img img {width:100%; height:144px !important;}
.mainlisttype2 .list .img .pop {position:absolute; bottom:0; left:0; background:#2c65bf; color:#fff; font-family: 'NGB'; padding:3px 7px; font-size:12px;}
.mainlisttype2 .list .info {position:relative; clear:both; padding:15px;}
.mainlisttype2 .list .info p.tt1 a {color:#000; font-size:15px;  font-family: 'NGB';  height:60px; overflow:hidden; line-height:20px; }
.mainlisttype2 .list .info p.tt1 a:hover {text-decoration:underline;}
.mainlisttype2 .list .info p.txt {margin-top:5px; height:40px; overflow:hidden;line-height:14px !importnat;}
.mainlisttype2 .list .info p.txt a {color:#777; font-size:13px; }
.mainlisttype2 .ml0 {margin-left:0 !important;}


.more {position:relative; clear:both; border:1px solid #dfdfdf; text-align:center; height:35px; line-height:35px; margin:21px 0;}
.more a {color:#444; font-family: 'NGEB';display:block;}

.mainlisttype2_new {position:relative; clear:both; margin-top:10px;}
.mainlisttype2_new .list {position:relative;  border:1px solid #d7d7d7; width:355px; height:330px;  margin-top:30px;}
.mainlisttype2_new .list .img {position:relative; clear:both; width:355px; height:180px; background-size:cover; background-position:center;}
.mainlisttype2_new .list .img .pop {position:absolute; top:0; left:0; background:#306ed1; color:#fff; font-family: 'NGB'; padding:7px 20px; font-size:14px;}
.mainlisttype2_new .list .info {position:relative; clear:both; padding:25px;}
.mainlisttype2_new .list .info p.tt1 {color:#444; font-size:19px;  font-family: 'NGB'; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  line-height:20px; }
.mainlisttype2_new .list .info p.txt {margin-top:15px; height:60px; font-size:14px; overflow:hidden;line-height:22px !importnat; color:#737373;}
.mainlisttype2_new a p.tt1:hover {color:#189c2c !important; text-decoration:underline !important;}
.mainlisttype2_new a p.txt:hover { text-decoration:none !important;}

.f_l {float:left;}
.f_r {float:right;}


#container .right {position:relative; float:right; width:300px;}
#container .right h3 {font-size:19px; font-family: 'NGB'; color:#000;  margin-bottom:5px; letter-spacing:-0.05em;}
#container .right h3 span {color:#026ec9;}
#container .right .btn {position:absolute; top:5px; right:0;}
#container .right .btn ul li {float:left;}
#container .right .btn2 {position:absolute; top:5px; right:0; font-size:13px; background:url(../images/main/btn_more.jpg) no-repeat right; padding-right:20px;}
#container .right .btn2 a {display:block; color:#9f9f9f;}


.listtype1 {position:relative; clear:both;}
.listtype1 .img {position:relative; clear:both; border:1px solid #c2c2c2;}
.listtype1 .img .tit {position:absolute; height:37px;bottom:0; left:0; z-index:1; background:url(../images/main/listtype1_bg.png) no-repeat bottom;  width:268px; padding:15px;  text-align:center; line-height:37px; font-size:15px; font-family: 'NGB'; color:#fff; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.listtype2 {position:relative; clear:both; margin-top:20px;}
.listtype2 .list {position:relative; clear:both; background:url(../images/main/jumline.jpg) repeat-x bottom; padding:10px 0;}
.listtype2 .list .img {position:relative;float:left; width:90px; height:60px;}
.listtype2 .list .title {float:right; width:195px; height:45px; padding:5px 0 8px 0; overflow:hidden;}
.listtype2 .list .title a {font-size:15px;  font-family: 'NGB'; color:#000; line-height:25px; letter-spacing:-0.05em;}


.listtype2_new {position:relative; clear:both; }
.listtype2_new .list {position:relative; clear:both; background:url(../images/main/jumline.jpg) repeat-x bottom; padding:10px 0;}
.listtype2_new .list .img {position:relative;float:left; width:100px; height:70px;  background-size:cover; background-position:center;}
.listtype2_new .list .title {float:right; width:180px; }
.listtype2_new .list .title p.tt {height:40px; overflow:hidden;font-size:14px;  font-family: 'NGB'; color:#444; line-height:22px; letter-spacing:-0.05em;}
.listtype2_new .list .title p.date {font-size:12px;  font-family: 'NGB'; color:#888; margin-top:5px;}


.listtype3 {position:relative; clear:both; margin-top:20px;}
.listtype3 .list {position:relative; clear:both; border-top:1px solid #316fd1; border-bottom:1px solid #316fd1; padding:10px 0; margin-top:10px;}
.listtype3 .list ul {clear:both;}
.listtype3 .list ul li {float:left; margin:4px 0;}
.listtype3 .list ul li.num {width:20px; color:#026ec9;font-family: 'NGB';}
.listtype3 .list ul li.title {width:280px;}
.listtype3 .list ul li.title a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


#news_link_top2	{border:1px solid #d7d7d7; background:#fff; padding:10px 12px 15px; text-align:left;}
#news_link_top2 h1			{position:relative; height:28px; border-bottom:1px solid #d7d7d7; margin-bottom:8px; font:bold 14px/20px "맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;}
#news_link_top2 h1 strong	{color:#ff0000;}
.list_area	{position:relative; width:100%; height:110px; overflow:hidden;}
td	{height:22px; vertical-align:middle;}
.td_news_title	{word-break:break-all; overflow:hidden; line-height:22px;}
.news_title	{width:100%; height:22px; overflow:hidden; text-indent:1px;}
.news_title,.news_title a,.news_title a:visited	{font:normal 13px/22px "맑은 고딕",dotum; letter-spacing:-0.05em; color:#333;}
.news_copy_txt,.news_copy_txt a,.news_copy_txt a:visited	{font:normal 11px/15px dotum; letter-spacing:-1px; color:#999;}
.news_copy_txt	{height:15px; padding-top:7px; padding-left:5px; color:#ddd;}



.listtype4 {position:relative; clear:both; margin-top:20px; border:1px solid #316fd1; padding:10px;}
.listtype4 h3 {border-bottom:1px solid #d7d7d7; font-size:15px !important; padding-bottom:5px;}
.listtype4 h3 span {color:#ff0000;}


.listtype5 {position:relative; clear:both; margin-top:20px; }
.listtype5 h3 {border-bottom:1px solid #ddd; padding-bottom:10px;}
.listtype5 .list {position:relative; clear:both; background:url(../images/main/jumline.jpg) repeat-x bottom; padding:10px 0;}
.listtype5 .list .title {float:left; width:195px; height:45px; padding:5px 0 8px 0; overflow:hidden;}
.listtype5 .list .title a {font-size:15px;  font-family: 'NGB'; color:#333; line-height:25px; letter-spacing:-0.05em;}
.listtype5 .list .img {position:relative;float:right; width:90px; height:60px;}


#mainlisttype3 {position:relative; clear:both; width:1090px; margin:0 auto; padding:30px 0; border-top:1px solid #ccc;}
#mainlisttype3 .box {position:relative; float:left; border:1px solid #ddd; border-top:1px solid #333; width:254px;  margin-left:22px;}
#mainlisttype3 .box h3 {font-size:14px; color:#333; line-height:35px; padding-left:15px;}
#mainlisttype3 .box a.btn_more {position:absolute; top:12px; right:10px;}
#mainlisttype3 .box .list {position:relative; clear:both; height:47px;  padding:10px 12px; border-top:1px solid #d9d9d9;}
#mainlisttype3 .box .list .img {float:left; width:60px; height:45px; border:1px solid #eee; }
#mainlisttype3 .box .list .img img {height:45px;}
#mainlisttype3 .box .list .title {float:right; width:160px; height:40px; padding:3px 0 2px 0; overflow:hidden; }
#mainlisttype3 .box .list .title a {color:#333;}


#mainlisttype3_new {position:relative; clear:both; width:1090px; margin:0 auto; padding:30px 0; border-top:1px solid #ccc;}
#mainlisttype3_new .box {position:relative; float:left; border:1px solid #ddd; border-top:1px solid #333; width:254px;  margin-left:22px;}
#mainlisttype3_new .box h3 {font-size:14px; color:#333; line-height:35px; padding-left:15px;}
#mainlisttype3_new .box a.btn_more {position:absolute; top:12px; right:10px;}
#mainlisttype3_new .box .list {position:relative; clear:both; height:47px;  padding:10px 12px; border-top:1px solid #d9d9d9;}
#mainlisttype3_new .box .list .img {float:left; width:60px; height:50px; border:1px solid #eee; background-size:cover; background-position:center;}
#mainlisttype3_new .box .list .title {float:right; width:160px; height:40px; padding:3px 0 2px 0; overflow:hidden; }
#mainlisttype3_new .box a {color:#555; letter-spacing:-0.05em;}
#mainlisttype3_new .box a .title:hover {text-decoration:underline;}

.ml0 {margin-left:0 !important;}


#newlist_wrap {position:relative; clear:both; width:1090px; margin:0 auto; }
#newlist_wrap .left {position:relative; float:left; width:768px; height:546px; border:2px solid #ebebeb; border-right:none; background:url(../images/newmain/left_bg.jpg) no-repeat;}
#newlist_wrap .right {position:relative; float:right; width:316px; height:546px; border:2px solid #1b1b61; background:#fcfcfc;}
#mainlisttype4 {position:relative; float:left; width:334px; height:223px; padding:25px;}
#mainlisttype4 h3 {font-size:19px; color:#000; font-family: 'NGB'; height:40px; line-height:20px;}
#mainlisttype4 .list .img {position:relative; float:left; width:110px; height:75px; background-size:cover; background-position:center;}
#mainlisttype4 .list .title {position:relative; float:right; width:210px;}
#mainlisttype4 .list .title p.tt {height:40px;  overflow:hidden; line-height:22px; color:#444; font-family: 'NGB'; margin-top:5px;}
#mainlisttype4 .list .title p.date {position:absolute; top:50px;; left:0; font-size:12px; color:#888; font-family: 'NGB'; letter-spacing:-0.02em;}
#mainlisttype4 a {color:#555; letter-spacing:-0.05em;}
#mainlisttype4 a .title:hover {text-decoration:underline;}
#mainlisttype4 .line {height:1px; background:url(../images/newmain/jumline.jpg) repeat-x bottom; margin:15px 0;}


#mainlisttype5 {position:relative;padding:25px;}
#mainlisttype5 h3 {font-size:19px; color:#000; font-family: 'NGB'; height:35px; line-height:20px;}
#mainlisttype5 .list .img {position:relative; float:left; width:90px; height:60px; background-size:cover; background-position:center;}
#mainlisttype5 .list .title {position:relative; float:right; width:160px;}
#mainlisttype5 .list .title p.tt {height:55px;  overflow:hidden; line-height:25px; font-size:15px; color:#000; font-family: 'NGB'; margin-top:5px;}
#mainlisttype5 a {color:#555; letter-spacing:-0.05em;}
#mainlisttype5 a .title:hover {text-decoration:underline;}
#mainlisttype5 .line {height:1px; background:url(../images/newmain/jumline2.jpg) repeat-x bottom; margin:10px 0;}




/* sub */
.stitle {position:relative; clear:both; font-size:19px; color:#000; font-family: 'NGB'; letter-spacing:-0.05em; border-bottom:1px solid #d8d8d8; padding-bottom:10px; margin-bottom:10px;}


/* sublist */
.news_list {position:relative; clear:both;}
.news_list .list {position:relative; clear:both; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.news_list .list .img {position:relative; float:left; width:130px; height:100px;  overflow:hidden;}
.news_list .list .img img {height:100px; border:1px solid #eee;}
.news_list .list .info {position:relative; float:right; width:600px;color:#777; font-size:13px;}
.news_list .list .info a p.tit  {margin-bottom:7px;color:#000; font-size:19px;  font-family: 'NGB';  letter-spacing:-0.05em; line-height:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list .list .info a p.txt {color:#888; height:40px;  overflow:hidden;}

.news_list .list .info .name_date {position:relative; clear:both; margin-top:10px;}
.news_list .list .info .name_date ul li {float:left; color:#3f6bbc;font-size:12px; line-height:12px;}
.news_list .list .info .name_date ul li.date { color:#c0c0c0; border-left:1px solid #d0d0d0; height:12px; margin-left:10px; padding-left:10px; }




#view_title {position:relative; clear:both; width:1090px; margin:0 auto; border-bottom:1px solid #ccc; padding:30px 0 15px 0; font-size:16px; color:#666; font-family: 'NGB';}
#view_title p.tit {font-size:32px; color:#000;font-family: 'NGEB'; line-height:40px; margin-bottom:10px;}
#view_title .name_date {position:relative; clear:both; margin-top:30px;}
#view_title .name_date ul li {float:left; color:#333;font-size:12px; line-height:12px;}
#view_title .name_date ul li.date { color:#777; border-left:1px solid #d0d0d0; height:12px; margin-left:10px; padding-left:10px; }
#view_title .sns {position:absolute; right:0; bottom:15px;}
#view_title .sns ul li {float:left; margin-left:4px;}

#news_view {position:relative; clear:both; }
#news_view .img {position:relative; clear:both;  text-align:center;}
#news_view .img img {max-width:100%;}
#news_view .img p {font-size:13px; margin-top:10px;}
#news_view .img p span {margin-left:20px; color:#888;}
#news_view .text {position:relative; clear:both; text-align:justify; color:#333; font-size:16px; line-height:29px; padding:40px 0;}
#news_view .info {position:relative; clear:both; border-top:1px solid #ccc; font-size:12px; padding:10px 0; color:#333; margin-top:15px;}
#news_view .info .sns  {position:absolute; right:0; top:8px;}
#news_view .info .sns ul li {float:left; margin-left:4px;}

#reply {position:relative; clear:both; margin-top:50px;}
#reply h3 {color:#222; margin-bottom:10px;}
#reply .box {position:relative; clear:both; border:1px solid #aaa;}
#reply .box textarea {border:0; background:#fff; height:50px; width:96%; text-align:left; padding:2%; border-bottom:1px solid #ddd;}
#reply .box ul li {float:left; padding:5px 0 5px 5px;}
#reply .box ul li.btn {float:right; margin-right:5px;}
#reply .box ul li.btn button {background:#026ec9; color:#fff; font-family: 'NGB'; width:70px; height:30px; text-align:center;}
#reply .box ul li input {border:0; background:#f0f0f0; width:100px; height:30px; padding:0 10px; font-size:12px;}
#reply .total_reply {position:absolute; right:0; top:8px; font-size:13px;}

#reply .reply_list {position:relative; clear:both; margin-top:30px;}
#reply .reply_list .list {position:relative; clear:both; border-bottom:1px solid #ddd; padding:10px 0; font-size:13px;}
#reply .reply_list .list ul li.nickname {float:left; width:120px; font-family: 'NGB'; color:#333; background:url(../images/sub/icon_gray.jpg) no-repeat 0 9px; padding-left:10px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#reply .reply_list .list ul li.text {float:left; width:530px; margin-left:10px;}
#reply .reply_list .list ul li.info {float:right; width:70px; text-align:right; font-size:12px; color:#888; margin-left:10px;}


#etc_list {position:relative; clear:both; margin-top:50px;}
#etc_list h3 {color:#222; margin-bottom:10px; }
#etc_list h3 span {color:#026ec9;}
#etc_list ul li {background:url(../images/sub/icon_gray.jpg) no-repeat 0 9px; padding-left:10px;}
#etc_list ul li a {color:#333;}


.orangeeb {color:#ed6d1f; font-family: 'NGEB';}
.blue16b {font-size:16px; color:#03447c; font-family: 'NGB';}
.blue17eb {font-size:17px; color:#03447c; font-family: 'NGEB';}
.f12 {font-size:12px;}
.black14b {font-size:14px; color:#000; font-family: 'NGB';}
.black16eb {font-size:16px; color:#000; font-family: 'NGEB';}







/* 제품리스트 */
#admin_txt {clear:both; color:#000; border-bottom:1px solid #333; padding-bottom:15px; margin-bottom:30px;}

#pro_list {position:relative; clear:both; }
#pro_list .totalbar {clear:both; background:#edf9ff; padding:10px 15px;}
#pro_list .list {position:relative;clear:both; padding:20px 0; border-bottom:1px solid #cfcfcf;}
#pro_list .list .img {position:relative; float:left; width:15%;  }
#pro_list .list .img img {width:100%;border:1px solid #dfdfdf;}
#pro_list .list .text {position:relative; float:right; width:83%;}
#pro_list .list .tit { font-size:16px; color:#000; font-family: 'NGB';}
#pro_list .list .txt {margin:0 0 0 0; }




/* 제품상세보기 */
#pro_view {position:relative; clear:both; }
#pro_view .tit { border-top:2px solid #03447c; background:#edf9ff; padding:10px 15px; color:#000; font-size:14px; font-family: 'NGEB';}
#pro_view .view {position:relative; clear:both; padding:20px 0; border-bottom:1px solid #cfcfcf;}
#pro_view .view .img {clear:both; text-align:center;}
#pro_view .view .info {clear:both; margin-top:30px;}



/* 서브검색 */
#sub_search {position:relative; clear:both;}
#sub_search .form {clear:both; border:5px solid #dfdfdf; padding:10px;}
#sub_search .form table td.btn_search {width:30px;}
#sub_search .result1 {clear:both; background:#edf9ff; padding:10px 15px; margin-top:20px;} 
#sub_search .result1 ul li {float:left;}
#sub_search .result1 ul .select {float:right;}
#sub_search .result2 {clear:both; border-top:2px solid #03447c;  border-bottom:1px solid #333; margin-top:20px;}
#sub_search .result2 .tt {clear:both; padding:10px;}
#sub_search .result2 .result_list {clear:both; background:#f5f5f5; padding:10px;}
#sub_search .result2 .result_list .tt2 {color:#000;font-family: 'NGB'; padding-bottom:10px;}
#sub_search .result2 .result_list dl {float:left; margin-right:30px;}
#sub_search .result2 .result_list dl dt a {color:#3a62ad;font-family: 'NGB';}
#sub_search .result2 .result_list dl dd {font-size:12px;}



/* 인사말 */
#greeting {position:relative; clear:both; color:#333;}
#greeting div {clear:both; }
/*#greeting .imcon {position:relative; clear:both;  background:#219beb;}
#greeting .imcon .im {width:42%; float:right;}
#greeting .imcon  p {position:absolute; color:#fff; font-size:22px; font-family: 'NGB'; line-height:34px; left:50px; top:50px;}
#greeting span {color:#fff; font-size:22px; font-family: 'NGB'; line-height:29px;}*/
#greeting .img {position:relative; clear:both; margin-top:30px; background:#219beb;}
#greeting .img ul li {float:left; width:65%; color:#fff; font-size:22px; font-family: 'NGB'; line-height:29px;}
#greeting .img ul li.im {width:35%;}
#greeting .img ul li img {width:100%;}
#greeting .img ul li.txt p {padding-top:100px;}
#greeting p { padding-top:30px;}
#greeting .sign {position:relative; clear:both;text-align:right; margin-top:30px;}
#greeting .sign img {margin: -12px 0 10px 0;}


/* 사업소개 */
#business {position:relative; clear:both;}
#business div {float:left; width:46%; color:#000; line-height:20px;}
#business div p {color:#3a62ad; font-size:19px; font-family: 'NGB'; line-height:50px;}
#business div ul li {clear:both; background:url(/brand/images/company/icon_black.jpg) no-repeat 0 8px; padding:0 0 5px 8px;}
#business div img {width:100%;}
#business .r {float:right;}
#business .height1 {height:390px;}
#business .height2 {height:390px;}
#business .height3 {height:370px;}
#business .height4 {height:370px;}

/* 연혁 */
#history {position:relative; clear:both; border-bottom:1px solid #dfdfdf; padding:45px 0;}
#history .years {color:#000; font-size:23px; font-family: 'NGB'; line-height:30px;  background:url(/brand/images/company/03_bg.jpg) no-repeat top left;}
#history .list {clear:both; margin-top:50px;}
#history .list .year {width:70px; padding-left:10px; background:#ed6d1f; color:#fff; font-size:17px; font-family: 'NGEB'; line-height:17px; margin-bottom:5px;}
#history .list ul {clear:both;}
#history .list ul li {float:left; padding-top:10px; width:90%;color:#000;}
#history .list ul .month { font-family: 'NGEB'; width:10%;}





/* 찾아오시는길 */
#location2 {position:relative; clear:both; margin-top:60px;}
#location2 .area {background:url(/brand/images/company/0403.jpg) no-repeat top left;color:#000; font-size:23px; font-family: 'NGB'; line-height:45px;}
#location2 .info {border:1px solid #dfdfdf; margin-top:20px;color:#333;}
#location2 .info .map {width:100%; overflow:hidden;}
#location2 .info .map .frame {width:1000px; height:350px; margin-left:-500px;padding-left:50%;}
#location2 .info .txt1 {background:#f5f5f5; border-top:1px solid #dfdfdf; padding:20px; }
#location2 .info .txt1 p {padding-bottom:5px;}
#location2 .info .txt1 ul {clear:both;}
#location2 .info .txt1 ul li {float:left;}
#location2 .info .txt1 ul .tt {color:#000; font-family: 'NGEB'; padding-right:30px; width:55px;}
#location2 .info .txt2 {background:#f5f5f5; border-top:1px solid #dfdfdf; padding:20px; }
#location2 .info .txt2 .text1 {float:left; width:10%;color:#000; font-family: 'NGEB'; }
#location2 .info .txt2 .text2 {float:left; width:90%;}
#location2 .info .txt2 .text2 ul li {clear:both;}
#location2 .info .txt2 .text2 ul .tt {color:#3e4247; font-size:15px; font-family: 'NGEB'; }
#location2 .info .txt2 .text2 ul .subway1 {background:url(/brand/images/company/0401.jpg) no-repeat top left; padding-left:40px; margin-top:10px;}
#location2 .info .txt2 .text2 ul .subway1 span {color:#35b12b; font-family: 'NGB';}
#location2 .info .txt2 .text2 ul .subway2 {background:url(/brand/images/company/0402.jpg) no-repeat top left; padding-left:40px; margin-top:10px;}
#location2 .info .txt2 .text2 ul .subway2 span {color:#f0602f; font-family: 'NGB';}


/* 인재상 */
#recruit {position:relative; clear:both; border:2px solid #3a62ad; padding:20px;}
#recruit .text {text-align:center; color:#3e4247;  font-size:15px; font-family: 'NGB'; height:50px; }
#recruit .text  span {color:#ed6d1f; font-size:23px;}
#recruit .box {float:left; background:#f3f3f3; width:44%; height:60px; margin:10px 0.7%; padding:10px 2%;}
#recruit .box .tit {float:left; color:#000; font-size:30px; font-family: 'NGEB'; width:14%;}
#recruit .box .txt {float:left;color:#000; font-size:14px; line-height:22px; width:86%; padding-top:7px;}


/* sitemap */
#sitemap {position:relative; clear:both; width:850px; margin:0 auto;}
#sitemap h2 {clear:both; border-bottom:2px solid #ed6d1f; color:#ed6d1f; font-family: 'NGB'; font-size:20px; line-height:40px; margin-bottom:15px;}
#sitemap .list {float:left; width:230px; margin-top:0;}
#sitemap .cen {margin:0 80px;}
#sitemap .list2 {float:left; width:230px; margin-top:50px;}
#sitemap .s01 {margin-top:0;}
#sitemap a {display:block; padding:15px 0 0 10px;  color:#000; font-family: 'NG'; font-size:14px;}
#sitemap a.dth2 {display:block;background:#f5f5f5;padding:10px;  color:#000; font-family: 'NGB'; font-size:15px; margin-bottom:2px;}
#sitemap a.dth4 {display:block; padding:1px 10px;  color:#3a62ad; font-family: 'NG'; font-size:13px; }



/* pipelines */
.pipelines {position:relative; clear:both; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.pipelines th {color:#fff; letter-spacing:-0.05em; background:#888; font-family:'NGB'; }
.pipelines td.p5b {padding:10px 5px;  color:#333; }
.pipelines td.p5 {padding:10px 5px;}
.pipelines td.bg {background:#ffe5e5; }
.pipelines th, .pipelines td {border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:10px 0; line-height:15px;}
.pipelines td {background:#fdfdfd;}

.pipeline_tt {color:#000;  font-family: 'NGB'; font-size:28px; line-height:34px; letter-spacing:-1px; margin-bottom:20px;}




/* 이용정책 */
.policy div,
.policy ul,
.policy li {clear:both; overflow:auto;}
.policy h1 {margin:0 0 15px 0; padding:0; color:#3a62ad; font-family: 'NGB'; font-size:17px; font-weight:normal; line-height:23px;}
.policy h2 {margin:0; padding:0; color:#ed6d1f; font-family: 'NG'; font-size:13px; font-weight:normal; line-height:1.5;}
.policy div {margin-bottom:27px; padding-bottom:27px; border-bottom:1px solid #dfdfdf;}
.policy div ul {margin:15px 0 0 0;}
.policy div ul li {background:url(../images/sub/icon_black.jpg) left 9px no-repeat; padding:0 0 4px 8px;}
.policy div ul li ul {margin:0;}
.policy div ul li ul li {background:url(../images/sub/icon_line.gif) left 9px no-repeat; padding:0 0 1px 8px;}

.policy div ol {margin:15px 0 0 0;}
.policy div ol li {padding:0 0 4px 16px; position:relative;}
.policy div ol li span {position:absolute; top:0; left:0;}
.policy div ol li ul {margin:15px 0 8px 0;}
.policy div ol li ul li {background:url(../images/sub/icon_black.jpg) left 9px no-repeat; padding:0 0 4px 8px;}

.pl15 {width:90%; margin-left:3%;}