
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, b, address, pre, cite, form, fieldset, input, textarea, select, legend, table, th, td, iframe, object, embed, blockquote, abbr, a, acronym, dfn, cite, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, applet, canvas, details, output, ruby, summary, time, mark, audio, video {margin:0; padding:0;}
body {font-family:nanumgothic,dotum,sans-serif; font-size:11pt; -webkit-text-size-adjust:none; color:#222222;}
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
input, select, textarea, option, label, button {font-size:100%; font-weight:normal;}
mark {background-color:transparent;}
img {border:0px}
a {text-decoration:none; color:inherit;}
a:link {text-decoration:none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}
a:active {text-decoration:none; color:inherit;}
input {border:1px #cdcdcd solid; background:#f2f2f2}
textarea {border:1px #cdcdcd solid; background:#f2f2f2}
td {color:#666666; font-size:10pt; line-height:150%;}
ul li {font-size:10pt; line-height:140%}
h1 {color:#202020; font-size:14pt; font-weight:bold; font-family:Time New Roman,¹ÙÅÁ,serif; position:absolute;; padding-left:8px}
h2 {color:#5e81e5; font-size:14pt; padding-top:20px; padding-bottom:8px; letter-spacing:-1px}
h3 {color:#000000; font-size:13pt; padding-top:13px; padding-bottom:6px; font-weight:bold}
.point1 {color:#85a31f; text-decoration:underline; font-weight:bold}

/* footer */
.copyright {background:url(../99_img/copy_bg.jpg) repeat-x; padding:10px; font-size:11px; line-height:13px; color:#666666; height:100%; text-align:center; letter-spacing:-0.5; position:relative}
.copyright .point {color:#3494ff}

.topmenu {text-align:center; padding:0 12px}
.topmenu a{font-size:10pt; font-weight:bold; color:#ffffff; letter-spacing:-1px}
.topmenu a:link {font-weight:bold; color:#46576e}
.topmenu a:visited {font-weight:bold; color:#46576e}
.topmenu a:hover {font-weight:bold; color:#267de0}
.topmenu a:active {font-weight:bold; color:#267de0}

.slide_menu {position:relative; width:100%; margin-bottom:30px;}
.slide_menu .title {height:43px; padding-left:6px;}
.slide_menu .btn_more1 {position:absolute; top:17px; right:0;}
.slide_menu .bmenupanel {padding:0 20px;}
.slide_menu .bmenupanel a {display:block; position:relative; width:100%; overflow:hidden;}
.slide_menu .bmenupanel .menuthumb {float:left; overflow:hidden; width:160px; height:100px;}
.slide_menu .bmenupanel .menuthumb > img {width:150px;}
.slide_menu .bmenupanel .menuname {display:block; height:20px; margin-left:132px; font-size:14px; font-weight:bold; color:#000000; line-height:20px; white-space:nowrap;}
.slide_menu .bmenupanel .menudescr {display:block; margin:0 0 6px 132px; line-height:17px; font-size:13px; color:#333333; white-space:normal;}
.slide_menu .bmenu_prev {position:absolute; top:31px; left:0;}
.slide_menu .bmenu_next {position:absolute; top:31px; right:0;}

#contain {padding:15px 5px; margin:0 auto; height:100%; vertical-align:top; background:url('img/sub/top_bg.gif') repeat-x}

.tab_off {background:#c4c4c4; padding:5px 5px; text-align:center}
.tab_off a{color:#ffffff; font-weight:bold; font-size:9pt; letter-spacing:-1px; line-height:110%}

.tab_on {background:#5bab0e; padding:5px 5px; text-align:center}
.tab_on a{color:#ffffff; font-weight:bold; font-size:9pt; letter-spacing:-1px; line-height:110%}

.ceo {background:url(../99_img/sub/sub01_02.jpg) no-repeat center; text-align:left; padding-top:25px}


.biz_tit {background:url(../99_img/sub/sub03_tit_bg.jpg) no-repeat; height:45px; padding-left:14px; padding-bottom:2px; color:#ffffff; font-size:15px; font-weight:bold;}
.biz {width:98%}
.biz td {font-size:10pt; line-height:120%; padding:2px 0 4px 0;}
.biz .left {width:50%; border-right:1px #dfdfdf solid}
.biz .bottom {border-bottom:1px #dfdfdf solid}

ul,ol,dl,li{
	list-style: none;
	box-sizing: border-box;
}


/*================================================================================================
    ¸Þ´º : ½ºÆ®¸³Æ®
================================================================================================*/
.jquerynav{
	display: inline-block;	
	padding: 3px 0 0 0;
}
.jquerynav:after{
	display: table;
	content: "";
	clear: both;
}
.jquerynav > li{
	width: 156px;
	height: 62px;
	margin: 0 54px 3px 0;
	background: url('../image/menu/bg_menu.jpg') no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.jquerynav > li:hover,
.jquerynav > li.current{
	background: url('../image/menu/bg_menu_on.jpg') no-repeat;
}
.jquerynav .li_e{
	margin-right: 0;
}
.jquerynav li a{
	height: 65px;
	font-weight: 500;	
	font-size: 13px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 20px 0 0 10px;	
	box-sizing: border-box;
	display: block;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.jquerynav li a:hover,
.jquerynav  li.current a{
	font-size: 15px;
	color: #FFFFFF;
}

.jquerynav .li_e a{
	padding-right: 0;
}

/*changed*/
.changed .jquerynav li a{
	color: #010101;
}


/* first level */
.jquerynav > li{
	float: left;
	display: inline;
}

/* second level */
.jquerynav ul{
	display: none;
	width: 155px;
	height: 123px;
	background: url('../image/menu/bg_submenu.jpg') no-repeat;
	padding: 15px 0 5px 0;	
}
.jquerynav ul li{
	float: none;
}
.jquerynav ul li a{
	height: auto;
	font-weight: 500;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 20px 10px 20px;
	text-align: left;
}

.jquerynav ul li a:hover{
	font-size: 12px;
	color: #dceeff;
}

/* third level */
.jquerynav ul ul{
	left: 100%;
	top: 0;
}
.jquerynav > li:last-child ul ul{
	left:-100%;
}
.jquerynav li:hover > ul{
	display:block;
}


/*¼­ºê¸Þ´º*/
.sub_menu{
	width: 100%;
	position: relative;
	background: url('../image/sub/sub_menu_bg4.jpg') no-repeat;
	text-align: right;
}
.sub_menu .jquerynav{
	padding: 0;
}
.sub_menu .jquerynav > li{
	width: 100px;
	height: 60px;
	margin: 0 30px 0 0;
	background: url('') no-repeat;
    transition: all .2s ease-in-out;
	text-align: right;
}
.sub_menu  .jquerynav li a{
	font-family: nanumgothic, dotum, sans-serif;
	height: 60px;
	font-weight: 500;	
	font-size: 16px;
	color: #000000;
	line-height: 14px;
	padding: 20px 0 0 10px;	
	box-sizing: border-box;
	display: block;
    transition: all .2s ease-in-out;
}
.sub_menu .jquerynav > li a:hover{
	color: #1f88ff;
}
.sub_menu .jquerynav ul{
	display: none;
	width: 155px;
	height: 123px;
	background: #1f88ff;
	padding: 15px 0 5px 0;	
}
.sub_menu .jquerynav ul li a{
	font-family: nanumgothic, dotum, sans-serif;
	height: auto;
	font-weight: 500;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 20px 10px 20px;
	text-align: left;
}
.sub_menu .jquerynav ul li a:hover{
	font-size: 12px;
	color: #dceeff;
}

/*================================================================================================
    ¸ÞÀÎÀÌ¹ÌÁö : ½ºÅ©¸³Æ® ¼Ò½º
================================================================================================*/
.jd-slider,
.jd-slider .slide-inner{
	width:100%;
	height: 450px;
	position:relative;
}
.jd-slider{
	margin: 0 auto;
	padding: 0;
}
.jd-slider .slide-area{
	width: 100%;	
	margin: 0;
	padding: 0;	
}
.jd-slider .slide-area:after{
	display: block;
	content: '';
	clear: both;
}
.jd-slider .slide-area li{
	width: 100%;
	display: none;
	float: left;	
}
.jd-slider .slide-area li:first-child{
	display: block;
}
.jd-slider .slide-area li img{
	display: block;
	width:100%;
}
.jd-slider .next,
.jd-slider .prev{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
}
.jd-slider .hidden.next,
.jd-slider .hidden.prev{
	display: none;
}
.jd-slider .prev{
	left: 0;
}
.jd-slider .next{
	right:0;
}
.jd-slider .controller{
	width: 100%;;
	text-align: center;
}
.jd-slider .controller .auto{
	display: inline-block;
	vertical-align: middle;
}
.jd-slider .controller .auto i{
	display: none;
	color: #333;
}
.jd-slider .controller .auto.pause .fa-pause,
.jd-slider .controller .auto.play .fa-play{
	display: block;
}
.jd-slider .controller .indicate-area{
	display: inline-block;
}
.jd-slider .controller .indicate-area a{
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	font-size: 0;
	color: transparent;
	vertical-align: middle;
}
.jd-slider .controller .indicate-area a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #333;
	border-radius: 50%;
}
.jd-slider .controller .indicate-area a.on:after{
	background-color: #333;
}
.jd-slider a{font-size:1.5rem}.jd-slider.fade .slide-area li{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.jd-slider.fade .slide-area li:first-child{
	position: static;
	opacity: 1;
}
.jd-slider.slider--none .controller,.jd-slider.slider--none .next,.jd-slider.slider--none .prev{
	display: none;
}

/*================================================================================================
    ¸ÞÀÎÀÌ¹ÌÁö : ÀÌ¹ÌÁö
================================================================================================*/
.main_img{
	width: 100%;
	height: 450px;
	top: 80px;
	left: 0;
	position: absolute;
}
.main_img .slider1 li{
	height: 450px;	
}

.main_img .slider1 .li_1{
	background: url('../image/main_img01.jpg') no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_2{
	background: url('../image/main_img02.jpg') no-repeat 50% 50%;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_3{
	background: url('../image/main_img03.jpg') no-repeat 50% 50%;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_4{
	background: url('../image/main_img04.jpg') no-repeat 50% 50%;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.main_img .jd-slider .next,
.main_img .jd-slider .prev{
	color: #FFFFFF;
}
.main_img .jd-slider .next{
	right: 10px;
}
.main_img .jd-slider .prev{
	left: 10px;
}
.main_img .jd-slider .controller{
	position: absolute;
	bottom: 10px;
}
.main_img .jd-slider .controller .indicate-area a:after{
	border: 0;
	background-color: rgba(255, 255, 255, 0.5);
}
.main_img .jd-slider .controller .indicate-area a.on:after{
	background-color: rgba(255, 255, 255, 1.0);
}