*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-size:13px; font-family:'Microsoft Yahei' ,sans-serif; color:#666; height:100%; letter-spacing:0; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top;/* margin-left:0px; */}
legend, caption{display:none}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #ccc; color:#666; border-radius:0; font-size:14px; letter-spacing:-0.5px}
/* input{padding:3px 10px; height:26px;} */
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto;}
input[type="password"] {height:32px; border:1px solid #ccc; color:#666}
label{font-size:14px;}
select{padding:5px; height:34px; border:1px solid #ccc;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #ccc; color:#666; font-size:14px; letter-spacing:-0.5px}
.checkbox{padding:0; border:0; height:auto;}
a{text-decoration:none; color:#666; vertical-align:middle;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-size:14px; }
button:active, button:focus{ outline: none }
button::-moz-focus-inner {padding:0; border:0;}
/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt18{margin-top:18px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mb5{margin-bottom:5px !important;}
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.ml5{margin-left:5px !important}
.ml15{margin-left:15px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml100{margin-left:100px !important}
.pd0{padding:0 !important;}
.pt0 {padding-top:0 !important}
.pt5 {padding-top:5px !important}
.pb0{padding-bottom:0 !important}
.pb30{padding-bottom:30px !important}
.pb60{padding-bottom:60px !important}
.padW0 {padding-left:0px !important; padding-right:0px !important}
.padW10 {padding-left:10px !important; padding-right:10px !important}
.padW20 {padding-left:20px !important; padding-right:20px !important}
.padW15 {padding-left:15px !important; padding-right:15px !important}
.padW25 {padding-left:25px !important; padding-right:25px !important}
.padW40 {padding-left:40px !important; padding-right:40px !important;}
.padW50 {padding-left:50px !important; padding-right:50px !important;}
.padW60 {padding-left:60px !important; padding-right:60px !important;}
.padW75 {padding-left:75px !important; padding-right:75px !important;}
.padH5 {padding-top:5px !important; padding-bottom:5px !important}
.w105 {width:105px !important;}
.w5p {width:5% !important;}
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.disB {display:block !important}
.disIB {display:inline-block !important}
.disN {display:none !important}
/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
img.verM {vertical-align:middle !important; margin-top:-2px !important}
input.verM {vertical-align:middle !important; margin-top:-2px !important}
img.verM4 {vertical-align:middle !important; margin-top:-4px !important}
.hide{position:absolute; top:-9999px; left:-9999px; z-index:-1}
.overF {width:100%; overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}
.posR {position:relative !important}
.reactA {display:block !important}
.reactB {display:inline-block !important}
.reactC {display:block !important}
.reactD {display:inline !important}
.reactE {display:block !important}
.reactF {display:inline !important}
.reactG {display:inline !important}
.reactH {display:block !important}
.reactJ {display:inline-block !important}
.reactN {display:block !important}
.wisN {display:none !important}
.wisW{display:block !important}/* 2018-12-18 추가 */
.wisB {display:block !important}
.wwisN {display:none !important}
.wwisB {display:block !important}
.wtisB{display:block !important}
.wtisN{display:none !important}
.wNtB{display:none !important}
.poArtW{position:absolute; right:0; top:0;}
/*color , bg ,font size*/
.cBlue{color:#074b88 !important}
.c333 {color:#333 !important}
.c444 {color:#444 !important}
.c666{color:#666 !important}
.bgWhite {background:#fff !important}
.bgNo {background:none !important}
.fs14 {font-size:14px !important}
.fs20 {font-size:20px !important}
/*텍스트 스타일*/
.zhFont{font-family:'Microsoft Yahei' ,sans-serif;;}
.lh22{line-height: 22px;}
.cirTit {padding:0 0 0 20px; color:#333; font-size:20px; font-weight:bold; background:url('../images/cirtit_bu.png') no-repeat 0 7px;}
.cyber .cirTit {padding:0 0 0 20px; color:#333; font-size:20px; font-weight:bold; background:url('../images/cirtit_bu.png') no-repeat 0 9px;}
.barTitB {padding:0 0 17px; color:#333; font-size:30px; text-align:center; background:url('../images/bartitb_bu.png') no-repeat center bottom;}
.barTitT {padding:2px 0 0 0; color:#333; font-size:17px; font-weight:bold; background:url('../images/bartitt_bu.png') no-repeat 0 0; background-size:15px 1px;}
.subTit {color:#333; font-size:28px;}
.subTit2{color:#333; font-size:30px;}
.subTit3{color:#333; font-size:33px;}
.subTit4{color:#333; font-size:24px; line-height:34px;}
.pTit {color:#333; font-size:18px; font-weight:bold;}
.pTit2 {font-size:16px; font-weight:bold;}
.pTit3 {color:#333; font-size:17px; font-weight:bold;}
.pTit4 {color:#333; font-size:20px}
.pTit5 {font-size:13px;}
.pTxt {font-size:14px; line-height:24px;}
.pTxt2{font-size:17px; color:#074b88}
.lineList li,
.lineTx{padding:0 0 0 10px; line-height:24px; background:url('../images/linelist_bu.png') no-repeat 0 13px;}
.roundList li,
.roundTx {text-align:center; padding:7px 20px 8px; margin:0 0 7px; border-radius:18px; color:#555; background:#f1eeec;}
.dotList li {padding:0 0 0 10px; line-height:26px; text-align:left; background:url('../images/dotlist_bu_m.png') no-repeat 0 11px; background-size:5px 5px;}
.dotTx {padding:0 0 0 10px; line-height:26px; text-align:left; background:url('../images/dotlist_bu_m.png') no-repeat 0 11px; background-size:5px 5px;}
.dotListB li {padding:0 0 0 10px; line-height:26px; text-align:left; color:#003f82; background:url('../images/dotlistb_bu_m.png') no-repeat 0 11px; background-size:5px 5px;}
.dotTxB {padding:0 0 0 10px; line-height:26px; text-align:left; color:#003f82; background:url('../images/dotlistb_bu_m.png') no-repeat 0 11px; background-size:5px 5px;}
.cirNumL > li {margin:0 0 10px}
.cirNumL > li b {color:#333;}
.cirN {display:inline-block; margin:0 10px 0 0; width:24px; height:24px; line-height:23px; color:#fff; font-weight:bold; text-align:center; background:url('../images/cirnum_bu.png') no-repeat 0 0;}
.cirN2 {display:inline-block; margin:0 10px 0 0; width:20px; height:20px; line-height:20px; color:#666; font-size:12px; text-align:center; border:1px solid #888; border-radius:20px;}
.indent16 {text-indent:-16px; margin-left:16px;}
.tiA{text-indent:14px; display:inline-block;}
.fwN{font-weight:normal;}
.tLineTit{position:relative; font-size:17px; font-weight:bold; color:#333}
.tLineTit:before{position:absolute; width:15px; height:1px; background:#333; content:""; left:0; top:0px;}
.tdUline{text-decoration:underline;}
.nemoList dl{width:1100px; overflow:hidden;}
.nemoList dt {float:left; font-weight:bold; width:90px; height:36px; padding:37px 5px 27px; font-size:20px; line-height:25px; color:#282828; text-align:center; background:#edeff0;}
.nemoList dt.twoR {padding:23px 5px 27px; height:50px;}
.nemoList dd {float:left; padding:27px 0 0; margin:0 0 0 20px; width:980px; line-height:23px; background:url('../images/topbar30x1.gif') no-repeat 0 0; }
.grayBox {padding:30px; background:#f4f4f4;}
.grayBox.small {padding-top:20px; padding-bottom:20px}
.grayBox .pdfReaderBt {display:inline-block; padding:5px 20px 5px 46px; margin:0 0 0 20px; border:1px solid #c0c0c0; font-weight:bold; background:url('../images/pdfreader_icon.png') no-repeat 20px 9px #fff;}
.framArea {padding:70px; text-align:center; margin:22px auto 0; border:1px solid #d9d9d9; border-top:4px solid #323232; }
.framArea iframe {margin:0 auto;}
.boT0{border-top:0 !important;}
.mgT0{margin-top:0 !important;}
.bgN{background:none !important;}
.scrlBox{overflow-y:scroll; padding:25px 30px; border:1px solid #ddd; box-sizing:border-box}
.srclNoti{border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 30px; line-height:22px; background:#f3f3f3;}
.scrlBox.h340{height:340px;}
.scrlBox.h230{height:230px;}
.scrlBox.h200{height:200px;}
/*버튼 스타일*/
.btnTypeA {margin:30px 0 0; text-align:center;}
.btnTypeA .roundBt {display:inline-block; padding:6px 23px 9px; color:#333; font-weight:bold; font-size:15px; border:2px solid #c0c0c0; border-radius:25px;}
.btnTypeA .roundBt.tp {display:inline-block; padding:2px 23px 8px; color:#fff; font-weight:bold; font-size:15px; border:2px solid #383838; background:#383838; border-radius:25px;}
.btnTypeA .roundBt .listBu {display:inline-block; position:relative; top:1px; width:12px; height:12px; margin:0 5px 0 0; background:url('../images/listbt_bu.gif') no-repeat 0 0;}
.btnTypeA .roundBt .okBu {display:inline-block; width:14px; height:10px; margin:0 5px 0 0; background:url('../images/cirokbt_bu.png') no-repeat 0 0;}
.btnTypeA .roundBt .canceBu {display:inline-block; width:14px; height:10px; margin:0 5px 0 0; background:url('../images/circancelbt_bu.png') no-repeat 0 0;}
.btnTypeA .roundBt .appBu {display:inline-block; position:relative; top:4px; width:17px; height:21px; margin:0 5px 0 0; background:url('../images/appbt_bu.png') no-repeat 0 0;}
.bigRoundBt {display:inline-block; padding:15px 42px 16px 52px; color:#fff; font-size:19px; border:1px solid #002b58; border-radius:30px; background:#003d7d;}
.bigRoundBt .rowBu{display:inline-block; width:8px; height:14px; position:relative; top:1px; margin: 0 0 0 14px; background:url('../images/goodsgobt_bu.png') no-repeat 0 0;}
.txBtG {display:inline-block; padding:11px 35px; font-size:16px; color:#fff; font-weight:bold; background:#383838;}
.txBtWb {display:inline-block; padding:10px 35px; font-size:16px; color:#333; font-weight:bold; border:1px solid #383838; background:#fff;}
.txBtW {display:inline-block; padding:11px 35px; font-size:16px; color:#000; font-weight:bold; background:#ffffff;}
.btB{display:inline-block; line-height:34px; color:#fff; background:#666; width:120px; text-align:center;}
.btB2{display:inline-block; line-height:34px; color:#fff; background:#666; width:93px; text-align:center;}
.btB3{display:inline-block; line-height:34px; color:#fff; background:#3d3d3d; width:93px; text-align:center;}
.btB4{display:inline-block; line-height:34px; color:#fff; background:#3d3d3d; width:120px; text-align:center;}
.btB5{display:inline-block; line-height:40px; color:#fff; background:#383838; width:75px; text-align:center;}
.btB6{display:inline-block; line-height:44px; color:#fff; background:#383838; width:163px; text-align:center;}
.btB7 {display:inline-block; padding:11px 35px; font-size:16px; color:#fff; font-weight:bold; background:#383838;}
.btB7 img{position:relative; top:4px;}
.btH34 {height:34px;}
.moreBt {display:block; color:#000; min-height:50px; line-height:50px; font-size:19px; border:1px solid #e6e6e6; font-family:'Microsoft Yahei' ,sans-serif; background:#fff;}
.moreBt .rowBu{display:inline-block; width:28px; height:28px; position:relative; top:9px; margin:0 0 0 8px; background:url('../images/morebt_bu.gif') no-repeat 0 0;}
/* 탭스타일 */
.tabTypeA{width:1200px;}
.tabTypeA.tp{width:100%;}
.tabTypeA .btnArea{margin-top:30px; position:relative;}
.tabTypeA.tp .btnArea{margin-top:23px;}
.tabTypeA .btnArea a{display:inline-block; width:598px; height:50px; line-height:50px; text-align:center; background:#fff; border:1px solid #e2e2e2; font-size:16px; color:#444;}
.tabTypeA .btnArea.count3 a{width:398px;}
.tabTypeA.tp .btnArea.count3 a{width:33.3%; box-sizing:border-box}
.tabTypeA .btnArea.count4 a{width:298px;}
.tabTypeA .btnArea.count5 a{width:238px;}
.tabTypeA .btnArea.count6 a{width:33.3%; box-sizing:border-box}
.tabTypeA .btnArea.count8 a{width:298px;}
.tabTypeA .btnArea.count9 a{width:33.3%; letter-spacing:-0.3px; box-sizing:border-box}
.tabTypeA .btnArea.count10 a{width:33.3%; letter-spacing:-0.3px; box-sizing:border-box}
.tabTypeA .btnArea.count50 a{width:50%; box-sizing:border-box}
.tabTypeA .btnArea.lh5 a{line-height:17px; box-sizing:border-box; padding:6px 0; width:240px;}
.tabTypeA .btnArea.lh a{line-height:17px; box-sizing:border-box; padding:6px 0; width:200px;}
.tabTypeA .btnArea a.on{border:1px solid #0d2844; background:#06478c; font-weight:bold; color:#fff;}
.tabTypeA .btnArea a:first-child{margin-left:0;}
.tabTypeA .tabCon{overflow:hidden; margin-top:20px}
.tabTypeA .tabCon.tp{padding-bottom:80px}
.tabTypeA .tabCon.tp2{margin-top:0; padding:20px 40px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; min-height:269px; box-sizing:border-box; width:100%}
.tabTypeB {position:relative; width:100%; padding:50px 0 0; margin:20px 0 0; overflow:hidden;}
.tabTypeB .bt{display:inline-block; width:598px; height:50px; line-height:50px; text-align:center; background:#fff; border:1px solid #e2e2e2; font-size:16px; color:#444;}
.tabTypeB.count3 .bt {width:33.3333%; position:absolute; top:0; left:0; box-sizing:border-box;}
.tabTypeB.count3 .bt.two {left:33.3333%;}
.tabTypeB.count3 .bt.thr {left:66.6666%;}
.tabTypeB.count3 .bt.on{border:1px solid #0d2844; background:#06478c; font-weight:bold; color:#fff;}
.tabTypeB .tabDiv {padding:40px; background:#fff;}
.tabTypeC{width:1200px;}
.tabTypeC .btnArea{margin-top:30px;}
.tabTypeC .btnArea a{display:inline-block; width:298px; height:50px; line-height:50px; text-align:center; background:#fff; border:1px solid #e2e2e2; font-size:16px; letter-spacing:0; color:#444;}
.tabTypeC .btnArea a.on{border:1px solid #0d2844; background:#06478c; font-weight:bold; color:#fff;}
.tabTypeC .tabCon{overflow:hidden; margin-top:20px}
/*게시판 스타일*/
.listNoDateD {margin:30px 0 0; padding:70px 0; background:#fff; text-align:center;}
.listNoDateD .txtA {margin:20px 0 0; font-size:30px; color:#333;}
.listNoDateD .btnA {margin:35px 0 0;}
.multiTypeA {width:100%; overflow:hidden; margin:5px 0 0;}
.multiTypeA li {position:relative; float:left; width:23.5%; margin:20px 0 0 2%; overflow:hidden;}
.multiTypeA li .headA{line-height:50px; position:relative; background:#fff; font-size:18px;}
.multiTypeA li .headA .tit{margin-left:12px;}
.multiTypeA li .headA .more{position:absolute; right:20px; top:18px;}
.multiTypeA li a:hover .titA {text-decoration:underline}
.multiTypeA li a, .multiTypeA li a span {display:block;}
.multiTypeA li a .topA {position:relative; width:100%; height:170px;}
.multiTypeA li a .bgA,
.multiTypeA li a .bgA img {width:100%; height:170px}
.multiTypeA li a .imgA {position:absolute; top:0; left:0; width:100%; height:170px;}
.multiTypeA li a .imgA img {width:100%; height:170px}
.multiTypeA li a .infoA {position:relative; padding:17px 30px 40px; width:222px; height:79px; overflow:hidden; background:#fff;}
.multiTypeA li a .infoA .titA {font-size:20px; color:#333; font-weight:bold; line-height:28px;}
.multiTypeA li a .infoA .titB {font-size:16px; color:#333; line-height:22px;}
.multiTypeA li a .infoA .txtA {margin:11px 0 0}
.multiTypeA li a .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%}
.multiTypeA.photoType2 li a .topA {position:relative; width:100%; height:214px;}
.multiTypeA.photoType2 li a .bgA,
.multiTypeA.photoType2 li a .bgA img {width:100%; height:214px}
.multiTypeA.photoType2 li a .imgA {width:285px; height:214px;}
.multiTypeA.photoType2 li a .imgA img{height:214px}
.multiTypeA.photoType2 li a .infoA {width:225px}
.multiTypeA.photoType2 li a .infoA {height:145px; padding:21px 30px 40px}
.multiTypeA.photoType2 li a .infoA .titA {font-size:16px; color:#222; font-weight:normal }
.multiTypeA.photoType3 li a .divisionBu {position:absolute; bottom:0; left:0; width:74px; height:30px; line-height:30px; text-align:center; color:#fff; background:#074b89;}
.multiTypeA.photoType3 li a .divisionBu.bu2 {background:#5a8363;}
.multiTypeA.photoType3 li a .divisionBu.bu3 {background:#908476;}
.multiTypeA.photoType3 li a .imgA {position:relative; width:285px; height:214px;}
.multiTypeA.photoType3 li a .imgA img{height:214px}
.multiTypeA.photoType3 li a .infoA {height:88px; padding:21px 30px}
.multiTypeA.photoType3 li a .infoA .titA {font-size:16px; color:#222; font-weight:normal }
.multiTypeA.videoType li a .topA,
.multiTypeA.videoType li a .bgA,
.multiTypeA.videoType li a .bgA img,
.multiTypeA.videoType li a .imgA ,
.multiTypeA.videoType li a .imgA img {height:180px; overflow:hidden;}
.multiTypeA.videoType li a .titA {padding:22px 30px 15px; height:55px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:24px; background:#fff; }
.multiTypeA.videoType li a .framA {position:absolute; top:0; left:0; width:100%; height:180px; background:url('../images/videoframe_bg.png') repeat 0 0;}
.multiTypeA.videoType li a .framA .playBu {position:absolute; top:0; left:0; width:100%; height:180px; background:url('../images/videoplay_bu.png') no-repeat center center}
.multiTypeA.posterType li a .topA,
.multiTypeA.posterType li a .bgA,
.multiTypeA.posterType li a .bgA img,
.multiTypeA.posterType li a .imgA,
.multiTypeA.posterType li a .imgA img {height:360px}
.multiTypeA.posterType li a .titA {padding:22px 30px 15px; height:39px; width:225px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:24px; background:#fff; }
.multiTypeA.snsType li a .topA,
.multiTypeA.snsType li a .bgA,
.multiTypeA.snsType li a .bgA img,
.multiTypeA.snsType li a .imgA ,
.multiTypeA.snsType li a .imgA img {height:224px}
.multiTypeA.snsType li a .titA {padding:15px 25px 15px; height:55px; overflow:hidden; font-size:14px; color:#333; line-height:22px; background:#fff; position:relative}
.photoTypeA {width:100%; overflow:hidden;}
.photoTypeA ul {margin:0 auto; width:100%;}
.photoTypeA li {width:290px !important; margin:0 5px 10px; z-index:100}
.photoTypeA li img{width:100%;}
.photoTypeA li a, .photoTypeA li a span {display:block;}
.photoTypeA.videoType li a .topA,
.photoTypeA li .videoThumb a .topA{position:relative; width:100%; height:180px;}
.photoTypeA.videoType li a .bgA,
.photoTypeA li .videoThumb a .bgA,,
.photoTypeA.videoType li a .bgA img,
.photoTypeA li .videoThumb a .bgA img{width:100%; height:180px}
.photoTypeA.videoType li a .imgA,
.photoTypeA li .videoThumb a .imgA{position:absolute; top:0; left:0; width:100%; height:180px;}
.photoTypeA.videoType li a .imgA img,
.photoTypeA li .videoThumb a .imgA img{height:180px}
.photoTypeA.videoType li a .titA,
.photoTypeA li .videoThumb a .titA {padding:22px 30px 15px; height:55px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:24px; letter-spacing:-1px; background:#fff; position:relative;}
.photoTypeA.videoType li a .framA,
.photoTypeA li .videoThumb a .framA{position:absolute; top:0; left:0; width:100%; height:180px; background:url('../images/videoframe_bg.png') repeat 0 0;}
.photoTypeA.videoType li a .framA .playBu,
.photoTypeA li .videoThumb a .framA .playBu {position:absolute; top:0; left:0; width:100%; height:180px; background:url('../images/videoplay_bu.png') no-repeat center center}
.photoPopW {position:absolute; top:0; left:0; opacity:0}
.photoPopW .popH {padding:15px 95px 15px 30px; min-height:25px; font-size:20px; font-family:'Microsoft Yahei' ,sans-serif; color:#fff; background:#003f82;}
.photoPopW .popD {padding:30px 20px; background:#fff; text-align:center;}
.photoPopW .popD img {max-width:1100px}
.photoPopW .closeBt {position:absolute; top:10px; right:30px}
.photoPopW .closeBt button{width:34px; height:34px; background:url('../images/popclosebt_bu.png') no-repeat center center; text-indent:-99999px;}
.botConA{width:100%; background:#e6e6e6; height:600px; box-sizing:border-box; padding-top:60px;}
.botConA .wrap{width:1200px; margin:0 auto;}
.botConA .wrap .hTit{font-size:30px; color:#333}
.multiTypeB {width:100%; overflow:hidden;}
.multiTypeB > ul > li {position:relative; float:left; width:23.5%; margin:20px 0 0 2%; overflow:hidden;}
.multiTypeB > ul > li:first-child{margin:20px 0 0 0;}
.multiTypeB > ul > li .headA{line-height:50px; position:relative; background:#fff; font-size:18px;}
.multiTypeB > ul > li .headA .tit{margin-left:12px;}
.multiTypeB > ul > li .headA .more{position:absolute; right:20px; top:18px;}
.multiTypeB > ul > li.tp1 > div .topA{position:relative; width:100%; height:160px;}
.multiTypeB > ul > li.tp1 > div .bgA,
.multiTypeB > ul > li.tp1 > div .bgA img{width:100%; height:160px;}
.multiTypeB > ul > li.tp1 > div .imgA{position:absolute; top:0; left:0; width:100%; height:160px;}
.multiTypeB > ul > li.tp1 > div .imgA .playBu {position:absolute; top:0; left:0; width:100%; background:url('../images/videoplay_bu.png') no-repeat center center}
.multiTypeB > ul > li.tp1 > div .bgA,
.multiTypeB > ul > li.tp1 > div .imgA img{width:100%; height:160px;}
.multiTypeB > ul > li.tp1 > div .infoA{position:relative;padding:17px 30px 40px;width:222px;height: 113px;overflow:hidden;background:#fff;}
.multiTypeB > ul > li.tp1 > div .infoA a:hover{text-decoration:underline;}
.multiTypeB > ul > li.tp1 > div .infoA .txtA{margin:0; line-height:20px;}
.multiTypeB > ul > li.tp1 > div .infoA .tagA{font-size:13px; margin-top:15px; display:block;}
.multiTypeB > ul > li.tp1 > div .infoA .tagA a{display:inline; color:#074b88; margin-left:3px;}
.multiTypeB > ul > li.tp1 > div .infoA .tagA a:first-child{margin-left:0;}
.multiTypeB > ul > li.tp1 > div .infoA .utilA{position:absolute; bottom:25px; left:30px;}
.multiTypeB > ul > li.tp1 > div .infoA .utilA span{display:inline-block;}
.multiTypeB > ul > li.tp1 > div .infoA .utilA .like{display:inline-block; padding-left:20px; background:url('../images/sns_likesym.gif') left no-repeat;}
.multiTypeB > ul > li.tp1 > div .infoA .utilA .cmnt{display:inline-block; padding-left:20px; background:url('../images/sns_cmntsym.gif') left no-repeat; margin-left:8px;}
.multiTypeB > ul > li.tp1 > div .infoA .date{position:absolute; bottom:25px; right:30px; display:inline-block; color:#aaa}
.multiTypeB li.tp2 > div .infoA{position:relative;padding: 30px 30px 40px;width:222px;height: 260px;overflow:hidden;background:#fff;}
.multiTypeB li.tp2 > div .infoA a:hover{text-decoration:underline;}
.multiTypeB li.tp2 > div .infoA span{display:inline-block;}
.multiTypeB li.tp2 > div .infoA .label{color:#fff; font-size:13px; width:50px; height:25px; line-height:25px; text-align:center;}
.multiTypeB li.tp2 > div .infoA .label.tp1{background:#f4c500;}
.multiTypeB li.tp2 > div .infoA .label.tp2{background:#81a2ce;}
.multiTypeB li.tp2 > div .infoA .tit{font-size:15px; font-weight:bold; color:#333; margin-top:16px;}
.multiTypeB li.tp2 > div .infoA .tit a{color:#333}
.multiTypeB li.tp2 > div .infoA .txt{line-height:22px; margin-top:12px;}
.multiTypeB li.tp2 > div .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%; color:#aaa}
.snsRollType {position:relative; width:100%; height:330px; margin:0 auto; overflow:hidden;}
.snsRollType ul {width:100%; position:absolute; top:0; left:0; overflow:hidden; }
.snsRollType ul li {position:relative; float:left; width:100%; height:330px; }
.snsRollType .sRollBtnA {Z-INDEx:1000}
.snsRollType .sRollBtnA .btL {width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA .btR {width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA2 {Z-INDEx:1000}
.snsRollType .sRollBtnA2 .btL {width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA2 .btR {width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA3 {Z-INDEx:1000}
.snsRollType .sRollBtnA3 .btL {width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA3 .btR {width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA4 {Z-INDEx:1000}
.snsRollType .sRollBtnA4 .btL {width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:0; top:50%; margin-top:-15px; opacity:0}
.snsRollType .sRollBtnA4 .btR {width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:0; top:50%; margin-top:-15px; opacity:0}
.recentTypeA{margin:50px 0 0;}
.recentTypeA .multiTypeA li {margin-top:12px;}
.recentTypeA .multiTypeA li a .imgA ,
.recentTypeA .multiTypeA li a .imgA img{height:auto;}
.recentTypeA .multiTypeA .list2 li .titA {font-weight:normal; font-size:16px;}
.recentTypeA .hTit{font-size:20px; color:#333}
.recentTypeA .reMoreA{padding:0 30px; background: #fff;}
.recentTypeA .reMoreA .bu {height:50px; border-top:1px solid #e6e6e6; background:url('../images/recentmore_icon.gif') no-repeat center center}
.viewTypeA {position:relative; width:1120px; padding:30px 40px 0; margin:40px 0 0; overflow:hidden; background:#fff;}
.viewTypeA.tp{width:100%;}
.viewTopD {position:relative; padding:0 60px 28px 0; border-bottom:1px solid #eaeaea}
.viewTopD .titA {font-size:26px; color:#333; font-weight:bold;}
.viewTopD .infoA{margin:7px 0 0;}
.viewTopD .infoA span,.viewTopD .infoA strong{display:inline-block;}
.viewTopD .infoS {margin:0 14px 0 0;}
.viewTopD .pShareD {position:absolute; top:3px; right:0;}
.viewCon {position:relative; padding:50px 0 100px; line-height:24px; min-height:240px;}
.viewCon .videoD {width:740px; margin:0 auto;}
.viewCon .vScriptD {margin:30px 0 0; height:110px; padding:25px 30px; color:#555; line-height:22px; overflow-y:scroll; border:1px solid #e1e1e1; background:#f4f4f4; white-space:pre-line}
.viewCon .vScriptA {margin:0 0 25px;}
.viewCon .interQ {margin:35px 0 0; padding:0 0 0 37px; min-height:30px; font-size:20px; color:#333; font-weight:bold; background:url('../images/jobinfoq_icon.png') no-repeat 0 0;}
.viewCon .interA {margin:10px 0 0;}
.viewCon img {max-width:1020px;}
.viewFile{padding-bottom:30px; border-top:1px solid #eaeaea; padding-top:21px}
.viewFile p{font-size:13px; background:url('../images/addfile_icon.png') left no-repeat; padding:4px 0 5px 35px;}
.viewFile p a{margin-left:2px;}
.viewFile p a:first-child{margin-left:0;}
.viewFile p a:hover{text-decoration:underline;}
.topRollTypeA {position:relative; width:100%; height:300px; margin:0 auto; overflow:hidden;}
.topRollTypeA ul {width:100%; position:absolute; top:0; left:0; overflow:hidden; }
.topRollTypeA ul li {position:relative; float:left; width:100%; height:300px; }
.topRollTypeA ul li a, .topRollTypeA ul li span {display:block;}
.topRollTypeA ul li .imgA {float:left; width:400px; height:300px;}
.topRollTypeA ul li .infoA {position:relative; float:left; padding:35px 40px; width:720px; height:230px; background:#fff;}
.topRollTypeA ul li .infoA .titA {font-size:22px; color:#222; font-weight:bold;}
.topRollTypeA ul li .infoA .txtA {margin:20px 0 0; line-height:24px;}
.topRollTypeA ul li .infoA .dateA {position:absolute; bottom:40px; left:40px;}
.topRollTypeA .tRollBtnA {position:absolute; bottom:0; right:0; Z-INDEx:1000}
.topRollTypeA .tRollBtnA .count {position:absolute; bottom:8px; right:80px; width:80px; text-align:right; display:inline-block; z-index:1000}
.topRollTypeA .tRollBtnA .count .curP {color:#333;}
.topRollTypeA .tRollBtnA .btL {width:35px; height:35px; background:url('../images/toprolltypel_bt.png') no-repeat 0 0 #f4f4f4; text-indent:-999999px;}
.topRollTypeA .tRollBtnA .btR {width:35px; height:35px; background:url('../images/toprolltyper_bt.png') no-repeat 0 0 #f4f4f4; text-indent:-999999px;}
.topRollTypeB {position:relative; width:100%; height:556px; margin:0 auto; overflow:hidden;}
.topRollTypeB ul {width:100%; position:absolute; top:0; left:0; overflow:hidden; }
.topRollTypeB ul li {position:relative; float:left; width:100%; height:556px;}
.topRollTypeB ul li a{cursor:default; width:100%;}
.topRollTypeB ul li a, .topRollTypeB ul li span {display:block;}
.topRollTypeB ul li .imgA {width:1200px; height:556px;}
.topRollTypeB .titA {position:absolute; top:0; left:0; padding:28px 10px 30px; width:1180px; font-size:30px; color:#fff; text-align:center; background:url('../images/toprolltypetit_bg.png') repeat 0 0; z-index:1000}
.topRollTypeB .tRollBtnB {position:absolute; top:42%; right:0; width:100%; overflow:hidden; z-index:1000}
.topRollTypeB .tRollBtnB .btL {float:left; width:42px; height:82px; margin:0 0 0 20px; background:url('../images/toprolltypel_bt2.png') no-repeat 0 0; text-indent:-999999px;}
.topRollTypeB .tRollBtnB .btR {float:right; width:42px; height:82px; margin:0 20px 0; background:url('../images/toprolltyper_bt2.png') no-repeat 0 0; text-indent:-999999px;}
.boardType1 {border-right:1px solid #d9d9d9; }
.boardType1 thead th,
.boardType1 tbody th{font-weight:bold; color:#333; padding:15px 0; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f3f3f3;}
.boardType1 tbody th {vertical-align:top;}
.boardType1 th .qAreaD {position:relative;}
.boardType1 th .qArea{position:absolute; right:-205px; top:-105px; padding:22px 20px 28px; background:#fff; border:1px solid #000; min-width:228px; z-index:1; font-weight:normal; font-size:14px; text-align:left;}
.boardType1 th .qArea p{position:absolute; bottom:-18px;}
.boardType1 th .qArea a{position:absolute; top:10px; right:10px;}
.boardType1 td{color:#666; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;padding:10px; text-align:center;border-left:1px solid #d9d9d9; box-sizing:border-box; word-break:break-all; background:#fff;}
.boardType1 td.taL {padding-left:20px;}
.boardType1.tp{border-top:4px solid #323232}
.boardType1.tp td .codeN{text-decoration:underline; color:#003f82}
.boardType1.tp td .mapViewBt{color:#fff; font-weight:bold; background:#383838; padding:8px 23px; display:inline-block;}
.boardType1 td a.link{color:#333;}
.boardType1 .hTalentT td a.link {color:#666;}
.boardType1 td a.link:hover {color:#003f82; text-decoration:underline}
.boardType1 td.bgTp{background:#f3f3f3;}
.boardType1 .resultA td {color:#333;}
.boardType1 .alltaLeftT th,
.boardType1 .alltaLeftT td {padding-left:18px; text-align:left;}
.boardType1 .pdfBt {display:inline-block; padding:0 38px; height:34px; line-height:32px; font-weight:bold; background:#383838; color:#fff; }
.qAssuranceViewT th {width:15%;}
.scrollT .widthScbg {display:none;}
.boardType1.tp2{border-top:4px solid #323232}
.boardType1.tp2 tbody tr td:first-child{font-weight:bold; text-align:left; color:#333; padding:10px 20px 10px 20px}
.boardType2 tbody th,
.boardType2 tbody td {border-bottom:1px solid #d9d9d9; overflow:hidden;}
.boardType2 tbody tr:first-child th,
.boardType2 tbody tr:first-child td{border-top:1px solid #d9d9d9; }
.boardType2 tbody td {color:#444; font-size:14px; vertical-align:top; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.boardType2 tbody td input[type="text"],
.boardType2 tbody td input[type="password"]{height:26px; padding:3px 10px; width:278px; border:1px solid #d6d6d6;}
.boardType2 tbody td input.w68 {width:48px}
.boardType2 tbody td input.w100 {width:80px}
.boardType2 tbody td input.w148 {width:126px}
.boardType2 tbody td input.w198 {width:178px}
.boardType2 tbody td input.w398 {width:378px}
.boardType2 tbody td select {height:34px; border:1px solid #d6d6d6; width:100px;}
.boardType2 tbody td select.w68 {width:68px;}
.boardType2 tbody td select.w148 {width:148px;}
.boardType2 tbody td select.w200 {width:200px;}
.boardType2 tbody td .infoSplitD {width:100%; overflow:hidden;}
.boardType2 tbody td .infoSplitD .inTh{width:125px; min-height:20px; float:left; padding:15px 5px 16px 19px; text-align:left; font-weight:bold; color:#333; border-right:1px solid #d9d9d9; background:#f3f3f3;}
.boardType2 tbody td .infoSplitD .inTh img {vertical-align:middle;}
.boardType2 tbody td .infoSplitD .inTd {width:888px; float:left; padding:8px 20px 8px 20px;}
.boardType2 tbody td .infoSplitD .inTd.intrestA {padding-bottom:3px}
.boardType2 tbody td .infoSplitD .inTd.intrestA .reactC > .disIB{margin:0 30px 5px 0;}
.boardType2 tbody td .infoSplitD .inTd .genderA{margin:0 0 0 30px;}
.boardType2 tbody td .infoSplitD .inTd .mAgreeL {width:105px;}
.boardType2 tbody td .infoSplitD .inTd .txtIn {display:inline-block; margin:7px 0;}
.boardType2 tbody td .infoSplitD .inTd .udLine {text-decoration:underline;}
.boardType2 tbody td .infoSplitD .inTd .lh34{height:34px; line-height:34px;}
.boardType2 tbody td .infoSplitD .inTd .lh60{line-height:60px;}
.boardType2 tbody td .infoSplitD .inTd textarea {width:100%; height:160px; box-sizing:border-box}
.boardType2 tbody td .infoSplitD .inTd .addFile{padding:7px 0 8px 37px; background:url('../images/tb_addfile_icon.gif') left no-repeat;}
.boardType2 tbody td .infoSplitD .inTd .addFile a{margin-left:5px;}
.boardType2 tbody td .infoSplitD .inTd .addFile a:first-child{margin-left:0;}
.boardType2 tbody td .infoSplitD .inTd .addFile a:hover{text-decoration:underline;}
.boardType2 tbody td .tabType {width:100%; margin:5px 0 0; overflow:hidden;}
.boardType2 tbody td .tabType .btnArea a {display:inline-block; width:175px; height:38px; line-height:38px; text-align:center; background:#fff; border:1px solid #e2e2e2; font-size:16px; color:#444;}
.boardType2 tbody td .tabType .btnArea a.on{border:1px solid #0d2844; background:#06478c; font-weight:bold; color:#fff;}
.boardType2 tbody td .tabType .tabCon{width:100%; overflow:hidden; padding:15px 0 12px;}
.boardType2 tbody td .tabType .tabDiv .carRowD{width:100%; overflow:hidden; padding:5px 0;}
.boardType2 tbody td .tabType .tabDiv .carRowD .leftA{width:50%; float:left; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA{width:50%; float:right; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD label {width:74px; margin:5px 0 0; float:left; color:#074b88}
.boardType2 tbody td .tabType .tabDiv .carRowD .carInputA {width:370px; float:left;}
.boardType2 tbody td .tabType .tabDiv .carRowD.fullA .carInputA {width:814px}
.boardType2 tbody td .tabType .tabDiv .carDelD {margin:25px 0 0; padding:15px 0 0; text-align:center; border-top:1px dotted #d9d9d9}
.boardType3 {border-top:4px solid #323232}
.boardType3 .hTh th,
.boardType3 thead th{font-weight:bold; text-align:center; color:#333; padding:15px 0; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f3f3f3;}
.boardType3 tbody th{font-weight:normal; vertical-align:top; text-align:left; padding:12px 5px 12px 20px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
.boardType3 tbody .fb {font-weight:bold;}
.boardType3 td{color:#666; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:12px 5px 12px 20px; border-left:1px solid #d9d9d9; box-sizing:border-box; word-break:break-all}
.boardType3.tp td{color:#666; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:7px 10px 7px 10px; border-left:1px solid #d9d9d9; box-sizing:border-box; word-break:break-all}
.boardType3 .financialT td{text-align:right; padding:12px 20px 12px 5px; }
.boardType3 .FinTableAll th {font-weight:bold; color:#003f82; background:#f3f3f3; text-align:center}
.boardType3 .FinTableAll td {font-weight:bold; color:#003f82; background:#f3f3f3;}
.boardType4 tbody th,
.boardType4 tbody td {border-bottom:1px solid #d9d9d9; overflow:hidden;}
.boardType4 tbody tr:first-child th,
.boardType4 tbody tr:first-child td{border-top:1px solid #d9d9d9; }
.boardType4 tbody td {color:#444; font-size:14px; vertical-align:top; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.boardType4 tbody td input.w68 {width:48px}
.boardType4 tbody td input.w100 {width:80px}
.boardType4 tbody td input.w21p {width:21%}
.boardType4 tbody td input.w31p {width:31%}
.boardType4 tbody td input.w398 {width:378px}
.boardType4 tbody td select {height:34px; border:1px solid #d6d6d6; width:100px;}
.boardType4 tbody td select.w68 {width:68px;}
.boardType4 tbody td select.w29p {width:29%;}
.boardType4 tbody td select.w31p {width:31%;}
.boardType4 tbody td .infoSplitD {width:100%; overflow:hidden;}
.boardType4 tbody th{padding:15px 10px 16px 10px; text-align:left; font-weight:bold; color:#333; border-left:1px solid #d9d9d9; background:#f3f3f3;}
.boardType4 tbody th img {vertical-align:middle;}
.boardType4 tbody td{padding:8px 3% 8px 3%;}
.boardType4 tbody td .inTd.intrestA {padding-bottom:3px}
.boardType4 tbody td .inTd.intrestA .reactC > .disIB{margin:0 30px 5px 0;}
.boardType4 tbody td .genderA{margin:0 0 0 30px;}
.boardType4 tbody td .mAgreeL {width:105px;}
.boardType4 tbody td .txtIn {display:inline-block; margin:7px 0;}
.boardType4 tbody td .udLine {text-decoration:underline;}
.boardType4 tbody td .lh34{height:34px; line-height:34px;}
.boardType4 tbody td .lh60{line-height:60px;}
.boardType4 tbody td textarea {width:100%; height:160px; box-sizing:border-box}
.cBoardType tbody th,
.cBoardType tbody td {border-bottom:1px solid #d9d9d9; overflow:hidden;}
.cBoardType tbody tr:first-child th,
.cBoardType tbody tr:first-child td{border-top:1px solid #d9d9d9; }
.cBoardType tbody td {color:#444; font-size:14px; vertical-align:top; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.cBoardType tbody td input[type="text"],
.cBoardType tbody td input[type="password"]{height:26px; padding:3px 10px; width:178px; border:1px solid #d6d6d6;}
.cBoardType tbody td input.w68 {width:48px}
.cBoardType tbody td input.w100 {width:80px}
.cBoardType tbody td input.w148 {width:126px}
.cBoardType tbody td input.w198 {width:178px}
.cBoardType tbody td input.w398 {width:378px}
.cBoardType tbody td input.w472 {width:450px}
.cBoardType tbody td select {height:35px; border:1px solid #d6d6d6; width:100px;}
.cBoardType tbody td select.w68 {width:68px;}
.cBoardType tbody td select.w148 {width:148px;}
.cBoardType tbody td select.w200 {width:200px;}
.cBoardType tbody td .infoSplitD {width:100%; overflow:hidden;}
.cBoardType tbody td .infoSplitD .inTh{width:15%; box-sizing:border-box; min-height:20px; float:left; padding:15px 5px 16px 19px; text-align:left; font-weight:bold; color:#333; border-right:1px solid #d9d9d9; background:#f3f3f3;}
.cBoardType tbody td .infoSplitD .inTh img {vertical-align:middle;}
.cBoardType tbody td .infoSplitD .inTd {width:85%; float:left; padding:8px 20px 8px 20px; box-sizing:border-box}
.cBoardType.tp tbody td .infoSplitD .inTd {width:85%; float:left; padding:15px 5px 16px 19px; box-sizing:border-box}
.cBoardType tbody td .infoSplitD .inTd.intrestA {padding-bottom:3px}
.cBoardType tbody td .infoSplitD .inTd.intrestA .reactC > .disIB{margin:0 30px 5px 0;}
.cBoardType tbody td .infoSplitD .inTd .genderA{margin:0 0 0 30px;}
.cBoardType tbody td .infoSplitD .inTd .mAgreeL {width:105px;}
.cBoardType tbody td .infoSplitD .inTd .txtIn {display:inline-block; margin:7px 0;}
.cBoardType tbody td .infoSplitD .inTd .udLine {text-decoration:underline;}
.cBoardType tbody td .infoSplitD .inTd .lh34{height:34px; line-height:34px;}
.cBoardType tbody td .infoSplitD .inTd .lh60{line-height:60px;}
.cBoardType tbody td .infoSplitD .inTd textarea {width:100%; height:160px; box-sizing:border-box}
.cBoardType tbody td .tabType {width:100%; margin:5px 0 0; overflow:hidden;}
.cBoardType tbody td .tabType .btnArea a {display:inline-block; width:175px; height:38px; line-height:38px; text-align:center; background:#fff; border:1px solid #e2e2e2; font-size:16px; color:#444;}
.cBoardType tbody td .tabType .btnArea a.on{border:1px solid #0d2844; background:#06478c; font-weight:bold; color:#fff;}
.cBoardType tbody td .tabType .tabCon{width:100%; overflow:hidden; padding:15px 0 12px;}
.cBoardType tbody td .tabType .tabDiv .carRowD{width:100%; overflow:hidden; padding:5px 0;}
.cBoardType tbody td .tabType .tabDiv .carRowD .leftA{width:50%; float:left; overflow:hidden;}
.cBoardType tbody td .tabType .tabDiv .carRowD .rightA{width:50%; float:right; overflow:hidden;}
.cBoardType tbody td .tabType .tabDiv .carRowD label {width:74px; margin:5px 0 0; float:left; color:#074b88}
.cBoardType tbody td .tabType .tabDiv .carRowD .carInputA {width:370px; float:left;}
.cBoardType tbody td .tabType .tabDiv .carRowD.fullA .carInputA {width:814px}
.cBoardType tbody td .tabType .tabDiv .carDelD {margin:25px 0 0; padding:15px 0 0; text-align:center; border-top:1px dotted #d9d9d9}
/* 리스트 스타일 */
.listTypeA{margin-top:30px;}
.listTypeA ul{margin-top:30px;}
.listTypeA li{margin-top:10px;}
.listTypeA li:first-child{margin-top:0;}
.listTypeA li > a{display:block; position:relative;}
.listTypeA li a .leftA{width:285px; z-index:1; position:absolute;}
.listTypeA li a .bgA{width:100%; height:190px}
.listTypeA li a .bgA img{width:100%; height:190px}
.listTypeA li a .imgA{width:100%; height:190px; position:absolute; left:0; top:0;}
.listTypeA li a .imgA img{width:100%; height:190px}
.listTypeA li a .infoA{width:100%; height:190px; box-sizing:border-box; position:relative; display:block; padding:28px 35px 0 320px; background:#fff;}
.listTypeA li a .infoA.tp{width:100%; height:190px; box-sizing:border-box; position:relative; display:block; padding:28px 35px 0 35px; background:#fff;}
.listTypeA li a .infoA .tit{font-size:22px; color:#333; display:block;}
.listTypeA li a .infoA .tit img{position:relative; top:7px; left:1px;}
.listTypeA li a .infoA .txt{font-size:13px; color:#666; display:block; line-height:20px; margin-top:15px; }
.listTypeA li a .infoA .date{font-size:14px; color:#888; display:block; margin-top:10px;}
.iconListD{width:100%; overflow:hidden;}
.iconListD li {float:left; margin:20px 0 0; width:50%; overflow:hidden;}
.iconListD.tp li {float:left; margin:20px 0 0; width:33.3%; overflow:hidden;}
.iconListD.tp2 li {float:left; margin:20px 0 0; width:100%; overflow:hidden; position:relative; box-sizing:border-box; min-height:120px; padding-left:140px;}
.iconListD.tp2 li:first-child {margin:0 0 0;}
.iconListD.tp3 li {float:left; margin:20px 0 0; width:100%; overflow:hidden; position:relative; box-sizing:border-box; min-height:140px; padding-left:160px;}
.iconListD.tp3 li:first-child {margin:0 0 0;}
.iconListD li .imgA {float:left; width:140px;}
.iconListD li .infoA {float:left; width:400px;}
.iconListD li .infoA .titA {font-size:17px; color:#092869;}
.iconListD li .infoA .txtA {margin:4px 0 0; font-size:16px;}
.iconListD li .infoA .txtB {margin:4px 0 0; font-size:15px; color:#333}
.iconListD li .infoA .txtC {margin:4px 0 0; font-size:13px; line-height:18px;}
.iconListD.tp li .imgA{width:100px;}
.iconListD.tp li .infoA{width:266px}
.iconListD.tp li .infoA .txt{text-align:left; font-size:15px; color:#092869}
.iconListD.tp2 li .imgA{position:absolute; width:120px; left:0; top:0;}
.iconListD.tp2 li .infoA{width:100%}
.iconListD.tp3 li .imgA{position:absolute; width:140px; left:0; top:0;}
.iconListD.tp3 li .infoA{width:100%}
.listTypeB li{border-bottom:1px solid #d9d9d9}
.listTypeB li:first-child{border-top:3px solid #d9d9d9}
.listTypeB li > a{display:block; position:relative;}
.listTypeB li a .infoA{width:100%; height:163px; box-sizing:border-box; position:relative; display:block; padding:25px 35px 0 0; background:#fff;}
.listTypeB li a .infoA .tit{font-size:22px; color:#333; display:block;}
.listTypeB li a .infoA .tit img{position:relative; top:7px; left:1px;}
.listTypeB li a .infoA .txt{font-size:13px; color:#666; display:block; line-height:20px; margin-top:15px; }
.listTypeB li a .infoA .date{font-size:14px; color:#888; display:block; margin-top:10px;}
.listTypeB li a .infoA .tagA{position:absolute; right:0; bottom:26px; font-weight:bold; color:#888}
/*아코디언 스타일*/
.accoPopW {width:100%; overflow:hidden;}
.accoPopD {margin:20px 0 0; background:#fff;}
.accoPopD .bConA {padding:30px; width:1140px; overflow:hidden;}
.accoPopD .bConA .imgA {float:left; width:300px; margin:0 30px 0 0}
.accoPopD .bConA .infoA {float:left; width:810px;}
.accoPopD .imgNoD .infoA{width:1040px;}
.accoPopD .bConA .infoA .txtA {margin:15px 0 0;}
.accoPopD .bConA .infoA .txtA .txt17{font-size:17px;}
.accoPopD .btnA {height:28px; border:1px solid #e6e6e6; text-align:center; }
.accoPopD .btnA button{display:block; width:100%; height:28px; line-height:25px; color:#333; font-size:13px; font-weight:bold; }
.accoPopD .btnA button .img {display:inline-block; width:28px; height:28px; background:url('../images/accopop_bt.gif') no-repeat 0 0;}
.accoPopD .btnA.on button .txt {display:none;}
.accoPopD .btnA.on button .img{background-image:url('../images/accopop_bt_on.gif');}
.accoPopD .accoPopA {display:none; padding:30px 0 0; border:1px solid #e6e6e6; border-top:0;}
.accoPopD .accoPopA.borNO {border:0;}
.accoPopD .accoPopA .barTitB{padding-left:10px; padding-right:10px}
.accoPopD .accoPopA .accoPopS {padding:30px 0 0;}
.accoPopD .accoPopA .imgA {text-align:center; padding:0 30px;}
.accoPopD .accoPopA .sConA {padding:0 50px;}
.accoPopD .accoPopA .sConA .imgA {padding:0;}
.accoPopD .accoPopA .sConA .epsA ,
.accoPopD .accoPopA .sConA .sysComA {margin:40px 0 0}
.accoPopD .accoPopA .roundList {margin:30px 0 0;}
.accoPopD .accoPopA .kSystemD1 {margin:65px 0 0; padding:293px 0 23px 786px; width:314px; height:75px; overflow:hidden; border-bottom:1px dotted #b7b7b7; background:url('../images/ksystempop_img2_1.jpg') no-repeat 245px 0;}
.accoPopD .accoPopA .sConTypeB {margin:48px 0 0; width:1100px; padding:0 0 48px;overflow:hidden; border-bottom:1px dotted #b7b7b7;}
.accoPopD .accoPopA .sConTypeB .leftA,
.accoPopD .accoPopA .sConTypeB .rightA {float:left; width:550px; text-align:center;}
.accoPopD .accoPopA .sConTypeB .talrA .leftA,yt
.accoPopD .accoPopA .sConTypeB .talrA .leftA .imgA{text-align:right;}
.accoPopD .accoPopA .sConTypeB .talrA .rightA,
.accoPopD .accoPopA .sConTypeB .talrA .rightA .imgA {text-align:left;}
.accoPopD .accoPopA .sConTypeB .imgA {margin:20px 0 0;}
.accoPopD .accoPopA .sConTypeB .ledLampA {width:902px; margin:0 auto}
.accoPopD .accoPopA .sConTypeB .ledLampA .leftA {width:300px; margin:0 50px 0 0}
.accoPopD .accoPopA .sConTypeB .kMaterialA1{margin:20px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .dotList {margin:20px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .rightA {border-left:1px solid #e4e4e4; width:549px;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .rightA .dotList{margin-left:50px;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 {margin:45px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl{float:left; padding:0 8px; width:258px; text-align:left; border-left:1px solid #e4e4e4;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl{width:259px; border-left:0}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl:first-child{border:none; width:258px; border-right:1px solid #e4e4e4;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl dt {font-weight:bold; color:#444;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl dd {margin:15px 0 0}
.accoPopD .accoPopA .sConTypeB .kFisA .lineList{width:298px; margin:10px auto 0; text-align:left;}
.accoPopD .accoPopA .sConTypeC {margin:65px 0 0; width:1100px; padding:0 0 45px;overflow:hidden; border-bottom:1px dotted #b7b7b7;}
.accoPopD .accoPopA .sConTypeC .bConA {padding:0; margin:20px 0 0; width:1100px}
.accoPopD .accoPopA .sConTypeC .bConA .infoA {width:770px; }
.accoPopD .accoPopA .sConTypeC .bConA:first-child{margin:0;}
.accoPopD .accoPopA .sConTypeC .kMultiA {margin:0 0 0 85px;}
.accoPopD .accoPopA .sConTypeC .kMultiA .infoA {width:685px;}
.accoPopD .accoPopA .borN {border-bottom:0;}
.accoPopD .accoPopA .conA {width:1138px; padding:20px 30px 10px; border-top:1px solid #e6e6e6; overflow:hidden; background:#f4f4f4;}
.accoPopD .accoPopA .conA ul {float:left; width:569px}
.accoPopD .accoPopA .conA ul li {margin:0 0 10px}
.accoPopD .accoPopA .conA ul li b {color:#333;}
.accoPopD .accoPopA .conA ul li .subTx2 {display:block; margin:0 0 0 34px}
.accoPopD.tp .accoPopA {display:none; padding:30px 0 0; border:1px solid #e6e6e6;}
.accoPopD.tp .dealWithW{padding:0 30px 30px 30px}
.accoPopD.tp .dealWithW2{padding:37px 30px 95px 30px}
.accoPopD.tp .dealWithW .wrap{padding-top:30px; border-top:1px dashed #d7d7d7}
.accoPopD.tp .listType li{margin-bottom:10px;}
.accoPopD.tp .listType li .twoIdt{padding-left:32px; display:inline-block; text-indent:-16px}
.accoPopD.tp .listType.tp li{position:relative; padding-left:25px; line-height:26px;}
.accoPopD.tp .listType.tp li .cirN2{position:absolute; left:0; top:3px;}
/* .accoPopD.tp .txtA{position:relative; margin-left:-32px; left:32px;} */
.accoPopD.tp .thrBList{overflow:hidden;}
.accoPopD.tp .thrBList > li{float:left; border:1px solid #ddd; box-sizing:border-box; margin-left:10px; width:360px}
.accoPopD.tp .thrBList > li:first-child{margin-left:0;}
.accoPopD.tp .thrBList > li .imgA{padding:8px 10px;}
.accoPopD.tp .thrBList > li .txtArea{border-top:1px solid #ddd; padding:17px 20px; min-height:77px}
.accoPopD.tp .thrBList > li .txtArea li{line-height:22px;}
.accoPopD.tp .thrBList > li .txtArea .cirN2{vertical-align:top;}
.accoPopD.tp .thrBList > li .txtArea .txtA{width:280px; display:inline-block;}
.accoPopD.tp .infoBox{overflow:hidden; border:1px solid #ddd; padding:30px; box-sizing:border-box; }
.accoPopD.tp .infoBox{overflow:hidden; border:1px solid #ddd; padding:30px; box-sizing:border-box; }
.accoPopD.tp .infoBox .imgA{float:left; width:523px;}
.accoPopD.tp .infoBox ul{float:left; width:500px;}
.accoPopD.tp .infoBox dl{float:left; width:500px;}
.accoPopD.tp .infoBox dl dt{font-size:17px; color:#333; margin-bottom:10px;}
.accoPopD.tp .infoBox dl dd{margin-bottom:42px;}
.accoPopD.tp .infoBox > p{line-height:22px;}
.BoxStyle{width:1100px; margin: auto; border:0 !important; border-bottom:1px dashed #ddd !important; padding:30px 0 !important;}
.accoPopD.tp .notiTag {display:inline-block; width:55px; height:25px; line-height:25px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border-radius:20px; background:#ef120a; vertical-align:top;}
.accoPopD.tp .notiP{position:relative; padding-left:65px;}
.accoPopD.tp .notiP .notiTag {position:absolute; left:0; top:0; width:55px; height:25px; line-height:25px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border-radius:20px; background:#ef120a; vertical-align:top;}
.accoPopD.tp .referTag {display:inline-block; width:55px; height:25px; line-height:25px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border-radius:20px; background:#666; vertical-align:top;}
.accoPopD.tp .notiP .referTag {position:absolute; left:0; top:0; width:55px; height:25px; line-height:25px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border-radius:20px; background:#666; vertical-align:top;}
.accoPopD.tp .notiP .txt{line-height:22px; vertical-align:middle;}
.accoPopD.tp .oneBoxTp{border:1px solid #ddd;}
.accoPopD.tp .oneBoxTp .topB{text-align:center; position:relative;}
.accoPopD.tp .oneBoxTp .topB .tit{position:absolute; left:20px; top:20px; font-size:17px; font-weight:bold; color:#333}
.accoPopD.tp .oneBoxTp .topB .tit:before{position:absolute; width:15px; height:1px; content:""; background:#333; top:-2px;}
.accoPopD.tp .oneBoxTp .botB{border-top:1px solid #ddd; width:100%; overflow:hidden; padding:20px 186px; box-sizing:border-box}
.accoPopD.tp .oneBoxTp .botB div{margin:auto;}
.accoPopD.tp .oneBoxTp .botB ul{float:left; margin-left:105px;}
.accoPopD.tp .oneBoxTp .botB ul:first-child{margin-left:0;}
.accoPopD.tp .oneBoxTp .botB ul li{line-height:24px;}
.accoPopD.tp .twoBoxTp{border:1px solid #ddd;}
.accoPopD.tp .twoBoxTp > div{overflow:hidden;}
.accoPopD.tp .twoBoxTp > div > div{float:left; width:50%; border-left:1px solid #ddd; box-sizing:border-box; position:relative; padding:30px; text-align:center;}
.accoPopD.tp .twoBoxTp > div > div:first-child{border-left:0}
.accoPopD.tp .twoBoxTp > div > div .tit{position:absolute; left:20px; top:20px; font-size:17px; font-weight:bold; color:#333}
.accoPopD.tp .twoBoxTp > div > div .tit:before{position:absolute; width:15px; height:1px; content:""; background:#333; top:-2px;}
.accoPopD.tp .twoBoxTp > p{border-top:1px solid #ddd; padding:17px 0;}
.accoPopD.tp .twoBoxTp2{overflow:hidden; border:1px solid #ddd}
.accoPopD.tp .twoBoxTp2 > div{float:left; text-align:center;}
.accoPopD.tp .twoBoxTp2 .leftB{width:824px;}
.accoPopD.tp .twoBoxTp2 .rightB{width:273px; border-left:1px solid #ddd}
.accoPopD.tp .twoBoxTp2 .titA{padding:10px 0}
.accoPopD.tp .twoBoxTp2 .imgA{border-top:1px solid #ddd; padding:20px 0;}
.accoPopD.tp .imgB{border:1px solid #ddd; padding:20px;}
.accoPopD.tp .listType2{overflow:hidden;}
.accoPopD.tp .listType2 li{float:left; margin-left:10px;}
.accoPopD.tp .listType2 li:first-child{margin-left:0;}
.accoW {width:100%; overflow:hidden;}
.accoW > ul > li {width:100%; overflow:hidden;}
.accoW > ul > li .acoClickA{position:relative; padding:23px 58px 23px 30px; display:block; font-size:20px; color:#333; font-weight:bold; border:1px solid #e2e2e2; border-top:0}
.accoW > ul > li:first-child .acoClickA{border-top:1px solid #e2e2e2}
.accoW > ul > li.on .acoClickA {color:#fff; border:none; background:#003f82; }
.accoW > ul > li .acoClickA .clickBu{width:20px; height:100%; display:block; position:absolute; top:0; right:19px; background:url('../images/acco_bu.png') no-repeat right center}
.accoW > ul > li.on .acoClickA .clickBu {right:20px; background-image:url('../images/acco_bu_on.png') }
.accoW > ul > li .acoCon {padding:45px 80px 45px 50px; line-height:24px; border:1px solid #e2e2e2; }
.accoW > ul > li .acoCon ol.cirL li{margin-left:18px; text-indent:-18px}
.accoW > ul > li .acoCon ol.numL li,
.accoW > ul > li .acoCon ol.cirL li ol.numL li{margin-left:14px; text-indent:-14px}
.accoW > ul > li .acoCon .cirTit {margin:38px 0 16px;}
.accoW > ul > li .acoCon .cirTit:first-child{margin-top:0}
.accoW > ul > li .acoCon .cirTit span {font-weight:normal; color:#666; font-size:14px;}
.accoW > ul > li .acoCon .acoTit + .cirTit{margin:25px 0 10px;}
.accoW > ul > li .acoCon .acoTit {padding:0 0 20px; margin:59px 0 9px; line-height:1.2; font-weight:bold; font-size:24px; color:#004b8d; border-bottom:1px solid #ddd}
.accoW > ul > li .acoCon .acoTit:first-child{margin-top:0}
.popBtA{border:1px solid #ddd; background:#fff; padding:22px 0; color:#545454}
.popBtA a{vertical-align:top; color:#fff; font-size:16px; font-weight:bold; background:#383838; padding:10px 32px; margin-left:35px;}
/* 히스토리 리스트 스타일 */
.bgArea{position:relative; width:420px; height:300px; float:left; background:url('../images/history_leftbg1.jpg') top no-repeat #003f82;}
.bgArea.hTp2{background-image:url('../images/history_leftbg2.jpg');}
.bgArea.hTp3{background-image:url('../images/history_leftbg3.jpg');}
.bgArea.hTp4{background-image:url('../images/history_leftbg4.jpg');}
.bgArea.hTp4{background-image:url('../images/history_leftbg4.jpg');}
.bgArea.aTp1{background-image:url('../images/award_leftbg1.jpg');}
.bgArea.aTp2{background-image:url('../images/award_leftbg2.jpg');}
.bgArea.aTp3{background-image:url('../images/award_leftbg3.jpg');}
.bgArea.archeryA {background-image:url('../images/archeryaward_bg.jpg');}
.bgArea p{position:absolute; top:55px; left:55px; top:55px; left:55px;}
.bgArea p .tit{font-size:44px; color:#9ad3f3; line-height:44px; display:block; }
.bgArea p .state{font-size:20px; color:#fff; display:block; margin-top:10px; }
.bgArea p .btn{display:block; margin-top:38px;}
.bgArea p .btn a{background:url('../images/btarrowtp.png') 173px 16px no-repeat #fff; color:#000; font-size:16px; font-weight:bold; padding:11.5px 36px 11.5px 22px; display:block;}
.hList{float:left; padding-bottom:67px;}
.hList dl{padding-left:50px; padding-top:6px; position:relative; margin-top:50px;}
.hList dl:before{position:absolute; width:201px; height:1px; background:#5ea1e7; content:""; top:0; left:-69px;}
.hList dt{color:#5ea1e7; font-size:40px; font-weight:bold; margin-bottom:-2px; }
.hList dd{margin-top:5px;}
.hList dd span{font-weight:bold; color:#333; display:inline-block; width:25px;}
.hList dd img{margin:8px 0 5px; width:400px;}
/* 찾기영역 */
.searchD {width:100%; text-align:right; overflow:hidden;}
.searchD .selectBox {display:inline-block; margin:0 5px 0 0; text-align:right;}
.searchD .selectBox select {width:108px; height:40px;}
.searchD .inputA {display:inline-block; height:38px; border:1px solid #ddd}
.searchD .inputA input {border:none; height:32px; width:290px;}
.searchD .inputA .srhBt{display:inline-block; width:38px; height:38px; text-align:left; background:url('../images/srhbt_icon.gif') no-repeat 0 50%; text-indent:-99999px;}
.searchD .unitLeft{float:left;}
.searchD .unitLeft .btnA{display:inline-block; vertical-align:middle}
.searchD .unitLeft .btnA .checkBt {display:block; background:#e3e3e3; border:1px solid #ddd; font-size:14px; font-weight:bold; color:#555; width:58px; height:38px; text-align:center; line-height:38px;}
.searchD .unitRight{float:right;}
.searchD .resetBt {display:inline-block; padding:0 10px; margin:0 0 0 5px; height:38px; line-height:38px; border:1px solid #ddd; background:#e3e3e3; color:#444;}
.searchD .resetBt span {position:relative; top:4px; display:inline-block; width:20px; height:18px; margin:0 5px 0 0; background:url('../images/resetbt_bu.png') no-repeat 0 50%;}
.searchD .appBt {display:inline-block; padding:0 18px; height:38px; line-height:38px; border:1px solid #383838; background:#383838; color:#fff; font-weight:bold;}
.searchD .appBt span {position:relative; top:4px; display:inline-block; width:17px; height:21px; margin:0 5px 0 0; background:url('../images/appbt_bu.png') no-repeat 0 0;}
.searchD .selOkBt {display:block; background:#e3e3e3; border:1px solid #ddd; font-size:14px; font-weight:bold; color:#555; width:58px; height:38px; text-align:center; line-height:38px;}
/* .btnTypeA .roundBt .appBu {display:inline-block; position:relative; top:4px; width:17px; height:21px; margin:0 5px 0 0; background:url('../images/0a5cf8a3c65c4db6b35005731acf0bba.gif') no-repeat 0 0;} */
.searchD .txBtG {padding:10px 25px}
.titSelD {width:100%; overflow:hidden;}
.titSelD .leftA {float:left;}
.titSelD .rightA {float:right;}
.titSelD .rightA select {width:136px;}
.titSelD .checkBt{display:inline-block; background:#e3e3e3; border:1px solid #ddd; font-size:14px; font-weight:bold; color:#555; width:58px; height:34px; text-align:center; line-height:32px;}
/* paging */
.pagingD {position:relative; margin:30px 0 0 ; text-align:center}
.pagingD li {display:inline-block;}
.pagingD li a {display:inline-block; margin:0 3px 0 0; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #ddd;}
.pagingD li.active a{color:#fff; font-weight:bold; border-color:#777; background:#777;}
.pagingD li.first a {width:30px; height:30px; margin:0; border:0; background:url('../images/listfirst_bt.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.prev a {width:30px; height:30px; margin:0 10px 0 5px; border:0; background:url('../images/listprve_bt.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.next a {width:30px; height:30px; margin:0 5px 0 10px; border:0;background:url('../images/listnext_bt.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.last a {width:30px; height:30px; margin:0; border:0;background:url('../images/listend_bt.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD .rssBt {position:absolute; top:0; right:0}
.formType .sLetter {position:relative; }
/*윈도우 팝업*/
.winPopW {position:relative; width:100%; overflow:hidden;}
.winPopW .popH {padding:19px 80px 19px 30px; font-size:20px; color:#fff; background:#003f82;}
.winPopW .popC{width:100%; overflow:hidden;}
.winPopW .popC .popD {padding:30px; background:#fff;}
.winPopW .popC .popD .okBt{display:inline-block; padding:11px 50px; font-size:16px; color:#fff; font-weight:bold; background:#383838;}
.winPopW .popC .popD .cencelBt{display:inline-block; padding:10px 49px; font-size:16px; color:#333; font-weight:bold; border:1px solid #383838; background:#fff;}
.winPopW .popC .popD .popIcon {text-align:center;}
.winPopW .popC .popD .popTxt {margin:15px 0 0; text-align:center; font-size:30px; line-height:40px; color:#333;}
.winPopW .closeBt {position:absolute; top:12px; right:30px;}
.winPopW .boardType2 tbody td .infoSplitD {width:100%; overflow:hidden;}
.winPopW .boardType2 tbody td .infoSplitD .inTh{width:25%; float:left; box-sizing:border-box}
.winPopW .boardType2 tbody td .infoSplitD .inTh.rowH2{padding:6px 5px 6px 19px}
.winPopW .boardType2 tbody td .infoSplitD .inTd {width:75%; float:left; padding:8px 20px 8px 20px; box-sizing:border-box}
.winPopW .boardType2 tbody td .infoSplitD .inTd input {width:100%; height:33px; width:100%; box-sizing:border-box;}
.winPopW .boardType2 tbody td .infoSplitD .inTd select {width:100%; height:34px; box-sizing:border-box;}
.winPopW .boardType2 tbody td .infoSplitD .inTd .inputType1 input {width:100%; border:0; padding:0; height:auto;}
.winPopW .boardType2 tbody td .infoSplitD .inTd .selType1 select {width:100%; border:0; padding:3px 0; }
.winPopW .boardType2 tbody td .infoSplitD .inTd .txVerM {display:block; padding:7px 0 0; text-align:center}
.inputType1 {border:1px solid #d6d6d6; padding:6px 10px; box-sizing:border-box; display:block;}
.inputType1 input {width:100%; border:0; padding:0; height:auto;}
.selType1 {border:1px solid #d6d6d6; padding:0; box-sizing:border-box; display:block;}
.selType1 select {width:100%; border:0; height:30px; padding:3px 0;}
.agreeBoxA{border:1px solid #d9d9d9;}
.agreeBoxA .txtA{padding:17px 19px; line-height:22px;}
.agreeBoxA .chkA{border-top:1px solid #d9d9d9; background:#f3f3f3; padding:19px;}
.agreeBoxA .chkA .cBox{float:right;}
.agreeBoxA .scrollD {padding:25px 30px; height:170px; overflow-y:scroll; line-height:22px;}
.agreeBoxA .scrollD .cirTit {background-position:0 4px;}
/**/
@media all and (max-width:1280px) {
/* 정렬 */
.fullImgA img{width:100% !important}
.reactC {display:inline !important}
.reactG {display:block !important}
.wwisN {display:block !important}
.wwisB {display:none !important}
.w_m100 img {width:100% !important}
/*텍스트 스타일*/
.nemoList dl{width:100%;}
.nemoList dt {width:15%; height:100px; box-sizing:border-box}
.nemoList dt.twoR {height:100px;}
.nemoList dd {width:85%; margin:0; padding:27px 0 0 20px; background-position:20px 0; box-sizing:border-box}
/* 탭스타일 */
.tabTypeA{width:100%;}
.tabTypeA .btnArea a{display:inline-block; width:50%; box-sizing:border-box}
.tabTypeA .btnArea.count3 a{width:33.3%;}
.tabTypeA .btnArea.count4 a{width:25%;}
.tabTypeA .btnArea.count5 a{width:20%;}
.tabTypeA .btnArea.count6 a{width:33.3%;}
.tabTypeA .btnArea.count8 a{width:25%;}
.tabTypeA .btnArea.count9 a{width:33.3%; letter-spacing:0;}
.tabTypeA .btnArea.count10 a{width:33.3%; letter-spacing:0;}
.tabTypeA .btnArea.lh5 a{line-height:17px; box-sizing:border-box; width:20% !important; padding:6px 0;}
.tabTypeA .btnArea.lh a{line-height:17px; box-sizing:border-box; width:16.65% !important; padding:6px 0;}
.tabTypeC{width:100%;}
.tabTypeC .btnArea a{display:inline-block; width:50%; box-sizing:border-box}
.tabTypeC .btnArea.count4 a{width:25%;}
/*게시판 스타일*/
.multiTypeA li a .imgA {width:100% !important; height:100% !important;}
.multiTypeA li a .imgA img {width:100% !important; height:100% !important;}
.multiTypeA li a .infoA {padding:14px 25px 40px; width:100%; height:136px; box-sizing:border-box}
.multiTypeA li a .infoA .titA {line-height:24px;}
.multiTypeA li a .infoA .dateA{bottom:20px;}
.multiTypeA.photoType2 li a .topA {height:190px;}
.multiTypeA.photoType2 li a .bgA,
.multiTypeA.photoType2 li a .bgA img {width:100%; height:190px}
.multiTypeA.photoType2 li a .imgA {width:100%; height:190px;}
.multiTypeA.photoType2 li a .imgA img{height:190px}
.multiTypeA.photoType2 li a .infoA {height:188px; padding:13px 20px 30px; width:100%;}
.multiTypeA.photoType2 li a .infoA .titA {font-size:16px; color:#222; font-weight:normal }
.multiTypeA.photoType2 li a .infoA .txtA{margin:7px 0 0;}
.multiTypeA.photoType2 li a .infoA .dateA{bottom:15px; left:20px;}
.multiTypeA.photoType3 li a .infoA {height:120px; padding:13px 20px}
.multiTypeA.photoType3 li a .infoA .txtA{margin:5px 0 0;}
.multiTypeA.videoType li a .topA,
.multiTypeA.videoType li a .bgA,
.multiTypeA.videoType li a .bgA img,
.multiTypeA.videoType li a .imgA,
.multiTypeA.videoType li a .imgA img,
.multiTypeA.videoType li a .framA,
.multiTypeA.videoType li a .framA .playBu {height:155px;}
.multiTypeA.videoType li a .titA {padding:20px 20px 15px; height:55px; font-size:15px;}
.multiTypeA.posterType li a .topA,
.multiTypeA.posterType li a .bgA,
.multiTypeA.posterType li a .bgA img,
.multiTypeA.posterType li a .imgA,
.multiTypeA.posterType li a .imgA img {height:100%;}
.multiTypeA.posterType li a .titA {padding:15px 20px 15px; height:75px; width:100%; font-size:15px; box-sizing:border-box}
.recentTypeA .multiTypeA.videoType li a .framA {height:100%}
.recentTypeA .multiTypeA li a .topA{height:auto !important;}
.recentTypeA .multiTypeA li a .bgA, .recentTypeA .multiTypeA li a .bgA img {height:auto !important;}
.recentTypeA .multiTypeA li a .imgA,.recentTypeA .multiTypeA li a .imgA img {height:auto !important;}
.multiTypeA.snsType li a .topA,
.multiTypeA.snsType li a .bgA,
.multiTypeA.snsType li a .bgA img,
.multiTypeA.snsType li a .imgA,
.multiTypeA.snsType li a .imgA img{height:auto !important;}
.photoTypeA ul {max-width:902px;}
.photoPopW .popD img {max-width:100%}
.viewTypeA {width:100%; box-sizing:border-box}
.viewTypeA.tp {width:100%; box-sizing:border-box}
.viewTopD {width:100%; padding:0 60px 28px 0; box-sizing:border-box;}
.topRollTypeA {height:100%}
.topRollTypeA ul li {height:auto; }
.topRollTypeA ul li .imgA {width:35%; height:100%;}
.topRollTypeA ul li .imgA img {width:100%; height:auto;}
.topRollTypeA ul li .infoA {padding:20px; width:65%; height:100%; box-sizing:border-box}
.topRollTypeA ul li .infoA .txtA {margin:10px 0 0; line-height:22px;}
.topRollTypeA ul li .infoA .dateA {position:absolute; bottom:15px; left:20px;}
.topRollTypeB {height:100%;}
.topRollTypeB ul li {height:100%;}
.topRollTypeB ul li .imgA {width:100%; height:100%;}
.topRollTypeB ul li .imgA img{width:100%; height:100%;}
.topRollTypeB .titA {width:100%; box-sizing:border-box}
.botConA .wrap{width:94%; margin:0 3%;}
.multiTypeB > ul > li > div{height:330px; background:#fff;}
.multiTypeB > ul > li.tp1 > div .infoA{width:92%; padding:15px 4% 40px}
.multiTypeB li.tp2 > div .infoA{width:92%; padding:20px 4% 40px}
.boardType2 tbody td .ePostA input.w398 {width:45%;}
.boardType2 tbody td .infoSplitD .inTh{width:125px; float:left; box-sizing:border-box}
.boardType2 tbody td .infoSplitD .inTd {width:85%;float:left; box-sizing:border-box}
.boardType2 tbody td .infoSplitD .inTd.intrestA .reactC > .disIB{margin:0 25px 5px 0;}
.boardType2 tbody td .tabType .btnArea a { width:20%; box-sizing:border-box}
.boardType2 tbody td .tabType .tabDiv .carRowD .leftA{width:60%; float:left; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA{width:40%; float:right; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD label {width:20%; margin:5px 0 0; float:left; color:#074b88}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA label {width:30%}
.boardType2 tbody td .tabType .tabDiv .carRowD.fullA label{width:12%;}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA .carInputA {width:68%; float:left;}
.boardType2 tbody td .tabType .tabDiv .carRowD .carInputA{width:80%}
.boardType2 tbody td .tabType .tabDiv .carRowD.fullA .carInputA {width:80%}
/*리스트 스타일*/
.iconListD li .infoA {float:left; width:65%;}
.iconListD.tp li{min-height:90px}
.iconListD.tp li .imgA{width:35%;}
.iconListD.tp li .infoA {width:65%;}
.listTypeA li a .infoA{padding:10px 35px 0 320px}
.listTypeA li a .infoA.tp{padding:10px 35px 15px 35px; height:auto; min-height:auto;;}
/*아코디언 스타일 */
.accoPopD {margin:15px 0 0;}
.accoPopD .bConA {padding:20px 15px; width:100%; box-sizing:border-box}
.accoPopD .bConA .imgA { width:33%; margin:0 3% 0 0}
.accoPopD .bConA .imgA img{width:100%;}
.accoPopD .bConA .infoA {width:62%; margin:0}
.accoPopD .bConA .infoA .txtA {margin:5px 0 0;}
.accoPopD .bConA .infoA .barTitT{margin:15px 0 0 !important;}
.accoPopD .imgNoD .infoA{width:100%;}
.accoPopD .imgNoD .infoA .txtA {margin:5px 0 0 !important;}
.accoPopD .btnA button {line-height:29px}
.accoPopD .btnA button .img {width:18px; margin:0 0 0 5px; background:url('../images/accopop_bt_m.png') no-repeat 0 50%; background-size:18px 10px;}
.accoPopD .btnA.on button .txt {display:none;}
.accoPopD .btnA.on button .img{width:15px; background:url('../images/accopop_bt_on_m.png') no-repeat 0 50%; background-size:15px 15px;}
.accoPopD .accoPopA {padding:20px 0 0}
.accoPopD .accoPopA .accoPopS {padding:20px 0 0;}
.accoPopD .accoPopA .imgA {text-align:center; padding:0 15px; box-sizing:border-box}
.accoPopD .accoPopA .imgA img {max-width:100%;} /* 2016-08-11 수정 width -> max-width */
.accoPopD .accoPopA .sConA {padding:0 20px;}
.accoPopD .accoPopA .sConA .imgA {padding:0;}
.accoPopD .accoPopA .sConA .epsA ,
.accoPopD .accoPopA .sConA .sysComA {margin:20px 0 0}
.accoPopD .accoPopA .sConA .mt20{margin:10px 0 0 !important}
.accoPopD .accoPopA .sConTypeC .bConA {width:100%; box-sizing:border-box}
.accoPopD .accoPopA .sConTypeC .bConA .infoA {width:62%;}
.accoPopD .accoPopA .sConTypeC .kMultiA {margin:0;}
.accoPopD .accoPopA .sConTypeC .kMultiA .infoA {width:62%;}
.accoPopD .accoPopA .kSystemD1 {margin:25px 0 0; padding:293px 0 0; width:100%; background-position:center 0;}
.accoPopD .accoPopA .kSystemD1 .txtA {text-align:right;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1{margin:15px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .dotList {margin:15px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .rightA {width:50%; box-sizing:border-box;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 {margin:20px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl{width:50%; box-sizing:border-box;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl,
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl:first-child{width:50%;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl dd {margin:10px 0 0}
.accoPopD .accoPopA .sConTypeB .kFisA .lineList,
.accoPopD .accoPopA .sConTypeB .kFisA .leftA{width:100%}
.accoPopD .accoPopA .sConTypeB .kFisA .rightA{width:100%;margin:10px 0 0;}
.accoPopD .accoPopA .sConTypeB {margin:18px 0 0; width:100%; padding:0 0 20px;}
.accoPopD .accoPopA .sConTypeB .leftA,
.accoPopD .accoPopA .sConTypeB .rightA {width:50%;}
.accoPopD .accoPopA .sConTypeB .imgA,
.accoPopD .accoPopA .sConTypeB .imgA.mt30{margin:15px 0 0 !important;}
.accoPopD .accoPopA .sConTypeB .ledLampA {width:670px; margin:0 auto}
.accoPopD .accoPopA .sConTypeB .ledLampA .leftA {width:235px; margin:0 5px 0 0}
.accoPopD .accoPopA .sConTypeB .ledLampA .rightA {width:430px;}
.accoPopD .accoPopA .sConTypeC {margin:25px 0 0; width:100%; padding:0 0 20px}
.accoPopD .accoPopA .sConTypeC .bConA {padding:0; margin:20px 0 0}
.accoPopD .accoPopA .sConTypeC .bConA:first-child{margin:0;}
.accoPopD .accoPopA .pTit.mt30{margin:15px 0 0 !important;}
.accoPopD .accoPopA .pTit2.mt20{margin:10px 0 0 !important;}
.accoPopD .accoPopA .pTit2.mt40{margin:20px 0 0 !important;}
.accoPopD .accoPopA .conA {width:100%; padding:10px 15px 5px; box-sizing:border-box}
.accoPopD .accoPopA .conA ul { width:50%; overflow:hidden;}
.accoPopD .accoPopA .conA ul li {margin:0 0 5px; overflow:hidden; width:100%;}
.accoPopD .accoPopA .conA ul li .cirN {float:left;}
.accoPopD .accoPopA .conA ul li .txtA {display:block; float:left; padding:3px 0 0; width:86%}
.accoPopD .accoPopA .conA ul li .subTx,
.accoPopD .accoPopA .conA ul li .subTx2 {display:inline-block; margin:0;}
.accoPopD.tp .accoPopA {padding:20px 0 0}
.accoPopD.tp .thrBList > li{width:32%; margin-left:2%}
.accoPopD.tp .thrBList > li .imgA img{width:100%;}
.accoPopD.tp .thrBList > li .txtArea .txtA{display:inline}
.accoPopD.tp .infoBox .imgA{width:50%;}
.accoPopD.tp .infoBox .imgA img{width:80%;}
.accoPopD.tp .infoBox ul{width:50%;}
.accoPopD.tp .infoBox dl{width:50%;}
.accoPopD.tp .twoBoxTp > div > div .imgA img{width:80%;}
.accoPopD.tp .oneBoxTp .topB .tit img{width:100%;}
.accoPopD.tp .oneBoxTp .botB{padding:20px 10%;}
.accoPopD.tp .oneBoxTp .botB div{width:100%;}
.accoPopD.tp .oneBoxTp .botB ul{margin-left:0;}
.accoPopD.tp .oneBoxTp .botB .BhList{float:left;}
.accoPopD.tp .oneBoxTp .botB .BwList{width:180px; margin-left:-90px; left:50%; position:absolute;}
.accoPopD.tp .oneBoxTp .botB .BlList{float:right}
.accoPopD.tp .imgB img{width:80%;}
.accoPopD.tp .listType2 li{width:31.3%; margin:0 1% 10px !important;;}
.accoPopD.tp .listType2 li img{width:100%}
.accoPopD.tp .notiTag{width:52px; height:21px; line-height:21px;}
.accoPopD.tp .notiP .notiTag{width:52px; height:21px; line-height:21px;}
.accoPopD.tp .referTag{width:52px; height:21px; line-height:21px;}
.accoPopD.tp .notiP .referTag{width:52px; height:21px; line-height:21px;}
.BoxStyle{width:90%;}
.accoPopD.tp .twoBoxTp2 .leftB{width:78%;}
.accoPopD.tp .twoBoxTp2 .rightB{width:22%; box-sizing:border-box; border-left:1px solid #ddd}
.accoPopD.tp .twoBoxTp2 img{height:90px;}
/* 히스토리 리스트 스타일 */
.bgArea{width:35%;}
.hList{width:65%;}
}
/* 테블릿 가로 해상도 */
@media all and (max-width:981px) {
.reMt0 {margin-top:0px !important}
.reMt5 {margin-top:5px !important}
.reMt10 {margin-top:10px !important}
.reMt15 {margin-top:15px !important}
.reMt20 {margin-top:20px !important}
.reMt25 {margin-top:25px !important}
.reMt30 {margin-top:30px !important}
.reMt35 {margin-top:35px !important}
.reMt40 {margin-top:40px !important}
.reMl0 {margin-left:0 !important}
.rePb20{padding-bottom:20px !important}
.rePr100{padding-right:100px !important}
.mPadW5{padding-left:5px !important; padding-right:5px !important}
.mPadW10{padding-left:10px !important; padding-right:10px !important}
.mPadW20{padding-left:20px !important; padding-right:20px !important}
.m100 {width:100% !important}
/* 정렬 */
.mTac {text-align:center !important;}
.mTal {text-align:left !important;}
.reVerT {vertical-align:top !important;}
.fullImgA2 img{width:100% !important}
.reactA {display:inline-block !important}
.reactB {display:block !important}
.reactC {display:inline !important}
.reactD {display:block !important}
.reactK {display:block !important}
.reactN {display:block !important}
.wisN {display:block !important}
.wisW{display:none !important}/* 2018-12-18 추가 */
.wtisB{display:block !important}
.wtisN{display:none !important}
.wNtB{display:block !important}
.poArtM{position:absolute; right:0; top:0;}
/*텍스트 스타일*/
.cirTit {font-size:18px; background:url('../images/cirtit_bu_m2.png') no-repeat 0 2px; background-size:15px;}
.barTitB {padding:0 0 12px; font-size:22px;}
.barTitT {padding:5px 0 0; font-size:16px}
.subTit {font-size:20px;}
.subTit2{font-size:21px;}
.subTit3{font-size:22px;}
.subTit4{font-size:19px; line-height:1.4}
.pTit {font-size:16px}
.pTit2,
.pTit3 {font-size:15px}
.pTit4 {font-size:16px}
.pTxt {font-size:14px; line-height:20px;}
.lineList li {line-height:20px; background-position:0 8px;}
.dotList li,
.dotTx {padding:0 0 0 10px; line-height:1.4; background-position:0 5px;}
.cirNumL {width:100%; overflow:hidden}
.cirNumL > li .cirN {float:left;}
.cirNumL > li .txtA {display:block; float:left; padding:3px 0 0; width:86%}
.cirN {line-height:22px; width:20px; height:20px; background:url('../images/cirnum_bu_m.png') no-repeat 0 0; background-size:20px;}
.cirN2 {width:17px; height:17px; line-height:20px; color:#666; border-radius:17px;}
.nemoList dt {width:25%}
.nemoList dd {width:75%}
.grayBox {padding:20px; background:#f4f4f4;}
.grayBox.small {padding:15px; }
.grayBox .pdfReaderBt {padding:5px 20px 5px 46px; margin:5px 0 0;}
.framArea {padding:40px; margin:15px auto 0}
.scrlBox{padding:20px 4%;}
/*버튼 스타일*/
.btnTypeA {margin:15px 0 0; text-align:center;}
.btnTypeA .roundBt {padding:8px 23px 7px;}
.btnTypeA .roundBt.tp {padding:4px 23px 6px;}
/*.btnTypeA .roundBt .listBu {top:3px;}*/
.btnTypeA .roundBt .appBu {top:6px}
.bigRoundBt {padding:12px 35px 12px 45px;}
.txBtG {padding:7px 25px !important; font-size:14px; }
.txBtG.mPadW15{padding-left:15px !important; padding-right:15px !important}
.txBtW {padding:7px 25px !important; font-size:14px; }
.txBtWb {padding:6px 25px !important; font-size:14px; }
.txBtWb.mPadW5{padding-left:5px !important; padding-right:5px !important}
.txBtWb.mPadW10{padding-left:10px !important; padding-right:10px !important}
.txBtWb.mPadW15{padding-left:15px !important; padding-right:15px !important}
.txBtWb.mPadW20{padding-left:20px !important; padding-right:20px !important}
.btB7 {padding:7px 25px !important; font-size:14px; }
.btB7 img{top:1px; left:2px;}
/* 탭스타일 */
.tabTypeA{width:100%;}
.tabTypeA .btnArea{margin-top:20px; background:#fff;}
.tabTypeA.tp .btnArea{margin-top:10px; background:#fff;}
.tabTypeA .btnArea a{width:50% !important; height:40px; line-height:40px; font-size:15px; box-sizing:border-box}
.tabTypeA .btnArea.count9 a{width:33.333% !important;}
.tabTypeA .btnArea.count10 a{width:33.333% !important;}
.tabTypeA .btnArea.lh5 a{height:45px; line-height:17px; box-sizing:border-box; width:50% !important; padding:5px 0;}
.tabTypeA .btnArea.lh a{height:45px; line-height:17px; box-sizing:border-box; width:50% !important; padding:5px 0;}
.tabTypeA .tabCon{margin-top:15px;}
.tabTypeA .tabCon.tp2{width:100%; margin-top:-40px; padding:60px 20px 20px 20px}
.tabTypeB .bt{width:50% !important; height:40px; line-height:40px; font-size:15px; box-sizing:border-box}
.tabTypeB.count3 .bt{width:33.333333% !important; }
.tabTypeB.count3 .tabDiv {padding:20px 15px;}
.tabTypeB.count3 .tabDiv img {max-width:100% !important;height: 100% !important;}
.tabTypeC .btnArea a{width:50% !important; height:40px; line-height:40px; font-size:15px; box-sizing:border-box}
.tabTypeC .tabCon{margin-top:15px;}
/*게시판 스타일*/
.listNoDateD .iconA img {width:70px}
.listNoDateD .txtA {margin:10px 0 0; font-size:18px}
.listNoDateD .btnA {margin:20px 0 0;}
.multiTypeA {margin:0;}
.multiTypeA li {margin:10px 0 0 2%;}
.multiTypeA li a .topA,
.multiTypeA li a .bgA,
.multiTypeA li a .bgA img,
.multiTypeA li a .imgA,
.multiTypeA li a .imgA img {width:100% !important; height:100% !important}
.multiTypeA li a .infoA {padding:12px 10px 30px; width:100%; height:90px; box-sizing:border-box}
.multiTypeA li a .infoA .titA {font-size:15px; line-height:18px; }
.multiTypeA li a .infoA .dateA {bottom:10px; left:10px; line-height:16px; }
.multiTypeA.photoType2 li a .infoA {height:185px; padding:15px 10px 30px}
.multiTypeA.photoType2 li a .infoA .txtA {line-height:18px;}
.multiTypeA.photoType2 li a .infoA .dateA{ left:10px;}
.multiTypeA.photoType3 li a .infoA {height:120px; padding:13px 15px}
.multiTypeA.photoType3 li a .infoA .titA {font-size:15px; line-height:18px; }
.multiTypeA.videoType li a .titA {padding:12px 10px; height:50px; font-size:15px; line-height:18px;}
.multiTypeA.videoType li a .topA,
.multiTypeA.videoType li a .bgA,
.multiTypeA.videoType li a .bgA img,
.multiTypeA.videoType li a .imgA ,
.multiTypeA.videoType li a .imgA img ,
.multiTypeA.videoType li a .framA {width:100% !important; height:100% !important}
.multiTypeA.videoType li a .framA .playBu {height:100%; background-size:30px 30px;}
.multiTypeA.posterType li a .imgA,.multiTypeA.posterType li a .imgA img {height:auto}
.multiTypeA.posterType li a .titA {padding:12px 10px; font-size:15px; line-height:18px; height:60px}
.multiTypeA.snsType li a .titA {padding:10px 15px 20px;}
.photoTypeA ul {max-width:600px;}
.photoPopW .popH {width:100%; box-sizing:border-box; padding-right:80px; padding-left:15px;}
.photoPopW .popD {width:100%; box-sizing:border-box; padding:20px;}
.photoPopW .closeBt{right:15px;}
.multiTypeB > ul > li > div{height:auto;}
.snsRollType ul li{height:auto;}
.multiTypeB > ul > li.tp1 > div .topA{height:auto;}
.multiTypeB > ul > li.tp1 > div .imgA{height:auto;}
.multiTypeB > ul > li.tp1 > div .bgA, .multiTypeB > ul > li.tp1 > div .bgA img{height:auto;}
.multiTypeB > ul > li.tp1 > div .bgA, .multiTypeB > ul > li.tp1 > div .imgA img{height:auto;}
.recentTypeA{margin:30px 0 0}
.recentTypeA .multiTypeA li{margin:10px 0 0;}
.recentTypeA .multiTypeA .list2 li .titA {font-size:15px;}
.recentTypeA .hTit {font-size:18px;}
.recentTypeA .reMoreA{padding:0 10px;}
.recentTypeA .reMoreA .bu {height:40px;}
.viewTypeA {width:100%; padding:20px 5% 0; margin:25px 0 0; box-sizing:border-box}
.viewTopD {padding:0 0 15px; box-sizing:border-box}
.viewTopD .titA {font-size:20px; padding:0 60px 0 0;}
.viewTopD .infoA{margin:3px 0 0;}
.viewTopD .infoS {margin:0 10px 0 0;}
.viewCon {position:relative; padding:25px 0 60px; line-height:1.4;}
.viewCon .viewD img {max-width:100%;}
.viewCon .videoD {width:100%;}
.viewCon .vScriptD {margin:20px 0 0; height:80px; padding:10px 15px; line-height:1.4;}
.viewCon .vScriptA {margin:0 0 10px;}
.viewCon .interQ {margin:20px 0 0; padding:0 0 0 27px; min-height:20px; font-size:16px; background-size:20px;}
.viewCon .interA {margin:5px 0 0;}
.viewFile p{font-size:13px; background:url('../images/addfile_icon.png') left no-repeat; padding:4px 0 5px 25px; background-size:20px 20px;}
.topRollTypeA ul li {height:100%;}
.topRollTypeA ul li .imgA {float:none; width:100%}
.topRollTypeA ul li .infoA {float:none; padding:20px; width:100%}
.topRollTypeA ul li .infoA .txtA {margin:10px 0 0; line-height:22px;}
.topRollTypeA ul li .infoA .dateA {position:absolute; bottom:15px; left:20px;}
.topRollTypeB .titA {padding:8px; font-size:16px;}
.topRollTypeB .tRollBtnB .btL {width:17px; height:37px; margin:0 0 0 5px; background-size:17px 37px;}
.topRollTypeB .tRollBtnB .btR {width:17px; height:37px; margin:0 5px 0; background-size:17px 37px;}
.botConA{height:auto; padding-bottom:60px;}
.multiTypeB > ul > li{width:48%; margin:20px 0 0 4%;}
.multiTypeB > ul > li.mL0{margin-left:0;}
.multiTypeB > ul > li.tp1 > div .infoA{width:90%; padding:17px 5% 40px}
.multiTypeB li.tp2 > div .infoA{width:90%; padding:30px 5% 40px}
.boardType1 td {padding:10px 3px;}
.boardType1 td.taL {padding-left:5px;}
.boardType2 tbody td input[type="text"],
.boardType2 tbody td input[type="password"]{height:34px; width:100% !important; box-sizing:border-box}
.boardType2 tbody td select {height:35px; width:100% !important; box-sizing:border-box}
.boardType2 tbody td .infoSplitD .inTh{width:100%; float:none; padding:5px 10px; text-align:left; border-right:0; background:#f3f3f3;}
.boardType2 tbody td .infoSplitD .inTd {width:100%; float:none; padding:5px 10px}
.boardType2 tbody td .infoSplitD .inTd.intrestA {padding-bottom:3px}
.boardType2 tbody td .infoSplitD .inTd.intrestA .reactC > .disIB{margin:0 0 5px 0; width:140px;}
.boardType2 tbody td .infoSplitD .inTd.intrestA .reactC > .disIB.end {width:180px}
.boardType2 tbody td .infoSplitD .inTd.intrestA .reactC > .disIB.end input[type="text"] {width:120px !important; margin:0 0 0 5px;}
.boardType2 tbody td .infoSplitD .inTd .genderA{margin:5px 0 0 0; text-align:right;}
.boardType2 tbody td .infoSplitD .inTd .btB{width:100%;}
.boardType2 tbody td .infoSplitD .inTd .mAgreeL {width:80px; float:left;}
.boardType2 tbody td .infoSplitD .inTd .mAgreeR { float:right;}
.boardType2 tbody td .infoSplitD .inTd .lh34{line-height:normal;}
.boardType2 tbody td .infoSplitD .inTd .lh60{line-height:normal;}
.boardType2 tbody td .tabType .tabCon {padding:10px 0 8px;}
.boardType2 tbody td .tabType .btnArea a {width:50%;}
.boardType2 tbody td .tabType .tabDiv .carRowD .leftA{width:100%; float:none; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA{width:100%; float:none; margin:10px 0 0; overflow:hidden;}
.boardType2 tbody td .tabType .tabDiv .carRowD label,
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA label,
.boardType2 tbody td .tabType .tabDiv .carRowD.fullA label{width:25%;}
.boardType2 tbody td .tabType .tabDiv .carRowD .rightA .carInputA,
.boardType2 tbody td .tabType .tabDiv .carRowD .carInputA,
.boardType2 tbody td .tabType .tabDiv .carRowD.fullA .carInputA {width:75%}
.boardType2 tbody td .tabType .tabDiv .carDelD {margin:10px 0 0; padding:10px 0 0; }
.boardType3 thead th,
.boardType3 tbody th,
.boardType3 td{padding:10px}
.boardType3.tp thead th,
.boardType3.tp tbody th{padding:15px;}
.boardType3.tp td{padding:7px 10px 7px 10px}
.boardType3 .financialT td{padding:10px}
.boardType3 .financialT td:last-child{padding-right:15px;}
/* 리스트 스타일 */
.listTypeA ul{margin-top:15px;}
.listTypeA li a .leftA{width:265px; top:40px; left:20px;}
.listTypeA li a .bgA img{height:177px;}
.listTypeA li a .imgA img{height:177px;}
.listTypeA li a .infoA .txt{margin-top:10px;}
.listTypeA li a .infoA .date{margin-top:6px;}
.listTypeA li a .infoA{padding:28px 35px 0 320px; min-height:280px}
.iconListD li {margin:10px 0 0; width:50%}
.iconListD li .imgA {width:35%; padding:0 15px 0 0; box-sizing:border-box}
.iconListD li .imgA img {width:100%; max-width:140px;}
.iconListD li .infoA {float:left; width:65%; padding:0 5px 0 0; box-sizing:border-box}
.iconListD li .infoA .titA {font-size:16px}
.iconListD li .infoA .txtA {margin:0; font-size:14px}
.iconListD li .infoA .txtB {margin:3px 0 0; font-size:13px}
.iconListD li .infoA .txtC {margin:3px 0 0; font-size:12px}
.iconListD.tp li{width:50%; min-height:100%;}
.iconListD.tp li .infoA .txt{padding-right:10px;}
.iconListD.tp2 li{padding-left:120px; margin:10px 0 0; min-height:105px;}
.iconListD.tp2 li:first-child {margin:0 0 0;}
.iconListD.tp3 li{padding-left:140px; margin:10px 0 0; min-height:125px;}
.iconListD.tp3 li:first-child {margin:0 0 0;}
/*아코디언 스타일*/
.accoW > ul > li .acoClickA{position:relative; padding:15px 58px 15px 20px; font-size:16px;}
.accoW > ul > li .acoCon {padding:25px 30px 25px 20px; line-height:22px}
.accoW > ul > li .acoCon ol.cirL li{margin-left:16px; text-indent:-16px}
.accoW > ul > li .acoCon ol.numL li,
.accoW > ul > li .acoCon ol.cirL li ol.numL li{margin-left:12px; text-indent:-12px}
.accoW > ul > li .acoCon .cirTit {margin:25px 0 10px;}
.accoW > ul > li .acoCon .acoTit + .cirTit{margin:12px 0 10px;}
.accoW > ul > li .acoCon .acoTit {padding:0 0 15px; margin:0 0 3px; font-size:19px}
.accoPopD.tp .oneBoxTp .topB{padding:20px 0}
.accoPopD.tp .oneBoxTp .botB ul{float:none !important;}
.accoPopD.tp .oneBoxTp .botB .BwList{position:relative; margin-left:0; left:0; width:auto;}
.accoPopD.tp .twoBoxTp2 .leftB{width:78%;}
.accoPopD.tp .twoBoxTp2 .rightB{width:22%; box-sizing:border-box; border-left:1px solid #ddd}
.accoPopD.tp .twoBoxTp2 img{height:70px;}
.accoPopD.tp .notiP{padding-left:60px;}
.accoPopD.tp .notiTag{line-height:24px;}
.accoPopD.tp .notiP .notiTag{line-height:24px;}
.accoPopD.tp .referTag{line-height:24px;}
.accoPopD.tp .notiP .referTag{line-height:24px;}
.winPopW .boardType2 tbody td .infoSplitD .inTh{padding:10px}
.winPopW .boardType2 tbody td .infoSplitD .inTh.rowH2 {padding:5px 10px; line-height:17px;}
.winPopW .boardType2 tbody td .infoSplitD .inTd{padding:4px 10px}
/* 히스토리 리스트 스타일 */
.hList{padding:0 4% 50px; float:none; box-sizing:border-box; width:100%;}
.hList dl{padding-left:0; padding-top:6px; position:relative; margin-top:30px;}
.hList dl:before{position:absolute; width:65px; height:1px; background:#5ea1e7; content:""; top:4px; left:0;}
.hList dt{font-size:30px;}
.hList dd p{margin-left:20px; text-indent:-10px;}
.hList dd span{width:11px;}
.hList dd img{margin-top:4px; width:100%;}
.hBtn > span{width:32%; position:absolute; top:75%; left:34%;}
/* 입력 폼 */
.formType,
.formType .twoS,
.formType .thrS{width:100%; overflow:hidden;}
.formType .twoS,
.formType .thrS,
.formType .compileA {position:relative; display:inline-block; }
.formType .twoS .compileA{width:50% !important;}
.formType .thrS .compileA{width:34% !important;}
.formType .thrS .compileA.noPad {width:32% !important;}
.formType.yearA .thrS .compileA{width:33.333% !important; padding-right:21px;}
.formType .compileA{padding:0 15px 0 0; box-sizing:border-box}
.formType .compileA.pr5 {padding:0 5px 0 0;}
.formType .compileA.noPad {padding:0}
.formType .sLetter {position:absolute; top:8px; right:1px; margin:0;}
.formType .sLetter.rig4 {right:4px;}
.formType .sLetter.rig5 {right:5px;}
.formType .sLetter.rig6 {right:6px;}
/* 찾기영역 */
.searchD {text-align:left;}
.searchD .selectBox {margin:0; float:left; width:35%; padding:0 5px 0 0; box-sizing:border-box}
.searchD .selectBox select {width:100%; height:32px; padding:3px 5px}
.searchD .inputA {position:relative; display:block; float:left; width:65%; height:32px; padding:0 38px 0 0; border:1px solid #ddd; background:#fff; overflow:hidden;box-sizing:border-box}
.searchD .inputA input {border:none; width:100%; height:30px; box-sizing:border-box}
.searchD .inputA .srhBt {position:absolute; top:0; right:0; height:30px;}
.searchD.typeB .inputA{float:right;}
.searchD .unitLeft{display:none;}
.searchD .unitLeft.disB {float:none; width:100%; overflow:hidden; margin:0 0 5px}
.searchD .unitLeft.disB + .unitRight{text-align:right;}
.searchD .unitRight{float:none; width:100%;}
.searchD .unitRight .topA {display:block; width:100%; overflow:hidden;}
.searchD .unitRight .topA .selectBox {width:35%}
.searchD .unitRight .topA .selectBox:first-child {width:38%}
.searchD .unitRight .topA .selectBox:last-child{padding:0; width:27%}
.searchD .unitRight .botA {position:relative; display:block; margin:5px 0 0; width:100%; padding:0 86px 0 0; overflow:hidden; box-sizing:border-box}
.searchD .unitRight .botA .inputA{width:100%; box-sizing:border-box;}
.searchD .unitRight .botA .resetBt {position:absolute; top:0; right:0; height:30px; line-height:32px; padding:0 9px;}
.searchD.tp .resetBt {display:inline-block;padding:0 10px;margin:0 0 0 5px;height: 32px;line-height: 32px;border:1px solid #ddd;background:#e3e3e3;color:#444;}
.searchD.tp .unitLeft{display:block; width:100%; box-sizing:border-box; position:relative; float:none}
.searchD.tp .unitRight{display:none}
.searchD.tp2 .unitLeft{display:block; width:100%; box-sizing:border-box; position:relative; float:none; padding-right:60px;}
.searchD.tp2 .unitLeft .selectBox{width:100%;}
.searchD.tp2 .unitLeft .selectBox select{width:100% !important;}
.searchD.tp2 .unitLeft .btnA{position:absolute; right:0; top:0;}
.searchD.tp2 .unitLeft .btnA .checkBt{height:30px; line-height:30px;}
.searchD.tp2 .unitRight{display:none}
.searchD.tp3 .unitLeft{display:block; width:100%; box-sizing:border-box; position:relative; float:none; overflow:hidden;}
.searchD.tp3 .unitRight{text-align:right; margin-top:5px;}
/* paging */
.pagingD {margin:20px 0 0;}
.pagingD li a {width:23px; height:23px; line-height:25px;}
.pagingD li.first a {width:25px; height:25px; margin:0; background-image:url('../images/listfirst_bt.gif'); background-size:25px; }
.pagingD li.prev a {width:25px; height:25px; margin:0 8px 0 5px; background-image:url('../images/listprve_bt.gif'); background-size:25px;}
.pagingD li.next a {width:25px; height:25px; margin:0 5px 0 8px; background-image:url('../images/listnext_bt.gif'); background-size:25px;}
.pagingD li.last a {width:25px; height:25px; margin:0; background-image:url('../images/listend_bt.gif'); background-size:25px;}
.agreeBoxA .chkA .cBox{float:none; margin-top:10px; display:block;}
.agreeBoxA .scrollD {padding:15px; height:100px}/* 이거 테블릿 이요 */
}
@media all and (max-width:845px){
.reactH{display:inline !important}
.reactI{display:inline !important}
.cBoardType tbody td input[type="text"],
.cBoardType tbody td input[type="password"]{height:34px; width:100% !important; box-sizing:border-box}
.cBoardType tbody td select {height:35px; width:100% !important; box-sizing:border-box}
.cBoardType tbody td .infoSplitD .inTh{width:100%; float:none; padding:5px 10px; text-align:left; border-right:0; background:#f3f3f3;}
.cBoardType tbody td .infoSplitD .inTd {width:100%; float:none; padding:5px 10px}
.cBoardType.tp tbody td .infoSplitD .inTd {width:100%; float:none; padding:5px 10px;}
.cBoardType tbody td .infoSplitD .inTd.intrestA {padding-bottom:3px}
.cBoardType tbody td .infoSplitD .inTd.intrestA .reactC > .disIB{margin:0 0 5px 0; width:140px;}
.cBoardType tbody td .infoSplitD .inTd.intrestA .reactC > .disIB.end {width:180px}
.cBoardType tbody td .infoSplitD .inTd.intrestA .reactC > .disIB.end input[type="text"] {width:120px !important; margin:0 0 0 5px;}
.cBoardType tbody td .infoSplitD .inTd .genderA{margin:5px 0 0 0; text-align:right;}
.cBoardType tbody td .infoSplitD .inTd .btB{width:100%;}
.cBoardType tbody td .infoSplitD .inTd .mAgreeL {width:80px; float:left;}
.cBoardType tbody td .infoSplitD .inTd .mAgreeR { float:right;}
.cBoardType tbody td .infoSplitD .inTd .lh60{line-height:normal;}
.cBoardType tbody td .tabType .tabCon {padding:10px 0 8px;}
.cBoardType tbody td .tabType .btnArea a {width:50%;}
.cBoardType tbody td .tabType .tabDiv .carRowD .leftA{width:100%; float:none; overflow:hidden;}
.cBoardType tbody td .tabType .tabDiv .carRowD .rightA{width:100%; float:none; margin:10px 0 0; overflow:hidden;}
.cBoardType tbody td .tabType .tabDiv .carRowD label,
.cBoardType tbody td .tabType .tabDiv .carRowD .rightA label,
.cBoardType tbody td .tabType .tabDiv .carRowD.fullA label{width:25%;}
.cBoardType tbody td .tabType .tabDiv .carRowD .rightA .carInputA,
.cBoardType tbody td .tabType .tabDiv .carRowD .carInputA,
.cBoardType tbody td .tabType .tabDiv .carRowD.fullA .carInputA {width:75%}
.cBoardType tbody td .tabType .tabDiv .carDelD {margin:10px 0 0; padding:10px 0 0; }
}
@media all and (max-width:758px){
.mMr0{margin-right:0px !important;}
.mMt5{margin-top:5px !important;}
.mMt10{margin-top:10px !important;}
.mPadH20 {padding-top:20px !important; padding-bottom:20px !important;}
.mFullImgA img{width:100% !important}
.mW90p {width:90% !important}
.mWfull {width:100% !important}
.reactE {display:inline !important}
.reactF {display:inline-block !important}
.reactI{display:block !important}
.reactJ{display:block !important;}
.reactK {display:inline !important}
.wtisB{display:none !important}
.wtisN{display:block !important}
.tiA{text-indent:5px;}
.btB3{display:inline-block; line-height:28px; color:#fff; background:#3d3d3d; width:90px; text-align:center;}
.tLineTit:before{top:-4px;}
.cyber .cirTit {font-size:18px; background:url('../images/cirtit_bu_m2.png') no-repeat 0 2px; background-size:15px;}
.popBtA{padding:15px 0;}
.popBtA .btn{display:block;}
.popBtA a{display:inline-block; font-size:15px; padding:7px 15px; margin-left:0; margin-top:10px;}
/*텍스트 스타일*/
.nemoList dt {float:none; width:100%; height:70px; padding:20px 0;}
.nemoList dt.twoR{height:70px; padding:8px 0;}
.nemoList dd {float:none; width:100%; padding:10px 0 0; background:none;}
/* 탭 스타일*/
.tabTypeC .btnArea a{width:50% !important; height:auto; line-height:1.2; padding:12px 0; font-size:15px; box-sizing:border-box}
.tabTypeC .btnArea a span {display:inline-block; width:100% }
.tabTypeC .btnArea a:nth-child(4),
.tabTypeC .btnArea a:nth-child(8){padding:3px 0; line-height:1.2; height:auto;}
.tabTypeC .btnArea a:nth-child(4) span,
.tabTypeC .btnArea a:nth-child(8) span{width:40%}
/*게시판 스타일*/
.multiTypeA {margin:5px 0 0;}
.multiTypeA li {width:49%;}
.multiTypeA li a .infoA {padding:10px 10px 45px; height:110px;}
.multiTypeA.photoType2 li a .infoA {height:220px}
.multiTypeA.videoType li a .titA {padding:10px 10px 12px; font-size:14px; line-height:16px}
.multiTypeA.posterType li a .titA {padding:10px 10px 12px; height:50px; font-size:14px; line-height:16px}
.photoTypeA ul {max-width:98%}
.photoTypeA ul li {width:49.555% !important; padding:0 3px 5px; margin:0; box-sizing:border-box}
.photoTypeA.videoType li a .topA,
.photoTypeA li .videoThumb a .topA{height:100%;}
.photoTypeA.videoType li a .bgA,
.photoTypeA li .videoThumb a .bgA,
.photoTypeA.videoType li a .bgA img,
.photoTypeA li .videoThumb a .bgA img{height:100%}
.photoTypeA.videoType li a .imgA,
.photoTypeA li .videoThumb a .imgA,
.photoTypeA.videoType li a .imgA img,
.photoTypeA li .videoThumb a .imgA img{height:100%}
.photoTypeA.videoType li a .titA,
.photoTypeA li .videoThumb a .titA{padding:10px 10px 12px; font-size:14px; line-height:16px}
.photoTypeA.videoType li a .framA,
.photoTypeA li .videoThumb a .framA{height:100%}
.photoTypeA.videoType li a .framA .playBu,
.photoTypeA li .videoThumb a .framA .playBu{height:100%; background-size:30px 30px;}
.topRollTypeA ul li .infoA {padding:10px 10px 25px}
.topRollTypeA ul li .infoA .titA {font-size:17px;}
.topRollTypeA ul li .infoA .txtA {margin:8px 0 0; line-height:22px;}
.topRollTypeA ul li .infoA .dateA {position:absolute; bottom:25px; left:10px;}
.botConA{padding-top:40px; padding-bottom:50px;}
.botConA .wrap .hTit{font-size:23px;}
.multiTypeB{margin-top:0;}
.multiTypeB > ul > li{width:100%; margin:15px 0 0 0}
.multiTypeB > ul > li:first-child{ margin:15px 0 0 0}
.multiTypeB > ul > li > div{height:auto;}
.multiTypeB > ul > li.tp1 > div .infoA{height:83px; width:88%; padding:17px 6% 40px}
.multiTypeB > ul > li.tp1 > div .infoA .utilA{bottom:20px; left:6%}
.multiTypeB > ul > li.tp1 > div .infoA .date{bottom:20px; right:6%;}
.multiTypeB li.tp2 > div{height:270px}
.multiTypeB li.tp2 > div .infoA{height:213px; width:88%; padding:17px 6% 40px}
.multiTypeB li.tp2 > div .infoA .dateA{bottom:20px; left:6%;}
.snsRollType .tRollBtnA .btR{top:135px;}
.snsRollType .tRollBtnA .btL{top:135px}
.boardType1 .alltaLeftT th,
.boardType1 .alltaLeftT td {padding-left:10px; padding-right:5px; box-sizing:border-box}
.boardType1 .pdfBt {padding:8px 0; height:auto; line-height:1; width:100%; text-align:center;}
.scrollT {position:relative; width:100%; overflow:hidden;}
.scrollT .boardType1,
.scrollT .boardType3{position:relative; overflow-x:auto; overflow-y:visible; width:100%;}
.scrollT .type1 {width:1100px;}
.scrollT .type2 {width:758px;}
.scrollT .widthScbg{display:block; position:absolute; top:0; right:0; width:70px; background:url('../images/width_scrollbg.png') repeat-y right 0; background-size:30px 1px;}
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width:50%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable {margin-left: 50%; }
div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
.reactT, .reactT thead, .reactT tbody, .reactT tfoot, .reactT th, .reactT td, .reactT tr {display: block; font-size:14px;}
.reactT thead tr th{position: absolute; top: -9999px;left: -9999px;}
.reactT tr td:first-child{margin:10px 0 0; border-top:1px solid #d9d9d9}
.reactT tbody tr:first-child td:first-child{margin:0}
.reactT td {position:relative; padding:5px 10px 5px 42% !important; border-top:0; border-right:1px solid #d9d9d9; box-sizing:border-box; text-align:left !important;}
.reactT td:before {text-align:center; position:absolute; left:0; width:38%; height:80%; padding:6px 3px; top:0px; height:100%; white-space:nowrap; color:#333; font-weight:bold; box-sizing:border-box; background:#f3f3f3;}
.qAssuranceT td:nth-of-type(1):before {content: "번호";}
.qAssuranceT td:nth-of-type(2):before {content: "품질보증번호"}
.qAssuranceT td:nth-of-type(3):before {content: "고객명"}
.qAssuranceT td:nth-of-type(4):before {content: "전화번호"}
.qAssuranceT td:nth-of-type(5):before {content: "고객ID"}
.qAssuranceT td:nth-of-type(6):before {content: "시공점"}
.qAssuranceT td:nth-of-type(7):before {content: "발행일"}
.qAssuranceViewT th {width:35%;}
.stockT1 td,.stockT2 td {padding-left:46% !important}
.stockT1 td:nth-of-type(1):before {content: "주식의 종류"; width:44%;}
.stockT1 td:nth-of-type(2):before {content: "발행주식총수(주)"; width:44%;}
.stockT1 td:nth-of-type(3):before {content: "자본금(백만원)"; width:44%;}
.stockT1 td:nth-of-type(4):before {content: "비고"; width:44%;}
.stockT1 .resultA td:nth-of-type(1):before {content: "합계"; width:100%;}
.stockT2 td:nth-of-type(1):before {content: "주주명"; width:44%;}
.stockT2 td:nth-of-type(2):before {content: "주식의 종류"; width:44%;}
.stockT2 td:nth-of-type(3):before {content: "소유주식수(주)"; width:44%;}
.stockT2 td:nth-of-type(4):before {content: "비고"; width:44%;}
.stockT2 .resultA td:nth-of-type(1):before {content: "합계"; width:100%;}
.stockT5 td:nth-of-type(1):before {content: "성명";}
.stockT5 td:nth-of-type(2):before {content: "선임일"}
.stockT5 td:nth-of-type(3):before {content: "임기"}
.stockT5 td:nth-of-type(4):before {content: "비고"}
.stockT6 td:nth-of-type(1):before {content: "법인명";}
.stockT6 td:nth-of-type(2):before {content: "선임일"}
.stockT6 td:nth-of-type(3):before {content: "계약기간"}
.stockT6 td:nth-of-type(4):before {content: "최근 감사의견"}
.financialT2 td:nth-of-type(1):before {content: "년도";}
.financialT2 td:nth-of-type(2):before {content: "제목"}
.financialT2 td:nth-of-type(3):before {content: "파일"}
.gNoticeT td:nth-of-type(1):before {content: "NO";}
.gNoticeT td:nth-of-type(2):before {content: "제목"}
.gNoticeT td:nth-of-type(3):before {content: "등록일"}
.gNoticeT td:nth-of-type(4):before {content: "조회수"}
.srchResultT td:nth-of-type(1):before {content: "부품번호";}
.srchResultT td:nth-of-type(2):before {content: "한글 부품명"}
.srchResultT td:nth-of-type(3):before {content: "영문 부품명"}
.srchResultT td:nth-of-type(4):before {content: "가격(부가세포함)"}
.srchResultT2 td:nth-of-type(1):before {content: "판매망";}
.srchResultT2 td:nth-of-type(2):before {content: "브랜드"}
.srchResultT2 td:nth-of-type(3):before {content: "상호"}
.srchResultT2 td:nth-of-type(4):before {content: "주소"}
.srchResultT2 td:nth-of-type(5):before {content: "전화번호"}
.srchResultT2 td:nth-of-type(6):before {content: "지도보기"}
.headLamp td:nth-of-type(1):before {content: "차량상태";}
.headLamp td:nth-of-type(2):before {content: "H1"}
.headLamp td:nth-of-type(3):before {content: "H2"}
.headLamp td:nth-of-type(4):before {content: "H3"}
.headLamp td:nth-of-type(5):before {content: "W1"}
.headLamp td:nth-of-type(6):before {content: "W2"}
.headLamp td:nth-of-type(7):before {content: "W3"}
.headLamp td:nth-of-type(8):before {content: "L"}
.breakSystem td:nth-of-type(1):before {content: "구성부품";}
.breakSystem td.thNone:before {content: "";}
.breakSystem td:nth-of-type(2):before {content: "절차"}
.srchResultT td:nth-of-type(1):before {content: "번호";}
.srchResultT td:nth-of-type(2):before {content: "계열"}
.srchResultT td:nth-of-type(3):before {content: "상호"}
.srchResultT td:nth-of-type(4):before {content: "주소"}
.srchResultT td:nth-of-type(5):before {content: "전화번호"}
.srchResultT td:nth-of-type(6):before {content: "지도보기"}
.salesT td:nth-of-type(1):before {content: ""; width:0; }
.salesT td:nth-of-type(1) {padding:5px 10px 5px 0 !important; text-align:center !important; background:#f3f3f3;}
.salesT td:nth-of-type(2):before {content: "2011"}
.salesT td:nth-of-type(3):before {content: "2012"}
.salesT td:nth-of-type(4):before {content: "2013"}
.salesT td:nth-of-type(5):before {content: "2014"}
.salesT td:nth-of-type(6):before {content: "2015"}
.manualDownT td:nth-of-type(1):before {content: "차종"}
.manualDownT td:nth-of-type(2):before {content: "제품"}
.manualDownT td:nth-of-type(3):before {content: "연도"}
.manualDownT td:nth-of-type(4):before {content: "지역"}
.manualDownT td:nth-of-type(5):before {content: "매뉴얼코드"}
.manualDownT td:nth-of-type(6):before {content: "데이터"}
.carGoodsT td:nth-of-type(1):before {content: "번호"}
.carGoodsT td:nth-of-type(2):before {content: "상호"}
.carGoodsT td:nth-of-type(3):before {content: "주소"}
.carGoodsT td:nth-of-type(4):before {content: "전화번호"}
.carGoodsT td:nth-of-type(5):before {content: "지도보기"}
.visionT td:nth-of-type(1):before {content: ""}
.visionT td:nth-of-type(2):before {content: "2009"}
.visionT td:nth-of-type(3):before {content: "2011"}
.visionT td:nth-of-type(4):before {content: "2013"}
.visionT td:nth-of-type(5):before {content: "2015"}
.incentiveT td:nth-of-type(1):before {content: "구분"}
.incentiveT td:nth-of-type(2):before {content: "AAA"}
.incentiveT td:nth-of-type(3):before {content: "AA"}
.incentiveT td:nth-of-type(4):before {content: "A"}
.hTalentT td:nth-of-type(1):before {content: "NO";}
.hTalentT td:nth-of-type(2):before {content: "标题"}
.hTalentT td:nth-of-type(3):before {content: "注册日期"}
.hTalentT td:nth-of-type(4):before {content: "点击率"}
.alignLeftT td {padding:5px 10px !important; text-align:center !important;}
.alignLeftT tbody th {padding:5px 10px; text-align:center !important; border-top:0; border-right:1px solid #d9d9d9}
.alignLeftT tbody tr:first-child th:first-child{border-top:1px solid #d9d9d9}
.reactT.officeHeadT1 td {padding:5px 10px 5px 70% !important; }
.reactT.officeHeadT1 td:before {width:65%;}
.reactT.officeHeadT1 td:nth-of-type(1):before {content: "按地区分类";}
.reactT.officeHeadT1 td:nth-of-type(2):before {content: "人员情况（名）"}
.reactT.officeHeadT1 td:nth-of-type(3):before {content: "销售额（百万）"}
.reactT.officeHeadT2 td {padding:5px 10px 5px 70% !important; }
.reactT.officeHeadT2 td:before {width:65%;}
.reactT.officeHeadT2 td:nth-of-type(1):before {content: "分类";}
.reactT.officeHeadT2 td:nth-of-type(2):before {content: "生产基地"}
.reactT.officeHeadT2 td:nth-of-type(3):before {content: "物流基地"}
.reactT.officeHeadT2 td:nth-of-type(4):before {content: "技术研发所"}
.reactT.officeHeadT2 td:nth-of-type(5):before {content: "质量中心"}
.reactT.officeHeadT2 td:nth-of-type(6):before {content: "办公室"}
/* 리스트 스타일 */
.listTypeA{margin-top:20px;}
.listTypeA li{margin-top:5px;}
.listTypeA li:first-child{margin-top:0;}
.listTypeA li a{position:relative; background:#fff; padding:5px}
.listTypeA li a .leftA{width:140px; top:0; left:0; margin:10px; float:left; position:relative}
.listTypeA li a .bgA{width:140px; height:93px; }
.listTypeA li a .bgA img{width:100%; height:93px;}
.listTypeA li a .imgA{width:140px; height:93px; z-index:1;}
.listTypeA li a .imgA img{width:140px; height:93px !important;}
.listTypeA li a .infoA{width:100%; box-sizing:border-box; padding:10px 3% 10px 10px; height:auto; min-height:114px;}
.listTypeA li a .infoA.tp{width:100%; box-sizing:border-box; padding:10px 3% 10px 10px; height:auto; min-height:114px;}
.listTypeA li a .infoA .tit{font-size:14px; line-height:16px; margin-top:0;}
.listTypeA li a .infoA .tit img{width:10px; left:0; top:5px}
.listTypeA li a .infoA .txt{font-size:12px; line-height:16px; margin-top:10px;}
.listTypeA li a .infoA .date{font-size:10px; margin-top:0;}
.iconListD li {width:100%; float:none;}
.iconListD li .imgA {width:35%; padding:0 15px 0 0; box-sizing:border-box}
.iconListD.tp li{float:none; width:100%;}
.iconListD.tp li .infoA .txt{padding-right:0;}
.titSelD .leftA {margin:0 0 10px;}
/*아코디언 스타일*/
.accoPopD .bConA .imgA {float:none; width:100%; margin:0}
.accoPopD .bConA .infoA {float:none; width:100%; margin:10px 0 0}
.accoPopD .bConA .infoA .txtA .txt17{font-size:15px;}
.accoPopD .accoPopA .conA ul {float:none; width:100%}
.accoPopD .accoPopA .sConTypeB .leftA img, .accoPopD .accoPopA .sConTypeB .rightA img{width:100%;}
.accoPopD .accoPopA .sConA .epsA .leftA{width:100%;}
.accoPopD .accoPopA .sConA .epsA .rightA{width:100%; margin:10px 0 0}
.accoPopD .accoPopA .conA .wtisN {width:100%; background:#fff; text-align:center;}
.accoPopD .accoPopA .sConTypeC .bConA .infoA {width:100%;}
.accoPopD .accoPopA .kSystemD1 {margin:25px 0 0; padding:0; width:100%; height:auto; background:none;}
.accoPopD .accoPopA .kSystemD1 .txtA {text-align:center; margin:5px 0 20px}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .leftA {width:100%}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .rightA {width:100%; border:none;}
.accoPopD .accoPopA .sConTypeB .kMaterialA1 .rightA .dotList{margin-left:0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA,
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .rightA {width:100%}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl,
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .rightA dl {width:100% !important; border:none !important; margin:15px 0 0;}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 .leftA dl:first-child{margin:0}
.accoPopD .accoPopA .sConTypeB .kMaterialA2 dl dd {margin:5px 0 0}
.accoPopD .accoPopA .sConTypeB .imgA {margin:10px 0 0;}
.accoPopD .accoPopA .sConTypeB .ledLampA {width:100%;}
.accoPopD .accoPopA .sConTypeB .ledLampA .leftA {width:100%; margin:0}
.accoPopD .accoPopA .sConTypeB .ledLampA .leftA img{width:50%;}
.accoPopD .accoPopA .sConTypeB .ledLampA .rightA {width:100%; margin:10px 0 0}
.accoPopD.tp .thrBList > li .txtArea{min-height:100%; height:100% !important;;}
.accoW > ul > li .acoClickA{position:relative; padding:12px 48px 12px 15px; font-size:18px;}
.accoW > ul > li .acoCon {padding:15px 15px 15px 15px; line-height:22px}
.accoW > ul > li .acoCon .cirTit {margin:18px 0 10px;}
.accoPopD.tp .dealWithW{padding:0 3% 20px 3%}
.accoPopD.tp .dealWithW2{padding:20px 3% 50px 3%}
.accoPopD.tp .dealWithW2 > .imgA img{width:100%;}
.accoPopD.tp .listType li{margin-bottom:5px; line-height:20px !important;}
.accoPopD.tp .listType.tp li .cirN2{top:0;}
.accoPopD.tp .thrBList > li{width:100%; float:none; margin-left:0; margin-top:10px;}
.accoPopD.tp .thrBList > li:first-child{margin-top:0;}
.accoPopD.tp .infoBox{padding:15px;}
.accoPopD.tp .infoBox .imgA{width:100%; float:none; text-align:center;}
.accoPopD.tp .infoBox ul{width:100%; float:none; margin-top:15px;}
.accoPopD.tp .infoBox dl{width:100%; float:none; margin-top:15px;}
.accoPopD.tp .infoBox dl dt{font-size:15px; margin-bottom:3px;}
.accoPopD.tp .infoBox dl dd{margin-bottom:20px;}
.accoPopD.tp .twoBoxTp > div > div{width:100%; float:none; border-left:0;}
.accoPopD.tp .oneBoxTp .topB{padding:60px 0 20px;}
.accoPopD.tp .oneBoxTp .topB img{width:100%;}
.accoPopD.tp .imgB img{width:100%;}
.accoPopD.tp .listType2 li{width:100%; margin:0 0 10px !important;;}
.accoPopD.tp .twoBoxTp > div > div .tit:before{top:-5px;}
.accoPopD.tp .twoBoxTp2 .leftB{width:100%; float:none;}
.accoPopD.tp .twoBoxTp2 .rightB{width:100%; float:none; border-left:0; border-top:1px solid #ddd}
.accoPopD.tp .twoBoxTp2 img{height:auto; width:80%;}
.accoPopD.tp .twoBoxTp2 .titA{padding:7px 0 5px;}
.accoPopD.tp .twoBoxTp2 .imgA{padding:15px 0;}
/*윈도우 팝업*/
.winPopW .popH {padding:19px 70px 19px 20px}
.winPopW .popC .popD {padding:20px}
.winPopW.tp .popC .popD {padding:20px 3%}
.winPopW .closeBt {right:20px;}
.winPopW .boardType2 tbody td .infoSplitD {width:100%; overflow:hidden;}
.winPopW .boardType2 tbody td .infoSplitD .inTh{width:100%; padding:5px 10px}
.winPopW .boardType2 tbody td .infoSplitD .inTd {width:100%; padding:5px 10px}
.winPopW .boardType2 tbody td .infoSplitD .inTd .moDev .moflN{float:none; width:100% !important}
.winPopW .boardType2 tbody td .infoSplitD .inTd .moDev .moflN .mr5,
.winPopW .boardType2 tbody td .infoSplitD .inTd .moDev .moflN .mr20{margin-right:0 !important}
.winPopW .popC .popD .popIcon img{width:85px;}
.winPopW .popC .popD .popTxt {font-size:30px; line-height:1.4; color:#333;}
.agreeBoxA .txtA{padding:15px;}
}
@media all and (max-width:500px){
.scrollT .type2 {width:500px;}
.react500{display:block; margin-top:5px;}
.w100_500{width:90% !important;}
.tabTypeC .btnArea a:nth-child(4) span,
.tabTypeC .btnArea a:nth-child(8) span{width:60%}
}
@media all and (max-width:380px){
.tabTypeC .btnArea a:nth-child(4) span,
.tabTypeC .btnArea a:nth-child(8) span{width:90%}
}