@charset "euc-kr";
@import url('../font/nanum/nanumbarungothic.css');
@import url('general.css');



.hidden {margin: 0; padding: 0; width: 100%; height: 0; line-height: 0; font-size: 0; border: none; overflow: hidden;}
.hidden02 {position: absolute; top: auto; left: -10000px; height: 1px; overflow: hidden;}/* ¸ÞÀÎÆäÀÌÁö, ¼­ºêÄÁÅÙÃ÷ »ç¿ë */

/* layout */
body {}


#wrap {text-align: center;}

#header {position: relative; margin: 0 auto;  text-align: left;  z-index: 100;}

#header_sub { width:100%; height:132px; text-align: left;}

/* tsidemenu */
.tsidemenu {position: relative; width: 1184px; margin:0 auto; font-size: 0.783em;}

/* tsidemenu type */
.tsidemenu .logo {float: left; overflow: hidden;}
.tsidemenu .type {float: right; overflow: hidden; margin-top:35px;}
.tsidemenu .type li {float: left;}
.tsidemenu .type a {display: inline-block; padding:0 10px; text-align: center; color: #fff;}


/* ±ÛÀÚÅ©±â */
.tsidemenu .fontsize {text-align: center; background-color: #f5f5f5; border-left: 1px solid #ddd; overflow: hidden;}
.tsidemenu .fontsize strong {float: left; display: inline-block; width: 80px; text-align: center; font-weight: normal; border-right: 1px solid #ddd;}
.tsidemenu .fontsize a {float: left; display: inline-block; padding: 0; width: 40px; color: #999; background-color: #fff; border-right: 1px solid #ddd;}
.tsidemenu .fontsize a:before {position: relative; display: block; width: 100%; text-align: center; font-family: FontAwesome; font-size: 18px; content: '\f067';}
.tsidemenu .fontsize .zoomout:before {content: '\f068';}


/* gnavigation */
.gnavigation-layout {position: relative;
	height: 45px; width:100%; 
	transition: all .2s ease;
}
.gnavigation-layout:before { position: absolute;  top: 132px; left: 0px;  width: 100%;  overflow: hidden;  z-index: 300;
}

#gnavigation { overflow:hidden; width:100%; height:45px; background-color:#0044b0;}
#gnavigation .depth01 { margin:0 auto; width:1184px; }
/*
#gnavigation .depth01 > li {float: left; width: 17.140%; border-style: dotted; }
#gnavigation .depth01 > li:first-child {width: 14.285%; }
*/
#gnavigation .depth01 > li.lidepth_0 {float: left; width: 16.140%; }
#gnavigation .depth01 > li.lidepth_1 {float: left; width: 15.140%; }
#gnavigation .depth01 > li.lidepth_2 {float: left; width: 17.140%; }
#gnavigation .depth01 > li.lidepth_3 {float: left; width: 20.140%; }
#gnavigation .depth01 > li.lidepth_4 {float: left; width: 16.140%; }
#gnavigation .depth01 > li.lidepth_5 {float: left; width: 15.140%; }

#gnavigation .depth01 > li > a {display: block; width: 100%; line-height: 42px; text-align: center; font-size: 1.043em; color:#FFF;}
#gnavigation .depth01 > li.on > a {color: #fff;}

.depth02-layout {position: absolute; left: 0; top: 132px; width:100%; background-color: #062e54; overflow: hidden; z-index: 310;
	padding: 20px 0;
	height: 170px;
	visibility: hidden;
	opacity: 0;
}
.depth02-inner {width: 1184px; height: 160px; margin:0 auto; overflow: hidden;}
.depth02-inner .depth02 {position: relative; float: right; width: 100%; height: 120px; overflow: hidden;}
.depth02-inner .depth02 > li {position: absolute; padding-left: 14px;  height: 100%; }
.depth02-inner .depth02 > li > a {line-height: 22px; font-size: 0.8750em; color: #fff;}

.depth02-inner .depth03 {overflow: hidden;}
.depth02-inner .depth03 > li {}
.depth02-inner .depth03 > li > a {line-height: 28px; font-size: 0.8750em; color: #979ca7;}

.depth02 > li.per50 {width: 50%;}
.depth02 > li.per50 .depth03 > li {float: left; width: 50%;}

/*
.depth02 > li.left0 {left: 0%; padding-left:40px;}
.depth02 > li.left10 {left: 14.285%;width:36.140%;}
.depth02 > li.left20 {left: 28.57%;padding-left:40px;}
.depth02 > li.left30 {left: 42.855%; padding-left:40px;}
.depth02 > li.left40 {left: 57.14%; padding-left:40px;}
.depth02 > li.left50 {left: 71.425%; padding-left:40px;}
.depth02 > li.left60 {left: 85.71%;}
*/

.depth02 > li.left0 {left: 0%; padding-left:20px; border-left: 0px solid #1f4365; }
.depth02 > li.left10 {left: 18.100%; padding-left:20px; border-left: 1px solid #1f4365; }
.depth02 > li.left20 {left: 30.300%;padding-left:40px; border-left: 1px solid #1f4365; }
.depth02 > li.left30 {left: 47.800%; padding-left:40px; border-left: 1px solid #1f4365; }
.depth02 > li.left50 {left: 69.000%; padding-left:40px; border-left: 1px solid #1f4365; }
.depth02 > li.left60 {left: 84.900%; border-left: 1px solid #1f4365;  }

.depth02 > li.top0 {top: 0;}
.depth02 > li.top15 {top: 15%;}/* ¾Õ¸Þ´º depth 3¸Þ´º °¹¼ö 0 */
.depth02 > li.top38 {top: 38%;}/* ¾Õ¸Þ´º depth 3¸Þ´º °¹¼ö 2°³ */
.depth02 > li.top55 {top: 55%;}
.depth02 > li.top65 {top: 65%;}

.depth02.depth02-03 > li.per50 .depth03 {height: 220px;}
.depth02.depth02-03 > li.per50 .depth03 > li {float: none; width: 100%;}
.depth02.depth02-03 > li.per50 .depth03 > li.right {position: relative; margin-left: 50%; width: 50%;}
.depth02.depth02-03 > li.per50.left0 .depth03 > li.right.top {margin-top: -115px;}
.depth02.depth02-03 > li.per50.left50 .depth03 > li.right.top {margin-top: -85px;}

/* ÀÔÇоȳ» Ãß°¡ - Á¶¼±¿µ 2016.12.13 */
.depth02.depth02-02 {padding: 65px 50px; border-left: 1px solid #354361; border-right: 1px solid #354361; background: url(../../images/korean/layout/depth02-02.png) no-repeat center 45px;}
.depth02.depth02-02 .float_left {width: 75%; color: #fff;}
.depth02.depth02-02 .float_left .line01 {margin-bottom: 15px; font-size: 20px;}
.depth02.depth02-02 .float_left .line02 {margin-bottom: 20px; font-size: 38px; font-weight: bold;}
.depth02.depth02-02 .float_left .line02_1 {position: relative; padding-top: 15px; margin-bottom: 15px; font-size: 28px; font-weight: bold; opacity: .75;}
/* .depth02.depth02-02 .float_left .line02_1:before {position: absolute; top: 0; left: 0; width: 35px; height: 1px; background-color: #fff; content: '';} */
.depth02.depth02-02 .float_left .line02_2 {margin-bottom: 20px; font-size: 28px; font-weight: bold; opacity: .75;}
.depth02.depth02-02 .float_left .line03 {position: relative; padding-top: 20px; font-size: 18px; opacity: .35;}
.depth02.depth02-02 .float_left .line03:before {position: absolute; top: 0; left: 0; width: 35px; height: 1px; background-color: #fff; content: '';}
.depth02.depth02-02 .float_right {width: 25%;}
.depth02.depth02-02 .float_right a {display: inline-block; padding: 30px; font-size: 18px; color: #fff; border: 1px solid #6678a2; text-align: center;}

/* ±³¾ç */
.depth02.depth02-03 .special {margin: 0 25px; padding-top: 10px; padding-left: 0; width: 95%; height: 100px; background-color: #213152; border-left: none;}

.depth02-layout .btn-close {margin-top: 40px; text-align: center;}
.depth02-layout .btn-close a {font-size: 20px; color: #fff;}
.depth02-layout .btn-close a span {display: inline-block; width: 17px; height: 17px; line-height: 0; font-size: 0; overflow: hidden;}
.depth02-layout .btn-close a:hover span {
	transform: rotate(180deg);
	transition: all .2s ease;
}

.gnavigation-layout.active:before {
	height: 235px;
}
.gnavigation-layout.active .depth01 > li.active .depth02-layout {
	visibility: visible;
	opacity: 1;
	transition: all .2s ease;
}

/* ¸ÞÀÎ ·¹À̾ƿô */

#main_content {
	overflow:hidden;
	width: 100%; background-color:#eeeff4;
}

.main_ct_edge {
	width: 1184px; margin:0 auto;
}

.main_teb {
	width: 100%;
}

.main_teb_bar {
	width: 100%; height:60px;
}

.main_teb_bt_on { float:left; display:inline-block; width:240px; height:60px; line-height:58px; font-size:18px; background:rgba(255,255,255,1); text-align:center; background-image:url(../images/main_icon_tri.png);
}

.main_teb_bt_off { float:left; display:inline-block; width:240px; height:60px; line-height:58px; font-size:18px; color:#FFF;  text-align:center;  background:rgba(119,153,210,1); border-right:1px solid #bbcce9;
}

.main_teb_bt_more { float:right; display:inline-block; width:50px; height:60px; line-height:52px; font-size:22px; font-weight:bold; text-align:center;
}

.main_teb_ct {
	width: 100%; height:240px;
	background:rgba(255,255,255,1);
	border-bottom:1px solid #c9c9c9;
}

.main_teb_ct_01 {
	float:left; width: 586px; height:228px; padding:40px 20px 20px 46px; text-align:left;
}

.main_teb_ct_01 dl{
	line-height:32px;
}
.main_teb_list_title {float:left; width:80%; text-align:left;}

.main_teb_list_date {float:right; width:20%; }

.main_banner01{
	float:left; width: 691px; height:412px; margin:16px 16px 16px 0;
}

.main_banner01_br{
	float:left;
	width:220px; height:198px;
}

.main_banner02{
	float:left; width:477px; height:110px;
	margin:10px 0; 	background:rgba(255,255,255,1);
}

.main_banner02_br{
	float:left;
	width:220px; height:82px; margin:14px 7px;
}

.main_under_bt {
	float:left; width:477px; height:128px; margin-top:16px;
}

/* ¼­ºê ·¹À̾ƿô */

#contents {
	overflow:hidden;
	margin: 30px auto; width: 1184px;
}

.sub_ct {
	float:left; width: 904px;
}

.sub_banner {
	float:right; width: 240px;
}

.sub_title {
	width: 100%; height:80px; margin-bottom:40px; border-bottom:1px solid #d7d7d7; text-align:left; line-height:70px; font-size:2.5em; font-weight:bold;
}

.sub_ct_txt {
	width:100%;
	margin-top:40px;
	text-align:left;
}

.sub_ct_info {
	overflow:hidden;
	width:100%;
	margin-bottom:40px;
}

.sub_ct_info_title {
	float:left;
	width:25%;
	margin-right:3%;
}

.sub_ct_info_text {
	width:72%;
	float:left;
}

.sub_ct01_history {
	overflow:hidden;
	width:100%;
	padding:34px 0;
	border-bottom:1px solid #d6d6d6;
}

.sub_ct01_history_year {
	float:left;
	width:20%;
	font-size:42px; line-height:42px; font-weight:bold; color:#f07549;
}

.sub_ct01_history_sub {
		float:left;
		width:80%;
}

.sub_ct01_history_month {
	float:left;
	width:15%;
	font-size:22px;
	font-weight:bold;
	color:#1f79a3;
	line-height:24px;
	margin-top:10px;
}

.sub_ct01_history_text {
	float:left;
	width:85%;
	margin-top:10px;
}

.sub_ct01_title {
	width:100%;
	font-size:22px; font-weight:bold; text-align:left;
}

.sub_ct_tb {
	width:100%;
	margin-top:20px;
	text-align:left;
}

/*  ±³¼öÁø¼Ò°³ */

.sub_pro_tb {
	overflow:hidden;
	width:100%;
	margin:20px 0px;
	padding:20px;
	border:1px solid #d6d6d6;
}

.sub_pro_photo {
	float:left;
	width:15%;
	margin-right:30px;
}
.sub_pro_txt {
	float:left;
	width:80%;
	text-align:left;
}

.sub_pro_title {
	width:100%;
	padding-bottom:10px;
	font-size:22px; color:#005aab; font-weight:bold;
	border-bottom:1px solid #8b8b8b;
	text-align:left;
}

.sub_pro_txt02 {
	width:100%;
	text-align:left;
	padding-bottom:20px;
}

.sub_leb_txt {
	width:100%;
	text-align:left;
	padding:20px;
	background-color:#f6f6f6;
	border-bottom:1px solid #e8e8e8;
	box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

/*  µ¿¾Æ¸®¼Ò°³ */

.sub_cm_photo {
	float:left;
	width:40%;
	margin-right:30px;
}
.sub_cm_txt {
	float:left;
	width:55%;
	text-align:left;
}

/*  Ä¿¹Â´ÏƼ-°¶·¯¸® */

.sub_gall_list {
	width:100%;
	margin:20px auto;
}
.sub_gall_list dd {
	margin:10px 8px; display:inline-block;
}
.sub_gall_photo { width:280px;  text-align:center;}
.sub_gall_photo p.gall_photo_img { width:100%; height:184px;  text-align:center; overflow:hidden;}
.sub_gall_photo p.gall_photo_text { width:100%; height:50px;  text-align:center; overflow:hidden;}


/*  ¿ìÃø ¹è³Ê ÀüÈ­¹øÈ£ */

.sub_ban_tel {width:100%; height:116px; margin:18px 0; padding:14px; text-align:left; border-top:2px solid #003484; border-bottom:1px solid #003484; font-size:20px; line-height:24px; 
}


/*  ÅؽºÆ® Á¤·Ä */

.sub_ct_tb span{
	display:block;
}

.sub_ct_text01 {
	font-size:18px; font-weight:bold;
	margin:0 0 0 30px;
}

.sub_ct_text02 {
     margin:0 0 0 50px;
}

.sub_ct_text03 {
     margin:0 0 0 32px;
}

.sub_ct_text04 {
     margin:0 0 16px 42px;
}

.sub_ct_text05 {
     margin:0 0 16px 60px;
}

.sub_ct_text06 {
     margin:0 0 16px 12px;
	 display:inline-block;
}


.sub_ct_title_bg {
	width:240px;
	font-size:20px; background-color:#5497e1; padding:10px;
	margin:30px 0 30px 30px;
}

.sub_text_title01 {
     margin:0 0 10px 25px;
	 font-size:18px;
	 color:#069;
}

.sub_text_box01 {
     margin:0 0 15px 40px;
	 background-color:#f8f8f8; padding:10px;
	 border:1px solid #e4e4e4;
}



/*  3½ºÅÜ ¸Þ´º */


#sub_menu {
	width:100%; margin:-20px 0 40px 0;
}

.sub_menu_bt {
	margin: 0 auto; width:100%; text-align:center;
}

.sub_menu_bt dd {
	margin:0 2px; display:inline-block;
}

.sub_bt_cencel {
	width:230px; height:40px; margin-top:8px;
	border:1px solid #b9b9b9;
	text-align:center;
	line-height:36px; 
	display: block;
}

.sub_bt_ok {
	width:230px; height:40px; margin-top:10px;
	border:1px solid #0194d2;
	background-color:#0194d2;
	text-align:center;
	line-height:36px; 
	display: block;
}

.sub_bt_pro {
	float:left;
	width:130px; height:36px;
	margin-left:10px;
	border:2px solid #5a5a5a;
	background-color:#f4f4f4;
	text-align:center;
	line-height:30px; 
	display: block;
}

.sub_bt_pro_ok {
	float:left;
	width:130px; height:36px;
	margin-left:10px;
	border:2px solid #5a5a5a;
	background-color:#5a5a5a;
	text-align:center;
	line-height:30px; 
	display: block;
}

/*  Å×À̺íÁ¤ÀÇ */

.tbl-list_new {
	line-height: 24px; margin:15px auto;
    border-top:2px solid #94a6cd; 
}
.tbl-list_new th{padding:10px 3px 10px 3px;}
.tbl-list_new td{padding:10px 3px 10px 3px;}
.tbl-list_new .bgcolor1{ background:#eef4fe;}
.tbl-list_new .bgcolor2{ background:#626262;}
.tbl-list_new .bgcolor3{ background:#f6f6f6;}
.tbl-list_new .first{border-left:1px solid #c7c7c7;}
.tbl-list_new .last{border-right:1px solid #c7c7c7;}
.tbl-list_new .top{border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.tbl-list_new .bottom{border-bottom:1px solid #c7c7c7;}
.tbl-list_new .bottom02{border-bottom:2px solid #c7c7c7;}
.tbl-list_new .left{ text-align:left;}
.line_bottom {border-bottom:1px solid #dee1ce;}
.line_top {border-top:2px solid #94a6cd;}
.line_bottom02 {border-bottom:2px solid #94a6cd;}

/*  ¹öÆ°Á¤ÀÇ */
.bt_down {
	width:200px; height:40px; margin:14px auto;
	background-color:#d93b31;
	text-align:center;
	line-height:38px;
	display: block;
}

.bt_lay {
	width:100%;  text-align:center;
	margin-bottom:20px;
}

.bt_admit {
	width:200px;
	padding:2px 20px; margin:12px auto;
	border:1px solid #5e5e5e;
	background-color:#5e5e5e;
	text-align:center;
	line-height:34px; 
	display: block;
}


/*  °Ô½ÃÆÇ Á¤ÀÇ */

.sub_pd_ct_search {
	width:100%;
	margin:20px auto;
	text-align:center;
	line-height:140%;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background-color:#f8f8f8;
	padding:15px 0;
}

.agen_bt {display:inline-block; padding:10px 14px; line-height:100%; font-size:12px; background-color:#d93b31;  text-align:center;}

.bt_notice_list {
	width:120px;
	padding:2px 20px; margin:12px auto;
	border:1px solid #5e5e5e;
	background-color:#5e5e5e;
	text-align:center;
	line-height:36px; 
	display: block;
}

.bt_notice_write {
	width:120px;
	padding:2px 20px; margin:12px auto;
	border:1px solid #d93b31;
	background-color:#d93b31;
	text-align:center;
	line-height:36px; 
	display: block;
}

.bt_notice_rewrite {
	width:120px;
	padding:2px 20px; margin:12px auto;
	border:1px solid #317ad9;
	background-color:#317ad9;
	text-align:center;
	line-height:36px; 
	display: block;
}

.sub_notice_tb {
	width:100%;  text-align:center;
	margin:0 auto;
}

.sub_notice_tb dd {
	margin:0 2px; display:inline-block;
}


 /* ÀÔÇоȳ» */
 
.ad_box {
	width:90%;
	padding:50px 20px;
	margin:70px auto;
	background-color:#f5f5f5;
	border: 2px solid #c7c7c7;
	font-size:18px;
	line-height:32px;
	text-align:center;
}

.ad_bt {
	width:180px; height:50px; 
	margin:20px auto;
	background-color:#d93b31;
	text-align:center;
	line-height:46px;
	display: block;
}

.ad_bt02 {
	width:200px;
	padding:2px 30px; margin:14px auto;
	background-color:#5e5e5e;
	font-size:16px;
	text-align:center;
	line-height:34px; 
	display: block;
}

.ad_line {
	width:90%; 
	margin:30px auto;
	border-top: 1px solid #c7c7c7;
	display: block;
}

/*  °Ô½ÃÆÇ ÇÏ´Ü ÆäÀÌÁö À̵¿ ¹öÆ°Á¤ÀÇ */

.list_paging { width:100%;  margin:30px auto; text-align:center;}
.list_paging a{font-size:14px; border: 1px solid #a7a7a7; padding:5px 10px; line-height:100%;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
background:-webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background:-o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background:-ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background:linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e7e7e7,GradientType=0);
}

.list_paging a.active{color:#F00; font-weight:bold;}
.list_paging a.prev, #list_paging a.next{color:#F00; font-weight:bold;}

.EllipsText{
overflow : hidden;
white-space: nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
-ms-text-overflow:ellipsis; 
-moz-binding:url(/xe/ellipsis.xml#ellipsis) }


/* »çÀÌÆ®¸Ê */

.sitemap_all { float:left; width:23%; margin:20px 2% 0 0; }

.sitemap_title { width:100%; padding:5px 0; text-align:center; line-height:28px; color:#036; font-weight:bold;}

.sitemap_ct {width:100%; height:240px; padding:20px 0 20px 20px; text-align:left; line-height:28px; background-color:#eef4ff;; border-top:2px solid #93a6ce; border-bottom:1px solid #dadbdc;}

/* footer 
#footer {position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: 490px; line-height: 1; text-align: left; color: #fff; letter-spacing: -0.03em;}
*/
#footer{
	width:100%; height: 120px;
	background-color:#383838;
}

.foot {
	width: 1184px;
	margin:0 auto;
	padding:20px;
	box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.foot_txt {
	float:left;
	font-size: 13px;
	margin-top:10px;
	color:#CCC;
	text-align:left;
	line-height:18px;
}


.foot_bt {display:inline-block; width:130px;  padding:5px 14px; margin-top:6px; border:1px solid #404040; line-height:16px; font-size:12px; color:#000000; background-color:#dadada; text-align:center;}

.foot_area {
	float:right; margin-top:6px;
}


.foot_logo {
	float:left;
	margin:2px 12px 0 -20px;
}


/* big_photo_rolling */	



#main_container {
	height:551px;
	padding-top: 125px; min-width: 1184px;
}
#main_section0 {
	left: 0px; top: 0px; width: 100%; height: 464px; position: absolute; min-width: 1184px;
}
#main_section1 {
	left: 0px; top: 0px; width: 100%; height: 464px; position: absolute; min-width: 1184px;
}
#main_section0 #visual0 {
	width: 100% !important;
}
#main_section0 #visual0 li {
	background-position: center; width: 100% !important; height: 464px; background-repeat: no-repeat; background-size: cover;
}
#main_section1 #bg {
	width: 100%; height: 596px; overflow: hidden;
}
#main_section1 #bg p {
	background-position: center; transition:0.5s; width: 100%; height: 596px; float: left; background-repeat: no-repeat;  -webkit-transition: .5s;
}
#main_section1 #visual_wrap {
	background: url("../images/bg_trans1.png"); left: 0px; top: 0px; width: 100%; height: 596px; position: absolute;
}
#main_section1 #visual {
	margin: 132px auto 0px; width: 1184px; height: 464px; overflow: hidden;
}
#main_section1 #visual li {
	height: 464px; font-size: 0px;
}
#main_section1 #visual dl {
	background: url("../images/bg_trans2.png"); padding: 15px; left: 0px; width: 495px; bottom: 0px; position: absolute; box-sizing: border-box;
}
#main_section1 .visual160607 #visual dl {
	 background: url("../images/bg_trans2.png"); padding: 15px; left: 0px; width: 495px; bottom: 0px; position: absolute; box-sizing: border-box;
}
#main_section1 #visual dl dt {
	height: 60px; color: rgb(255, 255, 255); line-height: 1.3em; letter-spacing: -2px; overflow: hidden; font-size: 22px; margin-bottom: 10px;  white-space: nowrap; -ms-text-overflow: ellipsis;
}
#main_section1 #visual dl dd {
	color: rgb(255, 255, 255); font-size: 13px;
}
#main_section0 #visual_wrap0 button {
	background: url("../images/btn_prev.png") no-repeat; left: 50%; top: 300px; width: 36px; height: 71px; font-size: 0px; display: block; position: absolute; z-index: 50; cursor: pointer;
}
#main_section1 #visual_wrap button {
	background: url("../images/btn_prev.png") no-repeat; left: 50%; top: 300px; width: 36px; height: 71px; font-size: 0px; display: block; position: absolute; z-index: 50; cursor: pointer;
}
#main_section0 #visual_wrap0 button#prev0 {
	margin-left: -569px;
}
#main_section1 #visual_wrap button#prev {
	margin-left: -569px;
}
#main_section0 #visual_wrap0 button#next0 {
	margin-left: 533px; background-image: url("../images/btn_next.png");
}
#main_section1 #visual_wrap button#next {
	margin-left: 533px; background-image: url("../images/btn_next.png");
}
#main_section1 #visual_paging {
	left: 44%; bottom: 20px; padding-left: 35px; margin-left: -460px; position: absolute; z-index: 600;
}
.visual160607#main_section1 #visual_paging {
	left: 44%; bottom: 20px; padding-left: 35px; margin-left: -460px; position: absolute; z-index: 600;
}
#main_section1 #visual_paging a {
	background: url("../images/visual_paging.png") no-repeat; margin: 0px 2px; width: 8px; height: 8px; font-size: 0px; display: inline-block;
}
#main_section1 #visual_paging a.activeSlide {
	background-position: 0px -8px;
}
#main_section1 #visual_wrap > a {
	background: url("../images/btn_stop.png") no-repeat; left: 42%; width: 10px; height: 12px; bottom: 25px; font-size: 0px; margin-left: -15px; display: inline-block; position: absolute; z-index: 100;
}
.visual160607#main_section1 #visual_wrap > a {
	background: url("../images/btn_stop.png") no-repeat; left: 42%; width: 10px; height: 12px; bottom: 25px; font-size: 0px; margin-left: -35px; display: inline-block; position: absolute; z-index: 100;
}
#main_section1 #visual_wrap > a.play {
	display: none; background-image: url("../images/btn_play.png");
}



/* small_photo_rolling */



#main_sm {
		float:left; width:477px; height: 268px; margin-top:16px;position:relative;
}

#main_sm #small {
	width: 477px; height: 268px; overflow: hidden; 
}
#main_sm #small li {
	vertical-align:middle;
	
}
#main_sm #small dl {
	background: url("../images/bg_trans3.png"); padding: 10px;  width: 477px; top: 228px; position: absolute;  
}

#main_sm #small dl dt {
	height:30px;  color: rgb(255, 255, 255);  overflow: hidden; font-size: 18px;  white-space: nowrap; -ms-text-overflow: ellipsis;
}

.EllipsText{
overflow : hidden;
white-space: nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
-ms-text-overflow:ellipsis; 
-moz-binding:url(/xe/ellipsis.xml#ellipsis) }


@media screen and (min-width:800px)
{
#header_m {
	display:none; 
}

#footer_m {	
	display:none;
}

#contents_main_m {	
	display:none;
}

#main_sm_m{	
	display:none;
}

}

