@charset "euc-kr";

/*
### CSS HACK ####
# IE 6 ¹× ÇÏÀ§¹öÀü
* html #uno  { color: red }

# IE 7 ¹× ÇÏÀ§¹öÀü
*:first-child+html #dos { color: red }
*/

/* --------- */


#Sub_Cont{ width:780px; margin:0;line-height:22px; }

#Sub_Cont *{ 
	margin:0px; padding:0px; 
	font-family: "NanumGothic", "Nanum Gothic","Dotum","Dotumche", "GULIM","Gulimche","Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; 
	font-size: 15px; 
	/*color: #666666;*/
	
}
a:link, a:visited, a:active { color: #666666; }

#Sub_Cont img{	vertical-align:top;	margin:0px 0 0 0;	padding:0px;	border:0;	}

#Sub_Cont ul, ol{ list-style:none; margin:0px; padding:0px;}

#Sub_Cont dt{	font-weight:bold;	}

#Sub_Cont h2{ color: #3f3f3f; font-size:24px;letter-spacing:-0.09em; padding-bottom:30px;}

#Sub_Cont .Icon1_1{ padding:0 0 10px 27px; background:url('./image/icon_1.gif') no-repeat 0px 0px; color: #3f3f3f; font-size:18px;letter-spacing:-0.06em; }
#Sub_Cont .Icon1_2{ padding:0 0 5px 23px; background:url('./image/icon_2.gif') no-repeat 10px 7px; }
#Sub_Cont .Icon1_3{ padding:0 0 5px 23px; background:url('./image/icon_3.gif') no-repeat 10px 7px; }
#Sub_Cont .Icon1_4{ padding-left:8px; background:url('./image/icon_3.gif') no-repeat 0px 6px; }


#Sub_Cont .tit_color{font-size:37px; color:#03a792;}
#Sub_Cont .tit02_color{font-size:22px; color:#03a792; padding-top:10px;}
#Sub_Cont .tit03{font-size:18px;}
#Sub_Cont .bl{ border}
#Sub_Cont .titlebg{	padding:24px 20px 5px 24px;	background:url('./image/simg_bg.gif') no-repeat 0px 0px; height:83px;}
/* ########################################################################### */
/* ´Ü¶ô, ÆùÆ®¼Ó¼º(Á¤·Ä, °­Á¶, »ö»ó, Çà°£ µî)  */
/* ########################################################################### */

/*µé¿©¾²±â */

#Sub_Cont .indent10{ text-indent:-10px; padding-left:10px; }
#Sub_Cont .indent15{ text-indent:-15px; padding-left:15px; }
#Sub_Cont .indent20{ text-indent:-20px; padding-left:20px; }
#Sub_Cont .indent50{ text-indent:-50px; padding-left:50px; }

/* ¿©¹éÁÖ±â */
#Sub_Cont .SpTop3{ margin-top:3px; }
#Sub_Cont .SpTop5{ margin-top:5px; }
#Sub_Cont .SpTop7{ margin-top:7px; }
#Sub_Cont .SpTop10{ margin-top:10px; }
#Sub_Cont .SpTop15{ margin-top:15px; }
#Sub_Cont .SpTop20{ margin-top:20px; }
#Sub_Cont .SpTop25{ margin-top:25px; }
#Sub_Cont .SpTop30{ margin-top:30px; }
#Sub_Cont .SpTop110{ margin-top:110px; }

#Sub_Cont .SpLeft5{ margin-left:5px; }
#Sub_Cont .SpLeft10{ margin-left:10px; }
#Sub_Cont .SpLeft15{ margin-left:15px; }
#Sub_Cont .SpLeft20{ margin-left:20px; }
#Sub_Cont .SpLeft25{ margin-left:25px; }
#Sub_Cont .SpLeft28{ margin-left:28px; }
#Sub_Cont .SpLeft30{ margin-left:30px; }
#Sub_Cont .SpLeft35{ margin-left:35px; }
#Sub_Cont .SpLeft40{ margin-left:40px; }
#Sub_Cont .SpLeft50{ margin-left:50px; }
#Sub_Cont .SpLeft65{ margin-left:65px; }
#Sub_Cont .SpLeft70{ margin-left:70px; }
#Sub_Cont .SpLeft80{ margin-left:80px; }
#Sub_Cont .SpLeft90{ margin-left:90px; }
#Sub_Cont .SpLeft100{ margin-left:100px; }
#Sub_Cont .SpLeft140{ margin-left:140px; }

#Sub_Cont .SpRight20{ margin-Right:20px; }

#Sub_Cont .Spbott10{ margin-bottom:10px; }



/* ´Ü¶ô */
#Sub_Cont .AlignCenter{ text-align:center; }
#Sub_Cont .AlignLeft{ text-align:left; }
#Sub_Cont .AlignRight{ text-align:right; }

#Sub_Cont .{float:Left;}
#Sub_Cont .LineHeight18{ line-height:18px; }
#Sub_Cont .LineHeight24{ line-height:24px; }

#Sub_Cont .WeightBold{ font-weight:bold; }
#Sub_Cont .UnderLine{ text-decoration:underline; }

/* »ö»ó */
#Sub_Cont .Color01{ color:#414141; }
#Sub_Cont .Color02{ color:#08507d; }
#Sub_Cont .Color03{ color:#a2834a; }
#Sub_Cont .ColorRed{ color:#cc3333; }
#Sub_Cont .ColorBlue{ color:#035bb3; }
#Sub_Cont .ColorBBlue{ color:#03a792; }
#Sub_Cont .Colorblack{ color:#000000; }
#Sub_Cont .Colorgr{ color:#4a8900;}
#Sub_Cont .TextBg02{ background-color: #dceded; }
#Sub_Cont .TextBg06{ padding:10px 18px 12px 15px; background-color: #fbecfb; line-height:20px; }
#Sub_Cont .BgBlue{ background-color: #E8F0FF; }
#Sub_Cont .Colorwhite{ color:#ffffff; vertical-align:middle;}



/* °­Á¶(strong) */
#Sub_Cont .strong{ font-weight:bold; }
#Sub_Cont .BoldGreen{ font-weight:bold; color:#61a500; letter-spacing:-0.05em; }
#Sub_Cont .BoldGreen02{ font-weight:bold; color:#61a500; letter-spacing:-0.05em; font-size:14px;}
#Sub_Cont .BoldBlue{ font-weight:bold; color:#1978d7; letter-spacing:-0.05em; }
#Sub_Cont .BoldGBlue{ font-weight:bold; color:#03a792; letter-spacing:-0.05em; }
#Sub_Cont .BoldPurple{ font-weight:bold; color:#a856cd; letter-spacing:-0.05em; }
#Sub_Cont .BoldRed{ font-weight:bold; color:#ce4234; letter-spacing:-1px; }
#Sub_Cont .BoldColorgr{ font-weight:bold; color:#4a8900;}

#Sub_Cont .blueline{ font-weight:bold; color:#ce4234; letter-spacing:-1px; }

#Sub_Cont .Fontsize11{ font-size:0.95em; letter-spacing:-0.05em; color:#666666; }


/* ########################################################################### */
/* °¢ ¸Þ´ºº° Å×À̺í css Àû¿ëÇ챉  */
/* ########################################################################### */

/* ³×¸ð¶óÀÎ */
#Sub_Cont table.tableline{ width:570px; border-collapse:collapse;  border:2px solid #3688c7; }
#Sub_Cont table.tableline td{ padding:5px 5px 5px 10px; background-color:#f0f1f2;}


/* Å×À̺í¼Ó¼º_01 */
#Sub_Cont table.table01{ width:98%; border-collapse:collapse; border-top:2px solid #02ada3; border-left:none; border-right:none; }
#Sub_Cont table.table01 caption{ padding:0 3px 3px 0; text-align:right; }
#Sub_Cont table.table01 th{ padding:0px 0px 2px 3px; background-color:#fff; font-size:14px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #273a38; letter-spacing:-0.05em; font-weight:bold; text-align:center; height: 30px;}
#Sub_Cont table.table01 td{ padding:6px 2px 7px 3px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:center; }

#Sub_Cont table.table01 .Left1{ background-color:#e8f0ff;	font-weight:normal; }
#Sub_Cont table.table01 .gray{ background-color:#f5f5f5; }
#Sub_Cont table.table01 .Footer1{ background-color:#dde9fe; }
#Sub_Cont table.table01 td.AlignLeft{ text-align:left; padding-left:7px; }
#Sub_Cont table.table01 .brnone{border-right:none;}

/* Å×À̺í¼Ó¼º_02 */
#Sub_Cont table.table02{ width:98%; border-collapse:collapse; border-top:2px solid #02ada3; border-left:none; border-right:none; }
#Sub_Cont table.table02 caption{ padding:0 3px 3px 0; text-align:right; }
#Sub_Cont table.table02 th{ padding:0px 0px 2px 3px; background-color:#efefef; font-size:14px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; letter-spacing:-0.05em; font-weight:bold; text-align:center; height: 30px;}
#Sub_Cont table.table02 td{ padding:6px 2px 7px 3px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; }

#Sub_Cont table.table02 .Left1{ background-color:#e8f0ff;	font-weight:normal; }
#Sub_Cont table.table02 .Footer1{ background-color:#dde9fe; }
#Sub_Cont table.table02 td.AlignLeft{ text-align:left; padding-left:7px; }
#Sub_Cont table.table02 .brnone{border-right:none;}


/* ÅÇ ----------------------------------------------------*/

#tab{ width:850px; height:74px; }


#tab li{
	float:left;
	padding: 10px 0 0 2px;
	}

