#logo {float:left;padding: 8px 0 0 0;position: relative;z-index: 1010;}
#logo:before{display: inline-block; content:' '; vertical-align:bottom;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index: 10 !important;position:relative;background:#fff;height:115px;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto; width:100%;height:7px;zoom:1;background:#b6b6b6;}
#hd_wrapper:after {display: block; visibility:hidden; clear:both; content:"";}
.header {clear:both;width:1200px;margin:0 auto;position:relative;}

/* 상단 회원가입 등 링크 */
#tnb {list-style:none;zoom:1;width:1200px;margin:0 auto;text-align:right;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb a {display:inline-block;padding: 0 20px;font-size: 11px;line-height:30px;background:#9e9e9e;border-left:1px solid #b6b6b6;color:#fff;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}



/* 중간 레이아웃 */
#wrapper {clear:both;z-index:5;margin: 0 auto 0;width:100%;  zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.inner {clear:both;width:1200px;margin:0 auto;position:relative;}

/* 하단 레이아웃 */
#ft_menu {clear:both;background:#fff;width:100%;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
#ft_menu a {display:inline-block;padding:8px 30px;border-right:1px solid #dadada;font-size:12px;}
#ft_menu a:first-child {border-left:1px solid #dadada;}
#ft {clear:both;background:#f3f3f3;padding:30px 0;font-size:12px;color:#777;}
#ft:after {display:block;visibility:hidden;clear:both;content:""}
#ft h1 {float:left;margin:0px 30px 0 0;}
#ft p {float:left;line-height:18px; margin-top: 3px;}

/* main menu */