@media screen and (max-width:800px)
{
#header {
	display:none;
}

#header_sub  {
	display:none;
}

.path-layout {
	display:none;
}

.uxPlanRolling {
		display:none;
}

#main_content {
		display:none;
}

#main_container {
		display:none;
}

#footer {
	display:none;
}

.tb_hidden {
	display:none;
}

#header_m {
	width: 100%;
	min-width: 300px;
	background-color:#FFF;
	border-bottom: 2px solid #0044b0;
}

.top_navi {
	overflow:hidden;
    height: 60px;
	}
	
.nav_bt {
   margin: 0 0 0 10px;
}

.nav_bt dl {
	 float:left;
	 width:42px;
	 height:42px;
}
.nav_bt {
	display:none;

}
.top_bt {
	float:right;
	width:38px;
	height:38px;
	margin:10px 10px 0 0;
	}
	
.m_top_logo {
	float:left;
	width:294px;
	height:60px;
	margin:7px 0 0 0;
	}
	
.top_bt {
	float:right;
	width:38px;
	height:38px;
	margin:10px 10px 0 0;
}

#contents_main_m {
	min-width: 300px;
}
.main_ct_m {
	width:100%; height:216px; background-color:#0077c1;
}

.main_ct_m_txt01 {
	padding-top:5px; text-align:center; color:#FFF;
	line-height:24px;
}

