@charset "utf-8";


/*****
* 모든 페이지의 모바일 뷰를 정의합니다.
* 최종 작업에서 추가된 문서입니다.
*****/


body {-webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


/* Global Navigation */
.main.static #gnbWrap {-webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.mobileView #gnbWrap {position: fixed; width: 100%; height: 80px; z-index: 1500;padding-top:0; transition: all .3s;}
.mobileView #gnbWrap .nav-area{height: 80px;width:100%;}
/*.mobileView #gnbWrap ,main .nav-area{border-bottom:1px solid #6b6e7e;}*/
.mobileView #gnbWrap h1{top: 10px; left: 30px; width:149px; height:51px;}
.mobileView #gnbWrap .top_sns{position:fixed;width: 200px;top: 0px;right: 0;}
.mobileView #gnbWrap .top_sns a{display:none;}
.mobileView #gnbWrap .top_sns a.btnMenu, .mobileView #gnbWrap .top_sns a.btnLang{display:block;}
.mobileView #gnbWrap .top_sns a.btnLang {position:absolute; top: 21px;right: 90px; width: 33px; height: 33px; background: url(/img/mobile/btnLang.png) no-repeat;}
.mobileView #gnbWrap .top_sns a.btnMenu {position:absolute; top: 23px;right: 30px; width: 37px; height: 29px; background: url(/img/mobile/btnMenu.png) no-repeat;}

/* Main Page */
.mobileView #wrap section.section1 .slide_contents {width: auto;margin: 230px 50px 0 50px;}
.mobileView #wrap section.section1 .bx-controls {top: 154px; margin-left: -287px;}
.mobileView #wrap section.section1 .square.bottom{height: 42px; bottom: -1px; background: url(../img/main/area_top_gray.png) no-repeat 50% 0; width: 100%;}
.mobileView #wrap section.section1 .slide_contents .slide-title{font-size:54px; font-weight:600; }
.mobileView #wrap section.section1 .slide_contents .slide-notice{font-size:22px; font-weight:500;margin-top:30px; padding-right:60px; word-break: keep-all;}
.mobileView #wrap section.section1 .slide_contents .slide-notice br{display:none;}
.mobileView #wrap section.section1 .slide_contents a.slide-link{display:block; margin-top:50px; width:150px; height:63px;line-height:61px; border:1px solid #fff; border-radius:63px;padding:0 31px;color:#fff;font-size:24px; position:relative; }
.mobileView #wrap section.section1 .slide_contents a.slide-link:after{position:absolute; display:block; content:""; width:32px; height:15px; background:url(../img/main/go_btn.png) no-repeat; right:30px; top:26px; }

.mobileView #wrap section.section2 {padding: 40px 0 100px;}
.mobileView #wrap section.section2 .square.top {display:none;}
.mobileView #wrap section.section2 .square.bottom {display:none;}
.mobileView #wrap section.section2 > .inner .tit{font-size:46px;color:#333; margin:90px 0 0;display:inline-block;font-weight:600; text-align:center;}
.mobileView #wrap section.section2 > .inner p{display:none;}

.mobileView #wrap section.section2 ul{width:100%; margin:55px auto 0;text-align:center;}
.mobileView #wrap section.section2 ul:after{content:"";display:block; clear:both;}
.mobileView #wrap section.section2 ul li{position:relative;width:auto; height:auto; margin-bottom:40px; min-height:220px; -webkit-box-shadow: 3px 10px 15px 0px rgba(0,61,140,0.06); -moz-box-shadow: 3px 10px 15px 0px rgba(0,61,140,0.06);box-shadow: 3px 10px 15px 0px rgba(0,61,140,0.06);border:1px solid #e4e7e9; margin-right:0;background:#fff; float:inherit;}
.mobileView #wrap section.section2 ul li:last-child{margin-right:0;}
.mobileView #wrap section.section2 ul li .section2-moblink{display:block;width:100%; height:100%;position:absolute;top:0;left:0;}
.mobileView #wrap section.section2 ul li > span{display:block; font-size:26px; font-weight:600; color:#333333; position:absolute; top:40px;left:150px; right:inherit; }

.mobileView #wrap section.section2 ul li:nth-child(1){background:url(../img/main/section02-01.png) 36px 69px no-repeat #fff; background-size:78px 78px; }
.mobileView #wrap section.section2 ul li:nth-child(2){background:url(../img/main/section02-02.png) 49px 68px no-repeat #fff; background-size:54px 79px;}
.mobileView #wrap section.section2 ul li:nth-child(3){background:url(../img/main/section02-03.png) 27px 68px no-repeat #fff; background-size:98px 79px; }
.mobileView #wrap section.section2 ul li:nth-child(4){background:url(../img/main/section02-04.png) 27px 68px no-repeat #fff; background-size:98px 79px;  }

.mobileView #wrap section.section2 ul li:nth-child(1) .upper-area{background:transparent;}
.mobileView #wrap section.section2 ul li:nth-child(2) .upper-area{background:transparent;}
.mobileView #wrap section.section2 ul li:nth-child(3) .upper-area{background:transparent;}
.mobileView #wrap section.section2 ul li:nth-child(4) .upper-area{background:transparent;}
.mobileView .upper-link{display:none}

.mobileView #wrap section.section2 ul li .upper-area{width:300px; height:auto;  position: relative; top:0; left:0; opacity:1; transition: all .5s ease-in-out; z-index:2;box-sizing: border-box; padding:0;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;text-align:left;}
.mobileView #wrap section.section2 ul li .upper-area strong{display:none}
.mobileView #wrap section.section2 ul li .upper-area strong:after{content:""; display:block; background:#00b0ec;width:24px;height:1px; bottom:0; left:50%; margin-left:-12px; position:absolute; }
.mobileView #wrap section.section2 ul li .upper-area span{display:block; font-size:22px; width:400px; font-weight:400; margin-top:0px; line-height:30px; color:#666;position: absolute;top: 85px;left: 150px;}
.mobileView #wrap section.section2 ul li .upper-area span br{display:none;}

.mobileView #wrap section.section3 {min-height: 900px; padding:80px 0; }
.mobileView #wrap section.section3 .square.top {height: 42px; top: -1px; background: url(../img/main/area_top_gray.png) no-repeat 50% 0; width: 100%;transform: rotate(180deg);}
.mobileView #wrap section.section3 .square.bottom {height: 42px; bottom: -1px; background: url(../img/main/area_top_white.png) no-repeat 50% 0; width: 100%;}
.mobileView #wrap section.section3 > .inner{vertical-align:top;color:#fff}
.mobileView #wrap section.section3 > .inner .tit{font-size:46px;color:#fff; margin:90px 0 0;display:inline-block;font-weight:600; text-align:center;}
.mobileView #wrap section.section3 > .inner p{margin-top:35px;font-size:22px; font-weight:400; color:#fff;text-align:center; padding:0 30px;}
.mobileView #wrap section.section3 > .inner p br{display:none;}
.mobileView #wrap section.section3 ul{width:100%; margin:100px 0;}
.mobileView #wrap section.section3 ul:after{content:"";display:block; clear:both;}
.mobileView #wrap section.section3 ul li a.mobile-Link{display:block; width:100%; height:100%; position:absolute; top:0; left:0; color:transparent; font-size:1px; z-index:3; }




.mobileView #wrap section.section3 ul li{width:33.3333%; height:45px; margin-bottom:70px; float:left; position:relative; display: flex;   align-items: center; justify-content: center;}
.mobileView #wrap section.section3 ul li > .meta-logo{display:block;cursor:pointer;position: relative;z-index: 2; padding: 0 10px;}
.mobileView #wrap section.section3 ul li > .meta-logo img{display:block;margin:0 auto;height:auto; max-width:100%;}

/*
.mobileView #wrap section.section3 ul li:nth-child(1) > .meta-logo img{width:160px; margin-top:0;}
.mobileView #wrap section.section3 ul li:nth-child(2) > .meta-logo img{width:144px; margin-top:0;}
.mobileView #wrap section.section3 ul li:nth-child(3) > .meta-logo img{width:185px; margin-top:0;}
.mobileView #wrap section.section3 ul li:nth-child(4) > .meta-logo img{width:167px; margin-top:0;}
.mobileView #wrap section.section3 ul li:nth-child(5) > .meta-logo img{width:132px; margin-top:3px;}
.mobileView #wrap section.section3 ul li:nth-child(6) > .meta-logo img{width:132px;margin-top:3px;}
.mobileView #wrap section.section3 ul li:nth-child(8) > .meta-logo img{width:107px;margin-top:6px;}
.mobileView #wrap section.section3 ul li:nth-child(9) > .meta-logo img{width:85px;margin-top:15px;}
.mobileView #wrap section.section3 ul li:nth-child(10) > .meta-logo img{width:143px;margin-top:3px;}
.mobileView #wrap section.section3 ul li:nth-child(11) > .meta-logo img{width:185px;margin-top:0;}
.mobileView #wrap section.section3 ul li:nth-child(12) > .meta-logo img{width:107px;margin-top:4px;}
.mobileView #wrap section.section3 ul li:nth-child(13) > .meta-logo img{width:120px;margin-top:0px;}
*/

.mobileView #wrap section.section3 ul li .upper-area{z-index:0;display:none;overflow: hidden;}









.mobileView #wrap section.section4 .square.top {display:none;}
.mobileView #wrap section.section4 .square.bottom {display:none;}
.mobileView #wrap section.section4 > .inner{width:100%;}
.mobileView #wrap section.section4 .inner .tit{font-size:46px;color:#333;margin:90px 0 0;display:inline-block;font-weight:600; text-align:center;}
.mobileView #wrap section.section4 .wrap_rss_main{margin-top:20px;margin-left:100px;}
.mobileView #wrap section.section4 .wrap_rss_main:after{content:'';display:block;clear:both}
.mobileView #wrap section.section4 .wrap_rss_main li{border:1px solid #e6ebed; background:#f6f7f8; width:426px!important; height:490px; margin-right:30px; margin-bottom:30px; float:inherit; text-align:left;}
.mobileView #wrap section.section4 .wrap_rss_main li + li + li{margin-right:30px}
.mobileView #wrap section.section4 .wrap_rss_main li .rss_thumb{width: 100%;text-align: left;height: 281px;overflow: hidden;}
.mobileView #wrap section.section4 .wrap_rss_main li .rss_thumb img{display:block; width:100%; height:auto;}
.mobileView #wrap section.section4 .wrap_rss_main li dl{padding:30px 30px 0;}
.mobileView #wrap section.section4 .wrap_rss_main li dl dt{color:#111; font-size:22px; font-weight:600;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.mobileView #wrap section.section4 .wrap_rss_main li dl dt a{color:#111;}
.mobileView #wrap section.section4 .wrap_rss_main li dl dd{color:#666; font-size:20px; font-weight:400; margin-top:20px; overflow:hidden; height:60px; }
.mobileView #wrap section.section4 .wrap_rss_main.blog_main li{height:280px;}
.mobileView #wrap section.section4 .wrap_rss_main.blog_main li dl{padding:40px 30px;}
.mobileView #wrap section.section4 .wrap_rss_main.blog_main li dl dt{white-space: normal;}
.mobileView #wrap section.section4 .wrap_rss_main.blog_main li dl dd{height:90px;}
.mobileView #wrap section.section4 .bx-controls.bx-has-pager{display:none;}

.mobileView #wrap section.section4 a.blog-link{display:block; margin:50px auto 0; width:120px; height:46px;line-height:44px; border:1px solid #0c4da2; border-radius:46px;padding:0 30px;color:#0c4da2;font-size:16px; position:relative; text-align:left;}
.mobileView #wrap section.section4 a.blog-link:after{position:absolute; display:block; content:""; width:17px; height:9px; background:url(../img/main/blog_btn.png) no-repeat; right:25px; top:18px; }
.mobileView .news-area{width:auto; margin:50px 0 0; padding:0 30px;text-align:left;}
.mobileView .news-area:after{content:'';display:block;clear:both}
.mobileView .news-area .sub-tit{width:100%;float:inherit;font-size:30px; color:#111; font-weight:600;  }
.mobileView .news-area .lastest{float:inherit; width:100%; height: 110px; margin:30px 0;}
.mobileView .news-area .lastest li{width:100%;margin-right:0;float:inherit; margin-bottom:30px;}
.mobileView .news-area .lastest li a .subject{font-size:22px; font-weight:600; color:#111;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.mobileView .news-area .lastest li a .content{margin-top:8px; height:56px; line-height:28px; overflow:hidden; font-size:20px; font-weight:400; color:#666; }
.mobileView .news-area .lastest li a .more{display:none;}
.mobileView .news-area .lastest li:last-child{display:none;}



.mobileView .gnbNav {display: none;}
.mobileView #gnbWrap.subCont {min-width: auto; background: url(/img/mobile/bgHeader.png) no-repeat;}
.mobileView #gnbWrap.subCont,
.mobileView #gnbWrap.subCont .global {height: 127px;}
.mobileView #gnbWrap.subCont.relative {position: fixed !important;}


/* Side Navigation */
.mobileView #snbWrap .langMenu {top: 37px;}
.mobileView #snbWrap .langMenu a {font-size: 18px;}
.mobileView #snbWrap .langMenu .divider {height: 14px; margin-top: 6px;}
.mobileView #snbWrap nav > ul {margin-top: 86px; -webkit-overflow-scrolling: touch;}



/* SNB */
#snbWrap {width:470px;background-color:#0d448c;position:fixed;top:0;right:0;bottom:0;z-index:2000; transform:translate3d(470px, 0, 0);-webkit-transform:translate3d(470px, 0px, 0);transition:transform .4s ease-out;-webkit-transition:-webkit-transform .4s ease-out;}
#snbWrap.on {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0px, 0)}
.msie9 #snbWrap{right:-300px}
.msie9 #snbWrap.on{right:0}

#snbWrap nav > ul > li > a.toggle:after{clear:both;display:block;content:'';position:absolute;top:50%;right:30px;width:14px;height:8px;margin-top:-4px;background:url(../img/common/snb_arrow.png) no-repeat;transition: .3s all;transform:rotate(180deg)}
#snbWrap nav > ul > li > ul > li > a.toggle:after{clear:both;display:block;content:'';position:absolute;top:50%;right:30px;width:14px;height:8px;margin-top:-4px;background:url(../img/common/snb_arrow.png) no-repeat;transition: .3s all;transform:rotate(180deg)}
#snbWrap nav > ul > li.on > a.toggle:after{transform:rotate(0deg)}
#snbWrap nav > ul > li.on > ul > li.on > a.toggle:after{transform:rotate(0deg)}
#snbWrap nav > ul > li > a.aft-none:after{display:none !important;}

#snbWrap nav > ul{margin-top:80px;overflow-x:hidden;overflow-y: auto;border-top:1px solid #265798;}
#snbWrap nav > ul > li{border-bottom:1px solid #2e60a1;text-align:left;}
#snbWrap nav > ul > li > a{color:#fff;padding:20px 55px 20px 40px;font-size:24px; font-weight:600; line-height:40px; position:relative;display:block;}
#snbWrap nav > ul > li > a.toggle:after{clear:both;display:block;content:'';position:absolute;top:50%;right:30px;width:14px;height:8px;margin-top:-4px;background:url(../img/common/snb_arrow.png) no-repeat;transition: .3s all;}
#snbWrap nav > ul > li > ul {display: none; padding: 0; background: #093671; line-height: 68px; font-size: 22px;border-top: 1px solid #2e60a1;}
#snbWrap nav > ul > li > ul > li {line-height:68px; border-bottom:1px solid #1b4b8a;}
#snbWrap nav > ul > li > ul > li > a {display: block; color: #fff; font-weight:400; font-size:22px; line-height:36px; padding:16px 55px 16px 70px;position:relative;}
#snbWrap nav > ul > li > ul > li > a:after{clear:both;display:block;content:'';position:absolute;top:50%;right:30px;width:14px;height:8px;margin-top:-4px;background:url(../img/common/snb_arrow.png) no-repeat;transition: .3s all;transform:rotate(90deg)}
#snbWrap nav > ul > li > ul > li > ul{display: none; padding: 0; background: #093671;/* border-top:1px solid #1b4b8a; */line-height: 68px; font-size: 22px;}
#snbWrap nav > ul > li > ul > li > ul >li{/*border-bottom:1px solid #1b4b8a;*/}
#snbWrap nav > ul > li > ul > li > ul >li > a{display: block; color: #8abdff; font-size:20px; line-height:36px; padding:16px 30px 16px 97px; position:relative;}
#snbWrap nav > ul > li > ul > li > ul >li > a:after{clear:both;display:block;content:'';position:absolute;top:50%;left:70px;width:10px;height:1px; background:#89bcff;}

#snbWrap nav > ul > li.wrap_navi_sms{text-align:center;padding-top:40px;border-bottom:0}
#snbWrap nav > ul > li.wrap_navi_sms .navi_sms > a{display:inline-block;margin:0 10px}
#snbWrap nav > ul > li.wrap_navi_sms a.contact-link{display:block; margin:0 auto 40px; width:203px; height:60px;line-height:56px; border:2px solid #fff; border-radius:46px;padding:0 33px;color:#fff;font-size:22px; position:relative; text-align:left; }
#snbWrap nav > ul > li.wrap_navi_sms a.contact-link:after{position:absolute; display:block; content:""; width:23px; height:9px; background:url(../img/main/go_btn.png) no-repeat; right:27px; top:25px; }



#snbWrap p.copy{color:#3279d5;font-size:14px;padding:25px 40px;line-height:1;text-transform:uppercase;text-align:left}

#snbWrap a.btnSnbCls{display:block;width:20px;height:20px;position:absolute;top:35px;right:30px; background:url(../img/common/snb_close.png) no-repeat;}
#snbWrap a.btnSnbCls > span{width:20px;height:20px;background-position:-320px 0; color:transparent;font-size:1px;}

#snbWrap .langMenu{position:absolute;top:40px;left:40px}
#snbWrap .langMenu a{color:#fff;font-size:14px;display:inline-block;vertical-align:top;}
#snbWrap .langMenu a:first-child{}
#snbWrap .langMenu .divider{display:inline-block;margin:5px 8px 0;width:1px;height:11px;background-color:#567caf;vertical-align:top}

#shadow{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1500;background:url(../img/common/shadow.png) repeat}
.snbView #shadow{display:block}




/* Container */

.mobileView #wrap {padding-top: 0;}
.mobileView #wrap section {min-width: 0;}
.mobileView #wrap section > .inner {width: 580px;}

.mobileView #gnbWrap.subCont  + #wrap {padding-top: 157px;}


/* Footer */
.mobileView .main .mobile-main-cont{display:block;}
.mobileView .main.en .mobile-main-cont{display:none;}
.mobileView .main .mobile-main-cont .contact-us{width:100%;height:185px; text-align:left; background:url(../img/common/footer-contect.png) top center no-repeat; background-size:cover;}
.mobileView .main .mobile-main-cont .contact-us strong{display:block; padding:22px 0 0 50px; font-size:28px; color:#fff; font-weight:600;}
.mobileView .main .mobile-main-cont .contact-us span{display:block; padding:0px 0 0 50px; font-size:18px; color:#fff; font-weight:400;}
.mobileView .main .mobile-main-cont .contact-us a.contact-link{display:block; margin:20px 0 0 50px; width:121px; height:46px;line-height:44px; border:1px solid #fff; border-radius:46px;padding:0 30px;color:#fff;font-size:18px; position:relative; }
.mobileView .main .mobile-main-cont .contact-us a.contact-link:after{position:absolute; display:block; content:""; width:23px; height:9px; background:url(../img/main/go_btn.png) no-repeat; right:20px; top:18px; }

.mobileView .sub-contect-us{display:block; margin-top:40px;}
.mobileView .sub-contect-us .contact-us{width:100%;height:185px; text-align:left; background:url(../img/common/footer-contect.png) top center no-repeat; background-size:cover;}
.mobileView .sub-contect-us .contact-us strong{display:block; padding:22px 0 0 50px; font-size:28px; color:#fff; font-weight:600;}
.mobileView .sub-contect-us .contact-us span{display:block; padding:0px 0 0 50px; font-size:18px; color:#fff; font-weight:400;}
.mobileView .sub-contect-us .contact-us a.contact-link{display:block; margin:20px 0 0 50px; width:121px; height:46px;line-height:44px; border:1px solid #fff; border-radius:46px;padding:0 30px;color:#fff;font-size:18px; position:relative; }
.mobileView .sub-contect-us .contact-us a.contact-link:after{position:absolute; display:block; content:""; width:23px; height:9px; background:url(../img/main/go_btn.png) no-repeat; right:20px; top:18px; }
.mobileView .sub-contect-us .pc-bg{display:none;}



.mobileView .mobile-footer{display:block;}
.mobileView .mobile-sns{height:90px; line-height:90px; border-top:1px solid #e2e5e7;margin-top:54px;}
.mobileView .mobile-sns:after{content:'';display:block;clear:both}
.mobileView .mobile-sns ul{width:376px; margin:0 auto;}
.mobileView .mobile-sns ul li{width:94px; float:left; text-align:center;}
.mobileView .mobile-sns ul li a{display:inline-block; width:52px; height:52px; vertical-align:middle; color:transparent;font-size:1px; cursor:pointer;}
.mobileView .mobile-sns .btn_sns01{background:url(../img/common/footer-sns01.png) no-repeat; }
.mobileView .mobile-sns .btn_sns02{background:url(../img/common/footer-sns02.png) no-repeat;}
.mobileView .mobile-sns .btn_sns03{background:url(../img/common/footer-sns03.png) no-repeat;}
.mobileView .mobile-sns .btn_sns04{background:url(../img/common/footer-sns04.png) no-repeat;}

.mobileView #wrap section.sectionFooter { height:236px!important; margin-top:0!important}
.mobileView .footerCopyWrap::after{content:'';display:block;clear:both}
.mobileView .footerCopyWrap{width:1200px; height:236px; text-align:left;margin:0 auto; position:relative;padding:20px 0 0; max-width:100%; box-sizing:border-box}
.mobileView .footerCopyWrap strong {display: inline-block; width: 106px; height: 38px; position: absolute; top: 32px; left: 30px; background: url(../img/common/logo02_201810.png) no-repeat 0 0; color:transparent;font-size:1px; background-size: contain}

.mobileView .footerCopyWrap address{font-size:18px;color:#666; line-height:26px; width:550px;}
.mobileView .footerCopyWrap address .bar{display:inline-block;background:url('../img/common/bul_dot1.png') no-repeat left center;background-size:1px 12px;padding-left:12px;margin-left:8px}
.mobileView .footerCopyWrap address .bar.first{padding-left:0;margin-left:0; background-size:0;}
.mobileView .footerCopyWrap .copy{font-size:16px;color:#777;margin-top:15px;}
.mobileView .footerCopyWrap .wrap_address{float:inherit; width:500px; margin-top:90px; margin-left: 30px;}
.mobileView .footerCopyWrap .wrap_address br{display:none;} 


.mobileView .footerCopyWrap .wrap_family{float:inherit;width:300px; margin-top:0; position:absolute; top:30px;right:30px;}
.mobileView .footerCopyWrap .webmark{float:left}
.mobileView .footerCopyWrap .footer_family{float:right;position:relative;box-sizing:border-box;width:210px}
.mobileView .footerCopyWrap .footer_family .btn_family{display:block;border:solid 1px #cfcfcf;background-color:#fff;line-height:38px;font-size:14px;padding:0 10px 0 17px;position:relative}
.mobileView .footerCopyWrap .footer_family .btn_family::after{content:'';display:block;position:absolute;width:14px;height:8px;background:url('../img/common/footer_family_arrow.png') no-repeat left center;right:10px;top:15px; transition: .3s all;}
.mobileView .footerCopyWrap .footer_family > ul{display:none;position:absolute;left:0;bottom:40px;border:solid 1px #cfcfcf;border-width:1px 1px 0px 1px;box-sizing:border-box;width:210px;font-size:14px;background-color:#fff;padding:17px;z-index:2000}
.mobileView .footerCopyWrap .footer_family > ul a{padding:4px 0;display:block}

.mobileView .footerCopyWrap .footer_family.on > ul {display:block}
.mobileView .footerCopyWrap .footer_family.on .btn_family::after{transform:rotate(180deg)}


.mobileView .footerCopyWrap .web {position: absolute; left: 547px; display:inline-block;top:30px;}
.mobileView .footerCopyWrap .web.english {left:650px;}
.mobileView .footerCopyWrap .web .facebook {position:relative; padding-left: 5px; }
.mobileView .footerCopyWrap .web .facebook:first-child:after {content:''; position:absolute; left:-40px; top:-40px; width:1px; height:58px; background-color:#eee;}
.mobileView .footerCopyWrap .web .linkedin { padding-left: 5px; }




.mobileView .scroll-downs{display:none;}
.mobileView .goTop {display:block; bottom: 30px; right: 30px; z-index: 1500;}







/* Main Page : Mobile View */
.mobileView .main {min-width: 0; overflow-y :auto;}

.mobileView .main #gnbWrap .global {background: url(/img/main/line_global.png) repeat-x 0 100%;}
.mobileView .main #gnbWrap.color{background:#0c4da2;}

.mobileView .main #wrap section{display:block}
.mobileView .main #wrap section > .inner {display:block; height: auto;}
.mobileView .main #wrap section.section6 .square.top, .mobileView .main #wrap section.section6 .square.bottom{display:none;}



/* Main Page : Static PC View */

.pcView .main.static #gnbWrap {width: 100%; z-index: 1500;}
.pcView .main.static #gnbWrap .global {width: 1200px; margin: 0 auto;}

.pcView .main.static #wrap section {min-height: 1000px;}
.pcView .main.static #wrap section.sectionFooter {min-height: 0;}

.pcView .main.static #wrap section.section1 {min-height: 900px;}
.pcView .main.static #wrap section.section1 .square.bottom {bottom: 5px;}
.pcView .main.static #wrap section.section1 .contWrap a {top: 0;}

.pcView .main.static #wrap section.section2 .square.top {top: -20px;}

.pcView .main.static #wrap section.section5 {min-height: 0;}


/* Sub Page */

.mobileView .subTitle {padding: 0 30px 30px;}
.mobileView .subTitle h2 {padding-bottom: 20px; line-height: 1; font-size: 40px;}
.mobileView .subTitle p {margin-top: 30px;}
.mobileView .subTitle p br{display:none;}

.mobileView .tabType {margin-top: 20px; line-height: 0; font-size: 0;}
.mobileView .tabType ul {width: 580px;}
.mobileView .tabType ul li {margin: 0; padding: 10px 20px 0 21px; background: url(/img/mobile/objDivTab.png) no-repeat 0 14px;}
.mobileView .tabType ul li:first-child {background: 0;}
.mobileView .tabType ul li a {padding-bottom: 8px; border-bottom: solid 2px #fff; line-height: 1.5;}
.mobileView .tabType ul li a.on {border-color: #0c4da2;}

.mobileView section .hType01,
.mobileView section .hType02 {margin-top: 40px; padding-bottom: 5px; font-size: 36px;}
.mobileView section .hType03 {margin-top: 50px;}
.mobileView section .hType01 + .hType03.lineDown {margin-top: 40px;}
.mobileView section .hType04 {margin-top: 40px; padding-bottom: 5px; font-size: 36px;}
.mobileView section .para01 {font-size: 20px;}
.mobileView .floatR_Bottom {float: inherit;text-align: center;}

/*data*/
.mobileView .packCont.data-type02{margin-top:60px;}
.mobileView .data-list > li{width:100%;height:220px;box-sizing:border-box;margin-left:0; margin-bottom:30px;padding:25px 20px 0 30px; float:inherit;}
.mobileView .data-list.type-01 > li > ul{margin-top:5px;}
.mobileView .data-list > li:nth-child(1), .data-list > li:nth-child(4), .data-list > li:nth-child(7){margin-left:0;}
.mobileView .data-list.type-01 > li:nth-child(1){background:url(../img/common/data-icon01.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(2){background:url(../img/common/data-icon02.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(3){background:url(../img/common/data-icon03.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(4){background:url(../img/common/data-icon04.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(5){background:url(../img/common/data-icon05.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(6){background:url(../img/common/data-icon06.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(7){background:url(../img/common/data-icon07.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(8){background:url(../img/common/data-icon08.png) 30px 30px no-repeat;}
.mobileView .data-list.type-01 > li:nth-child(9){background:url(../img/common/data-icon09.png) 30px 30px no-repeat;}

.mobileView .data-list.type-01 > li{border:1px solid #dde4e7; padding-left:90px;background:none;}
.mobileView .data-list.type-01 > li > strong{display:block; text-align:left; color:#333; font-size:20px; font-weight:600;}


.mobileView .data-list.type-02 > li{background:#f6f7f8; border:1px solid #f6f7f8;}
.mobileView .data-list.type-02 > li > strong{display:block; text-align:center; color:#3f87d2; font-size:20px; font-weight:600;}
.mobileView .data-list.type-03 > li > p br{display:none;}

.mobileView .data-table01{border:1px solid #dde4e7; table-layout: fixed; width:100%;}
.mobileView .data-table01 thead tr th{}
.mobileView .data-table01 thead tr th div{text-align:center; margin:0;background:#0c4da2; line-height:30px; padding:20px 5px; color:#fff; font-size:16px; font-weight:800; }
.mobileView .data-table01 tbody tr th div{border:1px solid #dde4e7; background:#f6f7f8; text-align:center; margin:0; padding:36px 5px; vertical-align: middle;font-size:16px; color:#3f87d2}
.mobileView .data-table01 tbody tr th div.type02{padding:50px 10px;}
.mobileView .data-table01 tbody tr th div strong{display:block;position:relative;padding-bottom:20px; margin-bottom:20px; }
.mobileView .data-table01 tbody tr th div strong:after{content:""; display:block; width:20px; height:1px; background:#3f87d2; position:absolute;bottom:0; left:50%; margin-left:-10px; }
.mobileView .data-table01 tbody tr th div span{display:block;position:relative;}
.mobileView .data-table01 tbody tr td{vertical-align:top; }
.mobileView .data-table01 tbody tr td ul{margin:10px 0 0 5px;}
.mobileView .data-table01 tbody tr td ul li{font-size:12px;}
.mobileView .packCont.data-type02 .data-table01 tbody tr td ul{margin:10px 0 0 5px!important;}
/*교육*/
.mobileView .education-area{height:auto; background:none;position:relative;}
.mobileView .education-area:after{content:""; display:block; clear:both;}
.mobileView .packCont .education-area dl{margin-top:30px!important;}
.mobileView .packCont .education-area dl.item1-1{width:100%; position:relative; left:0; top:0;}
.mobileView .packCont .education-area dl.item1-2{width:100%; position:relative; right:0; top:0; }
.mobileView .packCont .education-area dl.item1-3{width:100%; position:relative; left:0; bottom:0;}
.mobileView .packCont .education-area dl.item1-4{width:100%; position:relative; right:0; bottom:0;}

/*solutions*/
.mobileView .dataware-list{clear:both;margin-bottom:55px; overflow:hidden;}
.mobileView .dataware-list dt{float:inherit;width:100%;text-align:center;}
.mobileView .dataware-list dd{float:inherit;width:100%;font-size:16px; color:#333; font-weight:400;margin-top:10px;}

/*RPA*/
.mobileView .rpa_bg{float:inherit; margin-top:10px;text-align:center;}


	/* About Metanet > Metanet Profile */

	.mobileView #wrap section.cont01 {min-height: 0; padding-top: 40px; background: #017dc5 url(/img/mobile/bgCont01Top.png) no-repeat;}
	.mobileView #wrap section.cont01:after {content: ""; display: block; padding-bottom: 40px; background: url(/img/mobile/bgCont01Bot.png) no-repeat 0 100%;}
	.mobileView #wrap section.cont01 .hType01,
	.mobileView #wrap section.cont01 .hType02 {margin-top: 31px;}

	.mobileView .glance {width: auto; margin-top: 60px; padding-bottom: 70px;}
	.mobileView .glance li span {font-size: 15px;}
	.mobileView .glance li span br {display: inline;}
	.mobileView .glance li em {line-height: 1.2; font-size: 18px;}

	.mobileView .glanceImg {top: auto; bottom: -130px; width: 214px; line-height: 0; font-size: 0;}
	.mobileView .glanceImg img {width: 100%;}

	.mobileView .serviceList {margin-top: 50px; padding-left: 0;}
	.mobileView .serviceList .pack {width: 33.333%; padding-right: 10px; box-sizing: border-box;}

	.mobileView .serviceList .pack.i03 {min-height: 288px;}
	.mobileView .serviceList .pack.i04:last-child {float:right;margin-top:0px !important}
	.mobileView .serviceList dl {height:250px}

	.mobileView .footPrintWrap {background: #fff;}
	.mobileView .footPrint {width: auto; background-position: 50% 25px;}
	.mobileView .footPrint .footBg {height:2360px;}
	.mobileView .footPrint.en .footBg {height:2360px;}

	.mobileView .footPrint div.print02 {margin-top: -50px;}
	.mobileView .footPrint div.print03 {margin-top: -25px;}
	.mobileView .footPrint div.print04 {margin-top: 0;}
	.mobileView .footPrint div.print05 {margin-top: -60px;}
	.mobileView .footPrint div.print06 {margin-top: -25px;}

	.mobileView .footPrint div dl {width: 260px;}
	.mobileView .footPrint div dl br {display: inline;}
	.mobileView .footPrint dt {margin-bottom: 5px; padding-top: 5px; font-size: 20px;}
	.mobileView .footPrint dt:first-child {padding-top: 0;}
	.mobileView .footPrint dd {font-size: 18px;}

	.mobileView .footPrint.en div.print02 {margin-top: -75px;}
	.mobileView .footPrint.en div.print03 {margin-top: -25px;}
	.mobileView .footPrint.en div.print04 {margin-top: -55px;}
	.mobileView .footPrint.en div.print05 {margin-top: -115px;}
	.mobileView .footPrint.en div.print06 {margin-top: -125px;}

	.mobileView .footPrintImg {position: static; margin-top: 40px; text-align: center; line-height: 0; font-size: 0;}

	.mobileView #wrap section.cont01.fnce {margin-top: 30px; padding: 120px 0; background: url(/img/about/bg_Fnce.jpg) no-repeat 50% 0; background-size: cover;}
	.mobileView #wrap section.cont01.fnce .hType01 {margin-top: 0;}
	.mobileView #wrap section.cont01.fnce:after {display: none;}

	.mobileView #wrap section.cont01.fnce .imgFnce {margin-top: 0; text-align: center;}
	.mobileView #wrap section.cont01.fnce .imgFnce img {float: none; max-width: 100%;}
	.mobileView #wrap section.cont01.fnce .imgFnce img.right {margin-top: 60px;}

	.mobileView .manager {margin-top: 60px; padding-left: 0;}
	.mobileView .manager dt {text-align: center;}
	.mobileView .manager dd.img {position: static; text-align: center;}
	.mobileView .manager dd {margin-top: 30px; font-size: 18px;}
	.mobileView .manager dd br {display: none;}


	/* About Metanet > Metanet Companies (+ Marketing Services) */

	.mobileView .svcWrap {margin: 35px 0 0;}
	.mobileView .svcWrap dl {float: none; width: auto; min-height: 0; margin: 50px 0 0; background-position: 50% 0;}
	.mobileView .svcWrap dl:first-child {margin-top: 0;}
	.mobileView .svcWrap dd {min-height: 0; font-size: 18px;}
	.mobileView .svcWrap dd br {display: none;}


	/* About Metanet > People & Value */

	.mobileView .peopleTxt {padding: 10px 0; font-size: 24px;}

	.mobileView .missionList {white-space: nowrap;}
	.mobileView .missionList li {margin-left: -112px; text-align: left; line-height: 0; font-size: 0;}
	.mobileView .missionList li img {width: 80%;}
	.mobileView .missionList li:first-child {margin-left: 0;}

	.mobileView .visionList {width: 610px;}
	.mobileView .visionList li {margin-left: -24px; line-height: 0; font-size: 0;}
	.mobileView .visionList li img {width: 80%;}
	.mobileView .visionList li:first-child {margin-left: 0;}
	.mobileView .visionList li:first-child + li {margin-left: -42px;}

	.mobileView #wrap section.valueWrap {min-height: 0; margin-bottom: 0; border-top: solid 1px #fff;}
	.mobileView #wrap section.valueWrap,
	.mobileView #wrap section.valueWrap .inner {background: #0c4da2;}
	.mobileView #wrap section.valueWrap + section.sectionFooter.subCont {margin-top: 0; border-top: 0;}
	.mobileView #wrap section.valueWrap:before {content: ""; display: block; height: 40px; margin-top: -2px; background: #fff url(/img/mobile/bgSquareBot.png) no-repeat;}
	.mobileView #wrap section.valueWrap .hType02 {margin: 20px 0 0;}

	.mobileView .coreList {padding-bottom: 60px;}
	.mobileView .coreList ul {float: none; text-align: left;}
	.mobileView .coreList ul li {margin-top: 50px; font-size: 18px;}
	.mobileView .coreList ul li strong {background-position:0 100%;}
	.mobileView .coreList ul li br {display: none;}


	/* About Metanet > Contact Us */

	.mobileView .mapWrap {overflow: hidden; line-height: 0; font-size: 0;}
	.mobileView .mapWrap > img {margin-left: -255px;}
	.mobileView .mapWrap > iframe {width: 580px;}

	.mobileView .mapWrap .location {position: static; width: 100%; height: auto; padding: 30px 30px 20px; line-height: 1.5;}
	.mobileView .mapWrap .location p {font-size: 18px;}
	.mobileView .mapWrap .location p.sub_txt01 br{display:none;}

	.mobileView #wrap section.ContactWrap {height: auto; padding-bottom: 50px; margin-top: 30px; background-size: cover;}
	.mobileView #wrap section.ContactWrap + section.sectionFooter.subCont {margin-top: 0; border-top: 0;}

	.mobileView .ContactWrap .contact01,
	.mobileView .ContactWrap .contact02 {float: none; margin-top: 50px;}

	.mobileView .ContactWrap h4 {margin-top: 120px;}
	.mobileView .ContactWrap p {font-size: 18px;}
	.mobileView .ContactWrap div {margin-top: 20px;}
	.mobileView .ContactWrap div .tel {margin-bottom: 10px;}
	.mobileView .ContactWrap div .tel,
	.mobileView .ContactWrap div .mail {font-size: 18px;}

	/* About Metanet > video */
	.mobileView .videoItem .videoInner .videoTxt dt br{display:none;}
	.mobileView .videoItem .videoInner .videoTxt dd br{display:none; min-height:140px;}

	.mobileView .thumbnail {overflow:hidden; margin:20px 0 0 0; border-top:1px solid #dfe2e7;}
	.mobileView .thumbnail li{border-bottom:1px solid #dfe2e7;}
	.mobileView .thumbnail li a{}
	.mobileView .thumbnail li:after{content:"";display:block; clear:both;}
	.mobileView .thumbnail li img{width:120px; height:auto;display:block; float:left;}
	.mobileView .thumbnail li .thumb_area{float:left; width:calc(100% - 140px);  padding:0 10px;}
	.mobileView .thumbnail li .thumb_area .thumb_title{font-size:18px; font-weight:600; color:#111;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
	.mobileView .thumbnail li .thumb_area .thumb_notice{font-size:14px; font-weight:400; margin-top:2px; color:#333;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
	.mobileView .thumbnail li .thumb_area .thumb_date{font-size:12px; font-weight:400; color:#999; margin-top:5px;}


	/* Industries */

	.mobileView ul.ind {width: 591px; line-height: 0; font-size: 0;}
	.mobileView ul.ind li {width: 184px; margin: 0 11px 11px 0;}
	.mobileView ul.ind li:before {display: none;}

	.mobileView ul.ind.en {width: 590px;}
	.mobileView ul.ind.en li {width: 283px; margin: 0 10px 10px 0;}

	.mobileView ul.ind + .hType03 {margin-top: 49px;}
	.mobileView ul.ind.en +.hType03 {margin-top: 50px;}


	/* IT Services + Marketing Services + etc. */

	.mobileView .marketingTxt {min-height: 0; margin: 0 0 50px; padding: 322px 0 0; background-position: 50% 20px;}
	.mobileView .marketingTxt.ind07{padding:0;}
	.mobileView .marketingTxt > p,
	.mobileView .marketingTxt > ul {padding-right: 0;}
	.mobileView .marketingTxt > p br, .mobileView .marketingTxt > ul li br{display:none;}

	.mobileView .svcWrap.offerWrap2 dl {float: none; width: auto;}


		/* IT Services > Consulting & SI */

		.mobileView .conOffer01 {margin-top: 40px;}
		.mobileView .conOffer01,
		.mobileView .conOffer02 {float: none; width: auto;}
		.mobileView .conOffer01 .hType03,
		.mobileView .conOffer02 .hType03 {margin: 15px 0 25px;}

		.mobileView .ConsultingOffer > li {float: none; font-size: 18px; font-weight: normal;}
		.mobileView .ConsultingOffer > li > ul {margin-bottom: 20px; font-size: 16px;}


		/* IT Services > System Integration + Outsourcing */

		.mobileView .systemList01 li {font-size: 18px;}

		.mobileView .systemList02 > li {float: none; width: auto; margin-bottom: 23px;}
		.mobileView .systemList02 > li > ul {margin-top: 14px;}
		.mobileView .systemList02 > li > ul > li {font-size: 16px;}
		.mobileView .systemList02 + .hType03 {margin-top: 12px;}

		.mobileView .systemList02.outList {margin-top: 28px;}
		.mobileView .systemList02.outList > li:last-child {padding-left: 0;}
		.mobileView .systemList02.outList > li strong {padding-top: 0; background: 0; font-size: 18px; font-weight: normal;}
		.mobileView .systemList02.outList2 > li {margin-bottom: 0; font-size: 18px;}


		 /* IT Services > Security Solutions */

		.mobileView .securityWrap {margin-bottom: 0; padding-left: 250px;}

		.mobileView .securityWrap.best {padding-left: 0;}
		.mobileView .securityWrap.best > div {float: none; width: auto; height: auto; padding-top: 40px;}
		.mobileView .securityWrap.best > div:first-child {padding-top: 0;}


		/* IT Services > Cloud Service */

		.mobileView .cloudList {margin-bottom: 30px;}
		.mobileView .cloudList li {width: 50%; padding-bottom: 30px;}
		.mobileView .cloudList li span {margin-bottom: 20px;}

		.mobileView .reference .hType03 {margin-top: 15px;}
		.mobileView .reference div ul li {font-size: 18px;}


/* Content Pack */

.mobileView .packCont .float {float: none; width: 100%; padding-right: 0;}

.mobileView .packCont .floatPack > .left,
.mobileView .packCont .floatPack > .right {float: none; width: 100%;}
.mobileView .packCont .floatPack > .right {margin-top: 30px; margin-left: 0;}
.mobileView .packCont .floatPack > .right + .left {margin-top: 30px;}

.mobileView .packCont h4 {font-size: 32px;}

.mobileView .packCont ul {min-height: 0 !important; font-size: 18px;}
.mobileView .packCont dd {font-size: 18px;}

.mobileView .packCont .svcWrap dl {margin-top: 40px !important;}
.mobileView .packCont .svcWrap dl:first-child {margin-top: 0 !important;}

.mobileView .packCont .pdR {padding-right: 0!important;;}

.mobileView .packCont.combi > .img,
.mobileView .packCont.combi > .txt {float: none; width: 100%;}
.mobileView .packCont.combi > .txt {margin-top: 40px;}

.mobileView .packCont.combi.reverse > .img {margin-top: 40px;}
.mobileView .packCont.combi.reverse > .txt {margin-top: 0;}

.mobileView .packCont.combi > .txt .floatPack > .left:first-child {float: left; width: 233px;}
.mobileView .packCont.combi > .txt .floatPack > .left:first-child + .right {width: 233px; min-height: 170px; margin-top: 0;}
.mobileView .packCont.combi > .txt .floatPack > .right + .left,
.mobileView .packCont.combi > .txt .floatPack > .right + .left + .right {clear: both; float: none; width: 100%;}

.mobileView .packCont.combi > .txt .floatPack dd {min-height: 0;}
.mobileView .packCont.combi > .txt .floatPack dd ul {font-size: 18px;}


/* Image : "marketingTxt" */

.mobileView .marketingTxt.none {padding-top: 0;}


/* Oblique Section */

.mobileView .oblique .outer {padding-bottom: 99px;}
.mobileView .oblique .inner {margin-top: -1px;}
.mobileView .oblique .inner > div {width: 580px;}

.mobileView .oblique .floatTop {position: static; text-align: center;}


/* Board */

.mobileView .board {width: 580px;}
.mobileView .boardList td.subject a {width: 320px;}
.mobileView .boardView td.body img {max-width: 540px;}
.mobileView .boardWrite {display: none;}


/* Recruit */

.mobileView section.recruit {height: auto; margin-top: 40px; padding-bottom: 50px; background-position: 0 0; background-size: cover;}
.mobileView section.recruit .inner {padding-top: 20px;}

.mobileView section.recruit h4 {padding-bottom: 20px;}

.mobileView section.recruit .pack {margin-top: 0;}
.mobileView section.recruit .pack dl {width: auto !important; min-width: 50%; margin-top: 35px !important; font-size: 18px;}
.mobileView section.recruit .pack dt em {font-size: 22px;}
.mobileView section.recruit .pack dd {margin-top: 8px;}

.mobileView #wrap section.recruit + section.sectionFooter.subCont {margin-top: 0; border-top: 0;}

/* 컨설팅 - 신규메뉴추가 2017-12-12 */
.mobileView .consulting .marketingTxt + .marketingTxt.none {margin:0 0 50px;padding-top:0;}
.mobileView .consulting .marketingTxt.none + .marketingTxt {margin:0 0 50px;padding-top:322px;}

.mobileView section .printing .hType03 {margin-top:50px !important;}
.mobileView section.partners {background-color:#0c4da2;}
.mobileView section.partners .itemList ul {margin-top:0;}
.mobileView section.partners .itemList ul li {float:left;margin-top:10px;height:80px;line-height:80px;font-size:15px;}
.mobileView section.partners .itemList ul li.double{line-height:25px; padding:15px 0;}
.mobileView section.partners .itemList ul li.triple{line-height:20px; padding:10px 0;}
.mobileView section.partners .itemList ul li:first-child {margin-left:10px;}

.mobileView .partners + .sectionFooter {margin-top:0 !important;}

/* CF */
.mobileView .videoWrap {}
.mobileView .videoWrap .video {width:100%;float:none;}
.mobileView .videoWrap .video iframe {width:100%;height:300px;}
.mobileView .videoWrap .videoTxt {width:100%;float:none;margin-top:15px;}
.mobileView .thumbnail li:first-child + li + li + li, .mobileView .thumbnail li:first-child + li + li + li + li {display:none;} 

/* CI 규정 */
.mobileView #wrap section.valueWrap + .ciRule {margin-top:0;}
.mobileView .ciRule .ciImg img {float:none;}
.mobileView .ciRule .ciImg img:first-child {margin-left:-40px;margin-bottom:20px;}
.mobileView .ciRule .ciImg img:first-child + img {margin-left:-60px;}
.mobileView .ciRule .colorWrap dl {width:100%;min-height:270px;float:none;position:relative;}
.mobileView .ciRule .colorWrap dl:last-child {margin-top:50px;min-height:150px}
.mobileView .ciRule .colorWrap dl dt {font-size:22px;}
.mobileView .ciRule .colorWrap dl dd {font-size:18px;}
.mobileView .ciRule .colorWrap dl dd.colorType {width:50%;font-size:18px;position:absolute;top:0px;right:0;}
.mobileView .ciRule .colorWrap dl dd.type01, .mobileView .ciRule .colorWrap dl dd.type02 {height:220px;}
.mobileView .ciRule .colorWrap dl dd.type03 ul li {height:130px}
.mobileView .ciRule .colorWrap dl dd.type03 ul li.color03 {}
.mobileView .ciRule .colorWrap dl dd.type04 {height:120px;}
.mobileView .ciRule .ciImg.color img:first-child {max-width:100%;margin-left:-20px;margin-bottom:0;vertical-align:middle;}
.mobileView .ciRule .ciImg.color.type01 img:first-child {margin-left:-215px;}
.mobileView .ciRule .ciImg.color.type02 img:first-child{margin-left:-115px;}
.mobileView .ciRule .ciImg.color.type02 img:last-child{display:none;}
.mobileView .ciRule .ciImg.color img:first-child + img {margin-left:0px;}
.mobileView .ciRule .colorWrap dl dd br {display:none;}
.mobileView .ciRule .colorWrap dl dd .mobile {display:block;}
.mobileView .ciRule .ciImg.color.mobileC {background-color:#221e1f;}
.mobileView .ciRule .ciImg.color.white.mobileC {background-color:#fff;}
.mobileView .ciRule .ciImg.color.green.mobileC {background-color:#59c3df;}



/* 메인베너 */
.mobileView .wrap_banner{width:580px}
.mobileView .banner_page span {margin-right:20px}
.mobileView .banner_page span a{width:24px;height:24px;}
.mobileView #wrap section.section1 .inner .main_banner_cont3 strong.tit{font-size:45px;line-height:60px}
.mobileView #wrap section.section1 .inner p{margin-bottom:30px;padding:0 0}

.mobileView .secu_partner li{margin:0}
.mobileView .list_half01.en{width:100%}

.mobileView .banner_cont_inner li:first-child{padding-top:0px}

/* 영문 */
.mobileView .wrap_banner.en{}
.mobileView #wrap section.section1 .inner .wrap_banner.en strong.tit{line-height:55px}
.mobileView #wrap section.section1 .inner .wrap_banner.en .main_banner_cont3 strong.tit{font-size:30px;line-height:40px}


.mobileView .marketingTxt.financial01 .pdR,
.mobileView .marketingTxt.financial02 .pdR,
.mobileView .marketingTxt.financial03 .pdR,
.mobileView .marketingTxt.financial04 .pdR,
.mobileView .marketingTxt.flight01 .pdR,
.mobileView .marketingTxt.education01 .pdR{min-height:auto;;}

.mobileView .contact_area{padding-top:500px;padding-left:0;background-position:center top}
.mobileView .contact_area > div{height:auto;padding-bottom:20px; float:none; width:100%;}
.mobileView .contact_area > div.contact_item03{margin-top:10px;}


.mobileView .valueWrap{padding-top:383px;background:url(/img/about/bg_corevalue_m.jpg) no-repeat 50% 0;}
.mobileView .valueWrap li{position:static;text-align:left;}
.mobileView .valueWrap li strong{color:#000;padding-bottom: 15px;margin-bottom:10px;background: url(/img/common/icon_titleBar02.gif) no-repeat 0 100%;}

.mobileView .nodeWrap {margin-left:-10px;}
.mobileView .nodeWrap dl {margin-bottom:15px;width:calc(100% - 15px);box-sizing:border-box;margin-left:15px; height:auto; }
.mobileView .nodeWrap dl:first-child {margin-left:15px;}

/* IT Services + Marketing Services + etc. */
.mobileView .businessTxt {min-height: 0; margin: 0 0 50px; padding: 322px 0 0; background-position: 50% 20px;}
.mobileView .businessTxt.noBg {padding-top:0;}
.mobileView .businessTxt > p,
.mobileView .businessTxt > ul {padding-right: 0;width:100%;}
.mobileView .businessTxt > ul li {font-size:18px;}
.mobileView .businessTxt > p br {display:none;}
.mobileView .businessTxt .hType01, .mobileView .businessTxt .hType02 {padding-top:0;margin-top:0;}
.mobileView .svcWrap.offerWrap2 dl {float: none; width: auto;}

/* rss 추가 2018-06  */
.mobileView .wrap_rss li + li{margin-top:30px}
.mobileView .wrap_rss li dl,.mobileView .wrap_rss li .rss_thumb{float:none;width:100%}
.mobileView .wrap_rss li .rss_thumb{text-align:center;margin-top:20px}
.mobileView .wrap_rss li dl dd.date{margin-top:10px}



.mobileView .railList dl {width:100%;height:auto;float:none;margin-left:0;margin-bottom:20px;text-align:center;}
.mobileView .railList dl dd ul {width:auto;display:inline-block;}
.mobileView .railList dl dd ul li {text-align:left;}

.mobileView .people01 ul li {float:none;width:auto;margin-bottom:20px;}
.mobileView .people01 ul li.people01{background-position:32% 0;}
.mobileView .people01 ul li.people02{}
.mobileView .people01 ul li.people03{background-position:68% 0;}


.mobileView .tabType.type02 ul{width:auto;padding:0}
.mobileView .tabType.type02 ul li{float:none;width:auto;}
.mobileView .tabType.type02 ul li a{padding-top:0;}
.mobileView .tabType.type02 ul li.bk_point{clear:both;}

.mobileView .footPrint div dl br.mo_none{display:none!important;}


/* 2019-11-11 saas */

.mobileView .hType04 .sa_b{display:none;}
.mobileView .packCont .saas-list{clear:both;margin-bottom:55px; overflow:hidden;}
.mobileView .packCont .saas-list dt{float:none;width:100%;text-align:center;padding-top:0;}
.mobileView .packCont .saas-list dd{float:none;margin-left:0;width:100%;font-size:16px; color:#333; font-weight:400;margin-top:10px;}
.mobileView .packCont .saas_vis{text-align:center;}
.mobileView .packCont .saas_vis .img_pc{display:none;}
.mobileView .packCont .saas_vis .img_m{display:inline;}

.mobileView .slide-img04{background:url(../img/main/main_slide04_m.jpg) center center no-repeat; background-size:cover; min-height:1024px;}
.mobileView .slide-img04 .sa_b{display:block;}



/* 2020-07-03 km */

.mobileView #mvc{margin: 0;}
.mobileView #mvc .vision{margin:40px 0;}
.mobileView #mvc .valueWrap{background: url(/img/people/bg_corevalue_m_new.png) no-repeat 50% 0;     background-size: 120%; height:auto; padding-bottom:0;}
.mobileView #mvc .valueWrap li strong{color:#000;}