@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

#container{*display:inline-block; width:1200px; overflow:hidden; margin: 38px auto 0; }
#container:after{display:block;clear:both;content:''}

/* 상단이미지 */
.subtop_01{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_01.jpg) center no-repeat; overflow:hidden; }
.subtop_02{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_02.jpg) center no-repeat; overflow:hidden; }
.subtop_03{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_03.jpg) center no-repeat; overflow:hidden; }
.subtop_04{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_04.jpg) center no-repeat; overflow:hidden; }
.subtop_05{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_05.jpg) center no-repeat; overflow:hidden; }
.subtop_06{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_06.jpg) center no-repeat; overflow:hidden; }
.subtop_07{ display:table; position:relative; width:100%; height:240px; background:url(../images/subtop_07.jpg) center no-repeat; overflow:hidden; }

.subtoptext { display:table-cell; vertical-align:middle; font-size:2.0em; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-1px; text-align:center; z-index:;}
.subtoptext .txt{ font-size:0.7em; font-weight:300; line-height:1.6em; letter-spacing:0px;}

/* 왼쪽영역 */
.snb{ float:left; width:250px; margin-right:40px; margin-top: 0px; min-height: 100%; }
.snb  #title {font-weight:600;  color:#343434; font-size:26px; }

.snb  #sm { margin-top:7px;  overflow:hidden;}
.snb  #sm a{ line-height:40px;color: #333333; font-size: 15px;  display:block;padding-left:15px; height:38px;  background-color:#fff; border:1px #dedede solid;}
.snb  #sm li{ float:left;  margin-top:5px;width:250px; }
.snb  #sm li.on a{ color:#fff; background:url(../images/bg_nav_on.png) right; font-weight:400; height:40px; border:none;}

