@charset "utf-8";

/* common */
html {overflow-y:scroll;}
html, body {height:100%;}
input, select, textarea {font-size:15px;}
button {padding:0; border:none; background:transparent;}
strong, em {font-weight:bold;}
th, td {vertical-align:middle;}
img {max-width:100%;}


/* All Device */
#rwd_header {display:none;}





/* footer */
#footer_wrap {clear:both; width:100%; height:200px; background:#2b3237;}
#footer_wrap #footer{position:relative; max-width:1320px; margin:0 auto; padding:20px 0 10px 0;}
#footer_wrap #footer .footer_logo{position:absolute; top:10px; left:0;}

#footer_wrap #cm_wrap {clear:both; width:100%; background:#353a3f; }
#footer_wrap #copymenu {height:50px;display:block;width:1320px;  margin:0 auto;}
#footer_wrap #copymenu .cmenu li {float:left; background: url(../images/common/copy_line.gif) no-repeat right 22px; padding:18px 5px 0 0;}
#footer_wrap #copymenu .cmenu li span {font-weight:bold; color:#fff;}
#footer_wrap #copymenu .cmenu li a {color:#fff; padding:0 10px 0 15px; width:30px; height:30px;}
#footer_wrap #copymenu .cmenu li:last-child {background:none;}

#footer_wrap #copymenu .right ul {float:right;position:relative;}
#footer_wrap #copymenu .right li  {background-image:none !important; float:left; }
#footer_wrap #copymenu .right button{  padding:10px 0px 10px 0 !important; height:50px;background:none;border:none;color:#767676;font-size:13px; vertical-align:top;}
#footer_wrap #copymenu .right .top a {display:block;padding:10px 20px 0px 20px; background:#f8f8f8;}

#footer_wrap #copymenu .language {border-left:1px solid #d1d1d1;}
#footer_wrap #copymenu .language button{display:block;width:170px;padding:0;font-size:1.0em;vertical-align:top;}
#footer_wrap #copymenu .language ul{display:none;position:absolute;bottom:50px;width:170px;height:auto;background:#fff;border-top:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;z-index:99;}
#footer_wrap #copymenu .language ul li{display:block;float:none;width:170px;padding:0;border-top:1px solid #e1e1e1;border-left:1px solid #c4c4c4; }
#footer_wrap #copymenu .language ul li:first-child{border-top:none;}
#footer_wrap #copymenu .language ul li a{display:block;width:94%;padding:7px 0 6px 6%;text-align:left;background:#fff url('../images/common/ico_arrow_lang.gif') no-repeat 95% 50%;box-sizing:border-box;}


#footer_wrap #footer .site_info{ float:left; margin:10px 0 0 5px;padding:5px 10px 0 15px; color:#bbbbbb; font-size:1.0em; line-height:150%; font-weight:bold; }
#footer_wrap #footer .copyright{margin:0px 0 0 0; font-size:1.0em; color:#bbbbbb; }
#footer_wrap #footer .copyright span{color:#fff; }
#footer_wrap #footer .copy_logo {float:right; position:absolute; right:0; top:-50px;display:block;}
#footer_wrap #footer .copy_logo2 {float:left; display:block;}

#footer_wrap #footer .sponsor {float:right; position:absolute; right:0px; top:40px;  }
#footer_wrap #footer .sponsor li {float:left; padding:10px 15px; background: url(../images/common/copy_line.gif) no-repeat right 22px;}
#footer_wrap #footer .sponsor li:last-child { background:none; padding-right:0}
.top00 a {display:none;}





/* 서브컨텐츠 */
#sub_container_wrap {position:relative;width:100%; height:auto; margin:0px auto;}
#sub_container{width:100%; margin:0 auto; }
#sub_contents {position:relative;width:100%; height:auto; margin:50px auto 0 auto;}


/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:600px;}
.sv_1 p {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}

#sub_visual_wrap {background:url(../images/sub/page1_visual5_.jpg) no-repeat 50% 0%; margin-top:0px;}

.sub_top_tit img {margin-bottom:20px;}


