@charset "utf-8";

@import url('font/font.css');
@import url('font/font-awesome/css/all.min.css');
@import url('reset.css');
@import url('layout.css');
@import url('popup.css');


/*본문확대축소*/
.zoom {position: absolute; top: 10px; right: 0;}
.zoom button {width: 30px; height: 30px; border: 1px solid #ccc;}
.zoom button i {font-size: 20px; vertical-align: middle;}
/*상단이동버튼*/
.go-top {position: fixed; bottom: 10%; right: 10%; z-index: 10;}
.go-top span {display: inline-block; width: 60px; height: 60px; padding-top: 30px; border-radius: 50%; background: #555; text-align: center; font-size: 0.75rem; font-weight: 600; color: #fff;}
.go-top i {position: absolute; top: 10px; left: 50%; transform: translateX(-50%); color: #fff;}

/*사이드메뉴*/
.side-menu {position: fixed; top: 400px; right: -80px; z-index: 10; width: 130px; border: 1px solid #efefef; border-radius: 8px 0 0 8px; background: #fff; box-shadow: -2px 4px 4px rgba(0,0,0,0.2); transition: .3s;}
.side-menu:hover {right: 0;}
.side-menu ul {padding: 8px 6px;}
.side-menu li {margin-top: 8px;}
.side-menu li:first-child {margin-top: 0;}
.side-menu li a {display: block; height: 40px; line-height: 40px; padding-left: 46px; font-size: 0.75rem; color: #555;}
.side-menu li:hover a {text-decoration: underline;}
.side-menu li:nth-child(1) a {background: url("/resources/images/koedc/common/ico-side01.png") left center no-repeat;}
.side-menu li:nth-child(2) a {background: url("/resources/images/koedc/common/ico-side02.png") left center no-repeat;}
.side-menu li:nth-child(3) a {background: url("/resources/images/koedc/common/ico-side03.png") left center no-repeat;}
.side-menu li:nth-child(4) a {background: url("/resources/images/koedc/common/ico-side04.png") left center no-repeat;}
/*SNB*/
.sub_wrap {margin-top: 80px;}
.sub_wrap > .container {display: flex; justify-content: space-between;}
.snb {width: 240px;}
.snb h2 {display: block; height: 150px; line-height: 150px; background: linear-gradient(-135deg, transparent 36px, #00818b 0); text-align: center; font-size: 1.5rem; font-weight: 600; color: #fff;}
.snb .snb-depth1 {margin-top: 10px;}
.snb .snb-depth1 li {margin-top: 5px;}
.snb .snb-depth1 li:first-child {margin-top: 0;}
.snb .snb-depth1 > li > a {display: block; padding: 16px; border: 1px solid #e0e0e0;}
/*.snb .snb-depth1 > li:hover > a {background: #efefef;}*/

.snb .snb-depth1 > li > a:hover {background: #005e66; color:#fff}
.snb .snb-depth1 > li.on > a {background: #005e66; border: 1px solid #005e66; font-weight: 600; color: #fff;}
.snb .snb-depth1 > li.has-depth > a{ position: relative}
.snb .snb-depth1 > li.has-depth > a:after{content: ''; display: block; position: absolute; top:19px; right:20px; width:16px; height:16px; background:url("/resources/images/koedc/common/ico-depth.png") right bottom no-repeat}
.snb .snb-depth1 > li.on.has-depth > a:after{background-position: right top;}
.snb .snb-depth1 > li > .snb-depth2{display:none; padding:16px 14px; background:#eee; border:solid 1px #ddd; border-top:0}
.snb .snb-depth1 > li.on > .snb-depth2{display:block;}
.snb .snb-depth1 > li > .snb-depth2 > li{position:relative; margin-top: 10px}
.snb .snb-depth1 > li > .snb-depth2 > li:first-child{margin-top: 0}
.snb .snb-depth1 > li > .snb-depth2 > li:before{content: ''; display: inline-block; position: absolute; top:7px; left:0; background:#999; width:3px; height:3px;}
.snb .snb-depth1 > li > .snb-depth2 > li> a{padding-left:9px; color:#666; display: block}
.snb .snb-depth1 > li > .snb-depth2 > li> a.new-win:after,
.snb .snb-depth1 > li > .snb-depth2 > li >a[target="_blank"]:after{content: ''; display: block; position:absolute; top:0;right:0; width:16px; height:16px; background:url("/resources/images/koedc/common/ico-link.png") center no-repeat}
.snb .snb-depth1 > li > .snb-depth2 > li.on > a{font-weight:600; color:#212529}
.snb .snb-depth1 > li > .snb-depth2 > li >a:hover {text-decoration: underline}
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3{margin:10px 10px 5px 12px; display: block;}
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3> li{position: relative; display: block; }
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3> li:before{content: ''; position: absolute; left:0; top:10px; width:6px; height:1px; background: #5a5959; }
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3> li> a{font-size:0.875rem; padding-left:10px; color:#666;}
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3> li> a:hover,
.snb .snb-depth1 > li > .snb-depth2 > li >.depth3> li.on> a{color:#005e66; font-weight: 600}

/*서브 컨텐츠*/
.sub-contents {position: relative; width: calc(100% - 280px); min-height: 913px;}
.sub-contents .sub-title, .sub-title {padding-bottom: 26px; background: url("/resources/images/koedc/common/sub-title_bg.png") left bottom repeat-x;}
.sub-contents .sub-title h3, .sub-title h3 {text-align: center; font-size: 2.25rem; font-weight: 600; color: #343a40;}
.sub-contents .cont-wrap {margin-top: 40px;}
.sub-contents .cont-wrap .box-wrap {margin-bottom: 20px;}
.sub-contents .cont-wrap .box-wrap li {position: relative; line-height: 25px; margin-top: 10px; padding-left: 10px; letter-spacing: -0.5px;}
.sub-contents .cont-wrap .box-wrap li:first-child {margin-top: 0;}
.sub-contents .cont-wrap .box-wrap li::before {content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #00818b;}
.blue-box {padding: 28px 30px 30px 30px; border-radius: 8px; background: #eef9fb;}
.blue-box p{line-height: 1.5}
.sub-contents .cont-wrap .box-title {margin-bottom: 16px; font-size: 1.25rem;}
.btn-link > i{ vertical-align: middle; color: #fff; font-weight: 400; font-size: 1.2rem;}

.cont-wrap h4.bullet-h4, .bullet-h4 {line-height: 24px;margin-bottom: 4px; margin-top:40px; padding-left: 26px;background: url("/resources/images/koedc/common/bullet_h4.png") left -2px no-repeat;font-size: 1.25rem; font-weight: 500}
.cont-wrap h5{position: relative; display: block; font-size:1rem;  padding-left:15px;}
.cont-wrap h5:before{content:'';position: absolute;left:0;top: 3px;width: 4px;height: 12px;background: #6c878a;}

.bullet-h4 +p{color:#464646}


/*양쪽정렬*/
.both-side{align-items: center; position: relative; display: block}
.both-side h4,
.both-side span,
.both-side strong,
.both-side button
.both-side .inputbox{display: inline-block}
.both-side span{position:absolute; right:0; top:43px;}
.both-side .check-area{position: absolute; right:0; top:25px}
.both-side .custom-check{position: relative; right:auto; top:10px}
.both-side .custom-check label span{position: relative; right: auto; top:auto; }
.both-side .check-area .custom-check input[type='checkbox']+label span{font-size:0.875rem}


/*담당부서 및 만족도 조사 */
.sub-footer {margin: 120px 0 40px 0 ; border: 1px solid #ddd;}
.sub-footer .manager-info {height: 83px; padding: 15px 20px 15px 83px; background: url("/resources/images/koedc/common/ico-call.png") 20px 15px no-repeat;  border-bottom: 1px solid #ddd;}
.sub-footer .manager-info ul {margin-top: 8px;}
.sub-footer .manager-info li {display: inline-block; margin-left: 50px;}
.sub-footer .manager-info li:first-child {margin-left: 0;}
.sub-footer .manager-info li span {color: #00818b;}
.sub-footer .satisfaction {position: relative; padding: 20px;background: #f7f7f7;}
.sub-footer .satisfaction .grade {margin-top: 12px;}
.sub-footer .satisfaction .grade li {display: inline-block; margin-left: 40px;}
.sub-footer .satisfaction .grade li:first-child {margin-left: 0;}
.sub-footer .satisfaction .grade li input {-webkit-appearance: radio;}
.sub-footer .satisfaction .grade li label {padding-left: 6px;}
.sub-footer .satisfaction .opinion {position: absolute; bottom: 20px; right: 20px; width: 40%; text-align: right;}
.sub-footer .satisfaction .opinion input {width: 70%; height: 36px; margin-right: -4px;padding: 9px; border: 1px solid #ced4da;}
.sub-footer .satisfaction .opinion button {width: 70px; height: 36px; padding: 9px;background: #555; font-size: 0.875rem;color: #fff;}

/*탭*/
.tab-wrap {margin-bottom: 40px;border: 1px solid #ddd;}
.tab-wrap .tabs,
.tab-wrap .tabs2 {display: flex;/*justify-content: space-around;*/ justify-content: left;width: 100%;}
.tab-wrap .tabs li,
.tab-wrap .tabs2 li {width: 100%;height: 54px;line-height: 54px;border-left: 1px solid #ddd;}
.tab-wrap .tabs li:hover a,
.tab-wrap .tabs2 li:hover a {background: #efefef;text-decoration: underline;}
.tab-wrap .tabs li a,
.tab-wrap .tabs2 li a {display: block;width: 100%;height: 100%;text-align: center;font-size: 0.938rem;}
.tab-wrap .tabs li a:hover,
.tab-wrap .tabs2 li a:hover,
.tab-wrap .tabs li.on a,
.tab-wrap .tabs2 li.on a,
.tab-wrap .tabs li a.on{background: #d25d0b;color: #fff;font-weight: 600;}
.tab-wrap .tabs li:first-child,
.tab-wrap .tabs2 li:first-child {border-left: none;}
.tab-wrap .tabs li a ,
.tab-wrap .tabs2 li a {color: #555;}

.tab-wrap .tab-stlye02 li {line-height: normal;}
.tab-wrap .tab-stlye02 li a {padding: 9px 0;}

/*게시판 상단 탭*/
/*.tab-wrap .tabs2 {flex-direction: column;}
.tab-wrap .tabs2 li {border-left: none;border-top: 1px solid #ddd;}
.tab-wrap .tabs2 li:first-child {border-top: none;}*/


/*서치영역*/
.search-box {padding: 20px; background: #f1f1f1; text-align: center;}
.search-wrap .search-select {display: inline-block;}
.search-wrap .search-input {display: inline-block; margin-right: -4px;}
.search-wrap .search-select select{width: 120px; font-size:0.938rem}

.search-wrap .search-select select, .select-area select , .ui-datepicker-title select{padding: 8px;height: 36px; background: #fff url("/resources/images/koedc/common/ico-select.png") center right no-repeat;}
.search-wrap .search-input input {width: 200px;height: 36px;padding: 8px;}
.select-area{}
.select-area select{padding:8px 27px 8px 8px}
.search-wrap .search-select select, .search-wrap .search-input input, .select-area select {border: 1px solid #ced4da;}
.search-wrap .btn-search {width: 36px; height: 36px; background: #00818b url("/resources/images/koedc/common/ico-search-w.png") center center no-repeat;}

/*연혁*/
.history-wrap {border-top: 2px solid #555;border-bottom: 1px solid #ebebeb;}
.history-wrap .history-list {position: relative;min-height: 82px;padding: 24px 0 24px 168px;border-top: 1px dashed #ebebeb;}
.history-wrap .history-list:first-child {border-top: none;}
.history-wrap .history-list > h5{display: block;position: absolute;top:0; left: 0;padding-top: 24px;font-size: 1.75rem;font-weight: 600;color: #00818b;}
.history-wrap .history-list > h5:before{background: none}
.history-wrap .history-list ol {position: relative;}
.history-wrap .history-list ol li {position: relative;margin-top: 12px;padding: 0 0 0 63px;}
.history-wrap .history-list ol li:first-child {margin-top: 0;}
.history-wrap .history-list ol li .history-date {position: absolute;top: 0;left: 0;font-weight: bold;color: #555;}
.history-wrap .history-list ol li .history-text p {margin-top: 12px; color: #555;}
.history-wrap .history-list ol li .history-text p:first-child {margin-top: 0;}

/*센터공급의약품*/
.drug-wrap {border-top: 2px solid #555; border-bottom: 1px solid #ebebeb;}
.drug-wrap > ul > li {position: relative;min-height: 240px;padding: 20px 0;border-top: 1px dashed #ebebeb;}
.drug-wrap > ul > li:first-child {border-top: none;}
.drug-wrap .drug-img,
.drug-wrap .img-detail{display: inline-block; position: relative; padding: 8px;border: 1px solid #ddd;}
/*센터이미지 목록*/
.drug-wrap .drug-img {max-width: 200px;min-width: 200px;height: 150px;}

/*센턴이미지 없는경우*/

.img-detail .no-img,
.drug-wrap .drug-img .no-img{height: 100%; border:solid 1px #ddd;background: url("/resources/images/koedc/common/buy-info-img2.png") no-repeat center #f3f3f3; }
.img-detail .no-img{height: 225px}

/*센터이미지 상세*/
.drug-wrap .img-detail {max-width: 300px;min-width: 300px;height:250px;}
.drug-wrap .drug-img img, .drug-wrap .img-detail {width: 100%;height: 100%;}
.drug-wrap .file-download {position: absolute;top: 190px;/*left: 0;*/}
.drug-wrap .drug-info {display: inline-block;width: calc(100% - 320px);padding-left: 40px;vertical-align: top;}
.drug-wrap .drug-info dt {margin-bottom: 16px;font-size: 1.125rem;font-weight: 600;color: #00818b;}
.drug-wrap .drug-info dt a {line-height: 1.3;}
.drug-wrap .drug-info dt:hover a {text-decoration: underline;}
.drug-wrap .drug-info dd {position: relative;}
.drug-wrap .drug-info dd li {position: relative;margin-top: 10px;padding-left: 10px;}
.drug-wrap .drug-info dd li::before {content: '';display: inline-block;position: absolute;top: 8px; left: 0;width: 3px; height: 3px;background: #999;}
.drug-wrap .drug-info dd li:first-child {margin-top: 0;}
.drug-wrap .drug-info dd strong {float: left;position: relative;width: 95px;}
.drug-wrap .drug-info dd strong::after {content: '';display: inline-block;position: absolute;top: 2px; right: 0;width: 1px; height: 12px;background: #ddd;}
.drug-wrap .drug-info dd span {display: block;overflow: hidden;padding-left: 15px;text-overflow: ellipsis;/*white-space: nowrap;*/}
.drug-wrap .drug-info dd span.text-ellipsis {display:-webkit-box;white-space: normal; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:57px; line-height:19px;}
.drug-list {border: none;}
.drug-list .drug-info dt h4 {font-size: 1.5rem;font-weight: 600;color: #00818b;}
.drug-list > ul > li {min-height: unset;padding: 20px;}
.drug-list > ul > li:first-child {border: 1px solid #ebebeb;border-top: 2px solid #555;}
.drug-list .drug-info dt {margin-bottom: 20px;}
.drug-list .drug-info dd li {margin-top: 20px;}
.drug-list .drug-info dd strong {width: 160px;}
.drug-list .table-wrap {border-bottom: 1px solid #ebebeb;}
.drug-list .table-wrap .row {display: flex;}
.drug-list .table-wrap .row dl {width: 100%;display: flex;}
.drug-list .table-wrap .row dt {width: 30%; font-weight:600}
.drug-list .table-wrap .row dd {width: 70%;}
.drug-list .table-wrap .row dt, .drug-list .table-wrap .row dd {padding:20px 12px; border-top: 1px solid #ebebeb;}
.drug-list .table-wrap .row:first-child dl dt, .drug-list .table-wrap .row:first-child dl dd {border-top: none;}
.drug-list .table-wrap .row .colspan dt {width: 15%;}
.drug-list .table-wrap .row .colspan dd {width: 85%;}
.drug-list .table-wrap .table-header {background: #f5f5f5;}
.drug-box {line-height: 1.5;padding: 20px;border: 1px solid #ebebeb;border-top: 2px solid #555;}
/*contents 안에 모든 pre 정의*/
.cont-wrap pre{white-space:pre-wrap; width:100%; box-sizing: border-box; word-break:break-word }

/*qr 코드*/
.drug-info .qr-img img{width:30%; height:30%}

/*테이블*/

.board-head  {position: relative;height: 36px;/*overflow: hidden;*/ margin-top:20px;  text-align: right}
.board-head:after{content: ''; display: block; position: relative; clear: both}
.board-head .total-wrap{float:left; display: inline-block; font-size: 0.875rem; margin-top:10px}
.board-head .total-wrap span {margin-right: 10px;}
.board-head .total-wrap span em {font-weight: 600;color: #00818b;}
.board-head .search-wrap {float: right;}
.board-body {width: 100%; margin-top: 8px;}

.board-body {width: 100%; margin-top: 8px;}
.board-body .table-wrap {width: 100%;border-top: 2px solid #555;}
.board-body .table-wrap thead th,
.board-body .table-wrap tbody th{border-bottom: 1px solid #ddd; font-weight: 600}

.board-body .table-wrap thead th,
.board-body .table-wrap tbody th,
.board-body .table-wrap tbody td{height: 50px;padding: 12px 12px; font-size: 0.938rem;}


.fileArea {width: 100%; margin-top: 8px;}

.fileArea {width: 100%; margin-top: 8px;}
.fileArea .table-wrap {width: 100%;border-top: 2px solid #555;}
.fileArea .table-wrap thead th,
.fileArea .table-wrap tbody th{border-bottom: 1px solid #ddd; font-weight: 600}

.fileArea .table-wrap thead th,
.fileArea .table-wrap tbody th,
.fileArea .table-wrap tbody td{height: 50px;padding: 12px 12px; font-size: 0.938rem;}

.table-wrap {width: 100%;border-top: 2px solid #555;}
.table-wrap tbody th {background: #f5f5f5;font-weight: 600}
.table-wrap thead th,
.table-wrap tbody th,
.table-wrap tbody td {height: 50px;padding: 12px 12px;border-bottom: 1px solid #ebebeb; text-align: center;}
.table-wrap thead th,
.table-wrap tbody th,
.table-wrap .ta-left dl dt{background: #f5f5f5;font-weight: 600}
.table-wrap tbody td.board-text {text-align: left;}
.table-wrap tbody td a {display: inline-block;max-width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.table-wrap tbody td a.txt-block{max-width: none;white-space: normal;}
.table-wrap tbody td .board-file li {margin-top: 6px;}
.table-wrap tbody td .board-file li:first-child {margin-top: 0;}
.table-wrap tbody td .board-file li >a {max-width: unset;white-space: normal;}
.table-wrap tbody td .board-file li >a:hover {text-decoration: underline;}
.table-wrap tbody td a.icon:hover{text-decoration: none; background: #242424}

.table-wrap tbody td {border-bottom: 1px solid #ebebeb; text-align: center;}
.table-wrap tbody td.board-text {text-align: left;}
.table-wrap tbody td a {display: inline-block;max-width: 89%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.938rem;vertical-align: middle;}
.table-wrap tbody td a:active,
.table-wrap tbody td a:hover{text-decoration: underline}
.table-wrap tbody td .board-file li {margin-top: 6px;}
.table-wrap tbody td .board-file li:first-child {margin-top: 0;}
.table-wrap tbody td .board-file li a {max-width: unset;white-space: normal;}
.table-wrap tbody td a.line,
.table-wrap tbody td .board-file li:hover a {text-decoration: underline; }
/*입력부분 기본정보 제공 text*/

.table-wrap .ta-left tbody td span{font-size: 0.875rem}

.table-wrap.text-full tbody td >a,
.table-wrap.text-full tbody td >a.full{overflow: visible; width:100%; word-break: break-all}

/*table th, td left  정렬*/

.ta-left tbody th,
.ta-left tbody td,
.ta-left dl dt,
.ta-left dl dd{text-align: left; padding:5px 5px 5px 15px}

/*입력폼 반응형*/
.ta-left dl{display: table; border-bottom: solid 1px #ebebeb; width:100%; height: 50px}
.ta-left dl dt, .ta-left dl dd{display: table-cell; vertical-align: middle}
.ta-left dl dt{width:170px; vertical-align: middle; text-align: center}
.ta-left .bot-line{ border-bottom: solid 1px #ebebeb}



/*비공개*/
.table-wrap tbody td .lock{padding-left:10px; color:#999; vert-align: middle }
.table-wrap tbody td .lock, .icon span{font-family: "Material Icons"; font-size:1rem; }
.icon{border:solid 1px #555;background:#555;padding: 0 5px;/* line-height: 21px; */height: 28px;border-radius: 3px;}
/*모달 table scroll*/
.table-scroll{overflow-x: hidden; overflow-y: auto;}

.icon span{color:#fff;line-height: 25px;}

/*건수보기*/
.board-head > .page_list{display:inline-block; position:relative; width:124px; z-index:20; vertical-align:middle;}
.board-head > .page_list > p > button{width:100%; height:30px; padding:0 45px 0 10px; border:1px solid #d2d2d2; /*background:url('/resources//images/koedc/common/bul_page_list_off.png') no-repeat right;*/ color:#626262; font-size: 0.875rem}
.board-head > .page_list > p > button.on{border:1px solid #d2d2d2; /*background:url('/resources/images/koedc/common/bul_page_list_on.png') no-repeat right;*/ border-radius:5px 5px 0 0; color:#fff;}
.board_count> .page_list > p > button:hover{border:1px solid #555;}
.board-head > .page_list > p > button:focus,
.board-head > .page_list > p > button:active{border:1px solid #555; background-color:#555; /*border-radius:5px 5px 0 0;*/ color:#fff;}
.board-head > .page_list > ul{position:absolute; top:29px; left:0; width:124px; z-index:30; border:1px solid #d2d2d2; border-bottom:0;}
.board-head > .page_list > ul li{border-bottom:1px solid #d2d2d2;}
.board-head > .page_list > ul li > button{display:inline-block; width:100%; height:30px; padding:0 10px; background:#fff; line-height:28px; text-align:left; font-size: 0.875rem}
/*건수보기*/



.badge-default {display: inline-block;min-width: 42px;padding: 4px 8px; text-align: center;font-size: 0.75rem;font-weight: 600;color: #fff;vertical-align: middle; background: #555}




.badge-new {display: inline-block;margin-left: 4px;}
.board-body .table-wrap .down{font-size: 1.2rem;font-weight: 500;font-family: 'Material Icons';font-style: normal;color:#7b7b7b;vertical-align: middle;}

.fileArea .table-wrap .down{font-size: 1.2rem;font-weight: 500;font-family: 'Material Icons';font-style: normal;color:#7b7b7b;vertical-align: middle;}

.board-title {display: inline;margin-left: 4px;font-size: 1.125rem;vertical-align: middle;}
.board-btn {margin-top: 20px;}

/*하단버튼*/
.btn-f-group{position: relative; display: block; }
.btn-f-group:after{content: ''; position: relative; display: block; clear: both}
.btn-f-group > div{display: inline-block}

/*pagination*/
.pagination {display: flex;justify-content: center;margin-top: 40px;}
.pagination button {font-size: 0.813rem;}
.pagination .page-control {background: #efefef url("/resources/images/koedc/common/ico-pagination.png") no-repeat;}
.pagination .page-control:hover{background-color:#bdbdbd }
.pagination .page-first {background-position: 0px center;}
.pagination .page-prev {background-position: -36px center;}
.pagination .page-next {background-position: -72px center;}
.pagination .page-last {background-position: -108px center;}
.pagination a{ display:inline-block; width:36px; height: 36px;}
.pagination button, .pagination a.num{display: inline-block;width: 36px;height: 36px;line-height: 36px;margin: 0 2px;border: 1px solid #ddd;text-align: center;}
.pagination .link-group a:hover {text-decoration: underline; }
.pagination .num:hover,
.pagination .num.on {border: 1px solid #00818b;background: #00818b;color: #fff;}


/*아코디언 메뉴*/
.accordion-wrap {border-top: 2px solid #555;border-bottom: 1px solid #ebebeb;}
.accordion {position: relative;width: 100%;padding: 15px 0;border-top: 1px solid #ebebeb;cursor: pointer;}
.accordion:first-child {border-top: none;}
.accordion a {padding-left: 52px;color: #555;width: 95%;white-space: normal;word-break: break-all;text-overflow: ellipsis;display: inline-block;}
.accordion a:before {content: 'Q';position: absolute;top: 13px;left: 16px;width: 24px;height: 24px;line-height: 26px;border-radius: 50%;background: #00818b;text-align: center;font-weight: 600;color: #fff;}
.accordion a:after {content: ''; display: block; position: absolute; top: 16px; right: 17px; width: 16px; height: 16px; background: url("/resources/images/koedc/common/ico-arrow.png") 0 -16px no-repeat;}
.accordion.active a, .accordion:hover a {color: #00818b;}
.accordion.active a:after {background-position: 0 0;}
.panel {display: none;position: relative;overflow: hidden;padding: 16px 16px 16px 0;border-top: 1px solid #ebebeb;background: #f5f5f5;}
/*1101 추가및 수정*/
.panel p,
.panel >div{padding-left: 52px;color: #555;}
.panel >div:before,
.panel p:before {content: 'A';position: absolute;top: 13px;left: 16px;width: 24px;height: 24px;line-height: 26px;border-radius: 50%;background: #666;text-align: center;font-weight: 600;color: #fff;}
.panel a{border-radius:25px; margin:0 10px}
.panel a:first-child{margin-left:0}
.panel a.btn-link{background:#fff; padding:12px 25px; border:solid 1px #D7D7D7}
.panel .link,
.panel .link-w{position: relative; padding-right: 25px; }
/*.panel .link:hover{background:#00818b;}*/
.panel .link:before,
.panel .link-w:before{ content: ''; position: absolute; right:0; top:0; width:16px; height:16px; display:block}
.panel .link:before{background: url('/resources/images/koedc/common/ico-link.png') no-repeat; }
.panel .link-w:before{background: url('/resources/images/koedc/common/ico-link-w.png') no-repeat;  }


/*로그인*/
.divide{position: relative; display: flex; width:100%}
.divide >div{flex:1}
.col2 >div{width:50%;  padding:0 30px 30px}
.col2 >div strong{font-weight:500}
.log-input input[type="text"],
.log-input input[type="password"],
.center-area input[type="text"]{border:solid 1px #ddd; padding:13px 10px; width:100%}
.log-input, .log-no-mem .log-comment{margin-top:36px}
.log-input li{padding:5px 0}
.log-input li:first-child{padding-top:0}
.log-mem{position: relative;}
.log-mem .btn-log,.id-search button,.pw-search button{background:#00818B; color:#fff; font-weight:600; font-size:1rem; height:54px; display: block; width:100%;}
.log-mem:before{content: ''; position: absolute; right:0; top:0; display: block; width:1px; height:90%; background: #ddd; }
.log-mem.no-bg:before{background: none}
.log-btn-etc {margin-top:15px;}
.log-btn-etc button{position:relative; font-size:0.875rem; color:#666; margin-left:15px; padding:0 20px}
.log-btn-etc button:first-child{margin-left:0}
.log-btn-etc button:first-child:before{content:'';position: absolute; display: inline-block; width:1px; height:10px; right:-11px; top:3px; background: #666}
.no-bg>div{width:50%; margin:0 auto}


/*비회원*/
.log-comment,
.log-no-mem .log-comment{padding:20px 10px;}
.log-no-mem .log-comment, .etc-comment{background: #f5f5f5; }
.log-no-mem .log-comment p{font-size:1rem;  }
.log-no-mem .btn-ipin{margin:18px 0; color:#fff; padding:18px 0; text-align: center; display: block; width:48%}
.etc-comment{display: block; border:dashed 1px #ccc; padding:27px; margin-top:30px}
.etc-comment li{position:relative; display: block; padding-left:10px; line-height:1.3rem; margin-bottom:10px; color:#666}
.etc-comment li:after{content: ''; position: absolute; left:0; top:8px; display: block; background:#666; width:4px; height:4px; border-radius: 50%; }
.btn-member{padding:10px 20px; text-align: center; color:#fff; font-size:0.875rem }

.etc-comment .ico-mark{line-height: 38px;}
.etc-comment .ico-mark:before{top:10px}

/*아이디 찾기*/
.id-search, .pw-search, .pw-search-result, .id-search-result{position: relative; display: block}
.id-search:before{top: 24px; z-index: 11;}
.talk-comment .member:before,
.id-search:before, .id-search-result:before{width: 64px;height: 66px; background:url("/resources/images/koedc/common/icon-lock.png") no-repeat;}
.id-search:after,.id-search-result:after,.pw-search:after, .pw-search-result:after{width:120px;height:120px;border-radius:50%;left: 50%; top:0; z-index: 1;}
.id-search:after, .id-search-result:after{background:#E1F5FE;}
.id-search:before,
.id-search:after,
.id-search-result:before,
.id-search-result:after,
.pw-search:before,
.pw-search:after,
.pw-search-result:before,
.pw-search-result:after{content: '';position: absolute;left:50%; display: inline-block; transform: translateX(-50%);}
.pw-search:before, .pw-search-result:before{top:19px; width:64px; height:84px; background:url("/resources/images/koedc/common/icon-pw.png") no-repeat;z-index: 11;}
.pw-search:after, .pw-search-result:after{background:#E8F5E9;}
.input-area{padding-top:140px;}
.center-area{width:400px; margin:0 auto}
.ico-mark, .ico-mark2{position:relative; display: block; padding-left:20px; font-size:0.875rem}
.ico-mark:before, .ico-mark2:before{content: ''; position:absolute; left:0; top:0; width:16px; height:16px;}
.ico-mark:before{ background: url("/resources/images/koedc/common/ico-mark.png") no-repeat}
.ico-mark2:before{ background: url("/resources/images/koedc/common/ico-mark2.png") no-repeat}
.ico-mark3{position: relative;display: inline-block;background: url("/resources/images/koedc/common/ico-mark2.png") no-repeat;width: 17px;height: 17px;background-size: 80%;vertical-align: middle;}


/*id 찾기결과, 비밀번호 찾기 결과*/
.id-search-result .etc-comment,
.pw-search-result .table-wrap{margin-top:190px}
.id-search-result:after,
.pw-search-result:after{top:-150px}
.id-search-result:before,
.pw-search-result:before{top:-130px}
.id-search-result:before{z-index: 11}

.id-search-result .etc-comment p span{font-weight: 600; color:#00818B}

/*회원가입*/
.box-scroll{position:relative; height:300px; width:100%; display: block; overflow-y: auto; border:solid 1px #ddd; padding:20px}
.box_txt ul {}/**zoom:1;*/
.box_txt ul:after {clear: both; content: ""; display: block;}
.box_txt ul > li {float: left; width: 100%;}
.box_txt ul > li > p { margin:3px 0 5px 15px; color:#444;}
.box_txt ul > li { font-size:15px; color: #333; line-height: 23px; margin-bottom: 5px;}
.box_txt ul > li > ul > li { font-size:0.875rem; color: #444; line-height: 18px; padding-left: 15px;}


/*인터넷상담*/
.box-line{border:solid 1px #ddd; padding:20px}
.down i,
.info i{position: relative; display: inline-block; font-family: "Material Icons"; font-size:1rem; font-weight:500}
.ta-ser-area {position:relative;display:block;border:solid 1px #ddd;background:#fff}
.ta-ser-area input[type="text"]{width:calc(100% - 67px);}
.ta-ser-area input[type="text"], .ta-left .in-box input[type="text"]{padding: 6px 10px;display: block;}
.ta-left .s-btn-search, .ta-ser-area .pop-s-btn{position: absolute;right:0;top:0;display:inline-block;}

/*모달팝업 입력박스*/
.modal-search  .ta-ser-area input[type="text"]{ height: 34px}
/*.ta-left .s-btn-search{width: 67px;height:100%;padding-left: 15px;}*/
.s-btn-search{position: relative; display: inline-block}
.s-btn i,
.ta-left .s-btn i{position: absolute;left: 8px;top: 4px;font-size: 1.3rem;}
.s-btn-w,
.s-btn-search .s-btn,
.ta-left .s-btn,
.ta-left .s-btn-w,
.ta-left .s-btn-search{ font-size: 0.875rem;border: solid 1px #555;height: 31px;}
.s-btn-search .s-btn,
.ta-left .s-btn,
.ta-left .s-btn-search{background: #555; color:#fff;}

.ta-left .s-btn, .ta-left .s-btn-w{padding:0 20px}
.file-del i,
.ta-left .s-btn-search i,
.ta-ser-area .pop-s-btn,
.ta-ser-area .pop-s-btn i{ color:#fff;}
.s_date button i,
.ta-left .s-btn-search i, .file-box button i,
.file-del i,
.ta-ser-area .pop-s-btn i,
.file-list button:before{font-family: "Material Icons";font-weight:500;}
.s_date button i{font-style: normal; color:#555}
.reset button{border:solid 1px #ddd; padding:6px 16px}

/*통합검색 검색어 */
.s-btn-search .s-btn {height:29px; padding:0 17px}
.s-btn-search .s-btn i{color:#fff}
.reset button i{font-size: 1.2rem;vertical-align: middle;padding-right: 4px;/* font-weight: 600; */}

/*button*/
.ta-ser-area .pop-s-btn i{vertical-align: middle;}
.ta-ser-area .pop-s-btn{height:34px; padding:0 10px}

/*버튼 양쪽 정렬*/
.al-btn-list{display: flex; justify-content: space-between}
.al-btn-list button{}


/*검색영역 높이*/
.td-ser .ta-ser-area{height:31px}
.modal-search .ta-ser-area{height:36px}

.post .s-btn-search{width:82px; padding-left:0; }

.ta-left .in-box{position: relative; display: block}
.ta-left .in-box input[type="text"]{border:solid 1px #ddd;}
.ta-left .txt-area{border:solid 1px #ddd; display: block}
/*첨부파일*/
.file-box input[type="file"] {  }
.file-box label {display: inline-block;padding: 5px 16px;color: #fff;font-size:0.875rem; line-height:21px; vertical-align: middle;background-color: #555;cursor: pointer;border: 1px solid #ebebeb;height: 31px;}
/* named upload */
.file-box{margin-top:5px}
.file-box .upload-name {display: inline-block;height: 31px;font-size: 0.875rem;padding: 0 10px;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;width: 74%; }
.file-box .plus{border:solid 1px #ddd;height: 31px;padding:0 17px 0 10px;line-height: 30px; margin-left:5px/* vertical-align: middle; */}
.file-box .plus i{color:#555;line-height: 26px;font-size: 1.35rem;vertical-align: top; }

.file-del-area{position: relative; display: block; }
.file-del-area .txt-area{ width:87%; margin-top: 11px;}
.file-del-area .txt-area,.file-del{display: inline-block;vertical-align: top; padding:3px 15px; color:#fff}
.file-del-area .file-del i{font-size:1.25rem;line-height:20px; vertical-align: top}
.file-box .plus, .file-del{font-size: 0.875rem;}
.file-del{border:solid 1px #9C1818;line-height: 20px;padding: 5px 17px;height:31px;margin-left: 8px;}
.file-del i{vertical-align: middle; font-size:1.125rem}
.file-list{position: relative; display:block; width:100%;}
.file-list div{width:calc(100% - 110px); white-space: pre-line; word-break: break-all; word-wrap:break-word; display: inline-block}
.file-list button{width:100px; vertical-align: top}

/*첨부파일 목록*/
.file-view li{display: block}
.file-view a.list{max-width:100%; width:calc(100% - 100px); padding: 5px; font-size: 0.875rem}
.file-view .btn-sm{border:solid 1px #ddd;padding: 5px 16px 5px 10px;margin-left: 6px;font-size: 0.875rem;color: #555;}
.file-view .btn-sm i{font-size: 1.25rem;vertical-align: middle;padding-right: 6px;color: #555;}

    /*기관장과의 대화*/
.talk-area{position:relative;display:block;border:solid 3px #EBEBEB; z-index: 1;}
.talk-area:before{width:60px; height:3px;}
.talk-area:after{width:3px; height:60px;}
.talk-area:before,
.talk-area:after{content:''; position: absolute;left:-2px; top:-2px; background:#00ABC5; z-index: 11}
.talk-history,
.talk-comment{position: relative;display:block;padding: 38px 30px 38px 170px;}
/*.talk-history:before{top:25%}*/
.talk-history:before,
.talk-comment:before{top:25px;}
.talk-history:before,
.talk-comment:before{content: '';position: absolute;width:120px;height:120px;background:#E1F5FE;border-radius: 50%;left: 26px; /*transform: translateY(-50%);*/}
.talk-history strong,
.talk-comment strong{position:relative; display:block; font-size:1.3rem; font-weight:500}
.talk-comment p.talk-l-img:before,
.talk-history strong:before,
.talk-comment strong:before{content: '';position: absolute;width:76px;height:60px;}
.talk-comment p.talk-l-img:before,
.talk-comment strong.talk:before{left: -122px; background: url("/resources/images/koedc/common/comment-img2.png") no-repeat left center;}

.talk-comment p.talk-l-img:before{top:0;}
.talk-history strong.history:before{left: -122px; top: 15px;}

.talk-comment strong.news:before{left: -112px;top: 12px;background: url("/resources/images/koedc/contents/comment-img-news.png") no-repeat left center;}
.talk-comment p{font-size:1rem;margin-top:20px;text-align: justify; line-height: 1.375rem}
.talk-comment p.talk-l-img{position: relative; display: block}

/*상단 comment 기본이미지 */
.talk-comment .d-img,
.talk-comment .d-img-1,
.talk-comment .member,
.talk-comment .base{position: relative;display:block;}
.talk-comment .d-img-1:before,
.talk-comment .d-img:before,
.talk-comment strong.d-img:before{content: '';position:absolute;display:block;left: -114px; width:72px;height:57px;background: url("/resources/images/koedc/common/apply-img3.png") no-repeat left center;}
/*.talk-comment .d-img:before{top: 14px;}*/
.talk-comment.img .d-img{padding:15px}
.talk-comment.img .d-img:before,
.talk-comment strong.d-img:before,
.talk-comment strong.talk:before{top:20px;}
.talk-comment .d-img-1:before{top:23px}

.talk-comment .base:before{content:''; position:absolute; background:url('/resources/images/koedc/common/ico-sprite.png') no-repeat; width:120px; height:120px; left:-143px; top:-11px;  display: inline-block; overflow: hidden;  }

.talk-comment .minwon:before,
.talk-comment .open:before{top:-10px;}
.talk-comment .buy:before{background-position: 0 0;}
.talk-comment .open:before{background-position:-240px 0;}
.talk-comment .minwon:before{background-position:-120px 0;}

.talk-comment .buy{padding:15px}
.talk-comment .member:before{content:''; position:absolute; left:-114px; top:0}

/*연혁*/
.talk-comment .bulet-list li,
.talk-history .bulet-list li{color:#212529}


/*공급중단1206추가*/
.talk-comment.med{padding-bottom: 47px}
.talk-comment .medicine{position: relative;display:block; padding:15px}
.talk-comment .medicine:before{content: '';position: absolute;width: 81px;height:60px;background: url("/resources/images/koedc/common/buy-info-img2.png") no-repeat left center;left: -122px;}

/*input-box*/

.input-line{border:solid 1px #ddd; padding:7px 5px}
.txt-area textarea{width:100%; display: block; box-sizing: border-box; padding:8px}



/*sitemap*/
.sitemap-area{position: relative; display: block}
.menu{position:relative; display:block; padding:20px;border-bottom: dashed 1px #ddd; margin-top:30px;}
.menu:first-child{margin-top:0}
.menu .tit{position:relative; display:block;}
.menu .tit strong{position: relative;display:inline-block;font-size:1.5rem;}
.menu .tit strong:before{content: '';position: absolute;left:0;top: -10px;width: 100%;height:3px;background:#00ABC5;display: inline-block;}
.menu-list{ width: 100%;}
.menu-list >ul>li{width: 24%;margin: 30px 0 10px 8px;display: inline-block;vertical-align: top;}
.menu-list >ul>li.first{margin-left:0}
.menu-list >ul> li >a{font-size:0.938rem; font-weight:500; text-align: center; height:50px; line-height: 50px; display: block; background: #F0F1F6;border: solid 1px #ddd; }
.menu-list >ul>li>ul{margin-top:10px; padding:0 5px}
.menu-list >ul>li>ul>li>a{position: relative;display: block;height:auto;height: 30px;line-height: 30px;padding-left: 17px;color:#666;font-size:0.875rem;text-align: left;}
.menu-list >ul>li>ul>li>a:before{content: '';position: absolute;left: 2px;top:50%;width:8px;height:1px;background: #666;}
.menu-list >ul>li>ul>li>a:hover{text-decoration: underline; color:#00818B}


/*인터넷상담*/
.box-line{border:solid 1px #ddd; padding:20px}
.down i,
.info i{position: relative; display: inline-block; font-family: "Material Icons"; font-size:1rem; font-weight:500}
.ta-ser-area {position:relative;display:block;border:solid 1px #ddd;background:#fff}
.ta-ser-area input[type="text"]{width:calc(100% - 67px);}
.ta-ser-area input[type="text"], .ta-left .in-box input[type="text"]{padding:8px 10px; height:29px; display: block;}
.ta-left .s-btn-search, .ta-ser-area .pop-s-btn{position: absolute;right:0;top:0;display:inline-block;}
/*입력폼 안에 검색 버튼 위치*/
.ta-left .s-btn-search{top:-1px}
/*입력폼 안에 검색 버튼 위치*/
.ta-left .s-btn-search{height:100%;padding: 0 10px;}
.s-btn-search{position: relative; display: inline-block}
.s-btn i,
.ta-left .s-btn i{position: absolute;left: 8px;top: 4px;font-size: 1.3rem;}
.s-btn-w,
.s-btn-search .s-btn,
.ta-left .s-btn,
.ta-left .s-btn-w,
.ta-left .s-btn-search{ font-size: 0.875rem;border: solid 1px #555;height:30px;}
.s-btn-search .s-btn,
.ta-left .s-btn,
.ta-left .s-btn-search{background: #555; color:#fff;}

.ta-left .s-btn, .ta-left .s-btn-w{padding:0 20px}
.file-del i,
.ta-left .s-btn-search i,
.ta-ser-area .pop-s-btn,
.ta-ser-area .pop-s-btn i{ color:#fff;}
.date button i,
.ta-left .s-btn-search i, .file-box button i,
.file-del i,
.ta-ser-area .pop-s-btn i,
.file-list button:before{font-family: "Material Icons";font-weight:500; font-style: normal}
.date button i{font-style: normal; color:#555}
/*.reset button{padding: 6px 10px; font-weight: 600;}*/

.ta-left .s-btn-search i{vertical-align:middle}

/*버튼 양쪽 정렬*/
.al-btn-list{display: flex; justify-content: space-between}
.al-btn-list button{}

/*모달팝업 추가 css*/

.bootbox.modal .modal-content{min-width: 360px; min-height:187px}

/*인터넷구입신청*/
.step { border: solid 1px #ccc;  background: #f1f1f1;}
.step ul { height: 60px;}
.gov-link ul:after,
.gov-link ul li a:after,
.step ul:after {content: ''; clear: both; display: block;}

.gov-link ul li,
.step li { float: left;}
.gov-link ul.col2 li,
.step.col2 li { width: 50%;}
.step.col3 li { width: 33.333333%;}
.step.col4 li {width: 25%;}
.step.col5 li { width: 20%;}
.step.col6 li { width: 16.6666667%;}
.step.col7 li {width: 14.28571%;}
.step.col8 li {  width: 12.5%;}
.step div {  position: relative; display: block; height: 60px; pointer-events: none; padding-top: 6px; padding-right: 0 !important;  text-align: center; color: #333; cursor: pointer;}
.step div.active {color: #fff;background: #555;}
.step div span { display: block;color: #333; line-height: 1.5; font-size:1rem; font-weight:400;}
.step div span:first-child{font-size:0.875rem}
.step div.active span {color: #fff; font-weight:bold}

.step div:before,
.step div:after {content: ''; position: absolute; top: 0; left: 100%; z-index: 1;display: block;  width: 0; height: 0; border-top: 30px solid transparent;  border-bottom: 30px solid transparent; border-left: 16px solid transparent;}

.step div:before { margin-left: 1px;border-left-color: #d5d5d5;}
.step div:after {border-left-color: #f1f1f1;}
.step div:hover:after {  border-left-color: #eee;}
.step div.active:after {  border-left-color: #555;}
.step li:last-child div:before,
.step li:last-child div:after {  display: none;}
.step.jointab { margin-bottom: 50px}

/*관련기관*/
.gov-link li a{position: relative;display: block;padding: 14px;border: solid 1px #ddd;margin:5px;}
.gov-link li a:hover{background: #ececec}

/*상담완료*/
.step-result{position: relative; display: block; padding:30px}




/*구입신청절차*/
.buy-step-img{position: relative;display: block;width: 100%; box-sizing:border-box; font-size:0; vertical-align: middle; padding:30px 0;}
.buy-step-img li{position:relative;display:inline-block; width:14.285714%; box-sizing:border-box; height: 100px;vertical-align: middle}
.buy-step-img li:before{content:'';position: absolute;right:-62px;top: 50%;background: url("/resources/images/koedc/contents/step-arrow_01.png") no-repeat center;display: inline-block;width: 100%;height: 14px;box-sizing: border-box;transform: translateY(-50%);z-index: -1;}
.buy-step-img li:last-child:before{background: none}

.buy-step-img li >div{position:relative; display:block; margin:0 auto; width:100px;height:100px;border-radius: 50%;background:#666;box-sizing: border-box; /* z-index: 11; */}
.buy-step-img li >div> span{position:relative; color:#fff;font-size: 0.975rem; text-align: center;display: block; padding-top: 40px;}
.buy-step-img .dot-circle >div span{color:#666; }
.buy-step-img .dot-circle >div{background:#ebebeb; border:dashed 1px #aaa}
.buy-step-img li .line2 span{padding-top:30px}
.buy-step-img li.b-step2 > div:after,
.buy-step-img li.b-step2:after,
.buy-step-img li.b-step3:after{content: '';position: absolute;background: #aaa;}
.buy-step-img li.b-step2:after{left: 50%;bottom: -42px; width:2px; height:38px}
.buy-step-img li.b-step3:after{width:402px;height:2px;bottom: -42px;left: -65px;}
.buy-step-img li.b-step4 > div:after{content: '';position: absolute;bottom: -30px;right: -139px;background: url("/resources/images/koedc/contents/step-arrow_01.png") no-repeat center;width: 100%;height: 14px;/*transform: translate(-180deg);*/transform: rotate(270deg);}
.buy-step-img li.b-step2 > div:before{right:-15px;bottom: -2%; transform: rotate(179deg);}

.buy-step-img li.b-step1 > div:before,
.buy-step-img li.b-step2 > div:before,
.buy-step-img li.b-step5 > div:before,
.buy-step-img li.b-step7 > div:before{content: '';position: absolute; width:8px;height:56px; background: url("/resources/images/koedc/contents/step-arrow_dot.png") no-repeat;}

.buy-step-img li.b-step1 > div:before{right: -15px;top:-2%;}
.buy-step-img li.b-step5 > div:before,
.buy-step-img li.b-step7 > div:before {left: -22px;top: -2%;}
.buy-step-img li.b-step1 > div:after,
.buy-step-img li.b-step2 > div:after,
.buy-step-img li.b-step5 > div:after,
.buy-step-img li.b-step7 > div:after{font-size:0.75rem;position: absolute;color:#666;font-weight:bold;font-family: '맑은고딕', 'Malgun Gothic','돋움', 'Dotum', sans-serif;background: #f1f1f1;padding: 6px 10px;border-radius: 3px;border: solid 1px #d0d0d0;}
.buy-step-img li.b-step1 > div:after{content: '담당자서류검토';right: -70px;top: -40px;}
.buy-step-img li.b-step2 > div:after{content: '보유현황 확인';right: -64px;bottom: -38px;}
.buy-step-img li.b-step5 > div:after{content: '결제금액확정';left: -68px;top: -40px;}
.buy-step-img li.b-step7 > div:after{content: '배송진행';left: -59px;top: -40px;}

.buy-step-img li.b-step1 > div.active span:before{right:-15px;}
.buy-step-img li.b-step5 > div.active span:before,
.buy-step-img li.b-step7.active > div span:before{left:-22px}
.buy-step-img li.b-step1 > div.active span:before,
.buy-step-img li.b-step5 > div.active span:before,
    /*배송진행*/
.buy-step-img li.b-step7.active > div span:before{content: '';position: absolute;display: inline-block;top: 46px;width:8px;height: 8px;border-radius: 50%;}


.buy-step-img li.b-step1 > div.active,
.buy-step-img li.b-step2 > div.active,
.buy-step-img li.b-step3 > div.active,
.buy-step-img li.b-step4 > div.active,
.buy-step-img li.b-step5 > div.active,
.buy-step-img li.b-step6 > div.active,
.buy-step-img li.b-step7 > div.active{background:#1D80C8;}
.buy-step-img li.dot-circle.b-step3 > div.active,
.buy-step-img li.dot-circle.b-step4 > div.active{border:solid 1px #1D80C8;}
.buy-step-img li.dot-circle.b-step3 > div.active span,
.buy-step-img li.dot-circle.b-step4 > div.active span{ color:#fff}

.buy-step-img li.b-step1 > div.active:after,
.buy-step-img li.b-step2 > div.active:after,
.buy-step-img li.b-step4 > div.active:after,
.buy-step-img li.b-step5 > div.active:after,
    /*배송진행*/
.buy-step-img li.b-step7.active > div:after{color:#fff;  border-color:#d25d0b}
/*배송진행*/

.buy-step-img li.b-step1 > div.active:after,
.buy-step-img li.b-step2 > div.active:after,
.buy-step-img li.b-step5 > div.active:after,
    /*배송진행*/
.buy-step-img li.b-step7.active > div:after,
    /*배송진행*/
.buy-step-img li.b-step1 > div.active span:before,
.buy-step-img li.b-step2 > div.active span:before,
.buy-step-img li.b-step4 > div.active span:before,
.buy-step-img li.b-step5 > div.active span:before,
.buy-step-img li.b-step7.active > div span:before{background:#d25d0b;}

/*bullet level*/

.bulet-list,.bulet-list1, .bulet-list2{position:relative;}
/*.bulet-list >li{position:relative; display:block; padding-left:15px; margin-bottom: 10px; font-size:1.125rem; line-height: 1.5rem}*/
/*.bulet-list >li:before{content: ''; position: absolute; left:0; top:7px;background: #5a5a5a; width:5px; height:5px;  }*/
.bulet-list >li{color:#666}
.bulet-list1>li>ul,
.bulet-list >li>ul{margin-top: 3px; color:#3a3a3a}
.s_title,
.bulet-list1 >li,
.bulet-list >li>ul>li{position:relative;padding-left: 17px;line-height: 1.5; }
.bulet-list1 >li,
.bulet-list >li>ul>li,.l-img-con p{font-size:0.875rem}
.s_title:before,
.bulet-list >li:before,
.bulet-list1 >li:before,
.bulet-list >li>ul>li:before{content: ''; position: absolute; left:0;}

.bulet-list1 >li:before{background: #8c8c8c;width:3px; height:3px; top: 8px;}
.bulet-list >li>ul>li:before{background: #8c8c8c;width:6px;height:2px;top: 9px;}

.s_title{font-weight: 600; font-size:1rem; vertical-align: middle}
.s_title:before{background: #383838;width:4px; height:4px; left:4px; top:9px; border-radius: 50%}


.etc-comment{display: block; border:dashed 1px #ccc; padding:27px; margin-top:30px}
.bulet-list >li,
.etc-comment li{position:relative; display: block; padding-left:10px; line-height:1.3rem; margin-bottom:10px; color:#666}
.bulet-list >li:before,
.etc-comment li:after{content: ''; position: absolute; left:0; top:8px; display: block; background:#666; width:4px; height:4px; border-radius: 50%; }
.bulet-list >li>ul>li,.etc-comment li{ color:#666}


/*bulet 3단계 레벨정의*/
.bulet-list2{}
.bulet-list2 > li,
.ol-list >li,
.bulet-list2 >strong{position:relative;display:block;font-size:1rem;font-weight:600;padding-left:20px;line-height:1.5;margin-top:5px;}
.bulet-list2 > li:before,
.bulet-list2 >strong:before{content: '';position: absolute;display: inline-block;left: 8px;top: 8px;width:3px;height:3px;border-radius: 50%;background:#00818b;}
.ol-list >li>ul>li,
.bulet-list2> li>ul>li{position:relative;padding-left: 9px;font-weight: 400;font-size:0.938rem;display:block;line-height:1.6}

.bulet-list2 >li>ul>li:before{content: '';position: absolute;display: inline-block;background: #8c8c8c;width:2px;height:2px;left:0;top:10px;}
.ol-list >li>ul>li>ul>li,
.bulet-list2 >li>ul>li>ul>li{position:relative; padding-left:9px; }
.bulet-list2 >li>ul>li>ul>li:before{content: '';position: absolute;display: inline-block;background: #3a3a3a;width:3px;height:1px;left: 0;top: 10px;}

/*들여쓰기*/
.ol-list>li{text-indent: -15px; font-weight: normal; line-height: 1.4}

/*구입신청안내 */
.l-img-con{position: relative;display: block; margin-left: 177px; box-sizing: border-box;}
.talk-history strong.history:before,
.l-img-con.img1:before{background: url("/resources/images/koedc/contents/buy-info-img.png") no-repeat center;}
.l-img-con.img1:before{top:-2px; background-color:#E1F5FE }
.l-img-con.img2:before{background: url("/resources/images/koedc/contents/buy-info-img2.png") no-repeat #E1F5FE center; top:7px}
.l-img-con.img1:before,
.l-img-con.img2:before{content:'';position:absolute;left: -166px;width:120px;height:120px;border-radius: 50%;}





/*50% 분할영역*/
.half{position:relative; display: flex;}
.half li{flex:1}

/*input +btn*/
.input-btn{position: relative; display: block}


/*통합검색*/
.total-ser-area{position: relative; display: block; border:solid 1px #ddd; border-radius: 3px; padding:15px 20px; background:#f3f3f3}
.total-ser-area ul,
.total-ser-area ul >li{display:block; padding:5px 0}
.total-ser-area ul >li>div{font-weight: normal; display: inline-block }
.total-ser-area ul >li>label{position:relative;font-weight:600;display: inline-block;min-width:100px;padding-left: 10px;}
.total-ser-area ul >li>label:before{content:'';position: absolute;display: block;width:4px;height: 4px;border-radius: 50%;left:0;top: 42%;background: #494949;}

.s_date .t_date{display: inline-block}
.ser-result{position:relative; margin-top: 30px}
.ser-result .tit-area{display: block;padding: 12px 20px;border: solid 2px #d6d6d6;}
.ser-result .tit-area>div{display: inline-block;width: calc(100% - 100px) }

.subject > strong > a,
.subject >strong >a.d-tit{width:75%}
.ser-result .tit-area>div h4{margin:0; width: 80%; }

.subject > strong > a,
.ser-result .tit-area>div h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;word-break: keep-all;display: inline-block;}

.ser-result .tit-area a,
.subject a.btn-small{position: absolute;}
.ser-result .tit-area a{color:#fff; top: 10px; right:15px }
.ser-result .tit-area a i{font-size:1.3rem; font-weight:500}
.result-area{position: relative; display: block; box-sizing: border-box; width:100%; margin-top: 30px}
.subject{position: relative; display: block; height:40px; line-height: 40px; border-bottom:solid 1px #ddd; margin-top: 30px}
.subject .t-date{display: inline-block}
.subject strong > a{font-size:1.125rem; font-weight:600; color:#00818B; padding-left: 10px}
.subject a.btn-small{padding: 0 10px;background: #fff;display: inline-block;top:0;right:0;border: solid 1px #d6d6d6;height: 34px;line-height: 34px;}
.subject a.btn-small:hover{background:#d25d0b; color:#fff}
.sj-con{position: relative; display: block;line-height: 1.6; }
/*통합검색 css명 추가*/
.sj-con .text{white-space: pre-line; word-break: break-all; word-wrap:break-word;overflow: hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:15px}
.sj-con .source{ display:block; font-family: '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-size:0.813rem; font-weight:bold; color: #555; text-align: right; margin-top:15px}


/*통합검색 더보기 모바일에서 추가*/
.m-more{display: none}
/*통합검색 더보기 모바일에서 추가*/


/*달력*/
#ui-datepicker-div.ui-datepicker {background:#fff; padding:10px; border:solid 1px #ddd; background: #fff; }

#ui-datepicker-div .ui-datepicker-inline{font-family: '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-size:0.75rem;}
#ui-datepicker-div .ui-datepicker-header {position:relative; background:#f6f6f6;}
#ui-datepicker-div .ui-datepicker-prev {position:absolute;top:5px;left:2px;background: url("/resources/images/koedc/common/ico-pagination.png") no-repeat -43px -6px #fff;/* background-position: -43px -6px;*/ border: solid 1px #ddd;}
#ui-datepicker-div .ui-datepicker-prev span{cursor:pointer;display:inline-block;width:18px;height: 23px;text-indent:-9999px;}
#ui-datepicker-div .ui-datepicker-next {position:absolute;top: 5px;right:2px;cursor:pointer;background: url("/resources/images/koedc/common/ico-pagination.png") no-repeat -82px -6px #fff;border: solid 1px #ddd;}
/*.ui-state-hover, .ui-datepicker-next-hover*/
#ui-datepicker-div .ui-datepicker-next span{display:inline-block; width:18px;height: 23px; text-indent:-9999px;}
#ui-datepicker-div .ui-datepicker-title {padding:5px 23px;}
#ui-datepicker-div .ui-datepicker-title select{min-width:70px;height:25px;margin:0 1px;background-color:#fff;font-size:0.875rem;border: solid 1px #ddd;padding: 3px;}
#ui-datepicker-div .ui-datepicker-calendar {width:100%;}
#ui-datepicker-div .ui-datepicker-calendar tbody td{text-align:center;}
#ui-datepicker-div .ui-datepicker-calendar tbody td > a{padding:2px;display:block;font-size: 0.875rem;}
#ui-datepicker-div .ui-datepicker-calendar thead >tr> th{border-top:solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 5px;}
#ui-datepicker-div .ui-datepicker-calendar thead >tr> th > span{}
#ui-datepicker-div .ui-datepicker-week-end, .ui-datepicker-week-end > a{color:#e70000; }
#ui-datepicker-div .ui-datepicker-calendar thead th:nth-of-type(7) , .ui-datepicker-calendar tbody td:nth-child(7) *{color:#3d79c4;}
#ui-datepicker-div .ui-datepicker-today > a {background:#019caa; color:#fff; font-weight:600; border-radius: 3px}
#ui-datepicker-div .ui-state-hover {background-color: #e7e7e7;}
#ui-datepicker-div .ui-state-active{background:#e55428; color:#fff !important; font-weight:600;}
#ui-datepicker-div .ui-datepicker-buttonpane {text-align:right; padding:3px 2px 5px 0;}
#ui-datepicker-div .ui-datepicker-buttonpane button{display:inline-block; height:22px; background: #0c7d9b; color:#fff; border-radius:3px; font-size:0.75rem; padding:3px}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close{margin-left:2px; background:#52647c; color:#fff;}
#ui-datepicker-div .ui-datepicker-buttonpane button:hover, #ui-datepicker-div .ui-datepicker-buttonpane button:focus, #ui-datepicker-div .ui-datepicker-buttonpane button:active {text-decoration:underline;}
.s_date >button.ui-datepicker-trigger{position: relative;display: inline-block;/* text-indent: -99999999px; */width:24px;height:24px;font-size: 0;}
.s_date >button.ui-datepicker-trigger:before{content: '\e916';font-family: "Material Icons";position: absolute;left: 1px;top: -2px;font-size: 1.5rem;color:#666;width: 24px;height: 24px;}


/*news*/
.news-area{position:relative;}
.news-area ul:after{content: ''; clear: both; display: block;}
.news-area ul{width:100%;display: block; box-sizing: border-box}
.news-area ul>li{float:left}
.news-area ul.col4 >li{width:25%; padding:10px 5px;}
.news-area ul.col4 >li a{ border:solid 1px #ddd; display: block; padding:15px;height:auto;}
.news-area{position:relative;}
.news-area ul:after{content: ''; clear: both; display: block;}
.news-area ul{width:100%;display: block; box-sizing: border-box}
.news-area ul>li{float:left}
.news-area ul.col4 >li{width:25%; padding:10px 5px;}
.news-area ul.col4 >li a{ border:solid 1px #ddd; display: block; padding:15px;height:auto; min-height: 275px}
.news-area ul.col4 >li .sum-title{margin: 8px 0;overflow: hidden; font-weight: 600/* min-height:60px; *//* height:60px; */}
.news-area ul.col4 >li .sum-title.ecllipsis{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:36px}
.news-area ul.col4 >li img{max-height: 250px;}
.sum-title.line{border-top:dashed 1px #ddd; padding-top:12px}


/*구입신청안내*/
.apply-wrap .apply-area {position:relative;display:block;border-top: dashed 1px #EBEBEB;}
.apply-wrap .apply-area:first-child {border-top: none;}
.apply-wrap .apply-comment {position: relative;display:block;padding: 38px 30px 38px 140px;}
.apply-wrap .apply-comment:before{content: '';position: absolute;width:120px;height:120px;background:#E1F5FE;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}
.apply-wrap .apply-comment strong {position: relative;display: block;margin-bottom: 10px;font-weight: 600;}
.apply-wrap .apply-comment strong:before{content: '';position: absolute;}
.apply-wrap .apply-comment.img1 strong:before{left: -104px;top: 32px;width: 63px;height: 56px;background: url("/resources/images/koedc/common/apply-img.png") no-repeat left center;}
.apply-wrap .apply-comment.img2 strong:before{left: -112px;top: 36px;width: 64px;height: 67px;background: url("/resources/images/koedc/common/apply-img2.png") no-repeat left center;}
.apply-wrap .apply-comment.img3 strong:before{left: -112px;top: 60px;width: 72px;height: 57px;background: url("/resources/images/koedc/common/apply-img3.png") no-repeat left center;}
.apply-wrap .apply-comment .box-wrap ul {margin-bottom: 8px;}
.stressed-text {font-weight: 600;color: #00818B;}

/*인사말*/
.greeting-wrap {margin-top: 64px;}
.greeting-wrap .greeting-profile {position: relative;}
.greeting-wrap .greeting-profile:before {content: ''; position: absolute;top: 80px;right:0;z-index: -1;display: block;width: 207px;height: 185px;background: url("/resources/images/koedc/contents/profile-deco2.png");}
.greeting-wrap .greeting-profile .profile-line {position: relative;display: inline-block;margin: 60px 0 0 30px;width: 210px; height: 210px;border: solid 1px #ebebeb;background: linear-gradient(180deg, #E7F0FF 0%, #FFFFFF 100%);text-align: center;}
.greeting-wrap .greeting-profile .profile-line img {height: 100%;}
.greeting-wrap .greeting-profile p {margin-top: 96px;float: right;text-align: right;font-size: 1.5rem}
.greeting-wrap .greeting-profile span {display: block;margin-top: 20px;font-size: 1.3125rem;}
.greeting-wrap .greeting-profile strong {font-weight: 600;}
.greeting-wrap .greeting-profile .profile-line:before {content: ''; position: absolute;top: -30px;left:-30px;z-index: -1;display: block; width: 120px;height: 120px;border: solid 6px #39B0C8;}
.greeting-wrap .greeting-profile .profile-line:after {content: ''; position: absolute;top: 71px;left:11px;z-index: -1;display: block;width: 208px;height: 148px;background: url("/resources/images/koedc/contents/profile-deco.png");}
.greeting-wrap .greeting-text {margin-top: 40px;}
.greeting-wrap .greeting-text p {margin-top: 25px;}
.greeting-wrap .greeting-text p:first-child {margin-top: 0;}
.greeting-wrap .greeting-footer {margin-top: 30px; }
.greeting-wrap .greeting-footer p{font-family: '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif}
.greeting-wrap .greeting-footer ul {display: flex;justify-content: right;}
.greeting-wrap .greeting-footer ul li {margin-left: 40px;}
.greeting-wrap .greeting-footer ul li:nth-child(3) {font-weight: 600;}



/*현장의약품 수급모니터링 센터*/
.chart{position: relative;display: block;background: url('/resources/images/koedc/contents/back_img.jpg') no-repeat right bottom;width:924px;/* height: auto; */padding: 80px 0; margin:0 auto}
.chart .koedc-img{position: relative; display: block;}
.chart .koedc-img:before,
.chart .koedc-img:after{content: ''; position: absolute;  display: inline-block;width:107px; height:85px; top:34px;}
.chart .koedc-img:before{left:24%; top:34px;  background: url("/resources/images/koedc/contents/arrow-blue.gif") no-repeat }
.chart .koedc-img:after{right:23.9%; background: url("/resources/images/koedc/contents/arrow-blue-horizental.gif") no-repeat;}
.chart .koedc-img >div{margin:0 auto;  width:262px; height:82px; border-radius:16px; border:solid 3px #70B9BF; background:url('/resources/images/koedc/contents/medicine-link-koedc-logo.gif') no-repeat center }
.chart .link-area{display: flex; justify-content: space-between; padding:0 20px}
.link-area .link-list{width:400px;}
.link-area .link-list .blue-tit-box{background:#015EAF;  width:100%; text-align: center;display: block;  height:36px; line-height: 36px}
.link-area .link-list .blue-tit-box strong{font-weight:600; color:#fff; }
.link-list > ul > li{float:left;}
.link.col2 li, .link2.col2 li{width:50%; margin-top:10px; padding-left:5px}
.link-list > ul > li > a{ text-align: center; padding:0;}
.link-list > ul > li > a, .link-list > ul.link2> li > div{width:100%; display:block; box-sizing: border-box; border:solid 1px #ddd; height:42px; line-height: 42px; background: #fff}

.link-list > ul,
.link-list > ul.link2> li> div{position: relative;}
.link-list > ul.link2 > li > div{padding-left:50px}
.link-list > ul > li > div > span {position:absolute; overflow: hidden; left:10px; top:5px; width:28px; height:28px; vertical-align:middle; border-radius:50%; background:url('/resources/images/koedc/contents/ico-medicine.png') #015EAF no-repeat; display:inline-block;}
.link-list > ul > li > div > span.icon1{background-position:5px 3px}
.link-list > ul > li > div > span.icon2{background-position:-23px 3px}
.link-list > ul > li > div > span.icon3{background-position:5px -22px}
.link-list > ul > li > div > span.icon4{background-position:-23px -22px}
.link-list > ul > li > div > span.icon5{background-position:5px -47px}

/*h5+p*/
h5+p{padding: 5px 12px;line-height: 1.2;margin-top:5px;margin-bottom: 15px;}


/*센터공급의약품 qr코드*/


/*주요업무*/
.task-wrap {display: flex;}
.task-wrap .task-list {width: 33.33%; margin-left: 2%;border: 1px solid #ebebeb;}
.task-wrap .task-list:first-child {margin-left: 0;}
.task-wrap .task-list p {padding: 25px 0 0 0;text-align: center;font-size: 1.25rem;font-weight: 600;color: #00818b;}
.task-wrap .task-list p:after {content: '';display: block;margin: 25px auto 0;width: 90%;height: 1px;background: #ebebeb;}
.task-wrap .task-list ul {min-height: 200px;padding: 20px;}


/*CI소개*/
.ci-wrap {display: flex;}
.ci-wrap li {display: inline-block;vertical-align: top;}
.ci-wrap li.ci-logo {width: 34%;max-width: 300px;height: 200px;line-height: 200px;border: 1px solid #ebebeb;text-align: center;}
.ci-wrap li.ci-text {width: 63%;padding-left: 3%;}
.ci-wrap li.ci-text strong {font-weight: 600;}
.ci-wrap li.ci-text p {margin: 10px 0 30px 0;line-height: 1.5;}
.ci-table .table-wrap {border-bottom: 1px solid #ebebeb;}
.ci-table .table-wrap .row {display: flex;}
.ci-table .table-wrap .row dl {width: 100%;display: flex;}
.ci-table .table-wrap .row dt {width: 17%;}
.ci-table .table-wrap .row dd {width: 83%;}
.ci-table .table-wrap .row dd ul {display: flex; flex-wrap: wrap;align-items: center;margin: 20px 10px;}
.ci-table .table-wrap .row dd ul li {display: inline-block;margin: 10px 0;flex: 1 1 50%;text-align: center;}
.ci-table .table-wrap .row dd ul li .color-name {display: inline-block;float:left;width: 150px;height: 80px;line-height:80px;font-weight: 600;color: #fff;}
.ci-table .table-wrap .row dd ul li .color-name.brand_blue {background: #00abc5;}
.ci-table .table-wrap .row dd ul li .color-name.brand_lightgreen {background: #8dbf46;}
.ci-table .table-wrap .row dd ul li .color-name.brand_yellow {background: #f9b83c;}
.ci-table .table-wrap .row dd ul li .color-name.brand_orange {background: #ef7a22;}
.ci-table .table-wrap .row dd ul li .color-name.brand_red {background: #df1a5b;}
.ci-table .table-wrap .row dd ul li .color-name.brand_green {background: #00818b;}
.ci-table .table-wrap .row dd ul li .color-name.brand_gray {background: #57585a;}
.ci-table .table-wrap .row dd ul li p {display: inline-block;float:left;width: calc(100% - 170px);line-height: 1.5;padding: 13px  0 13px 20px;text-align: left;font-size: 0.75rem;}
.ci-table .table-wrap .row dt, .ci-table .table-wrap .row dd {padding: 15px 12px;border-top: 1px solid #ebebeb;}
.ci-table .table-wrap .row:first-child dl dt, .ci-table .table-wrap .row:first-child dl dd {border-top: none;}
.ci-table .table-wrap .table-header {/*display: table;*/display:inline-block; background: #f5f5f5;text-align: center; font-weight:600;}
.ci-table .table-wrap .table-header span {display: table-cell;vertical-align: middle;}

/*신청절자*/
.con-step1{position: relative; display:block; box-sizing: border-box}
.con-step1:after{content: ''; display: block; clear: both}
.con-step1>li{position:relative;float:left;width:33.33%;/*width:305px;*/ padding-left: 33px;}
.con-step1>li:first-child{padding-left:0}
.con-step1>li:first-child:before{background: none}
.con-step1>li:before{content: '';position: absolute;right: 4px;top:50%;background: url('/resources/images/koedc/common/step-arrow_01.png') no-repeat;width: 100%;height: 20px;z-index: -1;}
.con-step1 >li>div{background:#015EAF; color:#fff; height:36px; line-height:36px; text-align: center}
.con-step1 >li>ul{background:#f1f1f1; border:solid 1px #ccc; padding:15px; height:108px}
.con-step1 >li>ul>li{display: block}

/*서식다운로드*/
.docu-wrap {}
.docu-wrap .docu-row {display: flex;margin: 20px; border-top: 1px dashed #ebebeb;}
.docu-wrap .docu-row:first-child {margin-top: 0; border-top: none;}
.docu-wrap .docu-row .docu-box {width: 50%;min-height: 80px;padding: 20px 20px 0 80px;}
.docu-wrap .docu-row .docu-box.down-hwp {background: url("/resources/images/koedc/common/ico-hwp_large.png") left 20px no-repeat;}
.docu-wrap .docu-row .docu-box.down-pdf {background: url("/resources/images/koedc/common/ico-pdf_large.png") left 20px no-repeat;}
.docu-wrap .docu-row .docu-box.down-xls {background: url("/resources/images/koedc/common/ico-xls_large.png") left 20px no-repeat;}
.docu-wrap .docu-row .docu-box ul li {margin-top: 6px;}
.docu-wrap .docu-row .docu-box ul li:first-child {margin-top: 0;}
.docu-wrap .docu-row .docu-box ul li a:hover{text-decoration: underline; color:#00818B}


/*이미지 확대보기 버튼*/
.m-img-btn a{display: none}

/*down-list*/
.down-list{position: relative; display: block;}
.down-list li{position: relative;display:block;height:50px;vertical-align: middle;border-bottom: dashed 1px #ddd ;}
.down-list li:before{content: '';position: absolute;left:0;top: 44%;width:3px;height:3px;border-radius: 50%;background: #00818b;display: inline-block;}
.down-list li a{position: relative;display: block;padding: 15px 0 15px 15px;vertical-align: middle; font-size: 0.938rem}
.down-list li a span.txt {position:relative; width:calc(100% - 120px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block }
.down-list li a .ico{/*position: absolute;right: 8px;*/position:relative; width:96px;height:30px;display: inline-block;border:solid 1px #ddd;padding-left:30px;vertical-align: middle;line-height: 30px;font-size: 0.875rem;top: -5px;}
.down-list li a .ico:hover{color:#D25D0B; }
.down-list li a .hwp{background: url('/resources/images/koedc/common/ico-hwp.png') no-repeat  10px center;display: inline-block;}
.down-list li a .xls{background: url('/resources/images/koedc/common/ico-xls.png') no-repeat  10px center;display: inline-block;}
.down-list li a .pdf{background: url('/resources/images/koedc/common/ico-pdf.png') no-repeat  10px center;display: inline-block;}


/*홈페이지 이용안내*/
.browser-update {overflow: hidden;}
.browser-update li {float: left; width: 20%;margin: 10px;text-align: center;}
.browser-update li > div {padding: 20px 30px;background: #f5f5f5;border: 1px solid #ebebeb;}
.browser-update li strong {display: block;margin-top: 10px;text-align: center;font-weight: 600;}
.browser-update .update-text {float: right;width: 50%;}
.browser-update-bottom {overflow: hidden;margin-top: 30px;}
.browser-update-bottom li {float: left;width: calc(33.33% - 50px);margin: 25px;text-align: center;}
.browser-update-bottom li strong {display: block;margin: 20px 0;font-weight: 600;}
.browser-update-bottom li p {padding-top: 20px;border-top: 1px solid #ebebeb;text-align: left;}


/*조직 및 기구*/
.organization-wrap {position: relative;}
.organization-wrap .orga-group-cont {width: 725px;margin: 0 auto;}
.organization-wrap .orga-cont-01 p,.organization-wrap .orga-cont-04 p {width: 22%;line-height: 50px;margin: 0 auto;border-radius: 25px;text-align: center;color: #fff;}
.organization-wrap .orga-cont-01 p {background: #015eaf;}
.organization-wrap .orga-cont-02 li,.organization-wrap .orga-cont-03 li,.organization-wrap .orga-cont-05 li {width: 100%;min-width: 200px;line-height: 50px;background: #f1f1f1;border: 1px solid #aaa;text-align: center;}
.organization-wrap .orga-cont-02 {float: left;margin-top: 55px;}
.organization-wrap .orga-cont-03 {margin-top: 15px;}
.organization-wrap .orga-cont-03 li:first-child {margin-bottom: 25px;}
.organization-wrap .orga-cont-03,.organization-wrap .orga-cont-05 {float: right;}
.organization-wrap .orga-cont-04 p {background: #1d80c8;}
.organization-wrap .orga-cont-05 {margin-top: 23px;}
.organization-wrap .orga-cont-06 {display: flex;width: 860px;margin: 0 auto;}
.organization-wrap .orga-cont-06 li {float: left;width: 25%;line-height: 50px;margin-left: 20px; border: 1px solid #015eaf;text-align: center;color: #015eaf;}
.organization-wrap .orga-cont-06 li:first-child {margin-left: 0;}
.organization-wrap .orga-group-line_01 {position: relative;width: 325px;height: 160px;margin: 0 auto;}
.organization-wrap .orga-group-line_01 .orga-line_01 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 160px;background: #ccc;}
.organization-wrap .orga-group-line_01 .orga-line_02 {position: absolute;top: 50%;left: 44%;transform: translate(-50%, -50%);width: 285px;height: 1px;background: #ccc;}
.organization-wrap .orga-group-line_01 .orga-line_03 {position: absolute;top: 50%;right: 0;transform: translate(0%, -50%);width: 40px;height: 80px;border: 1px solid #ccc;border-right: none;}
.organization-wrap .orga-group-line_02 {position: relative;width: 325px;height: 100px;margin: 0 auto;}
.organization-wrap .orga-group-line_02 .orga-line_01 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 100px;background: #ccc;}
.organization-wrap .orga-group-line_02 .orga-line_02 {position: absolute;top: 50%;right: 0;transform: translate(0%, -50%);width: 163px;height: 1px;background: #ccc;}
.organization-wrap .orga-group-line_03 {position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);width: 660px;height: 50px;border: 1px solid #ccc;border-bottom: none;}
.organization-wrap .orga-group-line_03 .orga-line_01 {position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);width: 220px;height: 50px;margin-top: -1px;border: 1px solid #ccc; border-top: none;border-bottom: none;}

/*선택의약품*/
.com-txt >p,
.com-txt > div{display: inline-block}


/*loading*/

.dimmed { position: fixed; top: 0;  left: 0; right: 0; bottom: 0;background: rgba(255, 255, 255, .7); z-index: 99999}

.data_loading {position: fixed;top: 50%;left: 0;right: 0;text-align: center; transform: translateY(-50%);z-index: 999999}

.data_loading p {font-size: 2rem; text-align: center}

.data_loading p>b { color: #D25D0B}

.data_loading p>span { display: block;font-size: 1.2rem; margin-top: 1rem}

.loader {
    position: relative;
    width: 1em;
    height: 1em;
    margin: 50px auto;
    font-size: 8px;
    color: #D25D0B;
    text-indent: -9999rem;
    border-radius: 50%;
    -webkit-animation: load 1.3s infinite linear;
    animation: load 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.phone-securite{}
.phone-securite .ico-mark:before{top:27px; left:20px}

/*센터공급의약품 조회데이터 없을경우*/
.no-data{display: block; text-align: center; width:100%; padding:20px }

/*안전나라 검색*/
.safe-ser-area{position:relative; display: flex;  border:solid 1px #ddd; justify-content:left}
.safe-ser-area ul{display: inline-table; width:100%;}
.safe-ser-area ul li{position:relative; display: inline-block; height:110px; width:33.33%;  box-sizing: border-box}
.safe-ser-area ul li:before{content: ''; position: absolute; left:0; top:0; width:1px; height:100%; background: #ddd; display: block}
.safe-ser-area ul li a{display: block; padding:20px 6px 10px; text-align: center; width:100%; height: 100%; border-bottom: solid 1px #ddd;}
.safe-ser-area ul li:first-child:before,
.safe-ser-area ul li.safe-img5:before{background: none}
.safe-ser-area ul li:nth-child(n+4) a{border-bottom: 0}
.safe-ser-area ul li:hover{background-color:#f3f3f3}
.safe-ser-area ul li a span{display:block; margin-top:45px; word-break:keep-all}
.safe-ser-area ul li.safe-img1 a{background: url('/resources/images/koedc/contents/safe-i1.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img2 a{background: url('/resources/images/koedc/contents/safe-i2.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img3 a{background: url('/resources/images/koedc/contents/safe-i3.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img4 a{background: url('/resources/images/koedc/contents/safe-i4.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img5 a{background: url('/resources/images/koedc/contents/safe-i5.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img6 a{background: url('/resources/images/koedc/contents/safe-i6.png') no-repeat center 20px}
.safe-ser-area ul li.safe-img7 a{background: url('/resources/images/koedc/contents/safe-i7.png') no-repeat center 20px}

.safe-ser-area ul li:hover.safe-img1 a,
.safe-ser-area ul li.safe-img1.active a{background: url('/resources/images/koedc/contents/safe-i1-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img2 a,
.safe-ser-area ul li.safe-img2.active a{background: url('/resources/images/koedc/contents/safe-i2-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img3 a,
.safe-ser-area ul li.safe-img3.active a{background: url('/resources/images/koedc/contents/safe-i3-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img4 a,
.safe-ser-area ul li.safe-img4.active a{background: url('/resources/images/koedc/contents/safe-i4-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img5 a,
.safe-ser-area ul li.safe-img5.active a{background: url('/resources/images/koedc/contents/safe-i5-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img6 a,
.safe-ser-area ul li.safe-img6.active a{background: url('/resources/images/koedc/contents/safe-i6-on.png') no-repeat center 20px #f3f3f3}
.safe-ser-area ul li:hover.safe-img7 a,
.safe-ser-area ul li.safe-img7.active a{background: url('/resources/images/koedc/contents/safe-i7-on.png') no-repeat center 20px #f3f3f3}



/*intro*/
.top-btn-group{position:relative;display: flex;padding: 45px 10%;width: 100%;}
.top-btn-group>div{width: 50%;display: inline-flex;margin: 0 20px;}
.top-btn-group a{display:block; width:100%; height:63px; border:solid 1px #C8C8C8; border-radius: 30px;  background: #fff; text-align: center; line-height: 63px; font-size:1.25rem; font-weight: 500 }
.top-btn-group a span{background: url('/resources/images/koedc/common/ico-arrow-off.png') no-repeat center; width:24px; height:13px; display: inline-block}

.top-btn-group a:hover,
.top-btn-group a.active{background:#00818B; color:#fff}
.top-btn-group a.active span,
.top-btn-group a:hover span{background: url('/resources/images/koedc/common/ico-arrow-ov.png') no-repeat center; }
.top-area{height: 406px; background:#dfeae6; padding:92px 0;}

.link-contents{position:relative;display:block;background:#fff;border-radius:15px;padding:38px;box-shadow: 2px 2px 2px 2px rgb(221,221,221, .3);top: -95px;z-index:11;}
.g-btn-group{margin-top:20px;}

/*팝업화면*/
.pop{width:100%; padding:0; margin:0; }
.pop >.tit{background:#00818B; font-size:1.2rem; padding:20px;}

.pop-con{width:100%;  word-break: break-all}
.pop-con pre {
    white-space: pre-wrap;
    max-width: 100%;
    box-sizing: border-box;
    word-break: break-word;
}
.pop-con pre img{max-width: 100% !important}
.pop >.both-side {align-items: center; position: relative; display: block}
.pop >.both-side .f-input{display: inline-block}
.pop >.both-side >div.pop-f-btn{position: absolute; right:10px; top:11px; display: inline-block}

/*아이디 비번찾기*/
.btn-find{display: flex}
.btn-find span{flex:1; padding-right:10px}
.btn-find span:last-child{padding-right:0}

/*공급중단1206추가*/

.link-contents{position:relative;display:block;background:#fff;border-radius:15px;padding:38px;box-shadow: 2px 2px 2px 2px rgb(221,221,221, 0.3);top: -95px;z-index:11;}
.interruption{margin:0 30px}
.interruption ul{display: block; width:100%}
.interruption ul li{display: flex;padding: 15px 0; border-bottom: 1px dashed #ebebeb;}
.interruption ul li .mark{border:solid 1px #ddd; padding:10px; width:30%}
.interruption ul li >div a{position:relative;display: block; width:100%;}
.interruption ul li .url{width:70%;}
.interruption ul li .url a{ font-size:1rem;line-height: 29px; vertical-align: middle;padding-left: 59px;font-weight:bold;margin-top: 15px;}
.interruption ul li .url a span{font-size:0.987rem;font-weight: normal;padding-left: 0;}
.interruption ul li .url a:before{content: '';display: inline-block;position: absolute;top: 12px;left: 36px;width: 4px;height: 4px;border-radius: 50%;background: #00818b;}



@media all and (max-width: 1200px) {
    .snb {display: none;}
    .sub-contents {width: calc(100% - 40px);margin-left: 20px;margin-right: 16px;}
    .sub-contents .cont-wrap {margin-top: 20px;}
    .sub-footer .manager-info {height: unset;}
    .sub-footer .manager-info li {margin-left: 10px;}
    .sub-footer .satisfaction .grade li {margin-left: 10px;}
    .sub-footer .satisfaction .opinion {position: relative;bottom: unset;right: unset;width: 100%;margin-top: 12px;text-align: left;}
    .tab-wrap .tabs {flex-direction: column;}
    .tab-wrap .tabs li {border-left: none;border-top: 1px solid #ddd;}
    .tab-wrap .tabs li:first-child {border-top: none;}
    .drug-wrap > ul > li {padding: 20px;}

    .board-body .table-wrap tbody td a {display: inline;white-space: normal;}
    .fileArea .table-wrap tbody td a {display: inline;white-space: normal;}
    .top-border {border-top: 1px solid #ebebeb !important;}
    .side-menu{display: none}

    /*수급모니터링 센터*/
    .link-area.mt50{margin-top:0 !important}
    .chart,
    .link-area .link-list,
    .link.col2 li, .link2.col2 li{width:100%}
    .link-area .link-list{margin:10px}
    .link.col2 li, .link2.col2 li{float: none}

    .chart{background-size:cover}
    .chart .koedc-img:before,
    .chart .koedc-img:after{background-size:66%;}
    .chart .koedc-img:before{left:26%;}

    /*구매진행절차 이미지*/
    .buy-step-img{width:88%; margin: 0 auto}
    .buy-step-img li.b-step3:after{width:26rem; left:-68px; min-width: 22rem}


}


@media all and (max-width: 1024px){
    .down-list li a .ico{top:5px}
    /*조직 및 기구*/
    .organization-wrap .orga-group-line_03 {width: 630px;}
    .organization-wrap .orga-group-line_03 .orga-line_01 {width: 210px;}
    .organization-wrap .orga-cont-06 {width: auto;}
    .con-step1>li{width:100%; flat:none; padding-left:0; margin-top: 20px}
    .con-step1>li:first-child{margin-top: 0}
    .con-step1>li:before{background-position:right bottom; width:20px; height:20px; transform: rotate(90deg); display: inline-block; left:50%; top:-22px}


    /*수급모니터링 센터*/
    .chart,
    .chart .koedc-img:before,
    .chart .koedc-img:after{background: none}
    .chart .link-area{display: block; justify-content: normal}
    .link.col2 li, .link2.col2 li{padding-left:0}

    /*인사말*/
    .greeting-wrap .greeting-profile p{float: none; text-align: center; margin-top:30px}
    .greeting-wrap .greeting-profile:before{background: none}
    .greeting-wrap .greeting-profile .profile-line{display: block; margin: 0 auto}

    /*센터공급의약품*/
    .tab-wrap .tabs2,
    .tab-wrap .tabs2.tab-stlye02{display: inline-table}
    .tab-wrap .tabs2 li,
    .tab-wrap .tab-stlye02 li{width:50%; display: inline-block; box-sizing: border-box; border-bottom: solid 1px #ddd}
    /*.tab-wrap .tab-stlye02 li:nth-child(5),*/
    .tab-wrap .tabs2 li:last-child,
    .tab-wrap .tab-stlye02 li:last-child{border-bottom: 0}

    /*뉴스레터 카드뉴스*/
    .news-area ul.col4 >li{width:33.3%}

    /*sitemap*/
    .menu-list >ul>li{width:48%; margin-left:0}

    /*구입신청절차*/
    .buy-step-img,
    .buy-step-img li{width:100%}
    .buy-step-img li{margin:0 0 40px}

    /*담당자 서류검토, 보유현황확인*/
    .buy-step-img li.b-step1 > div:after,
    .buy-step-img li.b-step2 > div:after{right:-60%; bottom:-35%; top:auto}

    .buy-step-img li.b-step5 > div:before{top:-102%}

    .buy-step-img li.b-step1 > div:before,
    .buy-step-img li.b-step2 > div:before,
    .buy-step-img li.b-step5 > div:before,
    .buy-step-img li.b-step7 > div:before,
    .buy-step-img li.b-step4 > div:after,
    .buy-step-img li.b-step3:after,
    .buy-step-img li.b-step1 > div.active span:before,
    .buy-step-img li.b-step5 > div.active span:before,
    .buy-step-img li.b-step7.active > div span:before,
    .buy-step-img li.b-step2 > div:after,
    .buy-step-img li.b-step2:after,
    .buy-step-img li.b-step3:after{background: none}

    .buy-step-img li:before{background-image: none}
    .buy-step-img li:before{background-color: #aaa;width:1px;height:100%;left: 50%;top: 100%;}
    .buy-step-img li.b-step7 > div:after,
    .buy-step-img li.b-step5 > div:after{right:-60%; top: -35%; left:auto}

    /*file 첨부*/
    .file-box{}
    .file-box .plus,
    .file-del{padding:0 5px}
    .file-box .plus i{font-size: 1.25rem}
    .file-box .upload-name{width:calc(100% - 180px)}

    /*의약품안전나라 검색*/
    .safe-ser-area ul li{width:50%; height:100%}
    .safe-ser-area ul li:nth-child(3):before,
    .safe-ser-area ul li:nth-child(5):before{background: none}
    .safe-ser-area ul li.safe-img5 a{border-bottom: solid 1px #ddd}
    .safe-ser-area ul li:nth-child(4):before{background-color: #ddd}
    .top-area{padding:20px 0}
    .top-btn-group{padding:45px 0}
    .top-btn-group>div{margin:0; padding:10px}

    /*공급중단*/
    .interruption ul li .mark{width:50%}
    .interruption ul li .url a span{display: block}

}

@media all and (max-width:840px) {
    /*관련기관*/
    .gov-link ul.col2 li{width:100%; }
    .gov-link ul.col2 li a.h-83{height:auto !important}

    /*로그인 0930추가*/
    .id-search .center-area,
    .pw-search .center-area{width:100%}
    .login-wrap {display: block;}
    .login-wrap .log-mem,
    .login-wrap .log-no-mem{width: 100%;}
    .login-wrap .log-mem { padding: 0 0 40px 0;}
    .login-wrap .log-no-mem {margin-top: 40px; padding: 0;}
    .login-wrap .log-mem:before {top: unset;bottom: 0;width: 100%;height: 1px;}
    .subject >strong >a.d-tit{width:70%}

    /*table 반응형구간*/
    .table-wrap, .board-body {overflow-X:auto; overflow-y: hidden}
    .table-wrap, .fileArea {overflow-X:auto; overflow-y: hidden}
    .table-wrap table,
    .board-body table {min-width: 600px}
    .fileArea table {min-width: 600px}

    .ta-left .w-200{width:100% !important}

    .file-box .plus, .file-del{font-size: 0}
    .file-box .upload-name{width:70%}

    .top-btn-group,
    .top-btn-group>div{width:100%; display: block}
    .link-contents .accordion a{width:80%}

}


@media all and (max-width:768px) {
    .zoom {top:0;}
    .go-top{display: none;}
    .sub-contents {width: calc(100% - 32px);margin-left: 16px;margin-right: 16px;}
    .sub-footer .manager-info li {display: block;margin: 4px 0;}
    .sub-footer .satisfaction .grade li {display: block;margin: 4px 0;}
    .search-wrap .search-input input {width: 165px;}
    .board-head-responsive {height: unset;}
    .board-head-responsive .total-wrap {float: none;position: relative;top: unset;left: unset;margin-bottom: 4px;}
    .board-head-responsive .search-wrap {float: none;}
  /*  .drug-wrap .drug-img {height: 250px;}*/

    /*센터공급의약품*/
    .drug-wrap .drug-img {/*height: 300px;*/height:auto; margin-bottom: 16px; }
    .drug-wrap .drug-info {padding-left: 0;}
    .drug-wrap .drug-info dt a {display: block;margin-bottom: 4px;}
    .drug-list .drug-info dt h4 {font-size: 1.25rem; line-height: 50px}
    .drug-wrap .drug-img,
    .drug-wrap .drug-info,
    .drug-wrap .img-detail{display: block;width: 100%;}
    .drug-wrap .drug-img,
    .drug-wrap .img-detail{max-width: 100%;}

    .drug-wrap .file-download {position: relative; top: unset;margin-top: 16px;}
    .drug-list .table-wrap .row {display: block;}
    .drug-list .table-wrap .row .colspan dt {width: 30%;}
    .drug-list .table-wrap .row .colspan dd {width: 70%;}




    /*ci*/
    .ci-wrap li.ci-logo {display: block;width: 100%;max-width: unset;margin: 0 auto;}
    .ci-wrap li.ci-text {width: 100%;padding-top:20px; padding-left: 0;}
    .ci-table .table-wrap .row dt {width: 40%;}
    .ci-table .table-wrap .row dd {width: 60%;}
    .ci-table .table-wrap .row dd ul li {flex: 1 1 100%;}
    .ci-table .table-wrap .row dd ul li .color-name {width: 100%;}
    .ci-table .table-wrap .row dd ul li p {width: 100%;padding: 10px 0 0 0;}
    /*이미지 확대버튼*/
    .m-img-btn{margin-top: 15px}
    .m-img-btn a{ display: block; border:solid 1px #ddd; background:#fff; padding:10px 0; width:100%; text-align: center}
    .m-img-btn a:hover{background:#0a58ca; color:#fff}

    /*조직 및 기구*/
    .organization-wrap .orga-group-cont {width: 100%}
    .organization-wrap .orga-cont-01 p, .organization-wrap .orga-cont-04 p {width: 100%;border-radius: unset;}
    .organization-wrap .orga-cont-02, .organization-wrap .orga-cont-03, .organization-wrap .orga-cont-05 {float: right; width: 90%;}
    .organization-wrap .orga-cont-02 {margin-top: 30px;}
    .organization-wrap .orga-cont-03 {margin-top: 10px;}
    .organization-wrap .orga-cont-03 li:first-child {margin-bottom: 10px;}
    .organization-wrap .orga-cont-04 {float: left;width: 100%;margin-top: 30px;}
    .organization-wrap .orga-cont-05 {margin-top: 30px; margin-bottom: 30px;}
    .organization-wrap .orga-cont-06 {display: flow-root;width: 100%;}
    .organization-wrap .orga-cont-06 li {float: right; width: 90%;line-height: 35px; margin-bottom: 10px;}
    .organization-wrap .orga-cont-02 li, .organization-wrap .orga-cont-03 li, .organization-wrap .orga-cont-05 li {line-height: 35px;}
    .organization-wrap .orga-group-line_01, .organization-wrap .orga-group-line_02 {width: 100%;height: auto;}
    .organization-wrap .orga-group-line_01 .orga-line_01 {top:0;left: 4%;transform: translate(0%, 0%);height: 191px;}
    .organization-wrap .orga-group-line_01 .orga-line_02 {top:48px;left: 4%;transform: translate(0%, 0%);width: 6%;}
    .organization-wrap .orga-group-line_01 .orga-line_03 {top:96px;left: 4%;transform: translate(0%, 0%);width: 6%;height: 1px;border: none;background: #ccc;}
    .organization-wrap .orga-group-line_02 .orga-line_01 {top:0;left: 4%;transform: translate(0%, 0%);height: 191px;}
    .organization-wrap .orga-group-line_02 .orga-line_02 {top: 48px;left: 4%;transform: translate(0%, 0%);width: 6%;height: 1px;}
    .organization-wrap .orga-group-line_03 {position: absolute;top: 406px;left: 4%;transform: translate(0%, 0%);width: 6%;height: 143px;border: 1px solid #ccc;border-right: none;}
    .organization-wrap .orga-group-line_03 .orga-line_01 {display: none;}

    /*홈페이지 이용안내*/
    .browser-update li {width: calc(33.3333% - 10px);margin: 10px 5px;}
    .browser-update li strong {font-size: 0.875rem;}
    .browser-update .update-text {width: 100%;}
    .browser-update-bottom li {width: 100%; margin: 25px 0;}

    /*서식다운로드*/
    .docu-wrap .docu-row{display: block; border-top: none}
    .docu-wrap .docu-row .docu-box{width:100%; border-bottom: dashed 1px #ddd; min-height: 100px}

    /*통합검색 0930추가*/
    .ser-result .tit-area .s_title{display: block}
    .subject >strong >a.d-tit{width:68%}
    /*구입신청안내 0930추가*/
    .apply-wrap .apply-comment {padding: 20px 0 0 0;}
    .apply-wrap .apply-comment:before {display: none;}
    .apply-wrap .apply-comment strong:before {display: none;}

    /*글자 확대축소 영역*/
    .zoom,
    .sub-contents .sub-title h3{display: block}

    .zoom{position: relative; text-align: center; margin-top:10px }

    /*뉴스레터 카드뉴스*/
    .news-area ul.col4 >li{width:50%}

    /*step*/
    .step ul{height:auto}
    .step li{float: none}
    .step li:nth-child(2){border-bottom: solid 1px #ccc}
    .step.col3 li{width:100%; display: block}
    .step div:before,
    .step div:after{border-top:0; border-bottom:0}

    /*입력폼 반응형까지*/
    .ta-left .half,
    .ta-left dl,  .ta-left dl dt,  .ta-left dl dd{display: block; width:100%}
    .ta-left dl dt,  .ta-left dl dd{padding:10px 0; text-align: center; vertical-align: middle}
    .ta-left dl{height: auto}
    .ta-left dl dt{padding-left:10px; border-bottom: solid 1px #ebebeb}
    /*.ta-left dl .file-box .plus, .ta-left dl .file-del{margin-top: 10px}*/

    /*파일첨부*/
    .ta-left dl .file-view>div{text-align: left; }
    .file-view>div>ul>li{margin-bottom: 5px}

    /*파란상자 안에 분할영역*/
    .blue-box .half{width:100%; display: block}
    /*회원가입폼 반응형 구간 텍스트 block 처리*/
    .span-block span{display: block; margin-top:5px}

    .ta-left dl dd .file-box{text-align: left}

    /*공급중단*/
    .interruption ul li{display: block}
    .interruption ul li .mark, .interruption ul li .url{width:100%; }



}


@media all and (max-width: 640px) {
    .subject,
    .subject >strong,
    .subject a.btn-small,
    .ser-result .tit-area>div,
    .ser-result .tit-area h4.bullet-h4,
    .s_date .t-date,
    .total-ser-area .s_date,
    .ser-result .tit-area span{display:block; }

    .btn-f-group > div,
    .btn-f-group .btn-default,
    .s_date >button.ui-datepicker-trigger:before{display: block;text-align: center;margin: 0 0 5px;}
    .btn-f-group > div{float:none}

    /*통합검색제목*/
    .subject a.btn-small{position:relative; text-align:center}

    .subject{height: auto; padding-bottom: 20px}
    .subject >strong >a.d-tit{width:70%; }
    .subject .t-date{position: absolute;top:-5px; right: 0;}

    .total-ser-area ul >li>label,
    .total-ser-area .s_date .input-line{margin-top:5px}

    .total-ser-area ul >li>label{vertical-align: top}

    .ser-result .tit-area a{top:20px}

    /*comment*/
    .talk-comment,.talk-history{padding:15px}
    .talk-comment:before,
    .talk-history:before,
    .talk-comment .d-img-1:before,
    .talk-comment .d-img:before,
    .talk-comment strong.d-img:before,
    .talk-history strong.history:before{background:none}



    /*pagelist*/
    .pagination button, .pagination a.num{font-size: 0.75rem; width:25px; height: 25px; line-height: 25px}
    .pagination .page-prev{background-position:-41px center }
    .pagination .page-first{background-position:-4px center }
    .pagination .page-next{background-position:-78px center }
    .pagination .page-last{background-position:-115px center }

    /*모달팝업*/
    .modal .modal-dialog{left:0; top:0; transform:none; min-width: 100%; width:100%}

    /*양쪽정렬*/
    .both-side span{position: relative; display: block; float: none; top:0; left:0}

    /*의약품 구입신청*/
    .com-txt strong, .com-txt > div{display: block; padding-left: 20px}

    /*intro 반응형형*/
    .panel a {display: block; margin:5px 0; text-align: center}
    .panel .g-btn-group{padding: 20px 5px; margin:15px}

    /*로그인*/
    .no-bg>div{width:100%}

    /*공급중단*/

    .talk-comment .medicine:before{top:33px}
}

@media all and (max-width: 490px) {
    /*통합검색 0930추가*/

   /* .sel-date .t-date,
    .ser-result .tit-area span,
    .ser-result .tit-area>div,
    .ser-result .tit-area h4.bullet-h4{display:block; }*/
    .ser-result .tit-area .s_title{margin-left:0 !important}
    .subject a.btn-small{position: relative; text-align: center}
    .total-ser-area ul >li>label,
    .select-con .custom-check.inline{display: block;}

    .select-con .custom-check.inline,
    .custom-check.inline+.custom-check.inline{margin-left: 0}

  /*  .tit-area a.btn-type03{display: none}*/
    .ser-result .tit-area .m-more{display:inline-block; width:25px; height:25px;color: #737373; top:24px}



    .total-ser-area .t-date .input-line,
    .total-ser-area .reset button{margin-top:5px}

    /*서식다운로드*/
    .down-list li{height: auto}
    .down-list li:before{top:22px}
    .down-list li a span,
    .down-list li a .ico,
    /*인사말*/
    .history-wrap .history-list ol{display: block;}
    .down-list li a .ico{left:0; top:19px}
    .down-list li a span.txt{width:100%}
    .down-list li a .hwp, .down-list li a .xls, .down-list li a .pdf{padding-left:34px}

    /*인사말*/
    .greeting-wrap .greeting-profile p .in-block{display: block !important;}

    /*연혁*/
    .history-wrap .history-list, .history-wrap .history-list > h5{padding-left:0;}
    .history-wrap .history-list > h5{position: relative;  padding-top: 0; margin-bottom: 10px }

    /*뉴스레터 카드뉴스*/
    .news-area ul.col4 >li{width:100%}

    /*sitemap*/
    .menu-list >ul>li{width:100%;}

    .tab-wrap .tabs2 li{width:100%; border-left:0}
    /*게시판검색영역*/
    .search-wrap .search-input,
    .search-wrap .search-select,
    .search-wrap .search-select select,
    .search-wrap .btn-search,
    .search-wrap .search-input input,
    /*양쪽정렬*/
    .al-btn-list,
    .al-btn-list>div,
    .al-btn-list>div button,
    .both-side strong,
    .al-btn-list button,
    /*파일리스트*/
    .file-list div{width:100%; display: block; margin-bottom: 10px}

    .both-side button.fl-right{float:none; margin-top: 10px; display: block; width:100%}
    /*입력폼 전화번호나 한줄에 3개의 입력박스가 있는경우*/
    .ta-left input, .ta-left select, .ta-left .w-100, .ta-left textarea{width:100% !important; display: block}
    /*날짜 입력폼*/
    .ta-left dl dd.date{text-align: left; }
    .date .s_date input{width:calc(100% - 40px) !important;;  }
    .date .s_date input,
    .date .s_date button,

    .file-box input[type="file"], .file-box .upload-name{display: inline-block !important;}

    /*필수입력항목*/
    .m-block span, .file-box label{display: block !important; margin-bottom: 10px}
    .file-box label{text-align: center}

    .file-box .upload-name{width:calc(100% - 42px)!important;}

    .top-btn-group a{font-size:1rem; line-height: 50px; height:50px}

    /*intro*/
    .link-contents{padding:38px 10px}

    /*아이디 비번찾기*/
    .btn-find, .btn-find span{display: block; width:100% }
    .btn-find span{padding:0}
    /*comment*/
    .etc-comment .ico-mark{line-height:21px;}
    .etc-comment .ico-mark:before{top:2px}

    /*센터공급의약품*/
    .drug-list .drug-info dd strong,
    .drug-wrap .drug-info dd span{width:100%; display: block}
    .drug-wrap .drug-info dd strong{font-weight:600}
    .drug-wrap .drug-info dd strong::after{background:none}
    .drug-list .drug-info dt h4{line-height: 1.5rem; margin-top:15px}
    .drug-info .qr-img img{width:50%; height:50%}

    .drug-wrap .drug-info dd span{margin-top:12px; padding-left:5px}
    .drug-wrap .img-detail{width:100%; height:100%; min-width:100%}

    /*comment*/
    .talk-comment{padding:15px}
    .talk-comment:before,
    .talk-comment .medicine:before{background:none}

    /*공급중단*/

    .interruption ul li .url a{padding-left:0}
    .interruption ul li .url a:before{background:none}
    .interruption ul li .url a span{font-size: 0.897rem; line-height: 22px}
}
@media all and (max-width: 320px) {

    .safe-ser-area ul li:last-child{vertical-align: top; }
    .safe-ser-area ul li:last-child a{height:113px}
    .safe-ser-area ul li a span{word-break: break-all}

}

/* Captcha */
#captcha-box .btn_point1 {background-color: #10537b; border-color: #10537b; color: #fff !important; border: 1px solid #cfcfd1; border-radius: 3px; position: relative; display: inline-block; box-sizing: border-box; height: 25px; padding: 0 10px; font-size: 12px; line-height: 23px;}
#captchaValue {height: 30px; padding: 2px 10px; line-height: 18px; margin: 0; border: 1px solid #d2d2d2; color: #333; box-sizing: border-box; font-family: inherit;}