@import url(common.css);
@import url(hanjingroup_style3.css);

/* header */
#wrapper {width:100%}
#header {width:100%}
#header .gnbBtn {display:none}
#header .gnb {position:relative; width:980px; height:100px; margin:0 auto; z-index:155}
#header .gnb h1 {float:left; padding-top:10px; margin-right:0px}
#header .gnb h1 a {display:block}
#header .gnb .gnbArea {float:right}
#header .util {width:700px; height:38px; text-align:right}
#header .util a {display:inline-block; font-size:14px; font-weight:bold; color:#777; line-height:38px; padding-left:13px; margin-left:12px; background:url("/common_kob/images/icon/bar1x12.gif") no-repeat 0 50%;}
#header .util a.allMenuBt {font-weight:normal; padding-left:0; margin-left:0; color:#555; background:url("/common_kob/images/icon/allMenu_icon.gif") no-repeat 100% 50%; padding-right:21px}
#header .gnb .gnbMenu {width:850px; height:62px; z-index:150}
#header .gnb .gnbMenu .oneD {float:left; width:140px; height:62px; text-align:center}
#header .gnb .gnbMenu .oneD > a {display:inline-block; width:140px; height:44px; padding-top:17px; font-size:16px; font-weight:bold; color:#333; border-top:1px solid #e6e6e6}
#header .gnb .gnbMenu .oneD:hover > a, #header .gnb .gnbMenu .oneD:focus {color:#00a0c6; font-weight:bold; border-top:1px solid #00a0c6}
#header .gnb .gnbMenu .twoD {display:none; width:140px; height:230px; padding:14px 0; z-index:155}
#header .gnb .gnbMenu .twoD a {display:block; text-align:left; font-size:14px; color:#777; line-height:18px; margin-top:8px; padding-left:22px}
#header .gnb .gnbMenu .twoD a:first-child {margin-top:0}
#header .gnb .gnbMenu .twoD.center a{text-align:center; padding-left:0}
#header .gnb .gnbMenu .twoD a:hover, #header .gnb .gnbMenu .twoD a:focus {font-weight:bold; color:#00a0c6}
#header .twoDBg {display:none; position:absolute; top:100px; left:0; width:100%; height:258px; background:#fff; z-index:150}

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

