@import url(common.css);

.mobileContents {display:none;}

/* header */
#wrapper {width:100%}
#header {width:100%; font-family:'Nanum Gothic', "나눔고딕",'dotum',"돋움",sans-serif;}
#header .gnbBtn {display:none}
#header .gnb {position:relative; width:1400px; height:100px; margin:0 auto; z-index:155}
#header .gnb h1 {float:left; padding-top:35px; margin-right:50px}
#header .gnb h1 a {display:block}
#header .gnb .gnbArea {float:right}
#header .util {width:1090px; height:38px; text-align:right}
#header .util a {display:inline-block; font-size:14px; font-weight:bold; color:#777; line-height:38px; padding-left:13px; margin-left:12px; background:url("/images/icon/bar1x12.gif") no-repeat 0 50%;}
#header .util a.allMenuBt {font-weight:normal; padding-left:0; margin-left:0; color:#555; background:url("/images/icon/allMenu_icon.gif") no-repeat 100% 50%; padding-right:21px}
#header .gnb .gnbMenu {width:1160px; height:62px; z-index:150}
/*#header .gnb .gnbMenu .oneD {float:left; width:180px; height:62px; text-align:center}*/
#header .gnb .gnbMenu .oneD {float:left; width:155px; height:62px; text-align:center}
#header .gnb .gnbMenu .oneD > a {display:inline-block; width:180px; height:44px; padding-top:17px; font-size:18px; font-weight:bold; color:#333; border-top:1px solid #e6e6e6}
#header .gnb .gnbMenu .oneD:hover > a, #header .gnb .gnbMenu .oneD:focus {color:#0178A2; font-weight:bold; border-top:1px solid #0178A2}
/*#header .gnb .gnbMenu .twoD {display:none; width:180px; height:285px; padding:14px 0; z-index:155}*/
#header .gnb .gnbMenu .twoD {display:none; width:155Px; height:285px; padding:14px 0; z-index:155}
#header .gnb .gnbMenu .twoD a {display:block; text-align:left; font-size:12px; color:#777; line-height:26px; padding-left:22px}
#header .gnb .gnbMenu .twoD.center a{text-align:center; padding-left:0}
#header .gnb .gnbMenu .twoD a:hover, #header .gnb .gnbMenu .twoD a:focus {font-weight:bold; background:#0178A2; color:#fff}
#header .twoDBg {display:none; position:absolute; top:40px; left:0; width:100%; height:310px; background:#fff; z-index:150}

