@charset "utf-8";

/*-----------------------------------------------------------------------------------
SUB - Common Properties - Layout
-----------------------------------------------------------------------------------*/
/* navi */
nav ul > li.ons > a{color:#00b0ec; background-position:80% center; }
nav ul > li ol li.ons > a{border-top:1px solid #1a4a7c;  background:#1a4a7c; }
nav ul > li.ons ol{display:block; }

/* heading */
h3{width:100%; height: 134px; display:table;  overflow:hidden; border-bottom:2px solid #ced4d9;}
h3 em{display:table-cell;  vertical-align: bottom;  font-size:30px;font-family: 'notokr-medium'; letter-spacing: -0.75px; color: #23588c;  padding-bottom:15px;}

h4{font-size:20px ; color:#1a4a7c;font-family: 'notokr-medium'; letter-spacing: -0.75px;margin-top:80px; position:relative; display:table; margin-right: 30px; }
h4.fl{float:left;}
h4.ico em{ position: absolute;  display:table; right:-20px; top:-16px;}
h4.ico:after{clear:both; display:block; content:'';}

.subTxt{font-size:15px; color:#5081b2; letter-spacing:-0.75px; font-family:'notokr-light'; margin-top:20px;background-image:url('../../img/sub/dot.gif'); background-repeat:no-repeat; padding-left:10px; background-position:0 7px;}
.blue{color:#1d609f;}
.red{color:#ec1920;}


/* contents */
.contents{width:840px; min-height:1060px;  display:block;  padding:0 40px 250px; background-repeat:no-repeat; background-position:top right; }

/* cont */
.cont{width:100%; position:relative; display:block; overflow:hidden;}

/* quick */
.quick{ height:100% ; width: auto; min-height:960px; position: relative;  display:table-cell; vertical-align: top;  }
.quick .quickCont{position:fixed; top:0; width:100%; height:100%; background:url('../../img/quick_shadow.png') repeat-y left top; }
.quick .quickBg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.quick .quickBg img{width:100%; height:100%;}
.quick .quickCont em{position:absolute; top:137px; left:0; cursor:pointer;  z-index:2}
.quick .quickCont em:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  -moz-opacity:0.9;  -khtml-opacity:0.9; opacity:0.9;}
.quick .quickCont ul{position:absolute; left:85px; top:82px; z-index:0;}
.quick .quickCont ul li:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}


/* 17-01-09 */

#career_period{visibility:hidden;}
.btn.add, .btn.add2, .btn.add3{margin-top:15px;}
.btn.add li, .btn.add2 li, .btn.add3 li{ height: 30px; width: 55px; }
.btn.add li a, .btn.add2 li a, .btn.add3 li a{line-height:30px;}


/*-----------------------------------------------------------------------------------
SUB - Common Properties - Board, Txt, Button
-----------------------------------------------------------------------------------*/

/* home */
.home{position:absolute; right:0; top:15px;}
.home dt{float:left; padding-right:10px;}
.home dt img{ vertical-align: middle; display:inline-block;}
.home dd{font-family:'dotum','돋움',serif;  display:inline-block; font-size:11px; color:#b2b2b2;}
.home dd em{padding-left:5px; font-family:'dotum','돋움',serif;  display:inline-block; font-size:11px; color:#666666; font-weight:bold;}

/* selForm */
.selForm{float:right; margin-top:80px;}
.selForm .rightTxt{text-align:right; font-family:'dotum','돋움',serif; font-size:12px; padding-top:10px; clear:both; float:right; color:#444; height:23px; margin-top:0;}
.selForm > select{float:left; display:inline-block; vertical-align: middle; color:#999; font-size:12px; width: 120px; background:url('../../img/board/sel_arr.gif') no-repeat 100% center;}
.selForm > select option{padding:5px 8px;}
/* .selForm > label{float:left; display:inline-block; margin-left: 10px; } */
.selForm > input{height:28px; margin-left: 10px; display: inline-block; border-right:none; width:170px; float:left;}
.selForm > button{float:left; display:inline-block; height: 30px; width:120px; text-align: center; color:#fff; background:#3d3d3d; font-size: 12px; font-weight: bold;  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.selForm > button:hover{background:#222;}
.intra .selForm.v2 > button{margin-left:10px; background:#1a4a7c;  font-weight: normal; font-family: 'notokr-medium'; font-size:13px;border-radius:7px; -webkit-border-radius:7px;  -moz-border-radius:7px;}


.intra .selForm.v2 > button:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}


/* boardList */
.boardList{clear:both; padding-top:30px; display:block;}
.boardList.v2{padding-top:5px;  overflow-x: auto;-webkit-overflow-scrolling: touch;}
.boardList.v2 table{min-width:530px;}
.boardList table{width:100%; border: 2px solid #bfbfbf; border-left: none; border-right: none ; }
.boardList.oflow{ overflow-x: auto;-webkit-overflow-scrolling: touch;}
.boardList.oflow table{min-width:615px;  }
.boardList.ovflw{ overflow-x: auto;-webkit-overflow-scrolling: touch;}
.boardList.ovflw table{ min-width: 550px; }

.boardList table thead tr{background:#fafafa; height:45px;}
.boardList table thead tr th{font-size:12px;  font-family:'dotum','돋움',serif;  color: #525d66; font-weight: bold;  vertical-align: middle; }
.boardList table thead tr th~th{background:url('../../img/board/list_bar.gif') no-repeat left center;}
.boardList table tbody tr{border-top:1px solid #e6e6e6;height:45px;}
.boardList table tbody tr th, .boardList table tbody tr td, .boardList table tbody tr td a{ color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;  vertical-align: middle; text-align: center;}
.boardList table tbody tr td a{text-align: left;  padding:0 12px;white-space:nowrap;overflow:hidden; text-overflow: ellipsis ; width:100%; display:block;}
.boardList table tbody tr td .lock{float:left; display:block;}
.boardList table tbody tr td i.lock + a{display:block; float:left; width:80%; padding:3px 12px;}
.boardList table tbody tr td a:hover{color:#000; text-decoration: underline; }
.boardList table tbody tr.note th, .boardList table tbody tr.note td,  .boardList table tbody tr.note td a{color:#00a0e9; font-weight:bold; }
.boardList table tbody tr td.btLayer{display:table-cell; width:100px; height:27px;  position:relative; overflow:hidden; margin:0 auto;  }
.boardList table tbody tr td.btLayer a{display:inline-block; line-height:27px; width:100px; background:#1a4a7c;  text-align: center; color:#fff; font-family: 'notokr-medium'; letter-spacing:-0.75px; font-size:13px; text-decoration:none; border-radius:7px; -webkit-border-radius:7px;  -moz-border-radius:7px;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }

.boardList table tbody tr td.btLayer:hover a{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.boardList table tbody tr td.btLayer a:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10;}
.boardList table tbody tr td.btLayer:hover a:after{ left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);     transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

/* boardView */
.boardView{padding-top:80px; clear:both; display:block}
.boardView table{width:100%; border:2px solid #bfbfbf; border-left:none; border-right:none;}
.boardView table thead{width:100%; }
.boardView table thead tr{background:#fafafa; height:45px; }
.boardView table thead tr th{vertical-align: middle; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;  vertical-align: middle; text-align: right; padding:0 30px 0 0 ;}
.boardView table thead tr th:first-child{font-weight:bold; text-align: left;  padding:0 0 0 30px ;}
.boardView table tbody tr, .boardView table tfoot tr{border-top:1px solid #e6e6e6;}
.boardView table tfoot tr{height:45px;  background:#fafafa;}
.boardView table tfoot tr td{padding:0 30px;  vertical-align: middle; }
.boardView table tfoot tr td span{color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; font-weight:bold; vertical-align: middle;}
.boardView table tfoot tr td em{color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; font-weight:bold; vertical-align: middle; padding-right:10px; margin-right: 10px; background:url('../../img/board/list_bar.gif') no-repeat right -4px; }
.boardView table tfoot tr td a{display:inline-block;font-size: 12px;  font-family:'dotum','돋움',serif; font-weight:bold; color:#0055ff; vertical-align: middle;}
.boardView table tfoot tr td i{display:inline-block; vertical-align: middle; margin-left:10px;}
.boardView table tbody tr td{padding:  30px;  color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; line-height:22px;}
.boardView table tbody tr td img{max-width:100%;  display:table;}

.boardView.qna table tfoot tr.qa{background:none; height:auto;}
.boardView.qna table tfoot tr.qa td{padding:20px 30px;}
.boardView.qna table tfoot tr.qa td > i{display:table-cell; vertical-align:top; }
.boardView.qna table tfoot tr.qa td > i img{display:block; }
.boardView.qna table tfoot tr.qa td > p{display:table-cell; padding-left:10px; vertical-align:top;}
.boardView.qna table tfoot tr.qa td > p > .txt{display:block; line-height:2; margin-top:10px;}
.boardView.qna table tfoot tr.qa td em{margin-right:5px; vertical-align:-1px;}
.boardView.qna table tfoot tr.qa td span{vertical-align:-1px;}
/* movieList */
.movieList{ clear:both; display:inline-block; margin-top: 30px; border-top:2px solid #bfbfbf; border-bottom:2px solid #bfbfbf; width:100%;}
.movieList ul{padding:40px 2% 0;}
.movieList ul li{width:30%; margin-left: 4%; float: left; margin-bottom:40px; }
.movieList ul li a{display:block; width:100%; }
.movieList ul li a:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.movieList ul li a span{display:block; width:100%; color:#525d66; font-size:12px; font-family:'dotum','돋움',serif; padding-top:20px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.movieList ul li a > img{display:table; width:100%; height:130px;}
.movieList ul li:nth-child(3n-2){margin-left:0;}

/* movieView */
.movieView{padding-top:80px; clear:both; display:block}
.movieView table{width:100%; border:2px solid #bfbfbf; border-left:none; border-right:none;}
.movieView table thead{width:100%; }
.movieView table thead tr{background:#fafafa; height:45px; }
.movieView table thead tr th{vertical-align: middle; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;  vertical-align: middle; text-align: right; padding:0 30px 0 0 ;}
.movieView table thead tr th:first-child{font-weight:bold; text-align: left;  padding:0 0 0 30px ;}
.movieView table tbody tr{border-top:1px solid #e6e6e6;}
.movieView table tbody tr td{padding:  30px;  color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; line-height:22px;}
.movieView table tbody tr td span.movie{width:100%; display:table; }

/* table write */
.writeTable{width:100%; padding-top:30px; display:inline-block;}
.writeTable.v2{padding-top:10px;}
.writeTable.v3{padding-top:80px; }
.write{width:100%;border-top:2px solid #bfbfbf; border-bottom:2px solid #bfbfbf;}
.write.v2{margin-top:30px; border-width:1px;}
.write.another2{margin-top:30px; border-width:1px;}
.write.v3{margin-top:30px; border-width:1px;}
.write.v3 td{color: #525d66; font-size: 12px;  	font-family:'dotum','돋움',serif; }
.write.v4{border:0; padding:0; margin-top:20px;}
.write.v4 td{padding:0;}
.write.v5{margin-top:10px; border-width:1px;}
.write.v5 th{height:30px;}
.write.v5 td{color: #525d66; font-size: 12px;  	font-family:'dotum','돋움',serif;  text-align:center; border-left:1px solid #e6e6e6; height:30px;}
.write.v5 td:first-child{border-left:none;}
.write.v5 th ~ th{ border-left:1px solid #e6e6e6;}
.write.v5.total{margin-bottom:30px;}
.write tr~tr{border-top:1px solid #e6e6e6;}
.write tr th, .write tr td{height:45px; vertical-align: middle;}
.write tr th{background:#fafafa;color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; font-weight:bold;}
.write tr th em{display:inline-block;width:7px; height: 4px; vertical-align: 3px; text-indent:-999999999px; overflow:hidden; background:url('../../img/board/astrick.png') no-repeat 0 ; }


.write tr td{padding: 0 10px;}
.write tr td .formSet{padding:10px 0; display:inline-block; vertical-align:3px; }
.write tr td .formSet.edit{font-size:12px; font-family:'dotum','돋움',serif;color: #525d66;  }
.write tr td input{display:inline-block; vertical-align:top; height:25px; width:360px; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;}

.write tr td select{height:27px; display:inline-block; background-image:url('../../img/board/sel_arr.gif'); background-repeat:no-repeat; background-position: right center; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;padding-right:30px;}

.write tr .notTxt input{width:auto;  display:inline-block ;}
.write tr .notTxt label{margin-right:10px; display:inline-block; }
.write tr .notTxt span{color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; margin: 0 3px; display:inline-block ;}

/* table write 크기 변환 */
.write tr td select.sma{width:118px;}
.write tr td select.sma.v2{margin-left:17px;}
.write tr td input.sma{width:106px; margin-left:5px;}

.write tr td select.sma option{padding: 0 8px;}
.write tr td input.mid{width:274px;}

/* table write email */
.write tr td.email input.v2{margin-left:0; width:96px;}
.write tr td.email input.v3{width:96px; margin-right:5px;}
.write tr td.email i{margin-left:8px; display:inline-block; color:#525d66; font-size: 12px; vertical-align:middle;  }
.write tr td.dates i{margin-left:5px; display:inline-block; vertical-align:middle; }

/* table write fax */
/* .write tr td.red input{float:left;} */
.write tr td.red .txt span, .write tr td.red .txt em{color:#ec1920;}

/* table write sel_2 */
.write tr td.sel_2 select ~ select{margin-left:5px;}

/* table write inputFirst */
.write tr td.inputFirst input{margin-left:0;}
.write tr td.inputFirst input ~ input{margin-left:5px;}
.write tr td.inputFirst select{margin-left:5px;}
label.margin{margin-left:20px;}

.write tr td.inputSma .formSet > span{color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; margin-left:2px;}
.write tr td.inputSma .formSet select{margin-left:0; width:85px;}
.write tr td.inputSma .formSet select ~ select{margin-left:5px;}
.write tr td span.formSet .per100{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.write tr td.inputSma select{margin-left:2px;}
.write tr.hide{display:none;}
.write tr.show{display:table-row;}

/* write v2 line create */
.write.v2 tr:nth-child(2n+1){border-top:1px solid #bfbfbf;}


/* write military */
.write tr td.military select{width:80px;}
.write tr td.military > span > span{color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; margin-left:2px;}


/* table write address */
.write tr td.addr input.add{margin-top:8px;}
.write tr td.addr button[type='button']{padding-left:12px; background-image:url('../../img/board/zoomer.png'); background-repeat:no-repeat; background-position:10px 6px}

/* table write button */
.write tr td button[type='button']{display:inline-block;  vertical-align:top;height:27px; width:88px;border:1px solid #d6d6d6; margin-left:-5px;background:#fbfbfb;  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; text-align:center;   color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;  }/*
.write tr td button span{background:#fbfbfb; display:table-cell; width:100%; height:100%; margin: 0 auto; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; } */
.write tr td button#btnRefresh{vertical-align:middle; width:27px; height:27px; border:none; margin-left: 5px; }
.write tr td button:hover{background:#f0f0f0;}

/* table write txt */
.write .txt{ display:inline-block; vertical-align:middle; width:130px; margin-left:10px; }
.write .txt span{display:inline-block; vertical-align:top; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif;  width: 123px; letter-spacing: -0.3px; }
.write .txt em{display: inline-block; width: 7px; vertical-align:top; font-family:'dotum','돋움',serif;  color: #525d66; font-size: 12px; }

/* table write textarea */
.write textarea{width:350px; vertical-align:top; font-family:'dotum','돋움',serif;  color: #525d66; font-size: 12px;}

.write label span{font-family:'dotum','돋움',serif;  color: #525d66; font-size: 12px; cursor:pointer;}

/* write.another2 */
.write.another2{border-bottom:none;}
.write.another2 tr:nth-child(3n){border-bottom:1px solid #bfbfbf;}
.write.another2 tr:nth-child(3n+1){border-top:none;}



/* table write security */
.write .security td em{display:inline-block; vertical-align:middle;}
.write .security td button{display:inline-block;vertical-align:middle; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;  }
.write .security td button:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.write tr.security td .formSet{vertical-align:middle;}
.write tr.security td .formSet input{width:252px;}
.write tr.security .redTxt{float:none; padding-top:0; display:inline-block; }

/* table write input file */
.inputFile{position:relative; z-index:9; width:100px; height:133px; margin:0 auto; overflow:hidden; background:#f0f0f0; }
.inputFile label {display: inline-block;color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; width: 100%; height: 100%; background-image:url('../../img/board/img.gif');}
.inputFile label:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.inputFile input[type="file"] {position: absolute;  width: 1px;  height: 1px;  left:0; top:0; padding: 0;  overflow: hidden;   border: 0;}
/* .inputFile label img{width:100px; height:133px;} */


/* photoTable */
.photoTable{margin-top:30px; border-width:1px;}
.photoTable .photo{background:#fff;border-right:1px solid #e6e6e6; padding:0 20px;}
/* .photoTable tr + tr + tr + tr ~ tr th{border-right:1px solid #e6e6e6;} */
/* .photoTable .photo i{display:block; cursor: pointer; } */
/* .photoTable .photo i img{max-width:100%; display:block; margin:0 auto;} */
.photoTable .photo span{display:block; margin-top: 10px; color:#525d66; font-size:14px;}
.photoTable .photo span:last-child{color:#ec1920; margin-top:2px;}

/* borderTable */


/* boardTab  */
.boardTab{display:block; width:100%; margin-top:30px; border:1px solid #d8d8d8;border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;  overflow: hidden;  }
.boardTab ul{width:100%; height:60px; border-bottom:1px dashed #d6d6d6; display:block; padding:0 35px;}
.boardTab ul li{display:inline-block; vertical-align:middle; cursor:pointer; color:#525d66; font-size:15px; font-family:'notokr-medium'; line-height:60px;}
.boardTab ul li:hover{color:#1a4a7c;}
.boardTab ul li.on{color:#1a4a7c; font-size:18px;}
.boardTab ul li ~ li{padding-left:30px; background:url('../../img/board/list_bar.gif') no-repeat 12px center;}
.boardTab  > div{display:table; width:100%; background:#fafafa;  padding:30px 35px;}

.boardTab > div div{width:100%; display:table; }
.boardTab > div div span.formSet{vertical-align:middle; display:table-cell;}
.boardTab > div div span.formSet ~ .formSet{padding-left:58px;}
.boardTab  span.formSet span{display:inline-block; font-size:15px; color:#525d66; letter-spacing:-1px; margin-right:15px;}
.boardTab > div div span.formSet select{height:27px; display:inline-block; background-image:url('../../img/board/sel_arr.gif'); background-repeat:no-repeat; background-position: right center; color: #525d66; font-size: 12px;  font-family:'dotum','돋움',serif; width:120px; }
.boardTab > div div span.formSet select option{padding:0 8px;}
.boardTab > div span.formSet{display:block; margin-top:20px;}
.boardTab > div span.formSet label{float:left; }
.boardTab span.formSet label{padding-top:3px;}
.boardTab > div span.formSet input{display:inline-block; margin-left:13px; width:485px; float:left; height:28px; border-right:none;}
.boardTab > div span.formSet button{display:inline-block;  float:left; height: 30px; width:120px; text-align: center; color:#fff; background:#3d3d3d; font-size: 12px; font-weight: bold;  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.boardTab > div span.formSet button:hover{background:#222;}

/* boardTab v2 */
.boardTab.v2{display:block; width:100%;}
.boardTab.v2 > div span.formSet{margin-top:0;}
.boardTab.v2 > div span.formSet input:nth-child(2){border-right:1px solid #d6d6d6; margin-right:30px;}
span.formSet.area{width:100%;}
.boardTab.v2 > div span.formSet input{width:190px;}
/* tabView */
.tabView{display:table; width:100%; margin-top:80px;}
.tabView .title{display:table; width:100%; background:#fafafa; text-align:center; border-top:1px solid #bfbfbf; border-bottom:1px solid #e6e6e6; padding:15px 0; color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif; font-weight:bold;}
.tabView table{margin-top:30px; border-width:1px;}
.tabView table td{color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif;}
.tabView table td ul{padding:15px 0;}
.tabView table td ul li{color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif; line-height:16px;}

/* arrow */
.arrow{display:block; text-align: center; margin-top:30px;}
.arrow li{display:inline-block; vertical-align: middle; }
.arrow li a{display:block; width:100%; height:100%; padding:8px; font-size:13px; color:#666; font-weight:bold;font-family:'dotum','돋움',serif;   }
.arrow li.on a, .arrow li:hover a{color:#00a0e9;}
/* .arrow li.num.fs{margin-left:10px;}
.arrow li.num.ls{margin-right:10px;} */
.arrow li.arr{width:31px; height: 29px;  margin:0 2px;}
.arrow li.arr a{border:1px solid #d6d6d6; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;  text-indent:-9999999px; overflow:hidden; display:block; width: 100%; height: 100%; background:url('../../img/board/arr_fst.png') no-repeat center center;}
.arrow li.arr:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.arrow li.arr.prev{margin-right:10px;}
.arrow li.arr.next{margin-left:10px;}
.arrow li.arr.prev a{background-image:url('../../img/board/arr_lt.png');}
.arrow li.arr.next a{background-image:url('../../img/board/arr_rt.png');}
.arrow li.arr.lst a{background-image:url('../../img/board/arr_lst.png');}

/* btn */
.btn{margin-top:40px; float:right;}
.btn:after{clear:both; display:block; content:'';}
.btn li{float:left; width:100px; height:40px;  position:relative; overflow:hidden;}
.btn li~li{margin-left:10px;}
.btn li a{display:block; line-height:40px; width:100%; background:#1a4a7c;  text-align: center; color:#fff; font-family: 'notokr-medium'; letter-spacing:-0.75px; font-size:14px;border-radius:7px; -webkit-border-radius:7px;  -moz-border-radius:7px;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.btn li a:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: -10;}

.btn li.gray a{background:#4d4d4d; }
.btn li.black a{background:#333;}
.btn li a:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.btn li a:hover:after{ left: 150%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);     transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

/* layerPop */
.layerPop{width:100%; height:100%; position:relative; z-index:99; display:none;}
.layerPop .bg{background:url('../../img/quick_lay.png'); text-indent:-99999999px; overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0;}
.layerPop .layer{position:fixed; top:-1000px; left:50%; width:80%; margin-left: -250px; background: #fff; max-width:500px;}
.layerPop .layer .title{width:100%; height:45px; background:#1a4a7c; padding:0 20px; line-height:45px; color:#fff;}
.layerPop .layer .title span{display:block; position:absolute; right:0; top:0; width:45px; height:45px; background:#333333; cursor: pointer; }
.layerPop .layer .title span img{display:block; margin:15px auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.layerPop .layer .title span:hover img{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.layerPop .layer .layerCont{display:block; padding:20px 30px 30px;}
.layerPop .layer .layerCont .ttl{font-size:20px; color:#1a4a7c; text-align:center; word-break:keep-all; margin:10px auto 20px;}
.layerPop .layer .layerCont .subT{text-align:center; font-size:14px; color:#ec1920;  font-family:'dotum','돋움',serif; line-height:22px; font-weight:bold; width:80%; margin:0 auto; word-break:keep-all;}
.layerPop .layer .layerCont .btn{float:none;display: block; text-align:center; width: 100%; border-top:1px dashed #bfbfbf; padding-top:30px; margin-top:20px;}
.layerPop .layer .layerCont .btn li{float:none; display:inline-block;}


/* layerPop v2 */

.layerPop.v2 .layer{width: 90%; margin-left: -500px;  max-width:1000px;}
.layerPop.v2 .layerCont .txt{width:100%; display:block; border-bottom:1px dashed #bfbfbf; padding-bottom:20px;}
.layerPop.v2 .layer .layerCont .btn{margin-top:0;}
.layerPop.v2 h4{margin-top:40px;}

/* 급여조회*/
.print{ max-height:400px; overflow-y:auto; padding-right:15px; height: 100%; }


/* 휴가증 */
.vacation{ max-height:400px; overflow-y:auto; /* padding-right:15px; */ height: 100%; }
.vacation .vacaCont{padding:10px 0 ; }
.vacation .vacaCont > div{position:relative;    }
.vacation .vacaCont > div > img{margin:0 auto; max-width:100%;}
.vacation .vacaCont > div ul{position:absolute; top:50%; left:50%; margin-left:-160px; margin-top:-70px;}
.vacation .vacaCont > div ul li{font-size:14px; line-height:2;}
.vacation .vacaCont > div ul li em{font-weight:bold; font-style:normal;}

/* dotTxt */

.dotTxt{clear:both; display:block; padding-top:25px;}
.dotTxt li{font-family:'notokr-light'; padding-left:8px; background:url('../../img/sub/dot.gif') no-repeat 0 10px; font-size:15px; line-height:26px; letter-spacing: -0.75px; color:#525d66; word-break: keep-all; margin-top:20px;}
.dotTxt li em, .dotTxt li em > a{font-family:'notokr-demilight'; color:#5081b2; font-size:20px; line-height:26px; letter-spacing: -0.75px; }

.dotTxt.v2:after{clear:both; display:block; overflow:hidden; content:'';}
.dotTxt.v2{padding-top:0;}
.dotTxt.v2 li{padding-left: 0; background:none;  display:block; float:left; width:30%;}
.dotTxt.v2 li i{display:inline-block; vertical-align:middle;}
.dotTxt.v2 li span, .dotTxt.v2 li span a{font-family:'notokr-light'; padding-left:8px; background:url('../../img/sub/dot.gif') no-repeat 0 10px; font-size:15px; line-height:26px; letter-spacing: -0.75px; color:#525d66; word-break: keep-all; display:inline-block; vertical-align:middle; margin-left:15px;}
.dotTxt.v2 li span.mob{display:none;}
.dotTxt.v2 li:first-child{width:70%;}
.dotTxt.v2 li:first-child span{color:#2c6bb9;}



/* terms */
.terms{width:100%; height:200px; border:1px solid #d6d6d6; overflow:auto; margin-top: 30px;clear: both;  display:inline-block;}
.terms span{display:table; width: 100%;height: 100%; padding:20px ; word-break: keep-all; font-size:13px; line-height: ;  color:#666; font-family:'dotum','돋움',serif;  line-height:20px ;}

/*-----------------------------------------------------------------------------------
	Sub Properties - PC
-----------------------------------------------------------------------------------*/

/* subVisual */
/* kdr 소식 */
.news{background-image:url('../../img/sub/sub_visual_news.png'); }
/* recruit */
.recruit{background-image:url('../../img/sub/sub_visual_recruit.png'); }
/* member login(회원가입/로그인) */
.member{background-image:url('../../img/sub/sub_visual_member.png'); }
.intro{background-image:url('../../img/sub/sub_visual_intro.png'); }
.business{background-image:url('../../img/sub/sub_visual_busi.png'); }

.redTxt{padding-top:10px; color:#ec1920; font-size:12px;   font-family:'dotum','돋움',serif;  }
.redTxt.v2{line-height:18px; text-indent:-10px; padding-left:10px;}
.redTxt.v3{padding-left:10px; text-indent:-10px; padding-top:0; vertical-align:3px;}

/* intro 회사소개 - 인사말 , 사은품마케팅 사업 */
.greeting{padding-top:80px; background-image:url('../../img/sub/greet_img.png'); background-repeat:no-repeat; background-position:right top; }
.greeting .greetBox{width:100%; padding:30px 0 80px; margin-bottom: 30px; border-bottom:1px dashed #7b858d;}

.greeting .greetBox p{font-size:26px; color:#525d66; letter-spacing:-0.75px; line-height:1.5; }
.greeting .greetBox p span{font-size:26px; color:#525d66; letter-spacing:-0.75px; color:#5081b2;}
.greeting .greetBox p sup{font-size:10px; letter-spacing:-0.75px; vertical-align:100%;}
.greeting .greetBox p span sup{color:#5081b2;}


/* intro 회사소개 - 연혁 */
.history{padding-top:80px;}
.history dl{width:100%; display:block; }
.history dl dt{height:60px; width: 100%;  position: relative; display:table; background-image:url('../../img/sub/his_arr_down.png'); background-position:95% center; background-repeat:no-repeat; cursor:pointer; margin-bottom:20px;border: 1px solid #ced4d9; border-top:3px solid #00a0e9;  }
.history dl dt em{display:table-cell; vertical-align:middle; padding-left:30px; color:#525d66; font-size:20px; }
.history dl dt span{position:absolute; left:0; top:0; width:0; height:100%;  background-size:cover; z-index:-1; text-indent:-99999px; overflow:hidden;  display:block;}
.history dl dt.on{background-image:url('../../img/sub/his_arr_up.png'); border:none; }
.history dl dt.on em{color:#fffbcc;  font-size:22px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
.history dl dt.on span{ background-image:url('../../img/sub/his_on.png'); border:none; }
.history dl dt:first-child span{width:100%;}

.history dl dd{overflow:hidden ; display: none; }
.history dl dd.on{display:block;}
.history dl dd ol{width:100%;padding:0 5% 40px;  }
.history dl dd ol li{line-height:1.8;  display:table; width:100%;}
.history dl dd ol li em{display:table-cell; vertical-align:middle; font-size:18px; color:#5081b2; width:20%;}
.history dl dd ol li span{font-size: 15px;  color: #525d66; display:table-cell; vertical-align:middle; width:80%;}

/* intro 회사소개 - 경영철학 */
.philosophy .slogan{margin-top:30px;  font-size:15px; color:#fff; height:30px; line-height:30px; font-family:'notokr-light'; background:url('../../img/sub/phi_slogan.png') no-repeat 0 0; }
.philosophy .slogan img{display:inline-block; vertical-align: middle; padding-left:15px;}
.philosophy ul.phi{display:block; width: 100%; margin-top: 30px; }
.philosophy ul.phi > li{display:table; width:100%; margin-bottom:0; border-top:1px dashed #7b858d;}
.philosophy ul.phi > li.thum{padding:30px 0 40px; border-top:none;}
.philosophy ul.phi > li.thum.v2{padding-bottom:0;}
.philosophy ul.phi > li > h4{margin-top:50px;}
.philosophy ul.phi > li > i{display:table-cell; vertical-align:middle; width:155px; height:155px;}
.philosophy ul.phi > li > ul{display:table-cell; vertical-align:middle; padding-left: 40px; }
.philosophy ul.phi > li > ul > li{font-family:'notokr-light'; margin: 7px 0; padding-left:8px; background:url('../../img/sub/dot.gif') no-repeat 0 9px; font-size:17px; line-height:26px; letter-spacing: -0.75px; color:#525d66;}
.philosophy ul.phi > li > ul > li ~ li{color:#2c6bb9; text-indent:-70px; padding-left:78px;}
.philosophy ul.phi > li > ul > li em{color:#2c6bb9; font-family:'notokr-light';font-size:17px; }
.philosophy ul.phi > li > ul > li span{color:#2c6bb9; font-size:18px; padding-bottom:10px; display:block;}
.philosophy ul.phi > li > dl > dt{position:absolute; z-index:-1; width:100%;}
.philosophy ul.phi > li > dl > dt img{margin:0 auto;}
.philosophy ul.phi > li > dl > dd > ul > li{ float:left; width:33.3333%;  }
.philosophy ul.phi > li > dl > dd > ul > li dl{display:table; width:100%; margin:0 auto; text-align:center;}
.philosophy ul.phi > li > dl > dd > ul > li dl dt{display:table; width:100%; position:relative; }
.philosophy ul.phi > li > dl > dd > ul > li dl dt > img{margin:4px auto 0;}
.philosophy ul.phi > li > dl > dd > ul > li dl dt i{position:absolute; left:-8px; top:50%; margin-top:-8px;}
.philosophy ul.phi > li > dl > dd > ul > li dl dt i ~ i{left:auto; right:-8px;}
.philosophy ul.phi > li > dl > dd > ul > li dl dd{margin-top:20px; color:#525d66; font-size:16px; line-height:1.5;}

.philosophy ul.phi ol{display:table; margin:0 auto;}
.philosophy ul.phi ol li{color:#525d66; font-family: 'notokr-light'; font-size:17px; padding-left:10px; display:table;  padding-left:8px; background:url('../../img/sub/dot.gif') no-repeat 0 9px; line-height:1.8}

/* intro 회사소개 - 인증현황 */

.certify > ul{padding:40px 0 ;border-bottom:1px dashed #7b858d;}
.certify ul li{ float:left; width:33.3333%;  }
.certify ul li dl{display:table; width:100%; margin:0 auto; text-align:center;}
.certify ul li dl dt{display:table; width:100%; position:relative; }
.certify ul li dl dt > img{margin:0 auto; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }
.certify ul li.on dl dt > img{ -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg); }
.certify ul li dl dt i{position:absolute; left:-8px; top:50%; margin-top:-8px;}
.certify ul li dl dt i ~ i{left:auto; right:-8px;}
.certify ul li dl dd{margin-top:20px; color:#525d66; font-size:16px; line-height:1.5;}

.certify .certBox{width:100%;}
.certify .certBox h4{margin-top:60px;}
.certify .certBox ul{margin:0 auto; margin-top:30px; display:block; text-align:center;}
.certify .certBox ul li{text-align:center;  margin-bottom:30px; font-size:14px; color:#525d66; letter-spacing:-0.75px ; width:32.5%; float:none; display:inline-block; vertical-align:top; }
.certify .certBox ul li img{margin:0 auto; padding-left:3%;}

/* intro 회사소개 - 조직도 */
.orgchart{padding-top:80px; }
.orgchart img{margin:0 auto; background-color:#fff; display:none;}
.orgchart .orgTop > div, .orgchart .orgTop p, .orgchart .orgBot > ul > li > span, .orgchart .orgBot > ul > li > ol, .orgchart .orgBot > ul > li > ul, .orgchart .orgBot > ul > li > ul > li > ol{background-image:url('../../img/sub/org_dot.png');background-repeat:repeat-y; background-position:50% 100%; }
.orgchart .orgTop{padding:0 90px;display:none;}
.orgchart .orgTop > div{width:100%; display:block; margin:0 auto; position:relative; background-position:center 100%; background-repeat:repeat-x; padding-bottom:7px; background-position:49.1% 100%;}
.orgchart .orgTop .top{padding-bottom:160px; }
.orgchart .orgTop .right{ position:absolute; top:99px; right:50%; margin-right: -300px; padding-left: 120px; background-repeat:repeat-x; background-position:0 center ;}
.orgchart .orgBot{width:100%; display:none;}

.orgchart .orgBot > ul{width:100%;}
.orgchart .orgBot > ul > li{width:25%; float:left; text-align:center; background-position:center 0}
.orgchart .orgBot > ul > li > span{display:block;  background-color:#fff; padding-top:36px;  }
.orgchart .orgBot > ul > li > ol{padding-top:110px; display:block; }
.orgchart .orgBot > ul > li > ol > li{display:table; background: #fff; color: #fff;   width:75px; height:30px; margin:0 auto;}
.orgchart .orgBot > ul > li > ol > li ~ li{ height:40px; padding-top:10px; }
.orgchart .orgBot > ul > li > ol > li > span{font-family: 'notokr-medium'; background:#5a6771; display:table-cell; vertical-align:middle;  border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; font-size: 14px; }
.orgchart .orgBot > ul > li > ul{padding-top:40px; display:table; width:100%;  }
.orgchart .orgBot > ul > li > ul > li{display:table-cell; background:#fff; vertical-align:top; width:33.3333%;}
.orgchart .orgBot > ul > li.scd > ul{position:absolute; width:31%; margin-left:-3%;}
.orgchart .orgBot > ul > li > ul > li em{display:inline-block; vertical-align:middle; width:75px; color:#fff;  height:30px; background:#00a0e9; font-size:14px; line-height:30px; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;     font-family: 'notokr-medium';}
.orgchart .orgBot > ul > li > ul > li > ol{padding-top:40px;}
.orgchart .orgBot > ul > li > ul > li > ol li{display:table; color:#fff; background:#fff; width:75px; height:30px; margin:0 auto;}
.orgchart .orgBot > ul > li > ul > li > ol li ~ li{height:40px; padding-top:10px;}
.orgchart .orgBot > ul > li > ul > li > ol li span{font-family: 'notokr-medium'; background:#5a6771; display:table-cell; vertical-align:middle;  border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;font-size: 14px;  }
.orgchart .orgBot > ul > li.fth > ul > li em{font-size:10px;}

/* intro 회사소개 - 오시는 길 */
.map{padding-top:80px; }
.mapArea{overflow:hidden; width:100%; height:350px;  }
.locArea{border-top:1px dashed #7b858d; margin-top:20px; }
.locArea h4{margin-top:60px;}

/* business 사업소개 - 공통 */
.busTem figure{display: none;width: 100%; margin-top: -15px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px dashed #7b858d;}
.busTem figure span{display:block; width:100%;}
.busTem figure span img{width:100%; display:block;}
.rightTxt{float:right; margin-top:65px; color:#2c6bb9; font-size:15px; letter-spacing:-0.75px; font-family: 'notokr-light'; display:table;}
.rightTxt span{color:#525d66;  font-size:15px; letter-spacing:-0.75px; font-family: 'notokr-light';}
.busTem h4{margin-top:60px;}
.busTem > ul{display:block; width: 100%; padding-top: 30px; border-bottom:1px dashed #7b858d;}
.busTem > ul > li{display:table ;  width: 100%; margin-bottom: 50px; }
.busTem > ul > li i{display:table-cell; vertical-align:middle; width:193px; height:193px;}
.busTem > ul > li > ul{display:table-cell; vertical-align:middle; padding-left: 50px; }
.busTem > ul > li > ul li{font-family:'notokr-light'; margin: 7px 0; padding-left:8px; background:url('../../img/sub/dot.gif') no-repeat 0 9px; font-size:17px; line-height:26px; letter-spacing: -0.75px; color:#525d66;}
.busTem > ul > li > ul li ~ li{color:#2c6bb9; text-indent:-70px; padding-left:78px;}
.busTem ol{display:block; width:100%; margin-top:20px; overflow:hidden;}
.busTem ol > li{float: left;  width:32%;}
.busTem ol > li > ul{width:100%; padding:10px; border:1px solid #e6e6e6;}
.busTem ol > li > ul > li > span{display:block; width:100%;}
.busTem ol > li > ul > li > span > img{display:table; width:100%;}
.busTem ol > li > ul > li.txtBox{width:100%; padding:20px 0 10px;}
.busTem ol > li > ul > li.txtBox em{display:block; text-align:center; font-family:'notokr-light' ;  font-size:16px; letter-spacing: -0.75px; color:#2c6bb9; }

/* business 사업소개 - 시설관리사업 */
.asset{padding-top:80px;}
.asset ol > li ~ li{margin-left:2%;}

/* business 사업소개 - HR사업 */
.hrBus{padding-top:80px;}
.hrBus > ul{border-bottom:none;}
.hrBus > ul > li{margin-bottom:20px;}
.hrBus ol > li{width:48%; margin-bottom:35px;}
.hrBus ol > li:nth-child(2n){margin-left:3.5%;}

/* business 사업소개 - 사은품마케팅사업 */
.promotion{background-image:url('../../img/sub/pro_img.png');  }
.promotion .greetBox{margin-bottom:0;}
.promotion h4{margin-top:60px;}
.monitor{width:100%; padding-top:50px; position:relative;}
.monitor ul{display:table; width:100%; position:relative; z-index:0;}
.monitor ul li{display:table-cell;  text-align:center;}
.monitor ul li.smaM{ padding-top:15px;}
.monitor ul li > span{position:relative; z-index:1; display:inline-block; }
.monitor ul li.smaM > span em{display:block;}
.monitor ul li.center{position:absolute; z-index:2; top: 0; left:50%; margin-left:-152.5px;}
.monitor ul li i{position:absolute; z-index:2; top:10px; left:11px;}
.monitor ul li.center i{left:13px; top:11px;}
.monitor ul li > em{ text-align:center; display:none; }
.monitor ul li.smaM > em{padding-top:30px;}
.monitor ul li > em.on{display:block}
.monitor ul li > em > span{display:inline-block; font-size:16px; letter-spacing:-0.75px; background-image:url('../../img/sub/dot.gif'); background-repeat:no-repeat;font-family:'notokr-light'; padding-left:10px; background-position:0 8px; color:#525d66;}
.monitor ul li > span{display:none;}
.monitor ul li i{display:none;}
.blueList{width:100%; overflow:hidden; margin-top:40px;}
.blueList li{display:table; float:left; width:49%; height: 37px; background:#1a4a7c; margin-bottom:8px; border-radius:20px; -webkit-border-radius:20px;  -moz-border-radius:20px;}
.blueList li:nth-child(2n){margin-left:2%;}
.blueList li span{color:#fff; display:table-cell; font-family:'notokr-light';vertical-align:middle; font-size:15px; letter-spacing:-0.75px; padding-left:40px; background-image:url('../../img/sub/dot.png'); background-repeat:no-repeat; background-position:29px center; }

.method{margin:40px auto; border: 1px dashed #7b858d; border-left:none; border-right:none; padding-bottom:40px;}
.method h4{margin-top:50px;}
.method .dotTxt{padding-top:0;}
.method .dotTxt li{margin-top:10px;}

.question{width:100%;}
.question h4{margin-top:50px;}
.question > .phoneList{width:100%;  overflow:hidden;display:block; margin-top:30px;}
.question > .phoneList.mob{display:none;}
.question > .phoneList li{width:33.333%; float:left; display:table;}
.question > .phoneList li a{display:table;}
.question > .phoneList li i{display:table-cell; vertical-align:top;}
.question > .phoneList li .phoneTxt{display:table-cell; vertical-align:top;padding-top:8px; padding-left:10px;}
.question > .phoneList li .phoneTxt em{font-size:17px; color:#2c6bb9; letter-spacing:-0.75px; background-image:url('../../img/sub/dot.png'); padding-left: 10px; background-repeat:no-repeat; background-position:0 center; }
.question > .phoneList li .phoneTxt span{padding-left:10px;display: block; font-size:14px; color:#525d66;}
.question > .phoneList li .phoneTxt span.gray{color:#8a9299;}
.dotTxt.pro li em{font-size:15px;}

/*business 사업소개 - 대리운전사업*/
.driver { background-image: url(../../img/sub/driver_img.png); height: 300px; border-bottom: 1px dashed #7b858d; margin-top: 50px; opacity: 0;    background-position-y: -10px;}
.driver.greeting .greetBox { border: none; }
.driver.greeting .greetBox p { text-indent: -999em; }
.driver_detail {display: flex; flex-direction: row; padding-top: 5em; align-content: flex-start; justify-content: center; align-items: flex-start;}
.driver_detail > img { display: block; width: 300px; }
.driver_detail > figcaption { display: block;     width: 100%;}
.driver_detail > figcaption > ol {   counter-reset: item;     padding-right: 0.5em;}
.driver_detail > figcaption > ol li {    counter-increment: item; font-size: 1em; line-height: 1.7em; position: relative; margin: 1.3em 0.5em; padding: 1em 0.7em 1em 4.3em; box-shadow: 0 0 0.4em #0000003d; border-radius: 0.5em;  color: #fff; background: #47b4ff; opacity: 0; top:-10px;}
.driver_detail > figcaption > ol li:hover{background: #064795;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.driver_detail > figcaption > ol li:before {
content: counter(item);
    position: absolute;
    left: 0.3em;
    top: 0.3em;
    width: 3.1em;
    height: 3.1em;
    background: #00000038;
    color: #fff;
    line-height: 3.1em;
    text-align: center;
    border-radius: 0.3em;
}
.driver_detail > figcaption > ol li strong{ font-weight: bold; }
.driver_detail > figcaption > ol li .meta {font-size: .925em; opacity: .7;}
.driver_detail > figcaption > ol li .orange { color:#fff896; opacity: 1;}
/* business 사업소개 - 꽃배달서비스사업 */
.delivery{padding-top:80px;}
.delivery > .icoList{width:100%; padding-top:50px; border-bottom:none; overflow:hidden;}
.delivery > .icoList li{display:block; float:left; width:18%; margin-bottom:0;}
.delivery > .icoList li img{margin:0 auto;}
.delivery > .icoList li ~ li {margin-left:2.5%;}
.delivery > .dotTxt.pro{border-bottom:none; margin-top:0;}
.delivery > .dotTxt.pro li{width:100%; margin-top:10px;}
.delivery > .dotTxt.pro a{font-size:16px;}

/* recruit 인재채용 - 인재상 */
.people{width:100%; display:block; height:620px; position:relative;}
.people > div{width:760px; margin:0 auto; }
.people ol{width:100%; display:block; overflow: hidden;}
.people ol:after{clear:both; display:block; content:''}
.people ol > li{width:100%; display:none; width:100%; position:relative;}
.people ol > li ~ li{width:50%; margin-top:138px; }
.people ol > li:nth-child(2){float:left;}
.people ol > li:nth-child(3){float:right;}
.people ol > li:nth-child(2) img{margin-left:12px;}
.people ol > li:nth-child(3) img{margin-right:12px;}
.people ol > li img{margin:0 auto; display:block;}
.people ol > li ~ li img{margin:0; float:inherit}
.people ol > li span{display:block; clear:both; color:#525d66; font-size:14px; word-break:keep-all;}
.people ol > li:first-child span{position:absolute; top:50px; left:490px; text-align: left;}
.people ol > li ~ li span{float:inherit; text-align:center; width:190px; margin-top:30px;}
.people ol > li span em{display:block; color:#2c6bb9; font-size:16px; font-family: 'notokr-light'; line-height: 1.2; margin-bottom:5px;}

.people .pc{display:block; position: absolute; top:17px; z-index:-1}
.people .pc p{position:relative;}
.people .pc ul{display:block; width:100%; position:absolute;top:0}
.people .pc ul li{position:absolute; top:178px; left:178px; display:none;}
.people .pc ul li:nth-child(2){left:auto; right:178px;}
.people .pc ul li:last-child{right:auto; top:385px; left:auto; width:100%; }
.people .pc ul li:last-child img{margin:0 auto;}


/* member */
.member .redTxt{float:right; display:table; padding-top:90px;}
.member .redTxt.v2{padding-top:30px;}
.member .join{clear:both; display:block; }
.member .join:after{content:'';display:block; clear:both;}
.member .join .dotTxt{padding-bottom:30px; border-bottom:1px dashed #7b858d;}
.member  h4.v2{margin-top:50px;}
.member .dashWrap{ border-bottom: 1px dashed #7b858d; padding-bottom: 30px; }
.member .dashWrap.v2{padding-top:30px;}
.dashWrap .inputBox input{display:inline-block; vertical-align: -2px;}
.dashWrap .inputBox span{display:inline-block; font-size:12px; color:#525d66; font-family:'dotum','돋움',serif;  margin-left:3px;}

.member .join ol.tab{padding-top:80px; }
.member .join ol.tab:after{clear:both; display:block; content:'';}
.member .join ol.tab li{display:table; float:left; width:50%;  height:40px; }
.member .join ol.tab li a{display:table-cell; font-size: 14px; letter-spacing: -0.75px; font-family: 'notokr-medium';  vertical-align: middle;  color:#fff; text-align: center;background:#70808c;  border-radius:0 7px 7px  0; -webkit-border-radius:0 7px 7px  0;  -moz-border-radius:0 7px 7px  0;}
.member .join ol.tab li:first-child a{border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px;  -moz-border-radius:7px 0 0 7px;}
.member .join ol.tab li.on a{background:#1a4a7c;}

/* login */
.login{clear:both; display:block; width:100%; }
.login:after{content:'';display:block; clear:both;}
.login .loginBox{clear:both; display:table; width:100%; margin-top: 30px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background: #fafafa; }
.login .loginBox.v2{margin-top:15px}
.login .loginBox .loginCon{display:table; width:475px; margin:40px auto; }
.login .loginBox .loginCon .formSet{display:inline-block; vertical-align:top; width:370px; }
.login .loginBox .loginCon .formSet label span{ display: inline-block; width:80px; vertical-align:middle;}
.login .loginBox .loginCon.v2{width:500px;}
.login .loginBox .loginCon.v2 .formSet{width:500px;}
.login .loginBox .loginCon.v2 .formSet label span{width:120px;}
.login .loginBox .loginCon .formSet > span ~ span{display:block; margin-top:10px;}
.login .loginBox .loginCon .formSet label span{font-size:16px; color:#5081b2; letter-spacing:-0.75px; background-image:url('../../img/sub/dot.gif'); background-repeat:no-repeat;font-family:'notokr-demilight'; padding-left:10px; background-position:0 8px;}
.login .loginBox .loginCon .formSet input{display:inline-block; width:268px; border:3px solid #999; font-size:18px;}
.login .loginBox .loginCon.v2 .formSet select{display:inline-block; width:116px; height: 36px;  border:3px solid #999; font-size:18px; margin-left:3px;background:url('../../img/board/sel_arr2.png') no-repeat 95% center;}
.login .loginBox .loginCon.v2 .formSet input{width:360px;}
.login .loginBox .loginCon.v2 .formSet span.email input{width:100px;}
.login .loginBox .loginCon.v2 .formSet span.email i{margin-left:3px;}
.login .loginBox .loginCon > .btn{display: inline-block; margin-top:0; }
.login .loginBox .loginCon > .btn li{height:82px; }
.login .loginBox .loginCon > .btn li a{line-height:82px; font-size: 18px; background:#00a0e9;}
.login .loginBox .loginCon .txt{display:table; width:100%; border-top: 1px dashed #bfbfbf ; margin-top:30px; padding-top:30px;}
.login .loginBox .loginCon .txt > li{display:block; width:100%; float:left;}
.login .loginBox .loginCon .txt > li:last-child{margin-top:10px;}
.login .loginBox .loginCon .txt > li span{display:inline-block; padding-left:10px; background-image:url('../../img/sub/dot.gif'); background-repeat:no-repeat; font-family:'notokr-demilight'; background-position:0 7px; font-size:14px; color:#5c6973; letter-spacing:-0.75px;  vertical-align: -3px;}
.login .loginBox .loginCon .txt > li .btn{display:inline-block; margin-top:0; }
.login .loginBox .loginCon .txt > li .btn li{height:30px; width: 125px; margin:0 auto;}
.login .loginBox .loginCon .txt > li .btn li a{line-height:30px; font-size:12px; font-family: 'notokr-regular';}



/* terms */
.ter .terms{height:auto;}

/* sitemap */
.sitemap{display:block; width:100%; }
.sitemap div{width:100%; overflow:hidden;}
.sitemap dl{display:block; width:32%; margin-left: 2%; margin-top: 40px; float:left; min-height:350px; overflow:hidden;}
.sitemap dl:nth-child(3n-2){margin-left:0;}
.sitemap dl dt{ display: table; width: 100%; height:50px; background-image:url('../../img/sub/his_on.png'); background-repeat:no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%;}
.sitemap dl dt em{font-size:20px; display:table-cell; vertical-align:middle; width: 100%; height: 100%; color: #fff; text-indent: 20px; }
.sitemap dl dd{display:block; margin:20px 20px 0px; }
.sitemap dl dd a{padding-left:10px; background-image:url('../../img/sub/dot.gif'); background-repeat:no-repeat;background-position:0 8px; font-size:16px; color:#5c6973; letter-spacing:-0.75px; }
.sitemap dl dd a:hover{text-decoration:underline; color:#1a4a7c;}

/*-----------------------------------------------------------------------------------
	Sub Properties - Responsive
-----------------------------------------------------------------------------------*/

@media all and  (max-width:1600px) {.quickCont ul{display:none;}}
@media all and  (max-width:1280px) {.contents{ padding:0 30px 250px; width:825px;}}
@media all and  (max-width:1240px) {.quick{display:none;}}
@media all and  (max-width:1024px) {
nav ul > li.ons ol{display:none; }
/* selForm */
.selForm{float:right; margin-top:60px;}
h4{margin-top:60px;}

/* contents */
.contents{width:100%; min-height:inherit;   padding:0 3%;  }



/* dotTxt */

.dotTxt{padding-top:20px;}
.dotTxt li{margin-top:10px;}

/* boardTab  */
.boardTab {margin-top:20px;}
.boardTab > div span.formSet{overflow:hidden; width:100%;}

.boardTab > div div span.formSet{width:32.333%;}
.boardTab > div div span.formSet ~ .formSet{padding-left:1%; }
.boardTab > div span.formSet input{width:400px;}

/* boardTab v2 */
.boardTab.v2 > div span.formSet label{width:12%;}
.boardTab.v2 > div span.formSet input:nth-child(2){margin-right:5%;}
.boardTab.v2 > div span.formSet input{width:24%;}
.boardTab.v2 > div span.formSet button{width:15%;}

/* tabView */
.tabView{display:table; width:100%; margin-top:80px;}
.tabView .title{display:table; width:100%; background:#fafafa; text-align:center; border-top:1px solid #bfbfbf; border-bottom:1px solid #e6e6e6; padding:15px 0; color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif; font-weight:bold;}
.tabView table{margin-top:30px; border-width:1px;}
.tabView table td{color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif;}
.tabView table td ul{padding:15px 0;}
.tabView table td ul li{color:#525d66; font-size:12px;  font-family:'dotum','돋움',serif; line-height:16px;}


/* boardList */
.boardList{padding-top:20px;}
/* photoTable */
.photoTable{margin-top: 20px; }


/* boardView */
.boardView{padding-top:60px; }
.boardView table thead tr th{padding-right:5%;}
.boardView table thead tr th:first-child{padding-left:5%; width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.boardView table tfoot tr td{padding: 0 5%;}
.boardView table tbody tr td{padding:5%;}

/* movieList */
.movieList ul{padding:20px 2% 0;}
.movieList ul li{margin-bottom:20px; }

/* movieView */
.movieView{padding-top:60px;}
.movieView table thead tr th{padding-right:5%;}
.movieView table thead tr th:first-child{padding-left:5%; width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.movieView table tbody tr td{padding: 20px 5%;  }

.write tr td{padding:0 3%;}
.write tr td .formSet{width:100%;display:block; overflow:hidden;}
.write tr td input{width:100%; display:block; padding:0; text-indent:5px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:27px;}
.write tr td select{float:left;}
.write tr td.email i{display:block; float:left; padding-top: 3px; width:5%; text-align:center; margin-left:2%;}
.write tr td select.sma{width:32%; padding-right:30px;}
.write tr td input.sma{width:32%;}
.write tr td input.sma{margin-left:2%;}
.write tr td.email input.v2{width:28%;}
.write tr td.email input.v3{width:29%; margin-right:2%;}
.write textarea{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.write .security td em{display:inline-block; float:none;  vertical-align: middle;}
.write tr td button#btnRefresh{float:none; display:inline-block;}
.write tr.security td .formSet{float:none;display:inline-block; width:40%}
.write tr.security td .formSet input{   width:100%}
.write tr.security .redTxt{display:block; float:none; clear:both; padding-bottom:10px;}

/* table write txt */

.write .txt{ margin-left:0; width: 100%; margin-top:5px;}
.write .txt em{display: table-cell; }

.write .txt span{width:auto; display:table-cell;}

.write tr .notTxt input{float:none;  }
.write tr .notTxt input[type='radio']{height:17px; margin-top:5px; }


/* table write email */

.write tr td.dates i{float:left; padding-top:3px;}
.write tr td.inputFirst input{margin-left:0;}

/* write military */

.write tr td.military label{float:left;}
.write tr td.military label.margin{clear:both;margin-left:0; margin-top:5px;  margin-right:1%; width:20%;}
.write tr td.military label:first-child + select{width:100%}
.write tr td.military select ~ select{margin-top:5px; width:38.5%; margin-right: 0; margin-left:1%;}
.write tr td.military > span > span{float:left; padding: 12px 0 0; clear:both; width:21%; margin:0;}
.write tr td.military input.sma{margin-left:0; margin-top:5px; width:79%;}




/* photoTable */
.ovflow{overflow-x: auto;-webkit-overflow-scrolling: touch;}
.photoTable{min-width:580px; }
.photoTable tr td label{float:left;}
.photoTable tr .notTxt input{float:left;/* margin-top:7px; */}

.photoTable tr .notTxt label{margin-top:3px}

.write.another tr td input.sma{width:30%;}
.write.another tr td label{float:left;}
.write.another tr td label.margin{clear:both; margin-top:5px;  margin-left:0; width:49%; display:none;}
.write.another tr td label.margin + input{margin-top:5px; width:100%; margin-left:0; margin-right:0; }
.write.another tr td.inputSma .formSet > span{float:left; margin:5px 0 0 3%; width:6%; }
.write.another tr td.inputFirst select{margin-left:2%; width:49%;}
.write.another tr td.inputFirst input{width:49%;}

.write.another tr td.inputSma .formSet select{width:22%; }
.write.another tr td.inputSma .formSet select ~ select{margin-left:1%;}
.write.another tr td.inputSma .formSet select:last-child{margin-top:5px;  width:100%; margin-left:0;}

.write.another2 th{word-break:keep-all}
.write.another2 tr td label{float:left;}
.write.another2 tr td label.margin{clear:both; margin-top:5px;  margin-left:0; width:49%;}
.write.another2 tr td label.margin + input{margin-top:5px; width:100%; margin-left:0; margin-right:0;  }
.write.another2 tr td.inputSma .formSet > span{float:left; margin: 13px 0 0 5%; width:6%; }
.write.another2 tr td.inputFirst select{margin-left:2%; width:49%;}
.write.another2 tr td.inputFirst input{width:100%;}
.write.another2 tr td.inputSma .formSet label[for="career1_period_sym"]{display:none;}
.write.another2 tr td.inputSma .formSet label[for="career2_period_sym"]{display:none;}
.write.another2 tr td.inputSma .formSet select{width:21.5%;  margin-left:0; margin-top:5px;}
.write.another2 tr td.inputSma .formSet select ~ select{margin-left:1%;}
/* .write.another2 tr td.inputSma .formSet select:last-child{margin-top:5px;  width:100%; margin-left:0;} */
/*-----------------------------------------------------------------------------------
	Sub Contents - Responsive
-----------------------------------------------------------------------------------*/

/* intro 회사소개 - 인사말 , 사은품마케팅 사업 */
.greeting{padding-top:60px; background-position:100% bottom}

.greeting .greetBox{padding:20px 0 30px ; margin-bottom: 0;}
.greeting .greetBox p{font-size:22px; }
.greeting .greetBox p span{font-size:22px;}
.greeting .greetBox p sup{font-size:8px; }
.greeting ul.dotTxt{padding-bottom:200px;}


/* intro 회사소개 - 연혁 */
.history{padding-top:60px;}
.history dl dt{height:50px; margin-bottom:10px; border-top-width:2px;}
.history dl dt em{padding-left:3%; font-size: 18px; }
.history dl dt.on em{font-size:18px}
.history dl dd ol{padding:0 3% 30px;}
.history dl dd ol li em{font-size:16px; width:25%; vertical-align:top}
.history dl dd ol li span{font-size: 14px; width:75%; word-break:keep-all}

/* intro 회사소개 - 경영철학 */
.philosophy ul.icoset li img{width:80%;}
.philosophy ul.phi > li > dl > dd > ul > li dl dt > img{margin-top:1.5%}
.philosophy ul.phi > li > dl > dt.bg img{display:none;}
.philosophy ul.phi ol li{margin-top:10px;font-size:14px; word-break:keep-all; line-height:1.3; background:none; padding:0; text-align: center; display:block;}


/* intro 회사소개 - 인증현황 */
.certify > ul{padding:20px 0;}
.certify ul li dl dt > img{width:80%;}
.certify ul li dl dd{margin-top:10px;font-size:12px; word-break:keep-all}
.certify ul li dl dd br{display:none;}

.certify .certBox h4{margin-top:40px;}
.certify .certBox ul{margin-top:20px; }
.certify .certBox ul li{margin-bottom:20px; }
.certify .certBox ul li span{font-size:13px;}
.certify .certBox ul li img{width:100%;}


/* intro 회사소개 - 조직도 */
.orgchart{padding-top:60px; }
.orgchart .orgTop{padding:0 12.3%}

/* intro 회사소개 - 오시는 길 */
.map{padding-top:60px; }
.mapArea{ height:300px;  }

.locArea h4{margin-top:40px;}

/* business 사업소개 - 공통 */
.busTem figure{ margin-bottom:5px; padding-bottom:5px;}

.promotion{background-position: 100% 0%; }
.promotion .greetBox{padding:20px 0 80px;}

/* business 사업소개 - 꽃배달서비스사업 */
.delivery{padding-top:60px;}
.delivery > .icoList{padding-top:15px;}


/* member */
.member .join .dotTxt{padding-bottom:20px;}
.member  h4.v2{margin-top:40px;}
.member .dashWrap{  padding-bottom:20px; }
.member .dashWrap.v2{padding-top:20px;}
.dashWrap .inputBox{margin-top:5px;}
.dashWrap .inputBox input{vertical-align:top}
.dashWrap .inputBox span{width:90%; vertical-align:top}
.member .redTxt{padding-top:70px;}
.member .join ol.tab{padding-top:60px; }

.member .join ol.tab:after{clear:both; display:block; content:'';}
.member .join ol.tab li{display:table; float:left; width:50%;  height:40px; }
.member .join ol.tab li a{display:table-cell; font-size: 14px; letter-spacing: -0.75px; font-family: 'notokr-medium';  vertical-align: middle;  color:#fff; text-align: center;background:#70808c;  border-radius:0 7px 7px  0; -webkit-border-radius:0 7px 7px  0;  -moz-border-radius:0 7px 7px  0;}
.member .join ol.tab li:first-child a{border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px;  -moz-border-radius:7px 0 0 7px;}
.member .join ol.tab li.on a{background:#1a4a7c;}




/* terms */
.terms{margin-top:20px;}
.terms span{ padding:20px 5% ;}

.write tr td input.mid{width:50%;}


.intra .selForm.v2 > button{width:120px;}

/* layerPop */
.layerPop .layer{ margin-left: -40%;}

.layerPop .layer .layerCont{padding:20px 3%; }
.layerPop .layer .print{overflow-x: auto;-webkit-overflow-scrolling: touch;;}
.layerPop .layer .print table{min-width:500px;}
.layerPop .layer .print table td{padding:0;}
.layerPop .layer .layerCont .subT{display:none; width:100%;}
.layerPop .layer .layerCont .btn{float:none;display: block; text-align:center; width: 100%; border-top:1px dashed #bfbfbf; padding-top:30px; margin-top:20px;}
.layerPop .layer .layerCont .btn li{float:none; display:inline-block;}

/* layerPop v2 */
.layerPop.v2 .layer{margin-left: -45%; }
.layerPop.v2 .layerCont .txt{padding-bottom:0;}
.layerPop.v2 .layer .layerCont .btn{margin-top:0;}
.layerPop.v2 h4{margin-top:40px;}
.layerPop.v2 .layer .layerCont .btn li:first-child{display:none;}
.layerPop.v2 .layer .layerCont .btn li ~ li{margin-left:0;}
}

@media all and  (max-width:768px) {

/* heading */
h3{width:100%; height: 134px; display:table;  overflow:hidden; border-bottom:2px solid #ced4d9;}
h3 em{display:table-cell;  vertical-align: bottom;  font-size:30px;font-family: 'notokr-medium'; letter-spacing: -0.75px; color: #23588c;  padding-bottom:15px;}

h4{font-size:20px ; color:#1a4a7c;font-family: 'notokr-medium'; letter-spacing: -0.75px; position:relative; display:table;  }
h4.fl{float:left;}
h4.ico em{ position: absolute;  display:table; right:-20px; top:-16px;}
h4.ico:after{clear:both; display:block; content:'';}

/* selForm */
.selForm{width:100%; float:left; margin-top:15px;}
.selForm > select{width:25%;}
.selForm > input{width:53%; margin-left:2%; padding:0; text-indent:5px;}
.selForm > button{width:19.5%;}
/* intro 회사소개 - 조직도 */
.orgchart{position:relative; overflow:hidden; display:block;  padding-bottom: 100px;}
.orgchart .orgTop{width:40%; float:left;  padding:0;  background-image:url('../../img/sub/org_dot.png'); background-repeat: repeat-x; background-position:100% 22px; }
.orgchart .orgTop > div{background:none; float:left; padding-bottom:0; width:145px;}
.orgchart .orgTop .top{padding-bottom:180px; }
.orgchart .orgTop .right{ position:relative; top:auto; right:auto; margin-right: 0; padding-left: 0 ; background:none;}
.orgchart .orgTop img{width:145px; margin-left:0;}

.orgchart .orgBot{float:left; padding:0; width:60%; background-image:url('../../img/sub/org_dot.png'); background-repeat: repeat-y; background-position:67px 0; }
.orgchart .orgBot img{margin-left:0;}
.orgchart .orgBot > ul > li{ float:left; width: 100%; background-image:url('../../img/sub/org_dot.png'); background-repeat: repeat-x; background-position:0 22px; }
.orgchart .orgBot > ul > li.fth{height:60px;}
.orgchart .orgBot > ul > li > span{display:block;  float:left; padding-top:0; width:30%;}
.orgchart .orgBot > ul > li > ol{padding:0; background:none ;  float:left; width:70%; margin-top:10px;}
.orgchart .orgBot > ul > li > ol > li{margin-right:0;}
.orgchart .orgBot > ul > li > ul{padding-top:0; display:table; width:70%; background:none;r}
.orgchart .orgBot > ul > li.scd > ul{ width:70%; margin-left:0;display:block; position:static; float:left;}
.orgchart .orgBot > ul > li > ul > li{display:block; background:none;  width:100%; text-align:right; margin-top:10px;}

.orgchart .orgBot > ul > li > ul > li em{text-align:center;}
.orgchart .orgBot > ul > li > ul > li > ol{padding-top:10px; background:none;}
.orgchart .orgBot > ul > li > ul > li > ol li{display:table; margin-right:0;}
.orgchart .orgBot > ul > li > ul > li > ol li span{text-align:center;}

.dotTxt.v2 li{float:none; width:100%;}
.dotTxt.v2 li i{font-size:0;}
.dotTxt.v2 li span{width:75%; padding-left:2%;}
.dotTxt.v2 li:nth-child(2) span{display:none;}
.dotTxt.v2 li span.mob{display:inline-block; background:none; margin-left:0; padding-left:0;}
.dotTxt.v2 li:first-child{width:100%;}


/* intro 회사소개 - 경영철학 */
.philosophy ul.phi > li.thum{padding:30px 0 ;}
.philosophy ul.phi br{display:none;}
.philosophy ul.phi > li > ul > li em{display: block}
.philosophy ul.phi > li > h4{margin-top:40px;}
.philosophy ul.phi > li > i{width:20%; height:auto;  vertical-align: top}
.philosophy ul.phi > li > i img{width:100%;}
.philosophy ul.phi > li > ul{padding-left: 3%;}
.philosophy ul.phi > li > ul > li{font-size:15px;}


/* business 사업소개 - 공통 */
.rightTxt{float:none; margin-top:90px; }
.busTem h4{margin-top:50px;}
.busTem > ul > li{margin-bottom:20px;}
.busTem > ul > li i{ width:20%; height:auto; vertical-align:top ; padding-top:12px;}
.busTem > ul > li i img{width:100%;}
.busTem > ul > li > ul{padding-left: 3%; }
.busTem > ul > li > ul li{font-size:15px}
.busTem > ul > li > ul li ~ li{text-indent:-60px; padding-left:68px;}
.busTem ol > li{ width:49%; margin-bottom:2%;}

/* business 사업소개 - 시설관리사업 */
.asset{padding-top:60px;}
.asset ol > li ~ li{margin-left:2%; }
.asset ol > li:nth-child(2n-1){margin-left:0;}

/* business 사업소개 - HR사업 */
.hrBus{padding-top:60px;}
.hrBus ol > li{width:48%; margin-bottom:15px;}

/* business 사업소개 - 사은품마케팅사업 */
.promotion{background-position:0 0 ;}
.promotion h4{margin-top:50px;}
.monitor{padding-top:30px;}

.blueList{ margin-top:30px;}
.blueList li{display:table; float:none; width:100%;}
.blueList li:nth-child(2n){margin-left:0;}

.method{margin:20px auto; padding-bottom:30px;}
.method h4{margin-top:40px;}

.question h4{margin-top:30px;}
.question > .phoneList{display:none;}
.question > .phoneList.mob{display:block}
.question > .phoneList li{width:100%; float:none; display:block; }
.question > .phoneList li ~ li {margin-top:20px;}
.dotTxt.pro{padding-top:0;}

/* business 사업소개 - 꽃배달사업 */
.delivery > .icoList{font-size:0; overflow:hidden; text-align:center;}
.delivery > .icoList li{width:33.333%; margin-bottom:20px; float:none; display:inline-block; vertical-align:top; font-size:0; overflow:hidden;}
.delivery > .icoList li ~ li {margin-left:0;}


/* recruit 인재채용 - 인재상 */
.people{height:auto;}
.people > div{width:100%;}
.people ol > li{text-align: center;}
.people ol > li ~ li{width:100%; margin-top:60px;}
.people ol > li:nth-child(2){float:none;}
.people ol > li:nth-child(3){float:none;}
.people ol > li:nth-child(2) img{margin:0 auto}
.people ol > li:nth-child(3) img{margin:0 auto;}
.people ol > li ~ li img{margin:0; float:none}
.people ol > li:first-child span{position:relative; top:auto; left:auto; text-align: center; margin-top:20px; }
.people ol > li ~ li span{width:100%; margin-top:20px; display:block;}

.people .pc{display:none;}

/* boardTab  */
.boardTab ul{padding:0 5%;}
.boardTab  > div{ padding:20px 5%;}
.boardTab > div span.formSet{overflow:hidden; width:100%; margin-top:0;}
.boardTab > div div span.formSet{width:49%; display:block; float:left;}
.boardTab > div div span.formSet ~ .formSet{padding-left:2%; }
.boardTab > div div span.formSet:nth-child(2n-1){padding-left:0;}
.boardTab > div span.formSet:nth-child(2) ~ .formSet{margin-top:10px;}
.boardTab > div span.formSet input{width: auto;}
.boardTab > div > span.formSet{margin-top:10px;}


/* boardTab v2 */
.boardTab.v2 > div span.formSet label + input + input + label{clear:both; margin-top:10px;}
.boardTab.v2 > div span.formSet label + input + input + label + input{margin-top:10px;}
.boardTab.v2 > div span.formSet button{margin-top:10px; width:20%;}
.boardTab.v2 > div span.formSet label {width:auto}
.boardTab.v2 > div span.formSet label:first-child{margin-left:26px;}
.boardTab.v2 > div span.formSet input{width:45%;}

/* login */
.login .loginBox{margin-top: 20px;display:block;}
.login .loginBox .loginCon{display:block; width:330px; margin:20px auto; }
.login .loginBox .loginCon .formSet{width:250px; }
.login .loginBox .loginCon .formSet input{width:145px; }

.login .loginBox .loginCon > .btn li{width:72px;}
.login .loginBox .loginCon .txt > li .btn li{margin-top: 10px; }
.login .loginBox .loginCon .txt .btn{width:100%; }




.login .loginBox .loginCon.v2{width:330px;}
.login .loginBox .loginCon.v2 .formSet{width:330px;}
.login .loginBox .loginCon.v2 .formSet select{width:93px; padding-right:25px;}
.login .loginBox .loginCon.v2 .formSet input{width:190px;}
.login .loginBox .loginCon.v2 .formSet span.email > label > span{display:block; margin-bottom:10px;}
.login .loginBox .loginCon.v2 .formSet span.email input{width:88px;}
.login .loginBox .loginCon.v2 .formSet span.email i{margin-left:3px;}
/* .login .loginBox .loginCon.v2 .txt > li .btn li{margin-top:0;} */
.login .loginBox .loginCon .txt > li{float:none; text-align:center;}
.login .loginBox .loginCon .txt .btn{float:none;}
.login .loginBox .loginCon .txt .btn li{float:none; text-align:center;}

/* sitemap */
.sitemap dl{display:block; width:49%; margin-left: 2%; margin-top: 20px; float:left; }
.sitemap dl:nth-child(3n-2){margin-left:2%;}
.sitemap dl:nth-child(2n-1){margin-left:0;}

.write.v3 col:nth-child(2n){width:100px;}

}

@media all and (max-width:580px){
.monitor ul li{display:block;}
.monitor ul li.left{margin-top:295px;}
.monitor ul li.smaM > em{padding-top:0;}
}
@media all and (max-width:570px) and (min-width:410px){
.write.v3 col:nth-child(2n-1){width:100px !important;}
}
@media all and  (max-width:480px) {
.contents{background-position:left 0;}
.greeting{background-position:80% bottom}

/* intro 회사소개 - 경영철학 */
.philosophy ul.phi ol li{font-size:12px; line-height: 1.2; margin-top:5px;}
.philosophy ul.phi > li > dl > dd > ul > li dl dd{margin-top:5px}

.philosophy ul.phi > li.thum{padding:20px 0 ;}
.philosophy ul.phi > li > i{width: 120px;display: block;margin: 0 auto 20px;}
.philosophy ul.phi > li > ul{padding-left:0; display:block;}


.orgchart .orgTop{padding-right: 10%; background-position:100% 17px; }
.orgchart .orgTop > div{width:100px;}
.orgchart .orgBot{background-position:45px 0;}
.orgchart .orgTop img{width:100px;}
.orgchart .orgBot img{width:100px;}
.orgchart .orgBot > ul > li{background-position:0 17px;}
.orgchart .orgBot > ul > li.fth{height:49px;}
.orgchart .orgBot > ul > li > ol{margin-top:10px;}
.orgchart .orgBot > ul > li > ol > li{width:65px; height:20px;}
.orgchart .orgBot > ul > li > ol > li ~ li{ height:30px; padding-top:10px; }
.orgchart .orgBot > ul > li > ol > li > span{font-size:10px}
.orgchart .orgBot > ul > li > ul > li em{width:65px; height:20px; font-size:12px; line-height:20px;}
.orgchart .orgBot > ul > li > ul > li{margin-top:8px;}
.orgchart .orgBot > ul > li > ul > li > ol li{width:65px; height:20px;}
.orgchart .orgBot > ul > li > ul > li > ol li ~ li{height:30px; padding-top:10px;}
.orgchart .orgBot > ul > li > ul > li > ol li span{font-size:10px;}
.orgchart .orgBot > ul > li > ul > li em{font-size:10px;}
.orgchart .orgBot > ul > li.fth > ul > li em{font-size:9px;}
.orgchart .orgBot > ul > li.fth{height:35px;}

/* business 사업소개 - 공통 */
.busTem > ul{padding-top:20px;}
.busTem > ul > li i{width:120px; display:block; margin:0 auto 20px;}
.busTem > ul > li > ul{padding-left:0; display:block; }
.busTem ol > li > ul{width:100%; padding:10px; border:1px solid #e6e6e6;}
.busTem ol > li > ul > li > span{display:block; width:100%;}
.busTem ol > li > ul > li > span > img{display:table; width:100%;}
.busTem ol > li > ul > li.txtBox{width:100%; padding:20px 0 10px;}
.busTem ol > li > ul > li.txtBox em{display:block; text-align:center; font-family:'notokr-light' ;  font-size:16px; letter-spacing: -0.75px; color:#2c6bb9; }

.busTem ol > li{ width:100%; }

/* business 사업소개 - 시설관리사업 */
.asset ol > li ~ li{margin-left:0%; }
.hrBus ol > li:nth-child(2n){margin-left:0;}

/* business 사업소개 - 사은품마케팅사업 */
.promotion{background:none;}
.promotion .greetBox{padding:20px 0 30px;}
.blueList li span {font-size:13px;}

/* business 사업소개 - 꽃배달사업 */
.delivery > .icoList li{width:29.333%; margin:2%;}
.delivery > .icoList li ~ li{margin:2%;}
.delivery > .icoList li img{width:100%;}


/* boardTab  */
.boardTab > div div span.formSet{width:100%; float:none;}
.boardTab > div div span.formSet ~ .formSet{padding-left:0%; }
.boardTab > div span.formSet ~ .formSet{margin-top:10px;}
.boardTab > div span.formSet input{width: auto;}
.boardTab > div > span.formSet{margin-top:10px;}
.boardTab > div span.formSet button{width:50px;}



/* boardList  */
.boardList table tbody tr td.date{letter-spacing:-0.5px;}

/* movieList  */
.movieList ul li{width:48%;}
.movieList ul li:nth-child(3n-2){margin-left:0%;}
.movieList ul li:nth-child(2n-1){margin-left:0%;}
.movieList ul li:nth-child(2n){margin-left:4%;}
.movieView table tbody tr td span.movie iframe{height:200px;}

.sitemap dl dd a{font-size:14px;}


/* btn */
.btn{margin-top:30px; float:none; clear:both; display:block; text-align:center;}
.btn li{float:none; width:80px;display:inline-block; vertical-align:top; margin:0 2px;}
.btn li~li{margin-left:2px;}
.btn li a{display:block; line-height:40px; width:100%; background:#1a4a7c;  text-align: center; color:#fff; font-family: 'notokr-medium'; letter-spacing:-0.75px; font-size:14px;border-radius:7px; -webkit-border-radius:7px;  -moz-border-radius:7px;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.btn li a:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: -10;}

.btn li.gray a{background:#4d4d4d; }
.btn li.black a{background:#333;}
.btn li a:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity:0.8;  -khtml-opacity:0.8; opacity:0.8;}
.btn li a:hover:after{ left: 150%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);     transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}


.vacation .vacaCont > div ul{position:absolute; top:35%; left:15%; margin-left:0; margin-top:0;}
.vacation .vacaCont > div ul li{font-size:12px;  padding-right:5%;}
.write tr .notTxt input, .write tr .notTxt label{float:left;}
.write tr .notTxt input + label + input + label + input{display:block; clear:both;}

.layerPop .layer{width:90%; margin-left:-45%;}

}

@media all and  (max-width:350px) {
/* login */
.login .loginBox{margin-top: 20px;display:block;}
.login .loginBox .loginCon{display:table; width:280px; margin:20px auto; }
.login .loginBox .loginCon .formSet{width:200px; }
.login .loginBox .loginCon .formSet input{width:95px; }
.login .loginBox .loginCon > .btn li{width:72px;}
.login .loginBox .loginCon .txt > li .btn li{margin-top: 10px; }
.login .loginBox .loginCon .txt > li span{display:inline-block; }

.login .loginBox .loginCon.v2{width:280px;}
.login .loginBox .loginCon.v2 .formSet{width:280px;}
.login .loginBox .loginCon.v2 .formSet input{width:140px;}
.login .loginBox .loginCon.v2 .formSet span.email > label > span{display:block; margin-bottom:10px;}
.login .loginBox .loginCon.v2 .formSet span.email input{width:63px;}
.login .loginBox .loginCon.v2 .formSet span.email i{margin-left:3px;}
.login .loginBox .loginCon.v2 .txt > li .btn li{margin-top:10px;}

/* sitemap */
.sitemap dl{ width:100%;margin-left:0; min-height:100%;}
.sitemap dl:nth-child(3n-2){margin-left:0;}
.print{max-height:250px;}
}





@page {
  size: A4;
  margin: 0;
  /*page-break-before: always;*/ 
}
@media print {
  html, body {
    /*changing width to 100% causes huge overflow and wrap*/
    /* height:90%;  */
    /* overflow: hidden; */
    background: #FFF; page-break-after:always;
  }
	.headWrap, .container, footer{display:none !important;}
	.layerPop{display:block !important;}
	.layerPop .bg{display:none !important;}
	.layerPop .title{display:none !important;}
	.layerPop .txt{display:none !important;}
	.layerPop .btn{display:none !important;}
	.vacation{max-height:inherit; overflow:hidden;}
}