.main_ct_m_next { padding:20px 0 0 85%;
}

.main_ct_m02{
	width:100%; height:246px; background-color:#6e778d;
}

.main_ct_m_txt02 {
	padding-top:45px; text-align:center; color:#FFF;
	line-height:24px;
}

.main_ct_m03 {
	width:100%; height:216px; background-color:#30bccd;
}

.main_ct_m04{
	width:100%; height:216px; background-color:#00a088;
}

.main_ct_m05{
	width:100%; height:216px; background-color:#7292b4;
}

.main_ct_bt { padding:7px 15px; border:1px solid #ffffff; color:#FFFFFF;
}

.main_ct_m_news{
	width:100%; height:190px;
	padding:10px;
	background-color:#eeeff4;
	border-bottom:1px solid #c8c8c8;
}

.main_ct_m_news_title{
	width:100%; height:60px;
	background-color:#ebeff2;
}

.main_ct_m_news h2{
	float:left; margin:10px 0 0 0;
}

.main_ct_m_news h5{
	float:right; margin:20px 0 0 0;
}
.main_m_list_title {float:left; width:72%; text-align:left;}

.main_m_list_date {float:right; width:28%; text-align:right; }

#contents {
	overflow:hidden;
	margin: 20px auto; width: 100%;
}

.sub_ct01_title {
	width:100%;
	font-size:22px; font-weight:bold; text-align:left;
}

