@charset "utf-8";
/*------------------------------------------------------------------
 *  Discript : Standard Chartered Open Baning Demo
 *	Name : demo.css
 *	Author : Shin Da Ye
 *------------------------------------------------------------------*/

* {margin:0px; padding:0px; *font-weight:normal; font-size:12px;}

html {height:100%;}

body {	 
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;
	height:100%;
	font-family:Dotum, Dotumche, "돋움", "돋움체", undotum, arial;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
	color:#666666;
	-webkit-font-smoothing:antialiased;
}

/* IR */
.hidden {visibility:hidden; position: absolute; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none;}
hr, caption {display:none;}
header, hgroup, menu, nav, aside, footer, address, article, section, figure, figcaption, canvas {display:block;}
[hidden], command, datalist, menu[type=context], rp, source {display:none;}

div, span, p, br {}
h1, h2, h3, h4, h5, h6 ,h7 {font-weight:normal;}
img {border:none; vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {border-collapse:collapse; border:0px; border-spacing:0px;}
th, td {word-break:break-all; line-height:150%; border:0px;}
fieldset {border:0px;}
legend {display:none;}
frameset {border:0px;}
iframe {width:100%; border:0px;}
em, address {font-style:normal;}

/* Default Link */
a {text-decoration:none; color:#666666;}
a:link, visited, active {color:#666666; text-decoration:none;}
a:hover {color:#027cc4; text-decoration:none;}

.atxt_link {color:#5280c6 !important; text-decoration:underline !important;}
a.wordView, a.wordView:hover {color:#666666;}

/* Font */
@font-face { 
    font-family:'NanumGothic'; 
    src: url('font/NanumGothic.eot');
    src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype');
    src:local(※), url('font/NanumGothic.woff') format('woff');
	font-style:normal;		 
    font-weight:normal;
}
@font-face{
  	font-family:"NanumGothicBold";
    src: url('font/NanumGothic-Bold.eot');
    src: url('font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype');
	src:local(※), url('font/NanumGothic-Bold.woff') format('woff');
	font-style:normal;		 
    font-weight:normal;		 
}

/* Layout */
#wrap {position:relative; width:900px; height:740px;}
#wrap .header {overflow:hidden; height:50px; background:url('../imgs/bg_gnb.gif') left top repeat-x;}
#wrap .header h1 {float:left; margin:16px 0px 0px 25px;}
#wrap .header ul.gnb {float:right; display:inline-block; *display:inline; zoom:1; margin:10px 10px 0px 0px;}
#wrap .header ul.gnb li {float:left; display:inline-block;}
#wrap .header ul.gnb li a {display:block;height:34px; text-indent:-9999px; background:url('../imgs/menu_gnb.png') no-repeat;}
#wrap .header ul.gnb li.menu01 a {background-position:0px 0px; width:89px;}
#wrap .header ul.gnb li.menu01 a:hover, #wrap .header ul.gnb li.menu01 a.on  {background-position:0px -40px;}
#wrap .header ul.gnb li.menu02 a {background-position:-89px 0px; width:145px}
#wrap .header ul.gnb li.menu02 a:hover, #wrap .header ul.gnb li.menu02 a.on  {background-position:-89px -40px;}
#wrap .header ul.gnb li.menu03 a {background-position:-234px 0px; width:112px;}
#wrap .header ul.gnb li.menu03 a:hover, #wrap .header ul.gnb li.menu03 a.on {background-position:-234px -40px;}
#wrap .header ul.gnb li.menu04 a {background-position:-346px 0px; width:98px;}
#wrap .header ul.gnb li.menu04 a:hover, #wrap .header ul.gnb li.menu04 a.on {background-position:-346px -40px;}
/*
#wrap .header ul.gnb li.menu05 a {background-position:-504px 0px; width:86px;}
#wrap .header ul.gnb li.menu05 a:hover, #wrap .header ul.gnb li.menu05 a.on {background-position:-504px -40px;}*/
#wrap .content {height:690px; background:url('../imgs/bg_content.jpg') left top no-repeat;}

.sliderkit {display:none;position:relative;overflow:hidden;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit a:focus {outline:1px dotted #000;/*optional*/}
.sliderkit img {border:0;}

.sliderkitBox {width:810px; height:587px; margin:0px auto; overflow:hidden;}

/* Panels > Title / Caption */
.sliderkit .sliderkit-panels {position:relative; overflow-y:auto; overflow-x:hidden; width:100%; height:435px; margin-top:125px;}
.sliderkit .sliderkit-panel {position:absolute; z-index:1; overflow:hidden; display:inline-block; width:810px;}
.sliderkit .sliderkit-panel h3 {display:none;}
.sliderkit .sliderkit-panel-active {z-index:5; height:473px; }
.sliderkit .sliderkit-panel-old {z-index:4; width:100%; height:473px; overflow:hidden;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox {display:none;}
.sliderkit h2 {background:url('../imgs/h2_tit.png') no-repeat; text-indent:-9999px; height:26px;}
.sliderkit h2.title01 {background-position:0px 0px;}
.sliderkit h2.title01_2 {background-position:0px -54px;}
.sliderkit h2.title01_3 {background-position:0px -110px;}
.sliderkit h2.title01_4 {background-position:0px -163px;}
.sliderkit h2.title01_5 {background-position:0px -219px;}
.sliderkit h2.title01_6 {background-position:0px -274px;}
.sliderkit h2.title02 {background-position:0px -329px;}
.sliderkit h2.title03 {background-position:0px -383px;}
.sliderkit h2.title04 {background-position:0px -438px;}

#captionArea {position:absolute;z-index:3;top:50px;left:100px;width:710px; height:74px;line-height:15px; font-family:"NanumGothicBold"; font-size:12px; color:#000;}
#captionArea .sliderkit-panel-map {position:absolute; bottom:0; left:0; font-family:"NanumGothicBold"; font-size:12px; color:#999;}
#captionArea .sliderkit-panel-map span.on {color:#fff;}

/* Loader */
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
.photoslider-1click{width:900px; height:690px;}

/* Control Button */
.sliderkit .sliderkit-go-btn {display:inline-block; *display:inline; zoom:1; width:35px; height:83px;}
.sliderkit .sliderkit-go-prev {position:absolute; top:-340px; left:20px; z-index:500;}
.sliderkit .sliderkit-go-next {position:absolute; top:-340px; right:17px; z-index:500;}
.photoslider-1click .sliderkit-controls {position:absolute; width:900px; bottom:17px;left:0;z-index:100;}
.photoslider-1click .sliderkit-go-btn a {display:block; width:33px; height:83px; margin:0 auto; background:transparent url("../imgs/btn_slide.png") no-repeat 0 0;}
.photoslider-1click  a.sliderkit-play-btn {display:block; width:34px; height:34px; margin:0 auto; background:transparent url("../imgs/btn_slide.png") no-repeat 0 0;}
.photoslider-1click .sliderkit-btn span,
.photoslider-1click a.sliderkit-play-btn span {display:none;}
.photoslider-1click  a.sliderkit-play-btn {background-position:-75px 0;}
.photoslider-1click  a.sliderkit-play-btn:hover,
.photoslider-1click  a.sliderkit-play-btn:focus {background-position:-75px 0;} 
.photoslider-1click  a.sliderkit-pause-btn {background-position:-115px 0;}
.photoslider-1click  a.sliderkit-pause-btn:hover,
.photoslider-1click  a.sliderkit-pause-btn:focus {background-position:-115px 0;}
.photoslider-1click .sliderkit-go-prev a {display:block; width:33px; height:83px;margin:0 auto; background:transparent url("../imgs/btn_slide.png") no-repeat -34px 0;}
.photoslider-1click .sliderkit-go-prev a.enable {background-position:-34px -83px;}
.photoslider-1click .sliderkit-go-next a {background-position:-34px 0;}
.photoslider-1click .sliderkit-go-next a {display:block; width:33px; height:83px;margin:0 auto; background:transparent url("../imgs/btn_slide.png") no-repeat 0 0;}
.photoslider-1click .sliderkit-go-next a.enable {background-position:0 -83px;}

/* Navigation / Paging */
.sliderkit .sliderkit-nav {position:absolute; z-index:1000; text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative; overflow:hidden; display:inline-block; *display:inline; zoom:1; }
.sliderkit .sliderkit-nav-clip ul {position:relative; left:0; top:0; list-style:none; margin:0; padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}

.photoslider-1click .sliderkit-nav {position:absolute; bottom:17px; right:25px; }
.photoslider-1click .sliderkit-nav-clip ul {float:right;}
.photoslider-1click .sliderkit-nav-clip ul li {float:left;}
.photoslider-1click .sliderkit-nav-clip ul li a {display:block;padding:2px 7px 3px 7px;font-family:"NanumGothicBold"; font-size:14px; color:#fff;}
.photoslider-1click .sliderkit-nav-clip ul li a.two {padding:2px 5px 3px 2px;}
.photoslider-1click .sliderkit-nav-clip ul li.sliderkit-selected a {color:#000;background:url('../imgs/bg_page.png') left top no-repeat;}
.photoslider-1click .sliderkit-nav-clip ul a:hover {color:#000;background:url('../imgs/bg_page.png') left top no-repeat;}

/* Page Top Button */
.back-to-top {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	-webkit-transition-property:color, opacity;
	-webkit-transition-duration:0.3s, 0.3s;
	position:absolute;
	top:610px;
	left:720px;
	z-index:50000;
}

div.back-to-top a {
	background: url('../imgs/back-to-bottom.png') no-repeat scroll 0 0 transparent;
	color: #000000;
	float: left;
	height: 40px;
	margin: 0 10px 0 0;
	overflow: hidden;
	text-indent: -999em;
	width: 50px;
}
div.back-to-top a.up {
	background: url('../imgs/back-to-top.png') no-repeat scroll 0 0 transparent;
	color: #000000;
	float: left;
	height: 40px;
	margin: 0 10px 0 0;
	overflow: hidden;
	text-indent: -999em;
	width: 50px;
}