table.tableB {clear:both;width:100%;display: table;border-collapse:collapse;border-spacing: 0;background:#fff;border:1px solid #ddd !important;border-top:2px solid #000 !important;font-size:16px;}
table.tableB thead th {padding:5px 5px;vertical-align:middle;color:#fff;font-weight:400;text-align:center;background:#464646;border-left:1px solid #fff;}
table.tableB thead th:first-child {border:none;}
table.tableB thead td {border:1px solid #ddd;}
table.tableB  th {padding:10px 10px;vertical-align:middle;color:#444444;font-weight:400;text-align:center;}
table.tableB  tr {border-bottom:1px solid #ddd;margin:10px 0;}
table.tableB  tr:hover {background:#fafafa;}
table.tableB  th {border:1px solid #ddd;color:#000;background:#fafafa; }
table.tableB  td {padding:10px 15px;vertical-align:middle;color:#666;font-weight:400; border:1px solid #ddd;}

#gnbmobile {display:none;}
#gnb {position:absolute;right:0;top:0px;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:20px auto 0 !important;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 0 0 45px;height:55px;font-weight:700;line-height:55px;text-decoration:none;font-size:18px;color:#353535; letter-spacing: -1px; }
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;}
.gnb_1dli_air .gnb_1da {background-color:#fff;}
.gnb_1dli_on .gnb_1da {background-color:#fff;}
.gnb_2dul {display:none;position:absolute;top:45px;width:250px;padding:20px 10px;}
.gnb_2dli:first-child a {padding-top:20px;}
.gnb_2dli:last-child a {padding-bottom:20px;}
.gnb_2da {display:block;padding:8px 20px;text-align:left;text-decoration:none;font-size:12px;border-bottom:1px dotted #646464}

.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;background-color:#3d4786;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/*mobile menu */
#gnb_open {position:absolute;top:25px;right:20px;padding:0 10px;height:3em;border:1px solid #dddddd;background:#fff;color:#000;font-size:1em;letter-spacing:-0.1em;border-radius:5px}
#gnbm {display:none;background:#fff;padding:115px 0 0 0;}
#gnbm a {display:block;color:#efefef}
.gnbm_1da {padding:10px;border-top:1px solid #191919}
.gnbm_2dul {background:#383838}
.gnbm_1dli {background:#282828;}
.gnbm_2dli:hover {background:#3d4786;}
.gnbm_2da {padding:10px;border-top:1px solid #282828}
.gnbm_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnbm_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}	
#gnbm button {border:none;}

/* index */
#mainVisual_wrap {clear:both; width:100%; position:relative; height:480px; margin:0 auto; }
.main_visual {clear:both;position:relative;top:0px;width:100%;margin:0 auto;padding:0;height:480px;z-index:1;}
#ss1 #slideshow {clear:both; width:100%; height:480px;position:absolute;top:0px;z-index:1;left:0;}
#ss1 #slideshow #slides {position:relative; width:100%; height:100%; margin:auto; }
#ss1 #slideshow #slides li {width:100%; height:480px;}
#ss2{ display: none; }


#ss1 #slideshow #slides li.main1 {background:url('../../images/01_bg.jpg') no-repeat top center; background-size:cover}
#ss1 #slideshow #slides li.main2 {background:url('../../images/02_bg.jpg') no-repeat top center; background-size:cover}
#ss1 #slideshow #slides .mvCon_inner {position:relative; width:1200px; margin:0 auto; padding:140px 0 0; text-align:center;}

.sliderbutton {position:absolute;left:0;top:200px;z-index:9999999999;cursor:pointer; }
.sliderbutton1 {position:absolute;right:0;top:200px;z-index:9999999999999999999;cursor:pointer;}


#slides .mvCon_inner  h5 {font-size:45px;color:#fff;font-weight:300;margin:0;text-shadow:1px 1px 5px #626262; letter-spacing:-2px;line-height:60px; margin-top:30px;}
#slides .mvCon_inner  h5 span {color:#fff;font-weight:600;font-size:75px;}
#slides .mvCon_inner > p {font-size:16px;color:#fff;margin:10px 0 0 0;line-height:20px;letter-spacing:0px;text-shadow:1px 1px 5px #626262; }
#slides .mvCon_inner  a {display:inline-block;padding:10px 30px;border:3px solid #fff;border-radius:4px;margin:20px 0 0 0;color:#fff;font-family:'FontAwesome';letter-spacing:0px;text-shadow:1px 1px 5px #626262;}

.pagination {position:relative;list-style:none; height:16px; margin:0px auto;z-index:1000;width:100px;padding:450px 0 0 0;text-align:center;}
.pagination li {float:left; cursor:pointer; width:16px;height:16px;font-size:0;background:url('../../images/main_paging.png') no-repeat;margin:0 3px 0 0;}
.pagination li:hover {background:url('../../images/main_paging_over.png') no-repeat;}
li.current {background:url('../../images/main_paging_over.png') no-repeat;}

.mainNotice {clear:both;background:#4d4d5f;line-height:40px;}
.mainNotice:after {display: block; visibility:hidden; clear:both; content:"";}
.mainNotice h4 {float:left;margin-right:20px;}

.mainContent {clear:both;width:100%;margin:0px auto;background:url("../../images/bg_contents_middle.png") no-repeat center top;height:247px}
.mainContent:after {display: block; visibility:hidden; clear:both; content:"";} 

.content_list{width:1200px;margin:0 auto;}
.content_list:after {display: block; visibility:hidden; clear:both; content:"";}
.content_list .ball_group{}
.content_list .ball_group h3{float:left;width:403px;color:#fff;font-size:30px;font-family:'FontAwesome';letter-spacing:-1px;font-weight:300;position: relative;padding:80px 0 0 0;}
.content_list .ball_group .banner_list {float:right;position:relative;width:796px;height:247px;}
.content_list .ball_group .banner_list .mask {position:relative;height:278px;min-width:773px !important;overflow:hidden;}
.content_list .ball_group .banner_list ul{position:absolute; top:0; left:0px; width:10000px;}
.content_list .ball_group .banner_list ul li{float:left; width:387px; overflow:hidden; padding-right:1px;}
.content_list .ball_group .banner_list ul li a{display:block;width:357px; overflow:hidden;padding:30px 0 0 30px;}
.content_list .ball_group .banner_list ul li a strong {font-size:22px;color:#333;}
.content_list .ball_group .banner_list ul li a p {display:block;color:#999;margin:10px 0 0 0;font-size:13px;line-height:16px;}
.content_list .ball_group .banner_list ul li a p.img {text-align:right;}
.content_list .ball_group .banner_list .ctr{position:absolute;right:20px;top:20px;}
.content_list .ball_group .banner_list .ctr a{float:left;margin-left:6px;}
.content_list .ball_group .banner_list .rLine {position:absolute;top:0;left:795px;z-index:5;width:0;height:247px;border-right:1px solid #d9d9d9;}

.mainContent02 {width:1200px;margin:0 auto;border:1px solid #dddddd;position:relative;}
.mainContent02:after {display: block; visibility:hidden; clear:both; content:"";}
.mainContent02 div.box {width:33.3333%;float:left;border-left:1px solid #dddddd;}
.mainContent02 div.box:first-child {border-left:none;}
.mainContent02 div.box h3 {font-size:18px;color:#181818;}
.mainContent02 div.box h3 a {font-size:18px;color:#181818;}
.mainContent02 div.box p {color:#999;margin:10px 0 0 0;font-size:13px;line-height:16px;}
.mainContent02 div.box > div {padding:4% 7%;}
.mainContent02 div.box > div p.tel {padding:10px 0 6px 0;font-size:20px;color:#ff731e;font-weight:bold;}
.mainContent02 div.box > div img {margin:11px 0 0 0;}
.mainContent02 div.box > div.bg {background:#f5f5f5;}
.mainContent02 div.box > div.bg1 {background:url(../../images/main_icon05.png) no-repeat right center;  padding-top: 15px;}
.mainContent02 div.box > div.bg2 {background:url(../../images/main_icon06.png) no-repeat right center;border-top:1px solid #dddddd; padding-top: 15px;}
.mainContent02 div.box > div.bg3 {background:url(../../images/main_icon07.png) no-repeat right center;}
.mainContent02 div.box > div.bg4 {background:url(../../images/main_icon08.png) no-repeat right center;border-top:1px solid #dddddd; }

.mainContent03 {width:1200px;margin:0 auto;border:1px solid #dadada;border-top:none;border-bottom:none;padding:30px 0px 30px 40px;}
.mainContent03:after {display:block;visibility:hidden;clear:both;content:""}
.mainContent03 h3 {margin-bottom:20px;font-size:18px;color:#181818;}

/*sub*/
.mobile_view{display:none;}
.tt{font-weight:700; font-size:23px; color:#333;  line-height:45px;}
.aa01{font-size:16px; color:#555; line-height:30px;}
.font_30{ font-size:30px; line-height:36px; }
.font_23{ font-size:23px; color:#4e4e4e;  line-height:36px;}
.font_21{ font-size:22px; color:#4e4e4e;  line-height:34px;}
.font_18{ font-size:18px; color:#333;  line-height:60px; font-weight:500;}
.font_blue{ color:#487cb6;}
.font_black{ color:#000;}
.cont_img{float:left; margin-right:30px;}
.sp_30{height:30px;}
.sp_40{height:40px;}
.sp_50{height:50px;}
.sp_80{height:80px;}


.sub_v{font-size:20px; margin-top:20px; color:#fff;}


.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
#subContent {clear:both;width:1200px;margin:0px auto 30px;}
#subContent:after {display:block;visibility:hidden;clear:both;content:""}
.sub-visual01 {clear:both;margin:0;height:250px;background:url(../../images/sub_visual.png) no-repeat center center;width:100%;}
.page-title {margin:0 auto;text-align:center;}
.page-title h2 {color:#fff;font-size:35px;padding:85px 0 0 0;text-shadow:1px 1px 5px #626262;}
.page-title span {color:#fff;text-shadow:1px 1px 5px #626262;}

.lnbWrap {float:left;width:200px;margin:30px 0 30px 0px}
.lnbWrap:after {display: block; visibility:hidden; clear:both; content:"";}
.lnbWrap h2 {background:#295dac;display: block; color:#fff; font-size:18px; font-weight:bold; padding:27px 0 0 0px; text-align: center; height: 80px; letter-spacing:-1px;}
.lnbWrap p {margin-top:20px;}
ul#menu, ul#menu ul {margin:0;padding:0;}
ul#menu:after {display: block; visibility:hidden; clear:both; content:"";}

ul#menu li {margin-top: 0px; margin-left:0px; background-color:#ffffff;}
ul#menu li a {display: block;text-decoration: none;color:#5c5c5c;padding:16px 0 16px 15px;font-size:14px; border-bottom:1px solid #e3e3e3;}
ul#menu li a.on { color:#295dac;}
ul#menu li a.on:hover {color:#295dac;}
ul#menu li a:hover {color: #295dac;}
ul#menu li ul {margin:0;padding:0;border:none;}
ul#menu li ul li {}
ul#menu li ul li a {display: block;text-decoration: none;color:#5c5c5c;padding:16px 0 16px 20px;font-size:13px;font-weight:normal;}
ul#menu li ul li a:before {display:inline-block;content:"-";margin-right:3px;}
ul#menu li ul li a.on {background:#f8f8f8; color:#5c5c5c;}
ul#menu li ul li a.on:hover {color:#5c5c5c;}
ul#menu li ul li a:hover {color: #2f2f2f;}
    
.community{background:#f7f7f7; border:1px solid #dedede; padding:20px; width:100%; font-size:16px; color:#555555; height:100px;}
.community_txt{color:#9a9a9a;}
.community_img{float:left; margin:0 20px;}


.contents {float:right;width:953px;min-height:500px;line-height:2em;margin-bottom:40px;}

.contents .tit-sec {position:relative;width:100%;margin:0px auto 0px;height:80px;}
.contents .tit-sec h3 {font-size:28px;font-weight:600;color:#3c3c3c;letter-spacing:-2px;padding:30px 0 0 0;}
.contents .tit-sec div.nav {position:absolute;top:35px;right:0;line-height:25px;font-size:11px;}
.contents .tit-sec div.nav span {color:#000;}

.bigf {display:block;font-size:30px;font-family:'FontAwesome';color:#000;}
.bigs {font-size:14px;line-height:22px;}
.bigs strong {font-size:18px;color:#000;display:block;margin:0 0 20px 0;}
.company_01 h3 {font-size:2em;margin-bottom:20px;color:#30579d;}
.business_01 h3 {font-size:2em;margin-bottom:20px;color:#30579d;}


.f16 {font-size:16px;margin:20px 0;display:block;color:#000;}

#footer_mobile {display:none;background:#1b1b1b;width:100%;clear:both;}
#footer_mobile:after {display: block; visibility:hidden; clear:both; content:"";}
#footer_mobile ul {width:320px;margin:0 auto;padding:0;}
#footer_mobile li {float:left;width:25%;margin:0 auto;padding:0;list-style:none;text-align:center;border-right:1px solid #393939;}
#footer_mobile li:first-child {border-left:1px solid #393939;}
#footer_mobile li img {width:100%;}
#footer_mobile li a {color:#fff;display:block;padding:10px 0;text-align:center;}

@media (min-width: 1240px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 991px) {
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%; }
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}
#footer_mobile {display:none;}

.sub-visual01 {height:150px;}
.page-title h2 {;padding:40px 0 0 0;}
.lnbWrap {display:none;}
div#menu a {padding:8px 10px;font-size:12px;}

#slides .mvCon_inner {width:100%;}
#slides .mvCon_inner  h5 {font-size:35px;}



.mainContent {display:none;}
.mainContent02 {width:100%;margin:0 auto;border:none;}
.mainContent02 div.box {width:100%;float:none;border-bottom:1px solid #dddddd;}

.mainContent03 {width:100%;padding:10px;}

#subContent {width:90%;margin:0 auto; }
.contents {width:100%; }

}

@media (min-width: 480px) and (max-width: 767px) {
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%;}
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}

.sub-visual01 {height:150px;}
.page-title h2 {;padding:40px 0 0 0;}
.lnbWrap {display:none;}

#ss1 { display: none; }

#ss2 { display: inline; }
#ss2 #slideshow {clear:both; width:100%; height:480px;position:absolute;top:0px;z-index:1;left:0;  }
#ss2 #slideshow #slides {position:relative; width:100%; height:100%; margin:auto; }
#ss2 #slideshow #slides li {width:100%; height:480px;}


#ss2 #slideshow #slides li.main1 {background:url('../../images/01_bg.jpg') no-repeat top center; background-size:cover}
#ss2 #slideshow #slides li.main2 {background:url('../../images/02_bg.jpg') no-repeat top center; background-size:cover}
#ss2 #slideshow #slides .mvCon_inner {position:relative; width:1200px; margin:0 auto; padding:140px 0 0; text-align:center;}


#ss2 #slideshow #slides .mvCon_inner {position:relative; width:100%; margin:0 auto; padding:90px 0 0; text-align:center;}

.mainNotice h4 {float:none;}

.mainContent {display:none;}
.mainContent02 {width:100%;margin:0 auto;border:none;}
.mainContent02 div.box {width:100%;float:none;border-bottom:1px solid #dddddd;}
.mainContent02 div.box > div img {margin:11px 0 0 0;width:600px}
.mainContent03 {width:100%;padding:10px;}




#subContent {width:90%;margin:0 auto;}
#footer_mobile {display:block;}

}

@media (max-width: 479px) {
	
	.community{background:#f7f7f7; border:1px solid #dedede; padding:10px; width:100%; font-size:14px; color:#555555; line-height:18px; height:100px;}
	.community2{background:#f7f7f7; border:1px solid #dedede; padding:10px; width:100%; font-size:14px; color:#555555; line-height:18px; height:350px;}
.community_txt{color:#9a9a9a;}
.community_img{{float:left; margin:0 0px;}}
	.sub_v{font-size:14px; margin-top:15px; color:#fff;}
	.tt{font-weight:700; font-size:18px;   line-height:30px;}
.aa01{font-size:14px; color:#555; line-height:24px;}
.font_30{ font-size:25px; line-height:30px; }
.font_23{ font-size:18px; color:#4e4e4e;  line-height:28px;}
	table.tableB {clear:both;width:100%;display: table;border-collapse:collapse;border-spacing: 0;background:#fff;border:1px solid #ddd !important;border-top:2px solid #000 !important;font-size:14px;}
table.tableB thead th {padding:5px 5px;vertical-align:middle;color:#fff;font-weight:400;text-align:center;background:#464646;border-left:1px solid #fff;}
table.tableB thead th:first-child {border:none;}
table.tableB thead td {border:1px solid #ddd;}
table.tableB  th {padding:10px 10px;vertical-align:middle;color:#444444;font-weight:400;text-align:center;}
table.tableB  tr {border-bottom:1px solid #ddd;margin:10px 0;}
table.tableB  tr:hover {background:#fafafa;}
table.tableB  th {border:1px solid #ddd;color:#000;background:#fafafa; }
table.tableB  td {padding:10px 15px;vertical-align:middle;color:#666;font-weight:400; border:1px solid #ddd;}

#slides .mvCon_inner  h5 {font-size:26px;color:#fff;font-weight:300;margin:0;text-shadow:1px 1px 5px #626262; letter-spacing:-2px;line-height:35px; margin-top:30px;}
#slides .mvCon_inner  h5 span {color:#fff;font-weight:600;font-size:26px;}

	
	.font_18{ font-size:13px; color:#333;  line-height:60px; font-weight:500; letter-spacing:-1px;}
	.mobile_view{display:inline-block;}
	.mobile_none{display:none;}
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%;}
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}

.sub-visual01 {height:150px;}
.page-title h2 {;padding:40px 0 0 0;}
.lnbWrap {display:none;}


.mainNotice h4 {float:none;}



#ss1 #slideshow {clear:both; width:100%; height:480px;position:absolute;top:0px;z-index:1;left:0;}
#ss1 #slideshow #slides {position:relative; width:100%; height:100%; margin:auto; }
#ss1 #slideshow #slides li {width:100%; height:480px;}
#ss2{ display: none; }


#ss1 #slideshow #slides li.main1 {background:url('../../images/01_bg.jpg') no-repeat top center; background-size:cover}
#ss1 #slideshow #slides li.main2 {background:url('../../images/02_bg.jpg') no-repeat top center; background-size:cover}
#ss1 #slideshow #slides .mvCon_inner {position:relative; width:100%; margin:0 auto; padding:140px 0 0; text-align:center;}

.mainContent {display:none;}
.mainContent02 {width:100%;margin:0 auto;border:none;}
.mainContent02 div.box {width:100%;float:none;border-bottom:1px solid #dddddd;}
.mainContent02 div.box > div img {margin:11px auto 0;width:300px}
.mainContent03 {width:100%;padding:10px;}


#subContent {width:90%;margin:0 auto;}
#footer_mobile {display:block;}

}