.cmTabDiv .tabDiv .txtArea .img img{width:100%;}
.tabImgRollM{display:none}

.chairGall .topIndi{position:relative; border:1px solid #ddd; background:#fff; margin-top:60px}
.chairGall .topIndi .left{position:absolute; top:36px; left:22px;}
.chairGall .topIndi .right{position:absolute; top:36px; right:22px;}
.chairGall .topIndi .indiDiv{position:relative; width:840px; height:94px; margin:auto; overflow:hidden; background:url("/common/images/icon/chair_gall_barbg.png") no-repeat center 36px}
.chairGall .topIndi .indiDiv .indiRoll{position:absolute; top:24px; left:0; width:1512px; height:60px; overflow:hidden}
.chairGall .topIndi .indiDiv .gallbt{display:block; width:168px; height:15px; padding:35px 0 0; text-align:center; float:left; background:url("/common/images/btn/chair_gall_bt.png") no-repeat center 0; font-size:12px; color:#555}
.chairGall .topIndi .indiDiv .gallbt.on{background:url("/common/images/btn/chair_gall_bt_on.png") no-repeat center 0; font-size:12px; color:#00a0c6; font-weight:bold}

.chairGall .gallDiv {position:relative; width:100%; margin-top:40px}
.chairGall .gallDiv .galltxt{position:relative; width:170px; height:120px; float:left; margin:0 20px 20px 0; padding:25px 30px; font-weight:bold; color:#333; line-height:20px; letter-spacing:-0.5px}
.chairGall .gallDiv .galltxt a{position:absolute; top:20px; right:20px;}
.chairGall .gallDiv .galltxt .txt{font-size:12px; font-weight:normal; color:#777; margin-top:13px; padding-top:12px; background:url("/common/images/icon/gbar_15x1.gif") no-repeat 0 0}
.chairGall .gallDiv .gallTxtOn{display:none; position:absolute; top:0; left:0; padding:45px 133px 110px 33px; font-size:20px; font-weight:bold; color:#333; border:1px solid #ddd; background:#fff; z-index:500; line-height:30px}
.chairGall .gallDiv .gallTxtOn .txt{font-size:14px; font-weight:normal; color:#777; line-height:24px; margin-top:20px; padding-top:20px; background:url("/common/images/icon/gbar_15x1.gif") no-repeat 0 0}
.chairGall .gallDiv .gallTxtOn .close{position:absolute; bottom:33px; right:33px;}
.chairGall .gallDiv .gallTxtOn .more{position:absolute; bottom:33px; right:138px;}

.chairGall .gallDiv .gallImgBt{display:block; position:relative; width:230px; height:170px; float:left; margin:0 20px 20px 0; overflow:hidden}
.chairGall .gallDiv .gallImgBt span{display:block; position:absolute; top:0; right:0}
.gallImgPop{display:none; position:absolute; top:595px; left:0; width:836px; height:760px; font-size:15px; color:#333; z-index:10001}
.gallImgPop .xbt{text-align:right}
.gallImgPop .popRoll{position:relative; width:836px; height:700px; overflow:hidden}
.gallImgPop .popRoll .leftbt{position:absolute; top:50%; left:0; z-index:100}
.gallImgPop .popRoll .rightbt{position:absolute; top:50%; right:0; z-index:100}
.gallImgPop .popRoll .unit{position:absolute; top:0; left:0; width:100%;}
.gallImgPop .popRoll .unit .txt{padding:13px 20px; height:60px; background:#fff; line-height:26px;}

.cmPop {padding:35px 35px 33px 35px; min-width:250px}
.cmPop .popHead {overflow:hidden; padding-bottom:15px; border-bottom:1px solid #e2e2e2}
.cmPop .popHead .tit {float:left; display:inline-block; font-size:20px; font-weight:bold; color:#333; line-height:40px}
.cmPop .popHead select {float:right; width:230px; height:40px}
.cmPop .popBody {margin-top:40px; height:530px; overflow-y:scroll}
.cmPop .popBody .subTit {font-size:16px; font-weight:bold; color:#1499bd}
.cmPop .popBody .txt {margin-top:20px; font-size:14px; color:#777; line-height:28px}
.cmPop .close {margin-top:10px; text-align:right}

.blackBg2{background: rgba(0, 0, 0, 0) url("/common/images/icon/black_bg.png") repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:10000}

/* 메인비주얼 */
@media all and (max-width:1300px) {
	.typeb2Ser .servDiv .servPack .lefta {top:20px; left:1196px}
	.typeb2Ser .servDiv .servPack .righta {top:20px; right:483px}
}

/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {	
	.allMenu {display:none}
	.blackBg {display:none}
	/* header */
	#header .gnb {width:100%}
	#header .gnb .gnbArea {display:none}
	#header .gnb h1 {float:none; width:230px; margin:auto}
	#header .gnbBtn {display:block; position:absolute; top:36px; right:4%}
	#header .gnbBtn img {width:100%}

	/* footer */
	#footer .footDiv {width:100%}
	#footer .footDiv .footTop .right {display:none}
	#footer .footDiv .footTop .left {width:94%; padding:0 3%}
	#footer .footDiv .copyright {padding:20px 3%}

	.subBody {padding-top:0; background:none}
	.subBody.type2 {background:none}
	.subBody.type3 {background:none}
	.subBody.type4 {background:none}
	.subBody.type5 {background:none}
	.topTitle {display:none}

	#lnb {top:100px; height:40px}
	#lnb .lnbDiv {display:none}
	#lnb .mLnbDiv {display:block}

	.mainConArea {width:94%; padding:20px 3% 50px 3%}
	.mainConArea .banner a {display:block; float:left; width:24%; height:24%; margin-left:1%; }
	.mainConArea .banner .bn1 {margin-left:0.5%; background-size:100%}
	.mainConArea .banner .bn2 {background-size:100%}
	.mainConArea .banner .bn3 {background-size:100%}
	.mainConArea .banner .bn4 {background-size:100%}
	.mainConArea .banner a img {opacity:0; width:100%}
	
	.mainConArea .mainCon .cont {width:49%; margin-right:2%}
	.mainConArea .mainCon .cont .topArea {background:#e6efee url("/common/images/icon/mMain_roll_bg.jpg") no-repeat 100% 0; background-size:100%; height:190px}
	.mainConArea .mainCon .cont .topArea .tit {font-size:16px}
	.mainConArea .mainCon .cont .topArea .txt {font-size:13px; margin-top:15px}
	.mainConArea .mainCon .cont .rollArea {width:90%}
	.mainConArea .mainCon .cont .rollArea p {width:100% !important}
	.mainConArea .mainCon .cont .rollArea p a {width:100% !important; background-position:50% 0 !important;}
	
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea {width:70%; padding-left:5px}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .tit {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .txt {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn {float:right; width:27%; overflow:hidden}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev {float:left; width:11.5px; height:12.5px; margin:0 8%; background:url("/common/images/btn/mRoll_prev_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev:hover {background:url("/common/images/btn/mRoll_prev_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.next {float:left; width:11.5px; height:12.5px; margin:0 14%; background:url("/common/images/btn/mRoll_next_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.next:hover {background:url("/common/images/btn/mRoll_next_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.more {float:right; width:11.5px; height:12.5px; background:url("/common/images/btn/mRoll_more_btn.gif") no-repeat 0 0; background-size:100%}

	.mainConArea .mainCon .news {width:49%; }
	.mainConArea .mainCon .news .top .img {width:48%; height:auto; margin-right:2%}
	.mainConArea .mainCon .news .top .txtArea {width:50%; margin-top:10px}
	.mainConArea .mainCon .news .top .txtArea .tit {width:100%; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.mainConArea .mainCon .news .top .txtArea .txt {width:100%; font-size:12px; height:40px; overflow:hidden; text-overflow:ellipsis}
	.mainConArea .mainCon .news .bottom ul li a .tit {width:70%; font-size:12px; margin-right:10px}
	.mainConArea .mainCon .news .bottom ul li a .date {float:right; font-size:11px}

	#subCon {width:94%; padding:70px 3%}
	.searchBox {padding:15px 3%}
	.searchBox .date .btn button {width:50px;}
	.searchBox select {width:17%;}
	.searchBox select.type2 {width:15%}
	.searchBox select.type3 {width:11%}
	.searchBox input[type="text"] {width:32%;}

	.listSearch {padding:20px 3%}
	.listSearch select {width:13%}
	.listSearch select:first-child {width:28%}
	.listSearch input[type="text"] {width:28%}
	.listSearch select.wd227 {width:20%}
	.listSearch select.wd233 {width:25%}

	.listType1 a {padding-top:30px}
	.listType1 a .img {width:25%; margin-right:3%; height:auto}
	.listType1 a .img img{width:100%;}
	.listType1 a .txtArea {width:72%}
	.listType1 a .txtArea .tit {font-size:15px;}
	.listType1 a .txtArea .txt {margin-top:10px; font-size:12px; line-height:22px;}
	.listType1 a .txtArea .date {margin-top:10px; font-size:12px;}
	.listType1 a .txtArea .date span {padding-left:3%; margin-left:3%;}

	.listType2 {width:728px; margin:auto; overflow:hidden}

	.listType4 {width:634px; margin:auto}

	.videoArea video {width:100%}
	.videoArea iframe {width:100%}
	.videoArea div {width:100%}
	.videoArea img {width:100%}
	.videoArea .title {font-size:16px; margin-top:15px}
	.videoArea .info {margin-top:10px; font-size:13px;}
	.videoArea .info span.bar {padding-left:3%; margin-left:3%; background:url("/common/images/icon/bar1x14.gif") no-repeat 0 50%}
	.captionArea {display:none; line-height:22px; color:#777; padding:29px 5%; border:1px solid #e1e1e1; background:#f5f5f5}

	.ciTxt {font-size:17px;}
	.ciImg p{float:none; margin-left:0; margin-bottom:10px; text-align:center}
	.ciTit {font-size:18px; padding-top:12px; background: url("/common/images/icon/bar24x2.gif") no-repeat 0 0; background-size:20px}

	/* 2019-09-26 추가 */
	.btnBox {margin-top:20px;}
	.downBtn {padding:6px 18px;}
	.downBtn > span {padding-right:17px;font-size:13px; font-weight:bold; color:#00a0c6; background:url("/common/images/icon/down_icon.jpg") no-repeat center right}
	/* //2019-09-26 추가 */

	/* 탭버튼 3개*/
	.tabBtn.bt3 a {float:left; width:33.1%; height:36px; padding-top:12px; font-size:18px;}
	.tabBtn.bt3 a:first-child{width:33.1%;}
	.tabBtn.bt3 a.on {width:33.1%;}

	/* 탭버튼 4개*/
	.tabBtn.bt4 a {float:left; width:24.5%; height:36px; padding-top:12px; font-size:18px;}
	.tabBtn.bt4 a:first-child{width:24.5%;}
	.tabBtn.bt4 a.on {width:24.5%;}

	/* 탭버튼 5개*/
	.tabBtn a {float:left; width:19.5%; height:36px; padding-top:12px; font-size:18px;}
	.tabBtn a:first-child{width:19.5%;}
	.tabBtn a.on {width:19.5%;}
	.tabBtn a.type2 {width:19.5%; font-size:14px; line-height:18px; padding-top:6px; padding-bottom:6px;}/* 2017-12-08 수정 */
	.tabBtn a.type2.on {width:19.5%; font-size:14px; line-height:18px; padding-top:4px}

	/* 2019-09-26 추가 */
	/* 탭버튼 6개*/
	.tabBtn.bt6 a {float:left; width:19%; height:auto; padding:12px 1% 12px; font-size:16px;}
	.tabBtn.bt6 a:first-child{width:19%;}
	.tabBtn.bt6 a.on {width:19%; height:auto;}

	/* 탭버튼 6개 이상*/
	.tabBtn.btOver6 a {float:left; width:19%; height:auto; padding:12px 1% 12px; font-size:16px;}
	.tabBtn.btOver6 a:first-child{width:19%;}
	.tabBtn.btOver6 a.on {width:19%; height:auto;}
	/* //2019-09-26 추가 */

	.snsDiv {width:646px; margin:auto}
	.snsDiv .sns .snsHead .fb {font-size:14px}
	.snsDiv .sns .snsHead .tw {font-size:14px}

	.activity .actDiv .box {float:left; width:46%; margin:0 2% 40px}
	.activity .actDiv .box .txt {padding:25px 3%;}
	.activity .actDiv .box .txt ul {width:100%; float:none}
	.activity .actDiv .box .txt .btn {float:right; padding:6px 14px 6px; margin-top:10px}
	.activity .actDiv2 {width:31.3%; margin:0 1%; float:left; min-height:400px;}
	.activity .actDiv2 img{width:100%;}

	.outline div .img {width:90%; float:none}
	.outline div .txtArea {width:90%; padding: 0; margin-top:15px; float:none; min-height:100px}
	.outline div .txtArea .tit {margin-bottom:10px}

	.history .list .year {width:15%;}
	.history .list .txt {width:85%; }

	.mapInfo div {float:left; width:46%; margin:20px 2% 0;}
	.mapInfo div .icon{margin-right:3%}
	.mapInfo div .txt{width:70%;}

	.contact > div > div {margin-bottom:50px}
	.contact .left {width:48%}
	.contact .right {width:48%}
	.contact .tit img{width:100%;}
	.contact .txt {padding:22px 3%}
	.contact .txt .name {font-size:16px; font-weight:bold; color:#333; line-height:35px; margin-top:5px}
	.contact .txt .name:first-child {margin-top:0}
	.contact .txt .num {height:19px; line-height:19px; font-size:14px; color:#777; padding-left:24px; background:url("/common/images/icon/tel_icon2.png") no-repeat 0 50%}

	.visionDiv {padding:49px 3% 43px; background:#e1ebee url("/common/images/icon/vision_bg.png") no-repeat center 0; background-size:100%}
	.visionDiv .left {width:30%; margin-right:0}
	.visionDiv .right {float:right}

	.visionDIv2 {width:100%; padding-bottom:77px; background:url("/common/images/icon/bottom_bg.png") no-repeat center 100%}
	.visionDIv2 > div > div {width:50%; float:left;}
	.visionDIv2 > div > div img{width:100%}
	.visionDIv2 > div .txt {height:150px;}
	.visionDIv2 > div .txt p {font-size:16px; margin-bottom:15px}
	.visionDIv2 > div .txt ul li {font-size:13px; line-height:22px}
	.visionRTxt{width:80%; font-size:18px; padding:20px 0;}

	.missionRTxt p {float:none; width:80%; font-size:18px; padding:20px 0;}
	.missionRTxt p:first-child {float:none; margin-bottom:10px}

	.listType3 li .num {width:15%;}
	.listType3 li .right {position:relative; width:85%}
	.listType3 li .right .year {width:90%; line-height:26px; text-align:left; float:none}
	.listType3 li .right .group {width:90%; line-height:26px; text-align:left; float:none}
	.listType3 li .right .day {width:90%; line-height:26px; text-align:left; float:none}
	.listType3 li .right .tit {width:90%; padding-left:0;}
	.listType3 li .right .tit.wd540{width:90%;}
	.listType3 li .right .tit span {padding:2px 2%; margin-left:3%;}
	.listType3 li .right .tit .rcTit {margin:0; padding:0}
	.listType3 li .right .info {width:90%;}
	.listType3 li .right .info .part {width:auto; padding:0 3% 0 0; text-align:left}
	.listType3 li .right .info .date {float:none; text-align:left}
	.listType3 li .right .btn {position:absolute; top:20px; right:3%; width:auto; text-align:center}

	.global table {border-top:2px solid #000; border-bottom:1px solid #e3e3e3}
	.global th {background:#ebf3f5; padding:18px 3%; vertical-align:top; font-size:16px; font-weight:bold; color:#333; text-align:left}
	.global td .acoBtn {display:block; width:94%; padding:18px 3%; font-size:16px; font-weight:bold; color:#333; border-top:1px solid #e3e3e3; background:#fff url("/common/images/icon/aco_icon.png") no-repeat 97% 50%}
	.global td .acoBtn.on {color:#0e93b6; background:#fff url("/common/images/icon/aco_icon_on.png") no-repeat 695px 50%}
	.global td .acoBtn:first-child {border-top:0}
	.global td .acoDiv { background:#f6f6f6; padding:29px 30px; border-top:1px solid #e3e3e3; display:none}
	.global td .acoDiv .tit {margin-top:45px; font-size:16px; font-weight:bold; color:#333}
	.global td .acoDiv .tit:first-child {margin-top:0}
	.global td .acoDiv .txt {font-size:14px; color:#777; line-height:27px; margin-top:15px}

	.talent .tlt {width:100%; margin-left:0; float:none; text-align:center; margin-bottom:30px}
	.talent .tlt.last {margin-left:0}
	.talent .tlt .tit {font-size:24px;}
	.talent .tlt .txtArea {padding:15px 3%; min-height:auto}

	.promote {width:100%; overflow:hidden}
	.promote div {width:100%; float:none; margin-bottom:12px}
	.promote div ul li {font-size:15px;}

	.benefit .bnfTxt {width:38%; margin-right:0; margin:0 3%; border-top:1px solid #dcdee2; padding:19px 3%}
	.benefit .bnfTxt .icon {float:none; margin-right:0; margin-bottom:15px; text-align:center}
	.benefit .bnfTxt .txt {float:none; line-height:22px; text-align:center}

	.ceoGreet {margin-bottom:30px}
	.ceoGreet .txtArea {float:none; width:100%; padding-top:0;}
	.ceoGreet .txtArea .txt1 {font-size:20px; line-height:30px}
	.ceoGreet .txtArea .txt2 {margin-top:20px; font-size:16px;}
	.ceoGreet .txtArea .txt2 span {font-size:14px;}
	.ceoGreet .txtArea .sign {margin-top:15px}
	.ceoGreet .ceo {float:none; width:100%; text-align:center}
	.ceoGreet .ceo img{width:80%;}

	.photo {width:100%; height:auto;}
	.photo .roll {width:100%; height:auto;}
	.photo .roll img {width:100%; height:auto}
	.photo .roll .txt {position:absolute; left:0; bottom:0; width:75%; padding:17px 22% 19px 3%;}
	.photo .roll .txt .tit {float:left; width:80%}
	.photo .roll .txt .date {float:right}

	.listType5 {width:643px; margin:auto;}

	.nwListTop .company {padding:19px 3%; font-size:18px}
	.nwListTop .bottom {padding:15px 3%; overflow:hidden}
	.nwListTop .bottom .img {float:none; margin-right:0}
	.nwListTop .bottom .txtArea {float:none; width:auto; padding-top:14px}
	.nwListTop .bottom .txtArea .txt {padding-left:0; margin-top:15px; line-height:24px}

	.nwList {width:100%; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6}
	.nwList a.end {margin-right:20px}
	.nwList2 .half {width:100%; float:none}
	.nwList2 .half:first-child {width:100%; float:none}

	.ciDiv .imgArea {width:100%; text-align:center; float:none; margin-right:0}
	.ciDiv .imgArea img {width:70%}
	.ciDiv .txtArea {width:100%; margin-top:10px}

	.photoArea{display:none}
	.photo{display:block}
	.tabDiv .tabList{display:block}

	.tabDiv {width:100%; margin-top: 35px;}
	.tabDiv .tabList {position:relative; width:100%; height:158px; overflow:hidden; margin-top:20px}
	.tabDiv .tabList .list{position:absolute; top:0; left:0; width:2000%; overflow:hidden}
	.tabDiv .tabList .list a{display:block; position:relative; width:0.9%; height:auto; overflow:hidden; float:left; margin-left:0.1%;}
	.tabDiv .tabList .list a:first-child{margin-left:0}
	.tabDiv .tabList .list a img {width:100%}
	.tabDiv .tabList .list a .on {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/images/icon/tab_list_on_img.png") no-repeat 0 0; background-size:100%}
	.tabDiv .tabList .listBtn {position:absolute; bottom:0; left:0; width:100%;  text-align:center}
	
	#cBody.mapBg {background-size:100%; background-position:50% 800px}
	.nwCon .con2 .tit {float:none; width:100%}
	.nwCon .con2 .tit2 {float:none; width:100%}
	.nwCon .con2 .right {width:100%; float:none; margin-top:20px}
	
	.nwNews .newsWrap .recruitDiv {float:none; margin:0 auto 10px; width:90%; padding:15px 4%}
	.nwNews .newsWrap .recruitDiv.mr0 {margin:0 auto 10px}
	.nwNews .newsWrap .pressDiv {float:none; padding:15px 4% 15px; margin:0 auto 0; width:90%}
	.nwNews .newsWrap .pressDiv .list {width:100%}
	.nwNews .newsWrap .pressDiv.mr25 {margin:0 auto 10px}
	.nwNews .newsWrap .imgDiv {width:98.5%; height:auto; margin:0 auto 10px; float:none}
	.nwNews .newsWrap .imgDiv.mr25 {margin:0 auto 10px}

	.nwNews .newsWrap .recruitDiv .txtArea .tit {width:100%}
	.nwNews .newsWrap .recruitDiv .txtArea .txt {width:100%}
	.nwNews .newsWrap .imgDiv2 {float:none; margin-right:0; margin:0 auto 10px}
	.nwNews .newsWrap .imgDiv2.mr0 {margin:0 auto 10px}

	.networkRoll .btn .prev {width:50px; top:50%; left:0; margin-top:-25px}
	.networkRoll .btn .next {width:50px; top:50%; right:0; margin-top:-25px}

	.nwTxt2 .top .img {width:100%; margin-right:0; float:none}
	.nwTxt2 .top .txt1 {width:100%; float:none; width:100%; height:auto; margin-top:25px}
	.nwTxt2 .top .txt1 p:first-child {width:100%}
	.nwTxt2 .top .txt1.type2 {height:auto}
	.nwTxt2 .txt2 {margin-top:15px}

	.nwCon .con .txtArea .tit {float:none; width:100%; font-size: 26px}
	.nwCon .con .txtArea .txt {float:none; width:100%; margin-top:15px}

	.nwNews .newsWrap .imgArea {width:645px; margin:0 auto}
	.nwNews .newsWrap .imgDiv4 {width:310px}
	.nwNews .newsWrap .imgDiv4 a {float:none}
	.nwNews .newsWrap .imgDiv4 a:first-child {margin-right:0; margin-bottom:25px}

	.overview .logoTxt {width:90%; padding:35px 6% 0 4%; height:250px}
	.overview .logoTxt .img {width:15%; margin-right:5%}
	.overview .logoTxt .img img {width:100%}
	.overview .logoTxt .right {width:80%}
	.overview .logoTxt .right .tit {font-size:25px}
	.overview .txtArea {padding-left:3%; width:97%; margin-top:-75px}
	.overview .txtArea .left {width:47%; margin-right:2%}
	.overview .txtArea .left img {width:100%}
	.overview .txtArea .right {width:47%;}
	.overview .txtArea .right img {width:100%}
	.overview .txtArea > div .tit {font-size:20px}

	.cmBtn a {width:30%; margin:0 0 20px 5%}
	.cmBtn a:first-child {margin-left:0}
	.cmBtn a span {font-size:18px;}
	.cmBtn a .num {padding-bottom:15px; margin-bottom:12px}

	.cmInfoDiv {margin-top:40px;}
	.cmInfoDiv .rollDiv {float:none; width:100%; margin-right:0}
	.cmInfoDiv .rollDiv .img {float:none; width:100%; height:auto;}
	.cmInfoDiv .rollDiv .img img{width:100%; height:auto;}
	.cmInfoDiv .rollDiv .thum {float:none; width:100%; margin-left:0; margin-top:10px}
	.cmInfoDiv .rollDiv .thum a {float:left; width:18%; margin:0 1%}
	.cmInfoDiv .rollDiv .thum a img{width:100%;}
	.cmInfoDiv .rollDiv .thum a:first-child {margin-top:0}
	.cmInfoDiv .rollDiv .thum a.mt4 {margin-top:0}
	.cmInfoDiv .rollDiv .thum a.on span {width:97px; height:69px}
	.cmInfoDiv .txtDiv {float:none; width:100%; margin-top:30px}
	.cmInfoDiv .txtDiv .cmTit {font-size:18px;}
	.cmInfoDiv .txtDiv .cmTit span {font-size:23px}
	.cmInfoDiv .txtDiv .cmTxt {margin-top:15px; font-size:13px; line-height:22px}

	.cmTabDiv {width:100%; margin-top:30px}
	.cmTabDiv .half {float:left; width:46%; margin:0 2%; margin-left: 2%}
	.cmTabDiv .half:first-child {margin-left: 2%}

	.cmTabDiv .tabImgRoll {padding:20px 30px; width:620px; height:71px; margin:auto}
	.cmTabDiv .tabImgRoll .list {position:relative; width:620px; height:71px; overflow:hidden}
	.cmTabDiv .tabImgRoll .list .imgList {position:absolute; top:0; left:0; width:1000%; overflow:hidden}
	.cmTabDiv .tabImgRoll .list .imgList a {width:99px; float:left; display:block; position:relative; overflow:hidden; margin-left:5px}
	.cmTabDiv .tabImgRoll .list .imgList a img{width:100%;}
	.cmTabDiv .tabImgRoll .list .imgList a:first-child {margin-left:0}
	.cmTabDiv .tabImgRoll .list .imgList a.on span {position:absolute; left:0; top:0; border:3px solid #00a0c6; width:134px; height:94px}
	.cmTabDiv .tabImgRoll .prev {left:7px;}
	.cmTabDiv .tabImgRoll .next {right:7px;}
	.cmTabDiv .tabImgRoll .number {display:none; position:absolute; top:-46px; right:0; font-size:14px; color:#777}

	.cmTabDiv .tabDiv .txtArea .img {float:none; width:100%; margin-right:0px; text-align:center}
	.cmTabDiv .tabDiv .txtArea .img img{width:70%;}
	.cmTabDiv .tabDiv .txtArea .txtDiv {float:none; width:100%; padding-top:20px}
	.cmTabDiv .tabDiv .txtArea .txtDiv .tit {font-size:22px; font-weight:bold; color:#333; padding-bottom:19px; background:url("/common/images/icon/bar30x1.gif") no-repeat 0 100%; margin-bottom:14px}
	.cmTabDiv .tabDiv .txtArea .txtDiv .txt {font-size:14px; color:#777; line-height:26px}
	.cmTabDiv .tabDiv .txtDiv2 {width:100%; margin-top:25px; font-size:14px; color:#777; line-height:26px}

	.historyTab .historyList {padding-top:15px; margin-top:20px }
	.historyTab .historyList dt {width:15%;}
	.historyTab .historyList dd{width:85%;}
	.historyTab .img {margin-top:30px}
	.historyTab .img p {float:left; margin-left:0px; width:33.3%;}
	.historyTab .img p img{width:100%;}
	.historyTab .img p:first-child {margin-left:0}

	.nwListTop .bottom .img {text-align:center}
	.nwListTop .bottom .txtArea .tit {text-align:center}
	
	.ad .adView {display:none}
	.ad .adList {margin: 20px auto; float:none; width:445px; height:512px}
	.ad .adList .indicator {right:19px; width:405px}
	.ad .adList .rollList {width:405px; height:486px}
	.ad .adList .rollList .roll {width:100%; height:486px}
	.mobileAd {display:block}
	
	.chairGall .topIndi .indiDiv {width:504px}
	.chairGall .gallDiv {width:750px; margin:30px auto 0}

	.gallImgPop {position:fixed; top:30px; left:5%; width:90%}
	.gallImgPop .popRoll {width:100%}
	.gallImgPop .popRoll .unit p img {width:100%}
	.gallImgPop .popRoll .unit .txt {height:auto; font-size:13px}
	.gallImgPop .xbt {overflow:hidden}
	.gallImgPop .xbt a {display:block; width:45px; height:45px; float:right}
	.gallImgPop .xbt a img {width:100%}
	.gallImgPop .popRoll .leftbt {top:50%; left:0}
	.gallImgPop .popRoll .leftbt img {width:40px}
	.gallImgPop .popRoll .rightbt {top:50%; right:0}
	.gallImgPop .popRoll .rightbt img {width:40px}

	.meetDiv .txtBox {float:none; margin:0 auto 20px}
	.meetDiv .txtBox:nth-child(2) {margin:0 auto 20px}
	.meetDiv .txtBox:nth-child(4) {margin:0 auto 20px}
	.meetDiv .moreDiv {width:89.5%; padding:30px 5%}

	.mobileVisual .service .txtArea {height:auto}

	.typeb2Ser .servDiv .servPack .lefta {left:1111px}
	.typeb2Ser .servDiv .servPack .righta {right:563px}
	.cmMain img {width:99.9%}
	.cmMain .fir {width:89.9%; position:relative; top:0; left:0; background:#111; padding:25px 5% 25px}
	.cmMain .sec {position:relative; top:0; left:0; width:100%; height:700px; opacity:0; overflow:hidden; background:none}
	.cmMain .sec .bkBg {display:none}
	.cmMain .sec:hover .bkBg {display:none} 
	.cmMain .sec a {position:static; display:block; width:33.3% !important; float:left}
	.cmMain .sec a .normal {display:none}
	.cmMain .sec a .mobile {display:block; width:100%}
	.cmMain .sec a.btn1:hover img.normal {display:none}
	.cmMain .sec a.btn1:hover img.mobile {display:block}
	.cmMain .sec a.btn2:hover img.normal {display:none}
	.cmMain .sec a.btn2:hover img.mobile {display:block}
	.cmMain .sec a.btn3:hover img.normal {display:none}
	.cmMain .sec a.btn3:hover img.mobile {display:block}

	/* 전기다운로드 */
	.lifeList {padding:0; margin:40px auto 0; width:720px}
	.lifeList .list {margin:0 10px 50px}

	/* 포토캘린더 높이 가변형 */
	.photo2 .txt {width:90%; padding:17px 5% 19px}
	.photo2 .txt .tit {display:block; width:100%; font-size:14px}
	.photo2 .txt .date {display:block; width:100%; text-align:right; font-size:13px; line-height:19px}
	.photo2 .btn {top:0}
	.photo2 .btn a {float:left}
	.photo2 .btn a img {width:40px}
	
	/* 지면광고 높이 가변형 영역*/
	.ad .adView2 {float:none; width:90%; height:auto; margin:0 auto}
	.ad .adView2 .txt {width:90%; padding:25px 5%}
	.ad .adView2 .btn .prev {margin-top:-25px}
	.ad .adView2 .btn .prev img {width:50px}
	.ad .adView2 .btn .next {margin-top:-25px}
	.ad .adView2 .btn .next img {width:50px}
}

/* 모바일 해상도 */
@media all and (max-width:800px) {	
	.stockDiv iframe {min-height:1700px}

	/* 버튼 */
	.whtBt {padding:9px 0; width:58px; background:#fff; border:1px solid #d3d3d3; color:#555; font-size:13px; text-align:center}
	.whtBt.wd73 {width:73px}
	.grnBt {padding:8px 26px 9px; background:#0e93b6; color:#fff; font-size:15px; text-align:center}
	.grnBt2 {padding:11px 5% 11px; font-size:13px;}
	.grnBt4 {padding:9px 15px 8px; background:#00a0c6; color:#fff; font-size:15px; text-align:center; font-weight:bold}
	.grayBt2 {padding:10px 5% 10px; font-size:13px}

	/* topBanner 2019-03-13 추가 */
	/*.topBanner {display:none} 2020-03-05 수정 */
	/* //topBanner 2019-03-13 추가 */

	/* 2020-03-05 추가 */
	.topBanner{height:100px;}
	.topBanner .bgImg.pc {display:none}
	.topBanner .bgImg.mobile {display:block}
	.topBanner .btnArea{width:100%; text-align:center; left:0; right:20px; bottom:30px; transform:none;}
	.topBanner .btnArea .btn1{padding-lefT:0;}
	.topBanner .btnArea .btn1 .pc {display:none;}
	.topBanner .btnArea .btn1 .mobile {display:block;}
	.topBanner .btnArea .btn2 .pc {display:none;}
	.topBanner .btnArea .btn2 .mobile {display:block;}
	.topBanner .btnArea .check{    left: auto;
    right: 10px;
    top: 30px;}
	/* // 2020-03-05 추가 */

	/* header */
	#header .gnb {height:50px;}
	#header .gnb h1 {width:160px; padding-top:15px; margin:auto}
	#header .gnb h1 a {display:block; position:relative; width:100%} /* 2019-05-08 로고사이즈 오류 수정 */
	#header .gnb h1 a img {width:100%}
	#header .gnbBtn {top:17px; width:24px}

	#lnb {top:50px}


	/* footer */
	#footer .footDiv {width:100%; margin:0 auto; padding-top:20px;}
	#footer .footDiv .footTop .left .link {width:50%}
	#footer .footDiv .footTop .left .link a {font-size:11px}
	#footer .footDiv .footTop .left .address {width:50%; font-size:11px}
	#footer .footDiv .copyright {font-size:11px}

	.mainVisualArea {display:none}

	.searchBox {padding:15px 3%}
	.searchBox div{height:auto}
	.searchBox div p{display:inline-block; overflow:hidden; height:40px; margin-left:0; margin-top:10px}
	.searchBox div p:first-child{margin-left:0}
	.searchBox .date {text-align:center}
	.searchBox .date .btn{margin-top:0}
	.searchBox select {width:32%; height:35px}
	.searchBox select.type2 {width:42%}
	.searchBox select.type3 {width:22%}
	.searchBox input[type="text"] {width:90%; height:27px; margin-left:0; margin-top:10px}
	.searchBox button img{width:35px; height:35px; margin-top:10px}
	.searchBox .grnBt {margin-top:10px}
	.searchBox p {display:block; text-align:center}

	.listSearch select {width:23%; height:35px; padding:6px 0;}
	.listSearch select:first-child {width:35%}
	.listSearch input[type="text"] {width:35%; padding:3px;}
	.listSearch button{margin-top:10px;}
	.listSearch button img{height:35px}

	.listType1 a {padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd}
	.listType1 a .img {float:none; width:100%; margin-right:0;}
	.listType1 a .txtArea {float:none; width:100%; margin-top:10px}

	.listType2 {width:519px;}

	.boardType2 th {width:15%}
	.boardType2 td {padding:14px 2% 15px 3%}

	.boardtype2 th {width:15%; padding:14px 0 15px 2%}
	.boardtype2 td {padding:14px 2% 15px 3%}

	.ciTxt {font-size:15px;}
	.ciTxt2 {line-height:22px}
	.ciImg p img{width:100%;}
	.ciTit {font-size:16px; background: url("/common/images/icon/bar24x2.gif") no-repeat 0 0; background-size:18px}

	.historyTitle img{width:70%;}

	/* 탭버튼 3개*/
	.tabBtn.bt3 a {width:33%; height:30px; padding-top:11px; font-size:14px;}
	.tabBtn.bt3 a.on {width:33%; height:31px; padding-top:9px;}

	/* 탭버튼 4개*/
	.tabBtn.bt4 a {height:30px; padding-top:11px; font-size:14px;}
	.tabBtn.bt4 a.on {height:31px; padding-top:9px;}

	/* 탭버튼 5개*/
	.tabBtn a {height:30px; padding-top:11px; font-size:15px;}
	.tabBtn a.on {height:31px; padding-top:9px;}
	.tabBtn a.type2 {height:39px; font-size:11px; line-height:18px; padding-top:2px}
	.tabBtn a.type2.on {height:38px; font-size:11px; line-height:18px; padding-top:2px}

	/* 2019-09-26 추가 */
	/* 탭버튼 6개*/
	.tabBtn.bt6 a {height:auto; padding:11px 1% 11px; font-size:15px;}
	.tabBtn.bt6 a.on {height:auto; padding-top:9px;}

	/* 탭버튼 6개 이상*/
	.tabBtn.btOver6 a {height:auto; padding:11px 1% 11px; font-size:15px;}
	.tabBtn.btOver6 a.on {height:auto; padding-top:9px;}
	/* //2019-09-26 추가 */

	.titleArea .tit {font-size:30px; line-height:40px; margin-bottom:38px}
	.titleArea .grnTxt {margin-bottom:15px; font-size:20px; line-height:30px;}
	.titleArea .grnTxt {margin-bottom:15px; font-size:18px; line-height:28px;} /* 2019-09-26 추가 */

	.snsDiv {width:620px; margin:auto;}
	.snsDiv .sns {float:left; width:298px; margin:0 auto;}
	.snsDiv .sns .snsHead {height:41px;}
	.snsDiv .sns .snsHead .fb {width:48%; font-size:14px; padding-left:32px; background:url("/common/images/icon/facebook_icon.gif") no-repeat 0 50%; background-size:28px}
	.snsDiv .sns .snsHead .tw {width:48%; font-size:14px; padding-left:32px; background:url("/common/images/icon/twitter_icon.gif") no-repeat 0 50%; background-size:28px}
	.moreBtn {margin-top:20px}
	.moreBtn a {padding:10px 0 11px; font-size:15px;}
	.moreBtn a span {padding-right:21px; background:url("/common/images/icon/more_icon.png") no-repeat 100% 50%;}

	.viewDiv .vHead {padding:17px 3%; font-size:12px}
	.viewDiv .vHead p span {padding-left:3%; margin-left:3%;}
	.viewDiv .vHead .tit {font-size:15px;}
	.viewDiv .boardType1 tr th {font-size:13px; padding:12px 3% 13px}
	.viewDiv .boardType1 tr td {font-size:12px; padding:12px 3% 13px}
	.viewDiv .vBody {padding:15px 3% 30px;}
	.viewDiv .vBody .img {margin-bottom:10px}
	.viewDiv .vBody .txt {line-height:24px; font-size:13px;}

	.activity .actDiv .box .txt ul li {font-size:13px; line-height:20px; padding-left:10px; background:url("/common/images/icon/dot6x6.gif") no-repeat 0 7px; background-size:4px}
	.activity .actDiv2 .tit {font-size:15px; margin-top:15px}
	.activity .actDiv2 .txt {font-size:13px; line-height:22px; margin-top:10px;}

	.outline {margin-top:30px}
	.outline > div {width:100%; float:none; margin-top:30px}
	.outline div .img {width:34%; float:left}
	.outline div .img img {width:100%}
	.outline div .txtArea {width:60%; padding: 0 3%; float:left; min-height:auto; margin:0}
	.outline div .txtArea .tit {font-size:15px; margin-bottom:10px}
	.outline div .txtArea .txt {font-size:12px; line-height:20px; letter-spacing:0}

	.history .list{margin-top:30px}
	.history .list .year {width:20%; font-size:17px; line-height:25px}
	.history .list .txt {width:80%; font-size:13px;}

	.mapInfo div .txt{line-height:25px; height:auto; width:55%; margin:10px 3% 0}
	.mapInfo div .txt span {display:block; margin-right:0;}

	.visionDiv .left {position:relative; float:none; width:100%;}
	.visionDiv .left .txt {padding-top:15px; font-size:22px; line-height:30px}
	.visionDiv .left .rBox {position:absolute; top:20px; right:3%; font-size:17px; width:auto; padding:11px 3% 13px; margin-top:0}
	.visionDiv .right {float:none; margin-top:30px;}
	.visionDiv .right > div {float:left; width:29%; margin:0 2%; text-align:center}
	.visionDiv .right > div img{width:100%;}
	.visionDiv .right > div .rank {font-size:14px;}
	.visionDiv .right > div .rank span {font-size:18px;}
	.visionDiv .right > div .rankInfo {font-size:12px;}

	.visionDIv2 {background:url("/common/images/icon/bottom_bg.png") no-repeat center 100%; background-size:100%;}
	.visionDIv2 > div > div {width:100%; float:none; margin-top:10px}
	.visionDIv2 > div .txt {padding:20px 3%; height:auto}
	.visionDIv2 .top .txt {border-bottom:1px solid #ddd; min-height:auto;}
	.visionDIv2 .end .txt {border-left:1px solid #ddd}
	.visionDIv2 > div .txt p {font-size:15px; margin-bottom:10px}
	.visionDIv2 > div .txt ul li {font-size:13px;}
	.visionRTxt{width:80%; font-size:16px; padding:20px 0;}

	.missionRTxt p {font-size:16px}

	.listType3{font-size:13px !important;}
	.listType3 li .num {line-height:22px}
	.listType3 li .right .group {line-height:22px;}
	.listType3 li .right .tit {line-height:22px;}
	.listType3 li .right .tit span {font-size:12px;}
	.listType3 li .right .info {line-height:22px; margin-top:10px}
	.listType3 li .right .btn {position:relative; top:0; right:0; width:auto; margin-top:10px; font-size:12px;}
	.listType3 li .listN {font-size:14px;}

	.listType4 {width:552px; margin:auto}
	.listType4 a {width:260px}
	.listType4 a .img {width:100%; height:153px}
	.listType4 a .txtBox {padding:15px 5% 25px}

	.global {margin-top:30px}
	.global .select {padding:30px 5%;}
	.global .select p {padding-left:35px; line-height:30px; font-size:13px; background:url("/common/images/icon/sns_select_icon.png") no-repeat 0 0; background-size:30px;}
	.global th {font-size:13px; word-break:break-all}
	.global td .acoBtn {font-size:13px; background:#fff url("/common/images/icon/aco_icon.png") no-repeat 97% 50%; background-size:15px;}
	.global td .acoBtn.on {background:#fff url("/common/images/icon/aco_icon_on.png") no-repeat 97% 50%; background-size:15px;}
	.global td .acoDiv {padding:20px 3%;}
	.global td .acoDiv .tit {margin-top:30px; font-size:13px;}
	.global td .acoDiv .txt {font-size:12px; line-height:22px; margin-top:10px}

	.contact > div > div {margin-bottom:30px}
	.contact .left {float:none; width:100%}
	.contact .right {float:none; width:100%}
	.contact .txt {padding:22px 3%}
	.contact .txt .name {font-size:14px; line-height:30px;}
	.contact .txt .num {height:19px; line-height:19px; font-size:14px; color:#777; padding-left:24px; background:url("/common/images/icon/tel_icon2.png") no-repeat 0 50%}

	.ceoGreet .txtArea .txt1 {font-size:15px; line-height:25px}
	.ceoGreet .txtArea .txt2 {margin-top:15px; font-size:13px;}
	.ceoGreet .txtArea .txt2 span {font-size:12px;}
	.ceoGreet .txtArea .sign {margin-top:10px; text-align:right}
	.ceoGreet .txtArea .sign img{width:80px;}
	.ceoGreet .ceo {float:none; width:100%; text-align:center; margin-top:20px}
	.ceoGreet .ceo img{width:80%;}
	.greeting{font-size:12px;}

	.proTit {padding-top:40px; background:url("/common/images/icon/profile_icon.gif") no-repeat 50% 0; background-size:30px;}
	.proTit.type2 {background:url("/common/images/icon/profile_icon2.gif") no-repeat 50% 0; background-size:30px;}
	.proTit.type3 {background:url("/common/images/icon/profile_icon3.gif") no-repeat 50% 0; background-size:30px;}
	.profile {width:100%; overflow:hidden}
	.profile .pfArea {width:100%; float:none}
	.profile .pfArea div {padding-left:0}
	.profile .pfArea dl {margin-top:20px}
	.profile .pfArea dl dt {width:20%; font-size:15px;}
	.profile .pfArea dl dd {width:80%; font-size:13px; line-height:18px; margin-bottom:15px}
	.profile .pfArea div dl dd {width:80%}

	.photo .roll .txt {width:75%; padding:10px 22% 10px 3%; background:url("/common/images/icon/roll_bg.png") repeat 0 0; color:#fff; font-size:14px}
	.photo .roll .txt .tit {float:left; width:80%}
	.photo .roll .txt .date {font-size:13px; float:right; line-height:15px}
	.photo .btn {position:absolute; right:0; bottom:0; overflow:hidden}
	.photo .btn a {display:block; float:left}
	.photo .btn a img{height:37px}
	
	.snsSearch select {width:35%; height:35px}
	.snsSearch button img {width:35px; height:35px}

	.listType5 {width:643px; margin:auto;}

	.photoArea{display:none}
	.photo{display:block}
	.tabDiv .tabList{display:block}

	.videoArea .title > span {width:100%}
	.videoArea .title .caption {float:right}
	.videoArea .title .caption span {font-size:15px; margin-top:5px}

	.system .normal {width:550px}

	.boardType1 tr th {font-size:13px}
	.boardType1 tr td {font-size:12px}
	.boardType1 tr td.lineHeight05 {line-height:24px;} /* 2019-09-26 추가 */

	/* 2019-09-26 추가 */
	.selectType .selectArea {top:-45px;}
	.selectType .selectArea .selectBox {width:100px; height:30px;}
	.selectType .selectArea .selectBox .slcPoint {background-size:10px auto}
	.selectType .selectArea .selectBtn {width:60px; height:30px; line-height:30px;}
	.selectType .selectArea .selectBox .slcPoint .abbr {padding:0 30px 0 15px; font-size:12px; line-height:28px;}
	/* //2019-09-26 추가 */

	.subTit {font-size:24px}
	.nwTxt .txt1 {font-size:18px; line-height:27px}
	.nwTxt .txt2 {font-size:13px}
	.nwCon {padding-top:0}
	.nwCon .con2 .right .img img {width:100%}
	.boardType2 {overflow-x: auto}
	.boardtype2 {overflow-x: auto}
	.nwNews .newsWrap .pressDiv .txtArea {width:100%; height:auto}
	.nwNews .newsWrap .pressDiv .txtArea .left {float:none; margin-right:0; width:100%}
	.nwNews .newsWrap .pressDiv .txtArea .left .tit {width:100%}
	.nwNews .newsWrap .pressDiv .txtArea .left .txt {width:100%; height:66px}
	.nwNews .newsWrap .pressDiv .txtArea .list {float:none; width:98%; margin-top:15px}
	.nwNews .newsWrap .pressDiv .txtArea .list li a {width:100%}
	.nwNews .newsWrap .pressDiv .txtArea .list li .tit {width:70%}
	.nwNews .newsWrap .pressDiv .txtArea .list li .date {width:70px; float:right}
	.nwNews .newsWrap .recruitDiv .txtArea2 .right {width:46%; margin-left:3%}
	.nwNews .newsWrap .recruitDiv .txtArea2 .right .tit {font-size:14px}
	.nwNews .newsWrap .recruitDiv .txtArea2 .right .date {font-size:13px}
	.nwNews .newsWrap .recruitDiv .txtArea2 .txt {font-size:13px; overflow:hidden; text-overflow:ellipsis}
	.networkRoll .btn .prev {width:42px; top:50%; left:0; margin-top:-21px}
	.networkRoll .btn .next {width:42px; top:50%; right:0; margin-top:-21px}
	
	.nwTxt {margin-top:10px}
	
	.nwTxt2 .top .txt1 {margin-top:5px}
	.nwTxt2 .top .txt1 p:first-child {font-size:17px; line-height:25px}
	.nwTxt2 .top .txt1 p {font-size:13px}
	.nwTxt2 .txt2 {font-size:13px}
	
	.nwCon .con .txtArea .txt {font-size:13px}
	.nwCon .con .img {margin-top:10px}
	.nwCon .con2 .right .img {margin-top:10px}

	.networkTit {font-size:28px}
	.groupTxt .normal {display:none}
	.groupTxt .mobile {display:block}
	
	.cmTabDiv .cmMind .normal {display:none}
	.cmTabDiv .cmMind .mobile {display:block}

	.nwNews .newsWrap .imgArea {width:100%; margin:0 auto}
	.nwNews .newsWrap .imgDiv3 {width:310px; float:none; margin:0 auto 25px;}
	.nwNews .newsWrap .imgDiv4 {float:none; width:310px; margin:0 auto 25px;}
	.nwNews .newsWrap .imgDiv5 {width:100%}

	.overview .logoTxt {width:90%; padding:35px 6% 0 4%; height:250px}
	.overview .logoTxt .img {width:15%; margin-right:5%}
	.overview .logoTxt .img img {width:100%}
	.overview .logoTxt .right {width:80%}
	.overview .logoTxt .right .tit {font-size:25px}
	.overview .logoTxt .right .txt {font-size:13px}
	.overview .txtArea {padding-right:3%; width:94%; margin-top:-75px}
	.overview .txtArea .left {width:100%; margin-right:0; float:none}
	.overview .txtArea .left img {width:100%}
	.overview .txtArea .right {width:100%; float:none}
	.overview .txtArea .right img {width:100%}
	.overview .txtArea > div p {font-size:13px}
	.overview .txtArea > div .tit {font-size:18px}
	
	.overview .txtArea .right {margin-top:20px}
	.cmBtn a span {font-size:15px;}
	.cmBtn a .num {padding-bottom:12px; margin-bottom:8px}

	.cmTabDiv {margin-top:20px}
	.cmTabDiv .cmHistory {padding:10px 0 11px 4px; line-height:20px; font-size:13px;}
	.cmTabDiv .cmHistory:first-child {border-top:0}
	.cmTabDiv .cmHistory .year {width:20%; font-size:17px; line-height:22px;}
	.cmTabDiv .cmHistory .month {width:10%; line-height:22px;}

	.cmTabDiv .tabDiv .txtArea .txtDiv .tit {font-size:18px; padding-bottom:10px; margin-bottom:10px}
	.cmTabDiv .tabDiv .txtArea .txtDiv .txt {font-size:13px; line-height:22px}
	.cmTabDiv .tabDiv .txtDiv2 {margin-top:18px; font-size:13px; line-height:22px}

	.historyTab .historyTit span {line-height:22px; font-size:15px; margin-left:3%; padding-left:3%}
	.historyTab .historyTit span:first-child {font-size:17px; line-height:22px}
	.historyTab .historyList {padding-top:10px; margin-top:15px}
	.historyTab .historyList dt {float:left; width:20%; font-size:15px; line-height:20px; margin-bottom:10px}
	.historyTab .historyList dd{float:left; width:80%; font-size:13px; line-height:20px; margin-bottom:10px}
	.historyTab .img {overflow:hidden; width:100%}

	.mobileAd {width:100%}
	.mobileAd .rollArea .roll .txt .tit {font-size:14px; margin-bottom:7px}

	.chairGall .gallDiv {width:720px; margin:30px auto 0}
	.chairGall .gallDiv .gallTxtOn {padding:45px 25px 80px 25px}
	.chairGall .gallDiv .gallTxtOn .close {bottom:15px; right:10px}
	.chairGall .gallDiv .gallTxtOn .more {bottom:15px; right:117px}

	.gallImgPop .popRoll .leftbt {top:45%; left:0}
	.gallImgPop .popRoll .leftbt img {width:40px}
	.gallImgPop .popRoll .rightbt {top:45%; right:0}
	.gallImgPop .popRoll .rightbt img {width:40px}

	.meetDiv .txtBox {width:89%; padding:30px 5%; height:auto; min-height:440px}
	.meetDiv .txtBox:nth-child(2) {margin:0 auto 20px}
	.meetDiv .txtBox:nth-child(4) {margin:0 auto 20px}

	.mobileVisual {display:block}
	.cmMain {width:90%; margin:0 auto}
	.cmMain .sec a {width:100% !important; float:none}
	.cmMain .fir .txt1 {font-size:13px; color:#fff}
	.cmMain .fir .txt2 {font-size:15px; color:#fff; line-height:24px; padding-top:22px; margin-top:22px}
	.cmMain .fir .txt3 {font-size:25px; font-weight:bold; color:#fff; margin-top:20px}
	.cmMain .fir .txt4 {font-size:12px; color:#fff; margin-top:10px}
	.cmMain .fir .txt5 {font-size:12px; color:#999; line-height:22px; margin-top:30px}
	.cmMain .fir .firBtn {font-size:16px; margin-top:40px; width:195px; padding:12px 0 12px 15px; line-height:27px}
	.cmMain .fir .firBtn span {display:block; width:145px; padding-right:35px; background:url("/common/images/btn/chairman_btn.png") no-repeat 100% 0; line-height:27px;}

	.yearSelect select {width:120px; height:35px}
	.yearSelect button img {height:35px}

	/* 전기다운로드 */
	.lifeList {padding:0; margin:20px auto 0; width:540px}

	/* 포토캘린더 높이 가변형 */
	.photo2 .txt {width:90%; padding:9px 5% 12px}
	.photo2 .txt .tit {display:block; width:100%; font-size:13px}
	.photo2 .txt .date {display:block; width:100%; text-align:right; font-size:12px; line-height:19px}
	.photo2 .btn {top:0}
	.photo2 .btn a {float:left}
	.photo2 .btn a img {width:35px}
	
	/* 지면광고 높이 가변형 영역*/
	.ad .adView2 .txt .tit {font-size:14px; font-weight:bold; margin-bottom:10px}
	.ad .adView2 .txt .date {font-size:12px}
	.ad .adView2 .txt .date span {background-size:1px 80%}
	.ad .adView2 .btn .prev {margin-top:-22px}
	.ad .adView2 .btn .prev img {width:44px}
	.ad .adView2 .btn .next {margin-top:-22px}
	.ad .adView2 .btn .next img {width:44px}

	/* 에러페이지 */
	.error {width:80%; padding:50px 5%}
	.error .icon img {width:40%}
	.error .txt1 {font-size:17px; margin-top:17px}
	.error .txt2 {font-size:13px; line-height:21px}
	.error .box {padding:20px 20%; margin-top:15px}
	.error .box p {font-size:15px}
	.error .box ul li {font-size:13px}
}
@media all and (max-width:765px) {
	.chairGall .gallDiv {width:480px; margin:30px auto 0}
}
@media all and (max-width:680px) {
	.snsDiv {width:590px; margin:0 auto}
	.snsDiv .sns {margin:0 auto 20px; float:none}
	.cmTabDiv .half {float:none; width:100%; margin:0; margin-left: 0}
	.cmTabDiv .half:first-child {margin-left: 0}
	.cmTabDiv {margin-top:20px}
	.cmTabDiv .cmHistory {padding:10px 0 11px 4px; line-height:20px; font-size:12px;}
	.cmTabDiv .cmHistory:first-child {border-top:1px solid #ececec}
	.cmTabDiv .cmHistory .year {width:18%; font-size:15px; line-height:22px;}
	.cmTabDiv .cmHistory .month {width:12%; line-height:22px;}
	
	.cmTabDiv{display:none;}
	.cmTabDiv.type2{display:block}
	.tabImgRollM{position:relative; display:block; width:100%; height:auto; overflow:hidden; margin-top:30px}
	.tabImgRollM li .img{width:100%; margin:0 auto 15px}
	.tabImgRollM li .img img{width:100%}
	.tabImgRollM li .txt1{padding:0 5%; font-size:16px; font-weight:bold; color:#333; padding-bottom:19px; background:url("/common/images/icon/bar30x1.gif") no-repeat 5% 100%; margin-bottom:14px; line-height:22px}
	.tabImgRollM li .txt2{padding:0 5%; font-size:13px; color:#777; line-height:22px}
	.tabImgRollM .btnM1{position:absolute; top:0; right:0;}
	.tabImgRollM .btnM1 a {float:left}
	.tabImgRollM .btnM1 img{width:30px;}

	.listType5 {width:320px; margin:0 auto}
	.listType5 a {float:none; width:300px; margin:0 auto 20px}
	.listType5 a .img {width:100%; height:170px}
}

/* 모바일 해상도2 */
@media all and (max-width:600px) {
	.subTit3 {font-size:18px}

	.listType2 {width:228px;}
	.listType3 li .right .tit .rcTit {width:100%}
	.listType3 li .right .tit a span:nth-child(2) {margin-left:0}
	.listType3 li .right .info .part {width:97%}

	.listType4 {width:260px; margin:auto}
	.listType4 a {width:100%}
	.listType4 a .img {width:100%; height:153px}
	.listType4 a .txtBox {padding:15px 5% 25px}

	.mainConArea .banner a {display:block; float:left; width:49%; height:49%; margin-left:2%; }
	.mainConArea .banner .bn1 {margin-left:0; background-size:100%}
	.mainConArea .banner .bn2 {margin-top:10px; background-size:100%}
	.mainConArea .banner .bn3 { background-size:100%}
	.mainConArea .banner .bn4 {margin-left:0; margin-top:10px; background-size:100%}

	.mainConArea .mainCon .cont {width:100%}
	.mainConArea .mainCon .cont .topArea {background:#e6efee url("/common/images/icon/mMain_roll_bg.jpg") no-repeat 100% 0; background-size:100%; height:190px}
	.mainConArea .mainCon .cont .topArea .tit {font-size:16px}
	.mainConArea .mainCon .cont .topArea .txt {font-size:13px; margin-top:15px}
	.mainConArea .mainCon .cont .rollArea {width:90%}
	.mainConArea .mainCon .cont .rollArea p {width:100% !important}
	.mainConArea .mainCon .cont .rollArea p a {width:100% !important; background-position:50% 0 !important;}
	
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea {width:70%; padding-left:5px}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .tit {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .txt {width:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn {float:right; width:27%; overflow:hidden}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev {float:left; width:11.5px; height:12.5px; margin:0 8%; background:url("/common/images/btn/mRoll_prev_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev:hover {background:url("/common/images/btn/mRoll_prev_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.next {float:left; width:11.5px; height:12.5px; margin:0 14%; background:url("/common/images/btn/mRoll_next_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.next:hover {background:url("/common/images/btn/mRoll_next_btn.gif") no-repeat 0 0; background-size:100%}
	.mainConArea .mainCon .cont .rollArea .bottom .btn a.more {float:right; width:11.5px; height:12.5px; background:url("/common/images/btn/mRoll_more_btn.gif") no-repeat 0 0; background-size:100%}

	.mainConArea .mainCon .news {width:100%; }
	.mainConArea .mainCon .news .top .img {width:100%; height:auto; float:none}
	.mainConArea .mainCon .news .top .txtArea {width:100%; float:none; margin-top:10px}
	.mainConArea .mainCon .news .top .txtArea .tit {width:100%; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.mainConArea .mainCon .news .top .txtArea .txt {width:100%; font-size:12px; height:40px; overflow:hidden; text-overflow:ellipsis}
	.mainConArea .mainCon .news .bottom ul li a .tit {width:70%; font-size:12px; margin-right:10px}
	.mainConArea .mainCon .news .bottom ul li a .date {float:right; font-size:11px}

	.mobileVisual .service .btnArea button img {width:33px}
	.mobileVisual .service .txtArea .tit {font-size:28px}
	.mobileVisual .service .txtArea .txt {font-size:14px; margin-top:5px}
	.mobileVisual .service .txtArea {padding:14% 5% 0}
	.mobileVisual .service .txtArea .linkArea div a {margin-bottom:7%}
	.mobileVisual .service .txtArea .linkArea a .tit {font-size:17px}
	.mobileVisual .service .txtArea .linkArea a .txt {font-size:12px; margin-top:7px}
	.mobileVisual .service .txtArea .linkArea a .txt br {display:none}
	.mobileVisual .service .txtArea .bottom .tit {font-size:17px}
	.mobileVisual .service .txtArea .bottom .txt {font-size:12px; margin-top:7px}

	/* 2019-09-26 추가 */
	.btnBox {margin-top:20px;}
	.downBtn {height:30px; padding:0px 10px;}
	.downBtn > span {padding-right:17px;font-size:10px; line-height:30px; font-weight:bold; color:#00a0c6; background:url("/common/images/icon/down_icon.jpg") no-repeat center right; background-size: auto 10px;}
	/* //2019-09-26 추가 */

	/* 탭버튼 3개*/
	/* 2019-09-26 수정 */
	.tabBtn.bt3 a {width:30.4%; height:30px; padding:11px 1% 0; font-size:12px;}
	.tabBtn.bt3 a.on {width:30.4%; height:31px; padding-top:9px;}
	.tabBtn.bt3 a:first-child {width:30.4%;}
	.tabBtn.bt3 span {display:none}
	/* //2019-09-26 수정 */

	/* 탭버튼 4개*/
	.tabBtn.bt4 a {width:22%; height:30px; padding:11px 1% 0; font-size:12px;}
	.tabBtn.bt4 a.on {width:21%; height:31px; padding-top:9px;}
	.tabBtn.bt4 span {display:none}
	
	/* 탭버튼 5개*/
	.tabBtn a {width:16%; height:30px; padding:11px 1% 0; font-size:11px;}
	.tabBtn a.on {width:16%; height:31px; padding-top:9px;}
	.tabBtn a.type2 {width:19%; height:32px; font-size:9px; line-height:10px; padding-top:9px}
	.tabBtn a.type2 br {display:none}
	.tabBtn a.type2.on {width:19%; height:31px; font-size:9px; line-height:10px; padding-top:9px}

	/* 2019-09-26 추가 */
	/* 탭버튼 6개*/
	.tabBtn.bt6 a {height:auto; padding:11px 1% 11px; font-size:11px;}
	.tabBtn.bt6 a.on {height:auto; padding-top:9px;}

	/* 탭버튼 6개 이상*/
	.tabBtn.btOver6 a {height:auto; padding:11px 1% 11px; font-size:11px;}
	.tabBtn.btOver6 a.on {height:auto; padding-top:9px;}
	/* //2019-09-26 추가 */

	.titleArea .tit {font-size:25px; line-height:30px; margin-bottom:30px}
	.titleArea .grnTxt {margin-bottom:10px; font-size:18px; line-height:25px;}

	.activity .actDiv .box {float:none; width:100%; margin:0 0 20px}
	.activity .actDiv .box .txt {min-height:auto; padding:15px 3%;}
	.activity .actDiv .box .txt .btn {padding:6px 3% 6px;}
	
	.activity .actDiv2 {width:100%; margin-left:0; float:none}
	.activity .actDiv2 ul {margin-top:10px;}
	.activity .actDiv2 ul li {font-size:13px; line-height:22px}
	.activity .actDiv2 .txt {min-height:auto}
	.activity .actDiv2{min-height:auto; margin-bottom:30px}

	.outline > div {width:100%; float:none;}
	.outline div .img {width:100%; float:none}
	.outline div .txtArea {width:100%; padding: 0; float:none; min-height:auto; margin-top:15px}
	.outline div .txtArea .tit {font-size:15px; margin-bottom:10px}
	.outline div .txtArea .txt {font-size:12px; line-height:20px; letter-spacing:0}

	.mapInfo div {float:none; width:100%; margin-top:0; margin-left:0; padding:15px 0; overflow:hidden}
	.mapInfo div .icon{float:left; margin-right:3%; width:20%;}
	.mapInfo div .icon img{width:100%;}
	.mapInfo div .txt{float:left; line-height:25px; height:25px; margin:0; width:77%;}

	.visionDiv {background:#e1ebee url("/common/images/icon/vision_bg.png") no-repeat right 0; background-size:100%;}
	.visionDiv .left .txt {padding-top:15px; font-size:22px; line-height:30px; text-align:center; background-position:50% 0;}
	.visionDiv .left .rBox {position:relative; top:0; right:0; width:94%; display:inline-block; margin-top:15px}
	.visionDiv .right {float:none; width:100%;}
	.visionDiv .right > div {float:none; width:100%; margin:0 auto 30px; text-align:center;}
	.visionDiv .right > div img{width:50%; margin:0 auto 10px;}
	.visionDiv .right > div .rank {font-size:15px;}
	.visionDiv .right > div .rank span {font-size:20px;}
	.visionDiv .right > div .rankInfo {font-size:12px;}
	
	.listSearch{padding:20px 2%;}
	.listSearch select {width:23%; height:35px; padding:6px 0;}
	.listSearch select:first-child {width:42%}
	.listSearch select.wd227 {width:30%}
	.listSearch select.wd233 {width:31%}
	.listSearch select.wd110 {width:42%}
	.listSearch input[type="text"] {width:90%; padding:3px; margin-top:10px}
	.listSearch button{margin-top:10px;}
	.listSearch button img{height:35px;}

	.searchBox .date .btn button {width:45px; font-size:12px;}
	.searchBox .date .btn button:first-child {border-left:1px solid #d3d3d3}
	.searchBox .date .btn button.wd78 {width:60px}
	.searchBox .date .cal{width:45%;}
	.searchBox .date .cal input[type="text"] {width:80%;}
	.searchBox .date .cal a {position:absolute; top:12px; right:7%;}
	.searchBox .date .cal a img{width:15px;}
	.searchBox select {width:43%; height:35px}
	.searchBox select.type2 {width:43%}
	.searchBox select.type3 {width:50%; margin-top:10px}
	.searchBox input[type="text"] {width:90%; height:27px; margin-left:0; margin-top:10px}

	.nameBox {overflow:hidden; width:85%; font-size:16px; padding:10px 7%; line-height:27px; text-align:center}
	.nameBox .name {float:none; display:inline-block; margin-right:4%}
	.nameBox .birth {float:none; display:inline-block; font-size:15px; line-height:27px}

	.photo .roll .txt {width:67%; padding:10px 30% 10px 3%; font-size:13px}
	.photo .roll .txt span {font-size:12px; float:right; line-height:15px}
	.photo .btn {position:absolute; right:0; bottom:0; overflow:hidden}
	.photo .btn a {float:left}
	.photo .btn a img{height:35px}

	.photoArea {position:relative; width:100%; height:auto; overflow:hidden; display:none}
	.photoArea .photoM {width:100%; height:auto; overflow:hidden}
	.photoArea .photoM ul {width:100%; height:auto;}
	.photoArea .photoM ul .roll {position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden}
	.photoArea .photoM ul .roll img {width:100%; height:auto}
	.photoArea .photoM ul .roll .txt {width:94%; padding:10px 3%; background:url("/common/images/icon/roll_bg.png") repeat 0 0; color:#fff; font-size:14px}
	.photoArea .photoM ul .roll .txt span {font-size:14px; float:right; line-height:19px}
	.photoArea .btnM1 {position:absolute; right:0; top:0; bottom:auto; overflow:hidden}
	.photoArea .btnM1 a {float:left}
	.photoArea .btnM1 a img{height:30px;}
	.photoArea .btnM2 {position:absolute; right:0; top:0; bottom:auto; overflow:hidden}
	.photoArea .btnM2 a {float:left}
	.photoArea .btnM2 a img{height:30px;}
	.photoArea .btnM3 {position:absolute; right:0; top:0; bottom:auto; overflow:hidden}
	.photoArea .btnM3 a {float:left}
	.photoArea .btnM3 a img{height:30px;}
	.photoArea .btnM4 {position:absolute; right:0; top:0; bottom:auto; overflow:hidden}
	.photoArea .btnM4 a {float:left}
	.photoArea .btnM4 a img{height:30px;}

	.nwList {width:100%;}
	.nwList a {margin:0 auto 20px; float:none}
	.nwList a.end {margin:0 auto 20px; float:none}
	.nwList2 {width:100%; float:none}

	.snsDiv .select p {font-size:11px}

	/* 2019-09-26 추가 */
	.boardType1 tr td {padding:13px 2% 13px;}
	.boardType1 tr td.lineHeight05 {padding:8px 1%; line-height:16px}
	.selectType {margin-top:50px;}
	.selectType .selectArea {top:-35px;}
	.selectType .selectArea .selectBox {width:80px; height:25px;}
	.selectType .selectArea .selectBox .slcPoint {background-size:10px auto}
	.selectType .selectArea .selectBox .slcPoint .abbr {padding:0 30px 0 15px; font-size:10px; line-height:23px;}
	.selectType .selectArea .selectBtn {width:50px; height:25px; line-height:25px; font-size:10px;}
	/* //2019-09-26 추가 */

	.listType5 {width:290px; margin:0 auto}
	.listType5 a {float:none; width:290px; margin:0 auto 20px}
	.listType5 a .img {width:100%; height:170px}
	.listType5 a .img img {width:100%; height:auto;}
	.listType5 a .txt {padding:15px 3%}
	.listType5 a .txt .tit {font-size:14px;}
	.listType5 a .txt .date {font-size:11px; margin-top:10px}

	.photoArea{display:block}
	.photo{display:none}
	.tabDiv .tabList{display:none}

	.snsSearch select {width:48%}
	.snsSearch button {margin-top:10px}
	
	.snsDiv {width:100%}
	.snsDiv .sns {float:none; width:298px; margin:0 auto;}

	.ciDiv .imgArea {float:none; width:100%; margin-right:0}
	
	.siteMap dl {width:50%; float:left; margin-left:0}
	.siteMap dl dd > a {width:85%; padding-left:5%;}
	.siteMap dl dd .twoD > a {line-height:22px; font-size:12px; background-position:5px 50%}
	
	.system {margin-top:35px}
	.system .normal {display:none;}
	.system .mobile {display:block}

	.missionDiv .normal {display:none}
	.missionDiv .mobile {display:block}

	.mailPop .tit {font-size:18px}
	.mailPop .icon {width:50%}
	.mailPop .txt {font-size:12px}
	.mailPop .txt br {display:none}

	.promote div ul li {font-size:13px}

	.boardType1 tr th {font-size:11px}
	.boardType1 tr td {font-size:10px; line-height:15px;} /* 2019-09-26 수정 */

	.subTit {font-size:21px}

	.phlDiv .normal {display:none}
	.phlDiv .mobile {display:block}

	.nwCon .con2 .tit {font-size:21px}
	.nwCon .con2 .tit2 {font-size:21px}
	.nwCon .con2 .right .txt {font-size:13px}

	.nwNews .newsWrap .pressDiv .txtArea .list li .tit {width:67%}
	.nwNews .newsWrap .pressDiv .txtArea .list li .date {width:30%; float:right; text-align:right}

	.map .normal {display:none}
	.map .mobile {display:block}

	.boardType2 th {padding:14px 0 15px 4%; border-top:none; border-bottom:1px solid #e3e3e3; display:block; width:96%}
	.boardType2 th.borT {border-top:1px solid #e3e3e3}
	.boardType2 td {padding:14px 0 15px 4%; border-top:none; border-bottom:1px solid #e3e3e3; vertical-align:middle; letter-spacing:-0.4px; display:block; width:94%}
	.boardType2.type2 th {width:96%}
	.boardType2.type2 td {width:94%}

	.boardtype2 th {padding:14px 0 15px 4%; border-top:none; border-bottom:1px solid #e3e3e3; display:block; width:96%}
	.boardtype2 th.borT {border-top:1px solid #e3e3e3}
	.boardtype2 td {padding:14px 0 15px 4%; border-top:none; border-bottom:1px solid #e3e3e3; vertical-align:middle; letter-spacing:-0.4px; display:block; width:94%}
	.boardtype2.type2 th {width:96%}
	.boardtype2.type2 td {width:94%}
	
	.boardType3 tr {width:50%; float:left}
	.boardType3 tr th {border-bottom:1px solid #e3e3e3; padding:15px 0; display:block; width:100%}
	.boardType3 tr td {border-left:0; border-top:0; padding:15px 0 16px; display:block; width:100%}

	.networkRoll .btn .prev {width:32px; top:50%; left:0; margin-top:-16px}
	.networkRoll .btn .next {width:32px; top:50%; right:0; margin-top:-16px}

	.nwNews .newsWrap .imgDiv .normal {display:none}
	.nwNews .newsWrap .imgDiv .mobile {display:block; width:100%}
	
	.nwNews .newsWrap .imgDiv2 {width:98%; height:auto; margin:0 auto 10px}

	.nwNews .newsWrap .imgDiv3 {width:100%}
	.nwNews .newsWrap .imgDiv3 img {width:100%}
	.nwNews .newsWrap .imgDiv3 .normal {display:none}
	.nwNews .newsWrap .imgDiv3 .mobile {display:block}
	.nwNews .newsWrap .imgDiv4 {width:100%}
	.nwNews .newsWrap .imgDiv4 a {width:100%}
	.nwNews .newsWrap .imgDiv4 img {width:100%}
	.nwNews .newsWrap .imgDiv5 .normal {display:none}
	.nwNews .newsWrap .imgDiv5 .mobile {display:block}
	
	.overview .logoTxt .right .tit {font-size:22px}
	.overview .txtArea {margin-top:0; padding-left:0; padding-right:0; width:100%}

	.historyTab .img p{float:none; width:100%; margin-bottom:5px}
	
	.ad .adList {margin:20px auto; float:none; width:300px; height:760px}
	.ad .adList .indicator {right:22px; width:266px}
	.ad .adList .rollList {width:266px; height:735px}
	.ad .adList .rollList .roll {width:100%; height:735px}

	.mobileAd .rollArea .roll .txt .tit {font-size:12px; margin-bottom:5px}
	.mobileAd .rollArea .roll .txt .date {font-size:10px}
	.mobileAd .rollArea .roll .txt .date span {background-size:1px 50%; padding-left:9px; margin-left:8px}
	.mobileAd .btnM1 .prev {position:absolute; top:50%; left:0; margin-top:-15px}
	.mobileAd .btnM1 .prev img {width:30px; height:30px}
	.mobileAd .btnM1 .next {position:absolute; top:50%; right:0; margin-top:-15px}
	.mobileAd .btnM1 .next img {width:30px; height:30px}

	.visionRTxt{width:90%; font-size:14px; padding:15px 5%;}
	.missionRTxt p {width:90%; font-size:14px; padding:15px 5%}
	
	.chairGall .topIndi .indiDiv {width:168px}
	.chairGall .gallDiv {width:240px; margin:30px auto 0}

	.gallImgPop .popRoll .leftbt {top:35%; left:0}
	.gallImgPop .popRoll .leftbt img {width:30px}
	.gallImgPop .popRoll .rightbt {top:35%; right:0}
	.gallImgPop .popRoll .rightbt img {width:30px}
	
	.cmMain {width:100%}
	.cmMain .sec a {position:static; display:block; width:100% !important; height:auto}
	.cmMain .sec a .normal {display:none}
	.cmMain .sec a .mobile {display:block}
	.cmMain .sec a.btn1:hover img.normal {display:none}
	.cmMain .sec a.btn1:hover img.mobile {display:block}
	.cmMain .sec a.btn2:hover img.normal {display:none}
	.cmMain .sec a.btn2:hover img.mobile {display:block}
	.cmMain .sec a.btn3:hover img.normal {display:none}
	.cmMain .sec a.btn3:hover img.mobile {display:block}
	
	.benefit .bnfTxt {width:94%; margin-right:0; margin:0; padding:19px 3%}
	.benefit .bnfTxt.last {border-bottom: 0px solid #dcdee2;}
	.benefit .bnfTxt.type2 {border-bottom: 1px solid #dcdee2;}

	.viewDiv .vHead p .date {padding-left:0; margin-left:0; background:none; display:block; margin-top:5px}

	.cmTab {margin-top:40px}
	.cmTab a {float:left; width:32%; font-size:13px;}

	.cmBtn a span {font-size:13px}
	.cmBtn a .num {padding-bottom:10px}

	.cmPop .popHead .tit {width:100%}
	.cmPop .popHead select {float:left}

	.greeting span {font-size:13px; margin-bottom:10px}

	/* 전기다운로드 */
	.lifeList {padding:0; margin:20px auto 0; width:310px}
	.lifeList .list {width:145px}
	.lifeList .list .tit p {font-size:13px}

	/* 포토캘린더 높이 가변형 */
	.photo2 .txt {width:90%; padding:7px 5% 9px}
	.photo2 .txt .tit {display:block; width:100%; font-size:12px}
	.photo2 .txt .date {display:block; width:100%; text-align:right; font-size:11px; line-height:19px}
	.photo2 .btn {top:0}
	.photo2 .btn a {float:left}
	.photo2 .btn a img {width:25px}

	/* 지면광고 높이 가변형 영역*/
	.ad .adView2 .txt {width:92%; padding:12px 4% 13px}
	.ad .adView2 .txt .tit {font-size:12px; line-height:18px; font-weight:bold; margin-bottom:10px}
	.ad .adView2 .txt .date {font-size:10px}
	.ad .adView2 .txt .date span {padding-left:6px; margin-left:7px; background-size:1px 80%}
	.ad .adView2 .btn .prev {margin-top:-17px}
	.ad .adView2 .btn .prev img {width:34px}
	.ad .adView2 .btn .next {margin-top:-17px}
	.ad .adView2 .btn .next img {width:34px}

	/* 에러페이지 */
	.error {padding:35px 5%}
	.error .icon img {width:45%}
	.error .txt1 {font-size:15px; margin-top:13px}
	.error .txt2 {font-size:13px; line-height:21px}
	.error .box {padding:10px 10%; margin-top:15px}
	.error .box p {font-size:15px}
	.error .box ul li {font-size:13px; line-height:20px}
}

/* 모바일 해상도3 */
@media all and (max-width:490px) {
	.boardType1 .nxtLineM {display:block} /* 2019-09-26 추가 */

	.mobileVisual .service .txtArea {padding:13% 4% 0}
	.mobileVisual .service .txtArea .tit {font-size:23px}
	.mobileVisual .service .txtArea .txt {font-size:13px}
	.mobileVisual .service .txtArea .linkArea div a {margin-bottom:6%}
	.mobileVisual .service .txtArea .linkArea a .tit {font-size:13px}
	.mobileVisual .service .txtArea .linkArea a .txt {font-size:11px; line-height:15px; margin-top:3px}
	.mobileVisual .service .txtArea .linkArea a .txt br {display:none}
	.mobileVisual .service .txtArea .bottom .tit {font-size:13px}
	.mobileVisual .service .txtArea .bottom .txt {font-size:11px; line-height:15px; margin-top:3px}
}

/* 모바일 해상도4 */
@media all and (max-width:340px) {
	.mobileVisual .service .txtArea {padding:10% 3% 0}
	.mobileVisual .service .txtArea .tit {font-size:20px}
	.mobileVisual .service .txtArea .txt {font-size:12px}
	.mobileVisual .service .txtArea .linkArea div a {margin-bottom:5%}
	.mobileVisual .service .txtArea .linkArea a .tit {font-size:11px}
	.mobileVisual .service .txtArea .linkArea a .txt {font-size:9px; line-height:13px; margin-top:5px}
	.mobileVisual .service .txtArea .bottom .tit {font-size:11px}
	.mobileVisual .service .txtArea .bottom .txt {font-size:9px; line-height:13px}

	.visionRTxt{width:90%; font-size:11px; padding:15px 5%;}
	.missionRTxt p {width:90%; font-size:11px; padding:15px 5%}

	/* 전기다운로드 */
	.lifeList {padding:0; margin:20px auto 0; width:155px}
}