@charset 'utf-8';

.top-btn{position:fixed; bottom:145px; right:20px; display:none; width:50px; height:50px; background:url('/images/common/btn/top_btn.gif'); z-index:10;}
body{min-width:1200px;}
.txt-blue{color:#00467f;}
/*로그인*/
#login{position:relative; width:100%; height:100%;}
#login .login-area{position:absolute; top:50%; left:50%; width:770px; height:460px; margin-top:-230px; margin-left:-385px;}
#login .h1{margin-bottom:16px;}
#login .h1 img{display:block;}
#login .login-content{background:url('/images/admin/login_bg.gif') no-repeat; height:384px; padding:40px 50px; box-sizing:border-box;;}
#login .login-content p{font-size:14px; position:relative; padding-left:12px; line-height:24px;}
#login .login-content p:before{content:''; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background-color:#00467f;}
#login .login-content p.type1{font-size:16px;}
#login .login-content p span{font-family:'notokr-medium'; color:#222;}
#login .login-item:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#login .login-item{width:518px; margin:70px auto 65px}
#login .inner-item{float:left; width:396px; margin-right:21px;}
#login .inner-item > div:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#login .inner-item > div:first-child{margin-bottom:20px;}
#login .inner-item > div span{display:block; width:85px; line-height:35px; float:left; font-family:'notokr-medium'; color:#222; font-size:18px;}
#login .inner-item > div input{display:block; border:1px solid #c3c6cb; background-color:#FFF; width:311px; height:35px; box-sizing:border-box; float:left; font-family:'notokr-regular'; color:#666; font-size:16px;}
#login .login-btn{float:left; width:101px; display:block; height:90px; margin:0; padding:0; text-align:center; background-color:#00467f; color:#fff; font-family:"NanumSquare"; font-weight:normal; line-height:90px; border-radius:5px; font-size:24px;}
#login span.copylight{color:#6d6f71; font-size:13px; display:block; text-align:right; padding-top:13px;}

/*헤더*/
#header .inner-head{background-color:#e4e7ee;}
#header .inner-head:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#header .inner-head .logo{float:left; width:130px; margin:25px 0 25px 100px;}
#header .inner-head .logo img{display:block;}
#header .inner-head .utill{float:right; /*width:415px;*/ width:auto;}
#header .inner-head .utill ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#header .inner-head .utill ul li.item1{float:left; width:160px; border-right:1px solid #fff; border-left:1px solid #fff; display:none;}
#header .inner-head .utill ul li.item2{float:left; width:253px;}
#header .inner-head .utill ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#header .inner-head .utill ul li.item1 a{display:block; width:80px; height:80px; color:#343434; font-size:15px; line-height:80px; float:left; text-align:center; position:relative; font-family:'notokr-medium';}
#header .inner-head .utill ul li.item1 a:last-child{display:none;}
#header .inner-head .utill ul li.item1 a.on{background-color:#FFF; color:#00467f;}
#header .inner-head .utill ul li.item1 a.on:before{content:''; position:absolute; bottom:18px; left:50%; width:30px; height:2px; background-color:#628bae; margin-left:-15px;}
#header .inner-head .utill ul li.item2 .user-info{float:left; width:177px; text-align:center;}
#header .inner-head .utill ul li.item2 .user-info a{display:block;}
#header .inner-head .utill ul li.item2 .user-info span{background:url('/images/admin/user_ico.png') no-repeat left center; padding-left:48px; display:inline-block; line-height:80px; font-size:16px; color:#343434; font-family:'notokr-medium';}
#header .inner-head .utill ul li.item2 .user-info span em{font-size:18px; font-style:normal;}
#header .inner-head .utill ul li.item2 .logout-btn{width:76px; height:80px; line-height:80px; display:block; float:left; text-align:center; color:#fff; margin:0; padding:0; background-color:#00467f; font-size:15px;}
#header .gnb-area{border-bottom:1px solid #ddd;}
#header .inner-gnb{max-width:1170px; margin:0 auto; padding:0 15px;}
#header .inner-gnb ul{text-align:center; padding:14px 0;}
#header .inner-gnb.admin ul{text-align: left;}
#header .inner-gnb ul li{display:inline-block; padding:0 25px;}
#header .inner-gnb ul li a{font-size:16px; color:#444; font-family:'notokr-medium';}
#header .inner-gnb ul li.on{position:relative;}
#header .inner-gnb ul li.on:before{content:''; position:absolute; bottom:-15px; left:50%; width:30px; height:3px; margin-left:-15px; background-color:#00467f;}
#header .inner-gnb ul li.on a{color:#00467f;}
#header .inner-gnb ul li:last-child.on:before{margin-left:-9px}
/*레이아웃 및 페이지타이틀*/
#admin #content{max-width:1170px; padding:0 15px; margin:0 auto;}
#admin #content .container{padding:60px 0 160px;}
#admin #content .container h2{font-size:42px; color:#222; font-family:"NanumSquare"; font-weight:700; text-align:center; margin-bottom:15px;}

/*상단*/
.language-tab{border-bottom:2px solid #00467f; margin-bottom:50px;}
.language-tab:after{clear:both; display:block; overflow:hidden; content:"";height:0}
.language-tab li{float:left; width:120px; margin-bottom:-2px;}
.language-tab li a{display:block; text-align:center; font-weight:bold; color:#222; background:#f0f0f0; border-bottom:2px solid #00467f; line-height:53px; font-family:"NanumSquare"; font-weight:700; font-size:18px; box-sizing:border-box}
.language-tab li.on a{color:#00467f; border:2px solid #00467f;font-weight:bold; background-color:#fff; border-bottom:0;}
.language-tab li.on a span{position:relative;}
.language-tab li.on a span:before{content:''; position:absolute; bottom:-10px; left:0; background-color:#628bae; width:100%; height:2px;}




.top-area{margin-bottom:30px;}
.top-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.top-area .fl-l{float:left;}
.top-area .fl-r{float:right;}
.top-area .type2{margin-top:25px;}
.top-area > div > span{font-family:"NanumSquare"; font-size:18px; color:#666; font-weight:400;}
.top-area > div > span em{color:#00467f;}
.top-area > div > p{font-size:15px; color:#666; position:relative; padding-left:12px;}
.top-area > div > p:before{content:'*'; position:absolute; top:4px; left:0; color:#00467f;}
.top-area > div > p a{color:#00467f;}
.top-area .search-box{border-bottom:2px solid #222; width:370px;}
.top-area .search-box + div{margin-left:12px;}
.top-area .search-box:after{clear:both; display:block; overflow:hidden; content:"";height:0}
.top-area .search-box.search2{width:310px; display:inline-block;}
.top-area .search-box.search3{width:150px; height:48px; float:left;}
.top-area .search-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.top-area .search-box input{border:0; font-size:18px;  font-family:'notokr-regular'; padding:0 15px; float:left; display:block; height:46px;}
.top-area .search-box input::placeholder{color:#888;}
.top-area .search-box button{float:right; display:block; padding:0; margin-right:10px; height:33px; width:33px; text-align:right; background:url('/images/common/btn/search_btn2.png') no-repeat center; color:transparent;}

/*리스트*/
.list-content table{width: 100%; border-collapse: collapse; border-spacing: 0; border-top:1px solid #444; margin-bottom:50px;}
.list-content table .checkbox{vertical-align:super;}
.list-content table th{background-color:#f0f0f0; font-size:18px; color:#222; font-weight:normal; font-family:'notokr-medium'; text-align:center; height:60px; border-bottom:1px solid #ddd;}
.list-content table td{font-size:16px; color:#666; font-family:'notokr-regular'; text-align:center; height:55px;border-bottom:1px solid #ddd;}
.list-content table td a.down-load-btn{background:url('/images/admin/ico_type3.png') no-repeat left center; padding-left:25px; color:#666;}
.list-content table td img{vertical-align: middle;}
.list-content table td .title{text-align:left; padding-left:30px;}
.list-content table td span.type1{background:url('/images/admin/ico_type1.png') no-repeat left center; padding-left:35px;}
.list-content table td span.type2{background:url('/images/admin/ico_type2.png') no-repeat left center; padding-left:25px;}
.list-content table td .box-icon{font-size:15px; display:block; text-align:center; line-height:23px; margin:0 auto; border-radius:3px;}
.list-content table td .box-icon.item1{width:50px; height:23px; background-color:#628bae; color:#fff; border:1px solid #628bae}
.list-content table td .box-icon.item2{width:50px; height:23px; background-color:#f4f4f4; color:#666; border:1px solid #ccc}
.list-content table td .box-icon.item3{width:80px; height:23px; background-color:#628bae; color:#fff; border:1px solid #628bae}
.list-content table td .box-icon.item4{width:80px; height:23px; background-color:#1b9bc4; color:#fff; border:1px solid #1b9bc4}
.list-content table td .box-icon.item5{width:80px; height:23px; background-color:#f4f4f4; color:#666; border:1px solid #ccc}
.list-content table td .box-icon.item6{width:80px; height:44px; background-color:#ff4646; color:#fff; border:1px solid #ccc; line-height:21px}
.list-content table td .edit-btn{font-size:15px; color:#fff; width:50px; height:30px; line-height:30px; background-color:#555; line-height:30px; text-align:center; display:block; margin:0 auto;}
.list-content .notice-txt{font-family:'notokr-regular'; color:#00467f;}
.list-content table td.ta-l{text-align:left;}

.list-content table.type2 td{border-right:1px solid #ddd; padding:20px 0;}
.list-content table.type2 td img{vertical-align: middle;}
.list-content table.type2 td:last-child{border-right:none;}
.list-content table.type3 td{border-right:1px solid #ddd;}
.list-content table.type3 td:last-child{border-right:none;}
.list-content tr td.notice{color:red; font-family:'notokr-regular';}
li.top-none{margin-top:0!important;}

/*페이징*/
.control-area{position:relative; height:52px;}
.control-area.more{height:auto;}
.control-area .btn{position:absolute; top:0; width:116px; height:50px; line-height:48px; text-align:center; font-size:22px; color:#fff; }
.control-area .btn.type2{left:125px;}
.control-area .btn.type3{width:150px;}
.control-area .btn.list{position:static;}
.control-area .left{left:0;}
.control-area .right{right:0;}
.control-area .btn-gray{border:1px solid #dde1e4; background-color:#444;}
.control-area .btn-blue{border:1px solid #dde1e4; background-color:#00467f;}
.pagenation {text-align: center; margin-top: 30px;}
.pagenation.right{text-align: right; font-size:0;}
.pagenation.right a + a{margin-left:10px;}
.pagenation > a{display: inline-block; vertical-align: middle;  width:41px; height:41px; border-right:0;}
.pagenation > a img{display:block; vertical-align: middle;}
.pagenation ul {display: inline-block; vertical-align: middle; margin:0 10px;}
.pagenation ul li {display: inline-block; width:41px; height:41px; line-height:41px; border:1px solid #dde1e4; border-right:0; margin-right:-4px;}
.pagenation ul li > a{display:block; vertical-align: middle; font-size:15px;}
.pagenation ul li > a.on{color:#fff; background: #686868;}
.pagenation ul li:last-child{border-right:1px solid #ddd;}
.fl-r .top.btn-blue{display:block; border:1px solid #dde1e4; background-color:#00467f; color:#fff; font-size:22px; text-align:center; width:116px; height:50px; line-height:48px;}
.more-btn{background:#f4f5f6; border:1px solid #dde1e4; width:370px; height:60px; line-height:60px; font-family: 'notokr-regular'; text-align:center; margin:0 auto; padding:0; display:block;}
.more-btn span{font-size:22px; color:#707070; padding-right:40px; background:url(/images/common/btn/more_btn.png) center right no-repeat;}
/*체크박스*/
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#555;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
}
.checkbox label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.checkbox input[type="checkbox"]:checked ~ label .checkbox-text {color: #007bc8;}
.check-type1 label i{}
.check-type1 label .check-image{display:inline-block; width:20px;height:20px; background-image: url(/images/common/ico/ico_chk_type1_unchecked.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:20px; margin-right:10px}
.check-type1 label span{word-break: break-all; vertical-align: middle; font-size:15px; color:#666; font-family:'notokr-light';}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/images/common/ico/ico_chk_type1_checked.png);}
table tr .check-type1 label .check-image{display:inline-block; width:20px;height:20px; background-image: url(/images/common/ico/ico_chk_type1_unchecked.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:20px; margin-right:0;}

/*검색*/
.page-search{}
.page-search .search-none{background:#f8f9fa; width:100%; min-height:300px; border-top:2px solid #444; text-align:center; display:table; margin-bottom:40px;}
.page-search .search-none span{color:#222; font-size:20px; line-height:1; vertical-align: middle; display:table-cell; font-family:'notokr-medium'}



/* ir view*/
.container .view-head .title-area strong{font-weight:normal; font-family:"NanumSquare"; font-size:28px; color:#222; text-align:center; display:block; line-height:38px; margin-top:43px;}
.container .view-head .title-area span{font-size:15px; color:#666; text-align:center; display:block; margin-top:10px;}
.container .view-head .file-area{border-top:1px solid #444; background-color:#f0f0f0; margin-top:20px; padding:15px 42px; position:relative; border-bottom:1px solid #ddd; overflow: hidden;}
.container .view-head .file-area.type2{border-top:none; margin-top:0;}
.container .view-head .file-area strong{font-size:15px; display:block; float:left; color:#222; position:absolute; top:50%; left:42px; margin-top:-10px;}
.container .view-head .file-area ul{float:left; width:calc(100% - 100px); margin-left:100px;}
.container .view-head .file-area ul li:first-child{padding-top:0;}
.container .view-head .file-area ul li{padding-top:10px;}
.container .view-head .file-area ul li a{font-size:15px; color:#666; display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.container .besides-list{position:relative; height:50px; padding-top:67px;}
.container .besides-list a{display:block; font-size:22px; color:#707070;}
.container .besides-list a.prev{position:absolute; top:50px; left:0; padding-left:36px; background:url('/images/common/ico/prev_arrow.png') no-repeat center left;}
.container .besides-list a.next{position:absolute; top:50px; right:0; padding-right:36px; background:url('/images/common/ico/next_arrow.png') no-repeat center right;}
.container .besides-list a.list{position:absolute; top:40px; right:50%; margin-right:-58px; width:115px; height:48px; line-height:48px; text-align:center; background-color:#f4f5f6; border:1px solid #dde1e4;}
.container #view-detail{padding:80px 40px;}
.container #view-detail img{max-width:100%}
.view-date-area{margin-top:10px; text-align: center;}
.view-date-area > span{display:inline-block!important; line-height:1;}
.view-date-area > span + span{margin-left:10px;}
.view-date-area > span + span:before{display:inline-block; content:""; width:1px; height:13px; background:#ddd; margin-right:15px;}

/* 이전글 다음글*/
.besides-list{}
.besides-list ul{}
.besides-list ul li{border-top:1px solid #ddd; vertical-align: middle;}
.besides-list ul li:last-child{border-bottom:1px solid #ddd;}
.besides-list ul li span{position:relative; display:inline-block; width:153px; color:#707070; line-height:1; vertical-align: middle; padding:16px 0 16px 40px; box-sizing:border-box;}
.besides-list ul li a.prev-ico{display:inline-block; vertical-align: middle; width:100%; height:100%;}
.besides-list ul li a.prev-ico:before{position:absolute; content:""; width:30px; height:15px; background:url(/images/admin/btn-besides-prev.png) center no-repeat; top:0; bottom:0; right:0; margin:auto;}
.besides-list ul li a.next-ico{display:inline-block; vertical-align: middle; width:100%; height:100%;}
.besides-list ul li a.next-ico:before{position:absolute; content:""; width:30px; height:15px; background:url(/images/admin/btn-besides-next.png) center no-repeat; top:0; bottom:0; right:0; margin:auto;}
.besides-list ul li p{display:inline-block; line-height: 1; vertical-align: middle; padding-left:40px;}
.besides-list > ul > li > p > a{display:block; height:100%; font-size:16px!important; color:#666!important;}

/* write */
.write-top-txt{position:relative; font-size:15px; color:#666; padding-left:10px; float:right; margin-bottom:10px;}
.star:before{position:absolute; content:"*"; top:4px; left:0; color:#00467f;}
.star.type1:before{position:absolute; content:"*"; top:50%; left:34px; color:#00467f; margin-top:-7px}
.star.type2:before{position:absolute; content:"*"; top:4px; left:38px; color:#00467f;}
.star.type3:before{position:absolute; content:"*"; top:4px; left:56px; color:#00467f;}
.star.type4:before{position:absolute; content:"*"; top:4px; left:90px; color:#00467f;}
.star.type5:before{position:absolute; content:"*"; top:4px; left:115px; color:#00467f;}
.star.type6:before{position:absolute; content:"*"; top:4px; left:73px; color:#00467f;}
.star.type7:before{position:absolute; content:"*"; top:4px; left:48px; color:#00467f;}
.star.type8:before{position:absolute; content:"*"; top:4px; left:80px; color:#00467f;}
.star.type9:before{position:absolute; content:"*"; top:4px; left:62px; color:#00467f;}
.write-area{clear: both; }
.write-inquiry > ul.border-bot{border-bottom:1px solid #444;}
.write-area > ul > li.border-bot{border-bottom:1px solid #ccc;}
.write{overflow:hidden;border-top:1px solid #444; padding:20px 40px 20px 26px; box-sizing: border-box;}
.write .txt-blue{font-family: 'notokr-medium'}
.write.light{border-top:1px solid #ccc;}
ul.write > li{float:left;}
ul.write > li:first-child{position:relative; margin-top:7px; font-size:18px; color:#222; font-family: 'notokr-medium'; width:114px;}
ul.write > li:last-child{width:990px; box-sizing: border-box;}
.write-area.type2 ul.write > li:first-child{width:148px;}
.write-area.type2 ul.write > li:last-child{width:954px!important; box-sizing: border-box;}
.write-area.type2 .write-input-area ul{margin-left:22px;}
input.text-area.type1{width:100%; height:35px; border:1px solid #ccc; font-size:16px; color:#666; box-sizing: border-box;}
input.text-area.type1:read-only{background: #f0f0f0;}
input.text-area.type2{width:150px; height:35px; border:1px solid #ccc; font-size:16px; color:#666; box-sizing: border-box;}
input.text-area.type3{width:240px; height:35px; border:1px solid #ccc; font-size:16px; color:#666; box-sizing: border-box; cursor: pointer;}
input.text-area.type4{width:400px; height:35px; border:1px solid #ccc; font-size:16px; color:#666; box-sizing: border-box; cursor: pointer;}
input.text-area.type5{width:120px; height:35px; border:1px solid #ccc; font-size:16px; color:#666; box-sizing: border-box; cursor: pointer;}
.select-area{margin-top:20px; padding-left:7px; font-size:0;}
.select-area.type2{float:left; margin-right:35px;}
.select-area.type3{float:none; margin-top:0;}
.select-area.type3 + div{margin-top:20px;}
.select-area.type3 .select-container{width:115px;}
.select-container .count-txt{color:#00467f; font-family: 'notokr-medium'}
.select-area ul{font-size:0;}
.select-container{
  display: inline-block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'notokr-light';
  color:#666;
}
.select-container.type2{
  display: inline-block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'notokr-light';
  color:#666;
}
.select-container + .select-container{margin-left:30px;}
.select-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  border-radius: 50px;
  background-color: #fff;
  border:1px solid #ccc;
}
.checkmark.squre {
  border-radius: 0;
}
.select-container .checkmark:after {
  margin-left:6px;
  margin-top:6px;
  width: 7px;
  height: 7px;
  background:#000;
  border-radius: 50px;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.write-box{border:1px solid #ccc; width:100%; min-height:400px; box-sizing: border-box;}
.write-box:read-only{background: #f0f0f0;}
.btn-searchfile{display:inline-block; padding:0 25px; color:#fff; font-size:15px; line-height:40px; height:40px; background:#555; margin-right:32px;}
.btn-deletefile{display:inline-block; padding:0 23px; color:#fff; font-size:15px; line-height:30px; height:30px; background:#f4f5f6; color:#707070; box-sizing: border-box; border: 1px solid #dde1e4; margin-left:25px; font-family: 'notokr-regular';}

.write-file-area ul li{color:#666; margin-bottom:10px; font-family: 'notokr-light';}
.file-txt{display:inline-block; font-family: 'notokr-light'; vertical-align: middle;}
.filebox{display:inline-block; margin-bottom:20px;}
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }


.write-date{height:75px; margin-top:30px;background:#f4f5f6; border: 1px solid #ccc;}
.write-date > ul {border-top:none!important;}
.write-date > ul > li:first-child{margin-top:5px!important;}
.write-date > ul > li > ul > li{display:inline-block; line-height:1;}
.write-date > ul > li > ul > li + li{margin-left:20px;}
.write-input-area{width:auto!important;}
.write-input-area ul{margin-left:55px;}
.write .checkbox{margin-left:30px; vertical-align: middle; margin-top:22px;}
.write-area .checkbox{width:140px; margin-left:30px; vertical-align: middle; margin-top:22px;}
.write .checkbox p{display:inline-block;font-size:15px; color:#666!important; font-family: 'notokr-light'; vertical-align: middle;}
.write-area .checkbox p{display:inline-block;font-size:15px; color:#666!important; font-family: 'notokr-light'; vertical-align: middle;}
/* 고객사 */
.page-search.customer{margin-top:40px;}
.search-box.search3{padding:0 4px; box-sizing: border-box;}
.search-box select {
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(/images/admin/btn-classify.png) center right no-repeat;  /* 화살표 모양의 이미지 */
    border:none;
    width:100%;
    height:46px;
    font-size:18px;
    color:#888;
    font-family: 'notokr-regular';
    position:relative;
}
.write-select{padding:0 8px; box-sizing: border-box; width:160px; border:1px solid #ccc; color:#666; height:35px; box-sizing: border-box; line-height:35px; float:left;}
.write li > div + div{display:inline-block; margin-left:20px;}
.write-select select {
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(/images/admin/btn-classify.png) center right no-repeat;  /* 화살표 모양의 이미지 */
    background-size:15px;
    border:none;
    width:100%;
    font-size:18px;
    color:#666;
    font-family: 'notokr-regular';
    position:relative;
}
input::-ms-clear { display: none; }
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }

.veiw-title{height:65px; border-top:2px solid #222; border-bottom:1px solid #ccc; overflow:hidden; padding:0 42px 0 42px;}
.veiw-title strong{font-size:22px; color:#222; line-height:65px;}
.veiw-title ul{float:right;}
.veiw-title ul li{float:left; font-size:15px; line-height:65px;}
.veiw-title ul li + li{margin-left:10px;}
.veiw-title ul li + li:before{content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin-right:10px;}
.view-box{padding:50px 20px; min-height:200px; border-bottom:1px solid #ccc; box-sizing: border-box;}
.write .select-area{display:inline-block; vertical-align: middle;}
.write-area .select-area{display:inline-block; vertical-align: middle;}
.admin-select-box .select-area{display:block; vertical-align: middle;}

/* 제품관리 */
.goods-btn{float:left; margin-top:8px; margin-right:17px;  height:40px; background:#628bae;}
.goods-btn a{padding:0 17px; height:100%; display:block; color:#fff; font-family: 'notokr-regular'; line-height:40px; box-sizing: border-box; font-size:15px;}
.list-content table td.txt-blue{color:#00467f;}
.number-box{display:block; font-size:16px; color:#666; width:28px; height:28px; border:1px solid #ccc; text-align:center; margin:0 auto;}
.select-txt{display:inline-block; font-family: 'notokr-light'; vertical-align: middle; line-height:35px; margin-left:32px;}

/* 1:1문의 */
.inquiry-top{margin-bottom:70px; margin-top:46px;}
.inquiry-top .inquiry-txt{padding:22px 0; text-align:center; background:#444; font-family:'notokr-medium'; line-height:1; color:#fff; font-size:18px; box-sizing: border-box;}
.inquiry-top > ul > li{padding:16px 26px; background:#e8eef3; margin-top:1px;}
.inquiry-top > ul > li > span{font-size:15px; color:#666; font-family: 'notokr-light'; display:table-cell; width:calc(100% - 160px)}
.inquiry-top > ul > li > p{position:relative; font-size:15px; font-family: 'notokr-regular'; color:#444; display:table-cell; width:160px; vertical-align:middle}
.answer-area{padding:0 27px 0 32px; height:60px; border-top:2px solid #444; line-height:60px; background:#f0f0f0;}
.answer-area strong{font-size:18px; color:#222; font-family:'notokr-medium';}
.answer-top-txt{position:relative; font-size:16px; color:#666; font-family: 'notokr-regular'; float:right; padding-left:13px;}
.write-inquiry{}
.write-inquiry > ul{padding:32px 25px; box-sizing: border-box; border-top:1px solid #ccc; font-size:0; border-bottom:1px solid #ccc;}
.write-inquiry > ul > li + li{margin-top:25px;}
.write-inquiry > ul > li > ul > li{position:relative; display:inline-block;  vertical-align: top; font-size:15px; color:#444; font-family: 'notokr-regular';}
.write-inquiry > ul > li > ul > li:first-child{width:160px; margin-top:6px;}
.write-inquiry > ul > li > ul > li:last-child{width:960px;}
.write-inquiry.line > ul:first-child{border-top:1px solid #444; font-size:0; margin-top:50px;}
.write-inquiry.line > ul{}

/* 관리자 관리 */
.admin-select-box{background:#f0f0f0;  margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #444; padding: 20px 120px 41px 120px}

/*팝업*/
.popup-area{width:100%; height:100%; position:fixed; top:0; right:0; background-color:rgba(0, 0, 0, .8); z-index:105;}
.popup-area .inner-popup{position:relative; width:100%; height:100%;}
.popup-area .inner-popup .popup-content{width:450px;}
.popup-area .inner-popup .popup-content .swiper-slide img{display:block;}
.popup-area .inner-popup .popup-content .popup-box{position:relative;}
.popup-area .inner-popup .popup-bottom{background:#00467f; position:relative; height:40px; padding-left:15px; margin-top:1px;}
.popup-area .inner-popup .popup-bottom span{font-family:'notokr-medium'; font-size:15px; color:#fff;}
.popup-area .inner-popup .popup-bottom .checkbox{line-height:40px;}
.popup-area .inner-popup .popup-bottom .popup-close{position:absolute; top:0; right:12px; background:url('/images/common/btn/popup_close_btn.png') no-repeat center right; font-family:'notokr-medium'; font-size:15px; color:#fff; padding-right:35px; display:block; line-height:40px;}
.popup-area .inner-popup .popup-content .swiper-pagination{text-align:center; position:absolute; bottom:15px; z-index:20; width:100%;}
.popup-area .inner-popup .popup-content .swiper-pagination-bullet{width:44px; height:6px; background-color:#fff; -webkit-transition: background-color 1s; transition: background-color 1s; display:inline-block; cursor:pointer; opacity:1 !important; margin-left:5px; border:1px solid #00467f; border-radius:0;}
.popup-area .inner-popup .popup-content .swiper-pagination-bullet:first-child{margin-left:0;}
.popup-area .inner-popup .popup-content .swiper-pagination-bullet-active{width:44px; height:6px; background-color:#1ab7ea; -webkit-transition: background-color 1s; transition: background-color 1s; display:inline-block; border-color:#1ab7ea;}
.container .view-head.customer{margin-top:50px;}
.date-select-area input{float:left; display:block; height:35px; border:1px solid #ccc; line-height:35px; font-size:15px; color:#666;  }
.date-select-area input + input{margin-left:20px;}

/*카테고리 관리*/
.category-area{margin-top:30px;}
.category-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.category-area .category-list-box{float:left; width:400px; margin-right:40px; background-color:#bdcfde;}
.category-area .category-box{padding:30px 20px 20px 20px;}
.category-area .select-category:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.category-area .select-category{margin-bottom:30px;}
.category-area .select-category select{display:block; width:289px; height:55px; float:left; border:1px solid #ccc; background:url('/images/admin/select_arrow.png') #fff no-repeat 97% center; -webkit-appearance:none; -moz-appearance:none; margin:0; border-radius:0; font-size:22px; color:#444; font-family:'notokr-regular'; vertical-align:middle; padding-left:15px; cursor:pointer}
.category-area .btn-select-category{display:block; width:70px; height:55px; line-height:55px; color:#fff; background-color:#404040; text-align:center; padding:0; margin:0;}
.select-category-con{height:34px; margin-bottom:12px; position:relative; width:100%;}
.select-category-con .ctrl{position:absolute; width:70px; height:34px; text-align:center; line-height:34px; display:block; margin:0; padding:0; font-size:16px;}
.select-category-con .add{background-color:#00467f; border:1px solid #00467f; color:#fff; top:0; left:0;}
.select-category-con .del{background-color:#f4f5f6; border:1px solid #f4f5f6; color:#404040; top:0; right:0;}
.select-category-con ul{position:absolute; top:0; width:72px; left:50%; margin-left:-36px;}
.select-category-con ul li{display:inline-block;}
.select-category-con ul li .arrow{width:34px; height:34px; padding:0; margin:0; display:block;}
.select-category-con ul li .arrow img{display:block; width:100%;}
.folder-content{background-color:#FFF; padding:27px 20px; height:682px; box-sizing:border-box; overflow-y:auto}
.folder-depth input{border:1px solid #ccc; width:100%; box-sizing:border-box; height:26px; color:#666; font-size:16px; font-family:'notokr-regular';}
.folder-depth > li{position:relative; padding-left:35px; margin-bottom:20px;}
.folder-depth > li:last-child{margin-bottom:0;}
.folder-depth > li > .folder-title{background:url('/images/admin/folder_ico.gif') no-repeat left center; padding-left:43px; display:inline-block; line-height:26px; color:#444; font-family:'notokr-medium';
font-weight:normal;}
.folder-depth > li > .folder{width:21px; height:21px; display:block; margin:0; padding:0; background:url('/images/admin/plus_ico.gif') no-repeat; position:absolute; top:3px; left:0;}
.folder-depth > li.on > .folder{background:url('/images/admin/minus_ico.gif') no-repeat;}
.folder-depth > li.on .folder-depth2{display:block;}
.folder-depth > li.on > .folder-title{background:url('/images/admin/folder_ico_on.gif') no-repeat left center;}
.folder-depth > li.on > .folder-title{color:#0359ce;}
.folder-depth2{margin-left:15px; position:relative; display:none; padding-top:15px;}
.folder-depth2:before{content:''; position:absolute; top:0; left:0; background-color:#ccc; height:calc(100% - 15px); width:1px;}
.folder-depth2 li{padding-left:15px; position:relative; line-height:32px;}
.folder-depth2 li span{display:block; padding-left:12px;}
.folder-depth2 li.on span{background-color:#dee4e9;}
.folder-depth2 li.on span a{color:rgb(26, 183, 234);}
.folder-depth2 li:before{content:''; position:absolute; top:50%; left:0; width:15px; height:1px; background-color:#ccc;}
.category-area .category-item{float:left; width:730px; border-top:1px solid #444; padding:50px 40px; background-color:#f0f0f0; border-bottom:1px solid #ddd; box-sizing:border-box}
.category-area .category-item .menu-add-btn{padding:0; margin:0 0 20px 0; background-color:#00467f; width:120px; height:35px; text-align:center; color:#fff; line-height:35px; font-size:16px; font-family:'notokr-regular';}
.category-area .category-item ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.category-area .category-item ul li{margin-bottom:25px;}
.category-area .category-item ul li:last-child{margin-bottom:0;}
.category-area .category-item ul li > span{display:block; width:90px; line-height:35px; font-size:15px; color:#444; float:left;}
.category-area .category-item ul li > div{float:left; width:560px; height:35px;}
.category-area .category-item ul li > div > input{width:100%; border:1px solid #ccc; height:35px; box-sizing:border-box}
.category-area .control-area{float:right; height:auto;}
.category-area .checkbox{vertical-align:super;}
.category-area .checkbox input[type="radio"]:checked ~ label .checkbox-text {color:#007bc8;}
.category-area .checkbox.check-type2 label{vertical-align:text-top; margin-right:20px;}
.category-area .checkbox.check-type2 input:first-child{margin-right:35px;}
.category-area .check-type2 label .check-image{display:inline-block; width:17px;height:17px; background-image:url('/images/admin/ico_chk_type1_unchecked_radio.png');background-repeat:no-repeat;
cursor:pointer; vertical-align:middle; background-size:17px; margin-right:10px}
.category-area .check-type2 label span{word-break:break-all; vertical-align:middle; line-height:17px; display:inline-block; font-size:16px; font-family:'notokr-light';}
.category-area .check-type2 input[type="radio"]:checked ~ label i {background-image:url('/images/admin/ico_chk_type1_checked_radio.png');}

/* ip접근제한 */
.ipcode-area{height:173px; border-top:2px solid #00467f; padding-top:45px; overflow:hidden; background:#e8eef3; text-align: center; box-sizing: border-box; margin-bottom:35px; margin-top:50px;}
.ipcode-area p{text-align:center; font-size:18px; line-height:1; font-family:'notokr-medium'; }
.ipcode-area ul{float:left;margin-top:3px;}
.ipcode-area ul li{display:table-cell;}
.ip-btn{display:inline-block; width:70px; height:40px; background:#00467f; text-align:center; line-height:40px; color:#fff; font-size:15px; font-family: 'notokr-regular'; margin-left:10px;}
.ipcode-wrap{display:inline-block; margin-top:25px;}
.ipcode-txt{line-height:1;}

/*푸터*/
#footer{background-color:#f3f3f3; border-top:1px solid #e5e5e5; padding:30px 0}
#footer .inner-footer{max-width:1170px; margin:0 auto; padding:0 15px;}
#footer .inner-footer:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer .footer-logo{float:left; padding-left:5px; width:180px; margin-right:90px; margin-top:20px;}
#footer .footer-logo img{display:block;}
#footer .footer-area{float:left; width:calc(100% - 275px);}
#footer .footer-item1{display:none;}
#footer .footer-item1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer .footer-info{float:left;}
#footer .footer-info ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer .footer-info ul li:first-child{padding-left:0;}
#footer .footer-info ul li:last-child:before{display:none;}
#footer .footer-info ul li{float:left; padding:0 18px; position:relative; line-height:40px;}
#footer .footer-info ul li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:14px; background-color:#d6d6d6; margin-top:-7px;}
#footer .footer-info ul li a{font-size:15px; color:#707070;}
#footer .footer-info ul li a.color{color:#00467f;}
#footer .footer-family{float:right; border:1px solid #ccc; background-color:#FFF; width:216px; height:40px; position:relative;}
#footer .footer-family button{font-size:14px; color:#666; display:block; line-height:40px; padding-left:20px; background:url('/images/common/ico/footer_family_arrow.gif') no-repeat center right 15px; width:100%; text-align:left;}
#footer .footer-family ul{background-color:#FFF; display:none; position:absolute; bottom:40px; left:-1px; width:100%; border:1px solid #ccc; border-bottom:0; z-index:10;}
#footer .footer-family ul li a{font-size:14px; color:#666; line-height:28px; display:block; padding-left:20px;}
#footer .footer-item2 ul{margin:15px 0;}
#footer .footer-item2 ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer .footer-item2 ul li{float:left; padding:0 18px; position:relative; font-size:14px; color:#888;}
#footer .footer-item2 ul li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:14px; background-color:#d6d6d6; margin-top:-7px;}
#footer .footer-item2 ul li:first-child{padding-left:0;}
#footer .footer-item2 ul li:last-child:before{display:none;}
#footer .footer-item2 ul li.address,
#footer .footer-item2 ul li a{font-size:14px; color:#888;}
#footer .footer-item2 .copyright{font-size:14px; color:#888;}