@charset "euc-kr";
@import "/css/sub.css";
@import "/css/table.css";

/* default */
*{margin:0;padding:0;}
html, body{width:100%;height:100%}
* html {}
html{overflow-y:scroll;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,input{font-size:12px;line-height:1.5em;font-family:"Nanum Gothic",Gulim,Helvetica,AppleGothic,Sans-serif;color:#4a4a4a;letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#777;text-decoration:none;}
a:hover{color:#777;text-decoration:underline;}
em,address{font-style:normal;}
textarea{overflow:auto;}
.input_text, textarea{*margin:-1px 0;padding-right:1px;border:1px solid #aaa;}
.input_text{height:1.5em;padding:0 4px;vertical-align:middle;}
.input_check, .input_radio{width:13px;height:13px;vertical-align:middle;margin-top:-2px;*margin-top:-1px;}
select{font-size:12px;_font-size:11px;vertical-align:middle;height:20px;line-height:1.4;}
option{padding-right:6px;}
label{cursor:pointer;vertical-align:middle;_cursor /**/:hand;display:inline-block;}
hr{display:none;}
table {width:100%}
table caption{display:none;}
.accessibility, .hidden_text, legend{display:block;overflow:hidden;position:absolute;left:0 !important;top:-55000px !important}
legend{*width:0;}
:root legend{margin-top:-1px;font-size:0;line-height:0;}
img{vertical-align:middle;}
/* png */
.png24{tmp:expression(setPng24(this)); }


/* Header */

.container {width:1003px;margin:0 auto;}

.position-relative {position:relative;}
.clearfix {clear:both;}

/* Top */
.sub_nav_area {background:#c30000;height:0;}
.custom-navbar {
	height:105px;
	background: url(/images/main/top_bg.png) repeat-x;
	position: relative;
    z-index: 1000;
}
.custom-navbar .nav-collapse {position:absolute;right:0;top:39px;}
.custom-navbar .brand {position:absolute;left:30px;top:13px;}
.custom-navbar .brand img {width:148px;height:72px;}

.custom-navbar .custom-nav > li {float:left;}
.custom-navbar .custom-nav > li > a {text-decoration:none;display:block;padding:18px 60px 20px 60px;color:#fff;font-size:20px;font-weight:bold;height:30px;}
.custom-navbar .custom-nav > li.last a {padding-right:5px;}

.custom-navbar .custom-nav .depth2Menu {display:none;position:absolute;top:63px;}
#depth2Menu1 {width:542px;left:-30px;}
#depth2Menu2 {width:580px;left:-25px;}
#depth2Menu3 {width:200px;left:365px;}
#depth2Menu4 {width:150px;left:560px;}
.depth2Menu li {float:left;}
.depth2Menu li + li {margin-left:10px;padding-left:9px;background: url(/images/main/divide.png) no-repeat left 11px;}
.depth2Menu li a {font-size:12px;height:33px;line-height:33px;display:block;color:#fff;padding:0 10px;text-decoration:none;}
.depth2Menu li a:hover {background:#a40000;}

.custom-nav > li {position:static;}
.custom-nav > li > a:hover {background:none;}

.btn-navbar {position:absolute;right:1px;top:12px;}
.btn-navbar li {float:left;}
.btn-navbar li.first {margin-right:21px;}
.btn-navbar li.first a {display:block;width:40px;height:24px;background: url(/images/main/top_link_home.gif) no-repeat center center;}
.btn-navbar li.first a span {display:none;}

.navbar-small {
	display:none;
	background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 24px;
    padding: 9px 10px;
    position: relative;
	cursor:pointer;
}
.navbar-small .small-nav-bar {
	border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
	background-color: #2B97D1;
}

.navbar-small:hover {
	background-color: #ececec;
}

.navbar-small .small-nav-bar + .small-nav-bar {
	margin-top: 4px;
}

.bottom-notice {max-width:1003px;border:1px solid #E5E5E5;overflow:hidden;padding:0 40px 0 40px;margin:26px auto 26px auto;background:#fafafa;}
.bottom-notice div {float:left;}
.bottom-notice .notice-tit {margin:10px 0 0 35px;}
.bottom-notice .notice-tit .tit1 {font-size:12px;color:#535353;font-weight:bold;margin-right:22px;}
.bottom-notice .notice-tit .tit2 a {font-size:13px;color:#535353;}
.bottom-notice .notice-cont {margin-right:24px;}
.bottom-notice .notice-cont a {font-size:13px;color:#989898;padding:10px 0;display:block;float:left;}
.bottom-notice .notice-date {margin:10px 0 0 35px;color:#989898;}
.bottom-notice .notice-icon {width:114px;}
.bottom-notice .notice-icon ul li {float:left;margin-right:10px;}
.bottom-notice .notice-icon ul li.last {margin-right:0;}


.footer {min-height:70px;background:#dcdcdc;}
.footer .footerwrap {font-size:12px;color:#989898;position:relative;}
.footer .footerwrap .footer_logo {float:left;width:229px;text-align:center;}
.footer .footerwrap .address {float:left;width:400px;}
.footer .footerwrap .address img {line-height:1.3em;}



/* main */
.position-relative {position:relative;}
.clearfix {clear:both;}
.sub_all_bg {background:#e5eef5;}
/*.main_bg {background: url(/images/main/m_bg.jpg) no-repeat center 0;height:476px;}*/


.item {width:  250px;height: 248px;float: left;}
.item img {max-width: 100%;}
.advv img {width: 250px;}
.item.w2 { width: 500px; }
.item.h2 { height: 496px; }

#main-tiles .main_text1 {margin:56px 0 14px 6px;font-size:150%;color:#3c3c3c;font-weight:bold;}
#main-tiles .main_text2 {font-size:28px;color:#0082c8;margin:0 0 24px 6px;font-weight:bold;letter-spacing:-0.05em;}
#main-tiles .main_text3 {font-size:14px;text-align:right;color:#898989;font-weight:bold;margin-right:15px;}
#main-tiles .main_text3 .mb8 {margin-bottom:8px;}
#main_man {background: url(/images/main/main_man.png) no-repeat 0 0;position:relative;}
#main_man .main_man_slogan {position:absolute;top:50px;right:0;color: #0082C8;font-weight:bold;}
.content {width:1003px;margin:0 auto;position:relative;}
.mroll {width:250px;height:248px;position:relative;}
.navv {display: inline-block;top: 185px;left:95px;position: absolute;z-index: 10;}
.navv a {background:  url(/images/main/blit_off.png) no-repeat 0 0;display: block;float: left;height: 10px;margin-left: 7px;text-indent: -10000px;width: 10px;}
.navv a.selected {background:  url(/images/main/blit_on.png) no-repeat 0 0;height: 10px;width: 10px;display: block;}
.marr {top:120px;left:0;position: absolute;z-index:10;width:11px;height:22px;background: url(/images/main/main_arrow_right.gif) no-repeat 0 0;}

/* masonry */
/*
@media screen and (max-width: 1020px) {
  .content {max-width:500px;background:#C5DDE9;}
  .footer .footerwrap {max-width:750px;margin:0 auto 50px auto;}
  #main_man {display:none;}

  .nav-collapse {display:none;}
  .custom-navbar {height:75px;background:url('/images/main/top_bg.png') repeat-x 0 -43px;}
  .custom-navbar .brand {left:10px;top:10px;}
  .btn-navbar {display:none;}
  .navbar-small {display:block;border:none;}

  .footer .footerwrap .tel {margin-top:20px;overflow:hidden;clear:both;}
  .footer .footerwrap .tel p {float:left;margin-right:15px;font-size:12px;}
  .footer .footerwrap .tel p.tel2 {font-size:13px;}
  .footer .footerwrap .tel div {display:none;}

  .main_bg {background:none;}
  .pull_top {background:#C5DDE9;}
  .sub_nav_area {display:none;}
  .total_menu_wrap {display:none;}
  .bottom-notice .notice-tit,.bottom-notice .notice-date {margin-left:0;}
}
*/

/*
@media screen and (max-width: 500px) {
  .content {max-width:250px;}
  #main_text {width:250px;}
  #main_text .main_text1 {font-size:90%;}
  #main_text .main_text2 {font-size:90%;}
  #main_text p,#main_text div {font-size:90%;}

  .footer .footerwrap .footer_logo {float:none;text-align:center;margin-bottom:20px;}
  .footer .footerwrap .address {float:none;margin-right:0;padding:0 20px;}
  .footer .footerwrap .address p {line-height:180%;margin-bottom:0;}

  .bottom-notice .notice-tit .tit2 {display:block;}
  .marr {top:0;left:120px;position: absolute;z-index:10;width:22px;height:11px;background:url('/images/main/main_arrow_bottom.gif') no-repeat 0 0;}
}
*/

.ad_list {width:250px;height:124px;overflow:hidden;background:#F9F9F8;}
.ad_list .tit_ad {height:50px;position:relative;background: url(/images/main/title_ad.gif) no-repeat 15px 19px;}
.ad_list .tit_ad span {position:absolute;right:12px;top:16px;}
.ad_list .tit_ad img {width:48px;height:17px;}
.ad_list ul {padding:0 16px;}
.ad_list ul li {margin-bottom:1px;overflow:hidden;}
.ad_list ul li a {color:#7B7B7B;font-size:11px;}
.ad_list ul li .list1_title {float:left;width:140px;}
.ad_list ul li .list1_date {float:right;width:78px;color:#7B7B7B;}

.roll-banner {position:relative;background:#fff;margin:0 0 2% 0;border:1px solid #e5e5e5;}
.roll_carousel {position: relative;padding:0 50px;}
.roll_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.roll_carousel li {text-align: center;width: 170px;height:90px;padding: 0;display: block;float: left;}
.roll_carousel li img {max-width:100%;}
a.roll_prev, a.roll_next {position: absolute;top: 15px;}
a.roll_prev {left:8px;}
a.roll_next {right:8px;}


.content .inner_box {width:310px; height:170px; overflow:hidden; position:relative;}
.content h3 {}
.content h4 {overflow:hidden; color:#4d87d2; font-size:13px;} 
.content .box {position:relative; padding-left:115px; font-size:11px;}
.content .box a {color:#7a7c83; text-decoration:none;}
.content .box p span {overflow:hidden; display:inline-block; height:75px; text-overflow:ellipsis;}
.content .box img {position:absolute; top:0; left:0; width:92px; height:73px; border:1px solid #eee;}

.more {position:absolute; top:20px; right:0; font-size:0;}

.fl {float:left;}
.fc {float:center;}
.fr {float:right;}


.tc {text-align:center;}
.tr {text-align:right;}

.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}

.mr20 {margin-right:20px;}



.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}