ul,li,ol,li,dl,dd,dt{list-style:none}
body{ overflow-x: hidden; }
body,p,ul,ol,li,dl,dt,dd,form,table,th,td,fieldset,input,textarea,select,button,h1,h2,h3,h4,h5,h6,pre{margin:0;padding:0;-webkit-text-size-adjust:none}
body,table,input,textarea,button,select{font-family:'Nanum Gothic';font-size:13px;font-weight:400;color:#666; letter-spacing:-0.1em}
header,footer,nav,aside,section,article{display:block}
table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
fieldset,img{border:0}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important;}


/* ie7 */
select{font-size:12px;color:#6b6b6c}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
hr{display:none}

/* form */
form{margin:0;padding:0}
fieldset{margin:0;padding:0;border:0 none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
input,select,textarea{margin:0;padding:0;font-size:14px;line-height:1;vertical-align:middle}
label,button{cursor:pointer}
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/
/* link */
a{text-decoration:none;cursor:pointer}
a:link{color:#7e7e7e;text-decoration:none;}
a:visited{color:#7e7e7e;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
a:active{color:#333;text-decoration:none;}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer}
button,button.btn{vertical-align:middle}

/* basic */
.d-n{display:none}
.fw-n{font-weight: normal  !important;}
.t-c{text-align:center !important}
.t-l{text-align:left !important}
.t-r{text-align:right !important}
.v-t{vertical-align:top !important}
.v-m{vertical-align:middle !important}
.v-b{vertical-align:bottom !important}
.f-l{float:left !important}
.f-r{float:right !important}
.f-n{float:none !important}
.bg-n{background:none !important}
.bd-n{border:none !important}
.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
/* padding & margin */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mt30{margin-top: 30px;}
/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */

/*lst_thmb*/
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/* layout */
/* common */
#header {position: relative; z-index:30;}
#header .inside {width:980px; margin:0 auto; text-align: center;position: relative; height:136px}
#header .inside h1 {padding-top: 30px;}
#header .inside .ico_top {position: absolute; top:29px; left:10px;}
#header .inside .ico_top ul:after {display:block; clear:both; content:"";}
#header .inside .ico_top ul li {float:left; margin-left: 15px;}
#header .inside .ico_top ul li img,#header .inside .ico_top ul li span {display: block;}
#header .inside .ico_top ul li span {color: #7c878c;margin-top: 10px; font-size: 14px;font-weight: bold;}
#header .inside .top_menu {position: absolute; right:40px; top:63px}
#header .inside .top_menu ul:after {display:block; clear:both; content:"";}
#header .inside .top_menu ul li {float:left;  }
#header .inside .top_menu ul li a {line-height: 27px;display: block; padding-left: 30px;}
#header .inside .top_menu ul li.s1 a {background: url(../image/top_ico4.gif) 0 center no-repeat; margin-right: 15px;}
#header .inside .top_menu ul li.s2 a {background: url(../image/top_ico5.gif) 0 center no-repeat;}
#header nav {background: #0350a6; position: relative; z-index:10;}
#header nav > ul {width:980px; margin:0 auto;border-right: 1px solid #19366f;}
#header nav > ul:after {display:block; clear:both; content:"";}
#header nav > ul > li {float:left;width: 20%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; border-left: 1px solid #19366f; position: relative;}
#header nav > ul > li > a {color: #fff;text-align: center;display: block; font-size: 20px; line-height: 60px;}
#header nav > ul > li:hover,#header nav > ul > li.on {background:#003b7c;}
#header nav > ul > li .depth2 {position: absolute; text-align: center;width:196px; height:0; overflow:hidden;left:-1px}
#header nav > ul > li .depth2 ul {}
#header nav > ul > li .depth2 ul li {height:54px; border-bottom: 1px solid #e0dde1;border-left: 1px solid #e0dde1;}
#header nav > ul > li .depth2 ul li a {font-size: 16px;font-weight: bold; line-height: 54px; display: block;color: #333;}
#header nav > ul > li .depth2 ul li:hover a,#header nav > ul > li .depth2 ul li.on a {background: #c2c2c2;color: #333;}
#header nav > ul > li.s5 .depth2 {border-right: 1px solid #e0dde1;}
#header .depthBar {position: absolute; width:100%; top:195px; height:275px; background: #f3f3f3;border-bottom: 1px solid #e0dde1; height:0; overflow:hidden;}

#container {}
#container .mainVisual {margin-bottom: 54px;overflow:hidden;}
#container .mainVisual .accodian {position: relative; height:550px;overflow:hidden;width:2000px; left:50%; margin-left: -1000px;}
#container .mainVisual .accodian .bg {display: none;position: absolute; width:100%; height:100%; left:0; top:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

}
#container .mainVisual .accodian .lft{ position: absolute; top:0;width: 80%; z-index:10; overflow:hidden; left:-600px;-moz-transform:    skew(-20deg);
			 -o-transform:      skew(-20deg);
			 -webkit-transform: skew(-20deg);
			  -ms-transform: skew(-20deg);
			 transform:         skew(-20deg);
		/* 	 -webkit-box-shadow: 26px 0px 25px 0px rgba(0,0,0,0.75);
			 -moz-box-shadow: 26px 0px 25px 0px rgba(0,0,0,0.75);
			 -ms-box-shadow: 26px 0px 25px 0px rgba(0,0,0,0.75);
			 box-shadow: 26px 0px 25px 0px rgba(0,0,0,0.75); */
			 

		} 
		#container .mainVisual .accodian .lft img {position: relative; left:270px;max-width:inherit;
		-moz-transform:    skew(20deg);
			 -o-transform:      skew(20deg);
			 -webkit-transform: skew(20deg);
			  -ms-transform: skew(20deg);
			 transform:         skew(20deg);}


#container .mainVisual .accodian .rgh {position: relative;text-align: right;}
#container .mainVisual .accodian .rgh img {position: relative; right:-15%}
#container .main_ico { text-align: center; margin-bottom: 30px;}
#container .main_ico ul {display: inline-block;}
#container .main_ico ul:after {display:block; clear:both; content:"";}
#container .main_ico ul li {float:left;width: 198px;border-left: 1px solid #dfdfdf;}
#container .main_ico ul li:first-child {border-left: 0;}
#container .main_ico ul li a {display: block; padding-top: 100px;background-repeat: no-repeat; background-position: center 0;color: #404041; font-size: 18px; font-weight: bold;}
#container .main_ico ul li.s1 a {background-image: url(../image/cont_ico1.gif);}
#container .main_ico ul li.s2 a {background-image: url(../image/cont_ico2.gif);}
#container .main_ico ul li.s3 a {background-image: url(../image/cont_ico3.gif);}
#container .main_ico ul li.s4 a {background-image: url(../image/cont_ico4.gif);}
#container .main_ico ul li.s5 a {background-image: url(../image/cont_ico5.gif);}
#container .main_ico ul li.s1:hover a {background-image: url(../image/cont_ico1_on.jpg);}
#container .main_ico ul li.s2:hover a {background-image: url(../image/cont_ico2_on.jpg);}
#container .main_ico ul li.s3:hover a {background-image: url(../image/cont_ico3_on.jpg);}
#container .main_ico ul li.s4:hover a {background-image: url(../image/cont_ico4_on.jpg);}
#container .main_ico ul li.s5:hover a {background-image: url(../image/cont_ico5_on.jpg);}
#container .PointBox {text-align: center; padding-top: 40px;background:#f2f3f3; padding-bottom: 35px; margin-bottom: 30px;}
#container .PointBox > p.tit {color: #666; font-size: 34px; margin-bottom: 40px; }
#container .PointBox ul {}
#container .PointBox ul li {position: relative; width:242px; height:301px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 60px;}
#container .PointBox ul li .cont {position: relative; z-index:10; }
#container .PointBox ul li p.txt {color: #fff;font-size: 16px; line-height: 20px; margin-bottom: 15px;}
#container .PointBox ul li p.tit {color: #fff; font-size: 28px;font-weight: bold; -
}
#container .PointBox ul li .bg {position: absolute;top:0; left:0; overflow:hidden;}

#container .imglst {}
#container .imglst ul {display: inline-block;width: 1000px;}
#container .imglst ul:after {display:block; clear:both; content:"";}
#container .imglst ul li:first-child {margin-left: 0;}
#container .imglst ul li {float:left; margin-left: 4px; position: relative;}
#container .imglst ul li > img {}
#container .imglst ul li .plus a {position: absolute; left:50%; top:204px; margin-left: -18px;}
/* #container .imglst ul li:hover .plus img {-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s-webkit-transform: rotate(360deg);-moztransform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);} */
#container .contBox {width:1000px; margin:0 auto 15px auto;}
#container .contBox:after {display:block; clear:both; content:"";}
#container .contBox .inside {}
#container .contBox .box:first-child {margin-left: 0;}
#container .contBox .box {float:left; margin-left: 15px;}
#container .contBox .box .link {margin-bottom: 15px;}
#container .contBox .box .lft {float:left;}
#container .contBox .box .rgh {float:right;}
#container .inforBox {width:1000px; margin:0 auto 50px auto;}
#container .inforBox ul:after {display:block; clear:both; content:"";}
#container .inforBox ul {}
#container .inforBox ul li:first-child {margin-left: 0;}
#container .inforBox ul li {float:left;margin-left: 15px;}

#footer {background: #5c687e; }
#footer .top {background: #2a3851;text-align: center;}
#footer .inside {width:1000px; margin:0 auto; padding:25px 0 25px 331px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; position: relative;}
#footer .inside h3 {position: absolute; top:58px; left:34px}
#footer .inside .menu {margin-bottom: 15px;}
#footer .inside .menu ul:after {display:block; clear:both; content:"";}
#footer .inside .menu ul li {float:left;margin-right: 10px;}
#footer .inside .menu ul li a {color: #f4f4f4; font-size: 14px;font-weight: bold;}
#footer .inside p {color: #fff;font-size: 14px; line-height: 21px;}
#footer .inside p.address {margin-bottom: 10px;}
#footer .inside p.copy {letter-spacing: 0;}

#container.sub {width:980px; margin:0 auto;padding:25px 0 70px 0;}
#path {text-align:right;font-size:14px; margin-bottom: 8px;}
.subvisual {margin-bottom: 20px;}
.tab {border:1px solid #b3bec3; margin-bottom: 45px;}
.tab ul {}
.tab ul:after {display:block; clear:both; content:"";}
.tab ul li {float:left;text-align:center;width:25%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; border-left: 1px solid #b3bec3;height:53px;}
.tab ul li:first-child {border-left: 0;}
.tab ul li a {line-height: 53px;color: #666;font-size: 16px;display: block;}
.tab ul li:hover a,.tab ul li.on a {background: #96a9b1;color: #fff;}

.slideBox {background: url(../image/bg_slide.gif); padding:35px;}

#bx-pager,#bx-pager2{position:relative;width:935px;margin-top:8px;height:109px;overflow:hidden; margin-left: -28px;}
#bx-pager3{position:relative;width:967px;margin-left:60px;margin-top:200px;height:97px;overflow:hidden}
#bx-pager:after,#bx-pager2:after {display:block; clear:both; content:"";}
#bx-pager a,#bx-pager2 a{display: block; float:left; margin-left: 28px;  position: relative; }
#bx-pager a.active span.bg {display: none;}
#bx-pager a span.bg {position: absolute; top:0; left:0; width: 159px; height:107px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
#bx-pager .mask,#bx-pager2 .mask{position:absolute;left:0}
#bx-pager a img,#bx-pager2 a img{border:3px solid #fff;width:159px;height:107px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#bx-pager a:hover img, #bx-pager a.active img{border:3px solid #334695}
#bx-pager2 a:hover img, #bx-pager2 a.active img{border:3px solid #334695}
.slideBox .bx-wrapper .bx-controls-direction a {width:58px; height:117px; background-repeat: no-repeat; background-position: 0 0; margin-top: -58px;}
.slideBox .bx-wrapper .bx-next {background: url(../image/slide_rgh.png); right:1px;}
.slideBox .bx-wrapper .bx-prev {background: url(../image/slide_lft.png);left:1px;}

.locaTab {margin-top: 20px;}
.locaTab ul {margin-left: -20px;}
.locaTab ul:after {display:block; clear:both; content:"";}
.locaTab ul li {float:left; width: 445px; margin-left: 20px;}
.locaTab ul li a {color: #666; font-size: 22px; display: block; padding:20px 0;border: 1px solid #e1e1e1;text-align: center;background: #ebebeb;}
.locaTab ul li:hover a,.locaTab ul li.on a {background: #0350a6; color: #fff;font-weight: bold;}

.paging {margin-bottom: 30px;margin-top: 30px;}
.paging button {vertical-align: middle; padding:0 10px}
.paging ul {display: inline-block;vertical-align: middle;}
.paging ul li {display: inline-block;vertical-align: middle;}
.paging ul li a {display: block; padding:0 5px;vertical-align: middle;}

.cus_center {margin-bottom: 50px;}
.cus_center p.tit {color: #333; font-size: 35px;font-weight: bold;margin-bottom: 5px;}
.cus_center p.txt {color: #0350a6; font-size: 25px;font-weight: bold; }

.btn_pack {display: inline-block; text-align: center;}
.btn_pack.blue {background: #0350a6 !important; color: #fff;border: 0 !important;}
.btn_pack.bbs {width: 88px; padding:11px 0;font-weight: bold;font-size: 15px;}
.btn_pack.gray {background: #96a9b1 !important; color: #fff;}
.btn_pack.search {width: 53px; line-height: 31px;font-weight: bold;font-size: 15px;}

.tab{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab ul {
	display: table;
	width:100%;	
}
.tab ul li {
	float: none;
	display: table-cell;
    text-align: center;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #b3bec3;
	height: 53px;
	line-height: 53px;
}