#tab li a{
    display: block;
    width:210px;
    height: 45px;
    background: #dee0e0;
    font-weight: bold;
    color: #838f9c;
    line-height: 43px;
    text-align: center;
	font-size:16px;
	letter-spacing:-0.5px;
	}

#tab li a:hover{
    background: #34b3b9;
    color: #fff;
	text-decoration:none;
	}

#tab li.on a{    
	background: #34b3b9;
    color: #fff;
}

.btn_left{ position:relative; top:25px; left:165px;}
.btn_left2{ position:relative; top:25px; left:115px;}
.btn_left3{ position:relative; top:25px; left:275px;}
.btn_left4{ position:relative; top:25px; left:235px;}
.btn_left5{ position:relative; top:25px; left:210px;}

#tab2{
	width:850px; height:74px;
}
#tab2 li{
	float:left;
	padding: 10px 0 0 2px;
	}

#tab2 li a{
    display: block;
    width:421px;
    height: 45px;
    background: #dee0e0;
    font-weight: bold;
    color: #838f9c;
    line-height: 43px;
    text-align: center;
	font-size:16px;
}

#tab2 li a:hover{
    background: #34b3b9;
    color: #fff;
	text-decoration:none;
	}

#tab2 li.on a{    
	background: #34b3b9;
    color: #fff;
}