.sub_ct {
	width: 100%; padding:0 6px;
}

.sub_banner {
	display:none;
}

.sub_title {
	width: 100%; height:50px; margin-bottom:20px; border-bottom:1px solid #d7d7d7; text-align:left; line-height:40px; font-size:1.8em;
}

.sub_ct_txt {
	width:100%;
	margin-top:20px;
	text-align:left;
}

.sub_ct_info {
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
}

.sub_ct_info_title {
	width:100%;
	margin-bottom:10px;
	text-align:center;
}

.sub_ct_info_text {
	width:100%;
}

.sub_ct01_history_year {
	float:left;
	width:100%;
	font-size:36px; font-weight:bold; color:#f07549;
}

.sub_ct01_history_sub {
		width:100%;
}

.sub_ct01_history_month {
	float:left;
	width:100%;
	font-size:20px;
	margin-top:10px;
}
.sub_ct01_history_text {
	width:100%;
	margin-top:10px;
}


/*  ±³¼öÁø¼Ò°³ */


.sub_pro_photo {
	width:100%;

}
.sub_pro_txt {
	width:100%;
	text-align:left;
}


/*  Ä¿¹Â´ÏƼ-°¶·¯¸® */

.sub_gall_photo { width:100%; text-align:center;}

.sub_gall_photo p.gall_photo_img { width:100%; overflow:visible; height:100%;}


