@charset "utf-8";
@import url(base.css);
@import url(menu.css);


#skipnavigation {position:absolute;}
#skipnavigation h1 {text-indent: -2000px;}
.sknavi{	position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:1px;
	display:block;

	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

#container {position: relative; margin:auto 0; padding: 0px; clear: both; float: none; background:#f4f4f4;}
.defaultbox { position: relative; clear: both; margin:0 auto; padding:0; width:990px; }


#head_wrap { position: relative; clear: both; height: 105px; z-index:10; border-top:3px solid #175ba7; border-bottom:1px solid #0051ac;}
	#toplogo {position: absolute; left:0px; top: 20px; }

	ul#globalmenu { position: absolute; top:-3px; right:0; margin:0; padding:10px 4px; font-size:12px; border-top:3px solid #2eabbc; }
	ul#globalmenu li { display: inline; float: left; padding: 0 5px;}
	ul#globalmenu li a { background:url(../../img/layout/bul_gm.png) no-repeat 0 50%; display: inline; float: left; padding: 0 0 0 8px ; text-decoration:none; color:#292929;}
	ul#globalmenu li a:hover { color:#000; }
	ul#globalmenu li.bgnone { background:none;}

	#searchbox { z-index:999; background:url(../../img/layout/searchbox.png) no-repeat; width:145px; padding:5px 20px 4px 5px; height:20px; position:absolute; right:10px; top:50px;}
	#searchbox input[type="text"] {border:none; height:17px; padding:4px 0; width:100%; background:none;   position: relative;  top: -5px;}
	#searchbox .btn_search {position:absolute; right:4px; top:-0px;border:none;}

#cvis {position: absolute; left:0; top: 84px;  width:100%; height:170px; text-align:center;}

#body_wrap { width:990px; margin:40px auto; padding:0; position: relative;}
	#body_left {position: relative; margin:0; padding: 0; float: left; width: 180px; }
		#loginbox {background:#fff; border:1px solid #cccccc; border-top:1px solid #3a79c7; margin-bottom:10px; padding:18px 0 0; width:178px; font-size:12px;}
		#ol_id, #ol_pw { background:url(/img/layout/login_input_txt_bg2.png) no-repeat; border:none; width:125px; padding:0 3px 0 10px; line-height:32px; height:32px; margin:0;font-size:13px;}
		/*.btn_submit00 {width:100%; background:#1bb8ff; line-height:38px; text-align:center; color:#fff; font-size:14px; border:none;}*/
		.btn_submit00 {width:138px; padding:0; background:url(/img/layout/login_btn_bg2.png) no-repeat; line-height:33px; text-align:center; color:#fff; font-size:14px; border:none; margin:0;}
		
		a.btn_submit00 { color:#fff;}
		#sidebar {position: relative; border:1px solid #cccccc; width: 180px;}
		.sidetitle {position:absolute; top:-1px;left:-1px; background:#3a79c7; padding:12px 0 0 25px; width:157px; height:80px;}
		.sidetitle h2 { display:inline-block; height:24px; font-weight:bold; font-size:24px; color:#fff; padding:10px 13px 0 0px; margin:0; background:url(../../img/layout/bul_h2.png) no-repeat 100% 0; }
		.sidetitle .txt { color:#b8d8ff; padding:5px 0 0 0; font-size:11px;}
	#body_content { float: right; width: 790px; min-height:600px; padding:0; }
		#content_head {position: relative; width:100%; margin:0 0; color:#000000;  height:172px;  border:1px solid #cccccc; border-width:0 1px;}
			#location {position:absolute; top:-1px;left:-1px; width:770px; padding-left:20px; height:45px; font-size:12px; color:#bce4e9; background:#2d9baa; border:1px solid #248491; line-height:43px;}
			#location a {color:#fff;}
			#location .arrow {margin:0 6px;}
			#location em {display:inline-block; vertical-align:middle;}
			#content_title {text-align:center; width:730px; margin:auto; border-bottom:1px solid #ddd; padding-top:68px; height:120px; }
			#content_title h3{ height:30px; font-weight:bold; font-size:30px; color:#000; padding:27px 0 10px; margin:0; background:url(../../img/layout/bul_h3.png) no-repeat 50% 0; }
			#content_title .txt { font-size:13px; color:#888; padding:10px 0; }
		#content_text {position: relative; width:100%; min-height:600px; color:#333;  line-height:150%; padding:50px 0 0; margin:0; border:1px solid #cccccc; border-width:0 1px 1px;}
		
		.contents {padding:0 30px;}
		#content_foot {/*height:80px;*/ }

#wings {left:992px; position:absolute; top:187px; width:95px; height:400px; overflow:hidden; border:0px solid #000; padding:0 0 0 0;} 	

#foot_wrap { background:#3d3d3d url(../../img/layout/footbg2.png) repeat-x; position:relative; display:block; margin:0; padding:0; height:380px; margin:0; color:#fff; }
		
		.foot_logo { position:absolute; top:14px; left:0px; }

		#copyright {height:20px;   padding:0; text-align:center; padding-top:20px;}


.clear_div { clear:both; height:0px;} 





.btnTop {position:absolute; top:0; right:0;}
.ftMenu {height:11px; padding:15px 0 }
.ftMenu li {float:left; padding:0 30px; border-left:solid 1px #e5e5e5; border-right:solid 1px #575757; }
.ftMenu li:first-child {border-left:none;}
.ftMenu li:last-child {border-right:none;}
.ftMenu li a {font-size:11px; font-weight:bold; color:#fff; text-decoration:none;}

.defaultbox.inner {background:#3d3d3d url(../../img/layout/footbg.png) no-repeat 50% 0; height:325px;}

.inner > ul {padding:20px; color:#ddd;}
.inner > ul li.easy {display:inline; float:left;}
.inner > ul li.easy h3 {padding:0 0 5px 0;}
.inner > ul li.easy > ul {padding:0 15px 0 0; width:115px;}
.inner > ul li.easy > ul > li {padding:3px 0;}
.inner > ul li.easy a {color:#ddd; font-size:11px;}

.easyContact {width:270px; right:0; top:30px; position:absolute;}
.easyContact .info {background:url(../../img/layout/bul_addr.png) no-repeat; padding-top:20px; line-height:170%; font-size:12px;}


.profun01{ 
  border: 2px solid #E7E7E7;
  width: 31%;
  float: left;
  margin-right: 10px;
  height: 280px;
    margin-bottom: 10px;
	border-radius: 10px;
  }

  .profun_img{
  text-align: center;
  margin: 20px 0;
  }

  .profun_title{
  text-align: center;
  color: #2EABBC;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;

  }

  .profun_text{
  text-align: center;
  color: #666;
  letter-spacing: -1.5px;
  }

/*탭 css*/
#css_tabs {
    font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif
}
/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1), 
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2), 
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3), 
#css_tabs input:nth-of-type(4), #css_tabs input:nth-of-type(4) ~ div:nth-of-type(4), 
#css_tabs input:nth-of-type(5), #css_tabs input:nth-of-type(5) ~ div:nth-of-type(5) {
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), 
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), 
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3), 
#css_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4), 
#css_tabs input:nth-of-type(5):checked ~ div:nth-of-type(5) {
    display:block
}
/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    /*
	display:table-cell;
    font-variant:small-caps;
    font-size:.9em;
    padding:5px;
    text-align:center;
    width:3%;
    line-height:1.8em;
    font-weight:700;
   
    background:#eee;
    color:#777;
    border:1px solid #ccc;
 */

   width:15.7%;
}
#css_tabs > label > img{
	width:100%;
}
#css_tabs > label:hover {
    cursor:pointer
}
#css_tabs label[for=tab1] {
    /*margin-left:1.5em*/
}
#css_tabs > label[for=tab1]{
	background: url('../../img/contents/10tab/a1.gif');
	background-size:100%;
}
#css_tabs > label[for=tab2]{
	background: url('../../img/contents/10tab/a2.gif');
	background-size:100%;
}
#css_tabs > label[for=tab3]{
	background: url('../../img/contents/10tab/a3.gif');
	background-size:100%;
}
#css_tabs > label[for=tab4]{
	background: url('../../img/contents/10tab/a4.gif');
	background-size:100%;
}
#css_tabs > label[for=tab5]{
	background: url('../../img/contents/10tab/a5.gif');
	background-size:100%;
}
/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
/*        border-left: 1px solid #d4d4d4;
    border-top: 1px solid #006dba;
    border-right: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background: #006dba;
    color:#fff*/
	background: url('../../img/contents/10tab/a1-1.gif');
	background-size:100%;
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
/*        border-left: 1px solid #d4d4d4;
    border-top: 1px solid #006dba;
    border-right: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background: #006dba;
    color:#fff*/
		background: url('../../img/contents/10tab/a2-1.gif');
	background-size:100%;
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
 /*      border-left: 1px solid #d4d4d4;
    border-top: 1px solid #006dba;
    border-right: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background: #006dba;
    color:#fff*/
		background: url('../../img/contents/10tab/a3-1.gif');
	background-size:100%;
}
#css_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover {
 /*      border-left: 1px solid #d4d4d4;
    border-top: 1px solid #006dba;
    border-right: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background: #006dba;
    color:#fff*/
		background: url('../../img/contents/10tab/a4-1.gif');
	background-size:100%;
}
#css_tabs input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover {
  /*      border-left: 1px solid #d4d4d4;
    border-top: 1px solid #006dba;
    border-right: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background: #006dba;
    color:#fff*/
		background: url('../../img/contents/10tab/a5-1.gif');
	background-size:100%;
}
/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content, #css_tabs .tab4_content, #css_tabs .tab5_content {
    padding:2em 0px;
    /*border:1px solid #ddd;*/
    width:100%;
    height:100%
}