/* 서브왼쪽 배너 */
.snb .banner .tel { background:url(../images/sub_banner_tel.gif) top right; margin-top:20px; width:200px; padding:20px 25px; font-size:1.0em; color:#fff; line-height:1.3em; }
.snb .banner .tel .tit {font-size:1.3em; font-weight:; color:#fff;}
.snb .banner .tel .tit strong{font-size:1.45em; color:#fff7b4; line-height:1.6em; letter-spacing:0}
.snb .banner .kakao { background:url(../images/sub_banner_kakao.gif) top right; width:200px; padding:20px 25px; font-size:1.0em; font-weight:600; color:#3b1e1e; line-height:1.3em; }
.snb .banner .kakao .tit {font-size:1.15em; font-weight:500; margin-bottom:5px;}
.snb .banner .blog { background:url(../images/sub_banner_blog.gif) top right; width:200px; padding:20px 25px; font-size:1.0em; font-weight:; color:#1c5100; line-height:1.3em; }
.snb .banner .blog .tit {font-size:1.15em; font-weight:500; margin-bottom:5px;}

/* 상단타이틀영역 */
.titleArea { position:relative; width:910px; height:40px; border-bottom:2px #595959 solid; }
.titleArea > #subtitle {position: absolute; font-weight:600; font-size:25px; color:#343434; line-height:22px;  }
.titleArea > #map { position: absolute; right:0px; top:10px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 5px; padding-left:18px; }


/* 컨텐츠영역 */
#content{ float:left; width:910px; }

#content .wrapper{ margin: 35px 0 0 0; overflow:hidden; }
#content .wrapper2{ margin: 45px 0 0 0; }
#content .wrapper3{ margin: 55px 0 0 0; }

#content h1 { font-size:1.6em; color: #27bac5; line-height:1.7em; margin-bottom:23px; }
#content h2 { color: #454545; font-size:1.3em ; margin-bottom:10px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 5px;  padding-left:15px; text-align:left; }

/* 소타이틀 */
.stit { display:block; background:url(../images/bg_stit.gif) no-repeat 0 5px; padding-left:14px; margin-bottom:20px; font-size:22px; font-weight:600; color:#414141; letter-spacing:-1px;}
.stit2 { display:block; margin-bottom:15px; font-size:1.4em; font-weight:600; color:#; letter-spacing:-1px;}
.stit3 { display:block; margin-bottom:15px; font-size:18px; font-weight:600; color:#2e2e2e; letter-spacing:-0.5px;}
.br { display:block; height:20px;}
.br2 { display:block; height:13px;}


/* 테이블 */
.tb1 { color: #333; font-size: 13px; width:100%; border-top:2px #42b7c0 solid; padding:0; border-spacing:0;border-collapse:collapse;  word-wrap:break-word; }
.tb1 caption {color: #454545; font-size:1.5em ; margin-bottom:10px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 5px;  padding-left:15px; text-align:left; }
.tb1 th{ background:#f5f5f5; border:1px #CCCCCC solid; padding:10px; font-size:1.07em; font-weight:500; color:#333; }
.tb1 td{border:1px #CCCCCC solid; padding:10px; line-height:22px; }
.tb1 td.bg1{ background:#f5f5f5; font-weight:; text-align:center; }
.tb1 td a { color:#990000}
.tb1 td li{ margin:5px 0;}
.tb1 thead {background-color:#fdfdf6; color:#695f45; font-size:13px; font-weight:800;}
#content .tbBottom { margin-top:5px; color: #333333; font-size: 12px; }

.common_box2 { width:100%; overflow:hidden;}
.common_box2 li {display:flex; align-items:center; float:left; background:#f5f5f5; width:45%; margin:0.25%; padding:1.5% 2%; border:1px #dedede solid; font-weight:500; color:#0c468e; }

.common_list3 { width:100%; overflow:hidden; }
.common_list3 li { float:left; width:32.5%; margin:0.4%;}
.common_list3 li img { width:100%;}


@media ( max-width: 1200px )  /* 테블릿 */
{	

#container{*display:inline-block; width:96%; overflow:hidden; margin: 25px auto 0; }
#container:after{display:block;clear:both;content:''}

/* 상단이미지 */
.subtop_01{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_01.jpg) center; background-size:cover; overflow:hidden; }
.subtop_02{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_02.jpg) center; background-size:cover; overflow:hidden; }
.subtop_03{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_03.jpg) center; background-size:cover; overflow:hidden; }
.subtop_04{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_04.jpg) center; background-size:cover; overflow:hidden; }
.subtop_05{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_05.jpg) center; background-size:cover; overflow:hidden; }
.subtop_06{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_06.jpg) center; background-size:cover; overflow:hidden; }
.subtop_07{ display:table; position:relative; width:100%; height:auto; padding:35px 0; background:url(../images/subtop_07.jpg) center; background-size:cover; overflow:hidden; }

.subtoptext { display:table-cell; vertical-align:middle; font-size:1.7em; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-1px; text-align:center; z-index:;}
.subtoptext .txt{ font-size:0.7em; font-weight:300; line-height:1.6em; letter-spacing:0px;}

/* 왼쪽영역 */
.snb{ float:left; width:17.5%; margin-right:2.5%; margin-top:0px; min-height: 100%; }
.snb  #title {font-size:1.7em; font-weight:600; color:#343434; line-height:1.3em;}

.snb  #sm { margin-top:5px; overflow:hidden;}
.snb  #sm a{  display:block;  background-color:#fff; border:1px #dedede solid; height:35px; padding-left:10px; font-size:0.9em; color:#333333;line-height:35px; }
.snb  #sm li{ float:left;  margin-top:5px; width:100%; }
.snb  #sm li.on a{ color:#fff; background:url(../images/bg_nav_on.png) right; font-weight:400; height:35px; border:none;}

/* 서브왼쪽 배너 */
.snb .banner .tel { background:url(../images/sub_banner_tel.gif) top right; background-size:cover; margin-top:20px; width:80%; padding:10%; font-size:0.9em; color:#fff; line-height:1.2em; }
.snb .banner .tel .tit {font-size:1.05em; font-weight:500; color:#fff;}
.snb .banner .tel .tit strong{font-size:1.2em; color:#fff7b4; line-height:1.6em; letter-spacing:0}
.snb .banner .kakao { background:url(../images/sub_banner_kakao.gif) #ffdd04 top right no-repeat; background-size:97%; width:80%; padding:10%; font-size:0.9em; font-weight:600; color:#3b1e1e; line-height:1.3em; }
.snb .banner .kakao .tit {font-size:1.05em; font-weight:500; margin-bottom:5px;}
.snb .banner .blog { background:url(../images/sub_banner_blog.gif) #87e654 top right no-repeat;; background-size:97%; width:80%; padding:10%; font-size:0.9em; font-weight:; color:#1c5100; line-height:1.3em; }
.snb .banner .blog .tit {font-size:1.05em; font-weight:500; margin-bottom:5px;}

/* 상단타이틀영역 */
.titleArea { position:relative; width:100%; height:44px; border-bottom:2px #595959 solid; }
.titleArea > #subtitle {position: absolute; font-weight:600; font-size:23px; color:#343434; margin-top:4px;}
.titleArea > #map { position: absolute; right:0px; top:10px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 5px; padding-left:18px; }


/* 컨텐츠영역 */
#content{ float:left; width:80%; }

#content .wrapper{ margin: 35px 0 0 0; overflow:hidden; }
#content .wrapper2{ margin: 45px 0 0 0; }
#content .wrapper3{ margin: 55px 0 0 0; }

#content h1 { font-size:1.6em; color: #27bac5; line-height:1.7em; margin-bottom:23px; }
#content h2 { color: #454545; font-size:1.3em ; margin-bottom:10px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 5px;  padding-left:15px; text-align:left; }

/* 소타이틀 */
.stit { display:block; background:url(../images/bg_stit.gif) no-repeat 0 5px; padding-left:14px; margin-bottom:20px; font-size:22px; font-weight:600; color:#414141; letter-spacing:-1px;}
.stit2 { display:block; margin-bottom:15px; font-size:1.4em; font-weight:600; color:#; letter-spacing:-1px;}
.stit3 { display:block; margin-bottom:15px; font-size:18px; font-weight:600; color:#2e2e2e; letter-spacing:-0.5px;}
.br { display:block; height:20px;}
.br2 { display:block; height:13px;}

}





@media ( max-width: 767px )  /* 폰 */
{
	
#container{*display:inline-block; width:96%; overflow:hidden; margin: 20px auto 0; }
#container:after{display:block;clear:both;content:''}
	
/* 상단이미지 */
.subtop_01{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_01.jpg) center; background-size:cover; overflow:hidden; }
.subtop_02{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_02.jpg) center; background-size:cover; overflow:hidden; }
.subtop_03{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_03.jpg) center; background-size:cover; overflow:hidden; }
.subtop_04{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_04.jpg) center; background-size:cover; overflow:hidden; }
.subtop_05{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_05.jpg) center; background-size:cover; overflow:hidden; }
.subtop_06{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_06.jpg) center; background-size:cover; overflow:hidden; }
.subtop_07{ display:table; position:relative; width:100%; height:auto; padding:25px 0; background:url(../images/subtop_07.jpg) center; background-size:cover; overflow:hidden; }

.subtoptext { display:table-cell; vertical-align:middle; font-size:1.3em; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-1px; text-align:center; z-index:;}
.subtoptext .txt{ font-size:0.7em; font-weight:300; line-height:1.6em; letter-spacing:0px;}

/* 왼쪽영역 */
.snb{ display:none; float:left; width:17.5%; margin-right:2.5%; margin-top:0px; min-height: 100%; }

/* 상단타이틀영역 */
.titleArea { position:relative; width:100%; height:30px; border-bottom:2px #595959 solid; }
.titleArea > #subtitle {position: absolute; font-weight:600; font-size:1.3em; color:#343434;  }
.titleArea > #map { position: absolute; right:0px; top:5px; color: #979797; font-size:11px; background:url(../images/dot_home.png) no-repeat 0 4px; padding-left:18px; }


/* 컨텐츠영역 */
#content{ float:left; width:100%; }

#content .wrapper{ margin: 35px 0 0 0; overflow:hidden; }
#content .wrapper2{ margin: 45px 0 0 0; }
#content .wrapper3{ margin: 55px 0 0 0; }

#content h1 { font-size:1.2em; color: #27bac5; line-height:1.2em; margin-bottom:23px; }
#content h2 { color: #454545; font-size:1.3em ; margin-bottom:10px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 5px;  padding-left:15px; text-align:left; }

/* 소타이틀 */
.stit { display:block; background:url(../images/bg_stit.gif) no-repeat 0 5px; padding-left:14px; margin-bottom:20px; font-size:22px; font-weight:600; color:#414141; letter-spacing:-1px;}
.stit2 { display:block; margin-bottom:15px; font-size:1.2em; font-weight:600; color:#; letter-spacing:-1px;}
.stit3 { display:block; margin-bottom:15px; font-size:18px; font-weight:600; color:#2e2e2e; letter-spacing:-0.5px;}
.br { display:block; height:20px;}
.br2 { display:block; height:13px;}


/* 테이블 */
.tb1 { color: #333; font-size: 13px; width:100%; border-top:2px #42b7c0 solid; padding:0; border-spacing:0;border-collapse:collapse;  word-wrap:break-word; }
.tb1 caption {color: #454545; font-size:1.3em ; margin-bottom:7px; line-height:24px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 2px; padding-left:12px; text-align:left; }
.tb1 th{ background:#f5f5f5; border:1px #CCCCCC solid; padding:8px; font-size:1.05em; color:#333; }
.tb1 td{border:1px #CCCCCC solid; padding:6px; line-height:17px; }
.tb1 td.bg1{ background:#f5f5f5; font-weight:; }
.tb1 td a { color:#990000}
.tb1 td li{ margin:5px 0;}
.tb1 td img{ width:80%;}
.tb1 thead {background-color:#fdfdf6; color:#695f45; font-size:13px; font-weight:800;}
#content .tbBottom { margin-top:5px; color: #333333; font-size: 12px; }


.common_box2 { width:100%; overflow:hidden;}
.common_box2 li {display:flex; align-items:center; float:left; background:#f5f5f5; width:94.5%; margin:; padding:1.5% 2%; border:1px #dedede solid; font-size:0.9em; font-weight:500; color:#0c468e; line-height:1.4em; }

.common_list3 { width:100%; overflow:hidden; }
.common_list3 li { float:left; width:32.5%; margin:0.4%;}
.common_list3 li img { width:100%;}

}





dl.topSummary {  overflow:hidden;background-position:right top; background-repeat:no-repeat;}
dl.topSummary dt { color: #31497c; font-size: 24px; line-height:34px;}
dl.topSummary dd { color: #444; font-size: 14px; padding-right:220px;  margin-top:20px; line-height:24px;background-position:right top; background-repeat:no-repeat;}
dl.topSummary dd strong { color:#884c05;}
dl.topSummary  .btn > a{ display:block;width:140px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:13px;}
dl.topSummary  .btn > a:hover{ background: #000; }

ul.boxType1{}
ul.boxType1 li{ float:left; margin:10px}
ul.boxType1 li .title{ background:#80ba3f; color:#FFFFFF; text-align:center; width:212px; line-height:30px; font-weight: bold; }
ul.boxType1 li .contents{ background:#fff; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:190px; padding:15px 10px; border:1px #e1e1e1 solid;}


ul.boxType1_1{}
ul.boxType1_1 li{ float:left; margin:10px}
ul.boxType1_1 li .title{ background:#80ba3f; color:#FFFFFF; text-align:center; width:329px; line-height:30px; font-weight: bold; }
ul.boxType1_1 li .contents{ background:#fff; color: #535353; font-size: 12px; line-height:19px; width:307px; padding:15px 10px; border:1px #e1e1e1 solid; overflow:hidden; }
ul.boxType1_1 li .contents li {list-style:circle; clear:left; margin:2px 20px ; line-height:17px;}

ul.boxType2{}
ul.boxType2 li{ float:left; margin:10px; background:#fff; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:97px; padding:15px 10px; border:1px #e1e1e1 solid;border-top:#80ba3f 2px solid;}

ul.boxType3{}
ul.boxType3 li{ float:left; margin:10px; background:#fff; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:190px; padding:15px 10px;  border:1px #e1e1e1 solid;border-top:#80ba3f 2px solid;}

ul.boxType4{}
ul.boxType4 li{ float:left; margin:10px; background:#fff; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:132px; padding:15px 10px;  border:1px #e1e1e1 solid;border-top:#80ba3f 2px solid;}


.webzine1 { padding-bottom:20px; border-bottom:#cfcfcf 1px dashed; overflow:hidden; margin-top:20px;}
.webzine1 > .pic{ float:left}
.webzine1 > .contents{ float:left; margin-left:34px; width:470px; }
.webzine1 > .contents > .title {color: #d81818; font-size: 16px;font-weight:bold; }
.webzine1 > .contents > .text {color: #535353; font-size: 14px; margin-top:5px; }
.webzine1 > .contents > .viewmore > a{ display:block;width:80px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:11px;}
.webzine1 > .contents > .viewmore > a:hover{ background: #000; }

.person { position:relative; margin-top:10px; margin-left:0px; display:block; overflow:hidden; border:1px #e7e7e7 solid;  padding:15px; font-family: '맑은 고딕','돋음';}
.person:first-child{ margin-top:0;}
.person > .pic{ position:absolute; right:20px; top:25px; }
.person > .title{ color:#0067c6; font-size:20px; width:500px; font-weight:bold; }
.person > .title > span{ font-family: '맑은 고딕','돋음'; color:#303030; font-size:16px; font-weight:bold;  }
.person > .title2{ margin-left:0px; width:510px; color:#999; font-weight:bold; font-size:13px; line-height:20px; margin-top: 10px; }
.person > .title3{ background-color:#0e70cb; border-radius:3px; width:70px; text-align:center;  margin-top:10px;  color:#fff; font-weight:bold; font-size:14px; line-height:25px; }
.person > ul.career {width:550px; padding-top:5px; overflow:hidden; }
.person > ul.career li{list-style: circle ; margin-left:18px; font-size:12px; margin-top:5px;color:#535353; }
.person > ul.career li strong{color:#0076bf; }


.list1 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; color: #333; font-size: 13px; margin-top:10px; line-height:20px; }
.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; color: #333; font-size: 13px; margin-top:10px; line-height:20px; }

ol.listNum {margin-left:23px;}
ol.listNum > li { list-style: decimal !important;  color: #333; font-size: 13px; margin-top:10px; line-height:20px; }


/* 테이블 회색 */
.tb2 { margin-top:10px;width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse;  color: #535353; font-size: 13px; line-height:21px; }
.tb2 caption {text-align:left;font-size:16px; color:#535353;}
.tb2 th,.tb2 td{border:1px #e7e7e7 solid; padding:10px; }
.tb2 th {background-color:#f7f7f7;color:#666;}
.tb2 thead {background-color:#6893e1; color:#FFF; font-size:13px; font-weight:800;}


/* 탭메뉴 */
#tabmenu {
	position:relative;
	overflow:hidden;
	color:#646464;
	font-weight:bold;
    background-color:#;
	
	margin:auto;
}
#tabmenu ul li, #tabmenu ul li a {
	font-family:'맑은 고딕';
	font-size:13px;
}
#tabmenu ul li {
	float:left;
	line-height:31px;
	margin-left:7px;
	border:1px #b4c4d7 solid;
	box-shadow:3px 3px 0px rgba(0, 0, 0, 0.2);
}
#tabmenu ul li:first-child {
	margin-left:0;
}
#tabmenu ul li a {
	display:inline-block; padding:0 15px;
	min-width:73px;
	
	height:35px;
	text-align:center;
	background-position: 100% 0;
	cursor:pointer;
	text-decoration:none !important
}
#tabmenu ul li a:hover {
	color:#000
}
#tabmenu ul li.on, #tabmenu ul li.on a {
	background:#0f3e78;
	border:1px #0f3e78 solid;
}
#tabmenu ul li.on a {
	color:#fff;
	border:0px #ff1e50 solid;
}

#tabmenu ul li a.sec {
	
	width:102px;

}

/* 탭메뉴2 */
#tabmenu2{ position:relative;overflow:hidden;  font-family: '나눔고딕','Nanum Gothic'; font-weight:600; font-size:15px; color:#000}
#tabmenu2 ul li,#tabmenu2 ul li a{background:url(../images/bg_tab2_off.gif) no-repeat; }
#tabmenu2 ul li{float:left;line-height:44px; width:25%; border-bottom: 1px #987542 solid;}
#tabmenu2 ul li a{display:inline-block;width:100%; text-align:center; background-position: 100% 0;cursor:pointer;text-decoration:none !important}
#tabmenu2 ul li a:hover{color:#000}
#tabmenu2 ul li.on,#tabmenu2 ul li.on a{background-image:url(../images/bg_tab2_on.gif); border-bottom: none;}
#tabmenu2 ul li.on a{color:#3376b8}

#tabcontent21{}
#tabcontent22{}