/* »çÀÌÆ®¸Ê */

.sitemap_all { float:left; width:48%; margin:30px 2% 0 0; }


/*  ÅؽºÆ® Á¤·Ä */


.sub_ct_text01 {
	font-size:18px; font-weight:bold;
	margin:0;
}

.sub_ct_text02 {
     margin:0 0 0 0;
}

.sub_ct_text03 {
     margin:0 0 0 0;
}

.sub_ct_text04 {
     margin:0 0 12px 0;
}

.sub_ct_text05 {
     margin:0 0 12px 0;
}

.sub_ct_text06 {
     margin:0 0 16px 0;
	 display:inline-block;
}

.sub_text_title01 {
     margin:0 0 10px 0;
	 font-size:18px;
	 color:#069;
}

.sub_text_box01 {
     margin:0 0 15px 0;
	 background-color:#f8f8f8; padding:10px;
	 border:1px solid #e4e4e4;
}


.sub_ct_title_bg {
	width:240px;
	font-size:20px; background-color:#5497e1; padding:10px;
	margin:30px 0 30px 0;
}


 /* ÇÏ´ÜÄ«ÇǶóÀÌÆ® */
 
#footer_m {
	width: 100%;
	margin-top:20px;
	padding:15px 0;
	text-align:center;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	background-color:#383838;
}

 /* »ó´Ü¿ÀǸ޴º */
 
