.title-div{position:relative; z-index:1; width:1136px; margin:0 auto; padding-left:188px}
.title-div .title{position:relative; padding-left:270px; font-weight:100; font-size:40px; line-height:50px; color:#000; letter-spacing:-2.5px}
.title-div .title:before{content:''; display:block; width:100px; height:2px; background:#000; position:absolute; top:5px; left:0;}
.title-div .title.no-line:before{display:none}
.title-div .title span{display:block; font-weight:700}
.title-div .title strong{font-weight:700; color:#0078b9}
.title-div .txt{margin-top:30px; padding-left:270px; font-weight:300; font-size:18px; line-height:30px; color:#333}
.title-div .txt2{margin-top:30px; padding-left:270px; font-family:'Montserrat-Bold', 'Noto Sans KR'; font-weight:300; font-size:32px; line-height:30px; color:#333}
.title-div .txt2 span{display:inline-block; padding-right:24px; margin-right:16px; background:url('/common/images/dot4x4.gif') no-repeat right center}
.title-div .txt2 span:last-child{padding-right:0; margin-right:0; background:none}
.title-div .info-div{margin-top:75px; padding-left:270px}
.title-div .info-div .line{margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5; overflow:hidden}
.title-div .info-div .line:first-child{margin-top:0; padding-top:0; border-top:none}
.title-div .info-div .line .left{float:left; margin-right:75px; width:200px; font-weight:700; font-size:18px; line-height:30px; color:#000}
.title-div .info-div .line .right{float:left; width:calc(100% - 275px); font-weight:300; font-size:18px; line-height:30px; color:#333}
.title-div .info-div .line .right span.tel{display:block; font-family:'Montserrat-SemiBold'; font-size:26px; color:#0067ac}
.title-div .info-div .line .right span.noti{display:block; color:#888}

.about-div{margin-top:197px; background:#fff}
.about-div .group-intro{padding-top:135px}
.about-div .group-intro .content-div{margin:0 auto}
.about-div .group-intro .content-div .top-area{}
.about-div .group-intro .content-div .top-area .list-div{width:90%; margin:0 auto}
.about-div .group-intro .content-div .top-area .list-div .list{overflow:hidden}
.about-div .group-intro .content-div .top-area .list-div .list .img-area{width:675px; height:600px; float:left}
.about-div .group-intro .content-div .top-area .list-div .list .txt-area{padding-top:75px; padding-left:80px; width:calc(100% - 675px); word-break:keep-all; float:right}
.about-div .group-intro .content-div .top-area .list-div .list .txt-area .tit{font-family:'Montserrat-Light', 'Noto Sans KR'; font-size:40px; line-height:50px; color:#000; font-weight:100; letter-spacing:-1.8px}
.about-div .group-intro .content-div .top-area .list-div .list .txt-area .tit span{display:block; font-weight:700}
.about-div .group-intro .content-div .top-area .list-div .list .txt-area .txt{font-weight:300; font-size:20px; line-height:32px; color:#555; margin-top:35px}
.about-div .group-intro .content-div .top-area .list-div .list .txt-area .txt span{display:block}
.about-div .group-intro .content-div .bottom-area{padding-bottom:375px; background:url('/common/images/about_botton_area_bg.jpg') no-repeat bottom center}
.about-div .group-intro .content-div .bottom-area .list-div{margin:145px auto 0}
.about-div .group-intro .content-div .bottom-area .list-div .inner-div{width:1136px; margin:0 auto; overflow:hidden}
.about-div .group-intro .content-div .bottom-area .list-div .list{margin-top:95px; overflow:hidden}
.about-div .group-intro .content-div .bottom-area .list-div .list:first-child{margin-top:0}
.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(3){margin:95px auto 0; padding:165px 0 190px; width:90%; background:url('/common/images/about_bottom_area_value_bg.jpg') no-repeat center center; background-size:cover}
.about-div .group-intro .content-div .bottom-area .list-div .list .left-area{position:relative; padding-right:100px; width:465px; float:left; font-family:'Montserrat-SemiBold'; font-size:20px; line-height:30px; color:#0067ac; margin-top:5px}
.about-div .group-intro .content-div .bottom-area .list-div .list .left-area:after{content:''; display:block; position:absolute; top:5px; left:190px; width:100px; height:2px; background:#000}
.about-div .group-intro .content-div .bottom-area .list-div .list .left-area b{display:none}
.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(3) .left-area{color:#fff}
.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(3) .left-area:after{background:#fff}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area{width:calc(100% - 465px); float:left}
.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(n+4) .right-area{text-align:center}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit1{font-weight:300; font-size:40px; line-height:50px; color:#0078b9}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit2{font-weight:700; font-size:30px; color:#222}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit3{font-family:'Montserrat-Light'; font-size:40px; line-height:48px; color:#20c4f4}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit3 span{display:block; font-family:'Montserrat-SemiBold'; color:#0067ac}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .txt{margin-top:35px; font-weight:300; font-size:20px; line-height:30px; color:#555}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .img{margin-top:50px}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .img:first-child{margin-top:0}
.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .img img{max-width:100%;}
.organization-div{margin-top:197px; background:#fff; padding-bottom:120px;}
.organization-div.pd{padding-top:100px;}
.organization-div .top-area{padding-top:135px;}
.organization-div .con-area{margin:80px auto 0; width:1136px; text-align:center;}
.organization-div .con-area > img{max-width:100%;}
.organization-div .con-area > img.mob{display:none;}
.director-div{margin-top:197px; background:#f6f6f6; padding-bottom:160px;}
.director-div .con-area{padding-top:140px; width:1136px; margin:0 auto;}
.director-div .con-area .list{margin-top:95px; overflow:hidden;}
.director-div .con-area .list:first-child{margin-top:0;}
.director-div .con-area .list .sub-tit{margin-bottom:30px; font-weight:700; font-size:32px; color:#000;}
.director-div .con-area .list:first-child .sub-tit{margin-bottom:0;}
.director-div .con-area .list .people{width:100%;}
.director-div .con-area .list .people.ceo{padding-top:45px; overflow:hidden; height:398px;}
.director-div .con-area .list .people .name{font-size:30px; color:#000;}
.director-div .con-area .list .people .duty{margin:12px 0 15px; font-weight:700; font-size:16px; line-height:22px; color:#555;}
.director-div .con-area .list .people .info li{font-size:13px; line-height:17px; margin-top:10px;}
.director-div .con-area .list .people .info li:first-child{margin-top:0;}
.director-div .con-area .list .people .img-area{float:right; position:relative; height:353px;}
.director-div .con-area .list .people .img-area img{position:absolute; bottom:0; right:0}
.director-div .con-area .list .people .people-info-area{float:left; position:relative; top:50%; transform:translateY(-50%); padding-left:125px; z-index:1}
.director-div .con-area .list .people-list:after{content:''; display:block; clear:both}
.director-div .con-area .list .people-list .people{float:left; width:264px; height:auto; margin-right:26px}
.director-div .con-area .list .people-list .people .img{position:relative; width:100%; height:353px; margin-bottom:30px; background:url("/common/images/grad_bg.jpg") bottom left repeat-x #fff;}
.director-div .con-area .list .people-list .people.no .img{position:relative; background:#fff}
.director-div .con-area .list .people-list .people.no .img img{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); margin:0 auto; text-align:center}
.director-div .con-area .list .people-list .people:nth-child(4n){margin-right:0}
.director-div .con-area .list .people-list .people:nth-child(4n+1){clear:both;}
.director-div .con-area .director-list{margin-top:100px; overflow:hidden}
.director-div .con-area .director-list .list-area{}
.director-div .con-area .director-list .list-area.two{margin-top:70px}
.director-div .con-area .director-list .list-area .sub-tit{padding-bottom:30px; font-weight:700; font-size:32px; color:#000; border-bottom:2px solid #222}
.director-div .con-area .director-list .list-area .list-div{overflow:hidden; position:relative}
.director-div .con-area .director-list .list-area .list-div:after{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; border-bottom:1px solid #e3e3e3}
.director-div .con-area .director-list .list-area .list{float:left; width:50%; margin-top:0; padding:30px 0; border-bottom:0; overflow:hidden}
.director-div .con-area .director-list .list-area .list .name{float:left; width:105px; font-size:25px; color:#000; padding-right:35px}
.director-div .con-area .director-list .list-area .list .info-area{float:left; width:calc(100% - 105px)}
.director-div .con-area .director-list .list-area .list .info-area .duty{font-weight:700; font-size:16px; color:#555}
.director-div .con-area .director-list .list-area .list .info-area .info{margin-top:20px}
.director-div .con-area .director-list .list-area .list .info-area .info li{font-weight:300; font-size:13px; line-height:17px; color:#555; margin-top:10px}
.director-div .con-area .director-list .list-area .list .info-area .info li:first-child{margin-top:0}
.history-div{margin-top:197px;}
.history-div .top-area{padding-top:135px}
.history-div .con-area{position:relative; width:100%; margin:135px auto 0}
.history-div .con-area .bg-div{width:1136px; margin:0 auto; background:#fff}
.history-div .con-area .swiper-history{width:100%; position:absolute; z-index:2; top:-40px; left:0}
.history-div .con-area .swiper-history .swiper-wrapper{}
.history-div .con-area .swiper-history .swiper-slide{width:280px}
.history-div .con-area .swiper-history .swiper-slide .thumb{width:280px; height:158px; overflow:hidden}
.history-div .con-area .swiper-history .swiper-slide .thumb img{width:100%}
.history-div .con-area .swiper-history .swiper-slide .txt{margin-top:18px; font-size:20px; line-height:26px; color:rgba(102, 102, 102, 0.3)}
.history-div .con-area .swiper-history .swiper-slide .year{margin-top:15px}
.history-div .con-area .swiper-history .swiper-slide .year span{display:inline-block; position:relative; font-family:'Montserrat-SemiBold'; font-size:40px; line-height:30px; color:rgba(34, 34, 34, 0.3)}
.history-div .con-area .swiper-history .swiper-slide .year span:first-child{padding-right:30px}
.history-div .con-area .swiper-history .swiper-slide .year span:first-child:after{content:''; display:block; width:20px; height:1px; position:absolute; top:50%; right:4px; background:rgba(34, 34, 34, 0.3)}
.history-div .con-area .swiper-history .swiper-slide .year span.kor{font-family:'Noto Sans KR'; font-weight:900; font-size:34px; line-height:30px}
.history-div .con-area .swiper-history .swiper-slide.on .txt{color:#666}
.history-div .con-area .swiper-history .swiper-slide.on .year span{color:#0067ac}
.history-div .con-area .swiper-history .swiper-slide.on .year span:first-child:after{background:#0067ac}
.history-div .con-area .hidden-area{display:block; width:1193px; height:335px; position:absolute; top:0; z-index:1; background:#fff}
.history-div .con-area .history-content{position:relative; width:1136px; margin:0 auto; padding:360px 0 100px 140px; background:#fff}
.history-div .con-area .history-content:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:100%; background:#fff}
.history-div .con-area .history-content .tab-content{display:none}
.history-div .con-area .history-content .tab-content:first-child{display:block}
.history-div .con-area .history-content .tab-content .year-list{overflow:hidden; margin-top:95px}
.history-div .con-area .history-content .tab-content .year-list:first-child{margin-top:0}
.history-div .con-area .history-content .tab-content .year-list .year{float:left; width:135px; font-family:'Montserrat-SemiBold'; font-size:32px; line-height:26px; color:#000}
.history-div .con-area .history-content .tab-content .year-list .cont{float:left; width:calc(100% - 135px)}
.history-div .con-area .history-content .tab-content .year-list .cont .list{padding:15px 0; border-bottom:1px solid #e5e5e5; overflow:hidden}
.history-div .con-area .history-content .tab-content .year-list .cont .list:first-child{padding:0 0 15px 0}
.history-div .con-area .history-content .tab-content .year-list .cont .list .month{float:left; width:90px; padding-right:20px; font-family:'Montserrat-Medium'; font-size:16px; line-height:26px; color:#222}
.history-div .con-area .history-content .tab-content .year-list .cont .list .text{float:left; width:calc(100% - 90px)}
.history-div .con-area .history-content .tab-content .year-list .cont .list .text p{margin-top:15px; font-size:16px; line-height:26px; color:#666}
.history-div .con-area .history-content .tab-content .year-list .cont .list .text p:first-child{margin-top:0}
.ceo-div{padding-top:197px}
.ceo-div .top-area{padding-top:135px}
.ceo-div .con-area{position:relative; margin-top:140px} 
.ceo-div .con-area .ceo-img{position:absolute; left:0; z-index:1}
.ceo-div .con-area .ceo-img img{width:100%}
.ceo-div .con-area .txt-div{position:relative; margin:0 auto; padding-left:285px; width:1136px}
.ceo-div .con-area .txt-div:after{content:''; display:block; position:absolute; top:0; left:100%; width:100%; height:100%; background:#fff}
.ceo-div .con-area .txt-area{padding:85px 0 90px 270px; min-height:765px; background:#fff;}
.ceo-div .con-area .txt-area .greet{font-weight:300; font-size:18px; line-height:30px; color:#333; word-break:keep-all}
.ceo-div .con-area .txt-area .greet span{display:block; margin-top:35px}
.ceo-div .con-area .txt-area .greet span:first-child{margin-top:0}
.ceo-div .con-area .txt-area .sign{display:inline-block; margin-top:55px; font-weight:300; font-size:18px; color:#000; padding-right:185px; background:url('/common/images/sign_img.jpg') no-repeat right center}
.ceo-div .con-area .txt-area .sign br{display:none}
.ceo-div .con-area .txt-area .sign span{display:block; margin-top:14px;  font-weight:700; font-size:26px; line-height:1; color:#000; }
.ceo-div .con-area .txt-area .list-tit{margin-top:80px; font-weight:700; font-size:26px; color:#000}
.ceo-div .con-area .txt-area .list-tit:first-child{margin-top:0}
.ceo-div .con-area .txt-area .duty{margin-top:20px; font-weight:700; font-size:15px; color:#20c4f4}
.ceo-div .con-area .txt-area .list-div{margin-top:40px}
.ceo-div .con-area .txt-area .list-div .list{overflow:hidden; padding:20px 0; border-bottom:1px solid #e5e5e5}
.ceo-div .con-area .txt-area .list-div .list:first-child{padding:0 0 20px}
.ceo-div .con-area .txt-area .list-div .list .year{float:left; padding-right:20px; width:90px; font-family:'Montserrat-Medium'; font-size:16px; color:#222}
.ceo-div .con-area .txt-area .list-div .list .cont{float:left; width:calc(100% - 90px); font-size:16px; color:#666}
.ceo-div .con-area .txt-area .list-div .list .cont p:nth-child(n+2){margin-top:25px}
.ceo-div.greet .con-area .ceo-img{top:-40px}
.ceo-div.profile .con-area{margin-top:190px}
.ceo-div.profile .con-area .ceo-img{top:-50px}
.network-div{margin-top:197px; background:#fff}
.network-div .top-area{padding-top:135px}
.network-div .top-area .local-image{position:relative; margin:95px auto 0; width:1136px; text-align:center}
.network-div .top-area .local-image .default{position:relative; z-index:1}
.network-div .top-area .local-image .slide{position:absolute; bottom:0; right:0; display:none}
.network-div .top-area .local-image map area{outline:none; cursor:pointer}
.network-div .top-area .local-image #image-map2{display:none}
.network-div .top-area .local-image .mob-default{display:none}
.network-div .con-area{position:relative; padding:10px 0 0;}
.network-div .con-area .list-div{padding-bottom:100px}
.network-div .con-area .list-div .list{overflow:hidden}
.network-div .con-area .list-div .list .img-area{position:relative; width:680px; height:500px; overflow:hidden}
.network-div .con-area .list-div .list .img-area img{width:100%}
.network-div .con-area .list-div .list .txt-area{width:calc(100% - 680px); padding-top:70px; overflow:hidden}
.network-div .con-area .list-div .list .txt-area .txt-div{width:768px}
.network-div .con-area .list-div .list .txt-area .txt-div .name{font-weight:700; font-size:26px; color:#000}
.network-div .con-area .list-div .list .txt-area .txt-div .tit{margin-top:20px; font-weight:700; font-size:32px; line-height:42px; color:#222}
.network-div .con-area .list-div .list .txt-area .txt-div .txt{margin-top:20px; font-weight:300; font-size:18px; line-height:30px; color:#333; word-break:keep-all}
.network-div .con-area .list-div .list .txt-area .txt-div .info{margin-top:45px; padding-left:20px; border-left:1px solid #666}
.network-div .con-area .list-div .list .txt-area .txt-div .info li{margin-top:15px; font-weight:300; font-size:16px; color:#555}
.network-div .con-area .list-div .list .txt-area .txt-div .info li:first-child{margin-top:0}
.network-div .con-area .list-div .list .txt-area .txt-div .info li span{font-weight:700}
.network-div .con-area .list-div .list .txt-area .txt-div .info li .tel{cursor:auto}
.network-div .con-area .list-div .list:nth-child(2n-1){background:#f6f6f6}
.network-div .con-area .list-div .list:nth-child(2n-1) .img-area{float:left}
.network-div .con-area .list-div .list:nth-child(2n-1) .txt-area{float:left; padding-left:70px}
.network-div .con-area .list-div .list:nth-child(2n-1) .txt-area .txt-div{float:left}
.network-div .con-area .list-div .list:nth-child(2n){background:#fff}
.network-div .con-area .list-div .list:nth-child(2n) .img-area{float:right}
.network-div .con-area .list-div .list:nth-child(2n) .txt-area{float:right; padding-right:70px; background:#fff}
.network-div .con-area .list-div .list:nth-child(2n) .txt-area .txt-div{float:right}
.network-div .con-area .state-area{padding-top:165px; margin-top:90px; width:100%; height:560px; text-align:center; background:url('/common/images/global_network_state_bg.jpg') no-repeat center center; background-size:cover}
.network-div .con-area .state-area .inner-guide{text-align:center}
.network-div .con-area .state-area .inner-guide:after{content:''; display:block; clear:both}
.network-div .con-area .state-area .inner-guide > div{display:block; float:left}
.network-div .con-area .state-area .inner-guide > div .tit{font-weight:700; font-size:20px; color:#fff}
.network-div .con-area .state-area .inner-guide > div .type-list{margin-top:80px; text-align:center}
.network-div .con-area .state-area .inner-guide > div .type-list .list{display:inline-block; width:180px; font-size:16px; line-height:20px; color:rgba(255,  255, 255, 0.7); height:120px}
.network-div .con-area .state-area .inner-guide > div .type-list .list span{display:block; margin-bottom:35px; font-family:'Montserrat-SemiBold'; font-size:70px; line-height:50px; color:#fff}
.network-div .con-area .state-area .inner-guide .bank{width:33%; border-right:1px solid rgba(255, 255, 255, 0.2)}
.network-div .con-area .state-area .inner-guide .card{width:33%; border-right:1px solid rgba(255, 255, 255, 0.2)}
.network-div .con-area .state-area .inner-guide .wooriam{width:33%}
.network-div .con-area .map-area{position:relative; background:url('/common/images/global_network_map_area_bg.jpg') no-repeat center top; background-size:auto 100%}
.network-div .con-area .map-area .map-guide{width:100%; height:100%; background:url('/common/images/global_network_map_bg.jpg') no-repeat center top; background-size:1136px auto}
.network-div .con-area .map-area .map-guide .global-tab{position:absolute; z-index:3; top:-35px; left:50%; margin-left:-568px; width:1136px;}
.network-div .con-area .map-area .map-guide .global-tab:after{content:''; display:block; clear:both}
.network-div .con-area .map-area .map-guide .global-tab a{display:block; float:left; width:25%; height:70px; font-family:'Montserrat-Medium'; font-size:18px; line-height:68px; color:#555; text-align:center; background:#f2f1ee; border:1px solid #e1e1e1}
.network-div .con-area .map-area .map-guide .global-tab a.on{font-family:'Montserrat-SemiBold'; color:#fff; background:#0067ac; border:1px solid #0067ac}
.network-div .con-area .map-area .map-guide .area{position:absolute; top:0; left:0; z-index:1; width:100%; text-align:center; opacity:0}
.network-div .con-area .map-area .map-guide .area.on{position:relative; top:auto; left:auto; z-index:2; opacity:1}
.network-div .con-area .map-area .map-guide .area .map-title{position:absolute; left:50%; bottom:80px; z-index:3; margin-left:-568px; width:1136px; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; color:rgba(0, 0, 0, 0.8); text-align:left; }
.network-div .con-area .map-area .map-guide .area .map-txt{position:absolute; left:50%; top:120px; z-index:3; margin-left:-536px; width:1136px; font-size:18px; color:rgba(0, 0, 0, 0.8); text-align:left; display:none}
.network-div .con-area .map-area .map-guide .area.global{display:block}
.network-div .con-area .map-area .map-guide .area.global > img{position:relative; z-index:2; width:auto; height:auto; max-width:100%; opacity:0}
.network-div .con-area .map-area .map-guide .area.global .hide-img{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%} 
.network-div .con-area .map-area .map-guide .area.global .hide-img > img{display:none; position:absolute; top:0; left:50%; transform:translateX(-50%); width:auto; max-width:100%; height:100%}
.network-div .con-area .map-area .map-guide .area.global map area{outline:none; cursor:pointer}
.network-div .con-area .map-area .map-guide .area.tabs{text-align:center}
.network-div .con-area .map-area .map-guide .area.asia .bg-area{background:url('/common/images/global_network_map_asia_bg.jpg') no-repeat center top}
.network-div .con-area .map-area .map-guide .area.america .bg-area{background:url('/common/images/global_network_map_america_bg.jpg') no-repeat center top}
.network-div .con-area .map-area .map-guide .area.europe .bg-area{background:url('/common/images/global_network_map_europe_bg.jpg') no-repeat center top}
.network-div .con-area .map-area .map-guide .area .bg-area img{position:relative; z-index:2; width:auto; height:auto; max-width:100%;}
.network-div .con-area .map-area .map-guide .area .info-div{padding:60px 0 150px; background:#fff}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div{width:1136px; margin:0 auto}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div{position:relative}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .head{display:block; font-weight:700; font-size:20px; line-height:40px; color:#222; border-bottom:4px solid #000; background:url('/common/images/network_accor_head_open.png') no-repeat right center}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .head.open{background:url('/common/images/network_accor_head_close.png') no-repeat right center}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all{display:none; position:absolute; top:44px; left:0; z-index:1; padding:30px; width:100%; background:#fff; border:1px solid #e3e3e3; border-top:none; overflow:hidden}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a{display:block; float:left; margin-right:24px; padding:12px; width:calc(25% - 18px); height:48px; font-size:18px; color:#222; line-height:24px; text-align:left}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(4n){margin-right:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(n+5){margin-top:20px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a.on{padding:10px 12px; font-family:'Montserrat-Bold', 'Noto Sans KR'; font-weight:900; border:2px solid #20c4f4; border-radius:50px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all span{margin-right:8px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all span img{width:25px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list{word-break:keep-all}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country{margin-top:60px; text-align:left}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .title-area{font-weight:700; font-size:26px; line-height:35px; color:#000; padding-bottom:20px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .title-area span{margin-right:8px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .title-area span img{width:50px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list{border-top:1px solid rgba(0, 0, 0, 0.08)}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office{border-bottom:1px solid rgba(0, 0, 0, 0.08)}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div{padding:17px 80px 17px 60px; overflow:hidden}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div.has-accor{background:url('/common/images/network_accor_list_open.png') no-repeat right 30px center; cursor:pointer}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div.has-accor.open{background:url('/common/images/network_accor_list_close.png') no-repeat right 30px center}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area{float:left; width:515px; padding-right:50px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .name{font-weight:700; font-size:20px; line-height:26px; color:#222; display:inline-block; vertical-align:middle}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .type{display:inline-block; vertical-align:middle; margin-left:10px; padding:0 10px; height:26px; font-size:13px; line-height:26px; color:#fff; text-align:center; background:#858a8c; border-radius:3px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .type.type1{background:#1262a2}/* 현지법인 */
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .type.type2{background:#ea585c}/* 지점 */
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .type.type3{background:#edb213}/* 사무소 */
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .url{display:inline-block; vertical-align:middle; margin-left:1px; padding:0 27px 0 8px; line-height:24px; height:26px; font-family:'Noto Sans KR'; font-weight:300; font-size:13px; color:#555; background:url('/common/images/network_url_icon.png') no-repeat right 10px top 50%; border:1px solid #aaa; border-radius:3px; letter-spacing:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area{float:left; width:calc(100% - 515px);}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl{overflow:hidden; margin-top:8px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl:first-child{margin-top:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl dt{float:left; width:70px; font-weight:500; font-size:15px; line-height:22px; color:#555}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl dd{float:left; width:calc(95% - 75px); font-family:'Montserrat-Light'; font-size:14px; line-height:22px; color:#555}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl dd a{text-decoration:underline}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor{display:none; padding:10px 10px 10px 60px; border-top:1px solid rgba(0, 0, 0, 0.08); background:#f6f6f6; max-height:500px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .mCustomScrollBox{padding-bottom:10px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .mCSB_scrollTools .mCSB_draggerContainer{bottom:20px}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor.scroll .mCSB_scrollTools .mCSB_draggerRail{width:5px; background:#d3d3d3; border-radius:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; background:#565656; border-radius:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list{margin-right:70px; padding:18px 0; border-bottom:1px solid rgba(0, 0, 0, 0.08); overflow:hidden}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list:last-child{border-bottom:none}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .left-area{float:left; padding-right:50px; width:505px; font-weight:700; font-size:15px; line-height:20px; color:#222}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area{float:left; width:calc(100% - 505px)}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area ul li{margin-top:7px; padding-left:11px; text-indent:-3px; font-family:'Montserrat-Light'; font-size:13px; line-height:20px; color:#555}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area ul li:first-child{margin-top:0}
.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area ul li:before{content:'-'; display:inline-block; margin-right:2px}
.ci-div{margin-top:197px; background:#fff}
.ci-div .top-area{padding-top:135px} 
.ci-div.no-tab .top-area{padding-top:95px}
.ci-div .con-area{width:100%; margin:95px auto 0}
.ci-div .con-area .top-ci{width:90%; margin:0 auto; text-align:center}
.ci-div .con-area .top-ci img{max-width:100%;}
.ci-div .con-area .top-ci img.mob{display:none}
.ci-div .con-area .rule-list{margin:95px auto 0; width:1136px; overflow:hidden}
.ci-div .con-area .rule-list .tit{float:left; padding-right:60px; width:463px; font-family:'Montserrat-SemiBold', 'Noto Sans KR'; font-weight:700; font-size:32px; line-height:30px; color:#000}
.ci-div .con-area .rule-list .txt{float:left; width:calc(100% - 463px); font-weight:300; font-size:18px; line-height:30px; color:#333; word-break:keep-all}
.ci-div .con-area .rule-list .txt span{display:block; color:#aaa; padding-left:22px; text-indent:-22px}
.ci-div .con-area .color-rule{display:table; margin:35px auto 0; padding:80px 70px; width:1136px; border:1px solid #ccc}
.ci-div .con-area .color-rule .left-area{display:table-cell; vertical-align:middle; width:350px}
.ci-div .con-area .color-rule .left-area img{max-width:100%}
.ci-div .con-area .color-rule .right-area{display:table-cell; vertical-align:middle}
.ci-div .con-area .color-rule .right-area .ovf .symbol{float:left; width:470px}
.ci-div .con-area .color-rule .right-area .ovf .symbol .top-div{width:430px; height:22px; border:1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(32,196,244,1) 47%, rgba(0,120,185,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(32,196,244,1) 47%,rgba(0,120,185,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(32,196,244,1) 47%,rgba(0,120,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0078b9',GradientType=1 ); /* IE6-9 */}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div{margin-top:15px; overflow:hidden}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color{float:left; margin-right:65px; width:110px}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color:last-child{margin-right:0}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color .box{width:80px; height:80px}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color:nth-child(1) .box{border:1px solid #ccc; background:#fff}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color:nth-child(2) .box{background:#20c4f4}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color:nth-child(3) .box{background:#0078b9}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color .code-name{margin:15px 0; height:44px; font-family:'Montserrat-SemiBold'; font-size:16px; line-height:22px; color:#000}
.ci-div .con-area .color-rule .right-area .ovf .symbol .bottom-div .color .code{font-family:'Montserrat-Light'; font-size:14px; line-height:24px; color:#333}
.ci-div .con-area .color-rule .right-area .ovf .type{float:left; margin-left:57px; width:117px}
.ci-div .con-area .color-rule .right-area .ovf > div .tit{font-weight:700; font-size:20px; margin-bottom:27px}
.ci-div .con-area .color-rule .right-area .ovf .type .color .box{width:117px; height:117px; background:#0067ac}
.ci-div .con-area .color-rule .right-area .ovf .type .color .code-name{margin:15px 0; height:44px; font-family:'Montserrat-SemiBold'; font-size:16px; line-height:22px; color:#000}
.ci-div .con-area .color-rule .right-area .ovf .type .color .code{font-family:'Montserrat-Light'; font-size:14px; line-height:24px; color:#333}
.ci-div .con-area .bg-inner{margin-top:35px; padding:100px 0; width:100%; background:#f6f6f6}
.ci-div .con-area .ci-type-title{margin:40px auto 0; width:1136px; font-weight:700; font-size:26px; color:#000}
.ci-div .con-area .ci-type-title:first-child{margin-top:0}
.ci-div .con-area .ci-list-div{margin:30px auto 0; width:1136px; overflow:hidden}
.ci-div .con-area .ci-list-div .list{float:left; margin-right:18px; width:270px; text-align:center}
.ci-div .con-area .ci-list-div .list:nth-child(4n){margin-right:0}
.ci-div .con-area .ci-list-div .list .ci-type{display:table; width:270px; height:270px; background:#fff; border-radius:100%}
.ci-div .con-area .ci-list-div .list .ci-type span{display:table-cell; vertical-align:middle; width:100%; padding:0 20px}
.ci-div .con-area .ci-list-div .list .ci-type span img{max-width:100%}
.ci-div .con-area .ci-list-div .list .info{margin-top:24px; font-weight:300; font-size:18px; color:#666; padding-bottom:40px}
.ci-div .con-area .ci-down-btn{display:block; margin:60px auto 0; width:290px; height:48px; text-align:center; background:#222; border-radius:50px}
.ci-div .con-area .ci-down-btn span{font-family:'Montserrat-Light', 'Noto Sans KR'; font-size:16px; line-height:48px; color:#fff; padding-right:30px; background:url('/common/images/ci_down_btn_icon.png') no-repeat right center}
.loca-div{margin-top:197px; background:#fff}
.loca-div .top-area{padding-top:135px} 
.loca-div.no-tab .top-area{padding-top:95px}
.loca-div .con-area{padding:0 104px 100px; margin:75px auto 0}
.loca-div .con-area img{width:100%}


@media all and (max-width: 1650px) {
	.about-div .group-intro .content-div .top-area .list-div .list .txt-area{padding-top:0}
	.about-div .group-intro .content-div .top-area .list-div .list .txt-area br{display:none}

	.network-div .con-area{word-break:keep-all}
	.network-div .con-area .list-div .list .txt-area .txt-div{width:600px}
}

@media all and (max-width:1380px) {
	.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(3){width:100%}
	.network-div .top-area .local-image{width:90%}
	.network-div .top-area .local-image img{max-width:100%}
	.network-div .con-area .list-div .list .txt-area .txt-div{width:500px}
	.ci-div .con-area .top-ci{width:100%}
}

@media all and (max-width:1280px) {
	.title-div{width:90%; padding-left:0}
	.title-div .title{padding-left:40%; word-break:keep-all}
	.title-div .title:before{left:10%}
	.title-div .title br{display:none}
	.title-div .txt{padding-left:40%}
	.title-div .txt2{padding-left:40%}
	.title-div .info-div{padding-left:40%}
	.title-div .info-div .line .left{width:150px; margin-right:30px}
	.title-div .info-div .line .right{width:calc(100% - 180px)}
	.about-div .group-intro .content-div{width:100%}
	.about-div .group-intro .content-div .top-area .list-div .list .img-area{display:none}
	.about-div .group-intro .content-div .top-area .list-div .list .txt-area{float:none; width:100%; padding-left:0}
	.about-div .group-intro .content-div .bottom-area .list-div .inner-div{padding:0 5%; width:100%}
	.about-div .group-intro .content-div .bottom-area .list-div{width:100%}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area{width:380px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area{width:calc(100% - 380px)}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .txt br{display:none}
	.organization-div .con-area{padding:0 5%; width:100%}
	.director-div .con-area{width:90%}
	.director-div .con-area .list .people-list .people{width:calc(50% - 14px); margin-right:28px}
	.director-div .con-area .list .people-list .people:nth-child(2n){margin-right:0}
	.director-div .con-area .list .people-list .people:nth-child(n+3){margin-top:50px}
	.director-div .con-area .director-list .list-area.one{width:100%; margin-right:0}
	.director-div .con-area .director-list .list-area.two{width:100%}
	.director-div .con-area .director-list .list-area .list{width:50%}
	.director-div .con-area .director-list .list-area.two .list:nth-child(1), .director-div .con-area .director-list .list-area.two .list:nth-child(2){width:50%}
	.director-div .con-area .director-list .list-area.two .list:nth-child(3){width:100%}
	.network-div .con-area .list-div .list:nth-child(2n-1){padding-right:5%}
	.network-div .con-area .list-div .list:nth-child(2n){padding-left:5%}
	.network-div .con-area .list-div .list .img-area{width:400px}
	.network-div .con-area .list-div .list .img-area img{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:auto}
	.network-div .con-area .list-div .list .txt-area{width:calc(100% - 400px)}
	.network-div .con-area .list-div .list .txt-area .txt-div{width:100%}
	.network-div .con-area .state-area .inner-guide .bank{width:33%}
	.network-div .con-area .state-area .inner-guide .card{width:33%}
	.network-div .con-area .state-area .inner-guide .wooriam{width:33%}
	.network-div .con-area .state-area .inner-guide > div .type-list .list{width:140px}
	.network-div .con-area .state-area .inner-guide .card .type-list .list{width:140px}
	.network-div .con-area .state-area .inner-guide .wooriam .type-list .list{width:140px}
	.network-div .con-area .map-area .map-guide .global-tab{left:5%; margin-left:0; width:90%;}
	.network-div .con-area .map-area .map-guide .area .map-title{left:5%; margin-left:0; width:90%}
	.network-div .con-area .map-area .map-guide .area .map-txt{left:5%; margin-left:0; width:90%}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div{width:90%}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area{width:calc(50% + 10px)}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area{width:calc(50% - 10px)}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .left-area{width:50%}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area{width:50%}
	.history-div .con-area .history-content{width:90%}	
	.ci-div .con-area{width:100%}
	.ci-div .con-area .rule-list{width:90%}
	.ci-div .con-area .ci-type-title{width:90%}
	.ci-div .con-area .ci-list-div{width:90%}
	.ci-div .con-area .ci-list-div .list{width:24.25%; margin-right:1%}
	.ci-div .con-area .ci-list-div .list .ci-type{width:100%}
	.loca-div .con-area{padding:0 5% 100px}

}

@media all and (max-width:1152px) {
	.ceo-div .con-area .txt-div{width:90%; padding-left:185px}
	.ceo-div.greet .con-area .ceo-img{width:450px}
	.ceo-div.profile .con-area .ceo-img{width:450px}
	.network-div .con-area .map-area .map-guide{width:100%; background-size:cover}
	.network-div .con-area .map-area .map-guide .area.tabs .bg-area{background-size:auto 100%}

}

@media all and (max-width:1024px) {
	.about-div{margin-top:118px}
	.organization-div{margin-top:118px}
	.director-div{margin-top:118px}
	.history-div{margin-top:118px}
	.ceo-div{padding-top:118px}
	.network-div{margin-top:118px}
	.ci-div{margin-top:118px}
	.loca-div{margin-top:118px}

	.director-div .con-area .list .people.ceo{height:auto; padding-top:0}
	.director-div .con-area .list .people .img-area{width:100%; float:none; margin-bottom:30px; height:490px}
	.director-div .con-area .list .people .img-area img{height:100%}
	.director-div .con-area .list .people .people-info-area{float:none; top:0; transform:translateY(0); padding-left:0}
	
	.network-div .con-area .list-div .list:nth-child(2n-1){padding:0}
	.network-div .con-area .list-div .list:nth-child(2n){padding:0}
	.network-div .con-area .list-div .list .img-area{width:100%}
	.network-div .con-area .list-div .list .img-area{position:relative}
	.network-div .con-area .list-div .list .img-area img{width:100%; top:50%; left:auto; transform:translate(0, -50%)}
	.network-div .con-area .list-div .list:nth-child(2n-1) .txt-area{float:none; width:100%}
	.network-div .con-area .list-div .list:nth-child(2n) .txt-area{float:none; width:100%}
	.network-div .con-area .list-div .list .txt-area:nth-child(2n-1){padding:70px 5% 100px}
	.network-div .con-area .list-div .list .txt-area:nth-child(2n){padding:70px 5% 100px}
	.network-div .con-area .list-div .list .txt-area .txt-div{width:100%}
}

@media all and (max-width:981px) {
	.title-div{padding-left:0}
	.title-div .title{padding-left:25%; font-size:25px; line-height:30px; word-break:keep-all}
	.title-div .title:before{left:0; width:50px}
	.title-div .txt{margin-top:15px; padding-left:25%; font-size:14px; line-height:20px}
	.title-div .txt2{margin-top:15px; padding-left:25%; font-size:20px; line-height:20px}
	.title-div .txt2 span{padding-right:12px; margin-right:8px}
	.title-div .info-div{margin-top:35px; padding-left:0}
	.title-div .info-div .line{margin-top:10px; padding-top:10px}
	.title-div .info-div .line .left{margin-right:0; padding-right:20px; width:25%; font-size:14px; line-height:20px;}
	.title-div .info-div .line .right{width:75%; font-size:14px; line-height:20px}
	.title-div .info-div .line .right span.tel{font-size:18px}
	.about-div .group-intro{padding-top:95px}
	.about-div .group-intro .content-div{margin:0 auto; background:#fff}
	.about-div .group-intro .content-div .top-area .list-div .list .txt-area .tit{font-size:25px; line-height:31px;}
	.about-div .group-intro .content-div .top-area .list-div .list .txt-area .txt{font-size:16px; line-height:25px; margin-top:20px;}
	.about-div .group-intro .content-div .bottom-area{padding-bottom:180px; background-size:100% auto}
	.about-div .group-intro .content-div .bottom-area .list-div{margin-top:70px}
	.about-div .group-intro .content-div .bottom-area .list-div .list{margin:45px 0 0; word-break:keep-all}
	.about-div .group-intro .content-div .bottom-area .list-div .list:nth-child(3){margin:45px 0 0; padding:80px 0 95px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area{padding:0; width:25%; font-size:18px; line-height:1}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area:after{display:none}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area br{display:none}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area{width:75%}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit1{font-size:27px; line-height:33px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit2{font-size:22px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit3{font-size:24px; line-height:28px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .txt{margin-top:20px; font-size:16px; line-height:25px;}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .txt br{display:none}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .img{margin-top:25px}
	.organization-div{padding-bottom:60px}
	.organization-div.pd{padding-top:70px;}
	.organization-div .top-area{padding-top:100px}
	.organization-div .con-area{margin:60px auto 0}
	.organization-div .con-area img.pc{display:none}
	.organization-div .con-area img.mob{display:inline}
	.director-div{padding-bottom:80px}
	.director-div .con-area{padding-top:100px}
	.director-div .con-area .list{margin-top:70px}
	.director-div .con-area .list .sub-tit{font-size:24px; margin-bottom:15px}
	.director-div .con-area .list .people{position:relative; height:270px}
	.director-div .con-area .list .people:after{content:''; display:block;}
	.director-div .con-area .list .people .img-area{height:470px; margin-bottom:15px}
	.director-div .con-area .list .people .img-area img{height:100%}
	.director-div .con-area .list .people .name{font-size:20px}
	.director-div .con-area .list .people .duty{margin:8px 0 13px; font-size:13px; line-height:18px}
	.director-div .con-area .list .people .info li{margin-top:5px; font-size:11px; line-height:15px}
	.director-div .con-area .list .people-list .people .img{height:270px; margin-bottom:15px}
	.director-div .con-area .list .people-list .people .img img{width:200px}
	.director-div .con-area .director-list{margin-top:50px}
	.director-div .con-area .director-list .list-area.two{margin-top:35px}
	.director-div .con-area .director-list .list-area .sub-tit{font-size:24px; padding-bottom:15px}
	.director-div .con-area .director-list .list-area .list{padding:15px 0}
	.director-div .con-area .director-list .list-area .list .name{font-size:20px; width:90px; padding-right:15px}
	.director-div .con-area .director-list .list-area .list .info-area .duty{font-size:13px}
	.director-div .con-area .director-list .list-area .list .info-area .info{margin-top:10px}
	.director-div .con-area .director-list .list-area .list .info-area .info li{margin-top:5px; font-size:11px; line-height:15px}
	.history-div .top-area{padding-top:100px}
	.history-div .con-area{margin:65px auto 0}
	.history-div .con-area .swiper-history .swiper-slide{width:179px}
	.history-div .con-area .swiper-history .swiper-slide .thumb{width:179px; height:101px}
	.history-div .con-area .swiper-history .swiper-slide .txt{margin-top:9px; font-size:15px; line-height:20px}
	.history-div .con-area .swiper-history .swiper-slide .year{margin-top:8px}
	.history-div .con-area .swiper-history .swiper-slide .year span{font-size:30px; line-height:22px}
	.history-div .con-area .swiper-history .swiper-slide .year span:first-child{padding-right:20px}
	.history-div .con-area .swiper-history .swiper-slide .year span:first-child:after{width:10px}
	.history-div .con-area .swiper-history .swiper-slide .year span.kor{font-size:25px; line-height:22px}
	.history-div .con-area .hidden-area{height:210px}
	.history-div .con-area .history-content{padding:220px 0 50px 30px}
	.history-div .con-area .history-content .tab-content .year-list{margin-top:50px}
	.history-div .con-area .history-content .tab-content .year-list .year{float:none; width:100%; font-size:22px; line-height:18px}
	.history-div .con-area .history-content .tab-content .year-list .cont{float:none; width:100%; margin-top:20px; padding-left:0;}
	.history-div .con-area .history-content .tab-content .year-list .cont .list{padding:10px 0}
	.history-div .con-area .history-content .tab-content .year-list .cont .list:first-child{padding:0 0 10px}
	.history-div .con-area .history-content .tab-content .year-list .cont .list .month{padding-right:10px; width:30px;}
	.history-div .con-area .history-content .tab-content .year-list .cont .list .text{width:calc(100% - 30px)}
	.history-div .con-area .history-content .tab-content .year-list .cont .list .text p{margin-top:10px; word-break:keep-all}
	.ceo-div .top-area{padding-top:100px}
	.ceo-div.greet .con-area{margin-top:70px}
	.ceo-div.profile .con-area{margin-top:100px}
	.ceo-div.greet .con-area .ceo-img{top:-20px; width:400px}
	.ceo-div.profile .con-area .ceo-img{top:-20px; width:400px}
	.ceo-div .con-area .txt-area{padding:40px 0 60px 210px; min-height:auto}
	.ceo-div .con-area .txt-area .greet{font-size:16px; line-height:25px}
	.ceo-div .con-area .txt-area .sign{margin-top:30px; font-size:14px; padding-right:120px; background-size:auto 25px}
	.ceo-div .con-area .txt-area .sign span{margin-top:10px; font-size:20px; line-height:1}
	.ceo-div .con-area .txt-area .list-tit{font-size:20px; margin-top:40px}
	.ceo-div .con-area .txt-area .duty{margin-top:10px; font-size:13px}
	.ceo-div .con-area .txt-area .list-div{margin-top:20px}
	.ceo-div .con-area .txt-area .list-div .list{padding:14px 0;}
	.ceo-div .con-area .txt-area .list-div .list:first-child{padding:0 0 12px}
	.ceo-div .con-area .txt-area .list-div .list .year{font-size:16px; width:50px; padding-right:15px}
	.ceo-div .con-area .txt-area .list-div .list .cont{width:calc(100% - 50px); font-size:16px; line-height:18px; letter-spacing:-1px;}
	.ceo-div .con-area .txt-area .list-div .list .cont p:nth-child(n+2){margin-top:13px}
	.network-div .top-area{padding-top:100px}
	.network-div .top-area .local-image{margin:60px auto 0}
	.network-div .top-area .local-image #image-map2{display:block}
	.network-div .con-area{padding:60px 0 0}
	.network-div .con-area .list-div{padding-bottom:50px}
	.network-div .con-area .list-div .list .img-area{height:300px}
	.network-div .con-area .list-div .list .txt-area:nth-child(2n-1){padding:35px 5% 50px}
	.network-div .con-area .list-div .list .txt-area:nth-child(2n){padding:35px 5% 50px}
	.network-div .con-area .list-div .list:last-child .txt-area{padding-bottom:0}
	.network-div .con-area .list-div .list .txt-area .txt-div .name{font-size:18px}
	.network-div .con-area .list-div .list .txt-area .txt-div .tit{margin-top:10px; font-size:22px; line-height:28px}
	.network-div .con-area .list-div .list .txt-area .txt-div .txt{margin-top:10px; font-size:16px; line-height:25px; letter-spacing: -1px;}
	.network-div .con-area .list-div .list .txt-area .txt-div .info{margin-top:25px; padding-left:10px}
	.network-div .con-area .list-div .list .txt-area .txt-div .info li{font-size:13px; line-height:18px; margin-top:7px}
	.network-div .con-area .list-div .list .txt-area .txt-div .info li span{margin-right:2px}
	.network-div .con-area .list-div .list .txt-area .txt-div .info li .tel{cursor:pointer}
	.network-div .con-area .state-area{margin-top:0; padding:0 0 65px; height:auto}
	.network-div .con-area .state-area .inner-guide > div{padding:40px 0 0}
	.network-div .con-area .state-area .inner-guide > div .tit{font-size:15px}
	.network-div .con-area .state-area .inner-guide > div .type-list{margin-top:25px}
	.network-div .con-area .state-area .inner-guide > div .type-list .list{font-size:13px; line-height:18px; height:auto}
	.network-div .con-area .state-area .inner-guide > div .type-list .list span{margin-bottom:20px; font-size:36px; line-height:26px; letter-spacing:-1.4px}
	.network-div .con-area .state-area .inner-guide .bank{width:100%; display:block; overflow:hidden; border-right:none}
	.network-div .con-area .state-area .inner-guide .card{width:100%; display:block; overflow:hidden; border-right:none}
	.network-div .con-area .state-area .inner-guide .wooriam{width:100%; display:block}
	.network-div .con-area .state-area .inner-guide .bank .type-list .list{width:150px}
	.network-div .con-area .state-area .inner-guide .card .type-list .list{width:150px}
	.network-div .con-area .state-area .inner-guide .wooriam .type-list .list{width:150px}
	.network-div .con-area .map-area .map-guide .global-tab{display:table; width:90%; top:-20px; }
	.network-div .con-area .map-area .map-guide .global-tab a{display:table-cell; vertical-align:middle; padding:0 10px; width:auto; height:40px; font-size:12px; line-height:18px; float:none}
	.network-div .con-area .map-area .map-guide .area .map-title{font-size:11px; bottom:20px}
	.network-div .con-area .map-area .map-guide .area .info-div{padding:30px 0 150px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .head{font-size:15px; line-height:30px; border-bottom:2px solid #000}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all{padding:15px; top:32px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a{margin-right:10px; padding:3px 6px; width:calc(33% - 10px); height:24px; font-size:13px; line-height:18px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a.on{padding:1px 6px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(4n){margin-right:10px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(3n){margin-right:0}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(n+4){margin-top:10px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all span img{width:18px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country{margin-top:30px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .title-area{padding-bottom:10px; font-size:18px; line-height:30px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .title-area span img{width:50px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div{padding:8px 40px 8px 20px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div.has-accor{background:url('/common/images/network_accor_list_open.png') no-repeat right 10px center; background-size:20px auto}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div.has-accor.open{background:url('/common/images/network_accor_list_close.png') no-repeat right 10px center; background-size:20px auto}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area{width:calc(50% + 10px); padding-right:30px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .name{font-size:15px; line-height:20px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .type{padding:0 6px; margin-left:6px; height:20px; font-size:12px; line-height:20px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area .url{margin-left:0; font-size:12px; height:20px; line-height:20px; padding:0 18px 0 5px; background-size:8px auto; background-position:right 5px top 50%}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area{width:calc(50% - 10px)}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl{margin-top:5px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl dt{font-size:13px; line-height:16px; width:60px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area dl dd{font-size:12px; line-height:16px;; width:calc(95% - 70px)}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor{padding:5px 5px 5px 20px; max-height:300px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .mCSB_scrollTools .mCSB_draggerContainer{bottom:10px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list{margin-right:25px; padding:10px 0}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .left-area{padding-right:30px; width:50%; font-size:13px; line-height:16px}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area{width:50%)}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area ul li{margin-top:5px; padding-left:9px; font-size:12px; line-height:16px; text-indent:-3px}
	.ci-div .top-area{padding-top:95px}
	.ci-div.no-tab .top-area{padding-top:70px}
	.ci-div .con-area{margin:60px auto 0;}
	.ci-div .con-area .rule-list{margin-top:50px}
	.ci-div .con-area .rule-list .tit{width:25%; padding-right:10px; font-size:18px; line-height:24px; letter-spacing:-1.2px; word-break:keep-all}
	.ci-div .con-area .rule-list .txt{width:75%; font-size:16px; line-height:25px; letter-spacing:-1px;}
	.ci-div .con-area .rule-list .txt span{padding-left:16px; text-indent:-16px}
	.ci-div .con-area .ci-type-title{font-size:16px}
	.ci-div .con-area .bg-inner{margin-top:15px; padding:50px 0}
	.ci-div .con-area .ci-type-title{margin:20px auto 0}
	.ci-div .con-area .ci-list-div{margin:15px auto 0}
	.ci-div .con-area .ci-list-div .list .info{margin-top:12px; font-size:14px; padding-bottom:30px}
	.ci-div .con-area .ci-list-div .list .ci-type span img{height:70px}
	.ci-div .con-area .ci-down-btn span{background:url('/common/images/m_ci_down_btn_icon.png') no-repeat right center; background-size:16px;}/* 2019-01-14 추가 */
	.loca-div .top-area{padding-top:95px}
	.loca-div.no-tab .top-area{padding-top:70px}
	.loca-div .con-area{margin:60px auto 0; padding:0 5% 50px}

}

@media all and (max-width:768px) {
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area{font-size:16px}
	.ceo-div.greet .con-area .ceo-img{position:relative; width:100%; top:0}
	.ceo-div.profile .con-area .ceo-img{position:relative; width:100%; top:0}
	.ceo-div .con-area .txt-div{padding-left:0; width:100%}
	.ceo-div .con-area .txt-area{padding:30px 5% 50px}
	.network-div .top-area .local-image .default{display:none}
	.network-div .top-area .local-image #image-map{display:none}
	.network-div .top-area .local-image .slide{display:none !important;}
	.network-div .top-area .local-image .mob-default{display:block;}
	.network-div .top-area .local-image .mob-default img{width:100%;}
	.network-div .top-area .local-image .mob-default .img2{display:none;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a{width:calc(50% - 5px);}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(n+3){margin-top:10px;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(3n){margin-right:10px;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .select-div .select-all a:nth-child(2n){margin-right:0;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div{padding:8px 50px 8px 20px;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .left-area{float:none; padding-right:0; width:100%;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div .right-area{float:none; margin-top:15px; width:100%;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .left-area{float:none; padding-right:0; width:100%;}
	.network-div .con-area .map-area .map-guide .area .info-div .accor-div .accor-list .country .office-list .office .open-div-accor .open-accor-list .right-area{float:none; margin-top:15px; width:100%;}
	.director-div .con-area .list .people .img-area{height:350px;}
	.director-div .con-area .list .people .people-info-area{width:100%; padding-left:0;}
	.director-div .con-area .list .people-list .people{width:100%; margin-right:0; float:none;}
	.director-div .con-area .list .people-list .people:nth-child(n+2){margin-top:50px;}
	.director-div .con-area .list .people-list .people .img{height:240px;}
	.director-div .con-area .list .people-list .people .img img{width:190px;}
	.director-div .con-area .director-list .list-area .list{width:100% !important;}
	/*.ci-div .con-area .top-ci img.mob{display:inline; width:100%;}*/
	/*.ci-div .con-area .top-ci img.pc{display:none;}*/
	.ci-div .con-area .ci-list-div .list{width:49%; margin-right:2%;}
	.ci-div .con-area .ci-list-div .list:nth-child(2n){margin-right:0;}
	.ci-div .con-area .ci-list-div .list .ci-type span img{height:90px;}
}
@media all and (max-width:751px){
 .director-div .con-area .director-list .list-area .list{ border-bottom:1px solid #e3e3e3;}
}
@media all and (max-width:500px) {
	.ceo-div .con-area .txt-area .greet span{margin-top:16px; line-height:25px; letter-spacing:-1px;}
	.ceo-div .con-area .txt-area .greet span br{display:none;}
	.about-div .group-intro .content-div .bottom-area{padding-bottom:80px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area{font-size:11px; line-height:15px}
	.about-div .group-intro .content-div .bottom-area .list-div .list .left-area b{display:inline}
	.about-div .group-intro .content-div .bottom-area .list-div .list .right-area .tit1 br{display:none}
	.network-div .con-area .list-div .list .img-area{height:220px}
	.network-div .con-area .state-area .inner-guide .bank .type-list .list{width:105px}
	.network-div .con-area .state-area .inner-guide .card .type-list .list{width:105px}
	.network-div .con-area .state-area .inner-guide .wooriam .type-list .list{width:105px}
	.director-div .con-area .list .people .img-area{height:210px}
	.director-div .con-area .list .people-list .people .img{height:180px}
	.director-div .con-area .list .people-list .people .img img{width:auto; height:170px; max-width:280px}
	.director-div .con-area .list .people-list .people.no .img img{height:auto; max-width:none}
	.ci-div .con-area .ci-list-div .list .ci-type span img{height:60px}

	.title-div .txt{font-size:15px; line-height:25px;}
	.organization-div.pd{padding-top:40px;}
	.organization-div .con-area .ta-r{font-size:13px;}

}