



ul { margin:0px; padding:0px; }
li { margin:0px; padding:0px; }

#body { font-family:ng; font-size:0.9em; }


#body {   width:100%;   background-position:50% 0px; background-repeat:no-repeat;  }
#body a:link, #body a:visited { text-decoration:none}
/* #body a:hover, #body a:focus, #body a:active {color:#e8761a;text-decoration:none} */
#body a:hover, #body a:focus, #body a:active { text-decoration:none}

#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden; display:none;}

@media screen  and (max-width: 3000px) {

.mview  { display:none; }
/* 상단 회원가입 등 링크 */
#quick { width:100%; height:30px; display:block; margin:0px auto; list-style:none; border:0px solid red; position:absolute; z-index:0; }
#quick_menu {  width:1200px; height:30px; padding-top:50px; border:0px solid red; margin:0px auto; }

#tnb { float:right; }

#tnb li { float:left; margin-top:3px;}
#tnb a {display:inline-block;padding:0px 10px;height:20px;  line-height:2em; color:#333 }
#tnb a:focus, #tnb a:hover, #tnb a:active { text-decoration:none; color:#333;}
#tnb img {margin-right:3px}

#tnb .quick_line { border-right:1px solid #ccc; }

#ft_logo { background:#ededed; width:100%; padding:10px 0px; }
#logo { display:block; margin:0 auto; width:1200px;   border:0px solid red; position:relative; z-index:10000;}

.logo_img {  display:block; width:290px; float:left; height:50px;  background-image:url("../img/top_logo.png"); margin-top:30px; margin-bottom:20px;  border:0px solid red;}
#logo span { display:none; }

#top_menu_button { display:none; }


#top_menu_button { width:80px; height:30px; float:right;  margin-top:52px; background:#f1f1f1;margin-right:10px; border-radius:20px; background:#0c8bc6; }
#top_menu_btn {width:100%;clear:both;float:left; padding:6px; text-align:center; cursor:pointer; font-size:10pt;  }
#top_menu_btn span { color:#fff; }

#top_menu { clear:both; width:100%; height:54px; margin:0px 0px 0px 0px; border:0px solid red;  background:#4570b4; font-size:1.2em;

    background: -webkit-linear-gradient(left,#0c8bc6, #4570b4); 
    background: -o-linear-gradient(left,#0c8bc6, #4570b4);
    background: -moz-linear-gradient(left,#0c8bc6, #4570b4); 
    background: linear-gradient(to left,#0c8bc6, #4570b4);
webkit-box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.4);

}
#top_menu_box {  width:100%; text-align:center; margin:0px auto; height:50px; padding-top:0px; border:0px solid red; }

#top_menu_center {  width:1200px;  height:50px; padding-top:0px; border:0px solid red; margin:0px auto;}
#top_menu_center h2 { float:right; display:none;  width:100%; background:#1f5dba; padding:10px 0px 10px 0; text-align:center; color:#fff;
background-image:url('../images/menu_icon.png');
background-position:50% 50%;
background-repeat:no-repeat;
/*	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);*/
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
	/*border-radius:5px;
	-moz-border-radius:5px;*/
	cursor:pointer;
}

#top_menu_center .span_none { display:none; position:relative;z-index:-1; overflow:hidden; }



#top_menu_back { display:none; position:absolute;margin:0px auto; width:100%; margin-top:154px; text-align:center; height:210px; z-index:100; opacity:1;
webkit-box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.2);} 
#top_menu_back_box { margin:0px auto; width:100%; height:211px; background:#f8f8f8;  } 

#top_menu_center h2 span { display:block; margin-right:30px;   }
#top_menu_center ul { list-style-type:none; float:left; margin:0px; padding:0px; }
#top_menu_center .ul { display:block; width:100%; text-align:left; border:0px solid red; float:left; clear:both; z-index:10000; }

#top_menu_center li {  margin:0px;width:100%; }


#top_menu_center .li_menu {  font-size:1.1em; border:0px solid red; -webkit-transition: background .2s ease-out;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;  text-align:center;  }

#top_menu_center .href0_l { width:165px; display:block; padding:15px 0px 15px 0px; font-size:1em; margin-top:0px; 	-webkit-transition: background .2s ease-out; border:0px solid red;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out; cursor:pointer;color:#ffffff;  font-family:nbgr;}

#top_menu_center .href0 { width:165px; display:block; padding:15px 0px 15px 0px; font-size:1em;  margin-top:0px; 	-webkit-transition: background .2s ease-out; border:0px solid red;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;  cursor:pointer;color:#ffffff;  font-family:nbgr;}

#top_menu_center .href0_h { width:165px; background:#2e589b; display:block; padding:15px 0px 15px 0px; font-size:1em;  margin-top:0px;  text-shadow:#666666 1px 1px 2px;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;  cursor:pointer;
	}
/*
<ul><li id="t01" class="li_menu "><a href="http://jnship.kr/bbs/board.php?bo_table=0101"   class="href0_l     menu t01 " id="t01_a">조선산업 동향</a>
<ul id='s01' class="ul_none">
<li id="t0101" class="li2 sub_margin">
<a href="http://jnship.kr/bbs/board.php?bo_table=0101"   class="href    sub01 sa1 " 
*/

#top_menu_center .t01 { width:165px; }
#top_menu_center .t02 { width:165px; }
#top_menu_center .t03 { width:165px; }
#top_menu_center .t04 { width:165px; }
#top_menu_center .t05 { width:215px; }

#top_menu_center #s01 { width:165px; border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s02 { width:165px; border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s03 { width:165px; border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s04 { width:165px; border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s05 { width:215px; border:0px solid #efefef;  border-top:0px solid #efefef; }

#top_menu_center .href0 a:link {color:#ff0000;text-decoration:none}



#top_menu_center .ul_none {  width:165px;  display:none; float:left; margin-left:0px;  overflow:hidden; text-align:left; border-right:1px solid #ffffff;  position:absolute;;
 padding:0px; padding-top:0px; font-size:1em; 
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
z-index:10000;
}

#top_menu_center .ul_none_1 {  width:165px; height:200px; display:none; float:left; margin-left:0px;  overflow:hidden; text-align:left;  border-left:1px solid #ffffff; border-right:1px solid #ffffff; position:absolute;;
 padding:0px;  font-size:1em; 
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
z-index:10000;
}

#top_menu_center .href { width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef; float:left; }
#top_menu_center .href_ton { width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef;  font-size:0.85em;  background: url('/theme/gam/img/icon_top_arrow3.png')  #68abd4  10px 50% no-repeat; color:#fff; float:left;  }


#top_menu_center .li { clear:both; width:100%; }
#top_menu_center .li2 {  border:0px solid red;clear:both; width:100%; float:left;/*font-family:nbgl; font-weight:bold; */}
#top_menu_center .li2_h {  border:0px solid red;clear:both; width:100%; float:left;/*font-family:nbgl; font-weight:bold; */}
#top_menu_center .href {   font-size:0.85em;  background: url('/theme/gam/img/icon_top_arrow1.png') 10px 50% no-repeat;}
#top_menu_center .href_h {   font-size:0.85em;  background: url('/theme/gam/img/icon_top_arrow2.png') #eff6f8 10px 50% no-repeat;}
#top_menu_center .li3 { clear:both; width:100%; font-size:0.95em;}
#top_menu_center .li3 .href { padding-left:10px; color:#333; background:#f9f9f9;  }
#top_menu_center .li4 { clear:both; width:100%;}
#top_menu_center .li4 .href { padding-left:15px; }

