@charset "utf-8";
/* @import url(font.css); */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select,textarea{font-family: 'Noto Sans KR', sans-serif; font-size:15px;color:#000; }
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; max-width:100%;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{text-indent: -9999px; top: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand {display: none;}
select {background:#fff url('/pub/images/ico_bull.png') calc(100% - 10px) center no-repeat; border:none; height:50px; padding-left:18px; font-size:16px; color:#111111;  }
select option {}

input[type='text'],input[type='password'] {height:50px; padding:0 0 0 10px; border:none; width:100%;}


/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search'],select,textarea{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
.skipNav { position:absolute; left:0; right:0; top:0; width:100%; text-align:center; z-index:10000;}
.skipNav a { display:block; color:#fff; height:1px; overflow:hidden;}
.skipNav a:focus,
.skipNav a:active { height:30px; line-height:30px; background:#da131a; color:#fff !important; font-size:110%; }

::-webkit-input-placeholder {  color: #666666; font-weight: normal; font-size: 16px;  font-weight: 400; }
:-moz-placeholder { color: #666666; opacity: 1; font-weight: normal; font-size: 16px;  font-weight: 400;  }
::-moz-placeholder {  color: #666666; opacity: 1; font-weight: normal; font-size: 16px;  font-weight: 400; }
:-ms-input-placeholder {  color: #666666; font-weight: normal;font-size: 16px; font-weight: 400 }

.robo {font-family: 'Roboto', sans-serif;}
* {box-sizing:border-box;}

.ir{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.mob {display: none;}


.head {position: absolute; left:0; top:0; width: 100%; z-index:100;}
.head .inner {position: relative;  margin:0 auto;}
.head .inner .h1Logo {position: absolute; left:30px; top:23px;}
.head .inner .h1Logo h1 a{display: block; text-indent:-999em; width:177px; height:43px; background:url('/pub/images/h1Logo.png') no-repeat;}
.head .inner .h2Logo {position: absolute; left:30px; top:23px;}
.head .inner .h2Logo h1 a{display: block; text-indent:-999em; width:177px; height:43px; background:url('/pub/images/h1Logo2.png') no-repeat;}
.head .inner .btnLang {position: absolute; right:0; top:0; background:#282780; text-align: center; z-index: 30;}
.head .inner .btnLang > a {display: block; background:url('/pub/images/ico_gb.png') center 14px no-repeat; padding-top:62px; width:90px; height: 90px; color:#fff;  font-size:15px; line-height:15px; font-weight:700;}
.head .inner .btnLang.active .btn {display:block;}
.head .inner .btnLang .btn {position: absolute; left:0; bottom:-50px; width: 100%; background:#282780; display: none;}
.head .inner .btnLang .btn a {display: block; height:40px; line-height:40px; text-align: center; color:#bbbbff;}
.head .inner .btnLang .btn a:hover {background:#18174c; color:#fff;}
.head #gnb {position: relative; padding-top:37px; font-size: 0; text-align: center;  max-width:1000px; margin:0 auto; z-index: 30;}
.head #gnb .in {max-width:1000px; margin:0 auto; text-align: center;}
.head #gnb .in > ul {display: inline-block; vertical-align: top;}
.head #gnb .in > ul:after {content:''; display: block; clear:both;}
.head #gnb .in > ul > li {position: relative; display: inline-block; margin-left:140px; padding:0 10px; vertical-align: top;}
.head #gnb .in > ul > li:first-child {margin-left: 0; margin-right: 5px;} /* 20200206 edit jeejin 50px => 5px */
.head #gnb .in > ul > li > .tit a {font-size: 26px; line-height:19px; display: inline-block; vertical-align: top; font-weight:700; color:#111; padding-bottom:35px; position: relative; z-index:12;} /* 19px => 22px º¯°æ*/
.head #gnb .in > ul > li > .tit a:hover {border-bottom:3px solid #282780; color:#282780; padding-bottom:32px;}
.head #gnb .in .list {position: absolute; left:0; top:0; width: 100%;z-index: 10; display: none;}
.head #gnb .in .list > ul {padding-top:90px; text-align: left; }
.head #gnb .in .list > ul > li {margin-bottom:20px;white-space:nowrap;}
.head #gnb .in .list > ul > li > a {font-size:18px; line-height:17px; color:#111111; font-weight:300; display: inline-block; vertical-align: top; padding-bottom:6px; font-weight:500;} /*17px => 18px*/
.head #gnb .in .list > ul > li > a:hover {padding-bottom:5px; border-bottom:1px solid #282780;}
.head #gnb .in .list > ul > li > a span.blank {padding-right:20px; background:url('/pub/images/ico_blank.png') right center no-repeat; display: block;}
.head #gnb .in .list > ul > li > ul {margin-top: 10px; text-align: left;  padding-left: 10px;} /*  border-left: 1px solid #dddddd; »èÁ¦*/
.head #gnb .in .list > ul > li > ul li {margin-bottom: 10px;}
.head #gnb .in .list > ul > li > ul li a {font-size: 14px; color:#111; ;} /* 13px => 14px*/
.head #gnb .in .list > ul > li > ul li a:hover { text-decoration: underline;}
.head #gnb .in .list > ul.type1 {text-align: center;}
.head #gnb .in .list > ul.type1 .leftMove {margin-right: 18px;}
.head #gnb .in .list > ul > li > ul.type2 {margin-left: 30px;}
.head:after {content:''; position: absolute; left:0; top:90px; width: 100%; height:530px; background:#fff; border-top:1px solid #e4e4e4;   border-bottom:1px solid #e4e4e4;display: none;}
.head.open {background:#fff;}
.head.open .inner .h1Logo h1 a{background:url('/pub/images/h1Logo2.png') no-repeat;}
.head.open #gnb .in { height:345px;}
.head.open #gnb .in > ul > li > .tit a {color:#111111;}
.head.open #gnb .in .list {display: block;}
.head.open:after  {display: block;}

.mainVisual {position: relative;}
.mainVisual img {width:100%;}
.mainVisual .bx-controls {position: absolute; left:15.5%; top:68%;  text-align: left; width:1300px; z-index: 10; color:#fff;}
.mainVisual .bx-controls .bx-pager {float:left; }
.mainVisual .bx-controls .bx-pager div {display: inline-block;}
.mainVisual .bx-controls .bx-pager div a {display: inline-block; width:20px; height:20px; text-indent:-999em; margin-right:15px; background:rgba(255,255,255,.5); border-radius:50%}
.mainVisual .bx-controls .bx-pager div a.active {background:#f15c22;}
.mainVisual .bx-controls .bx-controls-auto {display: inline-block;}
.mainVisual .bx-controls .bx-controls-auto div{display: inline-block;}
.mainVisual .bx-controls .bx-controls-auto div a {display: inline-block; width:22px; height: 20px; text-indent:-999em; margin-right:10px;}
.mainVisual .bx-controls .bx-controls-auto div a.active {display: none;}
/* .mainVisual .bx-controls .bx-controls-auto div a.active{display: inline-block;} */ 
.mainVisual .bx-controls .bx-controls-auto div .bx-start { background:url('/pub/images/ico_play.png') center no-repeat;}
.mainVisual .bx-controls .bx-controls-auto div .bx-stop {background:url('/pub/images/ico_stop.png') center no-repeat;}

.mainMiddle  .middleSlide{background:#efefef;}
.mainMiddle .slide {max-width:1300px; margin:0 auto; position: relative; top:-80px; }
.mainMiddle .slide ul {overflow:hidden;}
.mainMiddle .slide li {float:left;}
.mainMiddle .slide li:not(.bx-clone) { transform:translate(0,150px); opacity:0; transition:1s opacity,1s transform;}
.mainMiddle .slide li a {display: block; position: relative; padding:20px; width:310px; height:300px; overflow:hidden; background:#fff;}
.mainMiddle .slide li a .noti {margin-bottom:25px;}
.mainMiddle .slide li a .noti span {color:#00418f; font-size:16px; display: inline-block; width:100px; height: 30px; line-height: 30px; text-align: center; background:#fff; }
.mainMiddle .slide li.white a {background:#282780;}
.mainMiddle .slide li.white a .title {color:#fff;}
.mainMiddle .slide li.white a .text {color:#fff;}
.mainMiddle .slide li.purple a .noti span {background:#282780; color:#fff;}
.mainMiddle .slide li.sky a .noti span {background:#0043a2; color:#fff;}
.mainMiddle .slide li.orange a .noti span {background:#d83c00; color:#fff;}

body.load .mainMiddle .slide li:not(.bx-clone) {transform:translate(0,0); opacity:1;}

.mainMiddle .slide li a .title {font-size:21px; color:#333333; font-weight:700; margin-bottom:20px; word-break: keep-all;}
.mainMiddle .slide li a .text {font-size:16px; color:#666666; font-weight:300;  line-height:23px;}
.mainMiddle .slide li a .date {position: absolute; right:20px; bottom:20px; font-size:14px; line-height:14px; color:#666666; font-weight:300; text-align: right;}

.mainMiddle .bx-controls-direction {}
.mainMiddle .bx-controls-direction a {position: absolute; top:50%; margin-top:-25px; text-indent:-999em; width:27px ;height:50px;}
.mainMiddle .bx-controls-direction a.bx-prev {left:-77px; background:url('/pub/images/leftArrow2.png') no-repeat;}
.mainMiddle .bx-controls-direction a.bx-next {right:-77px; background:url('/pub/images/icoRight2.png') no-repeat;}


.mainBis {background:url('/pub/images/bgMiddle2.png') center no-repeat; background-size:cover; height: 440px; background-attachment:fixed;}
.mainBis .box {max-width:1200px; margin:0 auto; }
.mainBis .box .tit01 {padding:105px 0 20px 0; font-size:48px; color:#fff; font-weight:700;}
.mainBis .box .tit02 {font-size:19px; color:#fff; font-weight:300; line-height:30px; margin-bottom:45px;}
.mainBis .box .tit03 a {display: inline-block; width:150px; height:45px; line-height:45px; background:#fff; font-size:17px; color:#000000; font-weight:300; text-align: center; border-radius:20px;}

.mainMember  {position: relative; height:440px; background:url('/pub/images/bgMembers.png') center no-repeat; background-size:cover;}
.mainMember .img {position: absolute; left:0; top:0; width: 100%; display: none;}
.mainMember .box {position: relative; z-index: 10; max-width:1300px; margin:0 auto; overflow:hidden;}
.mainMember .box:after {content:''; display: block; clear:both;}
.mainMember .box .in {float:right; padding-right: 35px;;}
.mainMember .box .in .tit01 {padding:105px 0 20px 0; font-size:48px; color:#111111; font-weight:700;}
.mainMember .box .in .tit02 {font-size:19px; color:#634c45; font-weight:300; line-height:30px; margin-bottom:45px;}
.mainMember .box .in .tit03 a {display: inline-block; width:150px; height:45px; line-height:45px; background:#634c45; font-size:17px; color:#fff; font-weight:300; text-align: center; border-radius:20px;}

.cyberCenter {padding:85px 0;}
.cyberCenter .in {position: relative; max-width:1300px; margin:0 auto; }
.cyberCenter .in .title {font-size:48px; line-height:48px; font-weight:700; color:#111111; text-align: center; margin-bottom:50px;}
.cyberCenter .in ul:after {content:''; display: block; clear:both;}
.cyberCenter .in ul {margin-left:-3.3%;}
.cyberCenter .in ul li {float:left; width:30%; margin-left:3.3%;}
.cyberCenter .in ul li .img {margin-bottom:30px;}
.cyberCenter .in ul li .textWrap {position: relative; font-size:19px; font-weight:700; color:#111111;}
.cyberCenter .in ul li .textWrap .txt {margin-bottom:5px;}
.cyberCenter .in ul li .textWrap .tel {color:#282780;}
.cyberCenter .in ul li .textWrap .moreMain {position: absolute; right:0; top:5px; text-indent:-999em; width:12px; height:12px; background:url('/pub/images/ico_more.png') no-repeat;}
.cyberCenter .in .etcMore {font-size:19px; line-height:19px; font-weight:700; color:#111111; position: absolute; right:0; top:20px; padding-right:23px; background:url('/pub/images/ico_more.png') right center no-repeat;  }

.mainBoard {padding:70px 0; background:#cfe1f5;}
.mainBoard .in {max-width:1300px; margin:0 auto;}
.mainBoard .in:after {content:''; display: block; clear:both;}
.mainBoard .in .box {position: relative; float:left; height:400px; padding:30px;}
.mainBoard .in .box .more {position: absolute; right:0; top:35px; text-indent:-999em; width:12px; height:12px; background:url('/pub/images/ico_more.png') no-repeat;}
.mainBoard .in .box .title {font-size:24px; line-height:24px; font-weight:500; color:#111111; margin-bottom:15px;}
.mainBoard .in .box .img {display: block; }
.mainBoard .in .box.prData {padding-right: 0;  width:30.7%;  background:#ffffff;}
.mainBoard .in .box.smart {width:38.6%;  background:#ffffff;}
.mainBoard .in .box.last {width:30.7%; padding:0;}
.mainBoard .in .box.last .sys {height:200px; padding:30px 0 0 30px; background:url('/pub/images/bgPr3.png') no-repeat; background-size:cover;}
.mainBoard .in .box.last .sys .tit01 {font-size:24px; line-height:24px; font-weight:500; color:#111111; margin-bottom:15px;}
.mainBoard .in .box.last .sys .tit02 {font-size:17px; line-height:17px; font-weight:500; color:#666666; margin-bottom:40px;}
.mainBoard .in .box.last .sys .tit03 a{display: inline-block; border-radius:30px; width:180px; height:45px; line-height:45px; font-size:17px; font-weight:300; color:#fff; text-align: center; background:#D83C00;}
.mainBoard .in .box.last .sys .tit03 a span {display: inline-block; padding-right:37px; background:url('/pub/images/ico_blank2.png') center right no-repeat;}
.mainBoard .in .box.last .telBox {position: relative; padding:35px 30px 0 30px; height:200px; background:url('/pub/images/bgPr5.png') center right no-repeat; background-size:cover; }
.mainBoard .in .box.last .telBox:after {content:''; position: absolute; right:30px; top:30px; width:57px; height:70px; /* background:url('/pub/images/bgPr4_m.png')*/ no-repeat; background-size:67px auto;}
.mainBoard .in .box.last .telBox .tit01 {font-size:24px; color:#ffffff; font-weight:500; line-height:24px; margin-bottom:20px;}
.mainBoard .in .box.last .telBox .tit02 {font-size:16px; color:#ffffff; line-height:16px; margin-bottom:20px; opacity:.7}
.mainBoard .in .box.last .telBox .links {padding:17px 0 17px 17px; background:rgba(0,0,0,.3);}
.mainBoard .in .box.last .telBox .links:after {content:''; display: block; clear:both;}
.mainBoard .in .box.last .telBox .links a {position: relative; float:left; font-size:15px; line-height:15px; color:#fff; font-weight:300; padding-left:15px; margin-left:15px;}
.mainBoard .in .box.last .telBox .links a:after {content:''; position: absolute; left:0; top:50%; width:1px; background:#838aa4;height:12px; margin-top:-6px;}
.mainBoard .in .box.last .telBox .links a:first-child {padding-left:0; margin-left:0;}
.mainBoard .in .box.last .telBox .links a:first-child:after {display: none;}
.mainBoard .bx-controls {position: absolute; right:30px; top:35px;  text-align: left;  z-index: 100; color:#fff;}
.mainBoard .bx-controls .bx-pager {float:left; }
.mainBoard .bx-controls .bx-pager div {display: inline-block;}
.mainBoard .bx-controls .bx-pager div a {display: inline-block; width:16px; height:16px; text-indent:-999em; margin-right:10px; background:#dadbdb; border-radius:50%}
.mainBoard .bx-controls .bx-pager div a.active {background:#f15c22;}
.mainBoard .bx-controls .bx-controls-auto {display: inline-block;}
.mainBoard .bx-controls .bx-controls-auto div{display: inline-block;}
.mainBoard .bx-controls .bx-controls-auto div a {display:inline-block; width:15px; height: 16px; text-indent:-999em; margin-right:10px;}
.mainBoard .bx-controls .bx-controls-auto div a.active {display: none;}
.mainBoard .bx-controls .bx-controls-auto div .bx-start { background:url('/pub/images/ico_play2.png') center no-repeat;}
.mainBoard .bx-controls .bx-controls-auto div .bx-stop {background:url('/pub/images/ico_stop2.png') center no-repeat;}


.footSlide {padding:35px 0;}
.footSlide .in {max-width:1300px; position: relative; margin:0 auto;}
.footSlide .in ul li a {display: block; width:210px; height:75px; border:1px solid #dddddd;}
.footSlide .in .bx-controls-direction {}
.footSlide .in .bx-controls-direction a {position: absolute; top:50%; margin-top:-15px; text-indent:-999em; width:17px ;height:31px;}
.footSlide .in .bx-controls-direction a.bx-prev {left:-48px; background:url('/pub/images/leftArrow3.png') no-repeat;}
.footSlide .in .bx-controls-direction a.bx-next {right:-48px; background:url('/pub/images/icoRight3.png') no-repeat;}



.footer {background:#10183d; padding:50px 0; text-align: center;  }
.footer .mobAddr {display: none;}
.footer .addrBox { margin-bottom:40px;}
.footer .addrBox .link {margin-bottom:30px;}
.footer .addrBox .link a {display: inline-block; font-size:16px; color:#ffffff; line-height:16px; vertical-align: top;}
.footer .addrBox .link a:last-child {position: relative; padding-left: 15px; margin-left:13px;}
.footer .addrBox .link a:last-child:after {content:''; position: absolute; left:0; top:50%; margin-top:-6px; width: 1px; height:12px; background:#dfe0e5;}
.footer .addrBox .link a:last-child strong {color:#fff774; font-weight:700;}
.footer .addrBox .addr {font-size:15px; line-height:15px; color:#fff; font-weight:300; opacity:.8 }
.footer .addrBox .mobAddr * {color:#ffffff !important;}
.footer .addrBox .addr ul li{position: relative; display: inline-block;  vertical-align: top; margin-left:13px; padding-left:15px; margin-bottom:10px;}
.footer .addrBox .addr ul li:after {content:''; position: absolute; left:0; top:50%; margin-top:-6px; width: 1px; height:12px; background:#dfe0e5;}
.footer .addrBox .addr ul li:first-child {margin-left:0; padding-left: 0;}
.footer .addrBox .addr ul li:first-child:after {display: none;}
.footer .addrBox .addr address {display: block; margin-bottom:10px; }
.footer .inSelect {display: inline-block; position: relative; font-size: 0;}
.footer .inSelect .selectBox {width:320px; height:45px; background:#fff; display: inline-block; vertical-align: middle;}
.footer .inSelect .selectBox:first-child {margin-right:10px;}
.footer .inSelect .selectBox select {width:100%; padding-left:20px; height:45px; text-align: left; font-size:17px;  color:#10183d; background:#fff url('/pub/images/ico_bull.png') calc(100% - 20px) center no-repeat;}
.footer .inSelect .waMark {position: absolute; right:-160px; top:-13px;}

.subTopArea {position: relative;  z-index: 5; background:url(/*'/pub/images/subTop03.png'*/ '/pub/images/subTop03_new.jpg') center top no-repeat; margin-bottom:90px;  background-size:cover !important;}
.subTopArea.business { background:url('/pub/images/subTop01_new.jpg') center top no-repeat;}
.subTopArea.member { background:url('/pub/images/subTop02_new.jpg') center top no-repeat;}
.subTopArea.notice { background:url('/pub/images/subTop04_new.jpg') center top no-repeat;}
.subTopArea.user { background:url('/pub/images/subTop03_new.jpg') center top no-repeat;}
.subTopArea.about { background:url('/pub/images/subTop05_new.jpg') center top no-repeat;}
.subTopArea .h2Box {text-align: center; padding-top:200px; height:390px;}
/*.subTopArea .h2Box h2 {font-size:50px; line-height:50px; color:#fff; font-weight:700; }*/
.subTopArea .h2Box h2 {font-size:50px; line-height:50px; color:#111; font-weight:700; }


.subTopArea .lnbArea {border-bottom:1px solid #e5e5e5;; background:#fff;}
.subTopArea .lnbArea .in{max-width:1300px; margin:0 auto;  position: relative;}

.subTopArea .lnbWrap {position: relative;margin:0 auto; height:65px; }
.subTopArea .lnbWrap:focus ul {display: block; }

.subTopArea .lnbWrap .btnHome {float:left; width:70px; height: 65px; background:url('/pub/images/ico_home.png') center no-repeat; text-indent:-999em; border-left:1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.subTopArea .lnbWrap .lnbList {position: relative; float:left; width:290px; margin-left:-1px;}
.subTopArea .lnbWrap .lnbList p a {position: relative; cursor:pointer; display: block; letter-spacing:-0.05em;font-size: 16px;   height: 65px; line-height:65px; padding-left: 30px; color:#111111; border-right:1px solid #e5e5e5;  }
.subTopArea .lnbWrap .lnbList p a:after {content:''; position: absolute; right:30px; top:50%; margin-top:-5px; width: 9px; height:5px; background:url('/pub/images/ico_bull.png') no-repeat;}
.subTopArea .lnbWrap .lnbList ul {position: absolute; left:0; top:65px; width: 100%; background:#fff; border:1px solid #e5e5e5; display:none; z-index: 10;  }

.subTopArea .lnbWrap .lnbList:hover ul {display: block !important; }
.subTopArea .lnbWrap .lnbList ul li {border-top:1px solid #e5e5e5;}
.subTopArea .lnbWrap .lnbList ul li:first-child {border-top:none;}
.subTopArea .lnbWrap .lnbList ul a {display: block; font-size: 16px; letter-spacing:-0.05em; height: 65px; line-height:65px; padding-left: 30px; color:#111111; }
.subTopArea .lnbWrap .lnbList ul a:hover {background:#f8f8f8;}
.lnbWrap.active:after {display: block;}
.lnbWrap.active .lnbList {display: block;}
.lnbWrap.active .lnbList {display: block;}


.subTopArea .lnbArea .in .btnLink {position: absolute; right:0; top:0;}
.subTopArea .lnbArea .in .btnLink a {height:65px; line-height:65px; float:left; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.subTopArea .lnbArea .in .btnLink a.partnerGo {font-size:16px; color:#111; padding-right:19px}
.subTopArea .lnbArea .in .btnLink a.partnerGo span {padding-left:29px; background:url('/pub/images/ico_partner.png') left center no-repeat;}
.subTopArea .lnbArea .in .btnLink a.btnPrint {width:65px; display: block; background:url('/pub/images/ico_print.png') center center no-repeat; text-indent:-999em; }

.subContainer {max-width:1300px; margin:0 auto; padding-bottom:100px;}
.h3Wrap {text-align: center; margin-bottom:80px;}
.h3Wrap h3 {font-size:42px; line-height:42px; color:#111111; font-weight:700;}
.h3Wrap h2 {text-align: right; line-height: 40px; font-size: 20px; font-weight: 300;color:#111111;}



/* popArea */
.popArea {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; display: none; }
.popArea .bg{position: fixed; left:0; top:0;  width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.4);}
.popArea .popCont{position: absolute; left:50%; top:50%; z-index:10; width:600px; margin-left:-300px; margin-top:-200px; background:#fff;}
.popArea .popCont .btnX {position: absolute; right:0; top:-30px; cursor:pointer; width:19px; height:19px; background:url('/pub/images/ico_close.png') no-repeat; text-indent:-999em;}
.popArea .popCont .popHead {height:65px; line-height:65px; text-align: center; font-size:17px; font-weight:500; color:#fff; background:#282780;}
.popArea .popCont .text {text-align: center; font-size:16px; padding:50px 0; font-weight:300;}
.popArea .popCont .inputPw {text-align: center; margin-bottom:58px;}
.popArea .popCont .inputPw .in {display: inline-block;}
.popArea .popCont .inputPw .in:after {content:''; display: block; clear:both;}
.popArea .popCont .inputPw .in label {float:left; font-size:16px; color:#111111; font-weight:500; height:50px; line-height:50px; margin-right:20px;  }
.popArea .popCont .inputPw .in input {float:left; border:1px solid #dddddd; width:310px;}
.popArea .popCont .inputPw .in a {float:left; width:100px; height:50px; line-height:50px; text-align: center; background:#282780; color:#fff; font-size:16px; font-weight:300; margin-left:-1px;}
.popArea .popCont .btnReturn {border-top:1px solid #dddddd;; padding:35px 0 30px; text-align: center;}
.popArea .popCont .btnReturn a {display: inline-block; width:160px; height:50px; line-height:50px; background:#eeeeee; border:1px solid #ddd; font-size:16px; color:#666666; font-weight: 300;}


.tabType01 {margin-bottom:30px;}
.tabType01 ul:after {content:''; display: block; clear:both;}
.tabType01 ul li {float:left; width:20%; text-align: center; border:1px solid #dddddd; border-left:none;}
.tabType01 ul li:first-child {border-left:1px solid #dddddd;}
.tabType01 ul li a {display: block; font-size:16px; color:#666666; font-weight:500; height:58px; line-height:58px;}
.tabType01 ul li.active a{background:#282780; color:#fff;}
.tabType01.three ul li {width: 33.333336%;}
.tabType01.four ul li {width: 25%;}
.tabType01.two ul li {width:50%;}


.searchWrap {text-align: center; background:#fafafa; border:1px solid #dddddd; padding:24px 0; margin-bottom:30px;}
.searchWrap .in {display: inline-block;}
.searchWrap .in:after {content:''; display: block; clear:both;}
.searchWrap .in .selectBox {float:left; border:1px solid #dddddd; width:140px; text-align: left; }
.searchWrap .in .selectBox select {width: 100%;}
.searchWrap .in .ip {float:left; width:355px; border-bottom:1px solid #dddddd;; border-top:1px solid #dddddd;;}
.searchWrap .in .ip input {}
.searchWrap .in .btn {float:left; text-align: center; width:100px; }
.searchWrap .in .btn a{display: block; background:#282780; color:#fff; height:50px; line-height:50px; font-size:16px; font-weight:300; }

.totalCount {font-size:16px; line-height:16px; color:#666666; font-weight:300; margin-bottom:20px;}
.totalCount span {font-weight:500; color:#282780;}

.tbType01 {margin-bottom:50px;}
.tbType01 .mobInfo {display: none;}
.tbType01 table {width: 100%;}
.tbType01 table tr.first {background:#fafafa;}
.tbType01 thead th {padding:20px 0; text-align: center; font-size:17px; line-height:17px; color:#111111; font-weight:500; border-top:2px solid #282780;; border-bottom:1px solid #d5d5d5;}
.tbType01 tbody td {padding:26px 0; text-align: center; font-size:16px;  color:#111111; font-weight:300; border-bottom:1px solid #d9d9d9;; }
.tbType01 tbody td .end {color:#666666;}
span.new {display: inline-block; vertical-align: middle; width:65px; height: 25px; line-height:25px; text-align: center; font-size:13px; background:#D83C00; color:#fff;}
span.noti {display: inline-block; vertical-align: middle; width:65px; height: 25px; line-height:25px; text-align: center; font-size:13px; background:#003179; color:#fff;}

/* paging */
.paging  {text-align: center;  font-size: 0;}
.paging .btn { text-indent:-999em;}
.paging .first { background: url('/pub/images/paging01.png') center center no-repeat; margin-left: 0;}
.paging .prev {background: url('/pub/images/paging02.png') center center no-repeat; margin-right:15px; margin-left:-1px;}
.paging .next {  background: url('/pub/images/paging03.png') center center no-repeat; margin-left:15px; margin-right:-1px;}
.paging .last {background: url('/pub/images/paging04.png') center center no-repeat; margin-left: 0;}
.paging a {display: inline-block;  text-align: center; vertical-align: middle; border:1px solid #dddddd; min-width:45px; height:45px; line-height:45px; margin-left:-1px; text-align: center; background:#fff; font-size: 16px; color:#666666;  font-weight:300;}
.paging a.active {background: #282780; color:#fff; border:none;}


.viewType01 {margin-bottom:50px;}
.viewType01 .tit {text-align: center; border-top:2px solid #282780;; border-bottom:1px solid #d9d9d9;; font-size:17px; font-weight:500; color:#111111; padding:28px 10px;}
.viewType01 .content {padding:30px 0; font-size:16px; color:#666666; border-bottom:1px solid #d9d9d9;}
.viewType01 .infoBox {position: relative; background:#fafafa; padding:20px 0; }
.viewType01 .infoBox .left {padding-left: 30px;}
.viewType01 .infoBox .left:after {content:''; display: block; clear:both;}
.viewType01 .infoBox .left div {float:left; font-size:16px; color:#111111; font-weight:300; padding-left:15px; margin-left:15px; position: relative;}
.viewType01 .infoBox .left div:after {content:''; position: absolute; left:0; top:50%; width: 1px; background:#666666; height:15px; margin-top:-7px; }
.viewType01 .infoBox .left div:first-child {margin-left: 0; padding-left: 0;}
.viewType01 .infoBox .left div:first-child:after {display: none;}
.viewType01 .infoBox .left div em {font-weight:500; margin-right:5px;}
.viewType01 .infoBox .right {position: relative; right:30px; top:50%; margin-top:-14px;    text-align: right;}
.btnDown {display: inline-block;}
.btnDown a {display: inline-block;  position: relative; line-height:16px;  padding-bottom:7px; border-bottom:1px solid #666666; font-size:16px; color:#666666; font-weight:300;  }
.btnDown a:after {content:''; position: absolute; left:-23px; top:50%; margin-top:-10px; width:14px; height:14px; background:url('/pub/images/ico_down.png') no-repeat;}

.btnCenter {text-align: center; position: relative;}
.btnCenter .right {position: absolute; right:0; top:0;}
.btnCenter.notPop .right {top:-50px;}
.btnCenter.notPop .right a {background:#111111; color:#fff; width:120px; height:50px; line-height:50px;}
.btnCenter a+a {margin-left:17px;}

.btType01 {display: inline-block; width:200px; height:60px; line-height:60px; color:#666666; border:1px solid #dddddd; font-weight:300; text-align: center; font-size:16px; }
.btType01.blue {background:#282780; color:#fff; border:none;}
.btType01.blueBorder {border:1px solid #282780; color:#282780;}


.infoGray {background:#fafafa; border:1px solid #dddddd; font-size:16px; color:#111111; padding:40px; font-weight:300; margin-bottom:30px;}

.writeType01 {margin-bottom:30px;}
.writeType01 table {border-top:2px solid #282780; width: 100%;}
.writeType01 th {border-bottom:1px solid #d9d9d9; text-align: center; font-size:17px; font-weight:500; color:#111111; padding:25px 0; background:#fafafa; text-align: center;}
.writeType01 .rq {color:#f26730;}
.writeType01 td {border-bottom:1px solid #d9d9d9; font-size:17px;  color:#111111; padding:15px 30px;}
.writeType01 td input {border:1px solid #dddddd; vertical-align: top;}
.writeType01 .select select {width:300px; border:1px solid #dddddd}
.writeType01 textarea {width: 100%; height: 280px; padding:20px; border:1px solid #dddddd; resize:none; vertical-align: top;}
.telWrap:after {content:''; display: block; clear:both;}
.telWrap div {float:left; }
.telWrap div .ip {width:165px;}
.telWrap div.dash {font-size:16px; color:#666666; font-weight: 300; width:18px; text-align: center; line-height:50px; height:50px;}


.autoWrap:after {content:''; display: block; clear:both;}
.autoWrap .img {float:left; margin-right:18px;}
.autoWrap .ipBox {float:left;}
.autoWrap .ipBox .btn a {display: block; width: 120px; height:50px; line-height:50px; background:#666666; color:#fff; font-size:16px; font-weight:300; text-align: center;}
.autoWrap .ipBox .ip input {width:460px;}

.personalBtn {margin-bottom:50px;}

.baseCheck {position: relative; }
.baseCheck input {position: absolute; left:-100%}
.baseCheck label {font-size:16px; line-height:16px; color:#111111; font-weight:300; padding-left: 30px; position: relative; display: inline-block;}
.baseCheck label:after {content:''; position: absolute; left:0; top:50%; margin-top:-9px; width: 18px; height: 18px; border:1px solid #dddddd; }
.baseCheck label span {padding-bottom:5px; border-bottom:1px solid #666666}
.baseCheck input:checked + label:after {background:#fafafa;}
.baseCheck input:checked + label:before {content:''; position: absolute; left:1px; top:0px; z-index: 10; background:url('/pub/images/ico_checkOn.png') center no-repeat; width:18px; height:18px;}



/* tabBase */
.tabBase {box-shadow:3px 3px 3px rgba(0,0,0,.1);  margin:0 auto 30px auto; border:1px solid #dadada;}
.tabBase:after {content:''; display:block; clear:both;}
.tabBase a {float:left; width: 33.33336%; text-align: center; height: 60px;font-weight: 700; line-height: 60px; font-size: 16px; color:#333333; background: #fff;}
.tabBase a.on {background: #006bb7; color:#fff; }
.tabSection  {margin-bottom: 30px;}
.tabSection > div {display: none; border:1px solid red;}
.tabSection > div:first-child {display: block;}


.tbType01.civil tbody td {padding:17px 0; border-left:1px solid #d9d9d9;}
.tbType01.civil tbody td.bl {/*border-left:1px solid #d9d9d9 !important;*/}
.tbType01.civil tbody td.bll {border-left:1px solid #d9d9d9 !important;}
.tbType01.civil tbody tr td:first-child {border-left:none;}
.tbType01.civil .telBox {text-align: left; padding-left: 80px;}


.personalWrap {border:1px solid #dddddd; border-top:2px solid #282780; padding:40px; font-size:16px;color:#111111; font-weight:300;  }
.personalWrap .tit01 {font-weight:500; font-size:17px; margin-bottom:30px;}
.personalWrap .tit02 {margin-bottom:60px;}
.personalWrap .tit03_left {text-align: right;margin-bottom:60px; font-weight:500;}
.personalWrap ul li {margin-bottom:30px;}
.personalWrap ul li .tit {font-weight:500; margin-bottom:5px;}
.personalWrap ul li .link {font-weight:500; }
.personalWrap ul li:last-child{margin-bottom:0;}


.sitempaList {border-top:2px solid #282780; padding-top:45px;}
.sitempaList > ul:after {content:''; display: block; clear:both;}
.sitempaList > ul > li {width:320px; float:left; padding-left: 100px;}
.sitempaList > ul > li > .mainLink {margin-bottom:45px;}
.sitempaList > ul > li > .mainLink a {font-size:24px; color:#282780; font-weight:500;}
.sitempaList .list > ul > li {margin-bottom:18px;}
.sitempaList .list > ul > li > a {font-size:17px; color:#111111; font-weight:500;}
.sitempaList .list > ul > li ul {padding-left:20px; border-left:1px solid #dddddd; margin-top:28px;}
.sitempaList .list > ul > li ul li {margin-bottom:20px;}
.sitempaList .list > ul > li ul li:last-child {margin-bottom: 0;}
.sitempaList .list > ul > li ul li a {font-size:16px; color:#111111; font-weight:300; padding-bottom:5px;}
.sitempaList .list > ul > li ul li a:hover { color:#111111; font-weight:500; padding-bottom:3px; border-bottom:1px solid #111111;}


.greetingWrap .top {position: relative; height:290px; background:url('/pub/images/bgCompany03.png') no-repeat; padding:110px 0 0 505px;}
.greetingWrap .top .tit01 {font-size:24px; line-height:24px; color:#fff; font-weight:300; margin-bottom:20px;}
.greetingWrap .top .tit02 {font-size:42px;  color:#fff; font-weight:500;}
.greetingWrap .top .tit03 {position: absolute; left:-20px; top:-50px;  text-align: center;}
.greetingWrap .top .tit03 .name {font-size:17px; color:#111111; font-weight:300; padding-left:50px;}
.greetingWrap .top .tit03 .name img {vertical-align: bottom; margin-left:5px;}
.greetingWrap .img {position: absolute; top: -81px; left: 0}
.greetingWrap .img p {margin: -92px 0 0 48px; font-size: 17px; text-align: center}
.greetingWrap .img b {font-size: 19px; font-weight: 500; letter-spacing: 4px;}
.greetingWrap .text {padding:50px 0 0 510px; font-size:17px; color:#111111; font-weight:300; word-break:keep-all;}




.introWrap {border-top:2px solid #282780;}
.introWrap .sec {padding:34px 0; border-bottom:1px solid #dddddd; }
.introWrap .sec:last-child {border-bottom:none;}
.introWrap .sec .title {font-size:26px; color:#282780; font-weight:700; margin-bottom:35px;}
.introWrap .sec .imgTb:after {content:''; display: block; clear:both}
.introWrap .sec .imgTb .imgBox {float:left;}
.introWrap .sec .imgTb .imgBox:after {content:''; display: block; clear:both}
.introWrap .sec .imgTb .imgBox .img {float:left;}
.introWrap .sec .imgTb .imgBox .his {float:left; padding:25px 0 0 45px;}
.introWrap .sec .imgTb .imgBox .his .name {font-size:21px; line-height: 21px; color:#111111; font-weight: 500; margin-bottom:15px;}
.introWrap .sec .imgTb .imgBox .his ul li {position: relative; font-size:16px; line-height:16px; margin-bottom:20px; font-weight:300; color:#111111; padding-left:10px;}
.introWrap .sec .imgTb .imgBox .his ul li:after {content:''; position: absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#20251b;}
.introWrap .sec .imgTb .tbBox {padding-left:570px; padding-right:125px;}
.introWrap .sec .imgTb .tbBox table {width:100%; border-top:1px solid #dddddd;}
.introWrap .sec .imgTb .tbBox table th {background:#f8f8f8; border-bottom:1px solid #dddddd; text-align: center; font-size:17px; line-height:17px; font-weight:500; padding:10px 0;}
.introWrap .sec .imgTb .tbBox table td {border-bottom:1px solid #dddddd; font-size:16px; font-weight:300; padding:9px 0 9px 20px; color:#111111;}
.introWrap .sec .hList ul:after {content:''; display: block; clear:both}
.introWrap .sec .hList ul li {float:left; width:12.5%; margin-left:2%; text-align: center;}
.introWrap .sec .hList ul li:first-child {margin-left:0;}
.introWrap .sec .hList ul li .tit01 {font-size:17px; line-height:17px; color:#111111; font-weight:500; margin:20px 0 10px;}
.introWrap .sec .hList ul li .tit02 {font-size:16px; line-height:16px; color:#111111; font-weight:300;}

.organWrap {text-align: center;}

.hisWrap .topInfo {text-align: center; border-top:2px solid #282780;;}
.hisWrap .topInfo .tit {font-size:26px; padding:50px 0 40px 0;  font-weight:700; color:#282780; }
.hisWrap .topInfo .txt {font-size:21px; padding:0 0 100px 0; font-weight:300; color:#000011; }

.hisList .tit {text-align: center; font-size:26px;  font-weight:700; color:#282780; margin-bottom:30px;}
.hisList .state {text-align: center; position: relative; z-index: 10;}
.hisList .state span {display: inline-block; width:110px; height: 110px; line-height:21px; background:#282780; font-size:21px; color:#ffffff; font-weight:500; padding-top:22px; border-radius:50%; }
.hisList .state.past span {background:#0071b8;}
.hisList .state.past.two span {background:#567B00;}
.hisList ul {position: relative; padding-top:45px; width:965px; margin:0 auto;}
.hisList ul:before {content:''; position: absolute; left:50%; top:0; width: 1px; background:#dddddd; height: 100%; }
.hisList ul:after {content:''; display: block; clear:both;}
.hisList ul li {position: relative; float:left; margin-bottom:110px; width:50%; }
.hisList ul li.right {float:right; margin-left: 50%;}
.hisList ul li .in {position: relative;}
.hisList ul li .in:after {content:''; position: absolute; right:-7px; top:12px; width:13px; height:13px; background:#fff;}
.hisList ul li .in:before {content:''; position: absolute; right:-5px; top:14px; width:9px; height:9px; background:#282780; border-radius:50%; z-index: 5;}
.hisList ul li .in .year {position: relative; font-size:30px; line-height:30px; color:#111111; font-weight:700; margin-bottom:20px;}
.hisList ul li .in .year:after {content:''; position: absolute; right:15px; top:17px; width:52px; height:1px; background:#eeeeee;}
.hisList ul li .in .txt {font-size:16px; color:#111111; font-weight:300; margin-bottom:15px; padding-right: 20px; word-break:keep-all;}
.hisList ul li .in .txt:after {content:''; display: block; clear:both;}
.hisList ul li .in .txt em {float:left; font-weight:500;}
.hisList ul li .in .txt span {display: block; padding-left:50px;}
.hisList ul li .in .img {position: absolute; left:0; bottom:-255px;}

.hisList ul li.right .in:after {left:-7px; right:auto}
.hisList ul li.right .in:before {left:-4px; right:auto}
.hisList ul li.right .in .year {padding-left:90px;}
.hisList ul li.right .in .year:after {left:15px; right:auto}
.hisList ul li.right .in .txt {padding-left: 90px; padding-right: 0;}
.hisList ul li.right .in .img {left:90px;}


.hisList ul.past li .in:before {background:#0071b8; }
.hisList ul.past.two li .in:before {background:#9dc73b; }
.hisList ul.past.two li:last-child {margin-bottom: 0;}

.ciWrap {padding-top:50px; border-top:2px solid #282780; font-size:16px; color:#000011; font-weight:300;}
.ciWrap > div {margin-bottom:90px; word-break:keep-all;}
.ciWrap .sec01 .left {float:left; width:580px;}
.ciWrap .sec01:after {content:''; display: block; clear:both;}
.ciWrap .sec01 .right {padding-left:645px; padding-top:50px;}
.ciWrap .sec01 .right .img {border:1px solid #dddddd; margin-bottom:20px;}
.ciWrap .sec01 .right .btn {text-align: center;}
.ciWrap .sec01 .right .btn a {display: inline-block; width: 200px; height:60px; line-height:60px; background:#282780; color:#fff; font-size:16px; font-weight:300;}
.ciWrap .sec01 .right .btn a span {padding-right: 24px; background:url('/pub/images/ico_down2.png') right center no-repeat;}
.ciWrap .tit01 {font-size:26px; color:#282780; font-weight: 300; margin-bottom:25px; line-height:26px;}
.ciWrap .tit01 strong {font-weight:700;}
.ciWrap .tit02 {margin-bottom:30px;}
.ciWrap .tit03 {font-weight:500;margin-bottom:30px;}
.ciWrap .sec03 .ciList ul:after {content:''; display: block; clear:both;}
.ciWrap .sec03 .ciList ul li {position: relative; float:left; width:50%; border:1px solid #dddddd; margin:0 0 -1px -1px;  height:50%; text-align: center;}
.ciWrap .sec03 .ciList ul li .txt {font-weight:500; position: absolute; left:0; bottom:15px; width: 100%;}



.map .root_daum_roughmap_landing {padding:0; border:none; border-radius:0px; }
.map .root_daum_roughmap {width: 100% !important; height:560px;}
.map .wrap_controllers  {display: none;}

.locaList .sec {padding-top:38px; margin-top:38px; border-top:1px solid #e5e5e5;}
.locaList .sec .title {font-size:21px; line-height:21px; font-weight:700; color:#111111; margin-bottom:20px;}
.locaList .sec:first-child {padding-top: 0; border:none;}
.locaList .addrWrap:after {content:''; display: block; clear:both;}
.locaList .addrWrap dl {float:left; font-size:21px; color:#111111; font-weight:500; margin-right:100px;}
.locaList .addrWrap dl dt {float:left; font-weight:700;}
.locaList .addrWrap dl dd {float:left;position: relative; padding-left: 20px; margin-left: 20px; }
.locaList .addrWrap dl dd:after {content:''; position: absolute; left:0; top:50%; margin-top:-7px;; width: 1px; height:15px; background:#7f7f7f;}
.locaList .subway:after {content:''; display: block; clear:both;}
.locaList .subway li {float:left; margin-right:50px; margin-bottom:10px;}
.locaList .subway li .num {display: inline-block; vertical-align: middle; width:30px; height: 30px; line-height:30px; border-radius:50%; text-align: center; font-size:16px; color:#fff; margin-left:7px;}
.locaList .subway li .txt {display: inline-block; vertical-align: middle; font-size:16px; color:#111111; font-weight:300;}
.locaList .subway li .num.line9 {background:#c9a754;}
.locaList .subway li .num.lineBoon {background:#f3d81f;  width:45px; border-radius:30px;}
.locaList .subway li .num.line7 {background:#717617;}
.locaList .subway li .num.line2 {background:#3cb44a;}

.locaList .busWay:after {content:''; display: block; clear:both;}
.locaList .busWay li {float:left; margin-right:50px;}
.locaList .busWay li .num {display: inline-block; vertical-align: middle; width:30px; height: 30px; line-height:27px; border-radius:50%; text-align: center; font-size:16px; color:#111111; margin-right:10px; border:1px solid #dedede}
.locaList .busWay li .txt {display: inline-block; vertical-align: middle; font-size:16px; color:#111111; font-weight:300;}

.locaList .busSide:after {content:''; display: block; clear:both;}
.locaList .busSide li {float:left; margin-right:50px;}
.locaList .busSide li .num {display: inline-block; vertical-align: middle; width:45px; height: 30px; line-height:27px; border-radius:30px; text-align: center; font-size:16px; color:#fff; margin-right:10px;}
.locaList .busSide li .txt {display: inline-block; vertical-align: middle; font-size:16px; color:#111111; font-weight:300;}
.locaList .busSide li .num.green {background:#5fb73c;}
.locaList .busSide li .num.purple {background:#7182f5;}
.locaList .busSide li .num.red {background:#e82121;}



.tabType02 {margin-bottom:30px;}
.tabType02 ul:after {content:''; display: block; clear:both;}
.tabType02 ul li {float:left; width:20%; text-align: center;border-bottom:1px solid #282780;}
.tabType02 ul li a {display: block; font-size:16px; color:#666666; font-weight:500; height:58px; line-height:58px; background:#f8f8f8}
.tabType02 ul li.active {border:1px solid #282780; border-bottom:none;}
.tabType02 ul li.active a{background:#fff; color:#282780;}
.tabType02.two ul li {width:50%;}



.videoList {padding-top:50px; border-top:1px solid #ddd;}
.videoList ul:after {content:''; display: block; clear:both;}
.videoList ul {margin-left:-1.6%; }
.videoList ul li {float:left; margin-left:1.6%; width:31.7%; margin-bottom:50px;}
.videoList ul li a {display: block; text-align: center;}
.videoList ul li a .img {position: relative;display: inline-block;}
.videoList ul li a .tit {display: block; font-size:16px; font-weight:300; padding-top:15px; color:#111111; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}



.prView {position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.5); z-index: 500; display: none; }
.prView .inner {position: absolute; left:50%; top:5%; margin-left:-425px; background:#fff; padding:20px 20px 10px 20px; width:850px; }
.prView.videoPop .inner {top:50%; margin-top:-300px;}
.prView .title {font-size:21px; ; padding-bottom:15px; font-weight:500; border-bottom:2px solid #282780;}
.prView .cont {position: relative; padding-top:10px;}
.prView .cont .youtube {position: relative; padding-bottom:56.25%;}
.prView .cont .youtube iframe {position: absolute; left:0; top:0; width: 100%; height: 100%;}
.prView .arrow {}
.prView .arrow a {position: absolute; top:50%; margin-top:-45px; width:46px; height:90px; text-indent:-999em; z-index: 20;}
.prView .arrow a.prev {left:-195px; background:url('/pub/images/btnPopLeft.png') no-repeat;}
.prView .arrow a.next {right:-195px;background:url('/pub/images/btnPopRight.png') no-repeat;}
.prView .closePr {position: absolute; right:20px; top:20px;}
.prView .closePr a {display: inline-block; vertical-align: top; font-size:21px; color:#111111; padding-right:33px; background:url('/pub/images/btnClose2.png') right center no-repeat;}

.scroll-pane {height:730px; overflow: auto; text-align: center;}
.scroll-pane .jspVerticalBar {width: 10px;  right:0;  border-radius:10px;  overflow:hidden; background:none;}
.scroll-pane .jspTrack {background:#e3e3e3; border-radius:10px;  overflow:hidden;}
.scroll-pane .jspTrack .jspDrag{background:#333333;border-radius:10px; overflow:hidden;}



.prList {margin-top:50px; padding-top:40px; border-top:2px solid #282780;}
.prList ul:after {content:''; display: block; clear:both;}
.prList ul {margin-left:-1.6% }
.prList ul li {float:left; margin-left:1.6%; width:31.675%; margin-bottom:50px;}
.prList ul li a {display: block; text-align: center;}
.prList ul li a .img {position: relative;display:block; }
.prList ul li a .img img{width:100%;}
.prList ul li a .tit {display: block; font-size:16px; font-weight:300; padding-top:15px; color:#111111; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}


.prSlide {text-align: center;position: relative;}
.prSlide .bx-controls-direction { width: 100%;}
.prSlide .bx-controls-direction a {position: absolute; top:50%; margin-top:-25px; display: block; text-indent:-999em; width:27px; height: 50px;}
.prSlide .bx-controls-direction .bx-prev {background:url('/pub/images/leftArrow.png') no-repeat;  left:30px}
.prSlide .bx-controls-direction .bx-next {background:url('/pub/images/icoRight.png') no-repeat; right:30px;}


.dataList {padding-top:30px; border-top:2px solid #282780; margin-bottom:50px; border-bottom:1px solid #ddd;}
.dataList ul:after {content:''; display: block; clear:both;}
.dataList ul {margin-left:-1.6%; }
.dataList ul li {float:left; margin-left:1.6%; width:31.7%; margin-bottom:30px;}
.dataList ul li a {display: block; }
.dataList ul li a .img {position: relative;display: inline-block; height: 580px; max-height: 580px;}
.dataList ul li a .title {display: block; font-size:16px; font-weight:300;padding:15px 0 5px 0; color:#111111; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height: 48px;}
.dataList ul li a .title .txt {display: inline-block;}
.dataList ul li a .title .txt span {display: inline-block; width:14px; height:14px; background:url('/pub/images/ico_down.png') no-repeat; text-indent:-999em; vertical-align:top; position: relative; top:5px; margin-left:3px; }
.dataList ul li a .title .noti {display: inline-block; vertical-align: middle; width:65px; height:25px; line-height:25px; color:#fff; background:#282780; text-align: center; margin-right:10px; }
.dataList ul li a .title .new {display: inline-block; vertical-align: middle; width:65px; height:25px; line-height:25px; color:#fff; background:#f15c22; text-align: center; margin-right:10px; }
.dataList ul li a .date {font-size:16px; color:#666666; font-weight:300;}

.listType01 {margin-bottom:50px; margin-top:-50px;}
.listType01 table {width: 100%; }
.listType01 table th {text-align: center; font-size:16px; color:#000011; font-weight:500; padding:28px 0; border-bottom:1px solid #d9d9d9;}
.listType01 table th span {padding-left: 40px; display: inline-block;}
.listType01 table th span.prev {background:url('/pub/images/btnUp.png') left center no-repeat;}
.listType01 table th span.next {background:url('/pub/images/btnDown.png') left center no-repeat;}
.listType01 table td {font-size:16px; color:#666666; font-weight:300; padding:28px 0 28px 40px; border-bottom:1px solid #d9d9d9;}
.listType01 table td a{ color:#666666; }

.faqList {margin-bottom: 50px;}
.faqList table {width: 100%; table-layout:fixed;}
.faqList table tr.active {background:#fafafa;}
.faqList table tr.active a {font-weight:500;}
.faqList table tr.active + tr {display:table-row;}
.faqList thead th {padding:20px 0; text-align: center; font-size:17px; line-height:17px; color:#111111; font-weight:500; border-top:2px solid #282780;; border-bottom:1px solid #d5d5d5;}
.faqList tbody td {text-align: left;border-bottom:1px solid #d9d9d9;; }
.faqList tbody td:first-child {text-align: center;}
.faqList tbody td a {position: relative; display: block; padding:26px 15px 26px 15px;; text-align: left; font-size:16px;  color:#111111; font-weight:300;}
.faqList tbody td a:after {content:''; position: absolute; right:30px; top:50%; width:14px; height:8px; margin-top:-4px; background:url('/pub/images/ico_faqDown.png') no-repeat;}
.faqList tbody tr.active td a:after { background:url('/pub/images/ico_faqUp.png') no-repeat;}
.faqList tbody .hiddenFaq {display: none;}
.faqList tbody .hiddenFaq td {padding:30px 20px 30px 145px; text-align: left; }

.tbType01.dataTb tbody tr td:first-child {text-align: left; padding-left:35px; padding-right: 30px;}
.tbType01.dataTb tbody tr td .text {padding-left: 25px; text-indent:-25px;}
.tbType01.dataTb .btnData {text-align: left; font-size: 0; padding-left: 20px;}
.tbType01.dataTb .btnData a{display: inline-block; width:80px; height: 30px; line-height: 30px; text-align: center; color:#fff; font-size:14px; color:#fff; font-weight:300; margin-left:10px;}
.tbType01.dataTb .btnData a:first-child {margin-left: 0;}
.tbType01.dataTb .btnData a.no1 {background:#282780;}
.tbType01.dataTb .btnData a.no2 {background:#0071b8;}
.tbType01.dataTb .btnData a.no3 {background:#567B00;}
.tbType01.dataTb .btnData.one:before {display: inline-block; height:10px;width:80px; content:''; margin-right:10px;}
.tbType01.dataTb.solo .btnData {text-align: center; padding-left: 0;}
.tbType01 .file {display: inline-block; text-indent:-999em; position: relative; top:5px; margin-left:3px; text-align: left; background:url('/pub/images/ico_down.png') no-repeat; width:14px; height:14px; }

.statisWrap {padding-bottom:50px;}
.statisWrap .tit {text-align: center; font-size:26px; line-height:26px; padding:45px 0; font-weight:700; color:#282780;}
.statisWrap .inner {position: relative; text-align: center; font-size:16px; font-weight:300; padding:50px 0; font-weight:300; color:#000011; background:#fafafa;}
.statisWrap .inner strong {font-weight:500; font-size: 19px;}
.statisWrap .inner .btn {padding-top:50px;}
.statisWrap .inner .btn a {display: inline-block; width:320px; height:60px; line-height:60px; text-align: center; color:#fff; background:#282780 ; }
.statisWrap .inner:after {content:''; position: absolute; left:50%; margin-left:300px; bottom:-70px; width:248px; height:270px; background:url('/pub/images/bg_data.png') no-repeat;}


.btnMobMenu {display: none;}


.bisMain {border-top:2px solid #282780;; padding:80px 0 40px 40px;}
.bisMain ul {font-size: 0; margin-left:-5.2%;}
.bisMain ul li {display: inline-block; vertical-align: top; width: 43.3%; margin-left:5.2%; margin-bottom:100px;}
.bisMain ul li .tit {font-size:36px; line-height:36px; font-weight:500; color:#111111; margin-bottom:30px;}
.bisMain ul li .img {margin-bottom:30px;}
.bisMain ul li .link {margin-left:-2%;}
.bisMain ul li .link:after {content:''; display: block; clear:both;}
.bisMain ul li .link span {float:left; margin:0 0 10px 2%; width:48%;}
.bisMain ul li .link span a {display: block; height: 50px; line-height:50px; padding-left: 20px; position: relative; font-size:16px; color:#666666; font-weight: 300; border:1px solid #dddddd }
.bisMain ul li .link span a:after {content:''; position: absolute; right:15px; top:50%; margin-top:-13px; width: 26px; height:26px; background:url('/pub/images/ico_bis.png') center no-repeat;}
.bisMain ul li .link span a:hover {background:#f8f8fb; color:#111111;}
.bisMain ul li .link span a:hover:after {background:url('/pub/images/ico_bis_on.png') center no-repeat;}

.bisDetail {border-top:2px solid #282780; padding-top:40px;}
.bisDetail .title{font-size:26px; font-weight:700; color:#282780; padding-bottom:30px; }
.bisDetail .title span {font-weight:300;}
.bisDetail .bgBis {position: relative; margin-bottom:80px; height:340px;}
.bisDetail .bgBis .txt {position: absolute; top:50%; transform:translate(0,-50%); z-index: 1; font-size:22px; line-height:32px; font-weight:300; color:#111;  }
.bisDetail .bgBis .txt a {color:#282780;  }
.bisDetail .bgBis:after {content:''; position: absolute; left:50%; margin-left:-950px; height: 100%; top:0; width:1900px; background:url('/pub/images/bis06_big.png') center no-repeat;}
.bisDetail .bgBis.type2:after {background:url('/pub/images/bis09_big.png') center no-repeat;}
.bisDetail .bisSec {padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #e7e7e7;}
.bisDetail .bisSec:after {content:''; display: block; clear:both;}
.bisDetail .bisSec .tit {float:left; font-size:26px; line-height:26px; color:#111111; font-weight:500; padding-left: 30px; background:url('/pub/images/ico_bis2.png') left center no-repeat;}
.bisDetail .bisSec .rightCont {padding-left: 320px;}
.bisDetail .bisSec .rightCont .box {margin-top:35px; font-size:16px; font-weight:300; color:#111111;}
.bisDetail .bisSec .rightCont .box:first-child {margin-top: 0;}
.bisDetail .bisSec .rightCont .box .name {font-weight:500; padding-bottom:3px;}
.bisDetail .bisSec .rightCont .box .name.only {line-height:30px;}
.bisDetail .bisSec .rightCont .box .name + .name {padding-top:5px;}
.bisDetail .bisSec .rightCont .box .cont {padding-left: 0; text-indent:0;}
.bisDetail .bisSec .rightCont .box .cont.idp {padding-left: 25px; text-indent:-25px; line-height:28px;}
.bisDetail .bisSec .rightCont .box .cont.idp2 {padding-left: 12px; text-indent:-12px; line-height:28px;}
.bisDetail .bisSec .rightCont .imgTxt .txt {font-size:16px; font-weight:300; color:#111111; margin-bottom:75px; line-height:28px;}
.bisDetail .bisSec .rightCont .imgTxt .img span {display: inline-block; vertical-align: top; width:49%; font-size: 0;}
.bisDetail .bisSec .rightCont .imgTxt .img span:first-child {margin-right:1%;}
.bisDetail .bisSec .rightCont .imgOnly {padding-top:50px;}
.bisDetail .bisSec .rightCont .imgOnly span {display: inline-block; vertical-align: top; width:49%; font-size: 0;margin-bottom:20px;}
.bisDetail .bisSec .rightCont .imgOnly span:nth-child(2n) {margin-left:1%;}


.bisDetail.bns02 .bgBis:after { background:url('/pub/images/bisTop02.png') center no-repeat;}
.bisDetail.bns03 .bgBis:after { background:url('/pub/images/bisTop03.png') center no-repeat; color:#111111;}
.bisDetail.bns04 .bgBis:after { background:url('/pub/images/bisTop04.png') center no-repeat; color:#111111;}
.bisDetail.bns05 .bgBis:after { background:url('/pub/images/bisTop05.png') center no-repeat; color:#111111;}
.bisDetail.bns06 .bgBis:after { background:url('/pub/images/bisTop06.png') center no-repeat; color:#111111;}
.bisDetail.bns07 .bgBis:after { background:url('/pub/images/bisTop07.png') center no-repeat; color:#111111;}
.bisDetail.bns08 .bgBis:after { background:url('/pub/images/bisTop08.png') center no-repeat; color:#111111;}
.bisDetail.bns09 .bgBis:after { background:url('/pub/images/bisTop09.png') center no-repeat; color:#111111;}
.bisDetail.bns10 .bgBis:after { background:url('/pub/images/bisTop10.png') center no-repeat; color:#111111;}
.bisDetail.bns11 .bgBis:after { background:url('/pub/images/bisTop11.jpg') center no-repeat; color:#111111;}

.bisDetail.bns02 .bgBis .txt,.bisDetail.bns03 .bgBis .txt,.bisDetail.bns04 .bgBis .txt,.bisDetail.bns07 .bgBis .txt,.bisDetail.bns10 .bgBis .txt { color:#111111;}

.memberList {padding-top:50px; border-top:2px solid #282780; font-size: 0;}
.memberList ul {margin-left:-2.7%;}
.memberList ul li {display: inline-block; vertical-align: top; width:30.6%; margin-left:2.7%; margin-bottom:50px;} 
.memberList ul li a{ display: block;}
.memberList ul li a .img {border:1px solid #dddddd; margin-bottom:20px;}
.memberList ul li a .name {font-size:21px; line-height:21px; color:#111111; font-weight:500; margin-bottom:20px;}
.memberList ul li a .txt {font-size:16px; line-height:25px; color:#111111; font-weight:300; margin-bottom:20px; word-break:keep-all;}
.memberList ul li a .detail {font-size:16px; line-height:16px; color:#666666; font-weight:300; }
.memberList ul li a .detail span {padding-right:17px; background:url('/pub/images/ico_detail.png') right center no-repeat;}


.memberDetail .top {position: relative; border-top:2px solid #282780;; border-bottom:1px solid #dadada; padding:43px 0;}
.memberDetail .top:after {display: block; clear:both; content:'';}
.memberDetail .top .title {float:left; font-size:26px; line-height:26px; font-weight:700; color:#282780;}
.memberDetail .top .link {float:right; padding-right:20px;}
.memberDetail .top .link:after {display: block; clear:both; content:'';}
.memberDetail .top .link a {float:left; margin-left:23px; font-size:15px; color:#666666; display: inline-block; vertical-align: top; padding-bottom:6px;}
.memberDetail .top .link a:first-child {margin-left:0;}
.memberDetail .top .link a:hover,.memberDetail .top .link a:focus {border-bottom:2px solid #111111; padding-bottom:4px; color:#111111;}
.memberDetail .top .link a.acitve {border-bottom:2px solid #111111; padding-bottom:4px; color:#111111;}
.memberDetail .cont01 { margin-bottom:80px;}
.memberDetail .cont01 .text {padding:58px 0; }
.memberDetail .cont01 .text:after {content:''; display: block; clear:both; }
.memberDetail .cont01 .img {float:left; height:120px; line-height:120px; text-align: center; width:430px;}
.memberDetail .cont01 .img img {vertical-align: middle;}
.memberDetail .cont01 .tb {padding-left:430px;}
.memberDetail .tb table {width: 100%;}
.memberDetail .tb table th {font-size:16px; color:#111111; font-weight:500; padding:5px 0;}
.memberDetail .tb table td {font-size:16px; color:#111111; font-weight:300; padding:5px 0;}
.memberDetail .tb table td a{color:#111111;}
.memberDetail .txt01 {font-size:16px; color:#111111; font-weight:300; line-height:25px; letter-spacing:-0.01em;}
.memberDetail .lastImg:after {display: block; clear:both; content:'';}
.memberDetail .lastImg span { float:left; max-width:430px;}

.relationList {border-top:2px solid #282780;;}
.relationList .title {font-size:26px; line-height:26px; font-weight:700; color:#282780; padding:50px 0 30px 0;}
.relationList ul {margin-left:-2.3%;}
.relationList ul:after {content:''; display: block; clear:both;}
.relationList ul li {float:left; width:31%; margin-left:2.3%; text-align: center; margin-bottom:30px;}
.relationList ul li a {display: block; }
.relationList ul li a .img {border:1px solid #dddddd; margin-bottom:20px;}
.relationList ul li a .text {font-size:16px; line-height:16px; color:#111111; font-weight:300;}

.gnbMobile {display: none;}

.organ_01 {width:98%;margin-top:50px;margin:0 auto;}
.organ_01 tr td:nth-child(1) {width:50%;}
.organ_01 tr:first-child {background-color:rgba(208, 229, 255);color:#0066cc;}
.organ_01 tr {line-height:30px;}
.organ_01 td {border:1px solid #c8c8c8;}

.subContainer .civiltit {font-size: 25px; font-weight: 600; margin-bottom: 21px; color: #282780;}

/************************ 
	
	¹Ìµð¾îÄõ¸®

************************/

@media print{
	.head {display: none;}
	.footer {display: none;}
	.subTopArea {display: none;}
	.listType01 {display: none;}
	.btnCenter {display: none;}
	.paging {display: none;}
	.searchWrap {display: none;}
}

/*
@media all and (max-width:1280px) {
	.head #gnb .in > ul > li {margin-left: 40px;}
}
@media all and (max-width:1024px) {
*/
@media all and (max-width:1280px) {
	.mob {display:block;}
	.pc {display:none;}

	.mobHidden {display: none;}


	select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	select {background:#fff url('/pub/images/ico_bul_ml.png') calc(100% - 10px) center no-repeat; background-size:8px auto; height:38px; padding-left:10px; font-size:12px;  }
	input[type='text'],input[type='password'] {height:38px;}



	.head .inner .h1Logo {position: absolute; left:15px; top:15px;}
	.head .inner .h1Logo h1 a{width:88px; height:23px; background-size:88px;;}
	.head .inner .btnLang {display: none;}
	.head #gnb {display: none;}

	.container {overflow:hidden;}

	.gnbMobile {position:fixed; left:0; top:0; bottom:0;  z-index:500; width:100%; height:100%;  opacity:0; transform:translate(-100%,0); transition:.5s all; display: block; }
	.gnbMobile .in {position:absolute; left:0; top:0; bottom:0;  z-index:500; width:75%; height:100%; background:#fff; }
	.gnbMobile .in .topBtn:after {content:''; display: block; clear:both;}
	.gnbMobile .in .topBtn .btnPart {float:left; width: 50%;  text-align: center; background:#f8f8f8;}
	.gnbMobile .in .topBtn .btnPart a {height:45px; line-height:45px; display: block;}
	.gnbMobile .in .topBtn .btnPart a span {padding-left: 25px; font-size:13px; line-height:13px; color:#111111; font-weight:700; background:url('/pub/images/ico_partner_m.png') left center no-repeat; background-size:19px auto;}
	.gnbMobile .in .topBtn .btnLang {display: block; float:left; width: 50%;}
	.head .inner .btnLang > a {display: block; background:none; padding-top:0; height:45px; color:#fff;  font-size:13px; line-height:45px; width:100%; }
	.head .inner .btnLang > a span {display: inline-block; vertical-align: top; padding-left:28px; background:url('/pub/images/ico_gb.png') left center no-repeat; background-size:18px;; background-position:left center; padding-top:0; height:45px; color:#fff;   }
	.head .inner .btnLang.active > a {background:#18174c;}
	.head .inner .btnLang.active .btn {display:block;}
	.head .inner .btnLang .btn {position: absolute; left:0; bottom:-45px; }
	.head .inner .btnLang .btn a {display: block; height:45px; line-height:45px; font-size:13px; padding-left:28px; font-weight:700;}


	.gnbMobile .btnMobMenuClose {position: absolute; right:15px; top:15px; z-index: 100; opacity:0;  transition:.5s all;}
	.gnbMobile .btnMobMenuClose a {display: block; text-indent:-999em; background:url('/pub/images/btnClose.png') no-repeat; background-size:20px auto; width:20px; height:20px;}
	.gnbMobile .gnbList > ul {padding:0 15px;}
	.gnbMobile .gnbList > ul > li .tit {display: block; border-bottom:1px solid #e1e1e1;}
	.gnbMobile .gnbList > ul > li .tit a {position: relative; display: inline-block; vertical-align: top;  height:45px; line-height:45px; font-size:13px; color:#222222; font-weight:700;}
	.gnbMobile .gnbList > ul > li.active .tit a:before {content:''; position: absolute; left:0; bottom:-1px; width: 100%; height:3px; background:#282780; z-index: 5;}
	.gnbMobile .gnbList .list {padding:20px 20px 16px 20px; border-bottom:1px solid #e1e1e1; display: none;}
	.gnbMobile .gnbList .list ul li {margin-bottom:20px;}
	.gnbMobile .gnbList .list ul li:last-child {margin-bottom:0;}
	.gnbMobile .gnbList .list ul li a {display: block; font-size:12px; line-height:12px; color:#666666; font-weight:300;}
	.gnbMobile .gnbList .list ul li a span {display: inline-block; vertical-align: top; padding-bottom:6px;}
	.gnbMobile .gnbList .list ul li a:hover span {border-bottom:1px solid #282780; color:#282780; padding-bottom:5px;}
	.gnbMobile .gnbList .list ul li span.blank {padding-right:12px; background:url('/pub/images/ico_blank.png') right 3px no-repeat; background-size:8px auto}
	.dimm {visibility:hidden;  position:fixed; left:0; top:0; z-index:300; width:100%; height:100%;  background:rgba(0,0,0,.5);  opacity:0;  transition:1s all; }

	body.activeMenu .head {z-index:700;}
	body.activeMenu .gnbMobile {opacity:1; transform:translate(0,0); visibility: visible;}
	body.activeMenu .gnbMobile .btnMobMenuClose {opacity:1;  transition-delay:500ms;}
	body.activeMenu .dimm { opacity:1; visibility: visible;}

	.btnMobMenu {position: absolute; right:15px; top:15px; display: block;  z-index: 100;}
	.btnMobMenu a {display: block; text-indent:-999em; background:url('/pub/images/btnMenu.png') no-repeat; background-size:20px auto; width:20px; height: 20px;}


	.mainVisual {position: relative;}
	.mainVisual img {width:100%;}
	.mainVisual .bx-controls {position: absolute; left:4.5%; top:42%;  text-align: left; width:auto; z-index: 100; color:#fff;}
	.mainVisual .bx-controls .bx-pager div a {display: inline-block; width:10px; height:10px; margin-right:8px;}
	.mainVisual .bx-controls .bx-controls-auto div a {width:16px; height: 10px; text-indent:-999em; margin-right:3px;}
	.mainVisual .bx-controls .bx-controls-auto div .bx-start {background-size:8px auto;;}
	.mainVisual .bx-controls .bx-controls-auto div .bx-stop {background-size:8px auto;;}

	.mainMiddle  {}
	.mainMiddle .middleSlide{padding:0 0 0 15px; }
	.mainMiddle .slide {max-width:1300px; margin:0 auto; position: relative; top:-40px; }
	.mainMiddle .slide li a {display: block; position: relative; padding:15px; width:auto; height:240px; overflow:hidden; background:#fff;}
	.mainMiddle .slide li a .noti {margin-bottom:20px;}
	.mainMiddle .slide li a .noti span {font-size:12px; width:70px; height: 20px; line-height: 20px; }

	.mainMiddle .slide li a .title {font-size:15px;margin-bottom:25px;}
	.mainMiddle .slide li a .text {font-size:12px; color:#666666; font-weight:300;  line-height:21px;}
	.mainMiddle .slide li a .date {position: absolute; right:15px; bottom:15px; font-size:12px; line-height:12px;}

	.mainMiddle .bx-controls-direction {}
	.mainMiddle .bx-controls-direction a {position: absolute; top:50%; margin-top:-25px; text-indent:-999em; width:27px ;height:50px;}
	.mainMiddle .bx-controls-direction a.bx-prev {left:-77px; background:url('/pub/images/leftArrow2.png') no-repeat;}
	.mainMiddle .bx-controls-direction a.bx-next {right:-77px; background:url('/pub/images/icoRight2.png') no-repeat;}


	.mainBis {background:url('/pub/images/bgMiddle_m.png') center bottom no-repeat; background-size:cover; height: 480px; padding:45px 35px 0 35px;}
	.mainBis .box .tit01 {padding:0; font-size:25px; margin-bottom:25px;}
	.mainBis .box .tit02 {font-size:13px;line-height:25px; margin-bottom:25px;}
	.mainBis .box .tit03 a {display: inline-block; width:110px; height:35px; line-height:35px; background:#fff; font-size:13px;}

	.mainMember  {position: relative; overflow:hidden; height:470px; background:url('/pub/images/bgMembers_m.png') center top no-repeat; background-size:cover;}
	.mainMember .img {position: absolute; left:0; top:0; width: 100%;}
	.mainMember .img img {width: 100%;}
	.mainMember .box {padding:180px 15px 15px 15px;}
	.mainMember .box .in {float:none; padding:45px 20px 20px 20px;  background:rgba(255,255,255,.8);}
	.mainMember .box .in .tit01 {padding:0 0 30px 0; font-size:24px; }
	.mainMember .box .in .tit02 {font-size:13px; line-height:23px; margin-bottom:25px;}
	.mainMember .box .in .tit03 a {display: inline-block;width:110px; height:35px; line-height:35px;  font-size:13px; background:#e49864;}

	.cyberCenter {padding:60px 15px 15px 15px;; }
	.cyberCenter .in .title {font-size:25px; line-height:25px; margin-bottom:18px; text-align: left;}
	.cyberCenter .in ul {margin-left:0;}
	.cyberCenter .in ul li {float:none; width:100%; margin-left:0; margin-bottom:25px;}
	.cyberCenter .in ul li .img {margin-bottom:15px;}
	.cyberCenter .in ul li img {width: 100%;}
	.cyberCenter .in ul li .textWrap { font-size:15px; }
	.cyberCenter .in ul li .textWrap .txt {margin-bottom:5px;}
	.cyberCenter .in ul li .textWrap .tel {color:#282780;}
	.cyberCenter .in ul li .textWrap .moreMain {top:5px; text-indent:-999em; width:9px; height:9px; background:url('/pub/images/ico_more_m.png') no-repeat; background-size:9px auto;}
	.cyberCenter .in .etcMore {font-size:13px; line-height:13px; right:0; top:15px; padding-right:15px; background:url('/pub/images/ico_more_m.png') right center no-repeat; background-size:9px auto;  }

	.mainBoard {padding:37px 0; background:#cfe1f5;}
	.mainBoard .in .box {float:none; height:auto; padding:15px;}
	.mainBoard .in .box .more {position: absolute; right:15px; top:15px;  width:9px; height:9px; background:url('/pub/images/ico_more_m.png') no-repeat; background-size:9px auto;}
	.mainBoard .in .box .title {font-size:17px; line-height:17px; font-weight:500; color:#111111; margin-bottom:15px;}
	.mainBoard .in .box .img {display: block; }
	.mainBoard .in .box .img img {width: 100%;}
	.mainBoard .in .box.prData { padding:15px; width:100%;  background:#ffffff;}
	.mainBoard .in .box.smart {width:100%; padding-bottom:30px;  background:#ffffff;}
	.mainBoard .in .box.smart img {width: 100%;}
	.mainBoard .in .box.last {width:100%; padding:30px 15px 25px 15px;background:#cfe1f5;}
	.mainBoard .in .box.last .sys {height:auto; padding:30px 0 25px 20px; background:url('/pub/images/bgPr3_m.png') no-repeat; background-size:cover;}
	.mainBoard .in .box.last .sys .tit01 {font-size:18px; line-height:18px;  margin-bottom:15px;}
	.mainBoard .in .box.last .sys .tit02 {font-size:14px; line-height:14px;margin-bottom:30px;}
	.mainBoard .in .box.last .sys .tit03 a{display: inline-block; border-radius:30px; width:125px; height:35px; line-height:33px; font-size:13px;}
	.mainBoard .in .box.last .sys .tit03 a span {padding-right:20px; background:url('/pub/images/ico_blank2_m.png') center right no-repeat; background-size:16px auto;}
	.mainBoard .in .box.last .telBox {padding:25px 20px 20px 20px; height:auto;  background-size:cover; }
	.mainBoard .in .box.last .telBox .tit01 {font-size:18px; line-height:18px; margin-bottom:15px;}
	.mainBoard .in .box.last .telBox .tit02 {font-size:14px; line-height:14px; margin-bottom:25px;}
	.mainBoard .in .box.last .telBox .links {padding:12px 0 12px 0; background:rgba(0,0,0,.3); text-align: center;}
	.mainBoard .in .box.last .telBox .links a {position: relative; float:none; display: inline-block; font-size:12px; line-height:12px;padding-left:10px; margin-left:10px;}
	.mainBoard .in .box.last .telBox .links a:after { width:1px; background:#838aa4;height:10px; margin-top:-5px;}
	.mainBoard .in .box.last .telBox:after {right:20px; top:30px; width:40px; height:40px;  background-size:40px auto;}

	.mainBoard .bx-controls {position: absolute; right:15px; top:20px;}
	.mainBoard .bx-controls .bx-pager div a {display: inline-block; width:10px; height:10px; margin-right:8px;}
	.mainBoard .bx-controls .bx-controls-auto div a {width:16px; height: 10px; text-indent:-999em; margin-right:3px;}
	.mainBoard .bx-controls .bx-controls-auto div .bx-start {background-size:8px auto;;}
	.mainBoard .bx-controls .bx-controls-auto div .bx-stop {background-size:8px auto;;}


	.footSlide {padding:12px 0 12px 15px;;}
	.footSlide .in ul li a {display: block; width:auto; height:45px;}
	.footSlide .in ul li a img {width: 100%;}
	.footSlide .in .bx-controls-direction a {display: none;}



	.subTopArea {margin-bottom:40px; }
	.subTopArea .h2Box { padding-top:75px; height:150px; }
	.subTopArea .h2Box h2 {font-size:30px; line-height:30px; font-weight:500;}


	.subTopArea .lnbWrap {position: relative;margin:0 auto; height:40px; padding-left:40px; }
	.subTopArea .lnbWrap .btnHome {position: absolute; left:0; top:0; width:40px; height: 40px; background:url('/pub/images/ico_home_m.png') center no-repeat; background-size:10px auto;}
	.subTopArea .lnbWrap .lnbList {position: relative; float:left; width:50%; margin-left:0;}
	.subTopArea .lnbWrap .lnbList p a {font-size: 13px;   height: 40px; line-height:40px; padding-left:15px; }
	.subTopArea .lnbWrap .lnbList p a:after {background:url('/pub/images/ico_bul_ml.png') no-repeat; background-size:8px auto; right:13px; margin-top:-3px;}
	.subTopArea .lnbWrap .lnbList ul {top:40px; left:-1px; width:calc(100% + 1px); }
	.subTopArea .lnbWrap .lnbList ul a {font-size: 13px; letter-spacing:-0.05em; height: 40px; line-height:40px; padding-left: 15px; color:#111111; }
	.lnbWrap.active:after {display: block;}
	.lnbWrap.active .lnbList {display: block;}
	.lnbWrap.active .lnbList {display: block;}


	.subTopArea .lnbArea .in .btnLink {display: none;}

	.subContainer {padding-bottom:50px;}
	.h3Wrap {text-align: center; margin-bottom:30px;}
	.h3Wrap h3 {font-size:24px; line-height:24px; }


	.footer { padding:25px 0; position: relative;  }
	.footer .mobAddr {font-size:11px; color:#c9ccd1; line-height:23px;; font-weight:300; display: block;}
	.footer .addrBox .link {margin-bottom:15px;}
	.footer .addrBox .link a { font-size:12px;  line-height:12px; }
	.footer .addrBox .link a:last-child { padding-left: 15px; margin-left:13px;}
	.footer .addrBox .link a:last-child:after {margin-top:-6px; width: 1px; height:12px; background:#dfe0e5;}
	.footer .addrBox  {margin-bottom:30px; }
	.footer .addrBox .addr {display: none;}
	.footer .inSelect {display: block; padding:0 15px; position: static;}
	.footer .inSelect .selectBox {width:100%; height:35px; display:block; margin-bottom:10px;}
	.footer .inSelect .selectBox:first-child {margin-right:0;}
	.footer .inSelect .selectBox select {width:100%; padding-left:10px; height:35px; font-size:12px;  background:#fff url('/pub/images/ico_bul_ml.png') calc(100% - 10px) center no-repeat; background-size:8px auto; }
	.footer .inSelect .waMark {position: absolute; right:auto; left:50%; margin-left:60px;  top:13px;}
	.footer .inSelect .waMark img {width:60px;}


	/* popArea */
	.popArea .popCont{position: absolute; left:4%; top:40%; z-index:10; width:92%; margin-left:0; margin-top:-100px;}
	.popArea .popCont .btnX {position: absolute; right:2%; top:-25px; width:15px; height:15px; background-size:15px auto;}
	.popArea .popCont .popHead {height:40px; line-height:40px;  font-size:13px;}
	.popArea .popCont .text {font-size:12px; padding:25px 0; }
	.popArea .popCont .inputPw { margin-bottom:30px;}
	.popArea .popCont .inputPw .in label { font-size:12px;height:38px; line-height:40px; margin-right:10px;  }
	.popArea .popCont .inputPw .in input { width:190px; height:40px; }
	.popArea .popCont .inputPw .in a {float:left; width:50px; height:40px; line-height:40px;  font-size:12px; }
	.popArea .popCont .btnReturn {border-top:1px solid #dddddd;; padding:17px 0 15px; text-align: center;}
	.popArea .popCont .btnReturn a {width:100px; height:40px; line-height:40px;font-size:12px; }


	.tabType01 {margin-bottom:15px;}
	.tabType01 ul li a { font-size:11px; line-height:11px; height:40px; line-height:40px;}
	.tabType01 ul li.double a {line-height:15px; padding-top:5px;}


	.searchWrap {padding:13px 15px; margin-bottom:25px;}
	.searchWrap .in {display: block; position: relative; }
	.searchWrap .in .selectBox { width:70px; text-align: left; }
	.searchWrap .in .selectBox select {width: 100%;}
	.searchWrap .in .ip {float:none;  width:auto;  padding:0 60px 0 70px;}
	.searchWrap .in .ip input {}
	.searchWrap .in .btn {position: absolute; right:0; top:0;width:60px; }
	.searchWrap .in .btn a{height:40px; line-height:40px; font-size:12px; font-weight:300; }

	.totalCount {font-size:12px; line-height:12px;margin-bottom:10px; padding:0 15px;}

	.tbType01 {margin-bottom:30px;padding:0 15px;}
	.tbType01 thead th {padding:12px 0;  font-size:12px; line-height:12px; }
	.tbType01 tbody td {padding:12px 0; font-size:12px;  }
	.tbType01 tbody td.left {padding-left:10px; text-align: left;}
	.tbType01 .mobInfo {display: block; font-size:11px; color:#666666;}
	span.new { width:40px; height:20px; line-height:20px; font-size:11px; }
	span.noti { width:40px; height:20px; line-height:20px; font-size:11px; }

	.mnpTb .no1 {width:60px !important;}
	.mnpTb .no6 {width:100px !important;}



	/* paging */
	.paging .first { background: url('/pub/images/paging01_mob.png') center center no-repeat; margin-left: 0; background-size:26px auto;}
	.paging .prev {background: url('/pub/images/paging02_mob.png') center center no-repeat; margin-right:20px; margin-left:-1px;background-size:26px auto;}
	.paging .next {  background: url('/pub/images/paging03_mob.png') center center no-repeat; margin-left:20px; margin-right:-1px;background-size:26px auto;}
	.paging .last {background: url('/pub/images/paging04_mob.png') center center no-repeat; margin-left: 0;background-size:26px auto;}
	.paging a {min-width:26px; height:26px; line-height:26px;  font-size: 12px; padding:0 5px; }


	.viewType01 {margin-bottom:25px; padding:0 15px;}
	.viewType01 .tit {font-size:14px; padding:13px 5px;}
	.viewType01 .content {padding:15px 0; font-size:12px; }
	.viewType01 .infoBox { padding:12px 0 30px 12px; }
	.viewType01 .infoBox .left {padding-left: 0;}
	.viewType01 .infoBox .left:after {content:''; display: block; clear:both;}
	.viewType01 .infoBox .left div {float:left; width:130px; font-size:12px; color:#111111; font-weight:300; padding-left:10px; margin-left:10px; position: relative;}
	.viewType01 .infoBox .left div:after { height:12px; margin-top:-6px; }
	.viewType01 .infoBox .left div:first-child {margin-left: 0; padding-left: 0;}
	.viewType01 .infoBox .left div:nth-child(3) {margin-left: 0; padding-left: 0;}
	.viewType01 .infoBox .left div:first-child:after {display: none;}
	.viewType01 .infoBox .left div:nth-child(3):after {display: none;}
	.viewType01 .infoBox .left div:nth-child(2) {width: 170px;}
	.viewType01 .infoBox .left div:nth-child(4) {width: 170px;}

	.viewType01 .infoBox .left div:nth-child(1) {margin-bottom:5px;}
	.viewType01 .infoBox .left div:nth-child(2) {margin-bottom:5px}
	.viewType01 .infoBox .left div em {font-weight:500; margin-right:3px;}
	.viewType01 .infoBox .right {position: absolute; right:10px;; top:auto; bottom:10px; margin-top:0;}
	.viewType01.dataView .infoBox .left div {width:auto;}
	.viewType01.dataView .infoBox .left div:nth-child(3) {padding-left:10px; margin-left:10px;}
	.viewType01.dataView .infoBox .left div:nth-child(3):after {display:block; }
	.btnDown {display: inline-block;}
	.btnDown a {display: inline-block;  position: relative; line-height:11px;  padding-bottom:3px;  font-size:11px;   }
	.btnDown a:after {left:-15px; margin-top:-5px; width:10px; height:10px; background-size:10px auto; }

	.btnCenter .center {display: inline-block; vertical-align: top;}
	.btnCenter .right {position: static; display: inline-block; vertical-align: top; margin-left:8px;}
	.btnCenter.notPop {text-align: right; padding-right:15px; margin-top:20px;}
	.btnCenter.notPop .right {}
	.btnCenter.notPop .right a {width:80px; height:35px; line-height:33px;}

	.btnCenter a+a {margin-left:8px;}

	.btType01 {display: inline-block; width:100px; height:40px; line-height:40px;  font-size:12px; }

	.infoGray { font-size:12px; padding:20px; margin-bottom:15px; border-left:none; border-right:none;}

	.writeType01 {margin-bottom:30px; padding:0 15px;}
	.writeType01 table {border-top:2px solid #282780; width: 100%;}
	.writeType01 th {font-size:12px;  padding:13px 0 13px 10px;text-align: left;}
	.writeType01 td { font-size:12px;  padding:5px 0 5px 5px;}
	.writeType01 td input {border:1px solid #dddddd; vertical-align: top;}
	.writeType01 .select select {width:100%; }
	.writeType01 textarea {width: 100%; height: 150px; padding:10px;}
	.writeType01 .no1 {width:100px !important;}
	.telWrap {display:table; width: 100%; vertical-align: top;}
	.telWrap div {float:none; display:table-cell;  vertical-align: top;}
	.telWrap div.ip {width:auto;}
	.telWrap div.dash {font-size:12px;  width:10px; text-align: center; line-height:40px; height:40px;}


	.autoWrap:after {content:''; display: block; clear:both;}
	.autoWrap .img {float:left; margin-right:18px;}
	.autoWrap .ipBox {float:none; padding-top:5px;}
	.autoWrap .ipBox:after {content:''; display: block; clear:both;}
	.autoWrap .ipBox .btn {float:left;}
	.autoWrap .ipBox .btn a {display: block; width: 60px; height:38px; line-height:38px; font-size:12px;}
	.autoWrap .ipBox .ip {padding-left:60px;}
	.autoWrap .ipBox .ip input {width:100%;}

	.personalBtn {margin-bottom:30px; padding:0 15px;}

	.baseCheck label {font-size:12px; line-height:12px; padding-left:20px; }
	.baseCheck label:after {margin-top:-7px; width: 13px; height: 13px;}
	.baseCheck label span {padding-bottom:1px;}
	.baseCheck input:checked + label:before {width:13px; height:13px; background-size:13px auto;}

	.tbType01.civil colgroup .no1 {width:30px !important;}
	.tbType01.civil colgroup .no2 {width:60px !important;}
	.tbType01.civil colgroup .no3 {width:105px !important;}
	.tbType01.civil colgroup .no4 {width:auto !important;}
	.tbType01.civil .telBox {padding-left:5px;}
	.tbType01.civil tbody td {font-size:10px; word-break:keep-all; padding:12px 0;}


	.faqList {margin-bottom: 30px; padding:0 15px;}
	.faqList thead th {padding:13px 0;  font-size:12px; line-height:12px; }
	.faqList tbody td a {display: block; padding:13px 25px 13px 10px;;  font-size:12px;  }
	.faqList tbody td {font-size:11px; color:#666666;}
	.faqList tbody .hiddenFaq td {padding:15px 25px 15px 60px; text-align: left; }
	.faqList colgroup .no1 {width:50px !important;}
	.faqList tbody td a:after {right:15px; width:7px; height:4px; margin-top:-2px; background-size:7px auto;}
	.faqList tbody tr.active td a:after { background-size:7px auto; }

	.tabType02 {margin-bottom:15px;}
	.tabType02 ul li a { font-size:12px;height:40px; line-height:40px;}


	.tbType01.dataTb colgroup .no2 {width:120px !important;}
	.tbType01.dataTb tbody tr td:first-child {text-align: left; padding-left:10px; padding-right:10px;}
	.tbType01.dataTb tbody tr td .text {padding-left: 18px; text-indent:-18px;}
	.tbType01.dataTb .btnData {text-align: left; font-size: 0; padding-left: 5px;}
	.tbType01.dataTb .btnData a{display: inline-block; vertical-align: top; width:35px; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size:11px; margin-left:5px;}
	.tbType01.dataTb .btnData.one:before {height:10px;width:30px; content:''; margin-right:5px;}
	.tbType01.dataTb .btnData a.no3 {line-height:12px; padding-top:6px;}
	.tbType01.dataTb.solo colgroup .no2 {width:100px !important;}

	.tbType01.dataTb2 colgroup .no1 {width:60px !important;}
	.tbType01.dataTb2 colgroup .no2 {width:auto !important;}
	.tbType01.dataTb2 colgroup .no3 {display: none;}
	.tbType01.dataTb2 colgroup .no4 {width:100px !important;}
	.tbType01 .file {top:4px; margin-left:2px; background-size:9px auto; width:9px; height:9px; }



	.listType01 {margin-bottom:30px; margin-top:-30px; padding:0 15px;}
	.listType01 colgroup col:first-child {width:80px !important;}
	.listType01 table th {font-size:12px;padding:13px 0;}
	.listType01 table th span {padding-left: 20px; display: inline-block;}
	.listType01 table th span.prev {background:url('/pub/images/btnUp_m.png') left center no-repeat; background-size:7px auto;}
	.listType01 table th span.next {background:url('/pub/images/btnDown_m.png') left center no-repeat; background-size:7px auto;}
	.listType01 table td {font-size:12px; color:#666666; font-weight:300; padding:13px 0 13px 10px; border-bottom:1px solid #d9d9d9;}



	.statisWrap {padding-bottom:30px;}
	.statisWrap .tit {font-size:15px; line-height:15px; padding:30px 0;}
	.statisWrap .inner {font-size:12px; padding:25px 0;}
	.statisWrap .inner strong {font-weight:500; font-size: 14px;}
	.statisWrap .inner .btn {padding-top:150px;}
	.statisWrap .inner .btn a {display: inline-block; width:160px; height:40px; line-height:15px; padding-top:5px; }
	.statisWrap .inner:after {content:''; position: absolute; left:50%; margin-left:-63px; bottom:70px; width:125px; height:135px; background-size:125px auto;}


	.personalWrap { padding:20px; font-size:12px; margin:0 15px; }
	.personalWrap .tit01 {font-size:12px; margin-bottom:30px;}
	.personalWrap .tit02 {margin-bottom:20px;}
	.personalWrap ul li {margin-bottom:25px;}
	.personalWrap ul li .tit {font-weight:500; margin-bottom:5px;}
	.personalWrap ul li .link {font-weight:500; }
	.personalWrap ul li:last-child{margin-bottom:0;}


	.sitempaList { padding-top:20px; margin:0 15px; font-size: 0;}
	.sitempaList > ul > li {width:50%; float:none; display: inline-block; vertical-align: top; margin-bottom:30px; }
	.sitempaList > ul > li > .mainLink {margin-bottom:18px;}
	.sitempaList > ul > li > .mainLink a {font-size:17px;  font-weight:700;}
	.sitempaList .list > ul > li {margin-bottom:15px;}
	.sitempaList .list > ul > li > a {font-size:13px; color:#111111; font-weight:500;}
	.sitempaList .list > ul > li ul {padding-left:10px; margin-top:15px;}
	.sitempaList .list > ul > li ul li {margin-bottom:10px;}
	.sitempaList .list > ul > li ul li:last-child {margin-bottom: 0;}
	.sitempaList .list > ul > li ul li a {font-size:12px; color:#111111; font-weight:300; padding-bottom:5px;}
	.sitempaList .list > ul > li ul li a:hover { color:#111111; font-weight:500; padding-bottom:3px; border-bottom:1px solid #111111;}

	.greetingWrap {padding:0 15px;  margin-top:50px;} 
	.greetingWrap .top {position: relative; height:160px; background:url('/pub/images/bgCompany03_mob.png') no-repeat; background-size:cover; padding: 35px 0 0 182px/*35px 0 0 165px*/;}
	.greetingWrap .top .tit01 {font-size:14px; line-height:14px; color:#fff; font-weight:300; margin-bottom:15px;}
	.greetingWrap .top .tit02 {font-size:21px;  color:#fff; font-weight:500;}
	.greetingWrap .top .tit03 {position: absolute; left:0; width: 100%; top:-30px;  text-align: center;}
	.greetingWrap .top .tit03 .img {width:290px; position: relative; left:-75px;}
	.greetingWrap .top .tit03 .name {position: absolute; right:0; bottom:40px; font-size:13px; color:#111111; font-weight:300; padding-left:0; text-align: right; }
	.greetingWrap .top .tit03 .name img {vertical-align: bottom; margin-left:0; width:100px; padding-top:10px;}
    .greetingWrap .img {top: -30px; left: -5px; width: 194px}
	.greetingWrap .img p {margin: -40px 0 0 4px; font-size: 12px;}
	.greetingWrap .img b {font-size: 14px;}
	.greetingWrap .text {padding:110px 0 0 0; font-size:12px; line-height:21px; color:#111111; font-weight:300; word-break:keep-all;}

	.introWrap {margin:0 15px;}
	.introWrap .sec {padding:17px 0;  }
	.introWrap .sec .title {font-size:20px;margin-bottom:20px;}
	.introWrap .sec .imgTb:after {content:''; display: block; clear:both}
	.introWrap .sec .imgTb .imgBox {float:none; margin-bottom:15px;}
	.introWrap .sec .imgTb .imgBox:after {content:''; display: block; clear:both}
	.introWrap .sec .imgTb .imgBox .img {float:left; width:120px;}
	.introWrap .sec .imgTb .imgBox .his {float:none; padding:15px 0 0 140px;}
	.introWrap .sec .imgTb .imgBox .his .name {font-size:15px; line-height: 13px; color:#111111; font-weight: 500; margin-bottom:15px;}
	.introWrap .sec .imgTb .imgBox .his ul li {position: relative; font-size:12px; line-height:normal; margin-bottom:10px; font-weight:300; color:#111111; padding-left:8px;}
	.introWrap .sec .imgTb .imgBox .his ul li:after {content:''; position: absolute; left:0; top:10px; width:2px; height:2px;  background:#20251b;}
	.introWrap .sec .imgTb .tbBox {padding-left:0; padding-right:0;}
	.introWrap .sec .imgTb .tbBox table {width:100%; border-top:1px solid #dddddd;}
	.introWrap .sec .imgTb .tbBox table .no1 {width:120px !important;}
	.introWrap .sec .imgTb .tbBox table th {background:#f8f8f8; border-bottom:1px solid #dddddd; text-align: center; font-size:13px; line-height:13px; font-weight:500; padding:10px 0;}
	.introWrap .sec .imgTb .tbBox table td {border-bottom:1px solid #dddddd; font-size:12px; font-weight:300; padding:9px 0 9px 15px; color:#111111;}
	.introWrap .sec .hList ul:after {content:''; display: block; clear:both}
	.introWrap .sec .hList ul li {float:left; width:50%; margin-left:0; margin-bottom:25px; padding:0 20px;  text-align: center;}
	.introWrap .sec .hList ul li .img {}
	.introWrap .sec .hList ul li:first-child {margin-left:0;}
	.introWrap .sec .hList ul li .tit01 {font-size:15px; line-height:15px; color:#111111; font-weight:500; margin:15px 0 10px;}
	.introWrap .sec .hList ul li .tit02 {font-size:13px; line-height:13px; color:#111111; font-weight:300;}


	.hisWrap {padding:0 15px;}
	.hisWrap .topInfo {text-align: center; border-top:2px solid #282780;;}
	.hisWrap .topInfo .tit {font-size:20px; padding:25px 0 20px 0;   }
	.hisWrap .topInfo .txt {font-size:13px; padding:0 0 50px 0; color:#000011; }

	.hisList .tit {text-align:center; font-size:20px;  font-weight:700; color:#282780; margin-bottom:25px;}
	.hisList .state {text-align: left;}
	.hisList .state span {display: inline-block; text-align: center; font-weight:500; width:70px; height: 70px; line-height:14px; background:#282780; font-size:14px; padding-top:14px; border-radius:50%; }
	.hisList .state.past span {background:#0071b8;}
	.hisList .state.past.two span {background:#567B00;}
	.hisList ul {position: relative; padding-top:45px; width:auto; margin:0 auto;}
	.hisList ul:before { position: absolute; left:35px; }
	.hisList ul:after {content:''; display: block; clear:both;}
	.hisList ul li {position: relative; float:none; margin-bottom:35px; width:100%; }
	.hisList ul li.right {float:none; margin-left: 0;}
	.hisList ul li .in {position: relative;}
	.hisList ul li .in:after {content:''; position: absolute; right:auto;left:32px; top:3px; width:10px; height:10px; background:#fff;}
	.hisList ul li .in:before {content:''; position: absolute; right:auto;left:32px; top:5px; width:6px; height:6px; background:#282780; border-radius:50%; z-index: 5;}
	.hisList ul li .in .year {position: relative; font-size:17px; line-height:17px; color:#111111; font-weight:700; margin-bottom:10px; padding-left:90px;}
	.hisList ul li .in .year:after {content:''; position: absolute; right:auto; left:40px; top:8px; width:41px; height:1px; background:#eeeeee;}
	.hisList ul li .in .txt {font-size:12px; color:#111111; font-weight:300; margin-bottom:10px; padding-left:90px; word-break:keep-all;}
	.hisList ul li .in .txt:after {content:''; display: block; clear:both;}
	.hisList ul li .in .txt em {float:left; font-weight:500;}
	.hisList ul li .in .txt span {display: block; padding-left:40px;}
	.hisList ul li .in .img {position: static; padding-left:90px;}

	.hisList ul li.right .in:after {left:32px; right:auto}
	.hisList ul li.right .in:before {left:32px; right:auto}
	.hisList ul li.right .in .year {padding-left:90px;}
	.hisList ul li.right .in .year:after {left:37px; right:auto}
	.hisList ul li.right .in .txt {padding-left: 90px; padding-right: 0;}
	.hisList ul li.right .in .img {left:90px;}


	.hisList ul.past li .in:before {background:#0071b8; }
	.hisList ul.past.two li .in:before {background:#9dc73b; }
	.hisList ul.past.two li:last-child {margin-bottom: 0;}

	.ciWrap {padding-top:30px; margin:0 15px; font-size:12px; color:#000011; font-weight:300;}
	.ciWrap > div {margin-bottom:50px; word-break:keep-all;}
	.ciWrap .sec01 .left {float:none; width:auto;}
	.ciWrap .sec01:after {content:''; display: block; clear:both;}
	.ciWrap .sec01 .right {padding-left:0; padding-top:15px;}
	.ciWrap .sec01 .right .img {border:1px solid #dddddd; margin-bottom:15px; padding:0 20px;}
	.ciWrap .sec01 .right .btn {text-align: center;}
	.ciWrap .sec01 .right .btn a {display: inline-block; width: 120px; height:40px; line-height:40px; background:#282780; color:#fff; font-size:13px; font-weight:300;}
	.ciWrap .sec01 .right .btn a span {padding-right: 15px; background:url('/pub/images/ico_down2_m.png') right center no-repeat; background-size:10px auto;}
	.ciWrap .tit01 {font-size:20px; color:#282780; font-weight: 300; margin-bottom:15px; line-height:20px;}
	.ciWrap .tit01 strong {font-weight:700;}
	.ciWrap .tit02 {margin-bottom:20px;}
	.ciWrap .tit03 {font-weight:500;margin-bottom:20px;}
	.ciWrap .sec03 .ciList ul:after {content:''; display: block; clear:both;}
	.ciWrap .sec03 .ciList ul li {position: relative; float:none; width:auto; border:1px solid #dddddd; margin:0 0 -1px 0; text-align: center;}
	.ciWrap .sec03 .ciList ul li .txt {font-weight:500; position: absolute; left:0; bottom:10px; width: 100%;}

	.organWrap {padding:0 15px;}

	.map .root_daum_roughmap_landing {padding:0; border:none; border-radius:0px;}
	.map .root_daum_roughmap {width: 100% !important; height:250px !important;}
	.map .wrap_map {width: 100% !important; height:250px !important;}
	.map .wrap_controllers  {display: none;}

	.locaList {padding:0 15px;}
	.locaList .sec {padding-top:15px; margin-top:15px;}
	.locaList .sec .title {font-size:15px; line-height:15px;margin-bottom:10px;}
	.locaList .sec:first-child {padding-top: 0; border:none;}
	.locaList .addrWrap:after {content:''; display: block; clear:both;}
	.locaList .addrWrap dl {float:none; font-size:15px; color:#111111; font-weight:500; margin-right:0; width: 100%; display: block;}
	.locaList .addrWrap dl:first-child { margin-bottom:10px;}
	.locaList .addrWrap dl:after {content:''; display: block; clear:both;}
	.locaList .addrWrap dl dt {float:left; font-weight:700;}
	.locaList .addrWrap dl dd {float:left;position: relative; padding-left: 10px; margin-left: 10px; }
	.locaList .addrWrap dl dd:after {content:''; position: absolute; left:0; top:50%; margin-top:-5px;; width: 1px; height:10px; background:#7f7f7f;}
	.locaList .subway {padding-top: 10px;}
	.locaList .subway:after {content:''; display: block; clear:both;}
	.locaList .subway li {float:left; margin-right:25px; margin-bottom:10px;}
	.locaList .subway li .num {display: inline-block; vertical-align: middle; width:20px; height: 20px; line-height:20px; border-radius:50%; text-align: center; font-size:12px; color:#fff; margin-right:0px; margin-left:3px;}
	.locaList .subway li .txt {display: inline-block; vertical-align: middle; font-size:12px; color:#111111; font-weight:300;}
	.locaList .subway li .num.line9 {background:#c9a754;}
	.locaList .subway li .num.lineBoon {background:#f3d81f;  width:35px; border-radius:30px;}
	.locaList .subway li .num.line7 {background:#717617;}
	.locaList .subway li .num.line2 {background:#3cb44a;}

	.locaList .busWay {padding-top: 10px;}
	.locaList .busWay:after {content:''; display: block; clear:both;}
	.locaList .busWay li {float:left; margin-right:8px; margin-bottom:10px;}
	.locaList .busWay li .num {display: inline-block; vertical-align: middle; width:20px; height: 20px; line-height:17px; border-radius:50%; text-align: center; font-size:12px; color:#111111; margin-right:0px; border:1px solid #dedede}
	.locaList .busWay li .txt {display: inline-block; vertical-align: middle; font-size:12px; color:#111111; font-weight:300;}

	.locaList .busSide {padding-top: 10px;}
	.locaList .busSide:after {content:''; display: block; clear:both;}
	.locaList .busSide li {float:left; margin-right:10px; margin-bottom:10px;}
	.locaList .busSide li .num {display: inline-block; vertical-align: middle; width:35px; height: 20px; line-height:20px; border-radius:30px; text-align: center; font-size:12px; color:#fff; margin-right:0;}
	.locaList .busSide li .txt {display: inline-block; vertical-align: middle; font-size:12px; color:#111111; font-weight:300;}
	.locaList .busSide li .num.green {background:#5fb73c;}
	.locaList .busSide li .num.purple {background:#7182f5;}
	.locaList .busSide li .num.red {background:#e82121;}




	.prView .inner {position: absolute; left:2%; top:5%; margin-left:0; padding:0; width:96%; }
	.prView.videoPop .inner {top:25%; margin-top:0; padding:0;}
	.prView .title {font-size:14px;  padding:15px 10px 15px 10px; }
	.prView .cont {position: relative; padding:5px;}
	.prView .cont .youtube {position: relative; padding-bottom:56.25%;}
	.prView .arrow a {position: absolute; top:50%; margin-top:-15px; width:19px; height:32px; text-indent:-999em; z-index: 20;}
	.prView .arrow a.prev {left:10px; background:url('/pub/images/btnPopLeft_m.png') no-repeat; background-size:19px auto;}
	.prView .arrow a.next {right:10px;background:url('/pub/images/btnPopRight_m.png') no-repeat; background-size:19px auto;}
	.prView .closePr {position: absolute; right:10px; top:17px;}
	.prView .closePr a {text-indent:-999em;padding-right:0; width:18px; height:18px; background:url('/pub/images/btnClose2_m.png') right center no-repeat; background-size:18px auto;}

	.scroll-pane {height:400px; overflow: auto; text-align: center; padding-right:10px;}
	.scroll-pane .jspVerticalBar {width: 5px;  right:0;  border-radius:10px;  overflow:hidden; background:none;}
	.scroll-pane .jspTrack {background:#e3e3e3; border-radius:10px;  overflow:hidden;}
	.scroll-pane .jspTrack .jspDrag{background:#333333;border-radius:10px; overflow:hidden;}



	.videoList {padding-top:15px; margin:0 15px; border-top:1px solid #ddd;}
	.videoList ul:after {content:''; display: block; clear:both;}
	.videoList ul {margin-left0; }
	.videoList ul li {float:left; margin-left:0; width:49%; margin-bottom:25px;}
	.videoList ul li:nth-child(2n) {margin-left:2%;}
	.videoList ul li a {display: block; text-align: center;}
	.videoList ul li a .img {position: relative;display: inline-block;}
	.videoList ul li a .tit {display: block; font-size:12px; font-weight:300; padding-top:10px;}


	.prList {padding:15px 0 0 0; margin:0 15px;}
	.prList ul {margin-left:0; }
	.prList ul li {float:left;  width:49%; margin-bottom:25px; margin-left: 0;}
	.prList ul li:nth-child(2n) {margin-left:2%;}
	.prList ul li a {display: block; text-align: center;}
	.prList ul li a .img {position: relative;display: inline-block;}
	.prList ul li a .img:after {display: none;}
	.prList ul li a .tit {display: block; font-size:12px; font-weight:300; padding-top:10px; color:#111111; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}


	.prSlide {text-align: center;position: relative; padding:0 40px;}
	.prSlide .bx-controls-direction { width: 100%;}
	.prSlide .bx-controls-direction a {position: absolute; top:50%; margin-top:-13px; display: block; text-indent:-999em; width:14px; height: 25px;}
	.prSlide .bx-controls-direction .bx-prev { left:15px; background-size:14px auto;}
	.prSlide .bx-controls-direction .bx-next { right:15px;  background-size:14px auto;}


	.dataList {padding-top:15px; margin:0 15px 25px 15px;}
	.dataList ul {margin-left:-2%; font-size: 0;}
	.dataList ul li {display: inline-block; margin-left:2%; width:48%; margin-bottom:30px;}
	.dataList ul li a {display: block; }
	.dataList ul li a .img {position: relative;display: inline-block;}
	.dataList ul li a .title {display: block; font-size:12px; font-weight:300;padding:10px 0 5px 0; color:#111111; overflow:visible; white-space:inherit; text-overflow:inherit; height:auto;}
	.dataList ul li a .title .txt {display:inline;}
	.dataList ul li a .title .txt span {display: inline-block; width:10px; height:10px; background-size:10px auto;text-indent:-999em; vertical-align:top; position: relative; top:5px; margin-left:3px; }
	.dataList ul li a .title .noti {display: inline-block; vertical-align: middle; width:35px; height:20px; line-height:20px; color:#fff; background:#282780; text-align: center; margin-right:5px; }
	.dataList ul li a .title .new {display: inline-block; vertical-align: middle; width:35px; height:20px; line-height:20px; color:#fff; background:#f15c22; text-align: center; margin-right:5px; }
	.dataList ul li a .date {font-size:11px; color:#666666; font-weight:300;}


	.bisMain { padding:30px 0 30px 0; margin:0 15px;}
	.bisMain ul {font-size: 0; margin-left:0;}
	.bisMain ul li {display: block; width:100%; margin-left:0%; margin-bottom:50px;}
	.bisMain ul li .tit {font-size:20px; line-height:20px; margin-bottom:15px;}
	.bisMain ul li .img {margin-bottom:15px;}
	.bisMain ul li .img img {width: 100%;}
	.bisMain ul li .link {margin-left:0;}
	.bisMain ul li .link span {float:none; display: block; margin:0 0 8px 0; width:100%;}
	.bisMain ul li .link span a {display: block; height: 40px; line-height:40px; padding-left: 13px;font-size:13px; }
	.bisMain ul li .link span a:after {right:15px; top:50%; margin-top:-7px; width: 15px; height:15px; background:url('/pub/images/ico_bis_m.png') center no-repeat;background-size:12px auto;;}
	.bisMain ul li .link span a:hover:after {width: 15px; height:15px; background-size:15px auto;;}


	.bisDetail {margin:0 15px; padding-top:30px; }
	.bisDetail .title{font-size:16px;padding-bottom:20px; }
	.bisDetail .bgBis {position: relative; margin-bottom:50px; height:auto;}
	.bisDetail .bgBis .txt {position: static;  transform:translate(0,0); font-size:14px; color:#111111; line-height:25px; padding:160px 0 0 0}
	.bisDetail .bgBis .txt a {color:#111111;  }
	.bisDetail .bgBis .txt br {display: none;}
	.bisDetail .bgBis:after {content:''; position: absolute; left:0; margin:0 -15px;  top:0; width:calc(100% + 30px); height:140px; background:url('/pub/images/bis06_big_m.png') center no-repeat; background-size:cover !important;}
	

	.bisDetail.bns02 .bgBis:after { background:url('/pub/images/bisTop02_m.png') center no-repeat;}
	.bisDetail.bns03 .bgBis:after { background:url('/pub/images/bisTop03_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns04 .bgBis:after { background:url('/pub/images/bisTop04_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns05 .bgBis:after { background:url('/pub/images/bisTop05_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns06 .bgBis:after { background:url('/pub/images/bisTop06_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns07 .bgBis:after { background:url('/pub/images/bisTop07_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns08 .bgBis:after { background:url('/pub/images/bisTop08_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns09 .bgBis:after { background:url('/pub/images/bisTop09_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns10 .bgBis:after { background:url('/pub/images/bisTop10_m.png') center no-repeat; color:#111111;}
	.bisDetail.bns11 .bgBis:after { background:url('/pub/images/bisTop11_m.jpg') center no-repeat; color:#111111;}
		
	.bisDetail .bgBis.type2:after {background:url('/pub/images/bisTop05_m.png') center no-repeat;}
	.bisDetail .bisSec {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e7e7e7;}
	.bisDetail .bisSec:after {content:''; display: block; clear:both;}
	.bisDetail .bisSec .tit {float:none; margin-bottom:20px; font-size:18px; line-height:18px;padding-left: 23px; background:url('/pub/images/ico_bis2_m.png') left center no-repeat; background-size:15px auto;}
	.bisDetail .bisSec .rightCont {padding-left: 0;}
	.bisDetail .bisSec .rightCont .box {margin-top:25px; font-size:12px; font-weight:300; color:#111111;}
	.bisDetail .bisSec .rightCont .box:first-child {margin-top: 0;}
	.bisDetail .bisSec .rightCont .box .name {font-weight:500; padding-bottom:3px;}
	.bisDetail .bisSec .rightCont .box .name.only {line-height:20px;}
	.bisDetail .bisSec .rightCont .box .name + .name {padding-top:5px;}
	.bisDetail .bisSec .rightCont .box .cont {padding-left: 0; text-indent:0;}
	.bisDetail .bisSec .rightCont .box .cont.idp {padding-left: 20px; text-indent:-20px; line-height:28px;}
	.bisDetail .bisSec .rightCont .box .cont.idp2 {padding-left: 12px; text-indent:-12px; line-height:28px;}
	.bisDetail .bisSec .rightCont .imgTxt .txt {font-size:12px;margin-bottom:35px; line-height:23px; word-break:keep-all;}
	.bisDetail .bisSec .rightCont .imgTxt .img span {display: block; vertical-align: top; width:100%; font-size: 0; margin-bottom:10px;}
	.bisDetail .bisSec .rightCont .imgTxt .img span:first-child {margin-right:0;}
	.bisDetail .bisSec .rightCont .imgOnly {padding-top:25px;}
	.bisDetail .bisSec .rightCont .imgOnly span {display: inline-block; vertical-align: top; width:100%; font-size: 0;margin-bottom:10px;}
	.bisDetail .bisSec .rightCont .imgOnly span:nth-child(2n) {margin-left:0;}


	.memberList {padding-top:25px;font-size: 0; margin:0 15px;}
	.memberList ul {margin-left:0}
	.memberList ul li {display: inline-block; vertical-align: top; width:48%; margin-left:0; margin-bottom:25px;} 
	.memberList ul li:nth-child(2n) {margin-left:4%;}
	.memberList ul li a{ display: block;}
	.memberList ul li a .img {border:1px solid #dddddd; margin-bottom:10px;}
	.memberList ul li a .name {font-size:15px; line-height:15px; color:#111111; font-weight:500; margin-bottom:10px;}
	.memberList ul li a .txt {font-size:12px; line-height:20px; color:#111111; font-weight:300; margin-bottom:10px; word-break:keep-all;}
	.memberList ul li a .detail {font-size:12px; line-height:12px; color:#666666; font-weight:300; }
	.memberList ul li a .detail span {padding-right:15px; background-size:5px auto;}


	.memberDetail {padding:0 15px;}
	.memberDetail .top {position: relative;  padding:20px 0 0 0; margin-bottom:50px;}
	.memberDetail .top .title {position: absolute; left:0; width: 100%; text-align: center; bottom:-50px;float:none; font-size:16px; line-height:16px; }
	.memberDetail .top .link {float:none; padding-right:0;}
	.memberDetail .top .link a {float:none; margin-left:0; margin-right:10px; font-size:13px; padding-bottom:3px; margin-bottom:10px;}
	.memberDetail .cont01 { margin-bottom:40px;}
	.memberDetail .cont01 .text {padding:30px 0; }
	.memberDetail .cont01 .img {float:none; height:60px; line-height:60px; text-align: center; width:100%; margin-bottom:30px;}
	.memberDetail .cont01 .img img {transform:scale(.7);}
	.memberDetail .cont01 .tb {padding-left:0;}
	.memberDetail .tb table colgroup .no1 {width:70px !important;}
	.memberDetail .tb table th {font-size:13px; color:#111111; font-weight:500; padding:5px 0;}
	.memberDetail .tb table td {font-size:13px; color:#111111; font-weight:300; padding:5px 0;}
	.memberDetail .tb table td a{color:#111111;}
	.memberDetail .txt01 {font-size:13px; color:#111111; font-weight:300; line-height:22px;}
	.memberDetail .lastImg:after {display: block; clear:both; content:'';}
	.memberDetail .lastImg span { float:none; width: 100%;}

	.relationList {margin:0 15px;}
	.relationList .title {font-size:15px; line-height:15px; padding:25px 0 15px 0;}
	.relationList ul {margin-left:0;}
	.relationList ul li {float:left; width:49%; margin-left:0; text-align: center; margin-bottom:20px;}
	.relationList ul li:nth-child(2n) {margin-left:2%;}
	.relationList ul li a .img {border:1px solid #dddddd; margin-bottom:10px;}
	.relationList ul li a .img img {width: 100%;}
	.relationList ul li a .text {font-size:12px; line-height:12px;}


	.subContainer .civiltit {font-size: 23px; font-weight: 600; margin-bottom: 15px; color: #282780;}


}

@media all and (min-width:1280px) and (max-height:880px) {
	.scroll-pane {height:650px;} 
}

@media all and (min-width:1280px) and (max-height:800px) {
	.scroll-pane {height:550px;} 
}

@media all and (max-width:330px) {
	.greetingWrap .top {padding: 35px 0 0 145px}
	.greetingWrap .img {left: -25px; width: 181px}
	.greetingWrap .img b {display: block}
}