@charset "utf-8";

@font-face{font-family:NanumGothic;src:url("/include/css/NanumGothic.eot");src:local(※),url("/include/css/NanumGothic.woff") format('woff')}
@font-face{font-family:NanumGothicBold;src:url("/include/css/NanumGothicBold.eot");src:local(※),url("/include/css/NanumGothicBold.woff") format('woff')}

body,div,input,select,textarea,ul,li,td{font-family:NanumGothic,Dotum,Arial;font-size:16px;color:#404040}
input{outline:none;}

header{height:181px;}
.headerTop{height:30px; background:#68A4C4; color:black;}
.loginHead{width:1024px; margin:0 auto;}
.loginHead div{width:50%; float:left;}
.loginHead div a{text-decoration:none; color:white;}
.loginHead div a:hover{font-weight:bold; color: white;}
.loginHeadLeft{display:flex; align-items:center; font-size:15px !important; color:white;}
.loginHeadRight{display:flex; align-items:center; justify-content:flex-end; font-size:15px !important; color:white;}
.hei100p{height:100%;}
.headerContent{height:90px;}
.headerContentWrap{width:1024px; margin:0 auto;}
.headerContentWrap > div{float:left;}
.headerContentWrapLeft{width:150px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;}
.headerContentWrapLeft a img{max-width:200px; padding-top:10px;}
.headerContentWrapRight{width:874px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;}
.headerContentWrapRightWrap{width:790px; height:60px;}
.headerContentWrapRightWrap div:first-child{text-align:center; color:#5a5a5a !important;}
.headerContentWrapRightWrap div:first-child p{margin:0 !important;}
.headerBot{height:61px; border-bottom:1px solid #ececec;}
.searchAllInput{border:3px solid #68A4C4; width:755px; padding: 6px 0; border-radius:50px 50px 50px 50px; position:absolute; padding-left: 35px; font-size:16px;}
.searchAllSpanBtn {vertical-align: middle;padding:7.5px 0; color:#ccc;position:absolute; left: 15px;}
.headerBotWrap ul{width:100%; height: 100%;}
.headerBotWrap ul li{width:128px; text-align:center;float:left;}
.headerBot .naviDiv {width:1024px; margin:0 auto;}
.headerBot .naviDiv ul ul {display:none}
.headerBot .naviDiv ul li:hover > ul {display:block}
.headerBot .naviDiv ul {position:relative;width:100%;/*display:inline-table*/}
.headerBot .naviDiv ul:after {content:"";clear:both;display:block}
.headerBot .naviDiv ul li {float:right; width:128px; text-align:center;}
.headerBot .naviDiv ul li:hover {background:#68A4C4;}
.headerBot .naviDiv ul li:hover a {color:#fff;}
.headerBot .naviDiv ul li a {display:block;padding:10px 10px;font-weight:bold;font-size:16px;color:#666;text-decoration:none}
.headerBot .naviDiv ul ul {position:absolute;top:100%;padding:0;width:130px;background:#fff;border:1px solid #68A4C4;z-index:9000}
.headerBot .naviDiv ul ul li {position:relative;float:none;color: #68A4C4}
.headerBot .naviDiv ul ul li a {padding:8px 10px;font-size:16px;color: #68A4C4}
.headerBot .naviDiv ul ul li:hover a {color:#fff;}
.headerBot .naviDiv ul .rows {width:309px;box-sizing: initial !important;}
.headerBot .naviDiv ul .rows.short {width:153px;}
.headerBot .naviDiv ul .rows.left1 {margin-left:-167px;}
.headerBot .naviDiv ul .rows.short.left1 {margin-left:-48px;}
.headerBot .naviDiv ul .rows li {float:left;width:154px;text-align:center;}
/*.headerBot .naviDiv ul .rows li div{ box-sizing: initial !important;}*/
.headerBot .naviDiv ul .rows li a {color:#504064;}
.headerBot .naviDiv ul .rows li:hover a {color:#fff;}
.headerBot .naviDiv ul .rows .leftCell {border-right:1px solid #E3E3E3;}
.headerBot .naviDiv ul .rows .emptyCell {content:"";width:100%;height:10px;}
.headerBot .naviDiv ul .rows .emptyCell:hover {background:#fff;}
.headerBot .naviDiv ul .rows .rowCellLast {float:right;}
.headerBot .naviDiv ul .rows .rowCellLast a {color:#435fa7;}
.headerBot .naviDiv ul ul ul {position:absolute;left:100%;top:0;}

section{background:#fbfbfb;}
.sectionWrap{width:1024px; margin:0 auto;}
.mainContentList{width: 512px; float:left;}

.mainContentList{height: 200px;display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column; background: white;}
.mainContentListWrap{width: 480px;}
.mainContentListWrapTitle div{border-bottom: 1px solid #ccc; font-size:18px;}
.mainContentListWrapTitle div span{background: #ccc; padding: 1px 5px; font-size:20px;}
.mainContentListWrapList ul li{padding: 5px 0;}
.mainContentListWrapList ul li > p{text-overflow: ellipsis; overflow: hidden; height: 1.2em; white-space: nowrap;}
.mainContentListWrapList ul li > p a{text-decoration: none; color:black;}
.mainContentListWrapList ul li > p a:hover{font-weight:bold;}
.cGreen{border-bottom: 1px solid #68A4C4 !important;}
.mainContentListWrapTitleGreen{background: #68A4C4 !important; color:white;    width: 98%;
    display: inherit;
    font-size: 16px;
    padding: 5px 0 !important;
    padding-left: 10px !important; font-size:15px !important;}
.cB{clear:both;}
.mainMenuBtn{width: 128px; float: left; padding: 0 5px;}
.mainCenter{margin: 5px auto;}
.mainMenuBtn span{background: orange;}
.mainSummary {margin:0 auto;width:1000px}
.mainSummary .listGapDiv {float:left;width:13px}
.mainSummary .listDiv1 {float:left;width:240px}
.mainSummary .listDiv1.double {width:490px}
.mainSummary .listDiv1 .listName {width:100%;height:40px;text-align:center;line-height:40px;font-size:16px;color:black;background: #cccccc;}
.mainSummary .listDiv1 .listName.short1 {width:488px}
.mainSummary .listDiv1 .listName span {font-weight:bold}
.mainSummary .listDiv1 .listCell {width:100%;border:1px solid #D4D1CF}
.mainSummary .listDiv1 .listCell.half1 {float:left;width:240px}
.mainSummary .listDiv1 .listCell.half2 {float:right;width:240px}
.mainSummary ul {width:100%}
.mainSummary .ulType1 {border:none}
.mainSummary .ulType1.line1 {margin:0 auto;width:90%;background:url('/images/listDotted_01.gif') bottom repeat-x;border:none}
.mainSummary .ulType1 li {float:left;width:100%;height:26px;line-height:26px;overflow:hidden}
.mainSummary .ulType1 .titleCell {margin-left:0;width:100%;background:#F0F0F0}
.mainSummary .ulType1 .titleCell a {font-weight:bold}
.mainSummary .ulType1 .contentCell {margin-left:7%;width:93%}
.mainSummary .ulType1 .cell1 {float:left;width:65%;background:none}
.mainSummary .ulType1 .cell2 {float:left;width:35%}

.mainSummary .listGapDiv2 {float:left;width:8px}
.mainSummary .listDiv1.type2 {float:left;width:160px}
.mainSummary .listDiv1 a{text-decoration: none;}
.mainSummary .listDiv1.type3 {float:left;margin-left:2px;width:502px}
.mainSummary .listDiv1 .listName.type2 {margin-bottom:3px;height:57px;line-height:57px;background:#888;}
.mainSummary .listDiv1 .listName.type3 {background: #68A4C4;}
.mainSummary .listDiv1 .listName.type4 {margin-bottom:3px;height:60px;line-height:57px}
.mainSummary .listDiv1 .listName.type5 {margin-bottom:3px;height:60px;line-height:57px;background: #68A4C4;}
.mainSummary .listDiv1 .searchLaw {margin-bottom:3px;width:100%;height:59px;}
.mainSummary .listDiv1 .searchLaw input[type="text"] {margin:15px 0 0 5px;padding:3px 0 3px 10px;width:422px;height:24px;border:1px solid #68a3c3;}
.mainSummary .listDiv1 .searchLaw input[type="submit"] {margin-top:15px;width:60px;height:32px;font-weight:bold;color:white;background: #68a3c3;border:0;cursor:pointer}

.mainSummary .listDiv2 {float:left;width:330px}
.mainSummary .listDiv2 .adDiv {width:100%;height:80px;background:#E3E3E3}
.mainSummary .listDiv2 .listName {width:100%;height:30px;border-bottom:1px solid #95979E}
.mainSummary .listDiv2 .listName p {width:50%;line-height:30px;font-size:15px;color:#fff;background:#95979E}
.mainSummary .listDiv2 .listCell {width:100%}
.mainSummary .ulType2 {margin:0 auto;width:90%;background:url('/images/listDotted_01.gif')}
.mainSummary .ulType2 li {float:left;height:26px;line-height:26px;overflow:hidden}
.mainSummary .ulType2 .titleCell {margin-left:0;width:80%}
.mainSummary .ulType2 .titleCellModi {margin-left:0;width:78%}
.mainSummary .ulType2 .nameCell {width:20%}
.mainSummary .ulType2 .nameCellModi {width:22%}
.mainSummary .ulType2 .titleCell2 {margin-left:0;width:60%}
.mainSummary .ulType2 .nameCell2 {width:40%}

.mainSummary .listDiv3 {float:left;margin-left:5px;margin-right:5px;width:330px}
.mainSummary .listDiv3 .listName {width:100%;height:33px;text-align:center;line-height:33px;font-size:15px;color:#fff;background: #68A4C4
}
.mainSummary .listDiv3 .listCell {width:100%}
.mainSummary .ulType3 {margin:0 auto;width:90%;background:url('/images/listDotted_01.gif') bottom repeat-x}
.mainSummary .ulType3 li {float:left;height:30px;line-height:30px;overflow:hidden}
.mainSummary .ulType3 .titleCell {margin-left:0;width:80%}
.mainSummary .ulType3 .nameCell {width:20%}
.mainSummary .ulType3 .titleCell2 {margin-left:0;width:65%}
.mainSummary .ulType3 .nameCell2 {width:35%}

.disNone{display:none !important;}
.mainListLi{position:relative;}
.mainListLi > div{position:absolute;background: #ffffb6; border:2px solid #ffe420; width:480px; border-radius: 5px 5px 5px 5px; z-index:1; overflow:hidden;}

.sliderField{height:300px; margin:0 auto;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.target{white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

#footerShortcuts {width:100%;height:40px;text-align:center;line-height:40px;background:#E3E3E3}
#footerShortcuts a {color:#777; text-decoration:none;}
#footerShortcuts span {font-weight:bold}
#footerAddr {margin:0 auto;margin-top:30px;width:1000px;height:70px}
#footerAddr .addrLeft {float:left;width:30%}
#footerAddr .addrRight {float:right;width:44%;text-align:left;line-height:16px;font-size:12px;color:#b0b0b0}
#footerAddr .addrRight .addSpan1 {font-size:12px}
#footerAddr .addrRight .addSpan1 a{text-decoration:none; color:black; font-weight:bold;}
#footerAddr .addrRight .addSpan2 {font-size:10px}
#footerAddr .addrCenter {margin:0 auto;text-align:center;font-size:12px;color:#b0b0b0}
/*
#footerAddr .addrRight {float:right;width:50%;line-height:16px;font-size:11px;color:#b0b0b0}
*/

#footerGoTop {position:fixed;bottom:0;left:50%;margin-left:-30px;height:25px;}

.memberWrap{width:1024px; margin:0 auto; background:white;}
/* 탭 메뉴 */
.pageTab1 {width:100%;border-bottom:1px solid #BDBCC4}
.pageTab1.none {width:100%;border:none}
.pageTab1.none2 {width:100%;border:none}
.pageTab1 a:hover {cursor:pointer}
.pageTab1 .pageLeft {float:left;margin-right:1px;height:30px;line-height:30px;text-align:center;background:#F0F0F0;border:1px solid #BDBCC4;border-bottom:none}
.pageTab1 .subRoot{float:right;height:30px;}
.pageTab1.none2 div {border:1px solid #BDBCC4}

.pageTab1 .pageLeft a, .p1 {padding:0 8px 0 10px;font-weight:bold;font-size:15px;color:#979797}
/*
.pageTab1 div a, .p1 {padding:0 8px 0 10px;font-weight:bold;font-size:13px;color:#979797}
*/

.pageTab1 .onDiv {background:none}
.pageTab1 .onDiv a {color:#343745}
.pageTab1 .tabContentsDiv {display:none}
.pageTab1 .subClassTitle {float:left;font-weight:bold;font-size:20px;color:#2f3544;border:none;background:none}

.pageTab1 .subClassTitle span {font-weight:normal;font-size:14px}
/*
.pageTab1 .subClassTitle span {font-weight:normal;font-size:12px}
*/

.pageTab1 .linkNpop {float:right;text-align:right;border:none;background:none}
.pageTab1 .linkNpop button {padding:7px 10px}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.pageTab1 a{text-decoration: none;}
.gap50{height:50px;}
.gap30{height:30px;}
.subRoot{height:30px; display:flex; align-items: center; justify-content: flex-end;}
.subRoot a{text-decoration: none;font-size:14px;}
.subRootPath{color:#777;}
.subRootSel{color:black;}
.memberWrapTitle{padding:10px 0; border-bottom: 3px solid #eee;box-shadow: 0 5px 8px -5px #afacac;}
.memberWrapTitle h1{padding-left:150px;}
.memberContent{display:flex; align-items: center; justify-content: center; padding-top: 100px;}
.memberChoiceBtn{width:350px; height:150px; border-radius: 10px 10px 10px 10px; display: flex; align-items: center; justify-content: center; text-align:center; color:white;}
.memberChoiceBtn:first-child{margin-right:5px;}
.memberChoiceBtn:last-child{margin-left:5px;}
.memberChoiceBtn:hover{cursor:pointer; color:black;}
.memberChoiceBtn i{font-size:80px;}
.memberChoiceBtn span{font-weight:bold; font-size: 25px;}
.memberChoiceDescription{padding: 20px 0; text-align:center; padding-bottom: 100px;}
.memberChoiceDescription p{color:darkgray;}
.memberTopImage{height:300px;overflow: hidden;}
.memberTopImage img{width:100%; height:auto;}

.memberTopImage {background: url("/images/puzzle.jpg") center; background-size:cover; height:250px; position: relative; z-index:1; overflow:hidden;}
.memberTopImageSub{width:1024px; height:100%; margin:0 auto; position:relative;}
.memberTopImageSub h1{position: absolute; right:0; top: 90px; font-size:50px; color:white; text-shadow: 4px 4px 13px #222;}
.bgBlur:before {content: ''; position: absolute; top: 0; left:0; right:0; bottom:0; background: inherit; z-index:-1; filter: blur(5px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); -ms-filter: blur(6px); filter: url(#blur);}
svg {height:0;}

.withdrawalDefaultMsg{background-color: #eee;font-size: 14px;padding: 40px 47px;}
#withdrawalTextMsg{width: 98%; font-size:14px;}
#withdrawalPassMsg{width: 98%; font-size:14px;}
.taxErr {width: 98%; font-size:14px;}
.exchangeErr {width: 98%; font-size:14px;}
.popupWrapDel{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupWrapWithdrawal{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupTaxWrap{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupTaxContentCell{width:100%; height: 500px; border-bottom:2px solid #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupTaxContentCell input{width: 437px; border:1px solid #ccc; padding:5px 0; margin-top: 5px;}
.taxSubInfo{padding: 15px;}
.taxSubInfo div{padding: 20px 10px; background-color: #eee;}
.taxSubInfo div p{font-size:14px; font-weight: bold;}

.popupExchangeWrap{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupPayment{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupWrap{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;-ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupWrap2{background: lightgray; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:5; width:100%; height:100%;}
.popupWrap3{background: lightgray; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popupWrap4{background: lightgray; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;position: fixed; align-content: center; background:rgba(0, 0, 0, 0.4); z-index:3; width:100%; height:100%;}
.popup{display:none;background:white; width:600px; border-radius: 10px 10px 10px 10px;}
.popup2{display:none;background:white; width:800px !important; border-radius: 10px 10px 10px 10px;}
.popupCloseCell{width:100%; height: 50px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; border-bottom:2px solid #eee;}
.popupCloseCell div{font-size: 25px;}
.popupCloseCell div:first-child i{vertical-align: middle; color:orange;}
.popupCloseCell div:last-child{position:absolute; right:10px; top:13px;}
.popupCloseCell div:last-child i:hover{cursor:pointer;}
.popupContentDelCell{width:100%; height: 130px; border-bottom:2px solid #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupExchangeContentCell{width:100%; height: 300px; border-bottom:2px solid #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupExchangeContentCell input{width: 437px; border:1px solid #ccc; padding:5px 0; margin-top: 5px;}
/*.popupContentWithdrawalCell textarea{width: 420px; height: 300px; resize:none; border:1px solid #ccc;}*/
/*.popupContentWithdrawalCell input[type='password']{width: 437px; border:1px solid #ccc; padding:5px 0;}*/
.popupContentWithdrawalCell{width:100%; height: 600px; border-bottom:2px solid #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupContentWithdrawalCell textarea{width: 420px; height: 300px; resize:none; border:1px solid #ccc;}
.popupContentWithdrawalCell input[type='password']{width: 437px; border:1px solid #ccc; padding:5px 0;}
.popupContentCell{width:100%; height: 130px; border-bottom:2px solid #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupContentCell2{width:100%; height: 130px; border-bottom:2px solid #eee;display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupContentCell3{width:100%; height: 130px; border-bottom:2px solid #eee;display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupContentCell4{width:100%; height: 500px; border-bottom:2px solid #eee;display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column;}
.popupContentTitleMsg{width: 400px; text-align:center; font-weight:bold; padding: 3px 0;}
.popupContentDelMsg{color:red;}
.popupContentDelMsg{color:red;}
.popupContentMsg{width: 400px; text-align:center;}
.popupContentMsg2{width: 400px; text-align:center;}
.popupContentMsg3{width: 400px; text-align:center;}
.popupContentMsg4{width: 750px; text-align:center;}
.popupContentMsg p{text-align:center;font-size: 20px;font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.popupContentMsg2 p{text-align:center;font-size: 18px;font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.popupContentMsg3 p{text-align:center;font-size: 18px;font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.popupContentMsg4 p{text-align:center;font-size: 18px;font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.popupBotCell{width:100%; height: 70px; display:flex; align-items: center; justify-content: center;}
.popupBotCell div{padding: 10px 20px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
.popupBotCell div:hover{cursor:pointer;}

.clauseCell{width: 870px; height: 200px; margin:0 auto; display: flex; align-items: center; justify-content: center; background-image: url("/images/mask_label.png");background-repeat: no-repeat; background-position: 0px 0; background-color: #eee;}
.clauseTitleCell{width: 870px; margin:0 auto;}
.clauseCell textarea{resize:none; width:700px; height: 170px;}
.gap40{height:40px;}
.gap20{height:20px;}
.gap10{height:10px;}
.clauseCellChk{width: 870px; margin: 0 auto; text-align:right;}
.clauseCellChk2{width:435px; float:left;}
.clauseCellChk2:first-child{text-align: left;}
.clauseBtnCell{width:730px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}

.btn-defCol{background: #68A4C4 !important;}
.btn-defCol:hover{color: black;}
.btn-RedCol{background: #c45a56 !important;}
.btn-RedCol:hover{color: black;}
.btn-defCanCol{background: powderblue !important;}
.btn-defCanCol:hover{color: black;}

.newMain{margin-bottom: 10px;}
.newMain2{display: inline-block; width: 1045px;}
.newMainWrap{padding: 10px 10px 10px 10px; width:1024px; margin:0 auto; background-color: aliceblue;}
.newMainWrap2{padding: 10px 10px 10px 10px; width:496px; margin:0 auto; text-align: left;}
.newMainWrap3{padding: 10px 10px 10px 10px; width:1024px; margin:0 auto; text-align: left;}
.newMainWrap4{padding: 10px 10px 10px 10px; width:496px; margin:0 auto; text-align: left;}
.newMain2Center{text-align: center;}
.newMainWrap2Left{float:left;}
.newMainWrap2Right{float:right;}
.newMainWrap img{max-width: 300px !important;}
.newMainWrap2 img{max-width: 300px !important;}
.newMainWrap3 img{max-width: 300px !important;}
.newMainWrap4 img{max-width: 200px !important;}
.newMainLiTitleWrap{padding: 10px 10px 10px 10px; overflow: hidden;}
.newMainLiTitleWrap p{white-space: normal; overflow: hidden; font-weight:bold; height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.newMainLiContentsWrap{padding: 10px 10px 0 10px; overflow: hidden;}
.newMainLiContentsWrap p{white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newMainLiWriterWrap{padding: 10px 10px 10px 10px;}
.newMainLiWrap{color:#504f4f; cursor: pointer; transition:all 0.3s, color 0.3s 0.3s;}
.newMainLiInWrap{margin-bottom:3px; box-shadow: 2px 2px 2px #ccc;}
.newMainLiWrapOver:hover{box-shadow: 0 0 0 2px rgba(45, 176, 254, 0.5) inset, 0 0 0 150px rgba(45, 176, 254, 0.5) inset;}

.memberBtnblue{background:#2DB0FE;}
.memberBtnGreen{background:#b0b1d6;}


input:focus {outline: none;}
.memberWriteFormCell{width: 730px; margin:0 auto;}
.memberWriteFormCell table{width: 730px; border:1px solid #eee;}
.memberWriteFormCell table tbody tr{height:40px;}
.memberWriteFormCell table tbody tr td:first-child{text-align: right;}
.memberWriteFormCell table tbody tr td:first-child span{padding-right: 20px;}
.memberWriteFormCell table tbody tr td:first-child span:first-child{padding-right: 0px !important;}
.impMemCor{color:red; font-weight: bold;}
.errCor{color:red; font-size: 14px; font-weight: bold;}
.companyChkCell{margin:0 auto; width:520px;}
.companyChkCell div{width:260px; text-align:center;}
.companyChkCell p{font-weight:bold;}
.button-1{width:260px; height:30px; float:left; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; border-radius: 30px 0 0 30px; border: 1px solid #ccc; border-right: none;}
.button-1 a{font-size:16px; color:#34495e; text-decoration:none; line-height:30px; transition:all .5s ease; z-index:2; position:relative; padding: 6px 68px;}
.button-1:hover .eff-1{right:0;}
.button-1:hover a{color:darkgray;}
.button-2{width:260px; height:30px; float:left; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; border-radius: 30px 30px 30px 30px; border: 1px solid #ccc;}
.button-2 a{font-size:16px; color:#34495e; text-decoration:none; line-height:30px; transition:all .5s ease; z-index:2; position:relative; padding: 6px 70px;}
.button-2:hover .eff-1{right:0;}
.button-2:hover a{color:darkgray;}
.eff-1{width:260px !important; height:30px; right:-260px; position:absolute; transition:all .5s ease; z-index:1;}
.button-4{width:260px; height:30px; float:left; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; border-radius: 0 30px 30px 0; border: 1px solid #ccc; border-left: none;}
.button-4 a{font-size:16px; color:#34495e; text-decoration:none; line-height:30px; transition:all .5s ease; z-index:2; position:relative; padding: 6px 68px;}
.button-4:hover .eff-4{left:0;}
.button-4:hover a{color:darkgray;}
.eff-4{width:260px; height:30px; left:-260px; position:absolute; transition:all .5s ease; z-index:1;}
.comInfoSel{box-shadow: inset 0 10px 50px rgba(128, 128, 128, 0.4);}
.companyChkCell{padding-bottom: 10px;}
.companyChkCell input{width: 500px; border: 1px solid #ccc; padding: 5px 0; padding-left: 20px; border-radius: 30px;}
.companyChkCell input:focus{border:1px solid #6fafff; box-shadow: 0 0 6px #6fafff;}
.companySubmitCell{text-align: center;}
.companyChkCell:last-child{margin-top:50px;}
.companyChkCell table {width:520px; text-align: left;}
.companyChkCell table tr th{padding-left:5px;}


.main1Wrap{border-bottom: 1px solid #68a4c4;}
.mainTitle{display: inline-block; padding: 5px 9px 5px 9px; background: #68a4c4; font-weight: bold; color:white;}
.mainTitle2{display: inline-block; padding: 10px 9px 10px 9px; background: #68a4c4; font-weight: bold; color:white; float:left;}
.newSubMenu{display: inline-block; padding:5px 6px 5px 4px;line-height:0 !important; font-size:14px;}
.newSubMenu:hover{cursor:pointer; font-weight: bold;}
.newSubDecouple{font-size:10px; color:#ccc;}
.subActive{font-weight: bold; color: #68A4C4;}
.main1BtnWrap{text-align: right;}
.main1BtnWrap button{padding: 5px 10px !important; font-size:14px !important; margin: 5px 0;}
.main1ContentWrap{width:1024px; margin: 0 auto; background-color: white;}
.main1HeadWrap{position:relative; background: #ececec; height:48px; clear:both;}
/*	.main1HeadWrap p {position:absolute; font-weight:bold; font-size:16px; margin:0 !important;}	*/
.main1HeadWrap p {position:absolute; font-weight:bold; font-size:20px; margin:0 !important;}
.mainPageId{padding: 16px 0 16px 5px;}
.mainPageTitle{width:932px;padding:0 20px 0 72px; height: 48px; display: flex !important; align-items: center; justify-content: center; white-space: normal; overflow: hidden; font-weight:bold; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main1WriteWrap{height:28px; border-bottom:1px solid #ccc;}
.writerInfoField{width:689px; float:left;padding: 6px 0 0 6px;}
.writerInfoField span{font-size:12px !important;}
.writerInfoField2{padding: 6px 0 0 6px;}
.writerInfoField2 span{font-size:16px !important;}
.fileTextField{padding: 6px 5px 0 0;width:324px; float:left;white-space: normal; overflow: hidden; font-weight:bold; height: 1.2em; text-align: right; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sFileBtn:hover{cursor:pointer;}
.mainIconCol{color:#808080; font-size:10px;color: #676767;}
.writeInfoCol{font-weight: bold; font-size:12px;color: #676767;}
.mainContentField{padding:5px 5px 5px 5px; border-bottom:1px solid #ccc;}
.mainAdField{padding:5px 0 5px 0; height:150px; background-position: 0 5px; border-bottom: 1px solid #ccc;}	
.mainListField{padding: 5px 0 100px 0;}
.searchField{position: relative; padding-bottom: 5px; border-bottom:1px solid #ccc;}
.sortingWrap{float:left; display: inline-block;}
.sortingWrap select{padding: 5px 0;}
.searchWrap{position: absolute; right: 0;}
.searchWrap select{vertical-align: middle;padding: 5px 0;}
.searchWrap input[type='text']{vertical-align: middle;padding: 5px 0;width:350px;}
.searchWrap input[type='button']{vertical-align: middle;padding: 5px 10px; background-color: #68A4C4; color:white; font-weight: bold;border-radius: 5px;border:1px solid #68A4C4;}
.searchWrap input[type='button']:hover{cursor:pointer;}
/*	.listTitle{padding: 5px 10px 0 40px; font-weight: bold; font-size: 16px;white-space: normal; overflow: hidden; font-weight:bold; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}	*/
.listTitle{padding: 5px 10px 0 40px; font-weight: bold; font-size: 16px;white-space: normal; font-weight:bold;height: 1.2em;}
.listTitleMain{padding: 5px 10px 0 40px; font-weight: bold; font-size: 16px;white-space: normal; overflow: hidden; font-weight:bold; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.impl_date_align {text-align:right;}
.listSubInfo{padding: 5px 10px 0 40px; font-weight: bold; font-size: 12px;white-space: normal; overflow: hidden; font-weight:bold; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.listContents{padding: 0 10px 0 40px;white-space: normal; overflow: hidden; height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px; line-height: 1.2;}
.listSubContents{padding: 0 10px 0 40px; font-size:12px;}
.listInfo{padding:0px 40px 5px 40px; text-align:right;}
.mainListWrap > ul > li{border-bottom:1px solid #ccc;}
.mainListWrap > ul > a > .liData:hover{background-color: #e1fdff; cursor:pointer;}
.mainListWrap2 > ul > li{border-bottom:1px solid #ccc; width:328px; float:left;}
.mainListWrap2 > ul > .gmList:hover{background-color: #e1fdff; cursor:pointer;}
.listLi{background-image:url("/images/new2.png"); background-repeat: no-repeat; background-size:4%; background-position: 0 0;}
.liActive{background-color: #e1fdff;}
.paginationWrap{text-align: center; padding: 10px 0;}
.pageBtn{display: inline-block; padding: 5px 10px; background-color: #68A4C4; border-radius: 5px; color:white; font-weight: bold;}
.pageBtn:hover{cursor:pointer;}
.pageNumBtn{padding: 5px 5px;transition: all .4s ease;}
.pageNumBtn:hover{cursor:pointer; font-weight: bold; color: white; border-radius: 5px; background-color: #1d89ff;}
.pageActive{background-color: #1d89ff; border-radius: 5px; font-weight: bold; color: white;}
.btn-defColMod{background-color:#7ac468 !important;}
.btn-defColDel{background-color:#c46868 !important;}

.tagSpan{padding: 2px 5px; border-radius: 5px;}

.writeTable{width:100%; border: 1px solid #ccc;}
.writeDescription{text-align: right; padding-right:5px; width: 150px; font-weight: bold;}
.writeConDescription{text-align:center; background: #e3e3e3;}
.writeTr{height:40px; border-bottom: 1px solid #ccc;}
.writeInput input{padding: 0 20px; border: none; background-color: unset; color: #1d89ff; text-shadow: 0px 0px 0px #555555; -webkit-text-fill-color: transparent;}
.titleInput{width: 817px;}
.submitTr {text-align: center; height:50px;}
.submitTr button{padding: 5px 20px !important;}
.contentTr{border-bottom: 1px solid #ccc;}
.writeTr td input[type='file']{padding-left: 17px;}

.mainContentImgField{width: 640px; float:left; border:1px solid #ccc;}
.mainContentImgField img{min-width: 100%; height: auto;}
.mainContentInfoField{width:364px; float: right;}
.mainContentInfoField div{margin-bottom: 5px;}
.mainContentPayInfo{width: 364px; border:1px solid #ccc;}
.mainContentPayInfo tbody tr th{background-color:#ececec;}
.mainContentPayInfo tbody tr{height:40px;}
.mainContentPayInfo tbody tr td{text-align: center;}
.mainContentInfoTitle{background-color:#ececec; padding: 10px 20px; font-weight: bold;}
.mainContentInfoRes{padding: 10px 20px;}
.mainContentInfoDiv{border:1px solid #ccc;}

.tC{text-align: center;}
.formDownloadBtn{padding: 5px 10px; background-color: #68A4C4; color: white; font-weight: bold; border-radius: 5px; border: 1px solid #68A4C4;}
.formDownloadBtn:hover{cursor:pointer;}

.writeTrSubTitle{text-align: center; font-weight: bold; background-color: #ececec;}
.writeTrSubDescription p{padding-left:190px;}
.writeInput textarea{margin-left: 20px; resize: none; border:none; width:832px; height: 296px;}
.writeInput select{margin-left:20px; border:none;box-shadow: inset 0px 0px 1px  rgba(0, 0, 0, 0.33);}

.mainImgListWrap > ul > a > li {width: 250px; float:left; border:1px solid #ccc; margin: 5px 0 5px 4px;}
.mainImgListWrap > ul > a > .liData:hover{background-color: #e1fdff; cursor:pointer;}
.mainImgListWrap > ul > a > li.listLi{background-size:30% !important;}

.mainImgListWrap > ul > li {width: 250px; float:left; border:1px solid #ccc; margin: 5px 0 5px 4px;}
.mainImgListWrap > ul > .liData:hover{background-color: #e1fdff; cursor:pointer;}
.mainImgListWrap > ul > li.listLi{background-size:30% !important;}
.li2_textField{float:left; width:863px;}
/*	.li2_imgField{height:210px; display: flex; align-items: center; justify-content: center; padding:5px 30px;}	*/
.li2_imgField{height:210px; display: flex; align-items: center; justify-content: center; padding:15px 30px;}
.imgDivCell{width: 150px; height: 200px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; background-color: white; overflow: hidden;}
/*	.mainImgListWrap .listTitle{padding: 5px 10px 0 10px; font-weight: bold; font-size: 16px;white-space: normal; overflow: hidden; font-weight:bold; text-align:center; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}	*/
.mainImgListWrap .listTitle{padding: 5px 10px 0 10px; font-weight: bold; font-size: 24px;white-space: normal; overflow: hidden; font-weight:bold; text-align:center;height: 55px; }
.liBookInfo p{padding: 0 10px;font-size:14px; white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.searchField2{height:31px; margin-top:5px; border-bottom: 1px solid #68A4C4;}
.sortingWrap2{float: left;}
.sortingWrap2 select{padding: 5px 5px;}
.searchWrap2{float:right; height:100%;}
.calendar{float:right; width:75px;}
.searchWrap2 ul{height:100%;}
.searchWrap2 ul li{height:95%; display: flex; align-items: center; justify-content: center; font-weight: bold; border:1px solid #ccc; border-bottom:none;}
.searchWrap2 ul li.dateActive{background:#68A4C4; color: white;border: 1px solid #68A4C4;}
.searchWrap2 ul li:hover{cursor:pointer;}

.gmEduTable{width:1014px; border:1px solid #ccc;}
.gmEduTable .basicInfo tr{height:40px;}
.gmEduTable .basicInfo tr th{background: #ececec;}
.eduInfoPd{padding:20px 10px;}

.gmList{ width: 328px;float:left; margin-left: 10px; margin-top: 10px; border:1px solid #ccc;}
.gmList p{font-size:14px;padding-left: 45px; padding-bottom:3px;}
.gmList p.second{padding-top:10px;}
/*	.gmLiTitle p{text-align: center; font-weight: bold; padding:5px 5px 0 5px; font-size:24px; white-space: normal; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}	*/
.gmLiTitle p{text-align: center; font-weight: bold; padding:5px 5px 0 5px; font-size:24px; overflow: hidden; white-space: normal; height:55px}

.basicInfo input[type='text'],textarea{border:none; padding:9px;}
.basicInfo input[type='file1']{padding-left:10px;}
.lectureTextarea{width:830px; height:250px; overflow: scroll; resize: none; overflow-x:hidden;}
.lectureBtnCell{text-align: center;margin-top: 5px;}
.lectureBtnCell button{padding: 5px 20px !important;}
.lectureTitle{width:850px;}
.lectureTime{width:339px;}
.lectureMoney{width:339px;}
.lectureOrg{width:339px;}
.lectureTeacher{width:339px;}
.writeInput textarea{background-color: unset; color: #1d89ff; text-shadow: 0px 0px 0px #555555; -webkit-text-fill-color: transparent;}
.tui-datepicker-input{margin-left:10px;}

.imgPtag{padding-bottom:20px !important; text-align:center;}
.imgPtag img{max-width: 32px; max-height: 32px;}

.replyTitle{font-size:12px; font-weight: bold; border-bottom: 1px solid black;}
.replyWriteCell{padding:5px 10px;}
.replyInputCell{height:100%; width:945px; float: left; margin-bottom:5px;}
.replyInputCell input[type='text']{padding-left:10px;}
.replyContentsCell textarea{width:968px; height:40px !important; border: 1px solid #ccc; resize: none; font-size:14px;}
.replyBtnCell{height:100%; float: left; display: inline-block;}
.replyBtnCell button{padding:5px 10px !important; border-radius: 5px; font-size: 12px !important;}
#textCountView{text-align: right; padding-right:10px; font-size:12px;}
.replyLi{padding:5px 10px; border-bottom: 1px solid #ccc;}
.replyLi div button{padding: 5px 10px !important; font-size: 14px !important;}
.replyTitleCell{font-size: 14px;}
.replyContentCell{font-size: 14px; padding-top:5px;}
.replyWriterCell{font-size: 12px; padding-top:5px;}
.replyModifyCell{padding-top: 5px;}

.mainImgListWrap2 > ul > li {width: 333px; float:left; border:1px solid #ccc; margin: 5px 0 5px 4px;}
.mainImgListWrap2 > ul > .liData:hover{background-color: #e1fdff; cursor:pointer;}
.mainImgListWrap2 > ul > li.listLi{background-size:13% !important;}
.jobAdLeftDiv{width: 100px; height: 100px; float: left; display: flex; align-items: center; justify-content: center;}
.jobAdLeftDiv img{max-width: 75px; min-width: 75px;}
.jobAdRightDiv{width: 233px; height: 100px; float: left;}
.jobAdContentDiv{border-bottom: 1px solid #ccc;}
.jobApplyDiv{display: flex; align-items: center; justify-content: center; height: 25px; font-size: 14px; font-weight: bold;}
.jobAdRightDiv p{font-size:14px;padding-top: 3px; padding-left: 5px;}
.colBlue{color:#68A4C4; font-weight: bold;}
.jonAdPTag{font-size: 16px !important; white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.jobAdViewTable{width:100%; border:1px solid #ccc;}
.jobAdViewTable tbody tr{height: 40px;}
.jobAdViewTable tbody tr th{background-color: #eee;}
.jobAdViewTable tbody td{padding-left: 5px;}
#companyWelFare{padding: 10px 5px;}
.iconFileImg:hover{cursor:pointer;}
.docuDownloadIcon{max-width:32px; max-height:32px;}

.profileImgDiv{height: 170px; display: flex; align-items: center; justify-content: center;}
.profileImgDiv img{max-width: 150px; max-height:150px;}
.profileImgFile{height: 42px; text-align: center;}
.profileImgFile span{font-size: 10px !important; color:#7b7b7b;}
input[name='profile_img'] { width:0; height:0; position: absolute;}
.profileImgFile button{font-size: 12px !important; padding: 5px 20px !important;}
.chkTable tr td.chkTd{text-align:center;}
.chkTable tr th label:hover{cursor:pointer;}
.educationTitleDiv{width: 900px; float:left;}
.educationTitleBtnDiv{width: 100px; float:right; text-align: right;}
.educationTitleBtnDiv button{font-size: 12px !important; padding: 5px 10px !important;}
.academicTable{width:1014px; border:1px solid #ccc; font-size:14px;}
.academicTable thead{background-color: #eee;}
.academicTable thead tr{height:30px;}
.academicTable tbody tr th{background-color: #eee;}
.academicTable tbody tr th.subTh{background-color: #f3f3f3;}
.seekingListTh{height:25px;}
.seekingLiJobInfo p:nth-child(2){font-size:12px !important;}
.seekingLiJobInfo p:nth-child(3){font-size:12px !important;}
.seekingLiJobInfo p:nth-child(4){font-size:12px !important;}
.seekingLiJobInfo p:nth-child(5){font-size:12px !important;}
.seekingListJobContents{text-align:unset !important;}
.seekingListJobContents p{padding: 0 0 0 10px !important;}
.academicTable tbody tr td{text-align: center;}
.academicTable tbody tr td input[type='text']{width: 100%; border:none; text-align: center;}
.academicTable tbody tr td select{width: 100%; border:none; text-align: center;}
.academicTable tbody tr td .careerContents{width:797px; height:150px; resize: none;}
.academicTable tbody tr td .profileContents{width:994px; height:200px; resize: none;}
.academicTable tbody tr.specialTr{height:30px;}
.gmEduTable tbody tr td .dutyContents{width: 800px; resize: none;}
.specialContents{width: 800px; resize: none; padding:10px 9px;}
.specialTr td input[type='text']{padding: 6px 0;}
.portfolioDiv{border-bottom: 1px solid #ccc;}
.private_field{text-align: center;}
.private_field label{font-size:16px; font-weight: bold; vertical-align: middle;}
.private_field input{font-size:16px; vertical-align: middle;}
.schoolCareerLastCell{position: relative;}
.schoolCareerDelBtn{position: absolute; top: 0; right: -21px; color: red; font-size: 20px;}
.schoolCareerDelBtn:hover{cursor: pointer;}
.jobCareerLastCell{position: relative;}
.jobCareerDelBtn{position: absolute; top: 0; right: -21px; color: red; font-size: 20px;}
.jobCareerDelBtn:hover{cursor: pointer;}
.licenceLastCell{position: relative;}
.licenceDelBtn{position: absolute; top: 0; right: -21px; color: red; font-size: 20px;}
.licenceDelBtn:hover{cursor: pointer;}
.awardLastCell{position: relative;}
.awardDelBtn{position: absolute; top: 0; right: -21px; color: red; font-size: 20px;}
.awardDelBtn:hover{cursor: pointer;}
.researchLastCell{position: relative;}
.researchDelBtn{position: absolute; top: 0; right: -21px; color: red; font-size: 20px;}
.researchDelBtn:hover{cursor: pointer;}
.incomeTr{height:40px;}
.incomeTd input[type='text']{width:100px !important; border-bottom: inset 1px black !important; background-color: transparent; font-size:12px;}
input[name='seekingTitle']{width: 97%;}
.wordBreak{word-break:break-all;}
.requestImgCell{ position:relative;}
.requestImgCell img{width:100%;}
.requestShadowCell{position:absolute; width:100%; height:100%; display: flex; align-items: center; justify-content: center; z-index:5; top:0; left:0;font-size: 40px; font-weight: bold; background-color: #ffc6c68f; color: #ffffff; text-shadow: 2px 2px 2px black;}
.requestLi{width: 328px; float: left;  margin-left: 10px; margin-top: 10px;}
.requestLi:hover{cursor:pointer;}
.lectureView{background-color:white;}
.lectureView .requestTitle {text-align:center;line-height:50px;border:1px solid #504064}
.lectureView .requestTitle .cell1 {float:left;width:10%;font-weight:bold;color:#fff;background:#504064}
.lectureView .requestTitle .cell2 {float:left;width:90%;font-weight:bold;font-size:30px;color:#504064}
.lectureView .lectureItemTitle {margin-left:5px;font-weight:bold;font-size:16px;color:#504064}
.lectureView .lectrureItemContents {margin-top:5px;margin-left:25px;color:#666}
.lectureView .lectrureItemContents.box1 {border:1px solid #3E6A70;background:#F1F6F8}
.lectureView .lectrureItemContents.box1 p {padding:15px;color:#404040}
.lectureView .lectureTable1 {width:100%;border-collapse:collapse;border-top:2px solid #3E6A70}
.lectureView .lectureTable1 th {width:35%;color:#3E6A70;border-bottom:1px solid #7DAAB0;background:#EAF0F2}
.lectureView .lectureTable1 td {border:1px solid #7DAAB0}
.lectureView .lectureTable1 p {margin:10px 20px;line-height:24px;text-align:left}
.lectureView .centerDiv {margin:0 auto;width:400px}
.lectureView button {width:400px;height:50px;line-height: 10px; font-family: NanumGothic; font-weight: bold; font-size: 15px; color: #fff; background: #22741C; border: 0; cursor: pointer;}

.seekListPtag{padding: 0 10px 0 40px; font-size: 12px;}
.jobCareerH3{display: inline-block !important;}
#careerTotal{font-size: 14px; font-weight:bold; color: darkgray;}
.mainImgListWrap > ul > li.seekingLi{width: 504px !important; float: left; border: 1px solid #ccc; margin: 5px 0 5px 4px;}
.seekingImgCell{width: 150px; height:125px; float:left; display: flex; align-items: center; justify-content: center;}
.seekingImgCell img{max-width: 90% !important; max-height:115px; padding-top: 5px; padding-bottom: 5px;}
.seekingLiTitleCell{border-bottom:1px solid #ccc;}
.seekingLiTitleCell p{padding: 5px;text-align: center; font-weight:bold; white-space: normal; line-height: 1.4; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.seekingJobPTag{white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.seekingLiP{padding-top: 10px; font-size: 14px !important;}
.seekingLiP .seekingLiPTitle{font-weight: bold;}
.seekingLiP .seekingNew{font-size: 10px; color:#ff6261; font-weight:bold;}
.requestLiPCell p{font-size:14px !important; padding : 0 5px !important; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.lectureRequestLi{height:325px !important;}
.lectureRequestImgCell{position:relative;}
.lectureRequestCompleteCell{position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 5; background-color: #a9a9a97a;}
.lectureRequestCompleteCell div{width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 3px solid red; font-weight: bold; color: red; font-size: 40px;transform: rotate(-20deg);}

.searchTitleCell{font-weight: bold; padding: 5px; border-bottom: 2px solid #68A4C4;}
.searchTitleCell span{color: red;}
.searchLi{float: left; width: 330px; margin-left:8px;}
.searchLiTitleImgCell{border-bottom: 1px solid #68A4C4;}
.searchLiTitleImgCell img{max-width: 86%;}
.searchLiTitleImgCell span{line-height:35px;}
.searchLiTitleImgCell span:hover{cursor:pointer; font-weight:bold;}
.searchResDiv{float:left;}
.searchResSub{float:right;padding-right:10px;}
.searchResLi{border-bottom: 1px solid #ccc; padding:5px 0;}
.searchResLi:hover{cursor:pointer; background-color: #e1fdff; font-weight: bold;}
/*.searchResTitle{width:80%;}*/
.searchResTitle p{white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-indent:10px;}
.notFoundDiv{text-align:center;}
.googleSearchCell{display: inline-block;}
.googleSearchCell img{max-width: 32px;}
.googleSearchCell:hover{cursor:pointer; background-color: #e1fdff;}
.naverSearchCell{width: 180px; margin:2px auto; display: flex; align-items: center; border-radius: 5px; font-weight: bold;}
.naverSearchCell:hover{cursor:pointer; background-color: #e1fdff;}
.naverSearchCell img{max-width: 32px;}
.notFoundTitle{text-align: center;font-weight: bold; padding: 30px 0;}
.searchLongTitleImg{padding: 0 5px; height:35px;}
.searchLongTitleImg div{border-bottom: 1px solid #68A4C4;height:35px;}
.searchLongTitleImg div img{max-width: 180px;}
.searchImgLi{float:left; width:192px; margin-left:10px;}
.searchImgRes:hover{cursor:pointer; background-color: #e1fdff;}
.searchImgRes{width:185px; margin-top:5px; border:1px solid #ccc;}
.searchImgWrap{height:280px;}
.searchImgRes img{max-width: 185px;}
.searchImgTitleRes p{text-align: center; font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.searchImgdateRes p{text-align:center;}
.searchLongTitleImgFirst{width: 1014px; float: left;position:absolute;}
.searchLongTitleImgFirst span{position:absolute;right:0; top:3px;}
.searchLongTitleImgFirst span:hover{cursor:pointer; font-weight: bold;}
.searchJobAdLi{width: 315px; height: 80px; float:left; margin-left: 10px; margin-top: 10px; border: 1px solid #ccc; padding: 5px;}
.searchJobAdLi:hover{cursor:pointer; background-color: #e1fdff;}
.searchJobAdLeft{float:left; width: 100px; height:100%; display: flex; align-items: center; justify-content: center;}
.searchJobAdRight{float:left; width: 215px;}
.searchJobAdRight p{padding-left:10px; font-size:14px;}
.searchLawLi{float: left; width: 500px; margin-left:8px;}
.searchLawTitleImgCell{border-bottom: 1px solid #68A4C4; position:relative;}
.searchLawTitleImgCell img{max-width: 55%;}
.searchLawTitleImgCell span{line-height:35px;}
.searchLawTitleImgCell span:hover{cursor:pointer; font-weight:bold;}
.searchLawTitleImgCell span{position:absolute;right:0; top:3px;}
.searchLawTitleImgCell span:hover{cursor:pointer; font-weight: bold;}
.searchLawResLi{border-bottom: 1px solid #ccc; padding: 15px 0;}
.search_impl_date{text-align:right;padding-right:15px;}
.searchLawResLi:hover{cursor:pointer; background-color: #e1fdff;}
.searchLawTitlePTag{padding:0 5px; font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.searchLawContentsPTag{padding-top:5px; padding-left:5px; padding-right:5px; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size:14px;}
.searchLawDatePTag{padding-top: 5px;text-align:right;padding-right: 15px;}
.searchEduLi{width: 195px; float:left; margin-left: 8px; margin-top: 10px; box-shadow: 0px 0px 10px #ccc; padding-bottom: 10px; height: 200px;}
.searchEduLi:hover{cursor:pointer; background-color: #e1fdff;}
.searchEduTitlePTag{padding-top:5px; padding-left:5px; padding-right:5px; text-align: center; font-weight:bold;white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.searchEduPlacePTag{font-size:14px; padding-top:5px; padding-left:5px; padding-right:5px; text-align: center; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.searchEduTeacherPTag{font-size:14px; padding-top:5px; padding-left:5px; padding-right:5px; text-align: center; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.searchVideoLi{width: 195px; float:left; margin-left: 8px; margin-top: 10px; box-shadow: 0px 0px 10px #ccc; padding-bottom: 10px; height: 220px;}
.searchVideoLi:hover{cursor:pointer; background-color: #e1fdff;}

.total_count_wrap table{width:100%;}
.total_count_wrap table thead tr th{background-color:#4CA5C4; color:#eee; border:1px solid #ccc;}
.total_count_wrap table tbody tr td{text-align:center; border:1px solid #ccc;}

.defaultCallWrap{text-align: center; padding: 20px 0;}
.defaultCallWrap p{font-weight: bold;}
.helpLeftMenuCell ul li{height: 50px; display: flex; align-items: center; justify-content: center; background-color: #68A4C4; color: white; font-weight: bold;}
.helpDivCell p:nth-child(1){font-weight: bold; text-align: center; font-size: 20px;}
.helpDivCell p:nth-child(2){font-weight: bold; text-align: center; font-size:20px; padding-top:10px;}
.helpDivCell p:nth-child(3){padding-top: 5px;font-weight: bold; text-align: center; font-size:24px;}
.helpDivCell p:nth-child(4){padding-top: 5px;font-weight: bold; text-align: center;}
.faq{padding: 0 20px;}
.faq li { padding: 20px; }
.faq li.q {background: #ffffff;font-weight: bold;font-size: 120%; border-bottom: 1px #ddd solid; cursor: pointer;}
.faq li.a {display: none;}
.faq li.a img{margin: 0 auto;margin: 0 auto; display: list-item;}
.rotate {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.faqContentsHead{padding: 10px 20px; font-weight: bold;}
.faqContentsHead div{padding: 10px 0px; font-weight: bold; font-size: 20px; border-bottom: 2px solid #68A4C4;}
.faqDivBtnWrap{text-align: center; padding: 20px 0;}

.myPageLeftCell ul li{height:50px; display: flex; align-items: center; justify-content: center; border-bottom:1px solid #ccc;}
.myPageLeftCell ul li:hover{cursor:pointer; background-color: #68A4C4; color:white; font-weight:bold;}
.myPageLeftCell ul li.myActive{background-color: #68A4C4; color:white; font-weight: bold;}
.myPageRightContentsWrap{padding: 0 20px;}
.myPageRightContentsTitle{height: 50px; display: flex; align-items: flex-end; border-bottom: 1px solid #68A4C4;}
.myPageTable{border: 1px solid gray; width:100%;}
.myPageTable tbody tr{height: 50px;}
.myPageTable tbody tr td:nth-child(1){text-align: center; font-weight: bold;}
.myPageTable tbody tr td:nth-child(2) p{ padding-left: 5px;}
.myPageTable tbody tr td:nth-child(2) p input{border: none; width: 360px;}
.myPageTable tbody tr td:nth-child(2) p input:read-only{background-color: #ccc; font-weight: bold;}
.myPageTable tbody tr td:nth-child(2) p input[readonly]{background-color: #ccc; font-weight: bold;}
.myPageReadOnlyTd{background-color: #ccc;}
.myPageBtnWrap{ text-align: center;}
#member_type p button{width: 110px; font-size:12px; padding: 5px 0;}

.popupContentMsg4 table{border:1px solid #ccc;}
.popupContentMsg4 table th{background: #68a4c4; color: white; height: 50px;}
.popupContentMsg4 table tr{height:30px;}
.popupContentMsg4 table tr td:last-child{font-weight:bold;}
#taxBodyChk{display: none;}

.srch_area{position: relative; width: 1024px; margin: 0 auto; padding-top: 13px; padding-bottom: 13px;}
.srch_area .srch_bx{top: 11px;left: 189px;}
.srch_bx .srch_inp{position: relative; padding: 5px 65px 5px 10px; border: 4px solid #005bb3;}
.blind{visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0;}
.srch_bx .srch_inp input{width: 940px; height: 19px; border: 0; outline: none;}
.srch_bx .btn_srch{position: absolute; top: 13px; right: 0; width: 57px; height: 39px; border: 0; cursor: pointer; background-color: #005bb3; color: white; font-weight: bold; font-size: 16px;}

.clause {width:100%;line-height:26px;background:#f8f8f8; font-size:14px !important;}
.clause .leftDiv {float:left;margin-left:3%;width:47%; font-size:14px !important;}
.clause .rightDiv {float:right;width:50%; font-size:14px !important;}
.clause .centerDiv {margin:0 auto;width:94%; font-size:14px !important;}
.clause .clauseCnt {padding:15px 20px;border:1px solid #e1e1e1;background:#f0f0f0; font-size:14px !important;}

.tableType1 {margin:0 auto;width:100%;border-collapse:collapse}
.tableType1 thead {font-size:15px}
.tableType1 thead span {font-weight:normal;font-size:14px}
.tableType1 th {text-align:center;line-height:30px;background:#eee;;border:1px solid #bbb}
.tableType1 thead th {text-align:left;color:#fff;background:#2f3544}
.tableType1 .thType1 {background:#f9f9f9}
.tableType1 .thType2 {padding:10px;border:1px solid #999;background:#ccc}
.tableType1 td {text-align:center;line-height:30px;border:1px solid #ccc}
.tableType1 .tdType1 {padding:10px;border:1px solid #999}
.tableType1 .topNone {border-top:none}
.tableType1 .width10 {width:10%}
.tableType1 .width12 {width:12%}
.tableType1 .width15 {width:15%}
.tableType1 .width21 {width:21%}
.tableType1 .width30 {width:30%}
.tableType1 .width32 {width:32%}
.tableType1 .width44 {width:44%}
.tableType1 .bold1 {font-weight:bold}
.tableType1 textarea {margin:2%;margin-bottom:0.5%;padding:10px 10px 3px;width:92%;min-height:31px;line-height:22px;resize:none;overflow:hidden}
.tableType1 .btnDiv {width:100%;font-weight:bold;color:#fff;background:#22741C}
.tableType1 .btnDiv.height60 {height:60px;line-height:60px}
.tableType1 .p1 {padding:6px 10px;text-align:left;line-height:22px;font-weight:normal;font-size:14px;color:#404040}
.tableType1 input[type="text"] {margin:4px 5px;width:96%;height:20px;border:1px solid #c0c0c0}
.tableType1 input[type="text"].w40 {width:40%}
.tableType1 input[type="text"].w60 {width:60%}
.tableType1 input[type="text"].w90 {width:90%}

.myPageListLi{width: 315px; float:left; margin-left: 10px; margin-top: 10px;}
.myPageListHead{background-color: #68A4C4; font-weight: bold; text-align: center; color: white; padding: 10px 0;}
.myPageListInfo table{width:100%; border: 1px solid #68A4C4; text-align: center;}
.myPageListInfo table tr{height:30px;}
.myPageListBoldTd{font-weight: bold;}
.myPageListBtn{background-color: #68A4C4; font-weight: bold; color: white; -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);}
.myPageListBtn:hover{cursor:pointer; background-color: #91b4c4; border: 1px solid #91b4c4; color:black; -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);}
.mypageBoardTitle{font-weight: bold; font-size:18px; padding: 10px;}
.userPaymentTitleUl li{background-color: #68A4C4; font-weight: bold; color: white;}
.userPaymentTitleLi{float:left; height: 30px; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.userPaymentTitleLi:nth-child(1){width:80px;}
.userPaymentTitleLi:nth-child(2){width:100px;}
.userPaymentTitleLi:nth-child(3){width:100px;}
.userPaymentTitleLi:nth-child(4){width:202px;}
.userPaymentTitleLi:nth-child(5){width:202px;}
.userPaymentTitleLi:nth-child(6){width:100px;}
.userPaymentTitleLi:nth-child(6) button{padding: 2px 5px !important; font-size:14px;}
.userPaymentTitleLi:nth-child(7){width:100px;}
.userPaymentTitleLi:nth-child(8){width:100px;}
.userPaymentResUl li{font-size:14px;}

.saleTitleUl li{background-color: #68A4C4; font-weight: bold; color: white;}
.saleResUl li{font-size:14px;}
.saleResUl:hover{cursor:pointer; background-color: #eee;}
.saleTitleLi{float:left; height: 30px; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.saleTitleLi:nth-child(1){width:100px;}
.saleTitleLi:nth-child(2){width:100px;}
.saleTitleLi:nth-child(3){width:483px;}
.saleTitleLi:nth-child(3) p{width: 100%; text-align: left; padding-left:5px;white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.saleTitleLi:nth-child(4){width:100px;}
.saleTitleLi:nth-child(5){width:100px;}
.saleTitleLi:nth-child(6){width:100px;}

.saleComTitleUl li{background-color: #68A4C4; font-weight: bold; color: white;}
.saleComResUl li{font-size:14px;}
.saleComResUl:hover{cursor:pointer; background-color: #eee;}
.saleComTitleLi{float:left; height: 30px; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.saleComTitleLi:nth-child(1){width:100px;}
.saleComTitleLi:nth-child(2){width:100px;}
.saleComTitleLi:nth-child(3){width:383px;}
.saleComTitleLi:nth-child(3) p{width: 100%; text-align: left; padding-left:5px;white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.saleComTitleLi:nth-child(4){width:200px;}
.saleComTitleLi:nth-child(4) p{width: 100%; text-align: center; padding-left:5px;white-space: normal; overflow: hidden; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.saleComTitleLi:nth-child(5){width:100px;}
.saleComTitleLi:nth-child(6){width:100px; text-align: center;}

.saleRequestTitleUl li{background-color: #68A4C4; font-weight: bold; color: white;}
.saleRequestResUl li{font-size:14px;}
.saleRequestResUl:hover{cursor:pointer; background-color: #eee;}
.saleRequestTitleLi{float:left; height: 30px; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.saleRequestTitleLi:nth-child(1){width:100px;}
.saleRequestTitleLi:nth-child(2){width:100px;}
.saleRequestTitleLi:nth-child(3){width:283px;}
.saleRequestTitleLi:nth-child(3) p{width: 100%; text-align: left; padding-left:5px;}
.saleRequestTitleLi:nth-child(4){width:100px;}
.saleRequestTitleLi:nth-child(5){width:100px;}
.saleRequestTitleLi:nth-child(6){width:100px;}
.saleRequestTitleLi:nth-child(7){width:100px;}
.saleRequestTitleLi:nth-child(8){width:100px;}
.saleRequestTitleLi:nth-child(8) button{font-size: 14px; padding: 3px 8px !important;}

.myPageSearchCountCell{font-size:12px;}
.myPagePagingWrap{padding: 10px 0; text-align: center;}

.myPageNotFoundDiv{height:200px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.mypagePayTitleLeft{width: 600px; float:left; font-size: 18px; font-weight: bold; padding-left: 10px; padding-bottom:10px;}
.mypagePayTitleRight{width: 200px; float:right; text-align: right;}
.mypagePayTitleRight button{font-size: 14px !important; padding: 2px 15px !important;}
.exchangeTable{width:100%; border: 1px solid #ccc;}
.exchangeTable tbody tr{height:30px;}
.exchangeTable tbody tr td{text-align: center;}
.exchangeTable tbody tr th{background-color: #eee;}

.notViewWrapSection{padding:20px 0; text-align: center; border-bottom: 1px solid #ccc;}
.notViewWrapSection p:nth-child(3){
    padding-bottom: 20px;
}

.info_window_wrap * {padding: 0;margin: 0;}
.info_window_wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.info_window_wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info_window_wrap .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.info_window_wrap .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.info_window_wrap .info .close:hover {cursor: pointer;}
.info_window_wrap .info .body {position: relative;overflow: hidden;}
.info_window_wrap .info .desc {position: relative;margin: 2px 0 0 2px;height: 75px;}
.info_window_wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info_window_wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.info_window_wrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info_window_wrap .info .link {color: #5085BB;}