@charset "utf-8";
/* CSS Document */

/*-------------------- contents common --------------------*/
.contents{width:98%;margin:0 auto;padding:60px 0 230px;overflow:hidden;}

.blue{color:#058be9;}
.red{color:#e00909;}
.darkBlue{color:#074d7a;}

b{font-weight:500;color:#2b2b2b}
.bold{font-family:"Nanum GothicB"}
.dotLine{width:100%;height:30px;margin-top:30px;border-top:1px dashed #3e3e3e;}

/* select arrow */
.select-arrow{background: url('/mobile/images/select-arrow.png') no-repeat 90% 50%;}

/* commonTable */
.commonTable{width: 100%;table-layout: fixed;}
.commonTable th{border-bottom:1px solid #989898; background-color: #505b61;color:#fff; text-align: center; padding:10px 0; font-size: 0.9em; letter-spacing: -1px;}
.commonTable td{border-bottom:1px solid #989898; text-align: center;height:50px;font-size: 0.85em;letter-spacing: -1px; vertical-align: middle;}
.commonTable td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
.commonTable td.title > a{display:block;color:inherit;}
.commonTable td.lastTd{ text-align: center; color: #ddd;}

.commonTable2{ width: 100%; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; table-layout: fixed;}                                   
.commonTable2 th{border-bottom:1px solid #989898; background-color: #505b61;color:#fff; text-align: center; padding:10px 0; font-size: 0.9em; letter-spacing: -1px;}
.commonTable2 td{border-bottom:1px solid #989898; text-align: center;height:50px;font-size: 0.85em;letter-spacing: -1px; vertical-align: middle;}
.commonTable2 td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
.commonTable2 td.title > a{display:block;color:inherit;}
.commonTable2 td.lastTd{ text-align: center; color: #ddd;}
.commonTable2 tr:last-child td, .commonTable2 tr:last-child th{ border-bottom:0;}

.btnBox{text-align:center;padding-top:20px;}
.btnBox a{display:inline-block;width:30%;padding:10px 0;text-align:center;font-size:0.9em;margin-right:2%;}
.btnBox a:last-child{margin-right:0;}

/* paging */
.paging{width:100%;margin:20px auto 0;}
.paging > ul{text-align:center;}
.paging > ul li{width:30px;height:35px;display:inline-block;line-height:35px;margin-right:5px;vertical-align:middle;}
.paging > ul li.arrow{border:1px solid #c2c2c2;width:35px;line-height:0;}
.paging > ul li.arrow > img{width:20px;margin-top:8px;}
.paging > ul li:last-child{margin-right:0;}
.paging > ul li.on{color:#333333;font-weight:600;display:inline-block;}

/* -------------------------- business --------------------------*/
.contTitle{font-size:1.5em;text-align:center;margin:35px 0;}

.choiceTab{width:100%;margin-bottom:20px;text-align:center;}
.choiceTab > a{display:inline-block;width:30%;margin-right:3%;height:55px;line-height:52px;color:#333333;font-size:0.9em;margin-bottom:20px;border:1px solid #dbdbdb;box-shadow:5px 7px 0 #eaeaea;text-align:center;}
.choiceTab > a:nth-child(3){margin-right:0;}
.choiceTab > a:nth-child(6){margin-right:0;}

.choiceTab a.on{background:#00ace6;border:1px solid #00ace6;color:#fff;}

.bsImg{display:block;width:100%;}

.bsText{font-size:1em;line-height:1.5em;margin-top:20px;}

/* FM */
.dragonLink{display:block;width:330px;padding:20px 0 25px;margin:30px auto 0;border:1px solid #a7a7a7;box-shadow:3px 3px 0 #e1e1e1;}
.dragonLink > img{display:block;margin:0 auto;width:245px;}
.dragonLink .dragonTxt{font-size:1em;text-align:center;margin-top:10px;}
.dragonLink .dragonTxt > span.blue{font-size:inherit;}

/* private */
.privBtn{width:100%;overflow:hidden;margin-bottom:10px;}
.privBtn > li{float:left;width:50%;}
.privBtn > li > a{display:block;width:100%;height:45px;line-height:45px;font-size:1em;text-align:center;background:#a5b3bd;color:#fff;}
.privBtn > li > a.first{border-radius:20px 0 0 20px;}
.privBtn > li > a.second{border-radius:0 20px 20px 0;}

.privBtn > li > a.on{background:#505a61;}

.imgBorder{border-radius:20px;padding:25px 0;border:1px solid #d4d4d4;margin:20px 0 10px;}
.imgBorder > img{display:block;margin:0 auto;width:100%;}

.blueBgTitle{width:100%;height:40px;line-height:40px;margin:15px auto 0;background:#058be9;text-align:center;color:#fff;border-radius:15px 15px 0 0;border:1px solid #058be9;}

.borderBox{border:1px solid #e2e2e2;padding:20px 10px;font-size:0.93em;line-height:1.7em;margin-bottom:20px;border-radius:0 0 15px 15px;background:#fff;}
.borderBox > span.title{display:block;margin-bottom:5px;font-size:1.1em;color:#393939;font-weight:600;}

.borderBox.radius{border-radius:15px;}
.borderBox > span.title.blueTt{color:#058be9;}

.privateTitle{font-size:1.8em;font-weight:bold;font-family:'Noto Sans Kr';letter-spacing:-1px;margin:20px 0 10px;}
.privateTitle > img{display:inline-block;margin-right:5px;}

.privateTxt{font-size:0.85em;line-height:1.5em;color:#7e7e7e;font-family:'Noto Sans Kr';}

.privImgBox{width:100%;overflow:hidden;margin-top:10px;}
.privImgBox > li{float:left;width:49%;margin-right:2%;margin-bottom:10px;font-size:0.9em;text-align:center;}
.privImgBox > li > img{width:100%;display:block;margin-bottom:5px;}
.privImgBox > li:nth-child(even){margin-right:0;}


/* -------------------------- incruit --------------------------*/
/* project */
.projectTable{width:100%;margin:20px auto;word-break: break-all;border-top:1px solid #b4b4b4;border-left:1px solid #b4b4b4;}
.projectTable td{text-align:center;height:50px;;font-size:0.9em;vertical-align:middle;border-right:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;}
.projectTable td.project{background:#505a61;color:#fff;}
.projectTable td.title{background:#f7f7f7;color:#484848;font-weight:600;}

.pjLine{width:100%;height:10px;border-top:1px solid #d1d1d1;}

.moreBtn{width:100%;height:50px;line-height:50px;font-size:1em;text-align:center;border:1px solid #848484;background:#fff;}

/* personnel */
.alignTxt{margin:20px 0;text-align:center;font-size:0.9em;line-height:1.7em;}

.incruitTable{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:30px;}
.incruitTable th{text-align:center;height:50px;border-right:1px solid #fff;border-top:1px solid #fff;}
.incruitTable th.gray{background:#505a61;color:#fff;}
.incruitTable th.lightGray{background:#a5b3bd;color:#fff;}

.incruitTable td{height:50px;font-size:0.9em;text-align:center;border:1px solid #b4b4b4;}

.persTxt{margin:30px 0;}
.persTxt > li.bar{width:22px;height:15px;border-top:4px solid #384c5b;}
.persTxt > li.title{font-size:1.1em;color:#444444;margin-bottom:20px;}
.persTxt > li.txt{font-size:0.9em;line-height:1.8em;}

/* duty */
.dutyList{width:100%;overflow:hidden;margin-bottom:30px;}
.dutyList > li{float:left;font-size:1.1em;color:#b0b0b0;height:45px;line-height:45px;margin-right:10px;font-family:"Nanum GothicB";text-align:center;}
.dutyList > li:last-child{margin-right:0;}
.dutyList > li.left{color:#9a9a9a;font-size:1.5em;}
.dutyList > li.right{float:right;color:#2a2a2a;font-size:1.5em;}
.dutyList > li.on{color:#404040;border-bottom:2px solid #058be9;}

.dutyInfoBox{width:96%;margin:30px auto 0;padding-bottom:20px;border-bottom:1px dashed #bfbfbf;}
.dutyInfoBox > li.dotTitle{font-size:1em;color:#2a2a2a;font-weight:600;padding: 0 0 0 15px;background:url('/mobile/images/ico_dot.png') left 10px no-repeat;}
.dutyInfoBox > li.midTitle{font-size:0.85em;line-height:1.8em;font-weight:600;margin-top:20px;}
.dutyInfoBox > li.infoTxt{font-size:0.9em;line-height:1.8em;margin-top:10px;}


.recruitLink{display:block;width:100%;}

.viewCont{width:100%;border-bottom:1px solid #222222;padding-bottom:20px;font-size:0.9em;line-height:1.8em;}
.viewCont > img{display:block;width:100%;margin-bottom:10px;}

/* apply */
.applyBox{width:94%;height:40px;line-height:40px;font-size:1em;text-align:center;margin:20px auto;color:#fff;background:#00ace6;}

/* notice */
.tableImg{width:25px;}

.whiteBtn{background:#fff;color:#333333;border:1px solid #848484;}

/* -------------------------- public --------------------------*/
/* gallery */
.galleryBox{width:100%;overflow:hidden;padding-bottom:20px;margin-bottom:30px;border-bottom:1px dashed #000000;}
.galleryBox .galleryList{float:left;width:48.5%;margin-right:3%;}
.galleryBox .galleryList:nth-child(2){margin-right:0;}
.galleryBox .galleryList > li{margin-bottom:5px;text-align:center;}
.galleryBox .galleryList > li.img{width:100%;height:200px;border:1px solid #ababab;}
.galleryBox .galleryList > li.img{display:block;}
.galleryBox .galleryList > li.img > img{width:100%;height:200px;}
.galleryBox .galleryList > li.title{font-size:0.9em;}
.galleryBox .galleryList > li.date{font-size:0.75em;color:#858484;}

/* cibi */
.commonTxt{font-size:0.9em;line-height:1.7em;margin-bottom:40px;}

.cibiTitle{font-size:1.1em;color:#333333;margin-bottom:5px;font-family:"Noto Sans Kr";}

.ciImg{display:block;width:100%;margin-bottom:20px;}

/* hessen */
.hessenMidTxt{font-size:1em;color:#000000;font-family:"Nanum GothicB";margin:10px 0 20px;}
.hessenMidTxt > span{font-size:inherit;}

.hessenTitle{font-size:1.2em;color:#000000;font-family:"Nanum GothicB";margin:20px 0 30px;}
.hessenTitle > span{font-size:inherit;}


.hessenTitle2{font-size:1.2em;color:#000000;font-family:"Nanum GothicB";margin-bottom:5px;letter-spacing:-1px;}

.commonTxt.bottom{margin-bottom:10px;}
.ciImg.hsImg{margin-bottom:40px;}

/* hessen3 */
.hsBox{overflow:hidden;margin-bottom:30px;}
.hsBox > li{float:left;width:30%;font-size:1.2em;font-family:"Nanum GothicB";text-align:center;color:#000000;}
.hsBox > li > img{display:block;width:100px;margin:0 auto;}
.hsBox > li.txt{width:70%;padding:24px 0;}

/* images2 */
.brochureBox{width:100%;}
.brochureBox > li{margin-bottom:10px;text-align:center;}
.brochureBox > li.mini{font-size:0.9em;color:#7f7e7e;}
.brochureBox > li.big{font-size:2em;color:#000000;margin-bottom:30px;font-weight:600;}
.brochureBox > li.img{display:block;margin:0 auto 10px;width:70px;}
.brochureBox > li.img2{display:block;margin:0 auto 20px;width:40px;}
.brochureBox > li.pdfBtn{width:200px;height:60px;line-height:60px;font-size:0.9em;margin:0 auto;border-radius:15px;text-align:middle;border:1px solid #ababab;box-shadow:2px 2px 0 #e1e1e1;}

/* -------------------------- company --------------------------*/
/* ceo */
.ceoTxt{font-size:1em;font-family:"Noto Sans Kr";line-height:1.7em;text-align:center;font-weight:500;}
.ceoTxt > span{font-size:inherit;font-weight:inherit;}
.ceoImg{display:block;margin:20px auto;width:85%;}

/* ideology */
.ideTxt{width:96%;margin:30px auto 0;padding-bottom:20px;border-bottom:1px dashed #bfbfbf;}
.ideTxt > li{font-family:"Noto Sans Kr";}
.ideTxt > li.midTitle{font-size:0.9em;line-height:1.8em;font-weight:500;}
.ideTxt > li.infoTxt{font-size:0.9em;line-height:1.8em;margin-top:5px;}

/* history */
.historyBox{width:98%;font-size:0.9em;line-height:1.7em;padding:10px 15px;border:1px solid #eeeeee;box-shadow:5px 5px 0 #e1e1e1;background:#fff;}

.historyListBox{}
.historyList{width:98%;margin:40px auto 10px;padding:20px 15px;position:relative;border:3px solid #eeeeee;}
.historyList > li.year{font-size:1.5em;color:#028dcb;font-weight:600;position:absolute;left:15px;top:-15px;width:70px;height:30px;line-height:30px;background:#fff;text-align:center;}
.historyList > li.history{font-size:0.9em;line-height:1.9em;}

/* prize */
.prizeBtn > a{border:1px solid #dbdbdb;box-shadow:4px 4px 0 #e1e1e1;}
.prizeBtn > a.on{background:#00ace6;border:1px solid #00ace6;color:#fff;}

.prizeTable{width:100%;margin:30px 0;table-layout: fixed;border-top:1px solid #989898;}
.prizeTable th{border-bottom:1px solid #989898; background-color: #fff; text-align: center; padding:10px 0; font-size: 0.9em; letter-spacing: -1px;}
.prizeTable th.thBg{background:#818285;color:#fff;}
.prizeTable td{border-bottom:1px solid #989898; text-align: center;height:50px;font-size: 0.85em;letter-spacing: -1px; vertical-align: middle;}
.prizeTable td.tdBg{background:#f9f9f9;}


/* location */
.historyBox > span.title{font-size:inherit;font-weight:600;display:block;}
.historyBox > span.title > img{vertical-align:middle;}
.historyBox > span.empty{display:inline-block;width:20px;}

.locaImg{width:100%;margin:30px auto;display:block;}

.numberListBox{border-top:1px solid #a5a5a5;margin:15px 0;}

.numberTitle{width:100%;overflow:hidden;border-bottom:1px solid #a5a5a5;background:#fff;}
.numberTitle > li{float:left;height:55px;line-height:55px;}
.numberTitle > li.bar{width:5%;}
.numberTitle > li.bar > span.bar{display:block;width:10px;height:4px;background:#058be9;border-radius:20px;margin:25px auto;}
.numberTitle > li.title{width:85%;font-size:0.9em;text-overflow:ellipsis;white-space:pre;overflow:hidden;}
.numberTitle > li.arrow{width:10%;}
.numberTitle > li.arrow > img{width:25px;display:block;margin:15px auto;}

.numberClickTitle{width:100%;overflow:hidden;background:linear-gradient(360deg, #00aee8, #0490cc);}
.numberClickTitle > li{float:left;height:55px;line-height:55px;}
.numberClickTitle > li.empty{width:5%;}
.numberClickTitle > li.title{width:85%;font-size:0.9em;color:#fff;text-overflow:ellipsis;white-space:pre;overflow:hidden;}
.numberClickTitle > li.arrow{width:10%;}
.numberClickTitle > li.arrow > img{width:25px;display:block;margin:15px auto;}


.locaTable{width:100%;margin:10px 0 5px;;table-layout: fixed;border:1px solid #cacaca;}
.locaTable th{border-bottom:1px solid #cacaca; background-color: #fff; text-align: center; padding:10px 0; font-size: 0.9em; letter-spacing: -1px;}
.locaTable td{border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; text-align: center;height:50px;font-size: 0.85em;letter-spacing: -1px; vertical-align: middle;}

/* affiliate */
.affTable{width:100%;margin:10px 0 5px;;table-layout: fixed;border-top:1px solid #707070;border-bottom:1px solid #707070;}
.affTable th{border-bottom:1px solid #dfdfdf; background-color: #00ace6;color:#fff;text-align: center; padding:10px 0; font-size: 0.9em; letter-spacing: -1px;}
.affTable td{border-bottom:1px solid #dfdfdf;height:50px;font-size: 0.9em;padding:0 10px;letter-spacing: -1px; vertical-align: middle;}

.affTable tr:last-child th{border-bottom:0;}
.affTable tr:last-child td{border-bottom:0;}
.golfLink{display:block;color:#058be9;font-weight:bold;}


.affiInfoBox{margin-top:30px;}
.affiTab{width:100%;overflow:hidden;margin-bottom:10px;}
.affiTab > li{float:left;width:50%;font-size:1em;height:40px;line-height:40px;background:#a5b3bd;text-align:center;color:#fff;}
.affiTab > li.on{background:#505a61;}
.affiTab > li.oj{border-radius:20px 0 0 20px;}
.affiTab > li.ht{border-radius:0 20px 20px 0;}

.affiTab > li.on2{width:100%;font-size:1em;height:40px;line-height:40px;background:#505a61;border-radius:20px;text-align:center;color:#fff;}

.objectTable{width: 100%;table-layout: fixed;}
.objectTable td{height:35px;font-size: 0.85em;letter-spacing: -1px; vertical-align: middle;}
.objectTable td .contNum {background:#058be9;color:#fff;padding:3px 4px 2px 3px;margin:0 7px 0 0;font-size:0.9em;font-weight:normal;text-align:center;width:20px;}

.affHistoryTxt{font-size:0.9em;line-height:1.2em;margin-top:20px;}

.affHistoryTxt .empty{display:inline-block;width:90px;}

/* obtain */
.obImg{width:100%;display:block;}

.manageTitle{font-size:0.95em;font-weight:600;margin-top:40px;}
.manageTitle> span.bar{display:inline-block;width:10px;height:4px;background:#058be9;border-radius:20px;margin-right:5px;vertical-align:middle;}

.total{background:#f7f7f7;font-weight:bold;border-top:2px solid #b4b4b4;}

.right{text-align:right;margin-top:10px;font-size:0.9em;}


/* sales */
.salesInfoBox{width:98%;border:1px solid #e0e0e0;padding:10px;box-shadow:3px 3px 5px #e1e1e1;overflow:hidden;margin-bottom:30px;}
.salesInfoBox .salesImg{width:100%;height:300px;margin-bottom:15px;}
.salesInfoBox .salesImg > img{display:block;width:100%;}

.salesInfoBox .salesName{margin-bottom:20px;}
.salesInfoBox .salesName > li.name{font-size:1.1em;font-weight:600;margin-bottom:5px;}
.salesInfoBox .salesName > li.date{font-size:0.8em;}

.salesInfoBox .salesInfo{width:100%;padding:20px 15px;font-size:0.9em;line-height:1.8em;background:#f3f3f3;border-radius:15px;}

.salesInfoBox .detailBtn{float:right;margin:20px 0 5px;background:#00ace6;font-size:0.9em;color:#fff;text-align:center;width:120px;height:35px;line-height:35px;border-radius:20px;}
.salesInfoBox .detailBtn > span.arrow{color:#fff;font-size:inherit;}