@charset "utf-8";
/* CSS Document */
.slider {
	width:100%;
	min-width:1050px;
	height:570px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
}
.slider .bd {
	width:1050px;
	position:absolute;
	left:50%;
	margin-left:-525px
}
.slider .bd li {
	width:1050px;
	overflow:hidden;
}
.slider .bd li img {
	display:block;
	width:1050px;
	height:570px;
}
.slider .tempWrap {
	overflow:visible !important
}
.slider .tempWrap ul {
	margin-left:-1050px !important;
}
.slider .hd {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:8px;
	bottom:20px;
	text-align:center;
}
.slider .hd li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	line-height:99px;
	overflow:hidden;
	background:url(../images/main/slider-btn.png) 0 -10px no-repeat;
	margin:0 5px;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .hd li.on {
	background-position:0 0;
	filter:alpha(opacity=100);
	opacity:1;
}
.slider .pnBtn {
	position:absolute;
	z-index:1;
	top:0;
	width:100%;
	height:570px;
	cursor:pointer;
}
.slider .prev {
	left:-50%;
	margin-left:-525px;
}
.slider .next {
	left:50%;
	margin-left:525px;
}
.slider .pnBtn .blackBg {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:570px;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.slider .pnBtn .arrow {
	display:none;
	position:absolute;
	top:0;
	z-index:1;
	width:60px;
	height:570px;
}
.slider .pnBtn .arrow:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .prev .arrow {
	right:0;
	background:url(../images/main/btn_prev.png) 40px 260px no-repeat;
}
.slider .next .arrow {
	left:0;
	background:url(../images/main/btn_next.png) 14px 260px no-repeat;
}


.mcsinfo {
    width: 248px;
    height: 268px;
	border:1px solid #ddd;
	padding:0;
}
.mcsinfo ul {margin:0; padding:0; width:100%; display:inline-block;}
.mcsinfo li {width:218px; height:39px; font-size:12px; line-height:39px; background:#f4f4f4; border-bottom:1px solid #ddd; padding:0 15px;}
.mcsinfo li:hover {background:#fff}
.mcsinfo li a {display:block; color:#444 !important;}
.mcsinfo li i {background:#28c2bc; width:20px; height:20px; line-height:21px; font-size:11px; margin-right:5px;text-align:center; border-radius:20px; color:#fff;}
.mcsinfo .cs {padding:11px 15px;}
.mcsinfo p {font-weight:bold; color:#666}
.mcsinfo p.tel {font-size:27px; color:#35b5b8; padding-bottom:5px; letter-spacing:-0.05em; font-family:sans-serif}
.mcsinfo p.fax {font-size:20px; color:#5f676e; padding-bottom:12px; border-bottom:1px dotted #e3e3e3; margin-bottom:12px; width:208px;}
.mcsinfo p.day {font-size:13px; line-height:19px;}
.mcsinfo p.day span {color:#888; display:inline-block; padding-top:2px;}


/* 컨텐츠 링크 영역 */
#company_network {width:1050px; margin:20px auto;}
#company_network .content {width:1050px; float:left}
#company_network .titlebox {height:35px;}
#company_network .btn_more {float:right; width:22px;}
#company_network .rightbox{float:right; width:233px;}

#company_network .box01_content {float:left; width:250px; height:290px; border:#fff 1px solid; background:#FFF;}
#company_network .box01_content ul {padding-left:0px; padding-top:0px;}
#company_network .box01_content li img {border:1px solid #ddd;}
#company_network .box01_content li img:hover {border-color:#ff8001}
#company_network .conname {padding-top:0px; padding-bottom:12px; font-size:16px;}
#company_network .conname a {color:#333}
#company_network a:hover {color:#000}
#company_network .context {line-height:160%; color:#666; padding-bottom:10px;}
#company_network .context a {letter-spacing:-0.06em;}
#company_network .view-btn a{color:#4551c7; margin-top:4px; display:inline-block}


/* 게시판 부분, 고객센터 */
.cate_title {font-weight:bold; font-size:16px; color:#333333;  font-family:"Nanum Gothic",돋움,Dotum,arial,sans-serif;}

#board_cs {width:1050px; height:195px; border-top:#e2e2e2 solid 1px; border-bottom:#e2e2e2 solid 1px; margin:0 auto}
#board_cs .leftbox {float:left; width:525px; height:195px; border-right:#e2e2e2 dotted 1px}
#board_cs .rightbox {float:right; width:524px; height:195px;}
#board_cs .newsnotice {float:left; width:460px; margin-left:30px; margin-top:30px; }
#board_cs .titlebox {height:30px; border-bottom:#fff solid 1px}
#board_cs .btn_more {float:right; width:22px;}
#board_cs .agency {float:right; width:335px;}


.clearfix {ZOOM: 1}
.clearfix:after {DISPLAY: block; CLEAR: both; CONTENT: ""}

.notice-list {POSITION: relative; margin-left:0px; TEXT-ALIGN:left; WIDTH: 460px; FLOAT:left}
.notice-list UL {MARGIN-TOP: 0px}
.notice-list LI {WIDTH: 460px}
.notice-list LI A {padding-top:3px; padding-bottom:3px; LETTER-SPACING: -1px; DISPLAY: block; MARGIN-BOTTOM: 3px; BACKGROUND: url(../images/common/list_dotimg.gif) no-repeat 0px 50%; FLOAT: left; COLOR: #666; FONT-SIZE: 13px}
.notice-list LI A:hover {COLOR: #ff8001}
.notice-list LI SPAN {DISPLAY: block; FLOAT: right; COLOR: #a5a5a5; FONT-SIZE: 12px; padding-top:2px;}

/* 하단 배너 링크 영역 */
.link_banner {width:1050px; margin:30px auto 30px;}
.link_banner ul {padding:0; margin:0}
.link_banner li {float:left;}
.link_banner li a {display:inline-block; width:240px; height:140px; border:5px solid #dfdfdf;}
.link_banner li a i {display:block; width:60px; height:60px; line-height:60px; margin:25px auto 10px; background:#2ac1bc; text-align:center; color:#fff; border-radius:30px; font-size:25px;}
.link_banner li a p {font-size:14px; font-weight:bold; color:#333; text-align:center;}




/* CSS popup */
#trigger {
	text-align:center;
}

/* Style you custom popupbox according to your requirement */
.popupbox {
	width:500px;
	height:300px;
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {
	text-align:center;
}
#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
}

#intabdiv2 {
	padding:70px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}

#intabdiv3 {
	padding:70px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}



/*--------------------
Partner
--------------------*/
.partners {clear:both; width:1050px; height:140px; margin:35px auto 28px}
.partners h2 {font-size:25px; text-align:center; color:#333; margin-bottom:10px;}
.main_bnr {
    width: 1040px;
	display:inline-block;
}
.main_bnr li {
    float: left;
    width: 198px;
    padding-right:5px;
	padding-left:5px;
	text-align:center
}



/*--------------------
Contactus
--------------------*/

.contactus {
    clear:both;
    width:990px;
	margin:0 auto;
    padding: 40px 30px;
	border-top:1px solid #ddd;
	height:340px;
	flaot:left;
}
.contactus h2 {font-size:22px; font-weight:600; margin-bottom:15px; color:#e74200}
.contactus .left {float:left; width:480px; height:250px; margin-right:30px}
.contactus .left p {font-size:15px; color:#333; line-height:25px; margin-bottom:21px; font-weight:600;}
.contactus .left p span {font-weight:600; font-size:15px; color:#e74200}
.contactus .left ul {margin:0; padding:0; background:#f4f4f4; display:inline-block; width:300px;}
.contactus .left li {font-size:14px; font-weight:600; line-height:20px; color:#444; position:relative; padding:8px 20px; border-bottom:1px dotted #ddd}
.contactus .left li span.box {background:#537bb9; color:#fff; padding:5px 0; display:inline-block; text-align:center; width:80px;}
.contactus .left li span.number {position:absolute; left:120px; top:13px; font-size:22px}
.contactus .right {float:left; width:480px;}



/*--------------------
Contactus
--------------------*/

#flexiselBanner {
display:none;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;

}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}