#openmenu { position:relative; z-index:99999; width:234px; float:right; display:none; }

.openmenuSub {
	float:left;
	border-left:2px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top:0px;
	width: 234px;
	z-index: 99999;
	background: #ffffff;
}

.sub_menu_title {height:54px; text-align:left; border-bottom:1px solid #cfcfcf; margin-top:7px;}

.sub_sl_button { width:234px; height:40px; border-bottom:1px solid #cfcfcf; background-color:#efefef; font-weight:bold;}
.sub_sl_button a{display: inline-block;}

.sub_sl_left { float:left; width:190px; height:31px; text-align:left; line-height:38px; padding:0 0 0 22px;}

.sub_sl_right { float:right;}


.sub_mu_button { width:234px; height:40px; border-bottom:1px solid #acacac; background-color:#737373;}

 /* »ó´Ü¿ÀǸ޴º³¡ */
 
 
/* ¸ð¹ÙÀÏ »ó´Ü ·Ñ¸µ ¸ð¹ÙÀϼҽº */

#main_sm_m {
	overflow:hidden;
      width:100%;  height:197px;  background-color:#254482;
}

#main_sm_m #ms {
	 width:100%; height:197px;
}


#main_sm_m #ms li {
	  width:500px;

}

#main_sm_m #ms dl {
	background: url("../images/bg_trans3.png"); padding: 10px;  width: 100%; bottom: 4px; position: absolute; 
}

#main_sm_m #ms dl dt {
	height:30px;  color: rgb(255, 255, 255);  overflow: hidden; font-size: 16px; text-align:left; white-space: nowrap; -ms-text-overflow: ellipsis;
}

}


.EllipsText{
overflow : hidden;
white-space: nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
-ms-text-overflow:ellipsis; 
-moz-binding:url(/xe/ellipsis.xml#ellipsis) }