#top_search {float:right; margin-top:11px; }

#top_menu_center .menu { clear:both;  }


#main_sub_01 { width:1200px; margin:0px auto; margin-top:30px; }

#main_top { width:1200px; margin:0px auto; border:0px solid red; }
#main_top h3 { font-size:1.8em; }	 
.main_sub_img_01  { width:700px; height:390px; margin-left:0px; margin-top:0px; display:block; float:left; overflow:hidden; }

.main_sub_item_info { float:right;  width:470px; background:;  display:inline-block;  border:0px solid #ececec; }

.main_sub_item_text { float:right; width:470px; margin-top:0px; }

.main_sub_item_text .span21 { font-size:16pt; color:#416082;  }
.main_sub_item_text .span22 { font-size:16pt; color:#009bd4; }
.main_sub_item_text .span23 { display:block; font-size:20pt; font-family:nbgl; color:#666666; }


.main_sub_article {  float:left;width: 470px; z-index: 0; border:0px solid #f1f1f1;margin-bottom:20px;}
.main_sub_article h3 {  float:left; margin-top:10px; }
.main_sub_article .btn_more {float: right; width: 21px; height: 21px; background: url('/theme/gam/img/btn_more.png'); margin-top:8px; }
.main_sub_article_box {  float:left;width: 470px; height: 235px;  padding:0px; z-index: 0;  }
.main_sub_article_img { clear:both; display:block; width:235px; height:100px; background: url('/theme/gam/img/main_notice_image.png') 50% 0px;;  float:left; margin-top:20px; margin-bottom:0px;}

#list_news_tab { border-bottom:0px solid #4c8cc1; float:left; width:100%; }
#main_news_tab { float:left; padding:0px; margin:0px;}
#main_news_tab li { float:left; display:block; cursor:pointer; margin-right:3px;  font-family:nbgr;}
#main_news_tab span { float:left; display:block; cursor:pointer; padding:8px 15px;  }
#list_news_tab .btn_more { display:none; }


#list_article_tab { border-bottom:0px solid #4c8cc1; float:left; width:100%; }
#main_article_tab { float:left; padding:0px; margin:0px;}
#main_article_tab li { float:left; display:block; cursor:pointer; margin-right:3px;  font-family:nbgr; }
#main_article_tab span { float:left; display:block; cursor:pointer; padding:8px 15px;  }
#list_article_tab .btn_more { display:none; }





.main_news { display:none; float:left; width:100%; height:151px; border:3px solid #4c8cc1; padding:0px 15px; margin-top:-1px; background:#f9f9f9; } 
.main_article { display:none; float:left; width:100%; height:151px; border:3px solid #4ca9c1; padding:0px 15px; margin-top:-1px; background:#f9f9f9; } 
#list_news_tab .li_tab { background:#e1ebf3; font-size:1.1em;}
#list_news_tab .li_tab_on { background:#4c8cc1; }
#list_news_tab .btn_tab { color:#333; font-size:1.2em; width:100%; text-align:center; }
#list_news_tab .btn_tab_off { color:#333; }
#list_news_tab .btn_tab_on { color:#fff; }

#list_article_tab .li_tab { background:#deeef1;font-size:1.1em;}
#list_article_tab .li_tab_on { background:#4ca9c1	; }
#list_article_tab .btn_tab { color:#333; font-size:1.2em; width:100%; text-align:center; }
#list_article_tab .btn_tab_off { color:#333; }
#list_article_tab .btn_tab_on { color:#fff; }







.main_sub_banner {  float:left; width: 1200px; }
.main_sub_banner h3 {  float:left; display:block; width:100%; margin-top:10px; text-align:center; }
.main_sub_banner .btn_more {float: right; width: 26px; height: 26px; background: url('/theme/gam/img/btn_more.png'); margin: 0px auto; margin: 0px; border: 1px solid #b3b3b3; }
.main_sub_banner_back  { display:block; width:268px; height:235px; background:#ffffff; opacity:0.4; position:absolute; z-index:-1; }
.main_sub_banner_box {  float:left;width: 270px; height: 235px;  padding:0px; z-index: 0;  }

.main_sub_banner .span11 {  clear:both; display:block; text-align:center; font-size:22pt; color:#e07028; margin-top:180px; }
.main_sub_banner .span12 { display:block; text-align:center; height:40px; font-size:10pt; color:#2f3e45; margin-top:35px;}
.main_sub_banner .span13 { display:block; text-align:center; font-size:9pt; color:#fff;  width:131px; margin:0px auto; padding:10px 0px 10px 25px;  background:#799fc5;   background-image: url('/theme/gam/img/btn_more2.png');
background-repeat:no-repeat; background-position:30px 50%;margin-top:35px;;}

.main_sub_info .i1{ width:130px; display:inline-block;  font-size:11pt; text-align:right; margin-right:10px; }
.main_sub_info .i2{ font-size:13pt;}




#main_gallery { float:right;  width:470px; }
#main_gallery h3 {  float:left; margin-top:0px; font-size:14pt; color:#0094b9;}
#main_gallery .btn_more { float: right; width: 21px; height: 21px; background: url('/theme/gam/img/btn_more.png'); margin-top:10px; }


#main_gallery_list { float:left; border-top:1px solid #efefef; padding-top:13px; }
#main_article_01 { display:block; }
#main_article_02 { display:none; }
#main_article_03 { display:none; }


#main_middle { float:left; width:1200px; margin:0px auto; margin-top:0px;   }



#main_middle_icon { width:100%; height:120px;  margin:0px auto;  background:#6088c5;  
    background: -webkit-linear-gradient(bottom,#486694, #6088c5); 
    background: -o-linear-gradient(bottom,#486694, #6088c5);
    background: -moz-linear-gradient(bottom,#486694, #6088c5); 
    background: linear-gradient(to bottom,#486694, #6088c5);  font-family:nbgr;} 


#main_middle_icon_01 { float:left; width:175px; height:120px; background:url('../img/main_icon_01.png') 50% 25px no-repeat; border-right:1px solid #7f97bd;  }
#main_middle_icon_02 { float:left; width:175px; height:120px; background:url('../img/main_icon_02.png') 50% 25px no-repeat;  border-right:1px solid #7f97bd; }
#main_middle_icon_03 { float:left; width:175px; height:120px; background:url('../img/main_icon_03.png') 50% 25px no-repeat;  border-right:1px solid #7f97bd;}
#main_middle_icon_04 { float:left; width:175px; height:120px; background:url('../img/main_icon_04.png') 50% 25px no-repeat;  }

#main_middle_icon .main_middle_href { display:block;  width:175px; height:108px; margin:0px;color:#fff; }


#main_middle_icon .span1 { font-size:10.5pt; width:100%; display:block; text-align:center; padding-top:80px; }
#main_middle_icon .span2 {  width:100%; display:none; text-align:center; margin-top:10px; font-size:10pt; }




#main_middle_banner { float:left; width:100%;  margin-top:10px;  border:0px solid red;} 

#main_middle_banner_01 { float:left; display:block; width:300px; height:60px; background:url('../img/main_b01.jpg') 50% 50% no-repeat; }
#main_middle_banner_02 { float:left; display:block; width:300px; height:60px; background:url('../img/main_b02.jpg') 50% 50% no-repeat;}
#main_middle_banner_03 { float:left; display:block; width:300px; height:60px; background:url('../img/main_b03.jpg') 50% 50% no-repeat;}
#main_middle_banner_04 { float:left; display:block; width:300px; height:60px; background:url('../img/main_b04.jpg') 50% 50% no-repeat;}


#main_middle_banner span { display:none; }
#main_middle_banner .main_middle_href { display:block;  width:300px; height:60px; margin:0px; }






#main_bottom { float:left; width:1200px; margin:0px auto;   margin-top:10px;   }

#main_bottom_banner { clear:both;  width:100%; float:left;border:1px solid #cedbdf; padding:0px 0px; background:#f7f7f7;}
#main_bottom_banner h3 { font-size:1.3em; margin:0px; padding:10px 25px; color:#4c548e; font-family:nbgr; border-bottom:1px solid #cedbdf;  background:url('../img/icon_arrow.png') #e7f3f7 10px 50% no-repeat;}
#main_bottom_banner h4 { font-size:1.2em; border-left:3px solid #61c5e2; padding-left:8px; color:#2e589b;}
#main_bottom_banner li { float:left; width:180px; padding:0px; font-size:9pt }
#main_bottom_banner span { width:180px; float:left; display:block;  padding:10px; background:#ffffff; height:130px;}

#main_bottom_banner .lil { margin-left:14px; }
#main_bottom_banner h4 { height:34px; vertical-align:middle; font-family:nbgr;}
/*.pt9 { padding-top:9px; }*/
#main_bottom_banner span { }

#main_bottom_banner_box ul { margin-top:0px; }
/*
#main_bottom_banner select { width:90%; margin:0px auto; display:block; padding:10px; font-size:12pt;}
#main_bottom_banner .opt { width:100%; display:block; padding:10px; font-size:15pt; margin-top:10px;}
#main_bottom_banner > ul { width:100%; margin:0px auto; display:block; padding-top:20px; display:; }
#main_bottom_banner .li0 { width:224px; height:67px; float:left; border:1px solid #dfdfdf; margin-left:0px;  }
#main_bottom_banner .li { width:224px; height:67px; float:left; border:1px solid #dfdfdf; margin-left:20px;  }




*/





#sub { width:100%; display:inline-block; margin:0px auto; margin-top:15px; }


#sub_top { width:1200px; margin:0px auto; height:140px;   }
#sub_top  span { float:right; margin-right:45px; display:block;}


#sub_top .span1 { float:right; margin-top:45px; font-size:14pt; }

#main_sub_01_pbottom { width:100%; height:10px; background:#b7e7da; margin-top:0px; background-image:url('/theme/gam/img/main_pback_01.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_02_pbottom { width:100%; height:10px; background:#f25e5a; margin-top:0px; background-image:url('/theme/gam/img/main_pback_02.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_03_pbottom { width:100%; height:10px; background:#9fb755; margin-top:0px; background-image:url('/theme/gam/img/main_pback_03.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_04_pbottom { width:100%; height:10px; background:#fabf13; margin-top:0px; background-image:url('/theme/gam/img/main_pback_05.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_05_pbottom { width:100%; height:10px; background:#27769f; margin-top:0px; background-image:url('/theme/gam/img/main_pback_04.png');background-position:50% 0px; background-repeat:repeat-x;}



.sub_top_01 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_01.jpg'); background-position:50% 50%; z-index:10000; display:; color:#fff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_02 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_02.jpg'); background-position:50% 50%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 0.3);}
.sub_top_03 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_03.jpg'); background-position:50% 50%; z-index:10000; display:;color:#fff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_04 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_04.jpg'); background-position:50% 100%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 0.3);}
.sub_top_05 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_05.jpg'); background-position:50% 100%; z-index:10000; display:;color:#fff; text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_97 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_97.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_98 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_98.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_99 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_99.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_00 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_01.jpg'); background-position:50% 50%; z-index:10000; display:;color:#fff;}


.sub_top_01  .span2, .sub_top_03 .span2, .sub_top_05 .span2 { clear:both; float:right;margin-top:0px; font-size:12pt; color:#d1e3ff;}
.sub_top_02 .span2,.sub_top_04 .span2,.sub_top_97 .span2,.sub_top_98 .span2,.sub_top_99 .span2 { clear:both; float:right;margin-top:0px; font-size:12pt; color:#6e6e6e;}


#sub_middle {  clear:both;width:100%; display:inline-block; margin-top:20px;  }
#sub_container { width:1200px;  margin:0px auto; margin-top:0px;  text-align:left; }

#sub_left { width:21%; float:left; }
#sub_center { width:76%; float:right; height:auto !important; height:700px; margin:0px 0px 20px 0px;}

#sub_left_0 { width:100%;  float:left;   min-height:70px; height:70px; }
#sub_center_0 { width:100%; float:right;   height:auto !important; height:700px; margin:0px 0px 20px 0px; }


/*
#sub_copy {  position:absolute;; width:100%; height:115px; display:block; margin:0px auto; margin-top:30px; background-image:url("../images/sub_text.png"); background-repeat:no-repeat; background-position:5% 0; z-index:1;}
#sub_img {  position:relative; float:left; z-index:0; width:100%; height:300px; display:block; margin:0px auto;text-align:center; background:url('../images/sub_image.png'); background-position:90% 0; background-repeat:no-repeat; margin:0px 0px 0px 0px;}
*/


#left {  width:100%; z-index:1;  text-align:left; margin-top:0px; border:0px solid #af3d3d; }
#left h2 { display:none; }	

#left_menu {  width:100%;  z-index:1; text-align:left;  padding-bottom:4px;   }

#left_menu_top { width:100%; display:inline-block; } 



/*



*/










#left_menu .left_menu_top_01 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_02 {    background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_03 {    background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_04 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_05 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_06 { background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_07 {  background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_97 { background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_98 {  background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_99 {  background-image:url("/theme/gam/img1/left_top_back.png"); }


.left_sub_item_05 {  float:right; width: 100%; height:405px;  z-index: 0; border:1px solid #f1f1f1; margin-top:60px;}
.left_sub_item_05 h3 {  float:left; display:block; width:100%; margin-top:10px; text-align:center;font-size:1.6em; }
.left_sub_item_05 .btn_more {float: right; width: 26px; height: 26px; background: url('/theme/gam/img/btn_more.png'); margin: 0px auto; margin: 0px; border: 1px solid #b3b3b3; }
.left_sub_item_05_back  { display:block; width:100%; height:403px; background:#ffffff; opacity:0.4; position:absolute; z-index:-1; }
.left_sub_item_05_box {  float:left;width: 100%; height: 405px;  padding:30px 20px 20px 20px; z-index: 0;   background: url('/theme/gam/img/main_top_icon_01.png'); background-position:50% 100px; background-repeat:no-repeat;}

.left_sub_item_05 .span11 {  clear:both; display:block; text-align:center; font-size:18pt; color:#e07028; margin-top:180px; }
.left_sub_item_05 .span12 { display:block; text-align:center; height:40px; font-size:9pt; color:#2f3e45; margin-top:15px;}
.left_sub_item_05 .span13 { display:block; text-align:center; font-size:9pt; color:#fff;  width:131px; margin:0px auto; padding:10px 0px 10px 25px;  background:#799fc5;   background-image: url('/theme/gam/img/btn_more2.png');
background-repeat:no-repeat; background-position:30px 50%;margin-top:35px;;}


#left_menu_top h3 { font-size:16pt; margin:0px; color:#ffffff; font-family:nbgr; border-left:5px solid #61c5e2; background:#2e589b; text-align:center; padding:30px 0px; 
    background: -webkit-linear-gradient(top,#0c8bc6, #4570b4); 
    background: -o-linear-gradient(top,#0c8bc6, #4570b4);
    background: -moz-linear-gradient(top,#0c8bc6, #4570b4); 
    background: linear-gradient(to top,#0c8bc6, #4570b4);} 
/*#left_menu_top h3 { font-size:16pt; margin:34px 15px 34px 15px;; text-align:center; color:#ffffff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); } */

#left_menu span { display:block; margin:0px 0px 0px 0px;  }

#left_menu_middle { width:100%; padding:0px; margin:0px auto; /*border:4px solid #094791;*/  border-top:1px solid #efefef;   }
#left_menu_middle h2 { display:none; }	
#left_menu_middle ul { margin:0px auto; padding:0px; width:100%;}




#left_menu_middle .href { width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef; float:left; }
#left_menu_middle .href_on {  font-size:1.1em;width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef;   background: url('/theme/gam/img/icon_top_arrow3.png')  #68abd4  10px 50% no-repeat; color:#fff; float:left;  }








#left_menu_middle .href {   font-size:1.1em;  background: url('/theme/gam/img/icon_top_arrow1.png') 10px 50% no-repeat;}
#left_menu_middle .href_h {   font-size:1.1em;  background: url('/theme/gam/img/icon_top_arrow2.png') #eff6f8 10px 50% no-repeat;}












#center { margin-top:0px; }
#center_top { float:right; width:100%;  margin:0px auto; height:90px; border-bottom:1px solid #efefef;  }
/*#center_title { clear:both; width:96%; height:60px; margin:0px auto;  margin-top:20px; border:0px solid red;}*/
#center_title { clear:both; width:50%; float:left; height:60px; margin:0px auto;  margin-top:30px; border:0px solid red; font-family:nbgr;}
#center_navigation  { width:50%; border:0px solid #333; float:right;  margin-top:40px;}




#center_contents { width:900px; min-height:400px; clear:both; margin:0px auto; padding-top:30px; display:block;  border:0px solid red;  font-size:1em;   }
#contents_wrap { width:100%;  clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto; }

#center_db { width:100%;clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto;  color:#000000; font-size:1.1em;  }
#center_html { width:100%;clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto;  color:#000000; }
#center_contents h3 { font-size:1.4em; display:block; width:80%; margin-left:0px; color:#114c8f; font-family:nbgr; line-height:180%;  background: url('/theme/gam/img/h3_arrow.png') 0px 50% no-repeat; padding-left:15px;} 
#center_contents h4 { font-size:1.3em; display:block; width:80%; margin-top:30px; color:#007fc4; line-height:120%; background: url('/theme/gam/img/h4_arrow.png') 0px 50% no-repeat; padding-left:10px; } 
#center_contents h5 { font-size:1.2em; display:block; margin-left:20px; color:#125aac; line-height:120%; } 
#center_contents h6 { font-size:1.0em; display:block; margin:5px 0px 5px 20px; line-height:140%; }
#center_contents p { margin:0px; line-height:180%;}
/*#center_contents img { width:100%;} */
#center_contents .img { margin:0px; line-height:180%;}
/*#center_contents ul { margin:5px 0px 5px 20px; } */
#center_contents .ml20 { margin:5px 0px 5px 20px; }
#center_contents .ml40 { margin:5px 0px 5px 40px; }
#center_contents .table { position:relative; border-top:2px solid #619be2; border-left:0px solid #ccc; border-bottom:1px solid #e9e9e9; }
#center_contents .th { border-bottom:1px solid #e9e9e9; border-right:1px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }
#center_contents .thr { border-bottom:1px solid #e9e9e9; border-right:0px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }
#center_contents td { vertical-align:middle }
#center_contents .thn { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }
#center_contents .tdl { border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10px 3px; line-height:150%; text-align:center;}
#center_contents .td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 3px; line-height:150%; }
#center_contents .tdc { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 3px; line-height:150%; text-align:center;}
#center_contents .tdr {  border-bottom:1px solid #ccc; padding:10px 3px;line-height:180%; color:#000;}
#center_contents .tdrb {  padding:10px 3px;line-height:180%; color:#000;}
#center_contents .tdrc { border-bottom:1px solid #ccc; padding:10px 3px; text-align:center; line-height:180%; color:#000;text-align:center;}
#center_contents .tdrcb {  padding:10px 3px; text-align:center; line-height:180%;  color:#000;}
#center_contents .tdc { border-bottom:1px solid #ccc; padding:10px 3px; text-align:center; line-height:180%; color:#000; }
#center_contents .tdcb { border-right:1px solid #ccc;  padding:10px 3px; text-align:center; line-height:180%; color:#000;}


#center_contents .tdl1 { border-bottom:1px solid #ccc;  border-left:1px solid #ccc; padding:10px 0px 10px 20px; line-height:180%; text-align:left;}
#center_contents .tdc1 { border-bottom:1px solid #ccc; padding:10px 0px 10px 10px; text-align:left;  color:#000; }
#center_contents .w60p { width:60%;}
#center_contents .w40p { width:40%;}
#center_contents .fl { float:left; }
#center_contents .fr { float:right; }

#center_contents dl { margin-left:10px; }
#center_contents dt { }
#center_contents dd { margin-left:10px; }
#center_contents { line-height:180%; }
#bo_list { margin:0px auto; }
#bo_v  { margin:0px auto; }
#fwrite  { margin:0px auto; }
#sub_replace { width:100%; height:50px;  margin:0px auto; background:#fff; border:0px solid red;
/*
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	text-align: left;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out; */
}

#div_title  { width:100%; border:0px solid #333; float:right;  background:url("/theme/gam/img/icon_title.png") 0px 16px no-repeat;}

#div_title h3 { font-size:1.8em; padding:0px;  color:#666666; margin-left:25px; }
#span_navigation { float:right; display:block;  }
#div_navigation { float:right; display:block; margin-top:15px;  }
.navigation_arrow { display:block; float:left; width:14px; text-align:center; }
.navigation_text { display:block; float:left;  }




.bottom_link  { padding:0px 15px;  font-size:0.9em; background:#99a8b7; }
.bottom_link2  { padding:0px 15px;    font-size:0.9em; background:#99a8b7; }
.bottom_link span { color:#fff; }
.bottom_link2 span { color:#fff; }


#top_menu_button { display:none; }
#main_top_item { position:absolute; width:100%;  z-index:1; }



#bottom_link { width:600px; margin-left:0px; display:inline-block; padding:0px; }

#bottom_logo2 { width:200px; margin-right:30px; float:left;}

#ft1 { clear:both; display:block; float:left; width:100%; background:#4c4c4c; color:#333;padding:20px; }
#ft1 h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft1 p {margin:0;padding:10px 0;line-height:1.8em}

#ft { width:100%; margin:0px auto; margin-top:40px; border-top:1px solid #e1e1e1; background:#3e4a54; text-align:center; color:#fff; line-height:180%; font-size:1.1em;}
#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:100%;text-align:center}

#ft_company {width:1200px; margin:0px auto; padding-top:20px;}

#ft_copy { width:1200px; margin:0px auto; margin-top:20px; padding-bottom:20px; }
#ft_copy a {display:inline-block;margin:0 5px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}
.slide_box_padding {padding:0 10px}
.swiper-slide {margin-right:30px}
}
















@media screen and (max-width: 500px) {

.slide_box_padding {padding:0 5px}
.lil_01 {display:none}

.w100p { width:100%;}
.mview  { display:none; }
.pview  { display:block; }

#hd {z-index:100; width:100%; min-width:300px; height:125px; margin:0px auto; border:0px solid red;}

/* 상단 회원가입 등 링크 */

#tnb { float:right; border:0px solid red;}

#tnb li { float:left; margin-top:3px;}
#tnb a {display:inline-block;padding:0px 10px;height:20px;  line-height:2em; color:#fff }
#tnb a:focus, #tnb a:hover, #tnb a:active { text-decoration:none; color:#fff;}
#tnb img {margin-right:3px}

#tnb .quick_line { border-right:1px solid #ccc; }


#hd_wrapper { padding-top:0px; height:105px; }

#quick { float:left; clear:both; width:100%; margin-top:0px;  height:30px; display:block; margin:0px auto;padding:0;list-style:none; border:0px solid red; background:#333; }
#quick_menu {  width:100%; float:right; margin:0px auto; height:30px; padding-top:0px; }
#quick_menu .quick01 { border-left:1px solid #ccc; 

/*	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);*/
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
	/*border-radius:5px;
	-moz-border-radius:5px;*/
	cursor:pointer;
}
#top_menu_center .span_none { display:none; position:relative;z-index:-1; overflow:hidden; }


#logo { display:block; margin:0 auto; width:100%;   border:0px solid red; position:relative; z-index:10000;}

.logo_img {  display:block; width:230px; height:50px;  margin:0px auto; margin-top:50px; margin-left:10px; background:url("../img/top_logo.png") 50% 0px no-repeat; background-size:100%; margin-bottom:10px; }
#logo span { display:none; }

#top_menu_button { display:block; }


#top_menu_button { width:80px; height:30px; float:right;  margin-top:52px; background:#f1f1f1;margin-right:10px; border-radius:20px; background:#0c8bc6; }
#top_menu_btn {width:100%;clear:both;float:left; padding:6px; text-align:center; cursor:pointer; font-size:10pt;  }
#top_menu_btn span { color:#fff; }


#top_menu { clear:both; width:100%; margin:100px 0px 0px 0px; background:#4570b4; font-size:1.1em; position:absolute; display:none;}
#top_menu_box {  width:100%; text-align:center; margin:0px auto;  padding-top:0px; border:0px solid red; }

#top_menu_center {   width:100%;  padding-top:0px; border:0px solid red; margin:0px auto;}
#top_menu_center h2 { float:right;   width:100%; background:#1f5dba; padding:10px 0px 10px 0; text-align:center; color:#fff;
background-image:url('../images/menu_icon.png');
background-position:50% 50%;
background-repeat:no-repeat;
/*	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);*/
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
	/*border-radius:5px;
	-moz-border-radius:5px;*/
	cursor:pointer;
}

#top_menu_center .span_none { display:none; position:relative;z-index:-1; overflow:hidden; }
#hd { display:; }
#ft { display:; }

#top_menu_back { display:none; position:absolute;margin:0px auto; width:100%; margin-top:120px; text-align:center; height:210px; z-index:100; opacity:1;} 
#top_menu_back_box { display:none;margin:0px auto; width:100%; height:210px; background:#f8f8f8;  } 

#top_menu_center h2 span { display:block; margin-right:30px;   }
#top_menu_center ul { list-style-type:none; width:100%;  margin:0px; padding:0px; }
#top_menu_center .ul { display:block; width:100%; text-align:left; border:0px solid red; clear:both; z-index:10000; }




#top_menu_center .href { width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef; font-family:nbgr;}
#top_menu_center .href_ton { width:100%; display:block; height:35px; padding:7px; margin:0px auto; border-bottom:1px solid #efefef; background:#68abd4; color:#fff; }

#top_menu_center .li_menu { width:100%; clear:both; position:relative; z-index:10000; -webkit-transition: background .2s ease-out;background:#4570b4;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;   }

#top_menu_center .href0_l { width:100%; display:block; padding:14px 0px 14px 0px; font-size:1.1em; margin-top:0px; 	-webkit-transition: background .2s ease-out; border:0px solid red;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out; cursor:pointer;color:#ffffff;  }

#top_menu_center .href0 { width:100%; display:block; padding:14px 0px 14px 0px; font-size:1.1em;  margin-top:0px; 	-webkit-transition: background .2s ease-out; border:0px solid red;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;  cursor:pointer;color:#ffffff;}

#top_menu_center .href0_h { width:100%; background:#2e589b; display:block; padding:14px 0px 14px 0px; font-size:1.1em;  margin-top:0px;  text-shadow:#666666 1px 1px 2px;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;  cursor:pointer;
	}



#top_menu_center .t01 { width:100%; }
#top_menu_center .t02 { width:100%; }
#top_menu_center .t03 { width:100%; }
#top_menu_center .t04 { width:100%; }
#top_menu_center .t05 { width:100%; }

#top_menu_center #s01 { width:100%;border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s02 { width:100%;border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s03 { width:100%;border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s04 { width:100%; border:0px solid #efefef;  border-top:0px solid #efefef; }
#top_menu_center #s05 { width:100%;border:0px solid #efefef;  border-top:0px solid #efefef; }

#top_menu_center .href0 a:link {color:#ff0000;text-decoration:none}



#top_menu_center .ul_none {  width:100%;  background:#ffffff; display:block;  margin-left:0px;  overflow:hidden; text-align:left; border-right:1px solid #ffffff;   position:relative;;
 padding:0px; padding-top:0px; font-size:1em; 
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
z-index:10000;
}

#top_menu_center .ul_none_1 {  width:100%; display:block;  margin-left:0px;  overflow:hidden; text-align:left;  border-left:1px solid #ffffff; border-right:1px solid #ffffff;  position:relative;;
 padding:0px;  font-size:1em; 
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
z-index:10000;
}


#top_menu_center .li { clear:both; width:100%; }
#top_menu_center .li2 { font-size:1em; border:0px solid red;clear:both; width:100%; /*font-family:nbgl; font-weight:bold; */ }
#top_menu_center .li2 .href { color:#333;   }
#top_menu_center .li3 { clear:both; width:100%; font-size:0.95em;}
#top_menu_center .li3 .href { padding-left:10px; color:#333; background:#f9f9f9;  }
#top_menu_center .li4 { clear:both; width:100%;}
#top_menu_center .li4 .href { padding-left:15px; }



#top_menu_center .menu { clear:both;  }


#main_sub_01 { width:320px; margin:0px auto; margin-top:0px;  }

#main_top { width:100%; height:540px; margin:0px auto; border:0px solid red; }
#main_top h3 { font-size:1.8em; }	 
.main_sub_img_01  { width:320px; height:220px; display:block; clear:both;}


.main_sub_item_info { clear:both; width:100%;  display:block;  border:0px solid red; margin-top:20px; }

.main_sub_item_text { float:right; width:100%; height:165px; margin-top:30px;  text-align:center; }

.main_sub_item_text .span21 { font-size:12pt; color:#416082;  }
.main_sub_item_text .span22 { font-size:12pt; color:#009bd4; }
.main_sub_item_text .span23 { display:block; font-size:15pt; color:#666666; }










.main_sub_article {  float:left;width: 100%; z-index: 0; border:0px solid #f1f1f1;margin-bottom:20px;}
.main_sub_article h3 {  float:left; margin-top:10px; }
.main_sub_article .btn_more {float: right; width: 21px; height: 21px; background: url('/theme/gam/img/btn_more.png'); margin-top:10px; }
.main_sub_article_box {  float:left;width: 100%; height: 235px;  padding:0px; z-index: 0;  }
.main_sub_article_img { clear:both; display:block; width:235px; height:100px; background: url('/theme/gam/img/main_notice_image.png') 50% 0px;;  float:left; margin-top:20px; margin-bottom:0px;}

#list_news_tab { border-bottom:0px solid #4c8cc1; float:left; width:100%; }
#main_news_tab { float:left; padding:0px; margin:0px;}
#main_news_tab li { float:left; display:block; cursor:pointer; margin-right:3px; }
#main_news_tab span { float:left; display:block; cursor:pointer; padding:8px 15px;  }
#list_news_tab .btn_more { display:none; }


#list_article_tab { border-bottom:0px solid #4c8cc1; float:left; width:100%; }
#main_article_tab { float:left; padding:0px; margin:0px;}
#main_article_tab li { float:left; display:block; cursor:pointer; margin-right:3px; }
#main_article_tab span { float:left; display:block; cursor:pointer; padding:8px 15px;  }
#list_article_tab .btn_more { display:none; }





.main_news { display:none; float:left; width:100%; height:151px; border:3px solid #4c8cc1; padding:0px 15px; margin-top:-1px; background:#f9f9f9; } 
.main_article { display:none; float:left; width:100%; min-height:101px; border:3px solid #4ca9c1; padding:0px 15px; margin-top:-1px; background:#f9f9f9; } 
#list_news_tab .li_tab { background:#e1ebf3; font-size:1.1em;}
#list_news_tab .li_tab_on { background:#4c8cc1; }
#list_news_tab .btn_tab { color:#333; font-size:1.2em; width:100%; text-align:center; }
#list_news_tab .btn_tab_off { color:#333; }
#list_news_tab .btn_tab_on { color:#fff; }

#list_article_tab .li_tab { background:#deeef1;font-size:1.1em;}
#list_article_tab .li_tab_on { background:#4ca9c1	; }
#list_article_tab .btn_tab { color:#333; font-size:1.2em; width:100%; text-align:center; }
#list_article_tab .btn_tab_off { color:#333; }
#list_article_tab .btn_tab_on { color:#fff; }




.lt li { float:left; width:100%; margin:3px; font-size:0.95em;}






.main_article  li { float:left; width:100%; height:20px; display:block;  margin:3px;  font-size:0.95em; overflow:hidden;}




div.control_btn{top:-311px}

#body a:link {font-size:11px}
.slide_box_padding img {width:147px}

.main_sub_banner {  float:left; width: 100%; }
.main_sub_banner h3 {  float:left; display:block; width:100%; margin-top:10px; text-align:center; }
.main_sub_banner .btn_more {float: right; width: 26px; height: 26px; background: url('/theme/gam/img/btn_more.png'); margin: 0px auto; margin: 0px; border: 1px solid #b3b3b3; }
.main_sub_banner_back  { display:block; width:268px; height:235px; background:#ffffff; opacity:0.4; position:absolute; z-index:-1; }
.main_sub_banner_box {  float:left;width: 270px; height: 235px;  padding:0px; z-index: 0; padding-bottom:20px; }

.main_sub_banner .span11 {  clear:both; display:block; text-align:center; font-size:22pt; color:#e07028; margin-top:180px; }
.main_sub_banner .span12 { display:block; text-align:center; height:40px; font-size:10pt; color:#2f3e45; margin-top:35px;}
.main_sub_banner .span13 { display:block; text-align:center; font-size:9pt; color:#fff;  width:131px; margin:0px auto; padding:10px 0px 10px 25px;  background:#799fc5;   background-image: url('/theme/gam/img/btn_more2.png');
background-repeat:no-repeat; background-position:30px 50%;margin-top:35px;;}

.main_sub_info .i1{ width:130px; display:inline-block;  font-size:11pt; text-align:right; margin-right:10px; }
.main_sub_info .i2{ font-size:13pt;}




#main_gallery { float:right;  width:100%;margin-top:20px;  }
#main_gallery h3 {  float:left; margin-top:10px; font-size:14pt; color:#0094b9;}
#main_gallery .btn_more { float: right; width: 21px; height: 21px; background: url('/theme/gam/img/btn_more.png'); margin-top:10px; }
#main_gallery_list { float:left; border-top:1px solid #efefef; padding-top:13px; }
#main_article_01 { display:block; }
#main_article_02 { display:none; }
#main_article_03 { display:none; }


#main_middle { float:left; width:100%;  margin:0px auto; margin-top:20px;   }



#main_middle_icon { width:100%; height:240px;  margin:0px auto;  background:#6088c5;  
    background: -webkit-linear-gradient(bottom,#486694, #6088c5); 
    background: -o-linear-gradient(bottom,#486694, #6088c5);
    background: -moz-linear-gradient(bottom,#486694, #6088c5); 
    background: linear-gradient(to bottom,#486694, #6088c5);} 


#main_middle_icon_01 { float:left; width:160px; height:120px; background:url('../img/main_icon_01.png') 50% 25px no-repeat; border-right:1px solid #7f97bd; border-bottom:1px solid #7f97bd;  }
#main_middle_icon_02 { float:left; width:160px; height:120px; background:url('../img/main_icon_02.png') 50% 25px no-repeat;  border-right:0px solid #7f97bd;  border-bottom:1px solid #7f97bd; }
#main_middle_icon_03 { float:left; width:160px; height:120px; background:url('../img/main_icon_03.png') 50% 25px no-repeat;  border-right:1px solid #7f97bd;}
#main_middle_icon_04 { float:left; width:160px; height:120px; background:url('../img/main_icon_04.png') 50% 25px no-repeat;  }

#main_middle_icon .main_middle_href { display:block;  width:160px; height:108px; margin:0px;color:#fff; }


#main_middle_icon .span1 { font-size:10.5pt; width:100%; display:block; text-align:center; padding-top:80px; }
#main_middle_icon .span2 {  width:100%; display:none; text-align:center; margin-top:10px; font-size:10pt; }




#main_middle_banner { float:left; width:100%;  margin-top:10px;  border:0px solid red;} 

#main_middle_banner_01 { float:left; display:block; width:155px; height:50px; background:url('../img/main_b01.jpg') 50% 50% no-repeat; border:1px solid #efefef;}
#main_middle_banner_02 { float:right; display:block; width:155px; height:50px; background:url('../img/main_b02.jpg') 50% 50% no-repeat; border:1px solid #efefef;}
#main_middle_banner_03 { float:left; display:block; width:155px; height:50px; background:url('../img/main_b03.jpg') 50% 50% no-repeat; border:1px solid #efefef; margin-top:10px;}
#main_middle_banner_04 { float:right; display:block; width:155px; height:50px; background:url('../img/main_b04.jpg') 50% 50% no-repeat; border:1px solid #efefef; margin-top:10px;}


#main_middle_banner span { display:none; }
#main_middle_banner .main_middle_href { display:block;  width:160px; height:55px; margin:0px; }

#main_bottom_banner_box ul { float:left; margin:0px; padding-bottom:10px; }




#main_bottom { clear:both; width:100%;  margin:0px auto; margin-top:40px; border:0px solid red;  }

#main_bottom_banner { clear:both;  width:100%; float:left; border-top:1px solid #efefef;border-bottom:1px solid #efefef; padding:0px 0px; background:#f7f7f7;}
#main_bottom_banner h3 { font-size:1.6em; background:#e7f3f7; margin:0px; padding: 10px 25px;color:#4c548e;border-top: 1px solid #cedbdf;background: url(../img/icon_arrow.png) #e7f3f7 10px 50% no-repeat}
#main_bottom_banner h4 { font-size:1.0em; border-left:3px solid #61c5e2; padding-left:8px; color:#2e589b;}
#main_bottom_banner li { width:159px; padding:2px; font-size:9pt; margin:0px auto; }
#main_bottom_banner span { width:147px; float:left; display:block;  padding:10px; background:#ffffff; height:15vh}

#main_bottom_banner .lil { margin-left:0px; margin:0px auto;}


#main_bottom_banner_box { width:100%; margin:0px auto;  }

#sub { width:96%; display:block; margin:0px auto; }


#sub_top { width:100%; margin:0px auto; height:130px;    }


#main_sub_01_pbottom { width:100%; height:10px; background:#b7e7da; margin-top:0px; background-image:url('/theme/gam/img/main_pback_01.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_02_pbottom { width:100%; height:10px; background:#f25e5a; margin-top:0px; background-image:url('/theme/gam/img/main_pback_02.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_03_pbottom { width:100%; height:10px; background:#9fb755; margin-top:0px; background-image:url('/theme/gam/img/main_pback_03.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_04_pbottom { width:100%; height:10px; background:#fabf13; margin-top:0px; background-image:url('/theme/gam/img/main_pback_05.png');background-position:50% 0px; background-repeat:repeat-x;}
#main_sub_05_pbottom { width:100%; height:10px; background:#27769f; margin-top:0px; background-image:url('/theme/gam/img/main_pback_04.png');background-position:50% 0px; background-repeat:repeat-x;}




#sub_top .span1 { float:left;  font-size:10pt; margin-right:0px; margin-left:10px;}
#sub_top .span2 { float:left;  font-size:10pt; margin-right:0px; margin-left:10px; }



.sub_top_01 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_01.jpg'); background-position:50% 50%; z-index:10000; display:; color:#fff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_02 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_02.jpg'); background-position:50% 50%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 0.3);}
.sub_top_03 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_03.jpg'); background-position:50% 50%; z-index:10000; display:;color:#fff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_04 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_04.jpg'); background-position:100% 100%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 0.3);}
.sub_top_05 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_05.jpg'); background-position:50% 100%; z-index:10000; display:;color:#fff; text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.sub_top_97 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_97.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_98 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_98.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_99 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_99.jpg'); background-position:50% 90%; z-index:10000; display:;color:#193767;  text-shadow: 2px 2px 3px 0 rgba(255, 255, 255, 1);}
.sub_top_00 { width:100%; height:100px; background:#f7f7f7; background-image:url('/theme/gam/img/sub_image_01.jpg'); background-position:50% 50%; z-index:10000; display:;color:#fff;}


.sub_top_01  .span2, .sub_top_03 .span2, .sub_top_05 .span2 { clear:both; float:right;margin-top:0px; font-size:12pt; color:#d1e3ff; display:none; }
.sub_top_02 .span2,.sub_top_04 .span2,.sub_top_97 .span2,.sub_top_98 .span2,.sub_top_99 .span2 { clear:both; float:right;margin-top:0px; font-size:12pt; color:#6e6e6e; display:none; }




#sub_middle {  clear:both;width:100%; display:inline-block; background:#ffffff; }
#sub_container { width:100%;  margin:0px auto; margin-top:0px;  text-align:left; background:#ffffff; }

#sub_left { width:100%; float:left; }
#sub_center { width:100%; float:right; height:auto !important; height:700px; margin:0px 0px 20px 0px;}

#sub_left_0 { width:100%;  float:left;   min-height:70px; height:70px; }
#sub_center_0 { width:100%; float:right;   height:auto !important; height:700px; margin:0px 0px 20px 0px; }


/*
#sub_copy {  position:absolute;; width:100%; height:115px; display:block; margin:0px auto; margin-top:30px; background-image:url("../images/sub_text.png"); background-repeat:no-repeat; background-position:5% 0; z-index:1;}
#sub_img {  position:relative; float:left; z-index:0; width:100%; height:300px; display:block; margin:0px auto;text-align:center; background:url('../images/sub_image.png'); background-position:90% 0; background-repeat:no-repeat; margin:0px 0px 0px 0px;}
*/

#left {  width:100%; z-index:1;  text-align:left; margin-top:0px; border:0px solid #af3d3d; }
#left h2 { display:none; }	

#left_menu {  width:100%;  z-index:1; text-align:left;  padding-bottom:4px;   }
#left_menu .href0 { width:100%; display:block; height:50px; color:#ccc; font-size:1.1em; }
#left_menu .href { width:100%; display:block; padding:5px 0px; color:#666666;font-size:1.1em; }
#left_menu .href_on { width:100%;  display:block; padding:5px 0px; color:#ffffff; background:#68abd4;font-size:1.1em;  }

#left_menu_top { width:100%; display:inline-block; } 


#left_menu .left_menu_top_01 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_02 {    background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_03 {    background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_04 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_05 {   background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_06 { background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_07 {  background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_97 { background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_98 {  background-image:url("/theme/gam/img1/left_top_back.png"); }
#left_menu .left_menu_top_99 {  background-image:url("/theme/gam/img1/left_top_back.png"); }


.left_sub_item_05 {  float:right; width: 100%; height:405px;  z-index: 0; border:1px solid #f1f1f1; margin-top:60px; display:none;}
.left_sub_item_05 h3 {  float:left; display:block; width:100%; margin-top:10px; text-align:center;font-size:1.6em; }
.left_sub_item_05 .btn_more {float: right; width: 26px; height: 26px; background: url('/theme/gam/img/btn_more.png'); margin: 0px auto; margin: 0px; border: 1px solid #b3b3b3; }
.left_sub_item_05_back  { display:block; width:100%; height:403px; background:#ffffff; opacity:0.4; position:absolute; z-index:-1; }
.left_sub_item_05_box {  float:left;width: 100%; height: 405px;  padding:30px 20px 20px 20px; z-index: 0;   background: url('/theme/gam/img/main_top_icon_01.png'); background-position:50% 100px; background-repeat:no-repeat;}

.left_sub_item_05 .span11 {  clear:both; display:block; text-align:center; font-size:18pt; color:#e07028; margin-top:180px; }
.left_sub_item_05 .span12 { display:block; text-align:center; height:40px; font-size:9pt; color:#2f3e45; margin-top:15px;}
.left_sub_item_05 .span13 { display:block; text-align:center; font-size:9pt; color:#fff;  width:131px; margin:0px auto; padding:10px 0px 10px 25px;  background:#799fc5;   background-image: url('/theme/gam/img/btn_more2.png');
background-repeat:no-repeat; background-position:30px 50%;margin-top:35px;;}


#left_menu_top h3 { font-size:20pt; margin:0px; color:#ffffff; font-family:ng; background:#2e589b; text-align:center; padding:30px 0px; } 
/*#left_menu_top h3 { font-size:16pt; margin:34px 15px 34px 15px;; text-align:center; color:#ffffff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); } */

#left_menu span { display:block; margin:5px 0px 0px 10px;  }

#left_menu_middle { width:100%; padding:0px; margin:0px auto; /*border:4px solid #094791;*/  border-top:1px solid #efefef; }
#left_menu_middle h2 { display:none; }	
#left_menu_middle ul { margin:0px auto; padding:0px; width:100%;}
#left_menu_middle li { width:100%;  margin:0px;  border-bottom:1px solid #efefef; }
#left_menu_middle .li2 { width:100%;  margin:0px;  border-bottom:1px solid #efefef; }
#left_menu_middle .li3 { width:100%;  margin:0px;   font-size:0.95em;  border-bottom:1px solid #efefef; background:#f9f9f9;}


#left_menu_top h3 { font-size:16pt; margin:0px; color:#ffffff; font-family:ng; background:#2e589b; text-align:center; padding:30px 0px; 
    background: -webkit-linear-gradient(top,#0c8bc6, #4570b4); 
    background: -o-linear-gradient(top,#0c8bc6, #4570b4);
    background: -moz-linear-gradient(top,#0c8bc6, #4570b4); 
    background: linear-gradient(to top,#0c8bc6, #4570b4);} 
/*#left_menu_top h3 { font-size:16pt; margin:34px 15px 34px 15px;; text-align:center; color:#ffffff;  text-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); } */

#left_menu span { display:block; margin:5px 0px 0px 10px;  }

#left_menu_middle { width:100%; padding:0px; margin:0px auto; /*border:4px solid #094791;*/  border-top:1px solid #efefef; }
#left_menu_middle h2 { display:none; }	
#left_menu_middle ul { margin:0px auto; padding:0px; width:100%;}
#left_menu_middle li { width:100%;  margin:0px;  border-bottom:1px solid #efefef; }
#left_menu_middle .li2 { width:100%;  margin:0px;  border-bottom:1px solid #efefef; }
#left_menu_middle .li3 { width:100%;  margin:0px;   font-size:0.95em;  border-bottom:1px solid #efefef; background:#f9f9f9;}


#center { margin-top:0px; }
#center_top { float:right; width:100%;  margin:0px auto; height:60px; border-bottom:1px solid #efefef; }
/*#center_title { clear:both; width:96%; height:60px; margin:0px auto;  margin-top:20px; border:0px solid red;}*/
#center_title { clear:both; width:100%; float:left; height:60px; margin:0px auto;  margin-top:10px; border:0px solid red;}
#center_navigation  { width:50%; border:0px solid #333; float:right;  margin-top:20px; display:none;}




#center_contents { width:100%;  clear:both; float:right; padding-top:30px; display:block;  border:0px solid red;  font-size:1em;   }
#contents_wrap { width:100%;  clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto; }

#center_db { width:99%;clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto;  color:#000000; font-size:1.1em;  }
#center_html { width:99%;clear:both;   display:block;  border:0px solid red;  background:#fff; margin:0px auto;  color:#000000; }
#center_contents h3 { font-size:1.4em; display:block; width:80%; margin-left:0px; color:#114c8f; font-family:nbgr; line-height:180%;  background: url('/theme/gam/img/h3_arrow.png') 0px 50% no-repeat; padding-left:15px;} 
#center_contents h4 { font-size:1.3em; display:block; width:80%; margin-top:30px; color:#007fc4; line-height:120%; background: url('/theme/gam/img/h4_arrow.png') 0px 50% no-repeat; padding-left:10px; } 
#center_contents h5 { font-size:1.2em; display:block; margin-left:20px; color:#125aac; line-height:120%; } 
#center_contents h6 { font-size:1.0em; display:block; margin:5px 0px 5px 20px; line-height:140%; }
#center_contents p { margin:0px; line-height:180%;}
/*#center_contents img { width:100%;} */
#center_contents .img { margin:0px; line-height:180%;}
#center_contents ul { margin:5px 0px 5px 20px; }
#center_contents .ml20 { margin:5px 0px 5px 20px; }
#center_contents .ml40 { margin:5px 0px 5px 40px; }
#center_contents .table { position:relative; border-top:2px solid #619be2; border-left:0px solid #ccc; border-bottom:1px solid #e9e9e9; }
#center_contents .th { border-bottom:1px solid #e9e9e9; border-right:1px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }
#center_contents .thr { border-bottom:1px solid #e9e9e9; border-right:0px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }

#center_contents .thn { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0; background:#f7fbff; text-align:center; }
#center_contents .tdl { border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10px 3px; line-height:150%; text-align:center;}
#center_contents .td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 3px; line-height:150%; }
#center_contents .tdc { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 3px; line-height:150%; text-align:center;}
#center_contents .tdr {  border-bottom:1px solid #ccc; padding:10px 3px;line-height:180%; color:#000;}
#center_contents .tdrb {  padding:10px 3px;line-height:180%; color:#000;}
#center_contents .tdrc { border-bottom:1px solid #ccc; padding:10px 3px; text-align:center; line-height:180%; color:#000;text-align:center;}
#center_contents .tdrcb {  padding:10px 3px; text-align:center; line-height:180%;  color:#000;}
#center_contents .tdc { border-bottom:1px solid #ccc; padding:10px 3px; text-align:center; line-height:180%; color:#000;}
#center_contents .tdcb { border-right:1px solid #ccc;  padding:10px 3px; text-align:center; line-height:180%; color:#000;}


#center_contents .tdl1 { border-bottom:1px solid #ccc;  border-left:1px solid #ccc; padding:10px 0px 10px 20px; line-height:180%; text-align:left;}
#center_contents .tdc1 { border-bottom:1px solid #ccc; padding:10px 0px 10px 10px; text-align:left;  color:#000; }


#center_contents dl { margin-left:10px; }
#center_contents dt { }
#center_contents dd { margin-left:10px; }
#center_contents { line-height:180%; }
#bo_list { margin:0px auto; }
#bo_v  { margin:0px auto; }
#fwrite  { margin:0px auto; }
#sub_replace { width:100%; height:50px;  margin:0px auto; background:#fff; border:0px solid red;
/*
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	text-align: left;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out; */
}

#div_title  { width:100%; border:0px solid #333; float:right;}

#div_title h3 { font-size:1.8em; padding:0px;  color:#000000;  }
#span_navigation { float:right; display:block;  }
#div_navigation { float:right; display:block; margin-top:15px;  }
.navigation_arrow { display:block; float:left; width:14px; text-align:center; }
.navigation_text { display:block; float:left;  }




.bottom_link  { padding:0px 15px;  font-size:0.9em; background:#99a8b7; }
.bottom_link2  { padding:0px 15px;    font-size:0.9em; background:#99a8b7; }
.bottom_link span { color:#fff; }
.bottom_link2 span { color:#fff; }





#main_top_item { position:absolute; width:100%;  z-index:1; }






#bottom_logo2 { width:100%; margin:0px auto; text-align:center; }


#ft1 { clear:both; display:block; float:left; width:100%; background:#4c4c4c; color:#333;padding:20px; }
#ft1 h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft1 p {margin:0;padding:10px 0;line-height:1.8em}

#ft { width:100%; margin:0px auto; margin-top:40px; border-top:1px solid #e1e1e1; background:#3e4a54; text-align:center; color:#fff; line-height:180%; font-size:1.1em;}

#ft_company {width:100%; margin:0px auto; padding-top:20px;}

#ft_copy { width:100%; margin:0px auto; margin-top:20px; padding-bottom:20px; }
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}


#bottom_link { width:100%; margin:0px auto; display:inline-block; padding:0px; text-align:center; font-size:0.9em;}
#bottom_link a { margin:3px; }
}

/*컨트롤버튼*/
.control_btn{position:relative;float:right;right:20px;top:-319px;z-index:90}
.control_btn a img{vertical-align: unset}
.control_btn a {display:block}

.control_btn .crt_prev,.control_btn .crt_start,.control_btn .crt_pause,.control_btn .crt_next{width:27px;border-radius:11px;background-color:#fff;text-align:center;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.control_btn .crt_all{width:27px;border-radius:11px;background-color: #316e82;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.control_btn div {display: inline-block;height: 27px;line-height: 27px}
.bx-prev {left:-2px}
.bx-start{right:-1px;top:-3px}
.bx-next {right:-2px}
.bx-all {right:-1px}

.bx-prev, .bx-start, .bx-next, .bx-all, .bx-pause {position:relative;background:none;border:none;top:-2px}