/* ÅÇ2 ----------------------------------------------------*/

#navcontainer {
        margin: 10px 0 0 0px;
        padding: 0;
        height: 50px;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin-right:5px;

}

#navcontainer ul li a {
        background: #979797;
        height: 33px;
        border-top: 1px solid #c8c8c8;
        border-left: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        border-right: 1px solid #c8c8c8;
        padding: 0;
        margin: 0 0 0 0;
        color: #ffffff;
        text-decoration: none;
        display: block;
        text-align: center;
        font-size:0.9em;
		padding-top:5px;
}

#navcontainer ul li a:hover {
        color: #ffffff;
        background: #03a792;
}

#navcontainer a:active {
        background: #03a792;
        color: #fff;
		padding-top:5px;
}

#navcontainer li#active a {
        background: #03a792;
        border: 1px solid #03a792;
        color: #fff;
		padding-top:5px;
}


/* ÅÇ2_À̹ÌÁö ----------------------------------------------------*/
#navcontainer {
		margin: 10px 0 0 0px;
		padding: 0;
		height: 50px;
}

#navcontainer ul {
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#navcontainer ul li {
		float: left;
		padding: 0;
		margin-right:5px;

}

/*CSS ¹öÆ°*/
.myButton {
	height:31px;
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f83b4), color-stop(1, #2f83b4));
	background:-moz-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-webkit-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-o-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-ms-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:linear-gradient(to bottom, #2f83b4 5%, #2f83b4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f83b4', endColorstr='#2f83b4',GradientType=0);
	background-color:#2f83b4;
	border:1px solid #1a6c9b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f83b4), color-stop(1, #2f83b4));
	background:-moz-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-webkit-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-o-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-ms-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:linear-gradient(to bottom, #2f83b4 5%, #2f83b4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f83b4', endColorstr='#2f83b4',GradientType=0);
	background-color:#2f83b4;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*CSS ÀÛÀº¹öÆ°*/
.myButton_s {
	height:31px;
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f83b4), color-stop(1, #2f83b4));
	background:-moz-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-webkit-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-o-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-ms-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:linear-gradient(to bottom, #2f83b4 5%, #2f83b4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f83b4', endColorstr='#2f83b4',GradientType=0);
	background-color:#2f83b4;
	border:1px solid #1a6c9b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButton_s:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f83b4), color-stop(1, #2f83b4));
	background:-moz-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-webkit-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-o-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:-ms-linear-gradient(top, #2f83b4 5%, #2f83b4 100%);
	background:linear-gradient(to bottom, #2f83b4 5%, #2f83b4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f83b4', endColorstr='#2f83b4',GradientType=0);
	background-color:#2f83b4;
}
.myButton_s:active {
	position:relative;
	top:1px;
}


/* ¿ò °ø¿µ¿¹¼úÈ°µ¿ ----------------------------------------------------*/

#activity_pic{width:900px;}

#activity_pic li {
    float:left;
	width: 395px; height:320px;
    margin: 0 40px 0px 0;
    line-height: 22px;
    text-align: center;
}

#activity_pic li span.pic_tit{ font-size:15px; font-weight:600; color:#3a64a9; padding-top:5px; display:block;}


/* ȸ°ü¿¬Çõ(sub6_3) */
.history_bg{background:url('./image/sub01_02_img02.jpg') no-repeat 40px 500px; height:700px;}
#history h2{ float:left; margin:0px 0px 15px 0px; width:120px; }
#history table{	float:left; margin:0px 0px 10px 0px; }
#history table th{ display:none; }
#history table td{ padding:0px 0px 7px 0px; }
#history table td.date{ font-weight:bold; width:135px; }


/* °¶·¯¸® ----------------------------------------------------*/
#wrapper {width:850px;}

.sliderbutton {float:left; width:23px; padding:220px 15px 0 15px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slideshow {float:left; width:680px; height:481px; border:2px solid #fff; background:#fff}
#slides {position:relative; width:680px; height:481px; list-style:none; overflow:auto}
#slides li {width:680px; height:481px}

.pagination { clear:both; width:690px; list-style:none; margin:15px 0 0 58px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#d4d4d3;  margin:10px 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#05c8d1; color:#000}
li.current { background:#f7c704;}

/* ceo Àλ縻----------------------------------------------------*/
.ceo{background:url('./image/sub01_01_img01_bg.jpg') no-repeat 0px 130px; height:700px;}

/* ¿À½Ã´Â ±æ----------------------------------------------------*/
.directions_bg{background:url('./image/sub01_03_bg.jpg') no-repeat 60px 1060px;}

/* À̸ÞÀÏ ¹«´Ü¼öÁý°ÅºÎ----------------------------------------------------*/
.mail{background:url('./image/sub08_01_img01_bg.jpg') no-repeat 0px 0px; height:220px;}


/* ³»¿ë À̹ÌÁö ½½¶óÀ̵å----------------------------------------------------*/
.desSlideshow{
    background-image: url(./image/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;

}
.desSlideshow .switchBigPic,.desSlideshow .nav{
    display: none;
}
.all_area{width:800px; height:540px;}
.left_area{float:left; width:350px;}
.view{position:absolute; top:505px; left:590px;}
.view2{position:absolute; top:110px; left:270px;}
.right_area{float:left;}
.all_area2{width:800px; height:446px;}