.sub_top_tit {position: relative; padding:280px 0 0 0; text-align: center;}
.sub_top_tit h2 { font-size:2.5em; font-weight:500;padding-left:10px; color:#fff;display:inline-block;  text-shadow: 4px 4px 4px #000;}


.sub_top_tit .subh2 {position: relative;display: inline-block;font-size: 2em;font-weight: 700;color: #fff;z-index: 2;text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.85);}





#subTopBar .btnPrint{right:40px;background:url(../images/sub/icon_btnPrint.gif) no-repeat;}
#subTopBar .btnPrint:hover{background:url(../images/sub/icon_btnPrint_over.gif) no-repeat;border-radius:16px;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}


#subTopBar{position:relative;padding:22px 40px; margin-top:-60px; background-color:#fff;}
#subNav:after{display:block;content:'';clear:both;}
#subNav > li{display:block;float:left;position:relative;min-width:270px;height:32px;box-sizing:border-box;}
#subNav > li:after{display:block;content:'';position:absolute;right:0;top:6px;height:20px;border-right:1px solid #cecece;}
#subNav > li.home{min-width:auto;width:45px;background:url(../images/sub/icon_subNav_home.gif) no-repeat 5px center;text-indent:-9999em;}
#subNav > li.home a{background:none;}
#subNav > li > a{display:block;padding:0 40px 0 20px;background:url(../images/sub/icon_subNav_ar.gif) no-repeat 92% center;font-size:15px;color:#4d4d4d;line-height:32px;}
#subNav > li > a:hover{color:#005cb9;}
#subNav ul{display:none;position:absolute;top:40px;left:-1px;right:0;padding:10px 0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;z-index:9;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
#subNav ul li a:hover{background:#f6f6f6;color:#005cb9;}
#subNav ul li a{display:block;padding:10px 10px 10px 20px;font-size:16px;line-height:120%;}
/* #subNav ul li:first-child a{padding-right:40px;background:url(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;}
#subNav ul li:first-child a:hover{background:#f6f6f6 url(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;} */
#subNav ul li:first-child a,
#subNav ul li:first-child a:hover{padding-right:0;background:none;}
#subNav > li.active ul{display:block;}
#subNav > li.active > a{background:url(/images/sub/icon_subNavOn_ar.png) no-repeat 92% center;}

/* 서브네비게이션*/
#sub-nav_wrap {position: absolute; bottom:0px; width: 100%; height: 55px; z-index: 2; background-color:#2B9942;}
#sub-nav {

  width: 1320px;
  
   margin:0px auto 0 auto; 
   padding:0;
 
  
}
#sub-nav > div > a {
  display: inline-block;
  float: left;
  width: 70px;
  height: 55px;
  border-style: solid;
  border-color: #35BF51;
  border-width: 0 1px;
  background-image: url(/images/home-icon.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
}
#sub-nav > div > a i {
  display: none;
}
#sub-nav .nav-dep {
  display: inline-block;
  float: left;
  position: relative;
  width: 250px;
  border-style: solid;
  border-color: #35BF51;
  border-width: 0 1px 0 0;
}
#sub-nav .nav-dep > a {
  display: block;
  padding: 16px 1.5em;
  font-weight: 300;
  font-size:15px;
  color:#fff;
}
#sub-nav .nav-dep > a:after {
  content: '▼';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;  
  -webkit-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
  font-size: 0.5em;
}


#sub-nav .nav-dep .dep_list li a:hover,
#sub-nav .nav-dep.on > a {
  background: #2B9942;
  font-weight: 400;
  color:#fff;
 
}




#sub-nav .nav-dep.on > a:after {
  -webkit-transform: rotate(180deg) translateY(35%);
  -ms-transform: rotate(180deg) translateY(35%);
  transform: rotate(180deg) translateY(35%);
}
#sub-nav .nav-dep .dep_list {
  display: none;
  position: absolute;
  top: 54px;
  left: -1px;
  width: 251px;
  border: 1px solid #d3d3d4;
  background: #fff;
  z-index: 100;
}
#sub-nav .nav-dep .dep_list li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 1.5em;
  border-top: 1px solid #d3d3d4;
  font-weight: 300;
}
#sub-nav .nav-dep .dep_list li a:first-child {
  border-top: 1px solid #f6f6f6;
}
/* 컨텐츠*/
.con_body{clear:both;height:auto;width:1320px; padding:0 0 0 0; margin:0 auto; } /*�е������� �̺�Ʈ������ ���Ʒ��� �ȸ���*/









/* Tablet Device �ּ� 900 ~ 1199  */
@media (min-width:900px) and (max-width:1400px) {

#wrap {min-width:100%;}
.wrapper { width:100%; }



/*서브비주얼*/

#sub-nav { width:100%;}

/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}
#footer_wrap #footer{ max-width:100%;}
#footer_wrap #copymenu {width:100%;}


.con_body{ width:98%; padding:0px 1%;}




}






/* Tablet Device �ּ� 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {

#wrap {min-width:100%;}

/* footer */
#footer_wrap {height:240px; text-align:center;}
#footer_wrap #footer{ max-width:100%;text-align:center; }
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}

#footer_wrap #copymenu {width:100%;}
#footer_wrap #footer .site_info{text-align:center; float:none;}
#footer_wrap #footer .copy_logo2 {float:none; text-align:center; position:relative;margin-bottom:0px; left:0; top:0;}
#footer_wrap #footer .copy_logo2 img {width:100%; max-width:130px;}
#footer_wrap #footer .copy1 {margin-left:0px; clear:both;margin-top:10px;}
#footer_wrap #footer .copy2 {margin-left:0px; clear:both;margin-top:20px;}
#footer_wrap #footer .copy_sns {display:none;}

#footer_wrap #footer .sponsor {display:none; }

#footer_wrap #footer .copyright{ margin-top:5px;}

#header #nav ul#lnb>li{ width:155px; }
#header #nav ul#lnb>li>div.submenu{width:135px;}

.top00 a {display:none;}


/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}

.con_body{ width:98%; padding:0px 1%;}


/*서브비주얼*/

#sub-nav { width:100%;}
.sv_1 {position:relative; width:100%; height:400px;}