.mGnbBg {display:none; width:100%; height:100%; background:url("/images/icon/black_bg2.png") repeat 0 0; position:absolute; top:0; left:0; z-index:99998}
.mGnbArea {display:none; width:272px; height:100%; background:#00a0c6; position:absolute; top:0; right:-300px; z-index:99999}
.mGnbArea .gnbHead {background:#00809e; padding:16px 15px 17px}
.mGnbArea .gnbHead a {font-size:13px; color:#fff}
.mGnbArea .gnbHead .close {float:right; width:13px; height:13px; margin-top:3px}
.mGnbArea .gnbHead .close img {width:13px; height:13px}
.mGnbArea .gnbBody .oneD {display:block; font-size:17px; font-weight:bold; color:#fff; padding:11px 15px; border-bottom:1px solid #4dbdd7; background:#00a0c6 url("/images/btn/mgnb_oneD.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .oneD.on {background:url("/images/btn/mgnb_oneD_on.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .twoD {display:block; font-size:15px; color:#555; padding:8px 5px 9px; border-bottom:1px solid #d9d9d9}
.mGnbArea .gnbBody .twoD.on {font-weight:bold}
.mGnbArea .gnbBody .twoDArea {padding:16px 15px 17px; background:#fff; display:none}
.mGnbArea .gnbBody .thrDArea {background:#f7f7f7; padding:9px 12px; border-bottom:1px solid #d9d9d9; display:none}
.mGnbArea .gnbBody .thrDArea a {display:block; font-size:13px; color:#777; line-height:26px}

/* lnb */
#lnb {left:0; top:50px; width:100%; height:50px; background:url("/images/icon/lnb_bg.png") repeat 0 0; z-index:9999; }
#lnb .lnbDiv {position:relative; width:1100px; height:50px; margin:0 auto; z-index:9998}
#lnb .lnbDiv .home {float:left; width:50px; height:50px; padding-left:0}
#lnb .lnbDiv .oneD {position:relative; display:inline-block; float:left; width:279px; height:50px; padding-left:30px; line-height:50px; font-size:16px; color:#898989; border-right:1px solid #EAEAEA}
#lnb .lnbDiv .oneD.on {font-weight:bold}
#lnb .lnbDiv .oneD img{position:absolute; top:40%; right:30px; margin-top:-3px}
#lnb .lnbDiv .noneD {position:relative; display:inline-block; float:left; width:279px; height:50px; padding-left:30px; line-height:50px; font-size:16px; color:#898989; border-right:1px solid #EAEAEA}
#lnb .lnbDiv .noneD.on {font-weight:bold}
#lnb .lnbDiv .noneD img{position:absolute; top:40%; right:30px; margin-top:-3px}
#lnb .lnbDiv .twoD {display:none; position:absolute; top:50px; left:0; width:285px; padding:15px 0 15px 24px;background:#fff; border:1px solid #e6e6e6; z-index:9997}
#lnb .lnbDiv .twoD a {display:block; padding-left:6px; font-size:16px; line-height:35px; color:#777}
#lnb .lnbDiv .twoD a > span:hover, #lnb .lnbDiv .twoD a > span:focus, #lnb .lnbDiv .twoD a.on > span {font-weight:bold; color:#0178A2}
#lnb .lnbDiv .twoD.two {left:310px}

/* mobile LNB */
.mLnbDiv {display:none; position:relative; width:100%; height:40px}
.mLnbDiv .home {position:absolute; top:0;left:0; width:40px; height:40px; padding-left:0; z-index:10}
.mLnbDiv .home img {width:100%}
.mLnbDiv .oneD {position:absolute; top:0; left:0; text-align:center; float:left; width:100%; height:40px; line-height:39px; font-size:16px; font-weight:bold; color:#fff}
.mLnbDiv .oneD.on {font-weight:bold}
.mLnbDiv .oneD img {position:absolute; top:50%; right:15px; margin-top:-3px}
.mLnbDiv .twoD {display:none; position:absolute; top:40px; left:0; width:100%; padding:15px 0; background:#fff; border:1px solid #e6e6e6; border-left:0; border-right:0; z-index:9997}
.mLnbDiv .twoD a {display:block; margin:0 40px; padding-left:15px; border-top:1px solid #e6e6e6; font-size:14px; line-height:35px; color:#777}
.mLnbDiv .twoD a:first-child {border-top:0}
.mLnbDiv .twoD a.on {font-weight:bold; color:#00a0c6}

/* footer */
#footer {width:100%; background:#F0F0F0}
#footer .footDiv {width:1200px; margin:0 auto; padding-top:45px; padding-left:50px;}
#footer .footDiv .footTop {height:90px; font-size:13px; color:#333; line-height:24px}
#footer .footDiv .footTop .leftLogo {float:left; height:89px; width:220px;}
#footer .footDiv .footTop .left {float:left; height:89px;}
#footer .footDiv .footTop .left .address {float:left; width:490px; color:#777}
#footer .footDiv .copyright {font-size:12px; color:#777; padding:20px 0}

/* main */
.typeb2V{position:relative; width:100%; height:360px; padding-top:340px; overflow:hidden}
.typeb2V .typeb2R{position:absolute; top:0; left:0; width:100%; height:700px; text-align:center}
.typeb2V .typeb2R .img{position:relative; width:100%; height:700px; overflow:hidden}
.typeb2V .typeb2R .img li {position:absolute; top:0; left:0;}

.typeb2V .typeb2R.sec{}
.typeb2V .typeb2R.sec .one{top:-20px; width:1940px; height:740px; background:url("/images/icon/main_01.jpg") no-repeat center 0; background-size:cover; }

.typeb2V .typeb2R.thi{}
.typeb2V .typeb2R.thi .one{top:-20px; width:1940px; height:740px; background:url("/images/icon/main_02.jpg") no-repeat center 0; background-size:cover; }

.typeb2V .typeb2R.for{}
.typeb2V .typeb2R.for .one{top:-20px; width:1940px; height:740px; background:url("/images/icon/main_03.jpg") no-repeat center 0; background-size:cover; }

.typeb2V .size01 {display:block;}
.typeb2V .size02 {display:none;}

.typeb2V .rBt{position:relative; width:100%; z-index:100; text-align:center; margin-top:300px;}
.typeb2V .rBt a{padding:0 4px;}
.typeb2V .rBt a.playBt {position:relative; top:-5px;}
.typeb2V .servBt{position:absolute; bottom:10px; left:50%; width:120px; margin-left:-60px; z-index:140; text-align:center}
.typeb2V .tit{position:absolute; top:185px; width:100%; z-index:100; text-align:center; opacity:0}
.typeb2V .txt{position:absolute; top:380px; width:100%; z-index:100; text-align:center; opacity:0}
.dimbg{display:none; position:absolute; top:0px; left:0; width:100%; height:100%; background:url("/images/icon/dimbg.png") repeat 0 0; z-index:110;}

.mainConArea .banner {display:block;}
.mainConArea .banner2 {display:none;}

.mainConArea {width:1480px; margin:0 auto; padding:60px 0 50px 0}
.mainConArea .banner {width:100%; overflow:hidden}
.mainConArea .banner a {display:block; float:left; width:645px; height:300px; margin-left:60px; margin-top:60px}
.mainConArea .banner .bn1 {background:url("/images/btn/banner1.jpg") no-repeat 0 0}
.mainConArea .banner .bn2 {background:url("/images/btn/banner2.jpg") no-repeat 0 0}
.mainConArea .banner .bn3 {background:url("/images/btn/banner3.jpg") no-repeat 0 0}
.mainConArea .banner .bn4 {background:url("/images/btn/banner4.jpg") no-repeat 0 0}
.mainConArea .banner a img {opacity:0;}


.mobileVisual {display:none; position:relative; width:100%; overflow:hidden}
.mobileVisual .visualArea ul {position:relative; width:100%}
.mobileVisual .visualArea ul .roll {position:absolute; top:0; left:0; width:100%}
.mobileVisual .visualArea ul .roll > img {width:100%}
.mobileVisual .btn_area {position:absolute; top:80%; left:0; width:100%}
.mobileVisual .btn_area .btn_page {width:20px; height:20px; background:url("/images/icon/m_vis_indi.png") no-repeat 0 0; margin-left:10px}
.mobileVisual .btn_area .btn_page:first-child {margin-left:0}
.mobileVisual .btn_area .btn_page.on {background:url("/images/icon/m_vis_indi_on.png") no-repeat 0 0}



/* business */
.businessDiv{position:absolute; width:100%; text-align: center; top:30px; z-index:200;}
.businessDiv .businessTit{font-size: 35px; font-weight:bold; color:#fff;}
.swiper-container {width:100%; height:800px; z-index:100;}
.swiper-slide {color:#fff; background-position:top center; background-size:cover; margin:0 auto; width:100%; height:100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide .businessTit{font-size:45px; font-weight:bold;}
.swiper-slide .businessText{font-size:30px;}
.swiper-slide .businessBtn {display:inline-block; text-align:center; vertical-align:middle; text-decoration:none; font-size:30px; color:#fff; border:1px solid #fff; width:170px; line-height:38px;}
.swiper-slide.zero {background-image:url('/images/icon/main_business_00.jpg');}
.swiper-slide.one {background-image:url('/images/icon/main_business_01.jpg');}
.swiper-slide.two {background-image:url('/images/icon/main_business_02.jpg');}
.swiper-slide.three {background-image:url('/images/icon/main_business_03.jpg');}
.swiper-slide.four {background-image:url('/images/icon/main_business_04.jpg');}
.swiper-slide.five {background-image:url('/images/icon/main_business_05.jpg');}
.swiper-slide.six {background-image:url('/images/icon/main_business_06.jpg');}
.swiper-slide.seven {background-image:url('/images/icon/main_business_07.jpg');}
.swiper-slide.eight {background-image:url('/images/icon/main_business_08.jpg');}
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color:#000; opacity: 1; background: #FDFDFD; } 
.swiper-pagination-bullet-active { color:#fff; background: #3F6881; } 

.swiper-button-prev {left:170px; background:url("/images/icon/arrow_L.png") no-repeat 0 0; width:60px; height:60px;}
.swiper-button-next {right:170px; background:url("/images/icon/arrow_R.png") no-repeat 0 0; width:60px; height:60px;}

/* news */
.news {width:100%; height:690px; padding-top:60px; background-image:url('/images/icon/news_back.png');}
.news .newsTitDiv{height:70px; text-align: center;}
.news .newsTit{font-size: 45px; font-weight:bold;}
.news .newsContent{width:100%; height:630px; margin:0 auto;}
.news .newsContent .newsContent2{width:100%; height:100%; text-align:center; float:left;}
.news .newsContent .newsContent2 li{width:650px; height:500px; padding-top:40px; display:inline-block; text-align:center; margin-left:40px; margin-right:40px;}

.news .newsContent .newsContent2 .story .story_tb {width:100%; height:100%; background-color:white; border-collapse:collapse;}
.news .newsContent .newsContent2 .story .story_tb .story_td01 {height:50px; border:2px solid #EBEBEB; font-size:20px; font-weight:bold;}
.news .newsContent .newsContent2 .story .story_tb .story_td02 {height:240px; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; padding:30px;}
.news .newsContent .newsContent2 .story .story_tb .story_td03 {height:150px; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; border-bottom:2px solid #EBEBEB; padding:0px 40px;}
.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp1 {font-size:17px; font-weight:bold;}
.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 {line-height:130%;}
.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 .thumbnail {width:100%; height:70px; border:0; padding:0; overflow-y:hidden; cursor:pointer;}
.news .newsContent .newsContent2 .story .story_tb .story_td04 {height:390px; font-size:17px; font-weight:bold; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; border-bottom:2px solid #EBEBEB;}

.news .newsContent .newsContent2 .compliment .comp_tb1 {width:100%; height:100%; background-color:white; border-collapse:collapse;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td01 {height:50px; border:2px solid #EBEBEB; font-size:20px; font-weight:bold;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 {height:390px; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; padding:30px; border-bottom:2px solid #EBEBEB;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 {height:180px; border:2px solid #EBEBEB; margin-bottom:30px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .thumbnail {width:100%; height:70px; border:0; padding:0; overflow-y:hidden; cursor:pointer;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td03 {height:50px; border-bottom:2px solid #EBEBEB; font-size:18px; font-weight:bold;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td04 {text-align:left; padding:0px 30px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 {height:180px; border:2px solid #EBEBEB;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td00 {height:20px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td05 {width:70%; text-align:left; padding-left:30px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td06 {width:10%;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td07 {width:20%;}

/* 2018-01-18 임시*/
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news {height:400px; border:2px solid #EBEBEB;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td00 {height:20px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td05 {width:70%; text-align:left; padding-left:30px;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td06 {width:10%;}
.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td07 {width:20%;}

/* topImage */
#topImage {width:100%; height:250px; overflow:hidden; color:#fff; }

#topImage .topTxt {float:right; padding-top:90px; padding-right:800px;}
#topImage .topTitleText {font-size:35px; font-weight:bold;}
#topImage .topMainText {font-size:25px; }


.mobileMainCon {display:none;}


/* goTop button */
.goTop {overflow:hidden; position:fixed; right:32px; bottom:220px; z-index:9999; max-width:1000px; display: none;}


@media all and (max-width:1500px) {
	.mainConArea {width:1100px;}
	.mainConArea .banner a {width:500px; height:230px; margin-left:40px; margin-top:40px}
	.mainConArea .banner .bn1 {background:url("/images/btn/banner1_02.jpg") no-repeat 0 0}
	.mainConArea .banner .bn2 {background:url("/images/btn/banner2_02.jpg") no-repeat 0 0}
	.mainConArea .banner .bn3 {background:url("/images/btn/banner3_02.jpg") no-repeat 0 0}
	.mainConArea .banner .bn4 {background:url("/images/btn/banner4_02.jpg") no-repeat 0 0}
	.mainConArea .banner a img {opacity:0;}

	.swiper-container {width:100%; height:600px; z-index:100;}
	.swiper-slide .businessTit{font-size:35px;}
	.swiper-slide .businessBtn {display:inline-block; text-align:center; vertical-align:middle; text-decoration:none; font-size:30px; color:#fff; border:1px solid #fff; width:170px; line-height:38px;}


	.news {width:100%; height:690px; padding-top:60px; background-image:url('/images/icon/news_back_02.png');}
	.news {height:550px;}
	.news .newsTitDiv{height:50px;}
	.news .newsContent{height:450px;}
	.news .newsContent .newsContent2 li{width:550px; height:400px; padding-top:40px; margin-left:20px; margin-right:20px;}

	.news .newsContent .newsContent2 .story .story_tb .story_td01 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td02 {height:210px;padding:20px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 {height:120px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td04 {height:330px; font-size:15px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp1 {font-size:15px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 {font-size:13px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 .thumbnail {font-size:13px;}

	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td01 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 {height:330px; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; padding:20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 {height:155px; margin-bottom:20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td03 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td04 {text-align:left; padding:0px 20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 {height:155px; border:2px solid #EBEBEB;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td00 {height:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td05 {text-align:left; padding-left:20px;}

	/* 2019-01-18 임시 */
	
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news {height:300px; border:2px solid #EBEBEB;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td00 {height:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td05 {text-align:left; padding-left:20px;}
}


@media all and (max-width:1300px) {


	.typeb2V .size01 {display:none;}
	.typeb2V .size02 {display:block;}

	.mainConArea {width:900px;}
	.mainConArea .banner a {width:420px; height:190px; margin-left:30px; margin-top:40px}
	.mainConArea .banner .bn1 {background:url("/images/btn/banner1_03.jpg") no-repeat 0 0}
	.mainConArea .banner .bn2 {background:url("/images/btn/banner2_03.jpg") no-repeat 0 0}
	.mainConArea .banner .bn3 {background:url("/images/btn/banner3_03.jpg") no-repeat 0 0}
	.mainConArea .banner .bn4 {background:url("/images/btn/banner4_03.jpg") no-repeat 0 0}
	.mainConArea .banner a img {opacity:0;}


	.news .newsContent .newsContent2 li{width:425px;}

	.news .newsContent .newsContent2 .story .story_tb .story_td01 {font-size:13px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 {height:140px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp1 {font-size:13px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 {font-size:11px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 .thumbnail {font-size:11px;}

	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td01 {font-size:13px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td03 {font-size:13px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td04 {font-size:11px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 {height:174px; font-size:11px;}

	/* 2019-01-18 임시 */
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news {height:320px; font-size:11px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td05 {width:auto;}

}


@media all and (max-width:1100px) {


	
	.mainVisualArea {display:none}
	.mobileVisual {display:block}

	/* header */
	#header .gnb {width:100%}
	#header .gnb h1 {float:none; width:230px; margin:auto; text-align:center;}
	#header .gnb .gnbArea {width:100%;}
	#header .gnb .gnbArea .gnbMenu {margin:0 auto;}

	
	#header .twoDBg {top:125px;}
	
}


@media all and (max-width:950px) {

	/* header */
	#header .gnb {width:100%}
	#header .gnb .gnbArea {display:none}
	#header .gnb h1 {float:none; width:230px; margin:auto; text-align:center;}
	#header .gnbBtn {display:block; position:absolute; top:36px; right:4%}
	#header .gnbBtn img {width:100%}


	.mainConArea {width:100%;}
	.mainConArea .banner a {width:500px; height:230px;}
	.mainConArea .banner .bn1 {background:url("/images/btn/banner1_02.jpg") no-repeat 0 0; margin:0 auto; float:none; padding-bottom:20px;}
	.mainConArea .banner .bn2 {background:url("/images/btn/banner2_02.jpg") no-repeat 0 0; margin:0 auto; float:none; padding-bottom:20px;}
	.mainConArea .banner .bn3 {background:url("/images/btn/banner3_02.jpg") no-repeat 0 0; margin:0 auto; float:none; padding-bottom:20px;}
	.mainConArea .banner .bn4 {background:url("/images/btn/banner4_02.jpg") no-repeat 0 0; margin:0 auto; float:none; padding-bottom:20px;}


	.swiper-container {width:100%; height:400px; z-index:100;}
	.swiper-slide .businessTit{font-size:25px;}
	.swiper-slide .businessText{font-size:20px;}
	.swiper-pagination-bullet { width: 15px; height: 15px; } 

	.swiper-button-prev {display:none;}
	.swiper-button-next {display:none;}

	.news {height:auto; background-image:url('/images/icon/news_back_03.png');}
	.news .newsTitDiv {height:auto;}
	.news .newsContent {height:auto;}
	.news .newsContent .newsContent2 {height:auto; float:none;}
	.news .newsContent .newsContent2 li {width:500px; height:auto; float:none; display:block; margin:0 auto;}

	.news .newsContent .newsContent2 .story .story_tb .story_td01 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td02 {height:210px;padding:20px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 {height:120px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td04 {height:330px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp1 {font-size:15px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 .story_sp2 {font-size:13px;}

	.news .newsContent .newsContent2 .compliment {padding-bottom:80px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td01 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 {height:330px; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; padding:20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 {height:155px; margin-bottom:20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td03 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td04 {text-align:left; padding:0px 20px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 {height:155px; border:2px solid #EBEBEB;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td00 {height:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td05 {text-align:left; padding-left:20px;}

	#topImage {display:none;}

}


@media all and (max-width:600px) {

	
	#lnb .lnbDiv {width:100%;}
	#lnb .lnbDiv .oneD:nth-child(1) {display:none;}
	#lnb .lnbDiv .oneD:nth-child(3) {width:95%; padding-left:5%;}
	#lnb .lnbDiv .twoD:nth-child(4) {left:0; width:100%;}


	#footer .footDiv {padding:20px 3% 0px 3%; width:94%;}
	#footer .footDiv .footTop .leftLogo {display:none;}
	#footer .footDiv .footTop {font-size:12px;}
	#footer .footDiv .footTop .left .address {width:100%;}
	
	.mainConArea .banner {display:none;}
	.mainConArea .banner2 {display:block; width:100%;}
	.mainConArea .banner2 td {padding:15px 0px;}
	
	/* business */
	.businessDiv .businessTit{font-size:30px;}
	.swiper-container {height:300px;}
	.swiper-slide .businessTit{font-size:20px;}
	.swiper-slide .businessText{font-size:15px;}
	.swiper-slide .businessBtn {font-size:20px; width:30%; line-height:30px;}

	/* news */
	.news {background-size:100% 100%;}
	.news .newsTit{font-size:30px;}
	.news .newsContent .newsContent2 li {width:94%; padding:0px 3% 60px 3%;}

	.news .newsContent .newsContent2 .story .story_tb .story_td02 {padding:20px 8px;}
	.news .newsContent .newsContent2 .story .story_tb .story_td03 {padding:0px 20x;}

	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td01 {height:30px; font-size:15px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 {padding:8px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .comp_td03 {font-size:13px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb2 .thumbnail {font-size:11px;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td05 {width:65%; text-align:left; padding-left:3%;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td06 {width:20%; padding-right:3%; border-right:2px solid #EBEBEB;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td07 {display:none;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3 .comp_td00 {border-right:2px solid #EBEBEB;}

	
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td05 {width:65%; text-align:left; padding-left:3%;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td06 {width:20%; padding-right:3%; border-right:2px solid #EBEBEB;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td07 {display:none;}
	.news .newsContent .newsContent2 .compliment .comp_tb1 .comp_td02 .comp_tb3_news .comp_td00 {border-right:2px solid #EBEBEB;}



	.webMainCon {display:none;}
	.mobileMainCon {display:block; width:100%;}
	
	.webContents {display:none;}
	.mobileContents {display:block;}

	.goTop {right:10px; bottom:180px;}
	.goTop .topBtn {width:80%; height:80%;}

}