/* subBody */
.subBody {padding-top:308px; background:url("/common_kob/images/icon/subVisualOB.png") no-repeat 50% 0; background-size:2000px 308px;}
.subBody.type2 {background:url("/common_kob/images/icon/subVisualOB.png") no-repeat 50% 0; background-size:2000px 308px;}
.subBody.type3 {background:url("/common_kob/images/icon/subVisualOB.png") no-repeat 50% 0; background-size:2000px 308px;}
.subBody.type4 {background:url("/common_kob/images/icon/subVisualOB.png") no-repeat 50% 0; background-size:2000px 308px;}
.subBody.type5 {background:url("/common_kob/images/icon/subVisualOB.png") no-repeat 50% 0; background-size:2000px 308px;}
.topTitle {position:absolute; top:100px; left:50%;  overflow:hidden; width:980px; height:258px; margin-left:-490px}
.topTitle p {font-size:38px; color:#fff; font-weight:bold; text-align:center; padding-top:105px; letter-spacing:-1px}
.topTitle a {display:block; font-size:18px; color:#fff; margin-top:-20px; height:41px; line-height:41px}
.topTitle a:hover, .subVisual a:focus {font-weight:bold}
.topTitle .prev{position:absolute; top:50%; left:0; padding-left:60px; background:url("/common_kob/images/btn/prev_btn.png") no-repeat 0 0}
.topTitle .next{position:absolute; top:50%; right:0; padding-right:60px; background:url("/common_kob/images/btn/next_btn.png") no-repeat 100% 0}

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

#lnb .lnbDiv .twoD.one > .innerTwo {display:none; position:absolute; top:-1px; left:310px; width:262px; padding:16px 24px; background:#49b7d0}
#lnb .lnbDiv .twoD.one > .innerTwo > a {display:block; color:#aae5f3; font-size:16px; line-height:35px}
#lnb .lnbDiv .twoD.one > .innerTwo > a > span:hover, #lnb .lnbDiv .twoD.one > .innerTwo > a > span:focus, #lnb .lnbDiv .twoD.one > .innerTwo > a.on > span {font-weight:bold; color:#fff}

#lnb .lnbDiv .twoD.one > .innerTwo > .innerThr {display:none; position:absolute; top:0; left:310px; width:262px; padding:16px 24px; background:#00a0c6}
#lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a {display:block; color:#aae5f3; font-size:16px; line-height:35px}
#lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a > span:hover, #lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a > span:focus, #lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a.on > span {font-weight:bold; color:#fff}

#lnb .lnbDiv .twoD.two > .innerThr {display:none; position:absolute; top:-1px; left:310px; width:262px; padding:16px 24px; background:#00a0c6}
#lnb .lnbDiv .twoD.two > .innerThr > a {display:block; color:#aae5f3; font-size:16px; line-height:35px}
#lnb .lnbDiv .twoD.two > a > span:hover, #lnb .lnbDiv .twoD.two > .innerTwo > a > span:focus, #lnb .lnbDiv .twoD.one > .innerTwo > a.on > span {font-weight:bold; color:#00a0c6}
#lnb .lnbDiv .twoD.two > .innerThr > a > span:hover, #lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a > span:focus, #lnb .lnbDiv .twoD.one > .innerTwo > .innerThr > a.on > span {font-weight:bold; color:#fff}

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

/* footer */
#footer {width:100%; background:#eeeff1}
#footer .footDiv {width:980px; margin:0 auto; padding-top:45px}
#footer .footDiv .footTop {height:124px; font-size:13px; color:#333; line-height:24px}
#footer .footDiv .footTop .left {float:left; height:123px; border-bottom:1px solid #abaead}
#footer .footDiv .footTop .left .link {float:left; width:245px}
#footer .footDiv .footTop .left .link a {display:inline-block; font-size:13px; color:#333}
#footer .footDiv .footTop .left .link a:hover, #footer .footDiv .footTop .left a:focus {text-decoration:underline}
#footer .footDiv .footTop .left .address {float:left; width:490px; color:#777}
#footer .footDiv .footTop .right {float:left; position:relative; width:245px; padding:69px 0 19px; border-bottom:3px solid #444}
#footer .footDiv .footTop .right > a {display:block; font-size:13px; color:#333; font-weight:bold; height:33px; line-height:33px; background:url("/common_kob/images/icon/subsidiary_icon.png") no-repeat 222px 50%}
#footer .footDiv .footTop .right .affiDiv {position:absolute; top:-344px; left:0; width:190px; height:356px; padding:19px 34px 19px 19px; border:1px solid #dadada; background:#fff; overflow-y:scroll; display:none}
#footer .footDiv .footTop .right .affiDiv p {font-size:14px; font-weight:bold; color:#555; padding-bottom:14px; border-bottom:1px solid #dadada; margin-top:25px; margin-bottom:10px}
#footer .footDiv .footTop .right .affiDiv p:first-child {margin-top:0}
#footer .footDiv .footTop .right .affiDiv a {display:block; font-size:13px; color:#777; margin-top:10px}
#footer .footDiv .footTop .right .affiDiv a.mb20 {margin-bottom:20px}
#footer .footDiv .footTop .right .affiDiv a:hover, #footer .footDiv .footTop .right .affiDiv a:focus {text-decoration: underline;}
#footer .footDiv .copyright {font-size:12px; color:#777; padding:20px 0}

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

.typeb2V .typeb2R.fir{}
.typeb2V .typeb2R.fir .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg1_1.png") no-repeat center 0; background-size:120%}
.typeb2V .typeb2R.fir .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg1_2.png") no-repeat center 0}
.typeb2V .typeb2R.fir .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg1_3.png") no-repeat center 0}

.typeb2V .typeb2R.sec{}
.typeb2V .typeb2R.sec .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg2_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.sec .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg2_2.png") no-repeat center 0}
.typeb2V .typeb2R.sec .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg2_3.png") no-repeat center 0}

.typeb2V .typeb2R.thi{}
.typeb2V .typeb2R.thi .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg3_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.thi .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg3_2.png") no-repeat center 0}
.typeb2V .typeb2R.thi .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg3_3.png") no-repeat center 0}

.typeb2V .typeb2R.for{}
.typeb2V .typeb2R.for .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg4_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.for .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg4_2.png") no-repeat center 0}
.typeb2V .typeb2R.for .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg4_3.png") no-repeat center 0}

.typeb2V .typeb2R.fiv{}
.typeb2V .typeb2R.fiv .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg5_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.fiv .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg5_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.fiv .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg5_1.jpg") no-repeat center 0}

.typeb2V .typeb2R.six{}
.typeb2V .typeb2R.six .one{top:-20px; width:1940px; height:640px; background:url("/common_kob/images/icon/typeb2_rbg6_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.six .two{top:-40px; width:2000px; height:680px; background:url("/common_kob/images/icon/typeb2_rbg6_1.jpg") no-repeat center 0}
.typeb2V .typeb2R.six .thr{top:-60px; width:2040px; height:720px; background:url("/common_kob/images/icon/typeb2_rbg6_1.jpg") no-repeat center 0}


.typeb2V .rBt{position:relative; width:100%; z-index:100; text-align:center}
.typeb2V .rBt a{padding:0 4px;}
.typeb2V .rBt a.playBt {position:relative; top:-5px;}
.typeb2V .servBt{position:absolute; bottom:70px; left:50%; width:120px; margin-left:-60px; z-index:140; text-align:center}
.typeb2V .tit{position:absolute; top:165px; left:0; width:100%; z-index:100; text-align:center; opacity:0}
.typeb2V .bar{position:absolute; top:240px; left:0; width:100%; z-index:100; text-align:center; opacity:0}
.typeb2V .txt{position:absolute; top:300px; left:0; width:100%; z-index:100; text-align:center; opacity:0}
.typeb2Ser{position:absolute; bottom:-700px; left:0; width:100%; z-index:120; background:#333}
.typeb2Ser .servDiv{position:relative; width:100%; height:520px; overflow:hidden}
.typeb2Ser .servDiv .servPack{position:absolute; top:0px; left:0; width:1900px; height:700px; overflow:hidden}
.typeb2Ser .servDiv .servPack .bt{position:absolute; top:0px; left:0; width:980px; height:700px; overflow:hidden}
.typeb2Ser .servDiv .servPack .bt img{position:absolute; top:0px; left:0; opacity:1; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.typeb2Ser .servDiv .servPack .bt img.serimgon{opacity:0; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.typeb2Ser .servDiv .servPack .bt.on img{opacity:0;}
.typeb2Ser .servDiv .servPack .bt.on img.serimgon{opacity:1;}

.typeb2Ser .servDiv .servPack .bt .service {position:absolute; top:0; left:0; padding:90px 105px 0; display:none}
.typeb2Ser .servDiv .servPack .bt.on .service {display:block}
.typeb2Ser .servDiv .servPack .bt .service .serTit {font-size:35px; font-weight:bold; color:#fff}
.typeb2Ser .servDiv .servPack .bt .service .serTxt {font-size:17px; color:#fff; margin-top:10px}
.typeb2Ser .servDiv .servPack .bt .service .links {overflow:hidden; margin-top:35px}
.typeb2Ser .servDiv .servPack .bt .service .links div a {display:block; margin-top:35px}
.typeb2Ser .servDiv .servPack .bt .service .links div a.mt65 {margin-top:65px}
.typeb2Ser .servDiv .servPack .bt .service .links div a.mt30 {margin-top:30px}
.typeb2Ser .servDiv .servPack .bt .service .links div a.mt25 {margin-top:25px}
.typeb2Ser .servDiv .servPack .bt .service .links div a:first-child {margin-top:0}
.typeb2Ser .servDiv .servPack .bt .service .links div a span {display:block}
.typeb2Ser .servDiv .servPack .bt .service .links div a .linkTit {font-size:22px; font-weight:bold; color:#485463}
.typeb2Ser .servDiv .servPack .bt .service .links div a .linkTxt {font-size:14px; color:#485463; line-height:22px; margin-top:10px}
.typeb2Ser .servDiv .servPack .bt .service .links div a .white {color:#fff}
.typeb2Ser .servDiv .servPack .bt .service .links .left {float:left; width:345px; margin-right:20px}
.typeb2Ser .servDiv .servPack .bt .service .links .right {float:left; width:345px;}

.typeb2Ser .servDiv .servPack .lefta{display:block; width:134px; height:126px; position:absolute; top:210px; left:316px;}
.typeb2Ser .servDiv .servPack .lefta img{opacity:0; position:absolute; top:0; left:0;}
.typeb2Ser .servDiv .servPack .lefta img.on{opacity:1;}
.typeb2Ser .servDiv .servPack .righta{display:block; width:134px; height:126px; position:absolute; top:210px; right:316px;}
.typeb2Ser .servDiv .servPack .righta img{opacity:0; position:absolute; top:0; left:0;}
.typeb2Ser .servDiv .servPack .righta img.on{opacity:1;}
.dimbg{display:none; position:absolute; top:0px; left:0; width:100%; height:100%; background:url("/common_kob/images/icon/dimbg.png") repeat 0 0; z-index:110;}

.mainConArea {width:1000px; margin:0 auto; padding:15px 0 0px 0}
.mainConArea .banner {overflow:hidden}
.mainConArea .banner a {display:block; float:left;margin-left:20px}
.mainConArea .banner .bn1 {margin-left:0; background:url("/common/images/main/club.jpg") no-repeat 0 0}
.mainConArea .banner .bn3 {background:url("/common/images/main/group.jpg") no-repeat 0 0}
.mainConArea .banner .bn4 {background:url("/common/images/main/community.jpg") no-repeat 0 0}
.mainConArea .banner a img {opacity:0;}
.mainConArea .mainCon {width:100%; overflow:hidden; padding-top:-10px;}
.mainConArea .mainCon .cont {float:left; width:480px; margin-right:20px}
.mainConArea .mainCon .cont .topArea {padding:25px 20px 0 20px; background:url("/common_kob/images/icon/main_roll_bg.jpg") no-repeat 0 0; height:215px}
.mainConArea .mainCon .cont .topArea .tit {font-size:18px; font-weight:bold; color:#333}
.mainConArea .mainCon .cont .topArea .txt {font-size:15px; color:#777; line-height:20px; margin-top: 20px}
.mainConArea .mainCon .cont .rollArea {width:440px; overflow:hidden; margin:-70px auto 0}
.mainConArea .mainCon .cont .rollArea .img {width:100%; /*height:140px;*/ height:auto; overflow:hidden; position:relative}
.mainConArea .mainCon .cont .rollArea .img p {/*position:absolute; top:0; left:0; height:140px;*/ width:440px; height:auto; overflow:hidden}
.mainConArea .mainCon .cont .rollArea .img p a {display:block; width:440px; height:140px; background:url("/common_kob/images/icon/main_roll_imgN.jpg") no-repeat 0 0; position:relative}
.mainConArea .mainCon .cont .rollArea .img p a img {width:100%; /*position:absolute; left:0*/}
.mainConArea .mainCon .cont .rollArea .bottom {width:100%; overflow:hidden; margin-top:20px}
.mainConArea .mainCon .cont .rollArea .bottom .txtArea {float:left; width:275px; padding-left:10px}
.mainConArea .mainCon .cont .rollArea .bottom .txtArea a {display:block; width:270px; overflow:hidden}
.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .tit {display:block; width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:bold; color:#333}
.mainConArea .mainCon .cont .rollArea .bottom .txtArea a:hover .tit , .mainConArea .mainCon .cont .rollArea .bottom .txtArea a:focus .tit {text-decoration: underline;}
.mainConArea .mainCon .cont .rollArea .bottom .txtArea a .date {display:block; font-size:12px; color:#777; margin-top:10px}
.mainConArea .mainCon .cont .rollArea .bottom .btn {float:left; width:154px; overflow:hidden}
.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev {float:left; width:52px; height:13px; background:url("/common_kob/images/btn/main_roll_prev.png") no-repeat 0 0}
.mainConArea .mainCon .cont .rollArea .bottom .btn a.prev:hover {background:url("/common_kob/images/btn/main_roll_prev_on.png") no-repeat 0 0}
.mainConArea .mainCon .cont .rollArea .bottom .btn a.next {float:left; width:51px; height:13px; background:url("/common_kob/images/btn/main_roll_next.png") no-repeat 0 0}
.mainConArea .mainCon .cont .rollArea .bottom .btn a.next:hover {background:url("/common_kob/images/btn/main_roll_next_on.png") no-repeat 0 0}
.mainConArea .mainCon .cont .rollArea .bottom .btn a.more {float:left; width:51px; height:13px; background:url("/common_kob/images/btn/main_roll_more.png") no-repeat 0 0}
.mainConArea .mainCon .news {float:left; width:48%; height:200px;}
.mainConArea .mainCon .news .newsTit {font-size:18px; font-weight:bold; color:#333; padding-top:25px; margin-bottom:20px}
.mainConArea .mainCon .news .top {display:block; width:100%; overflow:hidden}
.mainConArea .mainCon .news .top:hover .txtArea, .mainConArea .mainCon .event .top:focus .txtArea {text-decoration: underline;}
.mainConArea .mainCon .news .top .img {display:block; float:left; width:210px; height:125px; margin-right:20px; overflow:hidden; background:url("/common_kob/images/icon/main_press_imgN.jpg") no-repeat 0 0}
.mainConArea .mainCon .news .top .img img {width:100%}
.mainConArea .mainCon .news .top .txtArea {display:block; float:left; width:230px; }
.mainConArea .mainCon .news .top .txtArea .tit {display:block; width:230px; height:48px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:24px}
.mainConArea .mainCon .news .top .txtArea .txt {display:block; width:230px; height:70px; font-size:13px; color:#777; line-height:20px; margin-top:5px}
.mainConArea .mainCon .news .bottom {margin-top:15px; padding-top:6px; border-top:1px solid #eaeaea}
.mainConArea .mainCon .news .bottom ul li {padding-left:10px; background:url("/common_kob/images/icon/dot2x2.gif") no-repeat 0 50%; font-size:12px; color:#777}
.mainConArea .mainCon .news .bottom ul li a {display:block}
.mainConArea .mainCon .news .bottom ul li a .tit {display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; margin-right:20px; font-size:14px; line-height:23px; color:#555}
.mainConArea .mainCon .news .bottom ul li a .date {display:inline-block; line-height:23px;font-size:14px;}
.mainConArea .mainCon .news .bottom ul li a:hover span, .mainConArea .mainCon .event .bottom ul li a:focus span {text-decoration: underline;}


/* 筌뤴뫀而 占쎌뵬 筌롫뗄 뵥  뜮袁⑼폒占쎈섰 占쎌겫占쎈열 */
.mobileVisual {display:none; position:relative; width:100%; overflow:hidden}
.mobileVisual .visualArea ul {position:relative; width:100%}
.mobileVisual .visualArea ul li{width:100%}
.mobileVisual .visualArea ul .roll {position:absolute; top:0; left:0; width:100%}
.mobileVisual .visualArea ul .roll > img {width:100%; height:250px; object-fit:cover}
.mobileVisual .btn_area {position:absolute; top:56.5%; left:0; width:100%}
.mobileVisual .btn_area .btn_page {width:20px; height:20px; background:url("/common_kob/images/icon/m_vis_indi.png") no-repeat 0 0; margin-left:10px}
.mobileVisual .btn_area .btn_page:first-child {margin-left:0}
.mobileVisual .btn_area .btn_page.on {background:url("/common_kob/images/icon/m_vis_indi_on.png") no-repeat 0 0}

.mobileVisual .serBtn {position:absolute; bottom:15px; left:50%; width:15.8%; z-index:50}
.mobileVisual .serBtn a {width:100%}
.mobileVisual .serBtn img {width:100%}

.mobileVisual .service {width:100%; overflow:hidden; position:absolute; bottom:-100%; left:0; z-index:40;}
.mobileVisual .service ul {width:100%}
.mobileVisual .service ul li {width:100%}
.mobileVisual .service ul li img {width:100%}
.mobileVisual .service .txtArea {position:absolute; top:0; left:0; width:90%; height:80%; padding:15% 5% 0}
.mobileVisual .service .txtArea .tit {font-size:34px; font-weight:bold; color:#fff}
.mobileVisual .service .txtArea .txt {font-size:16px; color:#fff; margin-top:10px}
.mobileVisual .service .txtArea .linkArea {overflow:hidden; width:100%; margin-top:5%}
.mobileVisual .service .txtArea .linkArea .left {float:left; width:50%}
.mobileVisual .service .txtArea .linkArea div a {display:block; margin-bottom:9%}
.mobileVisual .service .txtArea .bottom{display:block}
.mobileVisual .service .txtArea .bottom .tit {display:block; font-size:24px; font-weight:bold; color:#485463}
.mobileVisual .service .txtArea .bottom .txt {display:block; font-size:14px; line-height:23px; margin-top:10px; color:#485463}
.mobileVisual .service .txtArea .linkArea a .tit {display:block; font-size:24px; font-weight:bold; color:#485463}
.mobileVisual .service .txtArea .linkArea a .txt {display:block; font-size:14px; line-height:23px; margin-top:10px; color:#485463}
.mobileVisual .service .txtArea .linkArea a .white {color:#fff}
.mobileVisual .service .txtArea .linkArea .right {float:left; width:46%; margin-left:4%}

.mobileVisual .service .btnArea {position:absolute; top:4%; right:3%; z-index:50}
.mobileVisual .shadow {display:none; position:absolute; top:0; left:0; background:url("/common_kob/images/icon/black_bg2.png") repeat 0 0; width:100%; height:100%;}

/* contents */
#cBody.mapBg {background:url("/common_kob/images/icon/worldMap_bg.png") no-repeat 50% 1039px}
#cBody.mapBg2 {background:url("/common_kob/images/icon/worldMap_bg.png") no-repeat 50% 689px}
#subCon {width:980px; margin:0 auto; padding:62px 0 100px}
#subCon.pdB0 {padding-bottom:0}
.titleArea {width:100%}
.titleArea p {color:#777; line-height:22px; letter-spacing:-0.5px}
.titleArea .block {display:block;}
.titleArea .tit {display:none; font-size:40px; font-weight:bold; color:#333; text-align:center; line-height:47px; margin-bottom:52px}
.titleArea .grnTxt {margin-bottom:25px;font-size:28px; font-weight:bold; line-height:36px; color:#00a0c6}
.titleArea .blk {color:#333}

.searchBox {border:1px solid #dedede; background:#f3f5f5; padding:20px 30px}
.searchBox select {width:170px; height:40px}
.searchBox select.type2 {width:150px}
.searchBox select.type3 {width:110px}
.searchBox input[type="text"] {width:321px; height:32px; margin-left:5px}
.searchBox p {display:inline-block}

.videoArea {width:100%; margin-bottom:30px}
.videoArea .video {position:relative; width:100%; padding-bottom:56.25%; z-index:0}
.videoArea .video iframe {position:absolute; width:100% !important; height:100% !important; z-index:5 !important}
.videoArea .info {font-size:16px; color:#777; margin-top:30px}
.videoArea .info span.bar {padding-left:10px; margin-left:10px; background:url("/common_kob/images/icon/bar1x14.gif") no-repeat 0 50%}
.videoArea .title {font-size:22px; line-height:27px; font-weight:bold; color:#444; margin-top:20px; overflow:hidden}
.videoArea .title span {display:inline-block; float:left; width:80%}
.videoArea .title .caption {float:right; display:inline-block; width:100px; line-height:27px}
.videoArea .title .caption span {font-size:18px; font-weight:bold; color:#555; padding-right:20px; background:url("/common_kob/images/icon/plus_icon.png") no-repeat 100% 50%;}
.videoArea .title .caption.on span {background:url("/common_kob/images/icon/minus_icon.png") no-repeat 100% 50%;}
.captionArea {display:none; line-height:22px; color:#777; padding:29px 29px; border:1px solid #e1e1e1; background:#f5f5f5}

.ciDiv {width:100%; overflow:hidden; margin-bottom:60px}
.ciDiv > div {float:left}
.ciDiv .imgArea {margin-right:30px}
.ciDiv .imgArea img {width:100%}
.ciDiv .txtArea {width:470px}
.ciDiv .txtArea .txt {color:#777; line-height:22px;}
.ciDiv .txtArea .csTit {font-size:18px; font-weight:bold; color:#333; margin-top:24px}
.ciDiv .txtArea .csArea {overflow:hidden; margin-top:20px}
.ciDiv .txtArea .csArea .csBox {float:left; width:125px;}
.ciDiv .txtArea .csArea .csBox:first-child {margin-right:16px}
.ciDiv .txtArea .csArea .csBox .blue {width:125px; height:76px; background:#00529b}
.ciDiv .txtArea .csArea .csBox .red {width:125px; height:76px; background:#eb1e2d}
.ciDiv .txtArea .csArea .csBox .csTxt {padding:10px; border:1px solid #e2e2e2; border-top:0; font-size:12px; color:#777; line-height:15px}
.ciDiv .txtArea .csArea .csBox .csTxt span {font-weight:bold; color:#333}

.snsSearch {border:1px solid #dedede; background:#f5f5f5; text-align:center; padding:18px 3%;}
.snsSearch select {width:270px; height:40px}
.snsDiv {overflow:hidden}
.snsDiv .select {border:1px solid #d9d9d9; padding:59px 3%; text-align:center}
.snsDiv .select p {display:inline-block; padding:21px 0 0 73px; height:38px; font-size:16px; font-weight:bold; color:#0e93b6; background:url("/common_kob/images/icon/sns_select_icon.png") no-repeat 0 0}
.snsDiv .sns {float:left; position:relative; width:298px; height:407px; border:1px solid #d9d9d9; margin-right:20px; margin-bottom:20px}
.snsDiv .sns .snsHead {position:absolute; top:0; left:0; width:269px; background:#fff; z-index:1; overflow:hidden; height:41px; padding:15px 10px 14px 19px; border-bottom:1px solid #d9d9d9; margin-bottom:6px;}
.snsDiv .sns .snsHead .fb {display:inline-block; line-height:20px; font-size:15px; font-weight:bold; color:#444; padding-left:52px; background:url("/common_kob/images/icon/facebook_icon.gif") no-repeat 0 50%}
.snsDiv .sns .snsHead .fbBtn {position:absolute; right:10px; top:50%; margin-top:-10px; display:block; text-align:center; width:33px; height:18px; padding:2px 1px 0 65px; font-size:12px; letter-spacing:-0.5px; color:#000; background:url("/common_kob/images/btn/facebook_btn.gif") no-repeat 0 0}
.snsDiv .sns .snsHead .tw {display:inline-block; line-height:20px; font-size:15px; font-weight:bold; color:#444; padding-left:52px; background:url("/common_kob/images/icon/twitter_icon.gif") no-repeat 0 50%}
.snsDiv .sns .snsHead .twBtn {position:absolute; right:10px; top:50%; margin-top:-10px}
.snsDiv .sns .snsBody {overflow-y:auto; height:330px; margin-top:75px}
.snsDiv .sns .twitter-timeline {height:337px !important; margin-top:72px !important}
.snsDiv .sns .snsBody .inner {padding:20px 15px;}
.snsDiv .sns .snsBody .inner > div {margin-top:20px; border-top:1px solid #ddd; padding-top:20px}
.snsDiv .sns .snsBody .inner div:first-child{margin-top:0; border-top:0; padding-top:0}
.snsDiv .sns .snsBody .inner div .tit {width:100%; height:35px; position:relative; overflow:hidden; margin-bottom:20px}
.snsDiv .sns .snsBody .inner div .tit .icon {float:left; margin-right:9px}
.snsDiv .sns .snsBody .inner div .tit .name {float:left; font-size:13px; font-weight:bold; color:#333; line-height:17px}
.snsDiv .sns .snsBody .inner div .tit .name span {font-size:12px; color:#666}
.snsDiv .sns .snsBody .inner div .tit .time {display:inline-block; position:absolute; top:9px; right:0; font-size:11px; color:#666}
.snsDiv .sns .snsBody .inner div .txt {letter-spacing:-1px; font-size:14px}
.snsDiv .sns .snsBody .inner div .txt .img {width:100%; margin-top:20px; overflow:hidden}
.snsDiv .sns .snsBody .inner div .txt .img img {width:100%}
.snsDiv .sns .snsBody .inner div .txt .fbFooter {margin-top:20px; font-size:12px}
.snsDiv .sns .snsBody .inner div .txt .fbFooter p {text-align:center; margin-top:13px; padding-top:9px; border-top:1px solid #f0f0f0}
.snsDiv .sns .snsBody .inner div .txt .fbFooter p a {margin-left:20px}
.snsDiv .sns .snsBody .inner div .txt .fbFooter p a:first-child {margin-left:0}
.moreBtn {width:100%;  background:#808080; text-align:center}
.moreBtn a {display:block; padding:13px 0 14px; font-size:18px; font-weight:bold; color:#fff; }
.moreBtn a span {padding-right:21px; background:url("/common_kob/images/icon/more_icon.png") no-repeat 100% 50%;}

.overview {overflow:hidden}
.overview .logoTxt {width:844px; overflow:hidden; height:275px; padding:37px 90px 0 46px;background:#f1f6f7; overflow:hidden}
.overview .logoTxt .img {float:left; margin-right:49px}
.overview .logoTxt .right {float:left; width:677px}
.overview .logoTxt .right .tit {width:100%; font-size:28px; font-weight:bold; color:#333; letter-spacing:-0.5px}
.overview .logoTxt .right .tit span {color:#0d93b6}
.overview .logoTxt .right .txt {width:100%; color:#555; line-height:22px; padding-top:20px; background:url("/common_kob/images/icon/bar25x3.gif") no-repeat 0 0; margin-top:20px}
.overview .txtArea {overflow:hidden; padding-left:40px; margin-top:-68px}
.overview .txtArea > div p {font-size:14px; color:#777; line-height:26px; padding-left:10px}
.overview .txtArea > div .tit {font-size:23px; color:#333; font-weight:bold; margin:16px 0 10px}
.overview .txtArea .left {float:left; width:440px; margin-right:20px}
.overview .txtArea .right {float:left; width:440px;}
.groupTxt {width:100%; overflow:hidden; text-align:center}
.groupTxt .mobile {display:none; width:100%}

.disclosureDiv {width:100%; height:980px; overflow-x:auto}
.disclosureDiv > div {width:765px; height:945px; margin:0 auto}
.disclosureDiv.borT {border-top:3px solid #00a0c6; padding-top:30px}

.stockDiv {height:auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.stockDiv > div {margin:0 auto}
.stockDiv > div.wd100 {width:100%}
.stockDiv iframe {min-height:760px}

.map {width:100%}
.map img {width:100%}
.map .mobile {display:none}
.mapInfo {width:100%; overflow:hidden}
.mapInfo div {float:left; width:435px; margin-top:19px; margin-left:55px; border-bottom:1px solid #dcdee2; padding-bottom:19px}
.mapInfo div .icon{float:left; margin-right:28px}
.mapInfo div .txt{float:left; color:#777; line-height:72px; height:72px;}
.mapInfo div .txt span {margin-right:19px; font-weight:bold; color:#333}

.historyImg {width:100%}
.historyImg img {width:100%}
.history {width:100%}
.history .list{width:100%; overflow:hidden; margin-top:40px}
.history .list .year {float:left; width:135px; font-size:20px; font-weight:bold; color:#333; line-height:29px}
.history .list .txt {float:left; width:833px; }
.history .list .txt p {color:#777; line-height:26px; padding-left:12px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 11px}

.activity {width:100%; overflow:hidden}
.activity .actDiv {overflow:hidden}
.activity .actDiv .box {float:left; width:470px; margin-right:40px; margin-bottom:40px}
.activity .actDiv .box.end {margin-right:0px}
.activity .actDiv .box img {width:100%}
.activity .actDiv .box .txt {overflow:hidden; min-height:162px; padding:25px 29px; border:1px solid #ddd; border-top:0}
.activity .actDiv .box .txt ul {width:100%; float:left}
.activity .actDiv .box .txt ul li {font-size:16px; color:#333; line-height:27px; padding-left:15px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 11px}
.activity .actDiv .box .txt .btn {display:inline-block; float:right; padding:6px 14px 6px; background:#00a0c6; color:#fff; font-size:14px; text-align:center; font-weight:bold}

.activity .actDiv2 {width:306px; margin-right:31px; margin-bottom:40px; float:left}
.activity .actDiv2.end {margin-right:0}
.activity .actDiv2 .tit {font-size:18px; font-weight:bold; color:#333; margin-top:20px}
.activity .actDiv2 .txt {min-height:135px; font-size:14px; line-height:26px; margin-top:15px; letter-spacing:-0.4px; color:#777}
.activity .actDiv2 .txt.type2 {min-height:auto}
.activity .actDiv2 ul {margin-top:10px;}
.activity .actDiv2 ul li {font-size:14px; color:#333; line-height:24px; padding-left:15px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 9px}

.outline {width:100%; overflow:hidden; padding-top:20px; border-top:1px solid #e6e6e6; margin-top:50px}
.outline > div {width:50%; overflow:hidden; float:left; margin-top:30px}
.outline div .img {width:230px; float:left}
.outline div .img img {width:100%}
.outline div .txtArea {width:226px; padding: 0 17px; float:left; min-height:190px}
.outline div .txtArea .tit {font-size:16px; font-weight:bold; color:#333; margin-bottom:15px}
.outline div .txtArea .txt {width:100%; font-size:14px; color:#555; line-height:22px; letter-spacing:-0.5px}

.contact {width:100%; overflow:hidden}
.contact > div > div {margin-bottom:50px}
.contact .left {float:left; width:470px}
.contact .right {float:right; width:470px}
.contact .txt {border:1px solid #ddd; border-top:0; padding:14px 34px 22px}
.contact .txt .name {font-size:16px; font-weight:bold; color:#333; line-height:35px; margin-top:10px}
.contact .txt .name:first-child {margin-top:0}
.contact .txt .num {height:19px; line-height:19px; font-size:14px; color:#777; padding-left:24px; background:url("/common_kob/images/icon/tel_icon2.png") no-repeat 0 50%}

.phlDiv {width:100%}
.phlDiv img {width:100%}
.phlDiv .mobile {display:none}
.phlDiv div {text-indent:-9999px; font-size:0px; overflow:hidden}

.photo {position:relative; width:980px; height:500px; overflow:hidden}
.photo .roll {position:absolute; top:0; left:0; width:980px; height:500px; overflow:hidden}
.photo .roll img {width:980px; height:500px}
.photo .roll .txt {position:absolute; left:0; bottom:0; width:830px; padding:17px 130px 19px 20px; background:url("/common_kob/images/icon/roll_bg.png") repeat 0 0; color:#fff; font-size:16px}
.photo .roll .txt .tit {display:block; width:740px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo .roll .txt .date {float:right; font-size:14px; float:right; line-height:19px}
.photo .btn {position:absolute; right:0; bottom:0; overflow:hidden}
.photo .btn a {float:left}

/* 占쎈７占쎈꽅筌  꼶 뵛占쎈쐭 占쎈꼥占쎌뵠 揶쏉옙癰귨옙占쎌굨 */
.photo2 {width:100%; height:auto; position:relative; overflow:hidden}
.photo2 > img {width:100%}
.photo2 .txt {position:absolute; left:0; bottom:0; width:830px; padding:17px 130px 19px 20px; background:url("/common_kob/images/icon/roll_bg.png") repeat 0 0; color:#fff; font-size:16px}
.photo2 .txt .tit {display:block; width:740px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo2 .txt .date {float:right; font-size:14px; line-height:19px}
.photo2 .btn {position:absolute; right:0; bottom:0; overflow:hidden}
.photo2 .btn a {float:left}

.photoArea {position:relative; width:100%; height:500px; overflow:hidden; display:none}
.photoArea .photoM {width:100%; height:500px; overflow:hidden}
.photoArea .photoM ul {width:100%; height:500px;}
.photoArea .photoM ul .roll {position:absolute; top:0; left:0; width:980px; height:500px; overflow:hidden}
.photoArea .photoM ul .roll img {width:980px; height:500px}
.photoArea .photoM ul .roll .txt {position:absolute; left:0; bottom:0; width:830px; padding:17px 130px 19px 20px; background:url("/common_kob/images/icon/roll_bg.png") repeat 0 0; color:#fff; font-size:16px}
.photoArea .photoM ul .roll .txt span {font-size:14px; float:right; line-height:19px}
.photoArea .btnM {position:absolute; right:0; bottom:0; overflow:hidden}
.photoArea .btnM a {float:left}
.photoArea .btnM2 {position:absolute; right:0; bottom:0; overflow:hidden}
.photoArea .btnM2 a {float:left}
.photoArea .btnM3 {position:absolute; right:0; bottom:0; overflow:hidden}
.photoArea .btnM3 a {float:left}
.photoArea .btnM4 {position:absolute; right:0; bottom:0; overflow:hidden}
.photoArea .btnM4 a {float:left}

.visionDiv {position:relative; padding:49px 90px 43px 90px; overflow:hidden; background:#e1ebee url("/common_kob/images/icon/vision_bg.png") no-repeat 100% 0}
.visionDiv .left {float:left; overflow:hidden; margin-right:100px}
.visionDiv .left .txt {padding-top:18px; background:url("/common_kob/images/icon/bar30x2.gif") no-repeat 0 0; font-size:30px; font-weight:bold; color:#333; line-height:40px}
.visionDiv .left .txt span {color:#0e93b6}
.visionDiv .left .rBox {font-size:20px; font-weight:bold; color:#30565f; background:#d6e3e7; width:175px; padding:11px 0 13px; text-align:center; border-radius:25px; margin-top:30px}
.visionDiv .right {float:left; overflow:hidden}
.visionDiv .right > div {float:left; width:155px; text-align:center}
.visionDiv .right > div .rank {font-size:16px; font-weight:bold; color:#333; margin-top:5px}
.visionDiv .right > div .rank span {font-size:16px; color:#0099c1}
.visionDiv .right > div .rankInfo {font-size:13px; color:#666c6e; margin-top:5px}

.visionTit {text-align:center; padding-top:45px; margin-top:60px; font-size:20px; font-weight:bold; color:#555; background:url("/common_kob/images/icon/vision_icon.gif") no-repeat 50% 0}
.visionTit span {display:block; padding-bottom:13px; background:url("/common_kob/images/icon/bar26x2.gif") no-repeat 50% 100%}
.visionDIv2 {width:100%; padding-bottom:77px; background:url("/common_kob/images/icon/bottom_bg.png") no-repeat 50% 100%}
.visionDIv2 > div {width:100%; overflow:hidden}
.visionDIv2 > div > div {float:left}
.visionDIv2 > div .txt {border:1px solid #ddd; border-top:0; padding:25px 30px; width:429px; min-height:110px}
.visionDIv2 > div .txt.type2 {width:428px}
.visionDIv2 .top .txt {border-bottom:0; min-height:157px; width:428px}
.visionDIv2 .end .txt {border-left:0}
.visionDIv2 > div .txt p {font-size:18px; font-weight:bold; color:#333; margin-bottom:15px}
.visionDIv2 > div .txt ul li {font-size:14px; color:#777; line-height:24px}
.visionRTxt {width:745px; background:#0e93b6; font-size:22px; font-weight:bold; color:#fff; text-align:center; padding:25px 0; margin:0 auto; border-radius:35px}

.missionTit {text-align:center; padding-top:55px; margin-top:20px; font-size:20px; font-weight:bold; color:#555; background:url("/common_kob/images/icon/mission_icon.gif") no-repeat 50% 0}
.missionTit span {display:block; padding-bottom:13px; background:url("/common_kob/images/icon/bar26x2.gif") no-repeat 50% 100%}
.missionDiv {width:100%; overflow:hidden;}
.missionDiv img {width:100%}
.missionDiv dl { text-indent:-9999px; font-size:0;}
.missionDiv .mobile {display:none; width:100%}
.missionRTxt {width:100%; overflow:hidden}
.missionRTxt p {float:right; width:405px; background:#0e93b6; font-size:16px; line-height:22px; font-weight:bold; color:#fff; padding:25px 40px; margin:0 auto; border-radius:46px}
.missionRTxt p:first-child {float:left}

.nwListTop {border:1px solid #e6e6e6}
.nwListTop .company {overflow:hidden; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #e6e6e6; padding:19px 29px}
.nwListTop .company p {float:left; line-height:30px}
.nwListTop .company a {float:right}
.nwListTop .bottom {padding:40px 30px; overflow:hidden}
.nwListTop .bottom .img {float:left; margin-right:30px}
.nwListTop .bottom .txtArea {float:left; width:674px; padding-top:14px}
.nwListTop .bottom .txtArea .txt {padding-left:5px; margin-top:30px; line-height:24px}

.nwList {width:100%; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6}
.nwList a {display:block; float:left; width:230px; margin-right:20px; margin-bottom:25px; min-height:337px}
.nwList a.end {margin-right:0}
.nwList a .img {display:block; width:230px; height:140px}
.nwList a .img {width:100%}
.nwList a .tit {display:block; font-size:16px; font-weight:bold; color:#333; margin:17px 0 10px}
.nwList a .txt {display:block; font-size:14px; line-height:22px; color:#777; letter-spacing:-0.1px}

.nwList2 {width:100%; overflow:hidden}
.nwList2 .half { float:left; width:480px}
.nwList2 .half:first-child {width:500px}

.talent {width:100%; overflow:hidden}
.talent .tlt {width:307px; margin-left:30px; float:left; text-align:center}
.talent .tlt.last {margin-left:29px}
.talent .tlt:first-child {margin-left:0}
.talent .tlt .tit {font-size:24px; font-weight:bold; color:#2d5790; margin-top:14px; margin-bottom:12px}
.talent .tlt .tit.type2 {color:#1474b1}
.talent .tlt .tit.type3 {color:#1487a8}
.talent .tlt .icon {margin:10px 0 10px}
.talent .tlt .txtArea {border:1px solid #ddd; border-top:3px solid #467cc1; padding:30px 7px; min-height:203px}
.talent .tlt .txtArea.type2 {border-top:3px solid #4d91c4}
.talent .tlt .txtArea.type3 {border-top:3px solid #4a9dbb}
.talent .tlt .txtArea p {font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.3px}
.talent .tlt .txtArea ul li {text-align:left; padding-left:14px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 8px; line-height:22px; margin-top:5px; color:#777}
.talent .tlt .txtArea ul li:first-child {margin-top:20px}

.promote {width:100%; overflow:hidden}
.promote div {width:50%; float:left}
.promote div ul li {font-size:16px; padding-left:14px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 10px; line-height:24px; margin-top:10px}
.promote div ul li:first-child {margin-top:0}

.system {width:100%; margin-top:70px; text-align:center}
.system .mobile {display:none; width:100%}

.benefit {width:100%; overflow:hidden}
.benefit .bnfTxt {float:left; width:425px; margin-right:55px; border-top:1px solid #dcdee2; padding:19px 5px}
.benefit .bnfTxt.last {border-bottom:1px solid #dcdee2}
.benefit .bnfTxt .icon {float:left; margin-right:27px}
.benefit .bnfTxt .txt {float:left; font-weight:bold; color:#333; line-height:72px}

.ad {width:100%; overflow:hidden}
.ad .adView {float:left; position:relative; overflow:hidden; width:605px; height:760px; margin-right:29px}
.ad .adView .roll {position:absolute; top:0; left:0}
.ad .adView .roll .img {width:605px; height:760px; overflow:hidden; background:url("/common_kob/images/icon/ad_roll_default_img.jpg") no-repeat 0 0}
.ad .adView .roll .img img {width:100%}
.ad .adView .roll .txt {position:absolute; bottom:0; left:0; width: 565px; color:#fff; background:url("/common_kob/images/icon/black_bg2.png") repeat 0 0; padding:30px 20px}
.ad .adView .roll .txt .tit {font-size:16px; font-weight:bold; margin-bottom:10px}
.ad .adView .roll .txt .date span {padding-left:19px; margin-left:17px; background:url("/common_kob/images/icon/bar1x11.gif") no-repeat 0 50%}
.ad .adView .btn .prev {position:absolute; left:0; top:50%; margin-top:-30px}
.ad .adView .btn .next {position:absolute; right:0; top:50%; margin-top:-30px}

/* 筌욑옙筌롫떯 굝 ⑨옙 占쎈꼥占쎌뵠 揶쏉옙癰귨옙占쎌굨 占쎌겫占쎈열*/
.ad .adView2 {float:left; position:relative; overflow:hidden; width:605px; height:auto; margin-right:29px}
.ad .adView2 > img {width:100%}
.ad .adView2 .txt {position:absolute; bottom:0; left:0; width: 565px; color:#fff; background:url("/common_kob/images/icon/black_bg2.png") repeat 0 0; padding:30px 20px}
.ad .adView2 .txt .tit {font-size:16px; font-weight:bold; margin-bottom:10px}
.ad .adView2 .txt .date span {padding-left:19px; margin-left:17px; background:url("/common_kob/images/icon/bar1x11.gif") no-repeat 0 50%}
.ad .adView2 .btn .prev {position:absolute; left:0; top:50%; margin-top:-30px}
.ad .adView2 .btn .next {position:absolute; right:0; top:50%; margin-top:-30px}

.ad .adList {position:relative; float:left; width:346px; height:760px}
.ad .adList .indicator {position:absolute; top:0; right:40px;width:266px; height:10px; text-align:right; z-index:2}
.ad .adList .indicator button {width:10px; height:10px; vertical-align:top;}
.ad .adList .rollList {position:relative; width:266px; height:735px; margin:0 auto; padding-top:25px; overflow:hidden}
.ad .adList .rollList .roll {position:absolute; top:25px; left:0; width:266px; height:735px;}
.ad .adList .rollList .roll .list {display:block; width:127px; float:left; margin-right:12px; margin-bottom:12px}
.ad .adList .rollList .roll .list .img {display:block; width:127px; height:160px; overflow:hidden; background:url("/common_kob/images/icon/ad_list_default_img.jpg") no-repeat 0 0}
.ad .adList .rollList .roll .list .txtArea {display:block; border:1px solid #dedede; border-top:0; padding:13px 13px}
.ad .adList .rollList .roll .list .txtArea .tit {display:block; font-size:12px; font-weight:bold; color:#555; margin-bottom:3px; width:100%; height:32px; overflow:hidden;}
.ad .adList .rollList .roll .list .txtArea .date {display:block; font-size:12px; color:#777}
.ad .adList .btn .prev {position:absolute; top:50%; left:0; margin-top:-8px}
.ad .adList .btn .next {position:absolute; top:50%; right:0; margin-top:-8px}

.mobileAd {display:none; position:relative; width:80%; margin:0 auto; overflow:hidden}
.mobileAd .rollArea {width:100%; height:100%}
.mobileAd .rollArea ul {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.mobileAd .rollArea ul li {width:100%}
.mobileAd .rollArea ul li .img {width:100%; height:100%;overflow:hidden; background:url("/common_kob/images/icon/ad_roll_default_img.jpg") no-repeat 0 0; background-size:99.99%}
.mobileAd .rollArea ul li .img img {width:100%}
.mobileAd .rollArea .roll .txt {position:absolute; bottom:0; left:0; width:92%; color:#fff; background:url("/common_kob/images/icon/black_bg2.png") repeat 0 0; padding:30px 4%}
.mobileAd .rollArea .roll .txt .tit {font-size:16px; font-weight:bold; margin-bottom:10px}
.mobileAd .rollArea .roll .txt .date span {padding-left:19px; margin-left:17px; background:url("/common_kob/images/icon/bar1x11.gif") no-repeat 0 50%}

.mobileAd .btnM1 .prev {position:absolute; top:50%; left:0; margin-top:-30px}
.mobileAd .btnM1 .next {position:absolute; top:50%; right:0; margin-top:-30px}

.ceoGreet {width:100%; overflow:hidden;border-bottom:3px solid #00a9cf; margin-bottom:50px}
.ceoGreet .txtArea {float:left; width:480px; padding-top:40px;}
.ceoGreet .txtArea .txt1 {font-size:28px; font-weight:bold; color:#333; line-height:36px}
.ceoGreet .txtArea .txt1 span {color:#00a0c6}
.ceoGreet .txtArea .txt2 {margin-top:33px; font-size:22px; font-weight:bold; color:#333}
.ceoGreet .txtArea .txt2 span {font-size:16px; font-weight:bold; color:#555}
.ceoGreet .txtArea .sign {margin-top:28px}
.ceoGreet .ceo {float:left; width:500px; padding-top:30px}
.greeting {width:100%; font-size:15px; color:#777; line-height:26px; letter-spacing:-0.1px}
.greeting span {display:block; font-weight:bold; font-size:20px; color:#555; margin-bottom:20px}

.nameBox {overflow:hidden; width:298px; margin:0 auto; background:#e0eaed; font-size:22px; font-weight:bold; color:#333; text-align:center; padding:10px 30px; border-radius:25px;}
.nameBox .name {float:left}
.nameBox .birth {float:right; font-size:18px; font-weight:bold; color:#555; line-height:27px}
.proTit {text-align:center; padding-top:50px; font-size:20px; font-weight:bold; color:#333; background:url("/common_kob/images/icon/profile_icon.gif") no-repeat 50% 0; margin-top:50px}
.proTit span {display:block; padding-bottom:12px; background:url("/common_kob/images/icon/bar26x2.gif") no-repeat 50% 100%}
.proTit.type2 {background:url("/common_kob/images/icon/profile_icon2.gif") no-repeat 50% 0}
.proTit.type3 {background:url("/common_kob/images/icon/profile_icon3.gif") no-repeat 50% 0; margin-top:40px}
.profile {width:100%; overflow:hidden}
.profile .pfArea {width:50%; float:left}
.profile .pfArea div {padding-left:35px}
.profile .pfArea dl {overflow:hidden; margin-top:35px}
.profile .pfArea dl dt {float:left; width:52px; font-size:18px; font-weight:bold; color:#333}
.profile .pfArea dl dd {float:left; width:438px; font-size:15px; line-height:22px; margin-bottom:25px}
.profile .pfArea div dl dd {width:403px}

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

.historyTitle {margin-bottom:70px; text-align:center}
.tabDiv {width:100%; margin-top: 35px;}
.tabDiv .tabList {position:relative; width:100%; height:158px; overflow:hidden; margin-top:40px}
.tabDiv .tabList .list{position:absolute; top:0; left:0; width:2000%; overflow:hidden}
.tabDiv .tabList .list a{display:block; position:relative; width:188px; height:123px; overflow:hidden; float:left; margin-left:10px;}
.tabDiv .tabList .list a:first-child{margin-left:0}
.tabDiv .tabList .list a img {width:188px}
.tabDiv .tabList .list a .on {position:absolute; top:0; left:0; width:188px; height:123px; background:url("/common_kob/images/icon/tab_list_on_img.png") no-repeat 0 0}
.tabDiv .tabList .listBtn {position:absolute; bottom:0; left:0; width:100%;  text-align:center; margin-top:20px}

.historyTab .historyTit {overflow:hidden}
.historyTab .historyTit span {display:block; float:left; line-height:27px; font-size:18px; color:#555; margin-left:10px; padding-left:11px; background:url("/common_kob/images/icon/bar1x16.gif") no-repeat 0 50%}
.historyTab .historyTit span:first-child {display:block; float:left; font-size:22px; font-weight:bold; color:#333; line-height:27px;margin-left:0; padding-left:0; background:none}
.historyTab .historyList {border-top:2px solid #e0e0e0; overflow:hidden; padding-top:20px; margin-top:30px }
.historyTab .historyList dt {float:left; width:130px; font-size:20px; font-weight:bold; color:#777; line-height:50px}
.historyTab .historyList dd{float:left; width:850px; font-size:14px; color:#777; line-height:50px}
.historyTab .img {overflow:hidden; width:100%; margin-top:40px}
.historyTab .img p {float:left; margin-left:1px}
.historyTab .img p:first-child {margin-left:0}

.networkTit {font-size:32px; font-weight:bold; color:#0e93b6; margin-bottom:25px}
.networkVis {width:100%; overflow:hidden}
.networkVis img {width:100%}
.networkRoll {position:relative; width:100%; height:auto; overflow:hidden}
.networkRoll .indicator {position:absolute; top:15px; right:15px}
.networkRoll .img {width:100%; height:440px;}
.networkRoll .img p {position:absolute; top:0; left:0; width:100%}
.networkRoll .img p img {width:100%}
.networkRoll .btn .prev {position:absolute; top:50%; left:0; margin-top:-30px}
.networkRoll .btn .prev img {width:100%}
.networkRoll .btn .next {position:absolute; top:50%; right:0; margin-top:-30px}
.networkRoll .btn .next img {width:100%}

.nwTxt {margin-top:30px}

.nwTxt .txt1 {font-size:20px; font-weight:bold; color:#333; line-height:32px; letter-spacing:-0.8px}
.nwTxt .txt1 span {color:#0e93b6}
.nwTxt .txt2 {font-size:14px; color:#777; line-height:22px; letter-spacing:-0.2px; margin-top:20px}
.nwTxt2 {width:100%}
.nwTxt2 .top {width:100%; overflow:hidden}
.nwTxt2 .top .img {float:left; width:520px; margin-right:30px}
.nwTxt2 .top .img img {width:100%}
.nwTxt2 .top .txt1 {float:left; width:430px; height:300px; padding-top:5px}
.nwTxt2 .top .txt1 p {font-size:14px; color:#777; line-height:22px; letter-spacing:-0.4px}
.nwTxt2 .top .txt1 p:first-child {font-size:20px; font-weight:bold; color:#333; line-height:32px; margin-bottom:15px}
.nwTxt2 .top .txt1 p:first-child span {color:#0e93b6}
.nwTxt2 .top .txt1.type2 {height:253px}
.nwTxt2 .txt2 {font-size:14px; color:#777; line-height:22px; margin-top:30px}

.nwCon {width:100%; padding-top:50px}
.nwCon .con {width:100%; padding-top:35px; background:url("/common_kob/images/icon/bar375x1.gif") no-repeat 0 0; margin-top:50px}
.nwCon .con .txtArea {width:100%; overflow:hidden}
.nwCon .con .txtArea .tit {font-size:30px; font-weight:bold; color:#333; float:left; width:240px}
.nwCon .con .txtArea .txt {font-size:14px; color:#777; line-height:22px; letter-spacing:-0.2px; float:left; width:740px}
.nwCon .con2 {width:100%; overflow:hidden; padding-top:35px; background:url("/common_kob/images/icon/bar375x1.gif") no-repeat 0 0; margin-top:50px}
.nwCon .con2 .tit {font-size:30px; font-weight:bold; color:#333; float:left; width:240px}
.nwCon .con2 .tit2 {font-size:30px; font-weight:bold; color:#333; float:left; width:240px; letter-spacing:-1.6px}
.nwCon .con2 .right {float:left; width:740px}
.nwCon .con2 .right .txt {font-size:14px; color:#777; line-height:22px; letter-spacing:-0.2px}
.nwCon .con2 .right ul {margin-top:15px}
.nwCon .con2 .right ul li {padding-left:15px; background:url("/common_kob/images/icon/dot6x6.gif") no-repeat 0 9px; font-size:14px; line-height:24px; color:#555}
.nwCon .con2 .right .img {width:100%; margin-top:30px}
.nwCon .con .img {width:100%; margin-top:30px}
.nwCon .con .img img {width:100%}
.nwCon .con .img2 {padding-left:240px; margin-top:30px}

.nwContact {width:100%; margin-top:100px;}
.nwContact .contactTit {font-size:14px; color:#333; text-align:center; padding-top:55px; background:url("/common_kob/images/icon/contact_tit_icon.gif") no-repeat 50% 0;}

.nwNews {width:100%; margin-top:50px;}
.nwNews .newsTit {font-size:14px; color:#333; text-align:center; padding-top:55px; background:url("/common_kob/images/icon/news_tit_icon.gif") no-repeat 50% 0;}
.nwNews .newsWrap {width:100%; overflow:hidden}
.nwNews .newsWrap .recruitDiv {border:1px solid #e2e2e2; padding:25px 28px; width:252px; float:left; margin-right:25px}
.nwNews .newsWrap .recruitDiv.mr0 {margin-right:0}
.nwNews .newsWrap .recruitDiv .recruitTit {font-size:16px; font-weight:bold; color:#0e93b6; padding-bottom:15px; border-bottom:1px solid #e2e2e2; margin-bottom:14px}
.nwNews .newsWrap .recruitDiv .txtArea {display:block; padding-right:18px}
.nwNews .newsWrap .recruitDiv .txtArea .tit {display:block; width:234px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:bold; color:#333}
.nwNews .newsWrap .recruitDiv .txtArea .txt {display:block; font-size:14px; color:#777; line-height:22px; margin-top:10px; width:234px; height:66px; overflow:hidden; text-overflow:ellipsis}
.nwNews .newsWrap .recruitDiv .txtArea .date {display:block; font-size:14px; color:#777; line-height:19px; margin-top:10px}
.nwNews .newsWrap .recruitDiv .txtArea .date span {display:inline-block; margin-left:12px; font-size:13px; font-weight:bold; color:#fff; background:#ea6c49; padding:0 5px; border-radius:2px}
.nwNews .newsWrap .recruitDiv .txtArea2 {display:block;}
.nwNews .newsWrap .recruitDiv .txtArea2 .top {display:block; width:100%; overflow:hidden}
.nwNews .newsWrap .recruitDiv .txtArea2 .img {display:block; float:left; width:116px; height:75px; background:url("/common_kob/images/icon/network_default_img.gif") no-repeat 0 0; overflow:hidden}
.nwNews .newsWrap .recruitDiv .txtArea2 .img img {width:100%}
.nwNews .newsWrap .recruitDiv .txtArea2 .right {display:block; float:left; width:122px; padding-top:5px; margin-left:14px}
.nwNews .newsWrap .recruitDiv .txtArea2 .right .tit {display:block; font-size:16px; font-weight:bold; color:#333}
.nwNews .newsWrap .recruitDiv .txtArea2 .right .date {display:block; font-size:14px; color:#777; line-height:19px; margin-top:10px}
.nwNews .newsWrap .recruitDiv .txtArea2 .txt {display:block; height:44px; font-size:14px; color:#777; line-height:22px; margin-top:5px; overflow:hidden; text-overflow:ellipsis}

.nwNews .newsWrap .recruitDiv .noData {display:block; width:100%; text-align:center; height:96px; padding-top:28px; background:#f7f7f7}
.nwNews .newsWrap .recruitDiv .noData span {display:block; margin-top:10px; font-size:13px; font-weight:bold; color:#9c9c9c;}
.nwNews .newsWrap .recruitDiv .noData {display:block; width:100%; text-align:center; height:96px; padding-top:28px; background:#f7f7f7}
.nwNews .newsWrap .recruitDiv .noData span {display:block; margin-top:10px; font-size:13px; font-weight:bold; color:#9c9c9c;}

.nwNews .newsWrap .pressDiv {border:1px solid #e2e2e2; padding:25px 28px 19px; width:587px; float:left; overflow:hidden}
.nwNews .newsWrap .pressDiv.mr25 {margin-right:25px}
.nwNews .newsWrap .pressDiv .pressTit {font-size:16px; font-weight:bold; color:#0e93b6; padding-bottom:15px; border-bottom:1px solid #e2e2e2; margin-bottom:14px}
.nwNews .newsWrap .pressDiv .txtArea {overflow:hidden; width:587px; height:130px}
.nwNews .newsWrap .pressDiv .txtArea .left {display:block; width:230px; margin-right:40px; float:left}
.nwNews .newsWrap .pressDiv .txtArea .left .tit {display:block; font-size:16px; font-weight:bold; color:#333}
.nwNews .newsWrap .pressDiv .txtArea .left .txt {display:block; font-size:14px; color:#777; line-height:22px; margin-top:10px; width:230px; height:66px}
.nwNews .newsWrap .pressDiv .txtArea .left .date {display:block; font-size:14px; color:#777; line-height:19px; margin-top:10px}
.nwNews .newsWrap .pressDiv .txtArea .date span {display:inline-block; margin-left:12px; font-size:13px; font-weight:bold; color:#fff; background:#ea6c49; padding:0 5px; border-radius:2px}
.nwNews .newsWrap .pressDiv .txtArea .list {width:315px; height:130px; float:left}
.nwNews .newsWrap .pressDiv .txtArea .list li {color:#777; margin-top:10px; padding-left:11px; background:url("/common_kob/images/icon/dot3x3.gif") no-repeat 0 50%; height:18px}
.nwNews .newsWrap .pressDiv .txtArea .list li:first-child {margin-top:0}
.nwNews .newsWrap .pressDiv .txtArea .list li a {display:inline-block}
.nwNews .newsWrap .pressDiv .txtArea .list li .tit {display:inline-block; width:234px; margin-right:4px; font-size:14px; font-weight:bold; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left}
.nwNews .newsWrap .pressDiv .txtArea .list li .date {font-size:12px; line-height:18px; float:left}

.nwNews .newsWrap .pressDiv .noData {display:block; width:100%; text-align:center; height:96px; padding-top:28px; background:#f7f7f7}
.nwNews .newsWrap .pressDiv .noData span {display:block; margin-top:10px; font-size:13px; font-weight:bold; color:#9c9c9c;}

.nwNews .newsWrap .imgDiv {float:left; width:645px; height:225px; overflow:hidden}
.nwNews .newsWrap .imgDiv.mr25 {margin-right:25px}
.nwNews .newsWrap .imgDiv .mobile {display:none}
.nwNews .newsWrap .imgArea {width:100%; overflow:hidden}
.nwNews .newsWrap .imgDiv img {width:100%}
.nwNews .newsWrap .imgDiv2 {float:left; width:310px; height:225px; margin-right:25px; overflow:hidden}
.nwNews .newsWrap .imgDiv2 a {display:block; width:100%; margin-top:15px}
.nwNews .newsWrap .imgDiv2 a:first-child {margin-top:0}
.nwNews .newsWrap .imgDiv2 img {width:100%}
.nwNews .newsWrap .imgDiv2.mr0 {margin-right:0}
.nwNews .newsWrap .imgDiv3 {float:left; width:310px; margin-right:25px}
.nwNews .newsWrap .imgDiv3 img {width:100%}
.nwNews .newsWrap .imgDiv3 .mobile {display:none}
.nwNews .newsWrap .imgDiv4 {float:left; width:645px; margin-bottom:25px}
.nwNews .newsWrap .imgDiv4 a {float:left; display:block; width:310px; margin-right:0}
.nwNews .newsWrap .imgDiv4 a:first-child {margin-right:25px}
.nwNews .newsWrap .imgDiv3 a img {width:100%}
.nwNews .newsWrap .imgDiv5 {float:left; width:645px}
.nwNews .newsWrap .imgDiv5 img {width:100%}
.nwNews .newsWrap .imgDiv5 .mobile {display:none}

.cmMain {width:100%; overflow:hidden; position:relative}
.cmMain .fir {width:390px; padding:85px 0 0 100px; position:absolute; top:0; right:0}
.cmMain .fir .txt1 {font-size:16px; color:#fff}
.cmMain .fir .txt2 {font-size:20px; color:#fff; line-height:28px; padding-top:34px; background:url("/common_kob/images/icon/bar57x1.gif") no-repeat 0 0; margin-top:30px}
.cmMain .fir .txt3 {font-size:35px; font-weight:bold; color:#fff; margin-top:25px}
.cmMain .fir .txt4 {font-size:14px; color:#fff; margin-top:15px}
.cmMain .fir .txt5 {font-size:14px; color:#999; line-height:26px; margin-top:40px}
.cmMain .fir .firBtn {display:block; font-size:16px; font-weight:bold; color:#fff; margin-top:55px; background:url("/common_kob/images/icon/chairman_btn_bg.png") repeat 0 0; width:210px; padding:22px 0 22px 30px; line-height:27px}
.cmMain .fir .firBtn span {display:block; width:145px; padding-right:35px; background:url("/common_kob/images/btn/chairman_btn.png") no-repeat 100% 0; line-height:27px; }
.cmMain .fir .firBtn:hover {background:#00a0c6}
.cmMain .fir .firBtn:hover span {background:url("/common_kob/images/btn/chairman_btn_on.png") no-repeat 100% 0}
.cmMain .sec {position:absolute; top:0; left:0; width:100%; height:700px; opacity:0; overflow:hidden; background:url("/common_kob/images/icon/chairman_sec_bg.png") no-repeat 0 0}
.cmMain .sec:hover .bkBg {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common_kob/images/icon/chairman_black_bg.png") repeat 0 0} 
.cmMain .sec a {position:absolute; display:block; width:490px; height:350px}
.cmMain .sec a img {display:none}
.cmMain .sec a.btn1 {top:0; left:0}
.cmMain .sec a.btn1:hover img {display:block}
.cmMain .sec a.btn2 {top:0; left:490px}
.cmMain .sec a.btn2:hover img {display:block}
.cmMain .sec a.btn3 {top:350px; left:0}
.cmMain .sec a.btn3:hover img {display:block}
.cmMain .sec a.btn4 {top:350px; left:490px}
.cmMain .sec a.btn4:hover img {display:block}

.cmBtn {width:100%; overflow:hidden}
.cmBtn a {float:left; display:block; width:213px; margin-left:42px}
.cmBtn a:first-child {margin-left:0}
.cmBtn a span {display:block; font-size:20px; font-weight:bold; color:#555}
.cmBtn a .num {padding-bottom:24px; border-bottom:2px solid #888; margin-bottom:22px}
.cmBtn a.on span {color:#00a0c6}
.cmBtn a.on .num {border-bottom:2px solid #00a0c6}

.cmInfoDiv {margin-top:60px; width:100%; overflow:hidden}
.cmInfoDiv .rollDiv {float:left; width:607px; overflow:hidden; margin-right:40px}
.cmInfoDiv .rollDiv .img {float:left; width:499px; height:393px; overflow:hidden}
.cmInfoDiv .rollDiv .thum {float:left; width:103px; margin-left:5px}
.cmInfoDiv .rollDiv .thum a {display:block; position:relative; overflow:hidden; margin-top:5px}
.cmInfoDiv .rollDiv .thum a:first-child {margin-top:0}
.cmInfoDiv .rollDiv .thum a.mt4 {margin-top:4px}
.cmInfoDiv .rollDiv .thum a.on span {position:absolute; top:0; left:0; border:3px solid #00a0c6; width:97px; height:69px}
.cmInfoDiv .txtDiv {float:left; width:333px}
.cmInfoDiv .txtDiv .cmTit {font-size:22px; font-weight:bold; color:#333}
.cmInfoDiv .txtDiv .cmTit span {font-size:32px}
.cmInfoDiv .txtDiv .cmTxt {margin-top:25px; font-size:14px; color:#555; line-height:26px}
.cmInfoDiv .txtDiv .cmTxt span {color:#00a0c6; font-weight:bold}

.cmTab {width:100%; overflow:hidden; margin-top:60px}
.cmTab a {float:left; padding-left:15px; margin-left:14px; background:url("/common_kob/images/icon/bar1x15.gif") no-repeat 0 50%; font-size:16px; color:#555}
.cmTab a:first-child {padding-left:0; margin-left:0; background:none}
.cmTab a.on {font-weight:bold; color:#00a0c6}

.cmTabDiv {width:100%; margin-top:30px}
.cmTabDiv .half {float:left; width:470px; margin-left:40px}
.cmTabDiv .half:first-child {margin-left:0}
.cmTabDiv .cmHistory {padding:12px 0 13px 4px; line-height:24px; vertical-align:top; border-top:1px solid #ececec; font-size:14px; color:#555}
.cmTabDiv .cmHistory:first-child {border-top:2px solid #dadada}
.cmTabDiv .cmHistory .year {display:inline-block; width:105px; font-size:20px; font-weight:bold; line-height:24px; vertical-align:top}
.cmTabDiv .cmHistory .month {display:inline-block; width:48px; line-height:24px; vertical-align:top}
.cmTabDiv .cmMind {width:100%; border-top:1px solid #dadada}
.cmTabDiv .cmMind img {width:100%}
.cmTabDiv .cmMind .mobile {display:none}
.cmTabDiv .tabImgRoll {position:relative; padding:25px 57px 25px 56px; width:865px; height:100px; border:1px solid #dadada}
.cmTabDiv .tabImgRoll .list {position:relative; width:865px; height:100px; overflow:hidden}
.cmTabDiv .tabImgRoll .list .imgList {position:absolute; top:0; left:0; width:1000%; overflow:hidden}
.cmTabDiv .tabImgRoll .list .imgList a {float:left; display:block; position:relative; overflow:hidden; margin-left:5px}
.cmTabDiv .tabImgRoll .list .imgList a:first-child {margin-left:0}
.cmTabDiv .tabImgRoll .list .imgList a.on span {position:absolute; left:0; top:0; border:3px solid #00a0c6; width:134px; height:94px}
.cmTabDiv .tabImgRoll .prev {position:absolute; top:50%; left:23px; margin-top:-11px}
.cmTabDiv .tabImgRoll .next {position:absolute; top:50%; right:23px; margin-top:-11px}
.cmTabDiv .tabImgRoll .number {position:absolute; top:-46px; right:0; font-size:14px; color:#777}
.cmTabDiv .tabImgRoll .number .now {font-weight:bold; color:#333}
.cmTabDiv .tabDiv {width:100%; overflow:hidden}
.cmTabDiv .tabDiv .txtArea {width:100%; overflow:hidden}
.cmTabDiv .tabDiv .txtArea .img {float:left; width:380px; margin-right:50px;}
.cmTabDiv .tabDiv .txtArea .txtDiv {float:left; width:550px; padding-top:10px}
.cmTabDiv .tabDiv .txtArea .txtDiv .tit {font-size:22px; font-weight:bold; color:#333; padding-bottom:19px; background:url("/common_kob/images/icon/bar30x1.gif") no-repeat 0 100%; margin-bottom:14px}
.cmTabDiv .tabDiv .txtArea .txtDiv .txt {font-size:14px; color:#777; line-height:26px}
.cmTabDiv .tabDiv .txtDiv2 {width:100%; margin-top:25px; font-size:14px; color:#777; line-height:26px}

.siteMap {width:100%; overflow:hidden}
.siteMap dl {width:164px; float:left; margin-left:40px; height:769px}
.siteMap dl.first {margin-left:0}
.siteMap dl a:hover{text-decoration:underline}
.siteMap dl dt {font-size:18px; font-weight:bold; color:#019fc6; padding-top:23px; padding-left:10px; margin-bottom:20px; background:url("/common_kob/images/icon/bar40x3.gif") no-repeat 10px 0;}
.siteMap dl dd > a {display:block; width:145px; line-height:22px; padding:10px 0 10px 10px; margin-bottom:10px; font-size:14px; color:#333; font-weight:bold; background:#eee;}
.siteMap dl dd .twoD {width:100%}
.siteMap dl dd .twoD > a {display:block; line-height:20px; margin-top:5px; font-size:14px; color:#777; padding-left:20px; background:url("/common_kob/images/icon/dot2x2.gif") no-repeat 10px 10px; letter-spacing:-0.2px}
.siteMap dl dd .twoD > a:first-child {margin-top:0}

.ovIntro {margin-bottom:70px; background:#f1f6f7 url("/common_kob/images/icon/overview2_bg.jpg") no-repeat 100% 0; padding:43px 0 71px 43px}
.ovIntro .tit {font-size:28px; font-weight:bold; color:#333}
.ovIntro .tit span {color:#0d93b6}
.ovIntro .txt {width:48%; font-size:14px; color:#555; line-height:22px; padding-top:25px; margin-top:22px; background:url("/common_kob/images/icon/bar25x3.gif") no-repeat 0 0}
.overview2Img {width:100%; margin-bottom:70px; margin-top:15px}
.overview2Img img {width:100%}
.overview2Img .mobile {width:100%; display:none}
.overview2 {margin-bottom:70px; margin-top:15px; overflow:hidden}
.overview2.mb0 {margin-bottom:0}
.overview2 .grnBox {float:right; display:inline-block; text-align:center; width:106px; padding:6px 0 7px; font-size:12px; font-weight:bold; color:#fff; background:#0d93b6; margin-bottom:13px}
.overview2 .grnBox span {font-family:'Noto sans KR', sans-serif; font-size:10px}
.overview2 .left {width:476px; margin-right:34px; float:left; overflow:hidden}
.overview2 .left .graph img {width:100%}
.overview2 .right {width:470px; float:left; overflow:hidden}

.yearSelect {text-align:right; border-top:2px solid #e0e0e0; padding-top:20px}
.yearSelect select {width:180px; height:40px}

.listSearch {text-align:center; border:1px solid #dedede; background:#f3f5f5; padding:20px; margin-top:1px}
.listSearch select {width:170px; height:40px}
.listSearch select.wd110 {width:110px}
.listSearch select.wd150 {width:150px}
.listSearch select.wd227 {width:227px}
.listSearch select.wd233 {width:233px}
.listSearch input[type="text"] {width:465px; padding: 5px 10px 6px;}
.listSearch input[type="text"].type2 {width:338px; padding: 5px 10px 6px;}

.mailPop {text-align:center; padding:85px 3%; background:#efefef}
.mailPop .icon {width:178px; margin:auto}
.mailPop .icon img {width:100%}
.mailPop .tit {font-size:22px; font-weight:bold; color:#333; margin-top:25px;}
.mailPop .txt {font-size:14px; color:#777; line-height:22px; padding:0 10%; margin-top:25px;}
.mailPop .txt span{color:#1d9fbd}
.mailPop .txt2 {font-size:14px; color:#777; margin-top:25px}

/*				2016-06-09 占쎌삢占쎈쐮占쎈뻼 占쎄문占쎄쉐				*/
.meetDiv{position:relative; margin-top:25px; overflow:hidden;}
.meetDiv .txtBox{float:left; margin-bottom:36px; padding:35px 30px; width:410px; height:312px; border:1px solid #dfdfdf; background:#fff;}
.meetDiv .txtBox:nth-child(2){margin-left:36px;}
.meetDiv .txtBox:nth-child(4){margin-left:36px;}
.meetDiv .txtBox .tit{font-size:18px; color:#333; font-weight:bold;}
.meetDiv .txtBox .name{padding:10px 0 16px; font-size:14px; color:#777; border-bottom:1px solid #ddd;}
.meetDiv .txtBox .innrTxt{margin-top:16px; font-size:14px; color:#777; line-height:26px}
.meetDiv .txtBox .more{margin-top:15px; display:inline-block;}
.meetDiv .moreDiv{position:absolute; top:0; left:0; padding:35px 30px; width:918px; border:1px solid #dfdfdf; background:#fff;}
.meetDiv .moreDiv .tit{font-size:18px; color:#333; font-weight:bold;}
.meetDiv .moreDiv .name{padding:10px 0 16px; font-size:14px; color:#777; border-bottom:1px solid #ddd;}
.meetDiv .moreDiv .innrTxt{margin-top:16px; font-size:14px; color:#777; line-height:26px;; overflow-y:auto; height:624px}
.meetDiv .moreDiv .close{float:right; margin-top:15px;}

/* viewPage */
.viewDiv {width:100%}
.viewDiv .vHead {border-top:3px solid #00a0c6; border-bottom:1px solid #e6e6e6; padding:25px 20px}
.viewDiv .vHead p {color:#777}
.viewDiv .vHead p span {display:inline-block; padding-left:21px; margin-left:20px; background:url("/common_kob/images/icon/bar1x14.gif") no-repeat 0 50%}
.viewDiv .vHead p span:first-child {padding-left:0; margin-left:0; background:none}
.viewDiv .vHead .tit {font-size:18px; font-weight:bold; color:#333}
.viewDiv .vHead .tit .new {display: inline-block; margin-left: 10px; background: #00a0c6; color: #fff; font-size: 13px; font-weight: normal; padding: 3px 10px 4px; border-radius: 6px; vertical-align:top}
.viewDiv .vHead .tit .dDay {display: inline-block; margin-left: 10px; background: #EA6C49; color: #fff; font-size: 13px; font-weight: normal; padding: 3px 10px 4px; border-radius: 6px; vertical-align:top}
.viewDiv .vHead p .ing {display:inline-block; background:#00a0c6; padding: 2px 5px 3px; font-size:11px; color:#fff; margin-left:0; vertical-align:top}
.viewDiv .vHead p .end {display:inline-block; background:#dedede; padding: 2px 5px 3px; font-size:11px; color:#333; margin-left:0; vertical-align:top}
.viewDiv .vBody {position:relative; padding:20px 20px 40px; border-bottom:3px solid #e6e6e6}
.viewDiv .vBody .img {width:100%; margin-bottom:20px}
.viewDiv .vBody .img img{width:100%}
.viewDiv .vBody .addFile {padding-bottom:20px}
.viewDiv .vBody .addFile .file {display:inline-block; height:16px; line-height:16px; font-size:13px; color:#000; padding-left:22px; background:url("/common_kob/images/icon/file_icon.gif") no-repeat 0 50%}
.viewDiv .vBody .fileList {position:absolute; top:50px; right:0; border:1px solid #666; border-radius:2px; background:#fff; padding:0 20px 9px 9px; z-index:10}
.viewDiv .vBody .fileList .arrow {position:absolute; top:-7px; right:28px}
.viewDiv .vBody .fileList > a {display:block; width:179px; font-size:12px; line-height:17px; padding-left:25px; background:url("/common_kob/images/icon/file_icon2.gif") no-repeat 0 1px; margin-top:10px}
.viewDiv .vBody .fileList > a:first-child {margin-top:0}
.viewDiv .vBody .fileList > a:hover, .viewDiv .vBody .fileList > a:focus {text-decoration:underline}
.viewDiv .vBody .fileList .close {position:absolute; top:7px; right:7px}
.viewDiv .vBody .txt {line-height:24px}

/* listType */
.listType1 {border-top:3px solid #00a0c6;}
.listType1 a {display:block; overflow:hidden; padding-top:30px}
.listType1 a .img {display:block; float:left; width:270px; height:172px; margin-right:30px; overflow:hidden; /*background:url("/common_kob/images/icon/list_default_img.jpg") no-repeat 0 50%; background-size:100%;*/}
.listType1 a .img img {width:270px}
.listType1 a .txtArea {display:block; float:left; width:660px}
.listType1 a .txtArea .tit {display:block; font-size:16px; line-height:22px; color:#333; font-weight:bold}
.listType1 a .txtArea .tit .noticeIcon img {width:19px; height:19px; vertical-align:top; margin-top:2px; margin-right:10px}
.listType1 a .txtArea .txt {display:block; height:92px; max-height:92px; overflow:hidden; margin-top:15px; font-size:13px; color:#777; line-height:24px; letter-spacing:-0.3px}
.listType1 a .txtArea .date {display:block; margin-top:15px; font-size:13px; color:#888}
.listType1 a .txtArea .date span {display:inline-block; padding-left:10px; margin-left:12px; background:url("/common_kob/images/icon/bar1x12.gif") no-repeat 0 50%}

.listType2 {width:100%; overflow:hidden}
.listType2 a {display:block; width:206px; float:left; border:1px solid #dedede; padding:10px 10px 19px 10px; margin-right:22px; margin-bottom:22px}
.listType2 a span {display:block}
.listType2 a .img {width:206px; height:283px; overflow:hidden; background:url("/common_kob/images/icon/list_default_img2.jpg") no-repeat 0 0}
.listType2 a .tit {width:100%; font-size:16px; font-weight:bold; color:#333; text-align:center; margin:20px 0 15px; min-height:38px}
.listType2 a .btn {width:106px; padding:8px 0; font-size:14px; color:#00a0c6; border:1px solid #00a0c6; background:#fff; text-align:center; margin:0 auto}
.listType2 a:hover .btn, .listType2 a:focus .btn {background:#00a0c6; font-weight:bold; color:#fff}

.listType3 {width:100%; border-top:3px solid #00a0c6;}
.listType3 ul {border-top:3px solid #00a0c6; border-bottom:1px solid #e6e6e6; padding:25px 20px}
.listType3 li {width:100%; padding:12px 0; overflow:hidden; border-bottom:1px solid #e6e6e6; color:#777}
.listType3 li .num {float:left; width:50px; text-align:center; line-height:26px}
.listType3 li .right {float:left; width:930px}
.listType3 li .right p {float:left}
.listType3 li .right .group {width:150px; line-height:26px; text-align:center}
.listType3 li .right .tit {width:380px; padding-left:20px; line-height:26px; text-align:left; }
.listType3 li .right .tit.wd100 {width:100px}
.listType3 li .right .tit.wd140 {width:140px}
.listType3 li .right .tit.wd200 {width:200px}
.listType3 li .right .tit.wd300 {width:300px}
.listType3 li .right .tit.wd400 {width:400px}
.listType3 li .right .tit.wd520 {width:520px}
.listType3 li .right .tit.wd540 {width:540px}
.listType3 li .right .tit.wd660 {width:660px}
.listType3 li .right .tit.wd560 {width:560px}
.listType3 li .right .tit.wd780 {width:780px}
.listType3 li .right .tit a {display:block; color:#333; font-weight:bold}
.listType3 li .right .tit a:hover, .listType3 li .right .tit a:focus {color:#0e93b6}
.listType3 li .right .tit .dDay {display:inline-block; font-size:13px; font-weight:bold; color:#fff; background:#ea6c49; padding:2px 6px 2px 6px; border-radius:2px; text-align:center; margin-left:10px; line-height:15px}
.listType3 li .right .tit .new {display:inline-block; font-size:13px; font-weight:bold; color:#fff; background:#0e93b6; padding:2px 6px 2px 6px; border-radius:2px; text-align:center; margin-left:10px; line-height:15px}
.listType3 li .right .tit .rcTit {display:inline-block; width:265px; vertical-align:top;white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.listType3 li .right .info {width:290px; line-height:26px}
.listType3 li .right .info .part {display:inline-block; width:115px; text-align:center}
.listType3 li .right .info .date {display:inline-block; vertical-align:top; float:right; width:170px; text-align:center}
.listType3 li .right .btn {width:90px; text-align:center}
.listType3 li .right .day {width:110px; text-align:center; line-height:26px}
.listType3 li .right .year {width:100px; text-align:center; line-height:26px}
.listType3 li .listN {font-size:16px; font-weight:bold; color:#0e93b6; text-align:center; padding:58px 0}

.listType4 {width:100%; overflow:hidden}
.listType4 a {display:block; width:306px; margin-right:30px; margin-bottom:30px; float:left}
.listType4 a.end {margin-right:0}
.listType4 .img {display:block; width:306px; height:180px; overflow:hidden; background:url("/common_kob/images/icon/list_default_img3.jpg") no-repeat 0 0}
.listType4 .img img {width:100%;}
.listType4 .txtBox {display:block; border:1px solid #dedede; border-top:0; padding:18px 19px 30px}
.listType4 .txtBox .tit {display:block; font-size:16px; height:48px; max-height:48px; font-weight:bold; color:#333; line-height:24px}
.listType4 .txtBox .txt {display:block; font-size:13px !important; line-height:20px !important; color:#777; margin-top:15px; height:60px; max-height:60px; overflow:hidden}
.listType4 .txtBox .txt p {font-size:13px !important; line-height:20px !important}
.listType4 .txtBox .txt span {font-size:13px !important; line-height:20px !important}
.listType4 .txtBox .date {display:block; font-size:12px; margin-top:15px}
.listType4 .txtBox .date span {padding-left:10px; margin-left:10px; background:url("/common_kob/images/icon/bar1x9.gif") no-repeat 0 4px}

.listType5 {width:100%; overflow:hidden}
.listType5 a {float:left; display:block; width:306px; margin-right:31px; margin-bottom:30px}
.listType5 a .img {display:block; position:relative; overflow:hidden; width:306px; height:180px; overflow:hidden}
.listType5 a .img img {position:absolute; top:0; left:0; width:100%}
.listType5 a .txt {display:block; border:1px solid #dedede; border-top:0; padding:20px}
.listType5 a .txt .tit {display:block; width:100%; height:38px; overflow:hidden; font-size:16px; font-weight:bold; color:#555;}
.listType5 a .txt .date {display:block; font-size:12px; color:#777; margin-top:15px}
.listType5 a .txt .date span {margin-left:10px; padding-left:10px; background:url("/common_kob/images/icon/bar1x9.gif") no-repeat 0 4px}

/* boardType */
.boardType1 {border-top:2px solid #000}
.boardType1 table {width:100%}
.boardType1 tr th {background:#ebf3f5; font-size:15px; color:#333; padding:16px 0 17px}
.boardType1 tr td {text-align:center; border:1px solid #e3e3e3; border-right:0; padding:15px 0 16px}
.boardType1 tr.hilight td {font-weight:bold; color:#333; background:#ebf3f5}
.boardType1 tr td:first-child{border-left:0}

.boardType2 table {width:100%}
.boardType2 th {background:#f3f3f3; font-size:14px; font-weight:bold; color:#333; text-align:left; padding:14px 0 15px 24px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:17%}
.boardType2 td {background:#fff; font-size:14px; color:#777; line-height:24px; padding:14px 10px 15px 25px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; vertical-align:middle; letter-spacing:-0.4px; width:33%}
.boardType2 td a {color:#777}
.boardType2.type2 th {width:11%; padding:14px 0 15px 2%}
.boardType2.type2 td {width:34%; padding:14px 0 15px 2%}

.boardtype2 table {width:100%}
.boardtype2 th {background:#f3f3f3; font-size:14px; font-weight:bold; color:#333; text-align:left; padding:14px 0 15px 24px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:17%}
.boardtype2 td {background:#fff; font-size:14px; color:#777; line-height:24px; padding:14px 10px 15px 25px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; vertical-align:middle; letter-spacing:-0.4px; width:33%}
.boardtype2 td a {color:#777}
.boardtype2.type2 th {width:11%; padding:14px 0 15px 2%}
.boardtype2.type2 td {width:34%; padding:14px 0 15px 2%}

.boardType3 {border-top:2px solid #000}
.boardType3 table {width:100%}
.boardType3 tr th {background:#ebf3f5; font-size:15px; color:#333; padding:16px 0 17px; width:20%}
.boardType3 tr td {color:#777; text-align:center; border:1px solid #e3e3e3; border-right:0; padding:15px 0 16px; width:20%}
.boardType3 tr td:first-child{border-left:0}
.boardType3.tdTaL tr td {text-align:left; padding:16px 3% 17px}

.boardType4 {border-top:2px solid #000; float:left; width:100%}
.boardType4 table {width:100%}
.boardType4 tr th {background:#ebf3f5; font-size:15px; color:#333; padding:16px 0 17px; width:20%}
.boardType4 th.first {width:30%}
.boardType4 tr td {color:#777; text-align:right; border:1px solid #e3e3e3; border-right:0; padding:16px 3% 17px; width:20%}
.boardType4 tr td:first-child{border-left:0}

/* paging */
.paging {text-align:center; overflow:hidden}
.paging div {display:inline-block; overflow:hidden}
.paging a {display:inline-block; width:30px; height:30px; text-align:center; line-height:29px; border:1px solid #ededed; font-size:14px; margin-bottom:5px}
.paging a:hover, .paging a:focus {text-decoration:underline}
.paging a.end {border-right:1px solid #ededed}
.paging a.on {border:1px solid #0f9ab8; background:#fff; font-weight:bold; color:#0f9ab8}
.paging .fir {border-right: 1px solid #ededed}
.paging .prev {border-right: 1px solid #ededed}
.paging .next {border-right: 1px solid #ededed}
.paging .last {border-right: 1px solid #ededed}

/* allMenu */
.allMenu {position:absolute; top:100px; left:0; width:850px; padding:35px 75px 50px; overflow:hidden; background:#fff; z-index:99999}
.allMenu .tit {font-size:29px; color:#222; margin-bottom:36px}
.allMenu dl {width:150px; float:left; margin-left:25px}
.allMenu dl.first {margin-left:0}
.allMenu dl a:hover{text-decoration:underline}
.allMenu dl dt {font-size:17px; font-weight:bold; color:#019fc6; padding-top:23px; padding-left:10px; margin-bottom:20px; background:url("/common_kob/images/icon/bar40x3.gif") no-repeat 10px 0;}
.allMenu dl dd > a {display:block; width:140px; height:42px; line-height:42px; padding-left:10px; margin-bottom:10px; font-size:13px; color:#333; font-weight:bold; background:#eee;}
.allMenu dl dd .twoD > a {display:block; line-height:23px; font-size:12px; color:#777; padding-left:20px; background:url("/common_kob/images/icon/dot2x2.gif") no-repeat 10px 11px; letter-spacing:-0.2px}
.allMenu .closeBtn {position:absolute; top:0; right:0;}
.blackBg{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common_kob/images/icon/black_bg.png") repeat 0 0; z-index:9999}

/*  뿉 윭 럹 씠吏  */
.error {margin:90px auto 0; width:622px; padding:100px 88px; border:1px solid #ddd; text-align:center}
.error .icon {text-align:center; }
.error .txt1 {font-size:22px; font-weight:bold; color:#2d5972; margin-top:27px}
.error .txt2 {font-size:14px; color:#555; line-height:23px; margin-top:7px}
.error .box {background:#f7f7f7; padding:30px 168px; text-align:left; margin-top:25px}
.error .box p {font-size:16px; font-weight:bold; color:#555; padding-left:28px; background:url("/common/images/icon/error_icon2.png") no-repeat 0 0; line-height:21px}
.error .box ul {margin-top:12px}
.error .box ul li {padding-left:22px; background:url("/common/images/icon/dot6x6.png") no-repeat 7px 8px; line-height:24px}
.error .btn {margin-top:30px}
.error .btn a {display:inline-block; padding:10px 22px; font-size:15px; font-weight:bold; color:#fff; background:#697789}