.sub_top_tit {padding: 150px 0 115px; margin-left:0;}
#sub_visual_wrap1 {background-size:cover;}
#sub_visual_wrap2 {background-size:cover;}
#sub_visual_wrap3  {background-size:cover;}
#sub_visual_wrap4 {background-size:cover;}
#sub_visual_wrap {background-size:cover;}



#subTopBar {padding:20px 10px;}

}









/* Tablet Device �ּ� 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {



#wrap {min-width:100%;}
.wrapper { width:100%; }


#sub_contents { margin:110px auto 0 auto;}
#sub_container{margin:0px 0 0px 0;}


/* footer */
#footer_wrap {height:280px; text-align:center;}
#footer_wrap #footer{ max-width:100%;text-align:center; }
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}

#footer_wrap #copymenu {width:100%;}
#footer_wrap #footer .site_info{text-align:center; float:none;}
#footer_wrap #footer .copy_logo2 {float:none; text-align:center; position:relative;margin-bottom:10px; left:0; top:0;}
#footer_wrap #footer .copy_logo2 img {width:100%; max-width:130px;}
#footer_wrap #footer .copy1 {margin-left:0px; clear:both;margin-top:10px;}
#footer_wrap #footer .copy2 {margin-left:0px; clear:both;margin-top:20px;}
#footer_wrap #footer .copy_sns {display:none;}

#footer_wrap #footer .sponsor {display:none; }

#footer_wrap #footer .copyright{ margin-top:10px;}


/*���������� */
#sub_contents {width:100%;}
#sub_container{width:100%; }

.con_body{ width:98%; padding:0px 1%; }



/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:330px;}
#sub-nav { width:100%;}

.sub_top_tit {position: relative;padding: 180px 0 115px;text-align: center;}
#sub_visual_wrap1 {background-size:cover;}
#sub_visual_wrap2 {background-size:cover;}
#sub_visual_wrap3  {background-size:cover;}
#sub_visual_wrap4 {background-size:cover;}
#sub_visual_wrap {background-size:cover;}

.sub_top_tit {padding: 100px 0px; margin-left:0;}
.sub_top_tit h2 { font-size: 1.5em;}
.sub_top_tit .subh2 { font-size: 1.3em;}
.sub_top_tit .subh2 img {width:80%;}

#subTopBar {padding:20px 0;}
#subNav > li{display:none;}
	#subNav > li:last-child{display:block;width:100%;}
	#subNav > li:after{display:none;}
	#subNav ul li a{padding:10px 5%;}
	#subNav > li > a{padding:0 5%;}
	#subNav ul{top:-10px;}


}










/* Mobile Device �ּ� ~ �ִ� 589 */
@media (max-width:589px) {

#wrap {min-width:100%;}
.wrapper { width:100%; }
#sub_contents { margin:30px auto 30px auto;}
#sub_container{margin:0px 0 0px 0;}


/* footer */
#footer_wrap {height:280px; text-align:center;}
#footer_wrap #footer{ max-width:100%;text-align:center; }
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}

#footer_wrap #copymenu {width:100%;}
#footer_wrap #footer .site_info{text-align:center; float:none; margin:0;}
#footer_wrap #footer .copy_logo2 {float:none; text-align:center; position:relative;margin-bottom:10px; left:0; top:0;}
#footer_wrap #footer .copy_logo2 img {width:100%; max-width:130px;}
#footer_wrap #footer .copy1 {margin-left:0px; clear:both;margin-top:10px;}
#footer_wrap #footer .copy2 {margin-left:0px; clear:both;margin-top:20px;}
#footer_wrap #footer .copy_sns {display:none;}



#footer_wrap #footer .sponsor {display:none; }


#footer_wrap #footer .copyright{ margin-top:10px;}

/*탑버튼*/
.top00 {bottom:100px;position: fixed;right: 10px;z-index: 9999; display:block;}
.top00 a {display:block;}



/*서브컨텐츠*/
#sub_contents {width:100%;}
#sub_container{width:100%; padding-top:0px;}


.con_body{ width:94%; padding:0 3%;}


/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:330px;}
.sub_top_tit img {width:50%;}



#sub-nav { width:100%;}


.sub_top_tit {position: relative;padding: 180px 0 115px;text-align: center;}
#sub_visual_wrap1 {background-size:cover;}
#sub_visual_wrap2 {background-size:cover;}
#sub_visual_wrap3  {background-size:cover;}
#sub_visual_wrap4 {background-size:cover;margin-top:60px;}
#sub_visual_wrap {background-size:cover; background-position:47%;}

.sub_top_tit {padding: 120px 0 0 0; margin-left:0px;}
.sub_top_tit h2 { font-size: 1.8em;}
.sub_top_tit .subh2 { font-size: 1.3em;}
.sub_top_tit .subh2 img { width:90%;}

#subTopBar {padding:20px 0;}
#subNav > li{display:none;}
	#subNav > li:last-child{display:block;width:100%;}
	#subNav > li:after{display:none;}
	#subNav ul li a{padding:10px 5%;}
	#subNav > li > a{padding:0 5%;}
	#subNav ul{top:-10px;}


}